tag:blogger.com,1999:blog-30658496928132283662024-03-05T11:36:24.972+00:00AlterMidgard Custom PlaymatsCustom hand drawn playmats for use while playing CCG's and TCG's like Magic The Gathering, Yugioh, and Pokemon. Anonymoushttp://www.blogger.com/profile/03152417212097711111noreply@blogger.comBlogger128125tag:blogger.com,1999:blog-3065849692813228366.post-30339162601345792542017-06-16T11:08:00.000+01:002017-06-16T11:08:10.740+01:00MTG Honored Hydra Embalm Token Sock Hydra<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8jTkvyioVOm3aI9eVYGfZF2u6ZxwboWjXMpX4aHOZ8PSNW-P6R5fAljhionjdxaSYlzhr-d5yjzSXeDIoNKVezRQqt-VLMjMuiwRDJtVxE7ofPvCCz1PpoX9M03aruV1lFs1A87taeGwY/s1600/sockhydra+insta.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1080" data-original-width="1080" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8jTkvyioVOm3aI9eVYGfZF2u6ZxwboWjXMpX4aHOZ8PSNW-P6R5fAljhionjdxaSYlzhr-d5yjzSXeDIoNKVezRQqt-VLMjMuiwRDJtVxE7ofPvCCz1PpoX9M03aruV1lFs1A87taeGwY/s320/sockhydra+insta.png" width="320" /></a></div>
<br />
Sometimes people ask you how you come up with your ideas. obviously if your doing something based on guidelines that's easy but what about the rest? Well I can't say i have the answers to that, sometimes neurons fire combining various streams of thought and you end up with hydras made out of socks. It seemed to make sense at the time. The light is really what makes this piece for me, there's an almost realism that's just not quite there but is enough to cause you to stop. I think blurring the background helped too. The other ting that this did was inspire a series following the same theme but those can be for another time. <br />
<br />
And at least we finally know what happens to all your lost socks. Anonymoushttp://www.blogger.com/profile/03152417212097711111noreply@blogger.com0tag:blogger.com,1999:blog-3065849692813228366.post-19835745612824127682017-06-12T10:56:00.000+01:002017-06-12T10:56:06.507+01:00MTG Honored Hydra Alter - Snakes in a Drain<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEk9DuYLfVuFm-qYtA3BCblsnPSUkyOhrSpgPmmaswappmUkafw7m951sOvN8o-dUE0WvuLs3HAosrx3nlPElfSq89HOe9skqzWzHSoBLeInre7sbuIy2HjYiqLi4GLunucDUoIx6UfaO0/s1600/honored+hydra+insta.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1000" data-original-width="1000" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEk9DuYLfVuFm-qYtA3BCblsnPSUkyOhrSpgPmmaswappmUkafw7m951sOvN8o-dUE0WvuLs3HAosrx3nlPElfSq89HOe9skqzWzHSoBLeInre7sbuIy2HjYiqLi4GLunucDUoIx6UfaO0/s320/honored+hydra+insta.png" width="320" /></a></div>
<br />
A very straightforward extension, it's dark there's not a lot you can change but at the same time you don't want to ruin the atmosphere. You also don't want this guy in your hand, once you have him in the graveyard though what are you going to use to represent Embalm? as luck would have it I've got you covered, check back Friday to see how. Anonymoushttp://www.blogger.com/profile/03152417212097711111noreply@blogger.com0tag:blogger.com,1999:blog-3065849692813228366.post-52810331291212908132017-06-05T10:51:00.000+01:002017-06-05T10:51:05.996+01:00MTG Drake Haven Alter: Drake Air force<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhssq_FOHhga0cWUDoD718mP52JZaSFtTJx4fHS1fPKxE1bHdrWy8m0tpY1m0ANavEEr4jnbG3kdsuc62bfwdTi2jwtCCd__fAS071OnIm_mvREc-wdJ_j7St088DIWTfUZn66WCcEwVh58/s1600/drake+haven+insta.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1000" data-original-width="1000" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhssq_FOHhga0cWUDoD718mP52JZaSFtTJx4fHS1fPKxE1bHdrWy8m0tpY1m0ANavEEr4jnbG3kdsuc62bfwdTi2jwtCCd__fAS071OnIm_mvREc-wdJ_j7St088DIWTfUZn66WCcEwVh58/s320/drake+haven+insta.png" width="320" /></a></div>
<br />
When they wont let you Astral slide in standard This is probably the next best thing so naturally i wanted to have a go at altering it. weirdly the yellows on this one were much easier to match, the pyramids turned out really well. the blue was a little harder but the really difficult part was painting the two new drakes, the one on the left even ended up being turned around as the composition wasnt working. ok now they might fly into each other but it's become one of my favorite alterations. its subtle but at the same time interesting.<br />
<br />
And who doesn't want an army of 2/2 Drakes? Anonymoushttp://www.blogger.com/profile/03152417212097711111noreply@blogger.com0tag:blogger.com,1999:blog-3065849692813228366.post-88427464061589856082017-05-29T10:44:00.000+01:002017-05-29T10:44:04.744+01:00MTG Wandering Servant Alter - Day at the beach<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi86l8cK0yEnHFyjtXaX8mH-pl_oiYNOlCS-OhfmOgANDHm38ACHvhEFNAEgMEGafGVwOEn7jNW5NgGiukFF0CZ4IIWD3NSWyTkNWnFW8R71wAMpPK4k8GOtBktYSKbiOtmI_7U02w-jv6V/s1600/wayward+servant+insta.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1000" data-original-width="1000" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi86l8cK0yEnHFyjtXaX8mH-pl_oiYNOlCS-OhfmOgANDHm38ACHvhEFNAEgMEGafGVwOEn7jNW5NgGiukFF0CZ4IIWD3NSWyTkNWnFW8R71wAMpPK4k8GOtBktYSKbiOtmI_7U02w-jv6V/s320/wayward+servant+insta.png" width="320" /></a></div>
<br />
A trip to the seaside is just what the doctor ordered. Sun-cream is rather unnecessary however. the beach umbrella is a nod to Resident evil. This wasn't the direction I was going for at first but colour matching sand is a pain so the less of it there is the better. I wonder if he will ever find his way home.Anonymoushttp://www.blogger.com/profile/03152417212097711111noreply@blogger.com0tag:blogger.com,1999:blog-3065849692813228366.post-62880296378100843982017-05-26T10:37:00.000+01:002017-05-26T10:37:39.358+01:00MTG Manglehorn Alter : I'm on a boat<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDYxmq0ib-IUTo_rl5jC3i58MeRa8TLhRntL0kD8aDtXC_Oc-MiWra4wCtCONIpGB4NcGOMwR4j7b9v8S1rjDEXTl4GkL6HfNZ1c4x_fj3M2ChTdW9p142S0aBxERKoXD4p64coAxwsAv-/s1600/manglehorn+insta.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="1000" data-original-width="1000" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDYxmq0ib-IUTo_rl5jC3i58MeRa8TLhRntL0kD8aDtXC_Oc-MiWra4wCtCONIpGB4NcGOMwR4j7b9v8S1rjDEXTl4GkL6HfNZ1c4x_fj3M2ChTdW9p142S0aBxERKoXD4p64coAxwsAv-/s320/manglehorn+insta.png" width="320" /></a></div>
Lets be honest, you wouldn't try to stop her. Although I;m still unsure if I should have given her an Electric Guitar.<br />
<br />
<br />Anonymoushttp://www.blogger.com/profile/03152417212097711111noreply@blogger.com0tag:blogger.com,1999:blog-3065849692813228366.post-30310987423999872432017-03-13T10:37:00.000+00:002017-03-13T11:30:31.127+00:00MTG Tempt with Discovery Shenron Alter<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH9a7zDHOFCI2nBoW3lDHEJbWJ55r2oaBiTVeHA6xvxUHKjXHNaAR1_7o5kHE5-Sw8zlQqc_BBIkLP96U9tzEKmZTlbtCKXWrv84bduNhrNIfOLHwJWTbmM2-UgJ20XhhobMEQHRdJMF5r/s1600/tempt+with+fiscovery+mtg+alter.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH9a7zDHOFCI2nBoW3lDHEJbWJ55r2oaBiTVeHA6xvxUHKjXHNaAR1_7o5kHE5-Sw8zlQqc_BBIkLP96U9tzEKmZTlbtCKXWrv84bduNhrNIfOLHwJWTbmM2-UgJ20XhhobMEQHRdJMF5r/s320/tempt+with+fiscovery+mtg+alter.jpg" width="240" /></a></div>
<br />
Something a bit simpler this time
around since this is just an art extension. Its worth taking a moment
to think about whee we would be standing is this was out view. We
would either have to be in a taller tree than the ones in front of us
or on the edge of a mountain. Either way that leave the area at the
bottom of the image rather dark with just a hint of foliage. It also
means we will be looking almost straight on at the clouds and that
means we should be able to see the tops of them. I say that but
initially I had them extending off the top of the card I knew
something was wrong though and luckily realised what it was.
<br />
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
I didn’t want to leave things at that
though. So I summoned a dragon. It could be Shenron, perhaps if
your more MTG inclined it's Jugen or one of the other Kamigawa dragons. whatever the case it was very tiny details. </div>
<div style="margin-bottom: 0cm;">
<br /></div>
Anonymoushttp://www.blogger.com/profile/03152417212097711111noreply@blogger.com0tag:blogger.com,1999:blog-3065849692813228366.post-72887803835177818492017-03-10T10:02:00.000+00:002017-03-10T10:02:23.885+00:00Roadhog Craterhoof behemoth MTG Alter<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw6ve_js5ikAVhyphenhyphenO8ZesX70KoOpoEV7L8hvROB3RFw5RsGy9m568fMuz4uB25e2jGqpXrWcwDcQKaeJyvTX3B7qCq03nFEaRSLHUmAlK3eJ_l98LMH2qeMiyV4g_mrkqU8M-4r2U3eCRhx/s1600/roadhog+alter.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw6ve_js5ikAVhyphenhyphenO8ZesX70KoOpoEV7L8hvROB3RFw5RsGy9m568fMuz4uB25e2jGqpXrWcwDcQKaeJyvTX3B7qCq03nFEaRSLHUmAlK3eJ_l98LMH2qeMiyV4g_mrkqU8M-4r2U3eCRhx/s320/roadhog+alter.jpg" width="251" /></a></div>
<br />
<br />
Trying something a bit different with
this one. Once I had a layer of grey primer done in acrylics I
decided to paint the actual image using Ink's. It ends up being one
of those pieces that work in person but when you present a scanned
close up you get to see all the tiny bush strokes and any flaws.
<br />
<div style="margin-bottom: 0cm;">
<br />
</div>
<div style="margin-bottom: 0cm;">
Anyway I really like the way the Ink
lets me colour the text boxes, being thinner than typical paint
means I don’t have to worry about going around the text as unless I
go really dark it will show through.
</div>
<div style="margin-bottom: 0cm;">
<br />
</div>
<div style="margin-bottom: 0cm;">
The downside of the medium is that once
you build up a few layers the Ink decides it doesn’t want to mix
anymore and will start to clump. If you ant to do any blending do it
right on the first few passes is what I'm saying. </div>
<div style="margin-bottom: 0cm;">
<br /></div>
Anonymoushttp://www.blogger.com/profile/03152417212097711111noreply@blogger.com0tag:blogger.com,1999:blog-3065849692813228366.post-10538658159670101472017-03-08T12:17:00.002+00:002017-03-13T11:29:58.043+00:00Cardfight Vanguard Custom Playmat. Dimensional Police Blueprint<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzLcJRD1OsMzMOuz8UX8SGWdJ9b7In1yR4yBKGU2uyuzj3MzS2Gm-2guzrIEBANvgjZBg_mRHLJqMsaZD1E4DD8XSPxaQgIxB6wCeTtdiPm1WKB5E0hScX5OYiYIesFJFMQg1CeMIv0Kg_/s1600/super+robot+mat+final.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzLcJRD1OsMzMOuz8UX8SGWdJ9b7In1yR4yBKGU2uyuzj3MzS2Gm-2guzrIEBANvgjZBg_mRHLJqMsaZD1E4DD8XSPxaQgIxB6wCeTtdiPm1WKB5E0hScX5OYiYIesFJFMQg1CeMIv0Kg_/s320/super+robot+mat+final.jpg" width="265" /></a></div>
<br />
<i> You get used to doing things a certain way. Sometimes things come along that force you to stop and look a little differently. Today we rotate 90 degrees to look at my first mat in a portrait aspect. </i><br />
<br />
<u><b>Not so Brief. </b></u><br />
<br />
Super robots are tall. Something of an understatement but accurate. The point is if you just want one on the mat your either going to end up with a lot of free space around it on a typical horizontal mat.<br />
<br />
You could always cut the lower half off. make the top the focus and fill the mat with a flashy dynamic pose. No, not what your after?<br />
<br />
Let me think about this then. Hmmm. How about doing the mat vertically? Bear with me you want the whole robot on the mat right, well he's pretty rectangular and mats are rectangular so if you turn one of the two 90 degrees both will match up right, you can fill the mat completely.<br />
<br />
You want it to look like a blueprint? OK, even better, a skyscraper would be doe this way too right? I don't want something too static though, how about making it an exploded diagram? You know so we can see the inner workings. Yes? Cool.<br />
<br />
<u><b>Mass Production Type. </b></u><br />
<br />
You want to know something else about Super Robots from card games? They tend to be low on reference material and/or high resolution images. finding reference got so bad I even watched the episode of the cartoon this guy shows up in and there were still parts of the body and more importantly aspects of the transformation mechanism I wold have to make up. It's a good thing I know my transformers.<br />
<br />
As for the design itself there was a lot of revision. Getting the angles and perspective right took some time. it's exaggerated further in this image but the main way you make something look tall is to place the viewer close to the bottom of the page looking up. this has the effect of lengthening the legs and shortening the torso, a useful trick for both robots and humans. The bigness is further emphasized by placing a silhouette of a person in the image. as humans we know how big people are instinctively placing one beside the robot helps describe scale. other scale popular scale animals include birds and fish.<br />
<br />
If the pose looks familiar I thought it would be cool to have a nod <a href="http://altermidgard.blogspot.co.uk/2012/08/starscream-game-mat-design-tutorial.html">to a previous mat</a>. Place them next to each other and they can have a pointing contest. not that Starcream would be happy about it.<br />
<br />
The hardest part of the process though was that blank mats being as they are, blank, meant that in another twist from normal I was going to have to colour everything but the lines. Worse the bulk of the colouring would be limited to a single colour. I was just going to have to go vey carefully, it quite tricky to make something white again..<br />
<br />
Near the end I added the boxes of darker blue to push certain areas back giving the image more depth. the leg on the right does stick out a bit but I wanted to make doubly sure. Plus it breaks up the large aeas of the same blue. Text and symbols were added to tie the mat as callbacks to the original card.<br />
<br />
<u><b>And Finally.</b></u><br />
<br />
Something else I discoved while working on this project? its quite difficult to photograph a mat this way around without losing detail somewhere so apologies for that. It was a fun challenge, working with shape to create line is something I enjoy, the whole vetical thing though? Probably best saved for situations that really need it.<br />
<br />
Next time, things stay this way up, but get rather a lot smaller.<br />
<br />
<br />
<u><b>Update </b></u><br />
<br />
I found the scan I made of the mat so heres a better angle<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLgjvbQ4Qptdjl5N70VkZl0MHmYGJPFRisGrnpe6fPEAjly2yO439PTGy5H-pMc9eLbAqdZe0zuT2uiaZ02Om-iFqaevjaXUsh8-UkilM9NHNno-tcdou0q1hPPLPQwXm2qPxLrLmN4cYT/s1600/vanguard+robo+copy.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLgjvbQ4Qptdjl5N70VkZl0MHmYGJPFRisGrnpe6fPEAjly2yO439PTGy5H-pMc9eLbAqdZe0zuT2uiaZ02Om-iFqaevjaXUsh8-UkilM9NHNno-tcdou0q1hPPLPQwXm2qPxLrLmN4cYT/s320/vanguard+robo+copy.jpg" width="184" /></a></div>
<br />
<br />
<br />Anonymoushttp://www.blogger.com/profile/03152417212097711111noreply@blogger.com0tag:blogger.com,1999:blog-3065849692813228366.post-25208643490129089722017-03-01T16:25:00.001+00:002017-03-01T16:58:46.639+00:00Great Expectation - Pokemon Praposal<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBkHpSLFpYyybNKg1Fw-MgdhyzcukS8FA98uG2v67mtH3UCXbdOCjprMVsyGgiUWDV14ML102U2Vi3DrQ2TZOinb8ls2dUe_aYUbTqgQAbDZKa6fszPe_D-TLYt285Xa88ccvhL9Ev3oBq/s1600/mike+oke+pokemon+003d+final.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="464" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBkHpSLFpYyybNKg1Fw-MgdhyzcukS8FA98uG2v67mtH3UCXbdOCjprMVsyGgiUWDV14ML102U2Vi3DrQ2TZOinb8ls2dUe_aYUbTqgQAbDZKa6fszPe_D-TLYt285Xa88ccvhL9Ev3oBq/s640/mike+oke+pokemon+003d+final.jpg" width="640" /></a></div>
<br />
<i>When I get asked to create something, for the most part, I tend to assume its because the person asking has some idea in their head they want realised, a cool concept they can't quite bring to life by themselves perhaps or a thought they need solidifying. This can take you on fun and interesting journeys but once you have taken on the mission you start to realise there are expectations beyond those set out in the brief you must also meet, expectations that come from ingrained cultural trends, expectations people aren’t even aware they have since they are subconscious but if you were to leave them out they would know there was something missing. </i><br />
<div style="margin-bottom: 0cm;">
<i><br />
</i></div>
<div style="margin-bottom: 0cm;">
<i>Today's story is one of meeting expectations, working digitally, and getting a rhino to sit.</i></div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
<u><b>So whats the brief?</b></u></div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Two Pokemon: A Drowzee is proposing to a Rhyhorn. The style should be more like the early anime than the modern designs.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Two clear expectations then. The first a conscious desire to replicate a particular look, 1995 era cartoons in this case. The second the unconscious expectation of what a proposal should look like.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Lets take them in order.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Here's the finalised background. Why have I painted the whole thing rather than only the areas that will be viable? That's not really the right question. It should be. How would they have produced backgrounds back when they still used cells and paint?<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn-YgfTRM7GxCV4BB1dGCYwthPXdleyo3tR43O3ZgFqCSYrpk3NJQXcqg_-cjq-BhNGPgmm4HuDKrwRiDNIJqwSQZQORUOh9QMACXZ5I9tuMDSHN9YNlA1rXgHogxU0Q0Z9ASZBquXFWE8/s1600/mike+oke+pokemon+background.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="290" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn-YgfTRM7GxCV4BB1dGCYwthPXdleyo3tR43O3ZgFqCSYrpk3NJQXcqg_-cjq-BhNGPgmm4HuDKrwRiDNIJqwSQZQORUOh9QMACXZ5I9tuMDSHN9YNlA1rXgHogxU0Q0Z9ASZBquXFWE8/s400/mike+oke+pokemon+background.jpg" width="400" /></a></div>
</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Your going to have several layers of clear film. The top most layer is going to have the character on it, you could decided that on the lowest layer where your background will be painting the bits that are under the characters would be a waste of time, I mean no one will ever see them right?. Or you could look at it the other way. Why add back in the areas the character moves away from when you can draw the whole background once.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Well its the same thing with digital. Most drawing programs have layers, if i'm going to get that old fashioned feel I might as well take advantage of them. More importantly it means that if I decide to modify the figures in some way, make them smaller or move them about for example I'm not going to have to keep going back in and fixing the background,</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
The colour pallet for this piece is a bit of a mix. I've made sure to choose colours that match those the characters would have been originally but the background takes most of its cues from modern digital pallet. Did you know that when the show switched from analog to digital colour the staff were worried the fans wouldn’t accept the change? So worried in fact that they deliberately damaged the image quality with special filters. Over time they reduced the effect so by the time they removed it the audience had acclimatised to the new look. I mention this because while the brief was to create an old school feel the human brain is a fickle thing. They’ve been using the digital colours for over a decade now, colours which would have been chosen based on the paints they originally used. Subconsciously these are the colours you expect to see, the originals are the ones that wont look quite right. For another example go back and watch an early versions of the Simpsons, are those the colours you associate with the show?</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Background painted its time to release the Pokemon.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
…</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Have you ever seen a rhino sit down? I can't say I ever remember having done so either but luckily for me they can because I needed Ryhorn's front legs free.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Have you ever seen someone propose? That's more likely to be a yes but even if you haven’t I bet you can imagine the scene. </div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
What did you imagine? The man down on one knee holding out the ring? The woman with a look of surprise, hands moving subconsciously to protect her face or cover her mouth?</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Yeah you and everyone else.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
So that's the scene that's expected but how do we do that with one monster who doesn’t really have knees and another that stands on four legs?</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
We take liberties that's how, the pose is more important than fake creatures anatomy. At least thats what i thought until i started looking up reference material and found rhinos can sit down in a pose that's much like that of a teddy bear. </div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
That frees up the front end now on to Drowzee. </div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
The designs of Pokemon have evolved over the years. Pikachu is the most obvious example starting out pudgy he's slimmed down considerably. Luckily for me Drowzee hasn’t undergone quite as radical a change. He doesn’t really have knees in the original but we can use grass to disguise that we have added some. It's a bit like those images where circles and other shapes obscure parts making your brain fill in the gaps with what it expects to see. More important is to fet the face right he used to have a more pronounced curve in his nose. </div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
I'm painting the characters in a very similar way to how they would have done back in the day. I create the lines then move on to painting the blocks of colour. It's just I've done the lines in a vector drawing program so they scale to any size without loss of detail and I'm painting with colours that have an undo function if I mess anything up. I could have done the colouring in vectors too but to avoid too crisp and modern a look I decided it was best to stick with old fashioned pixels.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
As for the choice of colours for the Mon's. This time I will be pulling from the originals, they aren’t all that different to be honest perhaps a tad warmer, it's more that there used to be more variation between scene and episodes because of noise on the film.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Thats actually the last piece of the puzzle. Once I've got the image finalised I'm going to want to add blur and noise to create that feel. Not too much though we don’t want to lose the detail. The filters that do this have been around almost as long as the drawing programs themselves, its certainly quicker than trying to get the same look using paper (Since, you know we are trying to imitate film)</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Putting it all together the last expectation I need to meet is that this image might end up being used elsewhere. What if they want to use it as a wedding invite or on their website? If thats the case the text should really use a fancy curly font. A clean white boarder would also seem appropriate but a square image seems a tad uninspired.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
To keep things interesting I go for a non standard edge to the image, making the white background feel more connected to the image by turning it into the silhouette of foreground grass and the edges of the trees This phase is really where working digitally saves time and opens up options. With access to almost limitless numbers of fonts (Don’t go to crazy) theres bound to be one that suits your project. Not only that but you can move them around and resize things until you get everything just right, I don’t envy the designers who used to have to build magazine layouts by hand.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
When you think your finished you send it to them and hope you met all the expectations you needed to cover. Digitally, via email or message obviously. If you haven’t, well you have your file still, its easy enough to make changes.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Like I did to this post's introduction. Originally I was going to concentrate on the working digitally side of things. By the end it was obvious it wouldn’t have met that expectation.<br />
<br />
Thais all for today.. expect a more analog related post in the future.<br />
<br /></div>
Anonymoushttp://www.blogger.com/profile/03152417212097711111noreply@blogger.com0tag:blogger.com,1999:blog-3065849692813228366.post-21036476835579282622016-10-14T11:18:00.001+01:002016-10-14T11:18:57.904+01:00Daenerys Targaryen and Dragons: Maureen Custom Game of Thrones Playmat Sketch Flowchart<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAIIkMwl8O7mmTE9ta5LfAOWGJGxl7Xxl8PT7wYqRhtTA4nh5t879n0j6BGS-JaRtaAh17SFuL20SiX3SHdfrJkgLJqQLElxkFzFOkRs3xEbiibSoKhnAduoTzgBCEvMpAkZe7WhwbtpFB/s1600/denaris+playmat+final+large2a.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="370" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAIIkMwl8O7mmTE9ta5LfAOWGJGxl7Xxl8PT7wYqRhtTA4nh5t879n0j6BGS-JaRtaAh17SFuL20SiX3SHdfrJkgLJqQLElxkFzFOkRs3xEbiibSoKhnAduoTzgBCEvMpAkZe7WhwbtpFB/s640/denaris+playmat+final+large2a.jpg" width="640" /></a></div>
<br />
<br />
Over on my Facebook page <a href="https://en-gb.facebook.com/altermidgard/">(Here)</a> I recently released an image a day showing the process of coloring my latest mat. So since I've already covered that lets do something a bit different<br />
<br />
How about showing how the final sketch came together, using the medium of flow charts and annotations.<br />
<br />
Warning it's going to be a big image and you will likly have to zoom in.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI72OAHSJ9-xhXH9lThEXKlWdALn5qQSupF8ClwT4TTouIS6nAaf2rQhI9tz2nmfcCtnvCeZrljrzv7TI2chFK8RXnU9DJRtK_ANfb7Bp8s_q_AUeTTzZGWRhOIGbx6Q4L-wXBU9OBfGAN/s1600/dynaris+mat+sketch+flowchart.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="504" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI72OAHSJ9-xhXH9lThEXKlWdALn5qQSupF8ClwT4TTouIS6nAaf2rQhI9tz2nmfcCtnvCeZrljrzv7TI2chFK8RXnU9DJRtK_ANfb7Bp8s_q_AUeTTzZGWRhOIGbx6Q4L-wXBU9OBfGAN/s640/dynaris+mat+sketch+flowchart.jpg" width="640" /></a></div>
<br />
There was much use of a lightbox involved in this process. Without it I dont know if i could have added this much detail so its a very useful tool to pick up if you dont have one.One of the modern thin LED ones I mean, the old fashioned ones could be a bit bulky to move. <br />
<br />
One of the other neat things to come out of all this is I got a new logo out of it, the wonders of the design process!<br />
<br />
That's all for today, see you next time.<br />
<br />Anonymoushttp://www.blogger.com/profile/03152417212097711111noreply@blogger.com0tag:blogger.com,1999:blog-3065849692813228366.post-14506331104984242692016-08-29T13:36:00.001+01:002016-08-29T13:40:57.668+01:00Refreshing a Custom Playmat: Persona 3 Nyx Mat<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMLGxe7-zHxXPLtpkx2Y3HYuI7Ud-SR_HDpqFi6mUgpnLCNrs2HTy7FhcEx0FoR1JwX8pkO5atXO6cWFMrB4ou8o6N2RmsPxd4niswrqMkheHa_UThCZDtTIVciUPXwvIRzmBRdCSjORZd/s1600/custom+playmat+persona+3+Nyx.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMLGxe7-zHxXPLtpkx2Y3HYuI7Ud-SR_HDpqFi6mUgpnLCNrs2HTy7FhcEx0FoR1JwX8pkO5atXO6cWFMrB4ou8o6N2RmsPxd4niswrqMkheHa_UThCZDtTIVciUPXwvIRzmBRdCSjORZd/s400/custom+playmat+persona+3+Nyx.jpg" width="400" /></a></div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
<i>Chances to upgrade a piece of art don’t
come along that often. After all by the time anyone gets around to
even thinking about it your probably several hundred years dead. On
the other hand Playmats are art that has to withstand the rigors of
constant use, occasionally they may require a bit of a spruce up. Thats
going to be the topic of today's post as we take a look at what was
involved in refreshing the Persona 3 Nyx mat..</i></div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
<b><u>Four years in the breaking</u></b></div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
It's been a while Persona 3 Nyx mat,
how've ya been? Bearing in mind I had no idea about sealing mats at
the time I think it's done well for 4 years of use. What we are
seeing is that the colours have faded slightly and there is
understandable wear around the edges, both from use and living loose
in a bag.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGyt6BNA0_qtbNLCjt3OVKlBwIc-Zij0H_Af18fY5om0Uw_5J-kx03Y3RQ5C6JmTI6QLahsHZost5GulR4a7xnACOFcWt_TEGMROQwREUju18RMkvoVIZfQRZZekdDd82iYLxljSlJyFrd/s1600/custom+playmat+persona+3+nyx+start+point.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGyt6BNA0_qtbNLCjt3OVKlBwIc-Zij0H_Af18fY5om0Uw_5J-kx03Y3RQ5C6JmTI6QLahsHZost5GulR4a7xnACOFcWt_TEGMROQwREUju18RMkvoVIZfQRZZekdDd82iYLxljSlJyFrd/s400/custom+playmat+persona+3+nyx+start+point.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">A tiny bit the worse for wear but overal you've done well soldier</td></tr>
</tbody></table>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
It's the black thats faded the most.
Which is interesting since usually its the paler colours that are the
first to go, must have been something to do with the fact I was using
two different mediums. That aside the most striking change is the
loss of that vibrant neon.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Here's a little secret though. This
image, the contrast has been pushed up to make the blacks darker and
the image easier to read, the original was never quite this dark in
the first place. Why push the contrast so much? Well you see at the
time I didn’t exactly have all that decent a camera and it helps to
offset the low resolution. That said with this refresh I'm hoping to
get the mat up to this level of colour at the very least. Think of it
as finally matching the original vision. First though we need to know
why the mat looks as it does not after four years.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Why do things fade? Well there are two
main reasons.
</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
<u>Reason one: Wear.</u></div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Want to see what a mat looks like
without its backing? Any mat thats is, even the printed type? Heres a
pic.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKu2xsQKBtSdqAoZvoqkSZtp_hzOVsHs9ksuB83oTSSlGBz5VMpkODbXlybRsgEn9Sz8VByvGqAcPwMw2wTA8ysLrOBUFFj0BEU6YsvrWHAN0BBnHJXG3rBMYcB8pGG1WpKH2vD1uWh5Id/s1600/custom+playmat+persona+3+nyx+fabric+point.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKu2xsQKBtSdqAoZvoqkSZtp_hzOVsHs9ksuB83oTSSlGBz5VMpkODbXlybRsgEn9Sz8VByvGqAcPwMw2wTA8ysLrOBUFFj0BEU6YsvrWHAN0BBnHJXG3rBMYcB8pGG1WpKH2vD1uWh5Id/s400/custom+playmat+persona+3+nyx+fabric+point.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Best not to ask why I have the fabric of a mat and not the rubber under-layer. There was an experiment...</td></tr>
</tbody></table>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Yup its essentially just a bit of
fabric, not a particularity thick piece of fabric either and yet one
that has to withstand all the card flicks, elbows, greasy fingers,
and rubbing from other objects in a bag that occur during a mat's
life. It would be like if you only had one tshirt, You wear it wash
it then put it on again, over and over for four years. What happens
to any images on it or the seams and edges?</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Thats right Wear, Luckily unlike
clothes the rubber backing of a mat keeps it from falling apart we
still have to deal with wear to the image though.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
<u>Reason rwo: light.</u></div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
The sun is trying to kill the colours.
</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Over time light breaks down the
pigments, less tiny pigment particles less colour on the human eyes
scale. This is more like a river carrying away the individual
particles ,with less of them left behind its impossible to be as
bright as before the river appeared.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
On the plus side unless you leave your
mat on a windowsill while your not using it light is less of an
issue. Also gaming stores aren’t renowned for their sunroofs.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
On this mat what we are seeing is
mainly a wear issue. I can feel the fabric isn’t as thick as it
used to be and there are more frayed fibres around the edges. One of
the things we will be looking to do near the end of the process is to
bulk the mat back up a bit.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Beyond that it's a straight re-colour.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Well it would be but I've come a long
way in four years, I think we can do better than that.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
<u><b>The reunification.</b></u></div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
In this image I'm about halfway done
with the refresh.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0wdE2LXYSB5K_aZMLpbgmdnh04OHquPmBrx6VSDIWXUnxTz31co6X5XrjrqBPoADPGJscOSdBmCrKyPPNEHYVkHvoVjHdI-nVhL5QSPYlsrx8SqtAxtbtV9QczjJPOe9gEQDwwEgJDqKC/s1600/custom+playmat+persona+3+nyx+mid+point.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0wdE2LXYSB5K_aZMLpbgmdnh04OHquPmBrx6VSDIWXUnxTz31co6X5XrjrqBPoADPGJscOSdBmCrKyPPNEHYVkHvoVjHdI-nVhL5QSPYlsrx8SqtAxtbtV9QczjJPOe9gEQDwwEgJDqKC/s400/custom+playmat+persona+3+nyx+mid+point.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">There are a number of things that still need fixing.</td></tr>
</tbody></table>
<div style="margin-bottom: 0cm;">
<br /></div>
You can already see things have begun
to tighten up. If I was to draw a graph showing level of detail over
time there would definitely be an upward trend, I guess thats what
you get with practice.
<br />
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
I've been removing as many Tangents as
I could find, we've covered this before but to recap. Tangents are
where lines meet and form shapes they shouldn’t and in doing so
they confuse the viewers eye. In this image for example the way the
bow, spear, and Nyx's dress interact caused some confusion
originally, at least I wasn’t happy with it at least. Theres still
a bit to do to work them apart but you can see the beginnings of the
refinement of each object and my atempt to move them apart..</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Another thing we can do to improve
readability is make sure that dark edges are followed by light areas
and vice versa. There are a lot of very small details on this mat,
for example the gold spikes, and we can increase the crispness of
their edges without putting a black line around them if we use this
technique. I've also changed the lighting, on the original I use a
grey to shape the black clothes of the characters but if the moon is
the primary light source then doing so leads to confusion, where is
the light coming from to make their backs lighter than their sides?
Just fixing this makes the figures feel much more a part of the rest
of the image.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Finally I've begun darkening the edges
of the image in order to create an oval of darker colour. This pool
into witch we are drawn should help to keep the viewers eyes within
the bounds of the image where before with all the figures at the
edges it could be quite easy for the eye to wander out.
</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
At this point I'm not sure if I want to
outline the everything or not.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
<b><u>0.3 to 0.8</u></b></div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
I've outlined the everything.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbQmCyEEwLQJn54qbbc5Z5gd8LuyF5rvdwBsN4ulFSSYimVmZ_IRU5pJz48smSjmeQsGyuTIQOckbsVby9cP8_Wqwuccb7FDANffQ7L9I8TJAtXbCrENH0A2kJnfweFdo6mnkiKNUo4ByB/s1600/custom+playmat+persona+3+Nyx+1.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbQmCyEEwLQJn54qbbc5Z5gd8LuyF5rvdwBsN4ulFSSYimVmZ_IRU5pJz48smSjmeQsGyuTIQOckbsVby9cP8_Wqwuccb7FDANffQ7L9I8TJAtXbCrENH0A2kJnfweFdo6mnkiKNUo4ByB/s400/custom+playmat+persona+3+Nyx+1.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">I'm not sure which I prefer this or the top image.</td></tr>
</tbody></table>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Had to in a way. Ceaser is all grey, at
some point near the edge of a surface your going to need to go darker
to create the outline and once you've done that then you start
thinking 'well lets just see what the guy next to him would look
like' and it's all a bit of a snowball from there.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
What I didn’t want to do however were
boring lines that were all the same width, you know like I did the
first time around because I didn’t have four years more experience.
So keeping the Rarity mat in mind I set about outlining everything,
making sure to vary the pressure of my stroke. To make doubly sure I
went back and added even more thickness to certain areas I wanted it
to be really obvious. Then I got an even thicker brush and drew big
black lines around the characters.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
But that was too much so I undid most
of it.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
I'm glad I did add the line-work in the
end, not only does it make those areas that had lines originally more
dynamic but it really helps to make the character pop.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
I've been talking about techniques to
sharpen the image for a bit now so I guess it's past time to mention
colour.
</div>
<div style="margin-bottom: 0cm;">
<b><u><br /></u></b>
</div>
<b><u>
</u></b>
<div style="margin-bottom: 0cm;">
<b><u>Colour me unsurprised.</u></b></div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
In the original image the sky is
something of a teal, one I no longer have access to. This turns out
to be less of a problem than it seems since the moon is green after
all and as I boost it back up to its neon glory I'm naturally drawn
to blending out from there using greens rather than teals anyway.
</div>
<div style="margin-bottom: 0cm;">
</div>
<div style="margin-bottom: 0cm;">
I want to bring more of the blue from
the dress into the left of the image as the right is a bit heavy with
it so start to tint the greys with a blue shadow. Th blue Itself has
held up well over the years, theres no real surprise there its what
blue does. Still I want to add in some dynamism so work the dress up
to a darker shade and blend out to create folds in the fabric
</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
In the same way I want more blue on the
left, the areas that were red and orange before are all now shades of
one colour to draw your eye from left to right. There's a nice curve
there I think it should be used. Equally the yellows are better
matched now, I really wanted to cut down a bit on the number of
colours involved, less can be more after all and if it helps
strengthen the overall image all the better.
</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
I debated weather or not to add purple
clouds. It would have had a nice contrast to the green but theres no
taking that back, the sky isn’t really the focus anyway so had I
not liked it I would have been stuck with at best very dark green
clouds.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Just to add to the eeriness factor I've
left Nyx's face without shadows, clearly she can self illuminate
somehow – perhaps she is a nightlight. I also altered the smile
and reshaped the head. It wasn’t that far off before but you should
have been able to see more hair on the right and now she looks like
she's enjoying herself more.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Deepen the blacks on Nyx. For obvious
reasons we do the black last (hint we don’t want to be trying to
put yellow over it) lets also sort out the boot on the right not sure
what went wrong there but its not the same size as the one one the
left even if you cant see most of it. I could go darker with the
wings but as we have learned we want things in the background to not
be as bright/strong.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Bring in some green shadows and
highlights to tie the figures and the sky together and we are done.
Not quite the same style as before but possibly closer to the
original anime intent overall, especially on the humans.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Next up lets do something to keep this
mat going for even longer than four years.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
<u><b>CFC Free.</b></u></div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
With the colouring done its tim for
detailing.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Not as in adding detail, more the
polishing a car up to make it look as good as it can.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Here that involves:</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Trimming any glaringly obvious frays:
Being fabric we don’t want to go to crazy it might un-knot.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Painting the sides of the edges of the
mat: if it's green at the edge we don’t want to see white over the
lip.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
And adding an undefined number of
layers of sealant.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
This last point involves a spray so you
will want to do this outside in calm dry weather. Here I've gone with
a mat sealant, mat as in not gloss rather than specifically for
mat's. As I mentioned earlier I want to improve the mat's thickness
so it takes a fair few coats to bring it up to where I am happy with
it. Adding the sealant helps for three reasons. First it locks in the
colours, second it takes the wear before the mat itself and third a
decent sealing product will have some form of UV protection or be
lightfast in some way.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Basically it helps slow the process of
ageing.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
For art that is, I advising against any
attempts to use it in any other way.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Once this is dry your done and ready to
once again take to the battlegrounds.<span id="goog_1853003113"></span><span id="goog_1853003114"></span></div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
... </div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
I just wish I had a blacklight, see one
of the ways I got the brightness back up was to use glow in UV
colours. It woulds be nice to know if the sealing process turned them
off or not.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Obviously thats a story for another
time, until then remember art isn’t ever a finished thing theres
always room for a refresh.</div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
Although I'm not sure how I would feel
about someone else messing with my art 100 years form now.</div>
Anonymoushttp://www.blogger.com/profile/03152417212097711111noreply@blogger.com0tag:blogger.com,1999:blog-3065849692813228366.post-38609115605797125362016-08-22T10:56:00.002+01:002016-08-22T10:56:15.804+01:00UpdateBack to a more standard blog layout. The last two posts made it clear that the way the other template skewed the images was making things look unprofessional. On the plus side the new layout will load faster and it brings it more in line with my Tumblr page<br />
<br />
If you prefer the old layout, check out <a href="http://altermidgard.wordpress.com/">altermidgard.wordpress.com</a> which will be my main site going forward.Anonymoushttp://www.blogger.com/profile/03152417212097711111noreply@blogger.com0tag:blogger.com,1999:blog-3065849692813228366.post-89963711985026860962016-08-03T10:37:00.000+01:002016-08-03T10:37:03.443+01:00Narset Enlightened Master Alter<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkbqfFh6pXf64iL-e75VQKw2OWSsn9WdRuJOpJqdTuVk0YhzYk57wDoDC1RyrJEWk3Kf8iaOKpofcUbB4-HBwGnyHpWVZTZV1D6ih7-AhvCEQbKfcBnw_5rkkBPwQG-T9IhJ5XNgUYNJeL/s1600/alter+mtg+narset+copy.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkbqfFh6pXf64iL-e75VQKw2OWSsn9WdRuJOpJqdTuVk0YhzYk57wDoDC1RyrJEWk3Kf8iaOKpofcUbB4-HBwGnyHpWVZTZV1D6ih7-AhvCEQbKfcBnw_5rkkBPwQG-T9IhJ5XNgUYNJeL/s320/alter+mtg+narset+copy.jpg" width="228" /></a></div>
Much of the art that ends up on cards is cropped in some way. It might be to zoom the image in or adjust the focus of the image, or perhaps they just didn't like that tree.<br />
<br />
Whatever the reason art that's been cropped makes extending a peice of art much easier, lost a tree? Paint it back in.<br />
<br />
Narset isn't one of those pieces of art. The image fits the art box exactly and theres very little scenery around the edges to work with. <br />
<br />
So instead of trying to force a background I've decided to add a magic spell effect. Theres a very nice spirally quality to this image and I wanted to emphasis it.<br />
<br />
The spell has flecks of metallic in it too so when you move the card about it catches the light.Anonymoushttp://www.blogger.com/profile/03152417212097711111noreply@blogger.com0tag:blogger.com,1999:blog-3065849692813228366.post-38594395340439264162016-07-28T11:31:00.002+01:002016-07-28T11:31:22.384+01:00MTG Alter: Seige Rhino to LOTR Elephant<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDBPeYG2Dz4Qq1n2W-jDFctljgg9MkLnz5_nQxRJ4IKTUMNHuwVdhL6AbC7kyUbfl8m0Ee-X7CWM18w2DBtPAwV3IQ3gD6T-bsVx0dInAXExfLSBexFwUL4YqpbrbUq2TFcL82RKfTxxYZ/s1600/alter+mtg+seige+elephant+copy.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDBPeYG2Dz4Qq1n2W-jDFctljgg9MkLnz5_nQxRJ4IKTUMNHuwVdhL6AbC7kyUbfl8m0Ee-X7CWM18w2DBtPAwV3IQ3gD6T-bsVx0dInAXExfLSBexFwUL4YqpbrbUq2TFcL82RKfTxxYZ/s320/alter+mtg+seige+elephant+copy.jpg" width="240" /></a></div>
Here's a Siege Rhino who's got a bit lost and wandered into the LOTR universe.<br />
<br />
She's also wearing an elephant disguise, like you do.<br />
<br />
Yellows and Purples are notoriously difficult to match so I'm very pleased about how this one came out. I've been uing a wet pallet lately and thats helped a grest deal in colour mixing, it also gives greater control over paint thickness and preserve colous between sessions.<br />
<br />
With hindsight I should have changed the logo into the eye of Sauron, at the time, focused on the art I didn't even see the text box.<br />
<br />
Frodo and Sam are going to have a long walk with this new desert in the way.Anonymoushttp://www.blogger.com/profile/03152417212097711111noreply@blogger.com0tag:blogger.com,1999:blog-3065849692813228366.post-34529083257976703312016-06-21T10:41:00.002+01:002016-08-22T10:45:07.041+01:00Cardfight Vanguard: Double Sided Power Marker Tokens<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc2mzMEhKg5b8lLJanC3cPXeG4twAt2PEFghpyjkD_sIhQ2KlEwvg5FxoKpkBmNwlAp77lj1Sxu62lc03CVZc7dyIjAGrxiYmQk-Rkmc66chvPVEMosCkBqO0xU4k8gmD8evyVKiNI5brw/s1600/vanguard+token+six.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="365" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc2mzMEhKg5b8lLJanC3cPXeG4twAt2PEFghpyjkD_sIhQ2KlEwvg5FxoKpkBmNwlAp77lj1Sxu62lc03CVZc7dyIjAGrxiYmQk-Rkmc66chvPVEMosCkBqO0xU4k8gmD8evyVKiNI5brw/s400/vanguard+token+six.jpg" width="400" /></a></span></div>
<span style="font-size: small;"><br /></span>
<span style="font-size: small;"><i><span style="font-size: medium;"><a href="http://altermidgard.blogspot.co.uk/2016/05/jiraiya-custom-playmat-colouring-line.html">Last time</a> I mentioned we were going to take a look at digital art in this installment. I originally had another piece in mind however I think this is a more interesting story so today we are going to look at a set of six images that make up three double sided foil Cardfight Vanguard power level markers. </span></i></span><br />
<span style="font-size: small;"><i><span style="font-size: medium;"><br /></span></i></span>
<span style="font-size: small;"><i><span style="font-size: medium;">We will be exploring the concepts behind each pair and looking at how I took those concepts from initial sketch to final piece.</span></i></span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;"><u><b><span style="font-size: medium;">!. Setting the Scene.</span></b></u></span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">Three foil tokens, double sided, with six unique pieces of art. </span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">The three pairs will consist of:</span><br />
<span style="font-size: small;">Ichigo & Kenpachi (From the anime Bleach)</span><br />
<span style="font-size: small;">Deadpool & Judge Dredd</span><br />
<span style="font-size: small;">Nero & Dante (From Devil May Cry 4) </span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">The Characters on the left will represent 5,000K and those on the right 10,000K.</span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">It's, a lot of work to be honest. Not only do I have to create six images I have to develop a way of making two sided foil cards and sure it's just sticking two regular cards together but the important part is making sure they are the same size. We wont go into that today but like many of the challenges I'm set this one definitely resulted in a number of improvements to my process.</span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;"><u><b><span style="font-size: medium;">2. Whats the Story.</span></b></u></span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">On top of all that I wasn’t just going to draw six characters with no thought of where they are or what they are doing. Each pair would be a story and the set as a whole would be tied together by an overarching theme.</span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">And! Just to complicate things further each pair would use a separate art style but a not completely unrelated colour pallets. </span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">As with many card game stories these are ones of power and conflict. Easy for people to quickly understand, which is good since I have two panels to explain everything. We aren't expecting to squeeze Shakespeare on here. </span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;"><u><b><span style="font-size: medium;">3. Ichigo vs Kenpachi. </span></b></u></span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">This pair's conflict is a head on collision both combatants rushing towards the viewer and each other.</span><br />
<span style="font-size: small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilQDHd2b_q9xjutU_Ujz2cwj47J-X1VNG2MY9zEB7anhzqvMAI5aSDG5dqZv55idIIMVXKDf_rrubkQXBayFyDxZGVXhktzoI3LVfcaEDlIu-GCEQkjBCKGzRxk7gypZ_FwzvPrLj6iamh/s1600/dante+nero+timelapse+2s.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilQDHd2b_q9xjutU_Ujz2cwj47J-X1VNG2MY9zEB7anhzqvMAI5aSDG5dqZv55idIIMVXKDf_rrubkQXBayFyDxZGVXhktzoI3LVfcaEDlIu-GCEQkjBCKGzRxk7gypZ_FwzvPrLj6iamh/s400/dante+nero+timelapse+2s.jpg" width="400" /></a></span></div>
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">Ichigo's pose came quite quickly, I've drawn him before after all. </span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">I'm going to be sketching all of these characters digitally, there will be no paper involved in this process. This has been made possible mainly due to finally finding a set of digital brushes that allow me to draw and paint as I would with their physical counterparts. </span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">Here in the first image for example I'm using a pen brush, this pair of images will stay close to the anime style these characters come from so I figure I may as well start as I mean to go on. Its sketchy for sure but thats sort of the point and not having to scan anything in means I can rapidly move on to the second phase (making sure the character is actually 3D and sorting the proportions) and the third (blocking in the background)</span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">The first colour pass is all airbrush brush. Not something I use much in the physical world but highly useful here for laying down large areas of colour and smooth gradients. </span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">At this point the lighting is a bit generic and all over the place something to remember to fix later. We also need to draw more focus to the center of the image and come up with a way to tie the image into Kenpachi's. </span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">The final piece takes everything we have done so far and refines it. The lines are slimmed down and have weight added and removed (<a href="http://altermidgard.blogspot.co.uk/2016/05/mlp-rarity-custom-playmat.html">see here for more on that)</a> The light source moves behind the figure so all the highlights and shadows have to move also and all the rocks get lightning connecting them, a hint that something or someone is causing them to be sent in Ichigo's direction. </span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">Originally the final image had the sunset in the background mirrored in the ocean but it looked rather like he was flying through space so I added a green tinted curve to the lower half suggesting the ground.</span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">In contrast Kenpachi took much longer to pin down. Many sketches using everything from a pencil brush through to charcoal. It was always his sword that was the issue somehow it kept finding ways to escape the page. Like Ichigo the later stages of line-work use the pen brush, there are many types but the one I prefer works much like a cross between a fine-liner and an ink pen, good control with variable width and opacity.</span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">This image was much more traditionally blocked in, flat and with few colours. The ground beginning to break up gives us our connection to the other image but there's going to be a lot of work needed with the airbrush to get from here to the final piece.</span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">Like the other image the light is behind the character. But then it would be the ground has gone all explode'y (technical term) with lightning. I'm really happy with the way the skin turned out on this one the airbrush is very good at skin and by swapping between a very large broad brush and a thin detail one you can build up the image quite quickly. The last thing I did was go back and check my reference, a good thing too because I had almost forgotten the little diamonds and circles on his cloak. It can be the little details that solidify the final image.</span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;"><u><b><span style="font-size: medium;">4. Deadpool vs Judge Dredd</span></b></u></span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">The Dredd vs Deadpool conflict is one of chaotic irreverence vs stoic order. Dredd looks down out of his image and towards the highway bellow from where Deadpool smiles back up at him, clearly having done something knowing it would wind Dredd up.</span><br />
<span style="font-size: small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibuYZ44BtXcXVMYBVcZ4nWCx1l-8PiNoWlVXBUnqsnVeBXJag5l9UtlLhEaZirT1wZHFcfQjdOTiG91kZSccrayUkAI4ItHUq_lv2vv-pxk-803t8l_ul4ZAEbrqRks8PTfG0PAqIjwgn2/s1600/dante+nero+timelapse+3s.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibuYZ44BtXcXVMYBVcZ4nWCx1l-8PiNoWlVXBUnqsnVeBXJag5l9UtlLhEaZirT1wZHFcfQjdOTiG91kZSccrayUkAI4ItHUq_lv2vv-pxk-803t8l_ul4ZAEbrqRks8PTfG0PAqIjwgn2/s400/dante+nero+timelapse+3s.jpg" width="400" /></a></span></div>
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">This time both sketches start with a blue pencil brush. The blue is a throwback to a time of analog animation but we tend to still use it as it makes it easier to tell original sketch from more finalised work in black. Both sketches are quite close to their final pieces too, not necessarily in terms on exact pose but at least in layout. </span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">I'm going for a graphic novel / western comic style with these two so back comes the pen brush, this time slightly broader and more ink'y to fill in the blocks of black. The Dredd blocking in was essentially a redraw as you can see from the massive jump in detail. The best way to do this is to make the previous image transparent and use it as a guide, that way to can focus on the details. </span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">As you can see there was originally a car in the Deadpool image I dropped it for two reasons. Firstly while the angles were right it was a little flat, it needed to be taller but then would have taken up far to much space. Secondly it distracts from the main image, the white lines on the ground tell us its a road so we may as well remove the car and have the blood splatter more dominant there. </span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">When it came time to colouring once again the airbrush is the primary tool however once we have the initial colours in place I start using a series of pattern brushes to add textures. Deaadpool gets carbon fibre armour for example while I add brick, stone and metal layers to the areas of both images that seem most appropriate. At the same time a gradual process of upping the detail occurs until I'm happy with the results. </span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;"><u><b><span style="font-size: medium;">5. Nero vs Dante.</span></b></u></span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2slwDope3K33qZF4LQFGfzn4D5PDLLOeRX-6AsPASecQ7Izhvm0Nn92QgnjI3tEZoOfrtwq1RulRqHDCId3NY3G9bo4rTvQai6IX4zr2c5B-sr8qar8j6bci49dHy8VzJedFUWT5GmQS4/s1600/dante+nero+timelapses.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2slwDope3K33qZF4LQFGfzn4D5PDLLOeRX-6AsPASecQ7Izhvm0Nn92QgnjI3tEZoOfrtwq1RulRqHDCId3NY3G9bo4rTvQai6IX4zr2c5B-sr8qar8j6bci49dHy8VzJedFUWT5GmQS4/s400/dante+nero+timelapses.jpg" width="400" /></a></span></div>
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">With this pair I was trying to capture them mid combo. Originally Dante would have been focused on the right attempting to shoot Nero down but I didn’t like the pose, it seemed odd that he was ignoring , over the course of the sketch it gradually evolved to be front facing and shooting both ways. This probably leaves it the weakest of the connecting stories but it does mean if Nero tries to attack from either side he's getting blasted. Nero's pose changed a bit too, in the end I wanted to have a nice C curve to the pose and the leg on the left was really disrupting that line of motion creating more of an X and a static pose.</span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">Sketching starts out the same way as the previous pair but quickly moves away from lines in favor of a more artistic style. Usually both images would have been done in grey-scale first but for some reason I started in colour on Nero and just kept working that way. It's quicker, you just have to be more aware of you colour choices. </span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">I'm using the finished cards here as the last images because these are the two that needed the most typography work and editing after their images were finished and for that I had to switch to another program where those edits could be made more easily.</span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">Also here's a bonus image of the city background stage for both pieces. </span><br />
<span style="font-size: small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKpw1S-cAK-xjc3Ri-B_NA-sEvjR9p0jEPY4sBRZr3wPlI6k_qiI9807a205YQV39ydgxVM_RlIL9tLaRneMai5rJnMdGrrleEVb9D5ngOVda3DTNh3I4I0OtUCIZTLkkaSoswdaaTZZv0/s1600/city+001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKpw1S-cAK-xjc3Ri-B_NA-sEvjR9p0jEPY4sBRZr3wPlI6k_qiI9807a205YQV39ydgxVM_RlIL9tLaRneMai5rJnMdGrrleEVb9D5ngOVda3DTNh3I4I0OtUCIZTLkkaSoswdaaTZZv0/s400/city+001.jpg" width="400" /></a></span></div>
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">You cant actually see it on the Nero piece, I pushed it right back to focus on the foreground, but the idea was there would be enough room for both of them to share it. </span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;"><u><b><span style="font-size: medium;">6. All and Nothing.</span></b></u></span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">With foil being a hard effct to capture here's a quick video of the finished cards. </span><br />
<span style="font-size: small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihB_I8zedqIRu9NDXZS_g6rLx8pMV4g0tN72f8vIBFmO1ca1b9WA80z1LCtTwGwQfRecCPVYVLGMS0nHjo17T3Mj9RS-xpD6ybwiReGwbgY9ZMv0w7lKIP9hX18zYCWzWzV7047PvwTZ4r/s1600/vanguard+token+vid+-+Computer.m4v" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihB_I8zedqIRu9NDXZS_g6rLx8pMV4g0tN72f8vIBFmO1ca1b9WA80z1LCtTwGwQfRecCPVYVLGMS0nHjo17T3Mj9RS-xpD6ybwiReGwbgY9ZMv0w7lKIP9hX18zYCWzWzV7047PvwTZ4r/s400/vanguard+token+vid+-+Computer.m4v" width="400" /></a></span></div>
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">As for the link 'that ties them all together? Well I've mentioned it a few times already. Front-Back, Up-Down, Left-Right, yup they are all pairs of directions. Why? Well when your doing double sided cards any Easter eggs should be three dimensional right?</span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">And that's all we have time for today, next time, well we'll see but it's likely to one sided.</span><br />
<span style="font-size: small;"><br /></span>Anonymoushttp://www.blogger.com/profile/03152417212097711111noreply@blogger.com0tag:blogger.com,1999:blog-3065849692813228366.post-79733686874145743342016-05-16T14:10:00.001+01:002016-08-22T10:46:29.765+01:00Jiraiya Custom Playmat / Colouring Line Work<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgKLEl6VXu0AwLICGenNj_kUhARKUP57iB_tSzKZ6uZSaQANT4YWvF2JxRz6cuH_1f5tSCqvPsBJZ0Lbi9zEgaEdv6W7UOmq4o7M_hMpJSmc4EW_E8quIZbxE9RFba96ytReh3KKwXS6RT/s1600/jiraiya+custom+playmat.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="380" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgKLEl6VXu0AwLICGenNj_kUhARKUP57iB_tSzKZ6uZSaQANT4YWvF2JxRz6cuH_1f5tSCqvPsBJZ0Lbi9zEgaEdv6W7UOmq4o7M_hMpJSmc4EW_E8quIZbxE9RFba96ytReh3KKwXS6RT/s640/jiraiya+custom+playmat.jpg" width="640" /></a></span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><i><span style="font-size: medium;"><a href="http://altermidgard.blogspot.co.uk/2016/05/mlp-rarity-custom-playmat.html">Last time</a> we focused on line art and a number of ways to make your lines more dynamic and interesting. We continue where we left off, with the lines set out on the mat itself and ready for what we are going to be talking about today, how best to go about colouring.</span></i></span></div>
<div style="text-align: center;">
<span style="font-size: small;">…</span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><b><span style="font-size: medium;">But first, a slight rewind.</span></b></span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;">Before we dive into colouring I just want to mention our starting point this time around. This image should have been the final sketch before moving onto the mat proper, it's the one I sent to the person who asked for the mat at least, all the elements are there but after moving from pencil to pen the fact the proportions of the body are all over the place was bothering me. A large stack of revisions later and Jiraiya is looking more human, more 3D, and ready for prime time.</span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6oEGsMZQoW3cD8U13OkfzG3CpMmv-zejkJyURXI2y-cr9oCE_QzT-gw0TmV-G5MWwijDRwFh9CcPuHKg66QIHUQGVQVaJBwXMdfx9VTYYm02rGyAoiPfC2Nt3PU0TkF6ONPQ4ZGSghNHm/s1600/jiraiyamat+1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="275" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6oEGsMZQoW3cD8U13OkfzG3CpMmv-zejkJyURXI2y-cr9oCE_QzT-gw0TmV-G5MWwijDRwFh9CcPuHKg66QIHUQGVQVaJBwXMdfx9VTYYm02rGyAoiPfC2Nt3PU0TkF6ONPQ4ZGSghNHm/s400/jiraiyamat+1.jpg" width="400" /></a></span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;">There are many ways to check to see if your design looks right, from mirroring and flipping to changing the media your working in. It's best to figure that out before laying the lines out on the mat though, since theres no going back after you have.</span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;">Which is one of the reasons I tend to leave any lines until last. Something that may have happened this time had I not done the Rarity mat just beforehand.</span></div>
<div style="text-align: center;">
<span style="font-size: small;">…</span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><b><span style="font-size: medium;">Line and colour don’t mix</span></b></span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;">That heading is misleading, lines and colours do mix thats sort of the problem and another reason I tend to leave lines until last.When we do decide to start with the lines we have to understand how the two are going to interact or find ourselves having to waste time redrawing the lines at the end.</span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;">If your anything like me your going to be using Fine-liners for the lines. Brushes are great for large areas of colour but for complex designs or small details you want control and crisp spread free edges. There are plenty of options for this phase, sharpies will do the job if that's all you have access to but I prefer to have access to a verity of nib sizes so use something more specialised. </span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;">The main thing to make sure of is that whatever you use is going to have some resistance to water and wear, a players palms resting on the mat is a good example of both.</span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;">What you wont be able to do is find something that resists water and the colours we tend to use. Sharpies for example will resist water but not wear or other sharpies.</span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;">We still need to know how the colours are going to interact with the lines so heres a handy picture.</span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHQq1Nm7u9QsXhnGl4IObw3eFq5oqwIoYnV_-eLrScdnzkg3D5N32-K6plnyTsv1ngxoAVT27y1xMHTqwHA09P8G7fP9PwvKsoZbQx1YIqVgyAe1QfhTJ5v44XY91wLYdPLL_dIPIyleUp/s1600/jiraiya+mat+2A.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="275" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHQq1Nm7u9QsXhnGl4IObw3eFq5oqwIoYnV_-eLrScdnzkg3D5N32-K6plnyTsv1ngxoAVT27y1xMHTqwHA09P8G7fP9PwvKsoZbQx1YIqVgyAe1QfhTJ5v44XY91wLYdPLL_dIPIyleUp/s400/jiraiya+mat+2A.jpg" width="400" /></a></span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;">Different colours have different quantities of pigment. </span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><b><span style="font-size: medium;">The light colours: Yellows, Pastels, etc, </span></b></span></div>
<div style="text-align: justify;">
<span style="font-size: small;">Have the least pigment so if you brush them over a line they are the least likely to cause it to fade or spread. That doesn’t mean you get a free pass yes you can be less careful but press too hard or build up too many layers and not only will the line spread it will be really obvious and is the hardest to fix.</span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><b>The Mid colours: Most Reds, Orange, Greens.</b></span></div>
<div style="text-align: justify;">
<span style="font-size: small;">With more pigment comes greater risk one pass could be enough to cause spread and it could be quite a distance, worse these colours are still light enough that its going get noticed.</span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><b><span style="font-size: medium;">The Dark colours: Blues, Purples, Black, some dark Greens.</span></b></span></div>
<div style="text-align: justify;">
<span style="font-size: small;">Spread becomes less of an issue as you get darker as your not going to see it. That doesn’t mean you can relax though since these colours introduce a new problem, Fade. If anything Fade is worse than spread since you can hide that with darker colours, Fade on the other hand is essentially the colours removing the lines you spent all that time on earlier sure we can go over them again but with care we shouldn’t have to.</span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;">The other issue should be obvious, if we are using black next to a black line we probably don’t need the line in the first place, or if we do, we need to make sure there is a gap between the two. </span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;">Which leads neatly on to the next section how do we do that? And more importantly avoid Spread and Fade in general?</span></div>
<div style="text-align: center;">
<span style="font-size: small;">…</span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><b><span style="font-size: medium;">It helps to have good eyes and a steady hand, or a magnifying glass and patience.</span></b></span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9eGDpR1awr7HBDDaJesNG4juI4prgrTlxbe5ovKjHVWawLgLwSIfgdk48x4v1l-XmqY3ZOi-F9WRvBj3XR2Gzs72ajeEEHvCWwNnrZIZvrb3ggGvs-PH8ACS3ETAOX-VEXpRoue3IcAcs/s1600/jiraiya+mat+3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="275" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9eGDpR1awr7HBDDaJesNG4juI4prgrTlxbe5ovKjHVWawLgLwSIfgdk48x4v1l-XmqY3ZOi-F9WRvBj3XR2Gzs72ajeEEHvCWwNnrZIZvrb3ggGvs-PH8ACS3ETAOX-VEXpRoue3IcAcs/s400/jiraiya+mat+3.jpg" width="400" /></a></span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;">Here's a look at an early stage of colouring. While technically an anime inspired mat Jiraiya's design is inspired by kabuki and I'm quite interested in getting a more traditional Japanese art style into this piece. I didn’t take it quite that far in the end but after looking at the legs and red areas I did decide I preferred gradients over flat shading.</span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;">Anyway your here for tips to avoid damaging the liens so moving on. You can see in this image the green areas currently leave a slight gap between themselves and any nearby lines. We know this light green wont Fade or Spread the liens that much but when we are blocking the design in quickly we don’t want to take any chances especially around those thin lines.</span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;">The red on the other hand runs right up to lines. Here I have figured this material isn’t going to change much over the course of colouring so have spent the extra time getting it to a more finished state. You can colour as you like at the center of the space but as you approach the edges your going to want to use the way the red spreads to your advantage, you don’t need to go up to the line to get the colour there it just takes some practice to judge the distances.</span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;">Even so you can still see how reds tend to cause Spread in the corners with the most black ink. Luckily the corners are probably the places you want darker reds anyway but we will have to do a bit of a cleanup later. </span></div>
<div style="text-align: center;">
<span style="font-size: small;">…</span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><b><span style="font-size: medium;">Using the enemy to your advantage.</span></b></span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;">While we want to avoid the lines spreading or fading there are some times you are going to decide you no longer want a line where it is. Thats a bit of a problem when you want them to be permanent but there are a few things we can do if we need to. </span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;">We have seen the first way to remove the line already. Just cover it with a similar colour and it will go away. Ok now you have a large black splotch rather than a line but at least its gone and if you have planned it right the splotch looks natural where it is perhaps its part of a shadow. (you can see I have used this method to reshape the lower body of the large red frog)</span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;">But what if it doesn’t look right?</span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;">The next method takes things more scientifically, we want to use the buildup of pigment to fade the line but we also need to know how lighter colours can sometimes overwrite darker ones. In this example we cover the line with a deep blue until its faded enough to no longer be visible then use a lighter blue to cover that. We can do this because the lighter blues tend to have as much pigment as the darker ones. They wont erase lines but they will erase darker blues (which is why its easier to blend from light to dark blue than the other way) With a lighter blue in place next we can blend into other colours we have to be a bit careful it doesn’t all go muddy brown but if we really need to change things this way will do the job.</span></div>
<br /><span style="font-size: small;">Next time a look at digital design, until then try an stay inside the lines. </span><br />
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: small;"><br /></span></div>
Anonymoushttp://www.blogger.com/profile/03152417212097711111noreply@blogger.com0tag:blogger.com,1999:blog-3065849692813228366.post-75864721813405626862016-05-02T20:19:00.000+01:002016-05-02T20:21:44.860+01:00MLP Rarity Custom Playmat<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5gorJu56ajSP8bkpJNZZ2oFLSJXz8s8ymvAYlWad95uHfwn3nv2ipx7tuwV2DjEHrZfhiofvnx3R8fr5MG0NYYLLYQtCLxLgwpy_f0G-pQ7hWVW0WHw5E6PKvm-qCDFINE8AC4RMJD4i6/s1600/mlp+rarity+custom+playmatmat.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="382" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5gorJu56ajSP8bkpJNZZ2oFLSJXz8s8ymvAYlWad95uHfwn3nv2ipx7tuwV2DjEHrZfhiofvnx3R8fr5MG0NYYLLYQtCLxLgwpy_f0G-pQ7hWVW0WHw5E6PKvm-qCDFINE8AC4RMJD4i6/s640/mlp+rarity+custom+playmatmat.jpg" width="640" /></a></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><i>The one thing I said I wouldn't do right at the beginning of all this was to make black and white mats. At the time I perceived it as a way to set myself apart from everyone else, a commitment to always do full colour.</i></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><i><br /></i></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><i>So what do you do when someone asks if ou can just do the lines for them because they want to colour it themselves?</i></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><i><br /></i></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><i>Like they say, rules are meant to be broken, and sometimes doing the thing you said you wouldn't can improve then things you said you would. </i></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><i>I'll be going into more detail about that next time. Today since the opportunity present its itself I'm going to go over the basics of working with lines, mostly simple steps you can take to make an image more dynamic, like last time the majority of this post will be explained through images.</i></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: center;">
<span style="font-size: x-large;"><b><span style="font-size: medium;">...</span></b></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcOk01GrSKiCkPBE1NJDp3X8ti-vx2lqLyZceoELPLv_M_BkZifJ4NPeCFgyKWoffiTAloCebKHpVF5n0ivYMvRhhq_bpGaFpQk2BhkStyLiUNyXP3u5UsaCMjY7bhl8z6S0A0Cw1__XI0/s1600/RARITY+MAT+lines1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="472" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcOk01GrSKiCkPBE1NJDp3X8ti-vx2lqLyZceoELPLv_M_BkZifJ4NPeCFgyKWoffiTAloCebKHpVF5n0ivYMvRhhq_bpGaFpQk2BhkStyLiUNyXP3u5UsaCMjY7bhl8z6S0A0Cw1__XI0/s640/RARITY+MAT+lines1.jpg" width="640" /></a></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">Funny how discussing lines has led to a lack of colour in this post.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEithrjWxVnUpGUJz8V7L3nU7N53si0pSUdv9Kr1d-9pYSrILZ1zfLTUu9IqvNo6RGVMjpPxZ1pGCH1S_smazhhVPu-3uC6E52xksV87lTUm67_zWEhcKlKCTl5iQXCBg-wfw7rvDgIX2aB0/s1600/RARITY+MAT+lines2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="464" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEithrjWxVnUpGUJz8V7L3nU7N53si0pSUdv9Kr1d-9pYSrILZ1zfLTUu9IqvNo6RGVMjpPxZ1pGCH1S_smazhhVPu-3uC6E52xksV87lTUm67_zWEhcKlKCTl5iQXCBg-wfw7rvDgIX2aB0/s640/RARITY+MAT+lines2.jpg" width="640" /> </a></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">As an aside you may wonder why I went with this style over the previous one. There are two reasons. The first being that as a mat based on cartoon horses I'm aiming for a certain flatness from the style and secondly while the light source as I imagine it is in the background dead center thats not necessarily how the person coloring it is going to perceive things.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">Also the vanishing point is somewhere way off the page to get the diamonds to look right so there's that.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpv1gnDXoSOkkQ7hfVlgnYYGawZANl39S66yWAPrik6J2sF1Tg-mutnjrO7IDFejaBtvBHvuTqG6M53EmCnW7riukQV5kRKx73Si2Z3un0bzYcoFWbOyi7niJsQnpNvsD8O-mBha0Lz-en/s1600/RARITY+MAT+lines3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="464" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpv1gnDXoSOkkQ7hfVlgnYYGawZANl39S66yWAPrik6J2sF1Tg-mutnjrO7IDFejaBtvBHvuTqG6M53EmCnW7riukQV5kRKx73Si2Z3un0bzYcoFWbOyi7niJsQnpNvsD8O-mBha0Lz-en/s640/RARITY+MAT+lines3.jpg" width="640" /></a></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">At the office once we were set against one another to imitate someone who was no longer there's style. No one won, we pick up quirks as we steal techniques and work towards our own style you can get close but I guess to an art director the differences are glaring.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">The fact I was a programmer at the time probably didn't help my chances.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqy5ZFJbvlgPuTu4UP6j2kGlAiU8Vl4P8W9Mpb-l2mw9Tsc1NBqzeKcCHDBvIrZxz7sXDNHSwCr4UsV2y3AZKUpgzBuZQptYvIMwyJNV5Mejo_yPMmzBi7TDA3X755hVcZ8qo5HMiSaxeR/s1600/RARITY+MAT+lines4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="402" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqy5ZFJbvlgPuTu4UP6j2kGlAiU8Vl4P8W9Mpb-l2mw9Tsc1NBqzeKcCHDBvIrZxz7sXDNHSwCr4UsV2y3AZKUpgzBuZQptYvIMwyJNV5Mejo_yPMmzBi7TDA3X755hVcZ8qo5HMiSaxeR/s640/RARITY+MAT+lines4.jpg" width="640" /></a></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">0.05's are actually thinner than the mat material threads or near enough, you have to be careful because the texture is going to throw the neat lines your trying to draw off.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">next time we move from the basics to how being forced to take the path untraveled helped with the next mat. No more horses for now, no next time its all about coloring frogs.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">Until then, I wonder how all these images affect google hits.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
</div>
Anonymoushttp://www.blogger.com/profile/03152417212097711111noreply@blogger.com0tag:blogger.com,1999:blog-3065849692813228366.post-24086848333045372642016-04-11T15:48:00.001+01:002016-04-20T15:16:33.600+01:00Winged Kuriboh LVL10 Custom Playmat <div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglcStQl5pB8FLDePhOkvi8UDwYVrTF9BCU_RiitdLYEDwgsR7GosrgLKuq9gXrav_SQgLa0KYf-_AviQp4uva2sWiOkfxthlf7sWXemsH5zwc-vUSD-dBcvKER2TbRqA5yzhwPwZr_AaLb/s1600/kuriboh+lvl+10+mat.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglcStQl5pB8FLDePhOkvi8UDwYVrTF9BCU_RiitdLYEDwgsR7GosrgLKuq9gXrav_SQgLa0KYf-_AviQp4uva2sWiOkfxthlf7sWXemsH5zwc-vUSD-dBcvKER2TbRqA5yzhwPwZr_AaLb/s640/kuriboh+lvl+10+mat.jpg" width="640" /> </a></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><i> It's rare that someone comes to me knowing exactly what they want, today's mat is one of those rare cases. Text this week is going to focus on expanding on ideas covered in the images.</i></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br />
</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><b>... </b></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><span style="font-size: x-small;"><i>(Conversation shortened and dramatized for added drama)</i></span><b> </b><i><br />
</i></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br />
</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">'I want that one.'</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br />
</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">They were looking up at where the <a href="http://altermidgard.blogspot.co.uk/2015/09/majoras-mask-custom-playmst.html">Majora's Mask Mat</a> hung from the ceiling but that's not exactly what they meant. </span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br />
</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">'That design, but with Winged Kariboh LVL10 on this side.' They waved in the general direction of Link and the tree I waited, it seemed best to let them finish.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br />
</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">'Then over here Winged Kuriboh's going into lighting and Kuribandit's coming out.' They looked up at me expectantly I had to ask for more detail. This wasn't your typical briefing.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br />
</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">I managed to get a more detailed description. They liked the design of the Majora mat so it seemed only natural to them that they should be able to get the same design but with other characters. Well I wasn't going to say no to a challenge even if it wasn't something I had ver though about doing before, the first step would be to look at the characters I had to work with and see how they matched up with elements of the Majora mat.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br />
</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV171jmGlUgXXsqbdsCqzdyx1B4c8GEuS1m9A1Sz-vzoR96e-ULsYZhW1WLm2Ckojnu3hpHP3lyKbZdPY3TlpkpbVFST5zvgowg8f9-KkSPdZxKpmjRRKga2tfPWkKu6aWZ8gh1n0Bhzlm/s1600/kuriboh+lvl+10+mat+part+1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="452" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV171jmGlUgXXsqbdsCqzdyx1B4c8GEuS1m9A1Sz-vzoR96e-ULsYZhW1WLm2Ckojnu3hpHP3lyKbZdPY3TlpkpbVFST5zvgowg8f9-KkSPdZxKpmjRRKga2tfPWkKu6aWZ8gh1n0Bhzlm/s640/kuriboh+lvl+10+mat+part+1.jpg" width="640" /></a></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br />
</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">The main question was how big to make LVL10. The size I settled on flips the weigh of the image keeping the underlying design but mixing things up so it's not just a carbon copy and also means that there's going to be a guaranteed level of detail even if we do loose one wing off the page. </span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br />
</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">Another question is how small can I make the other characters Ive got to tray and get eyes on all these puffballs.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br />
</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">With the initial sketch sorted its onto digital colouring, something I've been doing more of lately since it clears up things like where the light source is before I get started on the mat propper.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br />
</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjRLOlXiMU8UMtwRautyf0uPwIoH3UhyphenhyphenrL7ExL5p6A_3sUeDDTMthUNTYptslwl7iiOdHvO8jAVpV60fQb2UpPEgVDuNuaPH-BlyOOWDkdGbFliCWGkGNi9RUVXNF3hXgtJz6TvJ774NLG/s1600/kuriboh+lvl+10+mat+part+2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="452" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjRLOlXiMU8UMtwRautyf0uPwIoH3UhyphenhyphenrL7ExL5p6A_3sUeDDTMthUNTYptslwl7iiOdHvO8jAVpV60fQb2UpPEgVDuNuaPH-BlyOOWDkdGbFliCWGkGNi9RUVXNF3hXgtJz6TvJ774NLG/s640/kuriboh+lvl+10+mat+part+2.jpg" width="640" /></a></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br />
</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">Like last times <a href="http://altermidgard.blogspot.co.uk/2016/01/vaporeon-friendship-is-magic-custom.html">My Little Pony Mat</a> this mat sees me trying to implement things we all know at an instinctive level but that can be hard translate into art without someone actually explaining it to you. Here I wanted to make sure the sea faded into the distance. It's funny how the sea ended up being a very similar colour to the hill in the Majora mat, I hadn't meant to make that connection it was just the way things developed.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br />
</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">With the colour sketch sorted it'd a skip ahead to the final mat. </span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br />
</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd-XDm0kMOQ5f5eYpWQbbozZMAjkYTXktx3pTW7A5DCDkTyiDVJdEG7RimBEpqn94qCl83kjg3YrB8nsd1cbJPP7BC2L1zYpjoJ4E-24WYaW8ujR9DiLv4r4cxXnJVPrBDYpzJ8WExiSfZ/s1600/kuriboh+lvl+10+mat+part+3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="452" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd-XDm0kMOQ5f5eYpWQbbozZMAjkYTXktx3pTW7A5DCDkTyiDVJdEG7RimBEpqn94qCl83kjg3YrB8nsd1cbJPP7BC2L1zYpjoJ4E-24WYaW8ujR9DiLv4r4cxXnJVPrBDYpzJ8WExiSfZ/s640/kuriboh+lvl+10+mat+part+3.jpg" width="640" /></a></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br />
</span> </div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">If you look back at the <a href="http://altermidgard.blogspot.co.uk/2014/08/custom-playmat-blue-eyes-white-dragon.html">Blue Eyes Ultamate Kariboh Mat</a> and compare to this it's very obvious how far I've come in terms of both coloring and drawing small characters. Turns out that hair is one of the easiest things to get right this way. Even more helpfully it works just as well at small scales as large so you can get a lot of detail in without relying on outlining the image.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br />
</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">The tree got transplanted to the other side of the mat. it was apparently an important element to keep and while it would have looked odd growing out of the water it serves quite well at joining the top and the bottom of the image together on the left side. I wouldn't have kept it but again they were very clear on what they wanted and I do like the way it ended up </span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br />
</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">An interesting question is: Had I not had such specific instructions how different would the design have been? It's possible I would have done something that was more of a callback to the Blue Eyes Mat. There were also a number of early sketches that focused on a more aggressive pose for LVL10, we could have seen something more flight orientated.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br />
</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">Next time I look at something a bit rare, until then remember new designs can come out of existing ideas.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br />
</span> <span style="font-size: large;"><br />
</span> <span style="font-size: large;"><br />
</span></div>
Anonymoushttp://www.blogger.com/profile/03152417212097711111noreply@blogger.com0tag:blogger.com,1999:blog-3065849692813228366.post-71895940863491792422016-01-29T14:53:00.001+00:002016-01-29T15:06:57.538+00:00Vaporeon Friendship is Magic Custom Playmat: A Look at Depth of Feild<span style="font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj94vrlz_9mGfTA3V1YtbkX0c88A0zjdWknmh-TPT8bksDgzZYd08CdfQmOksSB4sF0hm0OnNAKV2SmFcJCwq0ZNrfCOaEvfkIdBSzHN7qAGxBTzgdSzWhQTOLfQIKTqzJBZybZeu7Qk6PG/s1600/vapeoreon+custom+playmat+MLP+final.jpg" imageanchor="1"><img border="0" height="384" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj94vrlz_9mGfTA3V1YtbkX0c88A0zjdWknmh-TPT8bksDgzZYd08CdfQmOksSB4sF0hm0OnNAKV2SmFcJCwq0ZNrfCOaEvfkIdBSzHN7qAGxBTzgdSzWhQTOLfQIKTqzJBZybZeu7Qk6PG/s640/vapeoreon+custom+playmat+MLP+final.jpg" width="640" /></a></span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Today I'm going to look at the Vaporeon Friendship is Magic Playmat and talk a bit about something I seem to have managed to avoid having to use on most of mat mats, depth of field.</span><br />
<span style="font-size: large;"><u><b><br /></b></u></span>
<span style="font-size: large;"><u><b>Field zero: </b></u></span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">The mat came out of nowhere and initially I was slightly sceptical, what was I going to do with a set of instructions like these?</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Main focus Vaporeon – Ok fair enough, I can do Pokemon mats.. Vaporeon</span><br />
<span style="font-size: large;">My Little Pony characters – Um, not where I was expecting this to go but ok.</span><br />
<span style="font-size: large;">Rainbows – I don’t think the weather conditions have ever been a requirement before.</span><br />
<span style="font-size: large;">Unicorns - ???</span><br />
<span style="font-size: large;">Pink, lots of it – I'm sensing a pattern here.</span><br />
<span style="font-size: large;">Its a present for someone under 10 – That explains a lot, ok so if it wasn’t obvious from the fact its a Pokemon mat lets keep things family friendly.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">In my head I was drawing a blank, Vaporeon was there smiling at me but what were the ponies doing and how do you fit a load of rainbows in?</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Rainbows, rainbows... well I can't just have them appearing for no reason so how do they appear in real life? Rain obviously, and waterfalls, well Vaporeon is a water type so... hot springs episode? </span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Ok lets do this.</span><br />
<span style="font-size: large;"><b><u><br /></u></b></span>
<span style="font-size: large;"><b><u>Field one: </u></b></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIxgeY7tdfv4RrFrqznRLrdV9mPcEp-WL98nJdMxSNGRj4S0ax4jC0B7pGkyo91m6QKi3yM50yJaCSjYH_Az1FZG5peL6-rBJTUg68MA1kC38SC6zHttcrqszn0Ke6fniY337d45_d6nVU/s1600/VMLP+1a.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="414" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIxgeY7tdfv4RrFrqznRLrdV9mPcEp-WL98nJdMxSNGRj4S0ax4jC0B7pGkyo91m6QKi3yM50yJaCSjYH_Az1FZG5peL6-rBJTUg68MA1kC38SC6zHttcrqszn0Ke6fniY337d45_d6nVU/s640/VMLP+1a.jpg" width="640" /></a></div>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">We will start things off just after drawing the final design onto the mat. In terms of the colour scheme I'm initially thinking pastels so lets start lightly shading the areas that are definitely going to be in shadow.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">I've been doing much research lastly and one of the things I noticed was that I seem to have gotten away with not having to do much in the way of depth in my mats, especially the older ones or those with patterned backgrounds. While it wasn’t one of their requirements I have added:</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Attempt to create a sense of depth.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">To the list of project requirements. I'm going to do about that in two major ways the first comes at the design stage and explains the pink grid over this image.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">The first thing we need to work out is were the horizon is, for the sake of simplicity lets say its the red horizontal line at the center of the picture but it could be at any height, if it was one of the lower red lines the it would seem like we were looking down at the scene conversely the higher the horizon the more it will seem like we are looking up. I would say the real horizon in the image is about where the shortest line just above the central one is we are almost looking straight on but not quite.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Next you want to find the vanishing point. It will be somewhere on the horizon the point in the image where all the diagonal lines converge. In this example its dead center but the actual images vanishing point is up slightly and to the left. </span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">With those two things figured out you go about filling the scene, if you want an object to be closer to the observer make it big say Vaporeon herself since she is the main subject. Need to make it look like something is distant make a bunch of them getting progressively smaller as they get nearer the vanishing point, there are three sizes of tree in this image the large foreground blue ones the medium mid-ground orange ones and all the tiny ones in the background. This is how we trick the brain into thinking the objects in the image exist at different distances when really its all just a bunch of lines.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><u><b>Field Two:</b></u></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8IDa7LrGoBadH41aQ93mHCT89frOocutc_Hq4T96k0amGmlIoj2peilbv_rZH6lRdMVAc_MT8m7aoZcsWWiqT-HeOqhP-Pf-bxt4uKNehZgNP-VZxdeI2-7VDzm2I5gPUKpYVLTiePWi9/s1600/VMLP+1b.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="388" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8IDa7LrGoBadH41aQ93mHCT89frOocutc_Hq4T96k0amGmlIoj2peilbv_rZH6lRdMVAc_MT8m7aoZcsWWiqT-HeOqhP-Pf-bxt4uKNehZgNP-VZxdeI2-7VDzm2I5gPUKpYVLTiePWi9/s640/VMLP+1b.jpg" width="640" /></a></div>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">It's not just scale the brain uses to work out distance it also relies on the intensity of the colours. </span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">What would you say was closest to us in this image? The tree on the left and flowers on the right most likely. On the other hand the brain expects the stuff in the distance to be lighter more washed out or hazy.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Which is somewhat convenient for game developers when you think about it, imagine if they couldn’t get away with lowering the level of detail and texture quality as the distance from the player increased.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">If your eyes are really good you might even notice that I'm halfway through colouring the image and have already drawn in everyones eyes. If I'm going to colour the image like this example though the pastel idea is somewhat out the window, but then I don’t really like leaving white space anyway. </span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><u><b>Field Three:</b></u></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3NNDVvZakTIftVON93-vtf23ZQRN8MWzaSfKSJdDIc-TqYgwBZcRLfCnndvwstEGXeet9NctgPb-YhV7-QeynYHReqVDU_0fbpWAsPzp4UPVcluq-E7f14ZF6t3IIqM8aSopq9UzkQlbw/s1600/VMLP+1c.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="392" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3NNDVvZakTIftVON93-vtf23ZQRN8MWzaSfKSJdDIc-TqYgwBZcRLfCnndvwstEGXeet9NctgPb-YhV7-QeynYHReqVDU_0fbpWAsPzp4UPVcluq-E7f14ZF6t3IIqM8aSopq9UzkQlbw/s640/VMLP+1c.jpg" width="640" /></a></div>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Initially the blue trees all had quite stark white highlights but I'm gradually replacing them with light blues since the the closest objects should have the highest amount of colour in them anyway. </span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">The trees aren’t just the foreground they also serve as a boarder one I have extended across the top of the image using a darker sky colour. The end goal being to give the impression of a tunnel or the sense your being draw inwards, we don’t want the eye escaping </span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Unconvinced by the blue of the sky it;s likely the next thing to be axed, well we do need more pink in the image after all. I've even managed to sneak a unicorn in, which may be surplus to requirements with two of the pony’s covering that base</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">The only thing that could sink this depth experiment at this point is twilight, she was fine in the sketch but no with the lake fully defined if I draw the water up to her chin its going to look like she’s at the same distance as the trees behind her, if I don’t I have to find something to so with her arms.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Finally for this section this may be a post about depth but that doesn’t mean there aren't spirals in this image, at least two major ones but I'll leave you to find them for yourselves.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><b><u>Field Four:</u></b></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfndUko5_nUi7qQweeY5ECf-UBS0gvjSGCIQRqCKdv74uF1NEWlQgsyGJIrBFLz-o8ssBWSkQoTp9ozKZNbEJKm2JU21n1tzssEUApdl8S-KdgFVZV6_wE4fMSX0VxfKkiDslvvvKI9wYq/s1600/vapeoreon+custom+playmat+MLP+final.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="384" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfndUko5_nUi7qQweeY5ECf-UBS0gvjSGCIQRqCKdv74uF1NEWlQgsyGJIrBFLz-o8ssBWSkQoTp9ozKZNbEJKm2JU21n1tzssEUApdl8S-KdgFVZV6_wE4fMSX0VxfKkiDslvvvKI9wYq/s640/vapeoreon+custom+playmat+MLP+final.jpg" width="640" /></a></div>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Making the sky more dynamic had the added benefit of letting the mountains be slightly darker. Which in turn meant the waterfalls had to be filled in more, to be honest I think its better as it lets the white water around the rocks pop more, after that naturally the rainbows have to get brighter and one thing leads to another and you have a cascade of colour intensity upgrades radiating out across the image.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">This has shrunk the space slightly, since the back of the image now seems smaller to us but I'll trade that for more detail and a more vibrant image since we didn’t lose the sense of depth,</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">The Twilight conundrum in the end was an easy fix I just added a rubber ring. Ok she might have a bit of an issue getting it off but it gives her something to be doing with her pose that the initial sketch didn’t have.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">The finishing touch was to make sure Vaporeon didn’t end up looking evil, a concern that had raised its head after revealing the initial sketch. All early evee's have this issue its to do with the fact they don’t have whites of the eye. To avoid the issue I’ve increased the size of the eyes to give a sense of youth and also tried to blend in purples and greens to give them more depth. To really make sure I added massive highlights and flowers, perhaps all the pink was getting to me.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">So I think thats about it for today, theres more to talk about but best to keep them for other posts, I think I met the goals I set out for this project, I definitely learner a lot along the way so hopefully going forward you will see more focus on depth.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Next time lightning strikes. </span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Until then it's more of a mauve.</span><br />
<br />Anonymoushttp://www.blogger.com/profile/03152417212097711111noreply@blogger.com0tag:blogger.com,1999:blog-3065849692813228366.post-10934923356740774842015-09-16T14:52:00.002+01:002015-09-23T12:23:38.050+01:00Majora's Mask Custom Playmst<div class="body hasMarkup">
<br />
<br />
<figure class="tmblr-full" data-orig-height="985" data-orig-width="1600"><span style="font-size: large;"><img data-orig-height="985" src="http://40.media.tumblr.com/1debccb9b7061a06965139d215f01366/tumblr_inline_nutdh5Jlwe1rgpvje_500.jpg" data-orig-width="1600" height="307" width="500" /></span></figure><span style="font-size: large;"><i>This
time I’m going to be looking at the various steps involved in taking
the initial sketch of the Major’s Mask playmat from initial sketch to
something that can be used as a basis for the final piece.</i></span><span style="font-size: large;"></span></div>
<div class="body hasMarkup">
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><b>Phase 1. Sketch Up.</b></span><br />
<br />
<figure class="tmblr-full" data-orig-height="797" data-orig-width="1200"><span style="font-size: large;"><img data-orig-height="797" src="http://40.media.tumblr.com/a9fee58c7166fa0d836153199031f6c1/tumblr_inline_nutdhlTsqW1rgpvje_500.jpg" data-orig-width="1200" height="332" width="500" /></span></figure><span style="font-size: large;">Most
of the time I will go into a project with a series of small thumbnail
sketches to work from. However occasionally its nice to just grab a
sheet of A2 paper and start drawing this is a case of the latter. I had a
strong idea of what the image should look like in my head so drew out
the mat size guide lines at the top and bottom of the page and attempted
to recreate that idea on the page.</span><span style="font-size: large;"><br /></span>
<span style="font-size: large;">All that considered the initial sketch turned out relatively strong,
there are a number of issues I will discus shortly but on the whole not
much changes between here and where the final piece ends up. At least,
in terms of technique things move significantly forward but I’m getting
ahead of myself again.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">The other thing that I think is worth
noting is that this is the only version of the sketch that has shading.
Its being used as a bit of a quick and dirty crutch, expressing shapes
quickly without worrying to much about creating perfect lines. Having
read any of my recent posts where I talk about using light and shadow to
create shapes why then worry about how the lines look in the sketch?
The main reason is that if I’m going to transfer the image to the mat
having crisp perfect lines make things so much quicker, I can always
ignore good lines when they are in place but muddy indistinct lines make
things more time consuming in the long run.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><b>Phase 2. Colour Check.</b></span><br />
<br />
<figure class="tmblr-full" data-orig-height="738" data-orig-width="1167"><span style="font-size: large;"><img data-orig-height="738" src="http://40.media.tumblr.com/7c749ce1f46a7079c76dc48aaeb8305e/tumblr_inline_nutdi2vPmG1rgpvje_500.jpg" data-orig-width="1167" height="316" width="500" /></span></figure><span style="font-size: large;">
In general this is another step that I wont get to until later in the
process but since I wasn’t creating this mat for anyone in particular I
wanted to make the black and white image more readable and breaking it
up with digitally with colour is a quick and easy way to do that.
It also gives me a rough guide to how I might want to colour the final
mat.</span><span style="font-size: large;"><br /></span>
<span style="font-size: large;">There are a number of colour choices that make it all
the way through while others fall out of favor in the intival between
this phase and the next.
Meaning I put the design aside to concentrate on projects that were
more pressing.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><b>Phase 3. Long Time No Sketch.</b></span><br />
<br />
<figure class="tmblr-full" data-orig-height="852" data-orig-width="1200"><span style="font-size: large;"><img data-orig-height="852" src="http://41.media.tumblr.com/ae2dc80480e3e36e58d42962b2b2a1d9/tumblr_inline_nutdiiWNzo1rgpvje_500.jpg" data-orig-width="1200" height="355" width="500" /></span></figure><span style="font-size: large;">
Some time and much experience later I finally find some down time to do
anything I want. Looking through my unused sketches this one deems the
most interesting and so the first thing to do if I’m going to work on it
is to redraw the initial image concentrating on the lines and fixing
some of the more glaringly obvious flaws.</span><span style="font-size: large;"><br /></span>
<span style="font-size: large;">First up the moon
isn’t exactly round in the original skect is it. Craters causing bumps
aside that’s sort of an important thing to get right, as is the fact
that the nose seems to be missing a nostril for some reason.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Next up while I want Clocktown to be slightly wonky and disturbing
looking it would be nice if the clock tower was at least a little more
symmetrical especially since the face of the clock itself preferably
needs to be round.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">The mountains have also changed, I realized that having them pointing
all over the place wasn’t helping the flow of the eyes around the image
so now they bend either left or right depending on the side they are on.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Finally inspired by the way I’ve drawn the giant I want to go for a
style thats a bit more inspired by the current generation of western
cartoons so smooth curves and long limbs are the order of the day.
Having fixed those things and now with an image whose lines are much
more obvious there are still some things that need sorting.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">At
the end of the day this is just a copy of the original with slightly
adjusted lines if anything the level of detail has actually decreased.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><b>Phase 4. Up Detail.</b></span><br />
<br />
<figure class="tmblr-full" data-orig-height="903" data-orig-width="1200"><span style="font-size: large;"><img data-orig-height="903" src="http://40.media.tumblr.com/26db14b36523d0dcdfb7c81284e0e2e6/tumblr_inline_nutdiwyjBh1rgpvje_500.jpg" data-orig-width="1200" height="376" width="500" /></span></figure><span style="font-size: large;">
It’s time to flip the image and find more errors our eyes hadn’t noticed before. </span><span style="font-size: large;">The
first things I notice are that the areas below the town and the size of
the moon have to be adjusted. The face of the moon just always felt
like it was too big for the size of the moon itself so that got a boost
pushing it off the page slightly.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">After changing the
mountains the grassy area bellow the town just wasn’t working for me
anymore so I adjusted it to follow the same curve as the moon. Now I
found myself with an image thats made up of a series of concentric
circles radiating out from the moon, not really what I was going for but
you cant do golden spirals every mat i guess. While I’m undecided at
this stage whether the town should be falling to pieces as the moon
crashes down it’s clear having the mountains crumble adds a nice touch
and helps connect the various circles.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">The rest of the
upgrade mainly involves adding detail and making as many lines as
possible into S’s (just look at the moon’s face for a good example,
especially the nose).
This is also the first point in time where Skull Kid’s feet get fixed
they should never have been both facing the same way, on the downside I
will now need to redraw his hands before I move to the mat because they
have lost detail somehow.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><b>Phase 5. On The Mat </b></span><br />
<span style="font-size: large;">The only major changes after phase 4 are that I add in a bunch of
craters to the non face section of the moon to make it more interesting
and a rather intense fire suddenly appears from nowhere to act as a way
to make sure the two sides of the image are definitely connected and to
guide the eye up and around the page (and yes maybe to add a spiral back
in).</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">I chose blue for the moons colour scheme in the end
since I seem to have coloured quite a number of yellow moons it was a
nice change and I figured the darker shades would look more sinister. </span><br />
<span style="font-size: large;">Not that Link seems to care, perhaps he’s finally ok with his perpetual groundhog 72 hours.
</span></div>
<div class="type bT">
<span style="font-size: large;"><a href="http://altermidgard.tumblr.com/post/129272584331/majoras-mask-custom-playmat" title="View post">
<img alt=" Text" src="http://static.tumblr.com/tkqqpe9/p0Zlixw1m/post-types-1.png" height="26" />
</a></span>
</div>
Anonymoushttp://www.blogger.com/profile/03152417212097711111noreply@blogger.com0tag:blogger.com,1999:blog-3065849692813228366.post-61169819517844161192015-08-21T13:00:00.000+01:002015-08-21T13:00:09.624+01:00Moon Princess Vanguard Custom Playmat Refresh<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjheRuVxCDRF6sbjueyN9be1K6EWStjJne5nMY_-tzyeV-F7Op_eujKs8qjvZlgIvvCOei7y7ktGRKh-DrBTdW1-okpWygjFdyPG_p6D5bI4mgnJIxVK29QdV-S2WvZaCbEzwK_58lrA3op/s1600/moon+princess+custom+playmat+s.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="372" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjheRuVxCDRF6sbjueyN9be1K6EWStjJne5nMY_-tzyeV-F7Op_eujKs8qjvZlgIvvCOei7y7ktGRKh-DrBTdW1-okpWygjFdyPG_p6D5bI4mgnJIxVK29QdV-S2WvZaCbEzwK_58lrA3op/s640/moon+princess+custom+playmat+s.jpg" width="640" /></a></div>
<div style="text-align: center;">
<span style="font-size: large;"><i> </i></span></div>
<div style="text-align: center;">
<span style="font-size: large;"><i>Final refresh for a while. I'm going to wrap this series up by taking a look at the moon princess mat.</i><br /><br />When I made this mat originally I think what I was aiming for was an anime style flatness, bright colours, sharp shadows and highlights. Looking back at it now and it just feels like it could have done with greater sharpness, as if I didn't quite commit to making certain areas as bold as they probably could have been.</span></div>
<div style="text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIa93kjvV30qdnweNvbZFXDOs3eGe3Wrz-uRJw3zOnXyQiIetPm0I8EsJdKQuJ9zVLBpqxwQVoyFEerOf4_KZz8J2ozKvPzajC7xmDkub7fhnC5qMndRgtVUf7xgHUO2amBea7wWyL6IKc/s1600/custom+playmat+vanguard+moon+princess+playmat+.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIa93kjvV30qdnweNvbZFXDOs3eGe3Wrz-uRJw3zOnXyQiIetPm0I8EsJdKQuJ9zVLBpqxwQVoyFEerOf4_KZz8J2ozKvPzajC7xmDkub7fhnC5qMndRgtVUf7xgHUO2amBea7wWyL6IKc/s320/custom+playmat+vanguard+moon+princess+playmat+.jpg" width="320" /></a></div>
<div style="text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: center;">
<span style="font-size: large;">The main focus of this refresh then was going to be increasing the level of detail and sharpening the edges I was going to keep the colours relatively intact.</span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="font-size: large;">Then on a whim I decided to add a black shadow to the beads and things took a much darker turn.<br /> </span></div>
<div style="text-align: center;">
<span style="font-size: large;">And so, much like the other mats in this refresh series I ended up focusing on light and shadow. None of which were particularly consistent in the original, especially since there was a large round yellow light source behind her and it was having no effects on the lighting. <br /><br />So I recoloured it orange.</span></div>
<div style="text-align: center;">
<span style="font-size: large;"><br />That didn't look quite right either and I realised that both versions were having a weird effect on the way the figure in front of them stood out. You see the darker areas were fine, they had nice soild edges that worked well against the yellow, but the light areas had a nasty tendency to blend in. The opposite was also true when things transitioned to the black background, it was all a bit frustrating.<br /> </span></div>
<div style="text-align: center;">
<span style="font-size: large;">So I coloured the moon black.<br /> </span></div>
<div style="text-align: center;">
<span style="font-size: large;">That sorted the problems with the light areas (brought them up quite nicely in fact) but still left me with the problem of sorting the feathers on the black background.<br /><br />At about the same time I decided the main light source would be above the princess (It's probably slightly in front of her too). this way I wouldn't have to mess around too much with the light on her hair and it also meant I would have more solid understanding of where shadows and highlights would need fixing, dont wing it is what I'm saying figure out your lights first.<br /> </span></div>
<div style="text-align: center;">
<span style="font-size: large;">With this all sorted I could get on and finesse the wings, adding a white line to the lower edge and generally chopping them about until they looked a little more like they were all about the same size.<br /><br />I dyed her hair black which was interesting because then the outlines ended up being a light colour and that's not something that's really happened before and its an interesting effect that I might what to try elsewhere. I straightened the sword because even though the bulge in the original image is due to scanning it still want totally straight, changed the way the shield's mirror works and then realized something was still missing.<br /> </span></div>
<div style="text-align: center;">
<span style="font-size: large;">So I coloured the moon white.<br /> </span></div>
<div style="text-align: center;">
<span style="font-size: large;">Not an especially easy task but luckily the underlying layers still remembered they had originally been yellow, if they had been black to start with it would have been much more difficult.<br /><br />Final touches were to tighten up all the line-work and the edges then smooth out the transitions between colours. Somehow I had gone from cartoon shading to gradients almost without realising still I definitely think prefer it this new way especialy the way the princess seems to stand out more.<br /><br />The last thing I considered was adding card zones, but then I thought 'for which game?' I'ts probably best to leave it as it is and let whoever may eventually want it decide if they want something specific.<br /> </span></div>
<div style="text-align: center;">
<span style="font-size: large;">Next time another moon, just a decidedly less friendly one.</span></div>
<div style="text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: center;">
<span style="font-size: large;"><br /></span></div>
Anonymoushttp://www.blogger.com/profile/03152417212097711111noreply@blogger.com0tag:blogger.com,1999:blog-3065849692813228366.post-7028551045411628582015-08-17T13:22:00.000+01:002015-08-17T13:29:30.591+01:00Lightswprn Playmat Refresh Steps 1 to 5<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcUScn4ZU-lFST_I0HI844nas095rpgi0y_kcF6xMXTD8NK2QemokEnqDtVoQCB7OL6BVlHrGIxuf3qeqVrJ015GI3dqD-ZOHsBgrEhkzfQpQ77leus05-X9EH4_7D6BjdayAvzZXIe4ED/s1600/lightswprn+mat+refresh+part+5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="368" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcUScn4ZU-lFST_I0HI844nas095rpgi0y_kcF6xMXTD8NK2QemokEnqDtVoQCB7OL6BVlHrGIxuf3qeqVrJ015GI3dqD-ZOHsBgrEhkzfQpQ77leus05-X9EH4_7D6BjdayAvzZXIe4ED/s640/lightswprn+mat+refresh+part+5.jpg" width="640" /></a></span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<i><span style="font-size: large;">Originally posted on my Facebook page over the course of a week this post collects all the text and images together into one place. I'm going to leave the text as it was written to maintain the feel of progression.</span></i><br />
<br />
<br />
<span style="font-size: x-large;"><u><b>Monday </b></u></span><i><span style="font-size: large;"><br /></span></i></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<span style="font-size: large;">This week I'm going to be refreshing the Lightsworn playmat and I thought it would be interesting to show the progression from original image today to however it ends up turning out on Friday. As such each day there will be an image (or images) plus some text about whats going on or perhaps tips and techniques.</span><br />
</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: black;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVR4VYkoFSvuiVaOKd_52YM2Usc4bL2jw2dTeC8y_nb0nU_Ovev18Wy0ksOR9XrqSRXaUPDJVSubLMPiv7iHWnaXnsa5mbFZnDY2OcCLNchOvVOF4CzPclehIDl_eN8HJxJQSNxX5vqQ53/s1600/lightsword+mat+refresh+part1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="384" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVR4VYkoFSvuiVaOKd_52YM2Usc4bL2jw2dTeC8y_nb0nU_Ovev18Wy0ksOR9XrqSRXaUPDJVSubLMPiv7iHWnaXnsa5mbFZnDY2OcCLNchOvVOF4CzPclehIDl_eN8HJxJQSNxX5vqQ53/s640/lightsword+mat+refresh+part1.jpg" width="640" /></a></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br />Best to start at the beginning though, so here a pic of the mat as it stands now.<br />There are a number of goals I have for this refresh and they are:</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br />A: Find a way to push the background into the the background: While I like it, if this was a TV show both the foreground and background would be in the same focus which isnt ideal. What we really want is for the characters to be the main focus so we need to drop the background back a bit, either by lowering the detail or making it less sharp.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br />B: To remove as many tangents a possible: More on that in the days to come<br />C: Generally increase the level of detail: we might not want to go too crazy but lets see what happens.<br />That's it for today, assuming I don't mess it up somehow tune in tomorrow for the next stage of the process.</span><br />
<span style="font-size: large;"><br /><br /><span style="font-size: x-large;"><b><u>Tuesday</u></b></span><br /><br />This week I'm refreshing the Lightsworn mat. Tune in every day to see how it's going.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br />So where are we at?</span></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: black;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ557qog71C5ybVmr14pXFFvbsH3XNdgK7fuNEEuVvq5MQqpl-0LRZzVefXBA-eq7WI6MiZ84r8FmspI54gHOf_iBqrIdPOpruU-jWdpp0x22LCuM7i_gHybuqso8fiQ5_u19QkLjXYVtS/s1600/lightsword+mat+refresh+part+2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="384" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ557qog71C5ybVmr14pXFFvbsH3XNdgK7fuNEEuVvq5MQqpl-0LRZzVefXBA-eq7WI6MiZ84r8FmspI54gHOf_iBqrIdPOpruU-jWdpp0x22LCuM7i_gHybuqso8fiQ5_u19QkLjXYVtS/s640/lightsword+mat+refresh+part+2.jpg" width="640" /></a></span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">Well the first thing I did was give the background a light wash of grey. this knocked out some of the green, evened out the colours across the whole background and started to fade the lifework. However I then realized that all the characters are shades of white so a grey background might not get me much closer to completing goal A.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br />Next up was to try adding a glow around the characters, you may have noticed almost all Yugioh mats use this trick to separate the monsters from the backgrounds so I figured why not give to a go. Orange / Red were basically the only choices with the characters all being blue and white and the glows being green and it definitely makes them stand out but I'm clearly not quite there yet.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br />For Goal B I've already identified a number of areas that need adjustment (as seen in the red circles). Places were lines intersect causing the viewer to misinterpret what they are seeing or making it more difficult to read. For example the one in the bottom left, is that an ear or just another part of his robe? fixing these areas will help to make the individual monsters... well more individual.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br />Goal C is more of a gradual process, I've started increasing the shadows and highlights and noticed there are a number of areas that weren't quite finished. Why for example is there a large empty space under Lumina's arm? (It's possibly a crystal like the one below but doesn't really read as that) There were also one of two small areas of background that had detail but no colour , very odd.<br />Next time, find out what colour the background ends up.</span><br />
<span style="font-size: large;"><br /><br /><span style="font-size: x-large;"><b><u>Wednesday</u></b></span><br /><br />This week I'm refreshing the Lightsworn mat. Tune in every day to see how its going.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br />Day 3 and its time to talk techniques.</span></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: black;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlfRsE4MZSvtB-onlUZYSOU0my0-llUBeIM7HFyxVODzBk8OV82MM-Muc-LVEt4woukEaskLBv0X7RNu8SkAbkF1KZ694SftzCl2HsQoGTusJGORYj2QQtU5T0qq_nN-eICScM9AeZvbQ1/s1600/lightsword+mat+refresh+part+3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlfRsE4MZSvtB-onlUZYSOU0my0-llUBeIM7HFyxVODzBk8OV82MM-Muc-LVEt4woukEaskLBv0X7RNu8SkAbkF1KZ694SftzCl2HsQoGTusJGORYj2QQtU5T0qq_nN-eICScM9AeZvbQ1/s640/lightsword+mat+refresh+part+3.jpg" width="620" /></a></span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">First though you will have noticed the background is suddenly very red. In an effort to have the outlines match the background better I just decided it may as well be. I have used a gradient though and the heaviest layers of red are applied to the outer edges since I want to try and keep the glow in the center. Once again this has softened the linework, too many more layers and I might want to start adding it back but we will see.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br />What I mainly want to talk about though is how I've been going around adjusting lines the general idea being that if you have one side of an object that's very bumpy using straighter / smoother lines on the opposite side simplifies and makes things cleaner while not impacting the detail too much. In the lower images which show the beginnings of this the red lines represent parts that have been smoothed while the blue lines show... well the opposite. The green line shows were i have started work on smoothing out that side of the arm by strengthening the white highlight that separates the arm from the adjacent character but still have things to do like add the shadow to the adjacent character that should accompany that line.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br />Which is the other major thing. This time around like the other refresh mats I'm moving away from black lines defining edges and trying to go a bit more realistic. I'm not going to push it too hard on this one since I still want a slight cartoony look but we will see how it goes.<br />Having separated the characters from the background the next thing to do is spend a bit mote time separating them from each other, adding more detail and maybe starting on lighting effects but thats for next time.</span><br />
<br />
<span style="font-size: large;"></span><br />
<span style="font-size: large;"><br /></span><span style="font-size: x-large;"><u><b>Thursday</b></u></span><br />
<span style="font-size: large;"><br />This week I'm refreshing the Lightsworn mat. Tune in every day to see how its going.</span></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: black;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUGsivWi9Hyf70QXDBXsI7BNj4h84S-6najqISY3fTH22DOVSLdTQw9PBWTNzWepVp3VITYR3FOGdYnkfTQTbBuVQjaHIE8mggGf3JT9Cnv8TCpnvR1XZvCwHGJPeV_DsfPoqMjJQZmxZw/s1600/lightsword+mat+refresh+part+4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUGsivWi9Hyf70QXDBXsI7BNj4h84S-6najqISY3fTH22DOVSLdTQw9PBWTNzWepVp3VITYR3FOGdYnkfTQTbBuVQjaHIE8mggGf3JT9Cnv8TCpnvR1XZvCwHGJPeV_DsfPoqMjJQZmxZw/s640/lightsword+mat+refresh+part+4.jpg" width="620" /></a></span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">Thursday and I'm working my way around the image increasing the detail and fixing problems as I find them. Problems like the area inside the red circle in the lower right image where we have a number of monsters overlapping.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br />If you go back to a previous image you will see that the arm is behind the hat and the nose of the dragon intersects the arm. Neither of which is right since the dragon doesn't even need to overlap anything and the character wearing the hat is meant to be behind everyone else.<br />The dragon is an easy fix just shorten his snout and fill the space with the background colour but while I've moved the hat in behind by redrawing the arm slightly i have noticed while writing this post that it could still do with some slight adjustments to make it look a bit less like its connected to the yellow line next to it.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br />Its been the same sort of work across the whole mat, erasing or moving lines, sometimes just a nudge, others more extensive changes to fix the little things that I didn't see or wouldn't even have considered the first time around and we will see more messing with little details tomorrow, especially the faces..<br />The other major job before writing this post was to work on the edges of characters. If there was a light edge then I would make sure it was as light as it could be and that the area next to it on any object behind it was in shadow. Similarly if you have a dark edge then the area in the figure next to it will most likely be lighter. Doing this we start to move away for relying on the black outlines to define edges insted we are tying to use how light works.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br />I also noticed that the background was missing something. There are areas around the edges that felt a bit empty so I started adding in more green blobs. Since the blobs glow that led to bringing up the brightness of the lighting effects something i was going to have to get around to at some point anyway.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br />Tomorrow sees the final post and there's still quite a bit to be done, we will just have to wait see how it all turns out.</span><br />
<br />
<span style="font-size: large;"><br /></span><span style="font-size: x-large;"><u><b>Friday</b></u></span><br />
<span style="font-size: large;"><br />So this week I set about refreshing the Lightsworn mat. I thought it would be interesting to show the progression from the original image on Monday to the final changed piece today so lets see where we got to in terms of the goals I set out on Monday</span></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: black;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx92k-TqHYvvES9I7Yql48NzxTnX07Sgoc2HQZhBjSYS1d_vy7pXnisLH6xAUw2M62iF5f5iGlfxN2gwlEzdCNZiv1I8AEpEw8C2mrm3lGaED2Ha6Frw02E5TERn3vgYn6ZKUm4cx7qtNj/s1600/lightswprn+mat+refresh+part+5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="368" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx92k-TqHYvvES9I7Yql48NzxTnX07Sgoc2HQZhBjSYS1d_vy7pXnisLH6xAUw2M62iF5f5iGlfxN2gwlEzdCNZiv1I8AEpEw8C2mrm3lGaED2Ha6Frw02E5TERn3vgYn6ZKUm4cx7qtNj/s640/lightswprn+mat+refresh+part+5.jpg" width="640" /></a></span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">Goal A :Push the background back: Well its much darker now and a great deal more even across the whole mat both of which help prevent it from drawing your eyes away from the focus of the image which is the characters.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br />Still it's nice I didn't lose the detail entirely I had thought I might have to overwrite the whole thing with black or something just to get rid of it but in the end I dulled it down just enough to stop it being so dominant and that was enough.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br />B: To remove as many tangents a possible: This was the most time consuming part of the process luckily I could combine it with goal C to move things around and increase the detail at the same time. There may have been a magnifying glass involved in this process just saying.<br />I think I managed to get most of them, all the glaringly obvious ones at least, some things I just couldn't alter because of how the image was initially drawn. If I was to draw it now I might take negative space into more consideration.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br />C: Generally increase the level of detail: Using light and shadow to show edges really allowed me to get more detail into charters that are quite small. Hair and faces have seen a big jump in detail for some of the figures not to mention all the gold banding has much more depth now..<br />Then there were things like Lumina getting a face lift because i was working on the image upside down and didn't really feel her original head was quite the right shape, her skirt got extensions for the same reason. Neither task was especially straightforward, funnily enough its much easier to add colour and lines than remove them.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br />Final Verdict: I achieved all that I set out to do mostly to the degree of success i was hopping for and in terms of all the extra detail possibly more so, I'm not sure these is where i though I would end up but the journey is part of the fun.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br />The final oal I set myself was to write a post everyday for one week, some of yu may have noticed however that the first three days posts were all written at once that's because while I wanted to have a post a day, the actual refresh didn't take a week sometimes you have to bend spacetime for a good story. Perhaps next time I'll live steam the process or something?</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br />Next week, that's no moon, well it was until i refreshed it.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><br /></span></div>
Anonymoushttp://www.blogger.com/profile/03152417212097711111noreply@blogger.com0tag:blogger.com,1999:blog-3065849692813228366.post-31965820255644065252015-07-23T16:07:00.001+01:002015-09-17T09:42:06.966+01:00Kill La Kill Custom Playmat Refresh<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeSwwJvg3GQgT_sqZlTiMGOE8MbhO424R_fLyGXE1u5mJv8GvCjcQEZUYmWaszxXocoWHCy8VibdNcgP-8V243FBYwCy1TcqDAVK8nXDTU0vtbishnFbvdcjIk7biafDQWFnFOQIZDIBzO/s1600/killlakill+custom+playmat+recolour.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="387" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeSwwJvg3GQgT_sqZlTiMGOE8MbhO424R_fLyGXE1u5mJv8GvCjcQEZUYmWaszxXocoWHCy8VibdNcgP-8V243FBYwCy1TcqDAVK8nXDTU0vtbishnFbvdcjIk7biafDQWFnFOQIZDIBzO/s640/killlakill+custom+playmat+recolour.jpg" width="640" /> </a></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><i>Last week I wrote about how I had begun to wonder if I could re-colour some of my older mats. <a href="http://altermidgard.blogspot.co.uk/2015/07/refreshing-custom-playmat-inzektors.html">MY FIRST </a>test subject was the Inzektors mat and since I liked how it turned out I immediately set to work on a second re-colour. Today I'm going to Discuss the Kill la Kill mat and some of the main ways I have upgraded it.</i></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">Lets start things off by looking back at the original version:</span></div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both;">
</div>
<br />
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr4HMn6IuFUC_M3gseyTBNxd7DAW4gzoLUWIIQMMpkW95YP2862LUdPf4n4VwZyNVLfahowaLQJAhLpaM3aN4xV5TfRwpsXRnTTFzw-DTcnMkts1xsLmcp-hh0mrgDNHrwDHrd5XQgXJpR/s1600/killlakillrecolour1a.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="388" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr4HMn6IuFUC_M3gseyTBNxd7DAW4gzoLUWIIQMMpkW95YP2862LUdPf4n4VwZyNVLfahowaLQJAhLpaM3aN4xV5TfRwpsXRnTTFzw-DTcnMkts1xsLmcp-hh0mrgDNHrwDHrd5XQgXJpR/s640/killlakillrecolour1a.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">For some reason the first time around I went quite subtle with the colour scheme its all really carefully blended together and then somewhat ruined by my decision to add black outlines around everything. Its not even that they are poorly executed or anything its just that looking back at it now it seems a strange mix of styles.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">The other strange thing I didn't really notice until after finishing the mat was that the contrast between the foreground and background probably wasn't high enough. What I was aiming for was to have the eye be able to focus on the fiber background, Japanese text, or the image within the text as separate objects. However if the differences between each section weren't strong enough things tended to run together and become difficult to read especially in busy areas like the section around the two main figures.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"> Other than those two minor issues, both of which are based on an increases in knowledge and the passage of time, overall I quite liked this mat it has a neat concept and shows my first steps towards trying to use light and shadow as the main way of defining objects. That's not to say I cant make some improvements and I will be keeping these two points in mind as I go about re-colouring the image.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><b>... </b></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoDGqfQBRZpksqF2BkEOWcjyWhBxAuHh1QE23_7Cc5ANTbfehyphenhyphen-YLnBKmXibP0qa5B4UDUyLoIOY5fXQxGN8QyYfIRkY5ijmUhgc76UVLB6am64KX70Il24DuQ1vjZR0BN-T5vqXAwVmHU/s1600/killlakill+custom+playmat+recolour.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="388" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoDGqfQBRZpksqF2BkEOWcjyWhBxAuHh1QE23_7Cc5ANTbfehyphenhyphen-YLnBKmXibP0qa5B4UDUyLoIOY5fXQxGN8QyYfIRkY5ijmUhgc76UVLB6am64KX70Il24DuQ1vjZR0BN-T5vqXAwVmHU/s640/killlakill+custom+playmat+recolour.jpg" width="640" /> </a></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<div style="text-align: justify;">
<span style="font-size: large;">The first thing I did was increase the colour intensity of the sky. I'm not sure why it just seemed to be a sensible place to start and wouldn't mess too much up if something did go wrong. In the original the really pale area starts quite low on the image that was fine but I'm looking to do a bit more with the sky this time so I start by pushing the darker colours up the page until there's only a sliver of the pale yellow left at the top. The other reason to darken the sky is because the first time around I had the situation where I had a pale colour on a character then a black outline then a pale sky which isnt ideal for making things easy to see. Making the sky darker means I can keep the edges of the characters relatively light.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span>
</div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">The next thing to do was darken the fiber background. The first time around I couldn't get the black as dark as I would have liked so mixed in red and ended up with an interesting pastern but it still wasn't as dark as it really needed to be. This time I knew the best ways to make sure the black stays black and on top of that I'm making sure all the edges are as crisp as possible. </span></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">The threads also get an upgrade. Any that are causing major tangent issues with other parts of the image are removed and the rest get a colour boost. Originally just red lines I also decided to up the detail to make them a bit more thread like.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">Things get a bit more tricky from here since what I really want to do is move to a much more realistic style but those black lines are going to be hard to shift. Luckly because of the style I'm going for I'm going to need a dark edge on on side of each object followed closely by a light area so I can keep some of the lines as they are. There are two choices here either keep the lines on the right or the ones on the left and I decide on left since that way the light should look as if it is behind them which.is where it should be really since that's where the sky is.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">Also at some point during this process I also decide to add a white line around the edges of the text. This is another way of making the various sections of the image more obvious. </span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><b>...</b></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">Finally lets talk about some of the changes to the smaller details in the image.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBHIUzZ280hSR841dl0dZeQ3gIhaDuNNRgYDfbFvnldFsFfoAWnjOhZolg-Cw9vpOXBEYEOQK490Iadtjbd1nv_cXfmYxrQzBPNvjhaCtEpiQPqoE4jirMSEmNHW1UzYUvHqXR_Ixcs5A6/s1600/killlakillrecolour2a.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="322" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBHIUzZ280hSR841dl0dZeQ3gIhaDuNNRgYDfbFvnldFsFfoAWnjOhZolg-Cw9vpOXBEYEOQK490Iadtjbd1nv_cXfmYxrQzBPNvjhaCtEpiQPqoE4jirMSEmNHW1UzYUvHqXR_Ixcs5A6/s640/killlakillrecolour2a.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">One of the biggest changes is in Gamagori's face. There was always this sense that something wasn't quite right and while making his chest much darker improved his overall look and helped make him look more loom'y (technical term) I wanted to make him look even more dangerous so changed his mouth. the blood is gone and now you can see his teath he's gone from looking slightly beaten up to something of a shark. </span></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">This naturally lead to a slight change in head shape which made me realize that the angle of his hair was throwing off his pose slightly. Bringing down his hairline makes it appear we are looking at more of the top of his head and improves his menacing presence. </span></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">I could have kept his eyes but in the end decided that since I had gone so dark I may as well match them up with the stars on his chest (who knows maybe one day I'll decide to add them back in). I also got rid of what might have been his ear, the gap between the two areas of the image has to be kept in mind when drawing the characters as it can cause the brain to make things up or draw conclusions you might not want it to and this was one of them that was throwing off how big his head should look.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><b>...</b></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">When you look at the two images of the hand holding the sword you can see how the change from black outlines to shadows and highlights has taken an area that was reasonably well defined to start with and made the detail even more obvious. The best example being the red line on her arm is barely visible on the top image and in the lower one not only can you see it clearly but it also implies that its an object in its own right, a piece of material attached to the rest of her costume. Since I'm keeping the black lines on the right side of objects the left side of objects has to now have a corresponding light line and adding it here to the sword means I can imply the folds of the handle better which again adds to the sense that this thing is an actual object rather than just a picture of one.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><b>... </b></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">I have mentioned before that there are certain scale restrictions on figures due to the materials I use. At the time these were probably the smallest charters I had even gotten onto a mat but looking back now they seem rather sketchy and undefined. </span></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">The first thing that needs doing is deciding on an area that's going to be in shadow to make it easier to see them and the most obvious choice is the fancy gold braided thing on her shoulder since that should have been in shadow anyway the first time around but then is was going for making her appear a tad more ethereal. </span></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">The way the dark area here in the lower image gives Gamagori's gauntlet a sharp edge with hints of battle damage is one of the clearest examples of how the two styles differ, if I was to try and do the same thing with black outlines it could look good but not necessarily as convincing to the human brain. Anyway with this area darkened we can lighten the figures making it much more obvious from a distance what they are.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<b><span style="font-size: large;">...</span></b></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">I've actually made a few more adjustments to the image since writing this post, there was something just not quite right about the white line on the left side of Gamagori's arm which I couldn't figure out until I started doing this review and realized it was because it shouldn't be there at all - the highlight would have been on the blue area next to it not on the arm itself.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">And thats the thing really, art is never totally finished, its just a case of putting down the brush at a certain point and them how long it is before you might pick it up again.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">Until next time, our work is never over</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
Anonymoushttp://www.blogger.com/profile/03152417212097711111noreply@blogger.com0tag:blogger.com,1999:blog-3065849692813228366.post-82720324000072697842015-07-16T11:40:00.001+01:002015-07-16T11:44:14.204+01:00Refreshing a Custom playmat : Inzektors<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJYJHqfekSPvPJa4cdvJ_M1VbriNEXF6D7lE4jrAI5eknBPgtRLkRmUfsJTktd_QAPdoIRxNEcnEeuvnJkhlu6nEajjeWLli7J7_rmc5i0VZpodCs5AtgrFW0Ld8H15ZH9OPgfY-bQdve8/s1600/inzektors+refresh+custom+playmat.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="387" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJYJHqfekSPvPJa4cdvJ_M1VbriNEXF6D7lE4jrAI5eknBPgtRLkRmUfsJTktd_QAPdoIRxNEcnEeuvnJkhlu6nEajjeWLli7J7_rmc5i0VZpodCs5AtgrFW0Ld8H15ZH9OPgfY-bQdve8/s640/inzektors+refresh+custom+playmat.jpg" width="640" /><span style="font-size: large;"> </span></a></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<i><span style="font-size: large;">This mat might look familiar. Way back in the mists of time or 2012 to be exact I created this mat but it looked somewhat different. Today I'm going to look at the Inzektor mat and how it eneded up getting a shiny new look.</span></i></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><i>The original post for this mat along with a making of video can be found <a href="http://altermidgard.blogspot.co.uk/2012/05/inzektor-game-mat.html">HERE</a>.</i> </span></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt8RbB3DIZo8z9vg7LwFyJxoJJcznlMSyTXgJuImxG-9ZkgMcdbHn8Gm782bTXiIx5plI0_m0v4V4E6Q4cRPsvfHMliEoHfZNG6cE9vODPV-c_Ts1euR5MDC0wkxjyeEJg7HwFRMLP05gA/s1600/inzektor+refresh.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt8RbB3DIZo8z9vg7LwFyJxoJJcznlMSyTXgJuImxG-9ZkgMcdbHn8Gm782bTXiIx5plI0_m0v4V4E6Q4cRPsvfHMliEoHfZNG6cE9vODPV-c_Ts1euR5MDC0wkxjyeEJg7HwFRMLP05gA/s640/inzektor+refresh.jpg" width="520" /> </a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">There are a number of my mats that over the years for one reason or another I've ended up hanging on to. Mostly I've been using them as test subjects and while I'm pleased they have maintained their condition all this time occasionally I'll walk past them and wonder if I should be doing more with them. Well the other week I walked past and thought since they are test subjects why not have a go at seeing if it was possible to remake them in some fashion, to answer questions like how easy would it be to update a mat? What areas would be the most difficult to change? </span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">For this first test I decided to keep it simple. Update the characters in a way more in line with my current style and change any areas I wasn't completely happy with the first time around. For these reasons I chose the Inzector mat since it's a relatively straightforward design with a number of areas I would quite like to improve. It's also the oldest in the group and didn't have the protective layer later mats have gotten so it should be easier to alter.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-large;">...</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">The first thing to do is clean the mat. It's been hanging in a high pedestrian traffic area for 3 years so I assume its probably picked up </span><span style="font-size: large;"><span style="font-size: large;">at least </span>some dust. In the end I find its held up very well, the colours haven't faded, the pegs holding it to the hanger haven't caused any permanent depressions (in fact I don't even have to iron it) and when I start cleaning it I find there is very little dust buildup. I did come away from the process thinking that perhaps in the future I could improve things further by putting them in clear plastic bags and connecting the haners to that. </span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">If your going to clean one of these early mats I advise getting a soft damp cloth and just giving them a light wipe over then letting them dry naturally, they shouldnt be to bothered by water but heavy rubbing may damage them.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-large;"> ...</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">Mat cleaned we can start on the refresh proper. The first thing I do in this instance is build a new lighting scheme. In the original there is left, right, and central lights but there's a bit of a lack of consistency on my part which makes reading that quite tricky so I'm going to cut the central one and rework where many of the shadows and highlights are to make things more ovious and the shading sharper. </span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">With a better Idea of where the light is coming from I can change from flat shaded with black outlines to a more realistic shading scheme where edges are defined by areas of light and darkness. Changing from one to the other does however throw up the first problem, the black lines are rather stubborn and in some cases almost imposible to get rid of fully we will see later how this also afects the design choices for the background.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">One of the interesting things I discovered while working on this project was watching areas increase in detail. It was as if their clothes went from old school Standard Definition where creases were sort of implied but not really to modern High Definition where you could have seen the stitches, well if I drew them in I didn't go quite that far. I guess its a similar phenomenon to how the sketches go though phases of level of detail increases before becoming the final design, but you know, three to four years apart.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-large;">...</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">The next thing I wanted to do was get rid of the weapons in the background, no one uses those cards and they pull focus away from the characters. The thing was there's quite a lot of line work going on in them and I would rather not have to do the entire background black just to obliterate them.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">Some experimentation later I found I could overwrite them with certain dark colours and then take the background back to light colours by applying them in vast quantity's over the top of the new dark patches. the downside is that It uses a lot of resources I was just going to have to get creative and think up some other solutions.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">In the end I decided since I quite like the hex pattern in the background perhaps I could make more of that. We need to lose the oranges and yellows in the background anyway since we want to avoid using colours that are on the characters as much as possible so if we make the hex's smaller we can use a bunch of blues and greens and any really stubborn lines can be hidden in darker hexes.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">I'm still left with some lines that don't stay in their hex's though so the circuit pattern from the original scheme comes back to do double duty, add some depth to the background and change peoples perception of what they are looking at.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">No those arnt lines from a previous design they are circuits. Sometimes it beter to change somethings meaning rather than the thing itself. </span></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-large;">...</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">In terms of use of colour in the background other than the dark hex's to cover things most are random except for the teal hex's at the top and bottom which are very much placed deliberately to squish the other hex's further back near the center of the image to create a feeling like they are in a round room with really odd wallpaper.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">I also get to finally make it seem like they are standing on something rather than floating in the air which is not only a big plus but gets rid of an aspect of the original that had been bugging me for a while.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-large;">...</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">I'm definitely much happier with the final peice after its facelift than I was before I think its a definite step in the right direction. With what I have lernt from this experiment I can start upgrading other mats confident that it is possible, although it does make me wonder if I still have the mat in another 3 years what will I think of it then?</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">Hopefully I can look back and think there's so much that can still be improved. Because we should always be striving to improve our skills and learn new things.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">Until next time. recolour the past.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<br />Anonymoushttp://www.blogger.com/profile/03152417212097711111noreply@blogger.com0tag:blogger.com,1999:blog-3065849692813228366.post-52642457272727917782015-06-26T10:35:00.001+01:002015-06-26T10:36:17.049+01:00Custom Wurmcoil Tokens Haiku<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGO8K8m9O7-LopA_j0xLVdUHwxfSef21lhIvmdPVisblufaAj9zdsX8nZamATdoMnd9gut05U3C-6zSK6yXuxmrsQ6AcCF0xr6WXAmFyWIqFMSKUqWZC0umf7sGX2UmywI1xZls4VeMF96/s1600/wurm2tokenssample.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="478" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGO8K8m9O7-LopA_j0xLVdUHwxfSef21lhIvmdPVisblufaAj9zdsX8nZamATdoMnd9gut05U3C-6zSK6yXuxmrsQ6AcCF0xr6WXAmFyWIqFMSKUqWZC0umf7sGX2UmywI1xZls4VeMF96/s640/wurm2tokenssample.jpg" width="640" /> </a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><span style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;">Light and Dark in balance.<br />As coiling snakes like Life(link) and Death(touch).<br />Wurmcoil tokens painted as one</span></span>.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />Anonymoushttp://www.blogger.com/profile/03152417212097711111noreply@blogger.com0