tag:blogger.com,1999:blog-306923442009-02-21T01:46:04.090-08:00Visual BreakdownThis is going to be the site where I show the steps I've gone through to make my "art". Hopefully I'll get better at it over time. I'll also post an occasional tutorial, or answer any art related questions to the best of my ability.Collinhttp://www.blogger.com/profile/16291745528672893691noreply@blogger.comBlogger7125tag:blogger.com,1999:blog-30692344.post-53590748220510794702007-05-23T16:09:00.000-07:002007-05-30T13:20:47.971-07:00Zombie "Fan-Art" ...... for D.L. Snell's latest book "Roses of Blood on Barbwire Vines"<br /><br />First some sketches to try to flesh out the author's mental image of his zombies:<br /><br /><center><img src="http://sketch.smugmug.com/photos/145097963-M.jpg" /><br /><br /><img src="http://sketch.smugmug.com/photos/146600826-L.jpg" /><br /><br /><img src="http://sketch.smugmug.com/photos/148695168-L.jpg" /></center><br /><br />The second and third were the closest, although the tentacles needed to be narrower. With those in mind I made a thin line drawing that I would later add vector layers and more line work to:<br /><br /><center><img src="http://sketch.smugmug.com/photos/153082780-L.jpg" /></center><br /><br />Now the vector layers are done:<br /><br /><center><img src="http://sketch.smugmug.com/photos/155662322-L.jpg" /></center><br /><br /><s>I'll update later with the final piece when it's done.</s><br /><br />It's done. Here's the Black & White version:<br /><br /><div style="text-align: center;"><img src="http://Sketch.smugmug.com/photos/157515089-L.jpg" /><br /></div><br />and the color version:<br /><br /><div style="text-align: center;"><img src="http://sketch.smugmug.com/photos/157523706-L-0.jpg" /><br /></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30692344-5359074822051079470?l=visualbreakdown.blogspot.com'/></div>Collinhttp://www.blogger.com/profile/16291745528672893691noreply@blogger.com0tag:blogger.com,1999:blog-30692344.post-1336654508574693972007-05-12T22:16:00.000-07:002007-05-12T22:17:30.736-07:00Photoshop Pen Tool<div style="text-align: center;"><object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/h9QvPkswpRs"> </param> <embed src="http://www.youtube.com/v/h9QvPkswpRs" type="application/x-shockwave-flash" width="425" height="350"></embed> </object></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30692344-133665450857469397?l=visualbreakdown.blogspot.com'/></div>Collinhttp://www.blogger.com/profile/16291745528672893691noreply@blogger.com0tag:blogger.com,1999:blog-30692344.post-11164775966912364002007-04-19T08:11:00.000-07:002007-04-19T08:36:12.222-07:00Another old one.Very basic instructions and very little explanation, but still similar to how I do a lot of my illustrations in Photoshop even now.<br /><br /><center><img src="http://sketch.smugmug.com/photos/258072-M-1.jpg" /></center><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30692344-1116477596691236400?l=visualbreakdown.blogspot.com'/></div>Collinhttp://www.blogger.com/profile/16291745528672893691noreply@blogger.com0tag:blogger.com,1999:blog-30692344.post-44777819854394968112007-04-19T07:41:00.000-07:002007-04-19T07:47:09.079-07:00IF: "Superhero" BreakdownI know it's been ages since I posted at this site. I also know that some of the earlier breakdowns that I posted are now missing their art files. That was due to my attempt to make my flickr site searchable again. They had flagged me as NIPSA (Not in public search area). Anyhow, any future breakdowns images that I will post will be hosted at SmugMug because they aren't elitist photography snobs. Or they will be videos, like today's offering.<br /><br />This is a bit old, but I also took forever getting the videos processed and uploaded. The good news for the future is I now have a director account at YouTube, so I shouldn't be limited to 10 minutes anymore. I'll test that in a week or so.<br /><br />So, without further rambling, I give you the visual breakdown of the drawing that I did for the <a href="http://illustrationfriday.com/">Illustration Friday</a> topic "Superhero".<br /><br /><center>Initial sketch:<br /><object height="350" width="425"><param name="movie" value="http://www.youtube.com/v/MSY8mUSpSzo"><param name="wmode" value="transparent"><embed src="http://www.youtube.com/v/MSY8mUSpSzo" type="application/x-shockwave-flash" wmode="transparent" height="350" width="425"></embed></object><br /><br />Part 1:<br /><object height="350" width="425"><param name="movie" value="http://www.youtube.com/v/98MrOKLWWso"><param name="wmode" value="transparent"><embed src="http://www.youtube.com/v/98MrOKLWWso" type="application/x-shockwave-flash" wmode="transparent" height="350" width="425"></embed></object><br /><br />Part 2:<br /><object height="350" width="425"><param name="movie" value="http://www.youtube.com/v/gU_TPM1dOfs"><param name="wmode" value="transparent"><embed src="http://www.youtube.com/v/gU_TPM1dOfs" type="application/x-shockwave-flash" wmode="transparent" height="350" width="425"></embed></object><br /><br />Part 3:<br /><object height="350" width="425"><param name="movie" value="http://www.youtube.com/v/BZMYvVYm9d0"><param name="wmode" value="transparent"><embed src="http://www.youtube.com/v/BZMYvVYm9d0" type="application/x-shockwave-flash" wmode="transparent" height="350" width="425"></embed></object></center><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30692344-4477781985439496811?l=visualbreakdown.blogspot.com'/></div>Collinhttp://www.blogger.com/profile/16291745528672893691noreply@blogger.com0tag:blogger.com,1999:blog-30692344.post-54407105290699886272007-04-18T19:30:00.000-07:002007-04-19T08:35:49.465-07:00An oldie."Tea" illustration for <a href="http://www2.blogger.com/post-create.g?blogID=30692344">Illustration Friday</a> done in February, 2006.<br /><br /><span style="font-weight: bold;">Program:</span> Photoshop<br /><span style="font-weight: bold;">Time to complete:</span> No idea. It was over a year ago. Maybe 2.5 hours.<br /><br />First I started with a test drawing of the Hatter's head, getting an idea of how I wanted it to look:<br /><br /><div style="text-align: center;"><img src="http://sketch.smugmug.com/photos/145051044-M.jpg" /><br /></div><br />Then I did a sketch and started adding in vector layers:<br /><br /><div style="text-align: center;"><img src="http://sketch.smugmug.com/photos/145051048-M.jpg" /><br /></div><br />Almost all of the vector layers are in, shown with the bulk of them at 30% opacity:<br /><br /><div style="text-align: center;"><img src="http://sketch.smugmug.com/photos/145051050-M.jpg" /><br /></div><br />All of the layers are now in and they have their own color and I've started laying in lines on new layers, grouping the lines to the layer that they are above. I'll show why that's handy in a future video:<br /><br /><div style="text-align: center;"><img src="http://sketch.smugmug.com/photos/145051055-M.jpg" /><br /></div><br />And here's the final illustration:<br /><br /><div style="text-align: center;"><img src="http://sketch.smugmug.com/photos/145051060-M.jpg" /><br /></div><br />Here's the same image with all of the shapes turned off:<br /><br /><div style="text-align: center;"><img src="http://sketch.smugmug.com/photos/145051065-M.jpg" /><br /></div><br />...and with all of the lines turned off; shapes turned on:<br /><br /><div style="text-align: center;"><img src="http://sketch.smugmug.com/photos/145051073-M.jpg" /></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30692344-5440710529069988627?l=visualbreakdown.blogspot.com'/></div>Collinhttp://www.blogger.com/profile/16291745528672893691noreply@blogger.com0tag:blogger.com,1999:blog-30692344.post-1152724551209551792006-07-12T10:14:00.000-07:002006-07-12T10:15:51.223-07:00Breakdown of "Skyline"All images are clickable to view at a larger size in a new window.<br /><br /><span style="font-weight: bold;">Programs:</span> <a href="http://www.adobe.com/products/photoshop/" target="_blank">Photoshop CS2</a>, <a href="http://artrage.com/" target="_blank">ArtRage 2</a><br /><span style="font-weight: bold;">Tablet:</span> <a href="http://wacom.com/" target="_blank">Wacom</a> 'Intuos 2' 12" x 9"<br /><span style="font-weight: bold;">Time:</span> No accurate idea, but it felt like 3 hours spread over three days.<br /><span style="font-weight: bold;">Layers:</span> 12 before final Photoshop work : 16 for the final image.<br /><br />I know that I'm not that great at drawing scenery, particularly buildings, so for this Illustration Friday topic – "Skyline" – I decided to modify a pre-existing photo of a skyline. We have a wide variety of Photodiscs where I work, so I figured I had a good chance of finding a suitable photo there. And I did:<br /><br /><div style="text-align: center;"><a href="http://static.flickr.com/75/187695879_38e4c55715_o.jpg" target="_blank"><img src="http://static.flickr.com/75/187695879_38e4c55715_m.jpg" border="0" /></a><br /></div><br />I opened the photo in Photoshop and, since it was originally black & white, I converted it to RGB and adjusted the hue/saturation to give it a bit of a brownish color. Not quite sepia tone. I also clipped the buildings from the original background and added the header that I planned on using at this point – font: Broadway BT – and a dark edged, fuzzy border for depth. Each of these elements – border, text, buildings and white background – were on their own layers and I saved the file as a PSD.<br /><br />I then imported the PSD into ArtRage 2 and created a couple of layers behind the buildings to use for the background:<br /><br /><div style="text-align: center;"><a href="http://static.flickr.com/44/187695861_d73397e491_o.jpg" target="_blank"><img src="http://static.flickr.com/44/187695861_d73397e491_m.jpg" border="0" /></a><br /></div><br />I created the background with the paint roller tool, by alternating horizontal blue strokes on the bottom layer, and vertical strokes of white starting at the bottom edge of the next layer up with the brush's "Thinners" setting at 94% and "Loading" set to 6% so that it would fade out halfway up the image.<br /><br />Next I created another layer between the sky and the buildings and sketched out my monster with the pencil tool:<br /><br /><div style="text-align: center;"><a href="http://static.flickr.com/47/187695824_b1ff194f87_o.jpg" target="_blank"><img src="http://static.flickr.com/47/187695824_b1ff194f87_m.jpg" border="0" /></a><br /></div><br />I dropped the opacity of that layer to approximately 30% and created yet another layer beneath it that I used for my first stage of coloring. That way I would be using the sketch layer as a template and it wouldn't interfere with my new lines as much as it tends to when I leave it black.<br /><br />Sticking with the pencil tool I created the main layer of color that I would base everything else off of:<br /><br /><div style="text-align: center;"><a href="http://static.flickr.com/68/187695807_f35f03cd36_o.jpg" target="_blank"><img src="http://static.flickr.com/68/187695807_f35f03cd36_m.jpg" border="0" /></a><br /></div><br />I turned off the sketch layer for the screenshot so the new lines wouldn't be obscured by the old lines. I noticed that I could still see the sky through the space between the lines, and I knew I wanted to darken it up a bit, so:<br /><br /><div style="text-align: center;"><a href="http://static.flickr.com/72/187695777_9cbd286f9e_o.jpg" target="_blank"><img src="http://static.flickr.com/72/187695777_9cbd286f9e_m.jpg" border="0" /></a><br /></div><br />I added another layer below the first color layer and drew in a dark base using the marker tool and a slightly darker ink based off of the first color. I made the lip by placing even darker marker lines along the bottom of the lip. Tthen I used the paintbrush as a dry brush tool by setting the "thinner" to max and the "loading" to 0% and then pulling the darkest green across the lighter green.<br /><br />I also added the white back spikes on the topmost sky layer in pencil because I wanted them to fall easily behind the bulk of the monster, but I didn't feel like making yet another layer just for that.<br /><br />Then I moved on to the mouth:<br /><br /><div style="text-align: center;"><a href="http://static.flickr.com/45/187695759_2bd0b182a7_o.jpg" target="_blank"><img src="http://static.flickr.com/45/187695759_2bd0b182a7_m.jpg" border="0" /></a><br /></div><br />I made it by adding yet another layer beneath the last layer and using the same marker and dry brushing technique that I used with the lip. Notice the floating white back spikes?<br /><br />From there the next step was to make another layer and add in the teeth, once again using the pencil tool:<br /><br /><div style="text-align: center;"><a href="http://static.flickr.com/70/187695741_ec413f9d31_o.jpg" target="_blank"><img src="http://static.flickr.com/70/187695741_ec413f9d31_m.jpg" border="0" /></a><br /></div><br />Now, there's no real need to work with so many layers; it's just something that I'm used to doing from many years of working with Photoshop. The main advantage is, if you mess something up you only mess up on that one layer. It also gives you a way to try out several different things without locking you into the first one you try. And finally, it works wonderfully for overlapping things that you may want to shift around later. As of now there's no way to shift things around in ArtRage 2, but that's why I work in a PSD format so that I can do it if I want to by taking it into Photoshop.<br /><br />And speaking of layers, here's how it looks at this point with all of the main layers turned back on, and the sketch layer left off:<br /><br /><div style="text-align: center;"><a href="http://static.flickr.com/49/187695718_43fe4669a8_o.jpg" target="_blank"><img src="http://static.flickr.com/49/187695718_43fe4669a8_m.jpg" border="0" /></a><br /></div><br />That just left the fine tuning provided by detailing with the pencil tool. Here is that layer, isolated from the rest:<br /><br /><div style="text-align: center;"><a href="http://static.flickr.com/68/188098477_4941538b53_o.jpg" target="_blank"><img src="http://static.flickr.com/68/188098477_4941538b53_m.jpg" border="0" /></a><br /></div><br />Once that was done I saved the PSD, quit out of ArtRage 2 and opened the PSD in Photoshop. There I expanded my canvas size, added a white border to make it look more like a postcard, added a wood background, took a bite out of the image using layer masks and gave it a slight rotation:<br /><br /><div style="text-align: center;"><a href="http://static.flickr.com/49/187695907_bb7e8a82dc_o.jpg" target="_blank"><img src="http://static.flickr.com/49/187695907_bb7e8a82dc_m.jpg" border="0" /></a><br /></div><br />And there you have it. I feel like it took longer to write all of this out then it did to make the original. I need to come up with a better way of doing this.<br /><br />Until next time, have fun. Also, if you haven't checked ArtRage 2 out, give it a look. It's a pretty decent natural media art program at a really good price and it's only going to get better.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30692344-115272455120955179?l=visualbreakdown.blogspot.com'/></div>Collinhttp://www.blogger.com/profile/16291745528672893691noreply@blogger.com6tag:blogger.com,1999:blog-30692344.post-1152115524531135162006-07-05T09:05:00.000-07:002007-04-19T08:08:08.182-07:00Illustration Friday - "Sticky"For my first post I'm simply going to "reprint" my latest post at <a href="http://fizzleandpop.blogspot.com/" target="_blank">Fizzle & Pop</a>.<br /><br />-----<br /><br />Once again I decided to try my hand at <a href="http://www.artrage.com/artrage.html" target="_blank">ArtRage 2</a> and see what I could come up with. I have also included some of the stages that it passed through. Click the pics to see bigger versions of each.<br /><br /><center><img src="http://sketch.smugmug.com/photos/145046055-M.jpg" /></center><br /><br />Once again I stuck with the pencil tool for the most part. The only exception is the background that I made with the roller. I tried to work with the oils first, but – much like real life – paint just isn't my friend. I'll try working at it as a side project and see if I can make something decent out of it however for something on a deadline like IF I think it would be wise to stick with what I'm "good" at. One thing I can't remember about oils though: do you work from light to dark, or dark to light? Anyhow. On with the steps.<br /><br /><center><img src="http://sketch.smugmug.com/photos/145046058-M.jpg" /></center><br /><br />Here's the initial sketch, again done entirely in ArtRage 2. I made it on its own layer and built the final image on layers beneath it. Text on both this and the final were added in Photoshop.<br /><br /><center><img src="http://sketch.smugmug.com/photos/145046060-M.jpg" /></center><br /><br />I started by focusing on coloring the boy. This is what led me to discover – and report – a bug within AR2. After completing the initial sketch I exported the image as a Photoshop file (PSD) so that I could track the steps that I went through.<br /><br />After I reached this point of coloring I shut down AR2, then came back to it a bit later. When I opened my original file none of the color work that I had done was there. I opened the PSD in Photoshop and the color work WAS there. IT was most strange, but it seems that after I exported the file the program decided that the PSD was the main file I was working on. So, every time I saved, it updated the PSD instead of the file I was expecting it to. Thinking I had essentially lost the time that I had spent on it, I decided I to delete the color layer from the PSD, since I can't get the same level of "pencil" look with Photoshop, and finish the drawing in my old standard cut paper style. However I still wanted to do a paint roller background, so I saved the PSD – after having tossed the color layer – and imported it into AR2. I thought it would come in flat and I would then make the background, save it as something else, open it in PS and copy the background over.<br /><br />Surprise!<br /><br />It kept its layers when imported. Oh, sure, it probably wouldn't have surprised someone who read the manual, but that guy isn't me. It was then that I realized if I hadn't tossed out the color layer I could have continued to work on it after all. Oops.<br /><br />Because I didn't really want to do this drawing as cut paper, and because I now understood what had happened and wouldn't be messed up by it again, I resumed work in ArtRage 2.<br /><br /><center><img src="http://sketch.smugmug.com/photos/145046063-M.jpg" /><br />Stage 2</center><br /><br />Working a little differently this time, I decided to block in all of the colors first thing. I had wanted to show a stage with JUST the colors blocked in, but I got into the "zone" and basically forgot until after I had already begun to detail the boy. I'm just really not that great at capturing the steps I go through when making something. Add that to the long list of crap I need to work on.<br /><br /><center><img src="http://sketch.smugmug.com/photos/145046066-M.jpg" /><br />Stage 3</center><br /><br />At this point I've detailed a few more objects and I've also decided to stop tracking the stages because it really can't be that interesting. <span style="font-style: italic;">"Now here, you see, I've added a bit of line and shadow to create the kite string. Next I've touched up the shadows a bit around the kid's feet."</span> Bah. Now if I could find a way to do a video of the work, that would be awesome.<br /><br />Anyhow, it was fun, it's done and I hope you, my mostly invisible audience, enjoy it. Feel free to comment.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/30692344-115211552453113516?l=visualbreakdown.blogspot.com'/></div>Collinhttp://www.blogger.com/profile/16291745528672893691noreply@blogger.com0