<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-18250172</id><updated>2011-04-21T21:55:58.193-04:00</updated><title type='text'>Back 2 the Drawing Board</title><subtitle type='html'>I've been inspired by other Illustration Friday participants to share some of the creation steps and/or processes for some of my postings. So, to keep the main posting site less cluttered, I will post some "progress pics" or technique tutorials here instead.</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://back2thedrawingboard.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://back2thedrawingboard.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Don</name><uri>http://www.blogger.com/profile/05532101543506077259</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://www.frontiernet.net/~leefam/SelfPortrait-flat.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>16</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-18250172.post-4347688001100228787</id><published>2007-07-06T02:20:00.000-04:00</published><updated>2008-12-10T09:27:11.369-05:00</updated><title type='text'>IF:Twist - Rusty Hatchet</title><content type='html'>&lt;span style="font-family:arial;"&gt;Originally posted to &lt;a href="http://www.dlwithit.blogspot.com/"&gt;&lt;span style="color: rgb(204, 102, 0); font-weight: bold;"&gt;DL With It&lt;/span&gt;&lt;/a&gt; for &lt;a href="http://www.illustrationfriday.com/"&gt;&lt;span style="color: rgb(204, 102, 0); font-weight: bold;"&gt;Illustration Friday&lt;/span&gt;&lt;/a&gt; topic &lt;a href="http://dlwithit.blogspot.com/2007/07/twist.html"&gt;&lt;span style="font-weight: bold; color: rgb(204, 102, 0);"&gt;TWIST&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(51, 102, 102);font-family:arial;" &gt;(All images are clickable for more detail.)&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Last week's vector image was based directly off a photo. This week, it was based on a sketch. Such a scene actually existed in my front yard, except that the hatchet is not rusty. I simply could not get a good composition with the camera though.&lt;/span&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_oL-wT8kR_a8/Ro3gyj45A4I/AAAAAAAAALw/GelDrx9V_9w/s1600-h/Twist-Sketch.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_oL-wT8kR_a8/Ro3gyj45A4I/AAAAAAAAALw/GelDrx9V_9w/s400/Twist-Sketch.jpg" alt="" id="BLOGGER_PHOTO_ID_5083966713603097474" border="0" /&gt;&lt;/a&gt;&lt;span style="color: rgb(51, 102, 102);font-family:arial;font-size:85%;"  &gt;Mouse-sketch on Paint Shop Pro X&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Most of the efforts went into the hatchet, though it is the grape vines that actually tie into the topic. Life goes on. Really, this ended up being a study in rust texturing.&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_oL-wT8kR_a8/Ro3gsT45A3I/AAAAAAAAALo/fxxIKHhtpwc/s1600-h/Twist-Hatchet-Vectors.gif"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_oL-wT8kR_a8/Ro3gsT45A3I/AAAAAAAAALo/fxxIKHhtpwc/s400/Twist-Hatchet-Vectors.gif" alt="" id="BLOGGER_PHOTO_ID_5083966606228915058" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The rust texture is procedural. Starting with random dots, median filter, and contrast, The primary filter used was the Polished Stone. Once the main rough texture was set, a bottom layer of grey speckles represents the iron surface and was copied to new layers which were further filtered and masked to create the rust areas.&lt;/span&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_oL-wT8kR_a8/Ro3gnD45A2I/AAAAAAAAALg/nWQ0zVtg7DI/s1600-h/Twist-Hatchet-RustTexture.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_oL-wT8kR_a8/Ro3gnD45A2I/AAAAAAAAALg/nWQ0zVtg7DI/s400/Twist-Hatchet-RustTexture.jpg" alt="" id="BLOGGER_PHOTO_ID_5083966516034601826" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Here is a full-res cropping of the final image.&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_oL-wT8kR_a8/Ro3gcj45A1I/AAAAAAAAALY/y3PIcvCoUNk/s1600-h/Twist-Hatchet-FullResCrop.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_oL-wT8kR_a8/Ro3gcj45A1I/AAAAAAAAALY/y3PIcvCoUNk/s400/Twist-Hatchet-FullResCrop.jpg" alt="" id="BLOGGER_PHOTO_ID_5083966335645975378" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The leaves took some time also, but not as much and not as detailed. It is made up of three main layers: (1) the color gradients, (2) the vein textures, and (3) a cork texture to break up any solid surfaces. For the final composition, this was copied in as a raster layer, then duplicated and stretched several times, and lower layers blurred out for some depth of field.&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_oL-wT8kR_a8/Ro3f4D45A0I/AAAAAAAAALQ/xh62AB-cGEA/s1600-h/Twist-GrapeLeaf-Vectors.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_oL-wT8kR_a8/Ro3f4D45A0I/AAAAAAAAALQ/xh62AB-cGEA/s400/Twist-GrapeLeaf-Vectors.jpg" alt="" id="BLOGGER_PHOTO_ID_5083965708580750146" border="0" /&gt;&lt;/a&gt;&lt;span style="font-family:arial;"&gt;The overall background is actually the rust texture recolored, stretched to fit, blurred and darkened.&lt;/span&gt;&lt;br /&gt;Text&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;a href="http://dlwithit.blogspot.com/2007/07/twist.html"&gt;&lt;span style="font-weight: bold; color: rgb(204, 102, 0); font-family: arial;"&gt;CLICK HERE&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family: arial;"&gt; for the final picture if you did not link to this page from the IF post.&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/18250172-4347688001100228787?l=back2thedrawingboard.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://back2thedrawingboard.blogspot.com/feeds/4347688001100228787/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=18250172&amp;postID=4347688001100228787' title='3 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/4347688001100228787'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/4347688001100228787'/><link rel='alternate' type='text/html' href='http://back2thedrawingboard.blogspot.com/2007/07/iftwist-rusty-hatchet.html' title='IF:Twist - Rusty Hatchet'/><author><name>Don</name><uri>http://www.blogger.com/profile/05532101543506077259</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://www.frontiernet.net/~leefam/SelfPortrait-flat.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_oL-wT8kR_a8/Ro3gyj45A4I/AAAAAAAAALw/GelDrx9V_9w/s72-c/Twist-Sketch.jpg' height='72' width='72'/><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-18250172.post-5054323080946741808</id><published>2007-06-29T06:18:00.000-04:00</published><updated>2008-12-10T09:27:13.635-05:00</updated><title type='text'>IF:Camouflage - Spider &amp; Textures</title><content type='html'>&lt;span style="font-family:arial;"&gt;Originally posted to &lt;a style="color: rgb(204, 102, 0);" href="http://www.dlwithit.blogspot.com/"&gt;DL With It&lt;/a&gt; for &lt;a style="color: rgb(204, 102, 0);" href="http://www.illustrationfriday.com/"&gt;Illustration Friday&lt;/a&gt;'s topic, "&lt;a style="color: rgb(204, 102, 0);" href="http://dlwithit.blogspot.com/2007/06/camouflage.html"&gt;Camouflage&lt;/a&gt;."&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;This was one of those little ideas that just got too big. The tree and moth were both done Tuesday night, but I could not get back to the spider until Thursday night.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;After an hour of vector editing on the spider, Corel decided it would be great to interrupt my work to let me know what upgrades I can't live without... wouldn't have been a problem, but it is a pop-up application within Paint Shop itself and I was right in the middle of an intense image operation. Result: software crash. And of course, I have gotten lax about saving and hadn't even done the initial save at that point (I tend to remember when switching to a new precess -IE: done with basic vectors and moving on to shading or texture work).&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;At that point it was obvious that I would not finish before midnight (an IF goal, though not necessarily a "rule"), so I went ahead and did some additional texture work, going for ultra realism if possible.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;All objects are vector-based with textures applied by either built-in patterns/textures from Paint Shop Pro X (with v.7, 8, &amp; 9 textures, etc. added from upgrades) or digitally created textures.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Since there is not room or time to detail every aspect, here are just a couple items:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:130%;" &gt;&lt;span style="font-family:arial;"&gt;WOLF SPIDER&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Since this turned out so well, I'll skip the moth and just show the spider. To help organize myself for this, I created the vectors in differ colors to show which layer they were on. I prefer to do most of the shape editing with just an outline and a 20-40% transparent fill.&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-family:arial;"&gt;&lt;span style="font-style: italic;"&gt;(all images are click-able)&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_oL-wT8kR_a8/RoTeFT45AwI/AAAAAAAAAKw/WcN5O-dG5cM/s1600-h/Camouflage-SpiderOutlines.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_oL-wT8kR_a8/RoTeFT45AwI/AAAAAAAAAKw/WcN5O-dG5cM/s320/Camouflage-SpiderOutlines.jpg" alt="" id="BLOGGER_PHOTO_ID_5081430462400365314" border="0" /&gt;&lt;/a&gt;&lt;span style="color: rgb(51, 153, 153);font-size:85%;" &gt;&lt;span style="font-family:arial;"&gt;Vector Outlines&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;After the shapes are done, the transparent backgound is replaced by texture images and the outlines removed:&lt;/span&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_oL-wT8kR_a8/RoTd8z45AvI/AAAAAAAAAKo/7Mh9fnH3OU0/s1600-h/Camouflage-SpiderTextures.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_oL-wT8kR_a8/RoTd8z45AvI/AAAAAAAAAKo/7Mh9fnH3OU0/s320/Camouflage-SpiderTextures.jpg" alt="" id="BLOGGER_PHOTO_ID_5081430316371477234" border="0" /&gt;&lt;/a&gt;&lt;span style="color: rgb(51, 153, 153);font-size:85%;" &gt;&lt;span style="font-family:arial;"&gt;Vectors with textures only&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The Legs, Underbody, and Body layers were copied (all but the eyes) and the objects filled with a gradient that would then be blended with the [Overlay] option.&lt;/span&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_oL-wT8kR_a8/RoTdzz45AuI/AAAAAAAAAKg/cglC13fiyKs/s1600-h/Camouflage-SpiderShading.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_oL-wT8kR_a8/RoTdzz45AuI/AAAAAAAAAKg/cglC13fiyKs/s320/Camouflage-SpiderShading.jpg" alt="" id="BLOGGER_PHOTO_ID_5081430161752654562" border="0" /&gt;&lt;/a&gt;&lt;span style="color: rgb(51, 153, 153);font-size:85%;" &gt;&lt;span style="font-family:arial;"&gt;Vector objects with gradient fill&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The Eyes layer is turned back on and any object layering issues dealt with:&lt;/span&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_oL-wT8kR_a8/RoTdtj45AtI/AAAAAAAAAKY/XV-zddg3sz0/s1600-h/Camouflage-SpiderComposite.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_oL-wT8kR_a8/RoTdtj45AtI/AAAAAAAAAKY/XV-zddg3sz0/s320/Camouflage-SpiderComposite.jpg" alt="" id="BLOGGER_PHOTO_ID_5081430054378472146" border="0" /&gt;&lt;/a&gt;&lt;span style="color: rgb(51, 153, 153);font-size:85%;" &gt;&lt;span style="font-family:arial;"&gt;Composite of Textures, Shading , and Eyes layers &lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;Here's my source photo  -found on &lt;a style="color: rgb(204, 102, 0); font-weight: bold;" href="http://www.geocities.com/spiderswallpaper/"&gt;THIS&lt;/a&gt; website.&lt;br /&gt;&lt;/div&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_oL-wT8kR_a8/RoTviT45AzI/AAAAAAAAALI/M4cxYJCgcO8/s1600-h/Camouflage-SourcePhoto.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_oL-wT8kR_a8/RoTviT45AzI/AAAAAAAAALI/M4cxYJCgcO8/s320/Camouflage-SourcePhoto.jpg" alt="" id="BLOGGER_PHOTO_ID_5081449652314243890" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;&lt;span style="font-weight: bold;font-size:130%;" &gt;TEXTURES&lt;/span&gt;&lt;br /&gt;Following are a few of the textures used. Most of my home-brewed textures start with a white image + [Add Noise] @ 100%. Usually this is followed by [Brightness &amp; Contrast] and [Median Filter] to get to a random blotchy  pattern. From there the filters are limitless...&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;This first one was used for lichen/moss on the tree. By the end, the details were lost out, but the texture is available fro future projects anyway.&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_oL-wT8kR_a8/RoTdWD45ArI/AAAAAAAAAKI/OV5OUbj7qMw/s1600-h/Camouflage-Texture1.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_oL-wT8kR_a8/RoTdWD45ArI/AAAAAAAAAKI/OV5OUbj7qMw/s200/Camouflage-Texture1.jpg" alt="" id="BLOGGER_PHOTO_ID_5081429650651546290" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;This is the main bark texture. The tree was made from several vertical strips (the texture was originally vertical, rotated to fit here better). In addition, gradients and textures mixed with various blending modes were added for the overall look of the bark.&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_oL-wT8kR_a8/RoTdRj45AqI/AAAAAAAAAKA/mH5F-au9rzs/s1600-h/Camouflage-Texture2.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_oL-wT8kR_a8/RoTdRj45AqI/AAAAAAAAAKA/mH5F-au9rzs/s200/Camouflage-Texture2.jpg" alt="" id="BLOGGER_PHOTO_ID_5081429573342134946" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;I believe this was used on the moth and the tree as a general transparency texture, just to break up smooth gradients.&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_oL-wT8kR_a8/RoTdMz45ApI/AAAAAAAAAJ4/nvnVAuzCv10/s1600-h/Camouflage-Texture3.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_oL-wT8kR_a8/RoTdMz45ApI/AAAAAAAAAJ4/nvnVAuzCv10/s200/Camouflage-Texture3.jpg" alt="" id="BLOGGER_PHOTO_ID_5081429491737756306" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;This is the main spider texture. It was also manipulated in other ways for some other parts of the spider.&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_oL-wT8kR_a8/RoTdEj45AoI/AAAAAAAAAJw/yhDfdRkLESM/s1600-h/Camouflage-Texture4.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_oL-wT8kR_a8/RoTdEj45AoI/AAAAAAAAAJw/yhDfdRkLESM/s200/Camouflage-Texture4.jpg" alt="" id="BLOGGER_PHOTO_ID_5081429350003835522" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Based on the previous texture, with a filter of two added, also made into a tiling pattern.&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_oL-wT8kR_a8/RoTc9D45AnI/AAAAAAAAAJo/cbv2oy8vD5c/s1600-h/Camouflage-Texture5.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_oL-wT8kR_a8/RoTc9D45AnI/AAAAAAAAAJo/cbv2oy8vD5c/s200/Camouflage-Texture5.jpg" alt="" id="BLOGGER_PHOTO_ID_5081429221154816626" border="0" /&gt;&lt;/a&gt;&lt;a style="color: rgb(204, 102, 0); font-family: arial;" href="http://dlwithit.blogspot.com/2007/06/camouflage.html"&gt;CLICK HERE&lt;/a&gt;&lt;span style="font-family:arial;"&gt; for the final composite picture if you did not link to this page from the IF post.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;It'd be nice to have the time for these kinds of images more often, but as I am literally becoming a starving artist... well not "starving, but maybe lose everything else!... I have to spend most of my time scrambling to try to generate ANY income at all. It's too bad that these posts are mostly viewed by other artists... otherwise I could solicit jobs through this blog! :-)&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;/:-P &lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;~Don&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/18250172-5054323080946741808?l=back2thedrawingboard.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://back2thedrawingboard.blogspot.com/feeds/5054323080946741808/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=18250172&amp;postID=5054323080946741808' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/5054323080946741808'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/5054323080946741808'/><link rel='alternate' type='text/html' href='http://back2thedrawingboard.blogspot.com/2007/06/ifcamouflage-spider-textures.html' title='IF:Camouflage - Spider &amp; Textures'/><author><name>Don</name><uri>http://www.blogger.com/profile/05532101543506077259</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://www.frontiernet.net/~leefam/SelfPortrait-flat.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/_oL-wT8kR_a8/RoTeFT45AwI/AAAAAAAAAKw/WcN5O-dG5cM/s72-c/Camouflage-SpiderOutlines.jpg' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-18250172.post-5361522344239961258</id><published>2007-05-31T19:38:00.000-04:00</published><updated>2008-12-10T09:27:14.694-05:00</updated><title type='text'>IF:Cars - Layers and NonErrors</title><content type='html'>&lt;span style="font-family:arial;"&gt;All images are clickable for larger a version.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Originally posted to &lt;a href="http://dlwithit.blogspot.com/2007/05/cars.html"&gt;DL With It&lt;/a&gt; for &lt;a href="http://www.illustrationfriday.com/"&gt;Illustration Friday&lt;/a&gt; topic "Cars."&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_oL-wT8kR_a8/Rl9dl6vDC1I/AAAAAAAAAJI/AHLqD1l4e74/s1600-h/Cars-Sketch.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_oL-wT8kR_a8/Rl9dl6vDC1I/AAAAAAAAAJI/AHLqD1l4e74/s320/Cars-Sketch.jpg" alt="" id="BLOGGER_PHOTO_ID_5070874611445599058" border="0" /&gt;&lt;/a&gt;&lt;span style="font-size:85%;"&gt;&lt;span style="font-family:arial;"&gt;Original Sketch&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_oL-wT8kR_a8/Rl9dhKvDC0I/AAAAAAAAAJA/qMCHWwOEbmY/s1600-h/Cars-Outlines.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_oL-wT8kR_a8/Rl9dhKvDC0I/AAAAAAAAAJA/qMCHWwOEbmY/s320/Cars-Outlines.jpg" alt="" id="BLOGGER_PHOTO_ID_5070874529841220418" border="0" /&gt;&lt;/a&gt;&lt;span style="font-family:arial;"&gt;Digital clean-up: not as much effort as usual, but a basic cleanup only.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_oL-wT8kR_a8/Rl9dcqvDCzI/AAAAAAAAAI4/qtn_mmEY-dw/s1600-h/Cars-Color.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_oL-wT8kR_a8/Rl9dcqvDCzI/AAAAAAAAAI4/qtn_mmEY-dw/s320/Cars-Color.jpg" alt="" id="BLOGGER_PHOTO_ID_5070874452531809074" border="0" /&gt;&lt;/a&gt;&lt;span style="font-family:arial;"&gt;The Color Layer (with outline layer visible)&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_oL-wT8kR_a8/Rl9dXavDCyI/AAAAAAAAAIw/Mv91TeEmy1A/s1600-h/Cars-Shading.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_oL-wT8kR_a8/Rl9dXavDCyI/AAAAAAAAAIw/Mv91TeEmy1A/s320/Cars-Shading.jpg" alt="" id="BLOGGER_PHOTO_ID_5070874362337495842" border="0" /&gt;&lt;/a&gt;&lt;span style="font-family:arial;"&gt;Shading Layer (with outline layer visible)&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_oL-wT8kR_a8/Rl9dGKvDCwI/AAAAAAAAAIg/yBOrlzqGoi4/s1600-h/Cars.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_oL-wT8kR_a8/Rl9dGKvDCwI/AAAAAAAAAIg/yBOrlzqGoi4/s320/Cars.jpg" alt="" id="BLOGGER_PHOTO_ID_5070874065984752386" border="0" /&gt;&lt;/a&gt;&lt;span style="font-family:arial;"&gt;Final Composition&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;I originally wanted to do this as vectors and try some more realistic shading, but clocks were very fast this week. The original sketch was done Saturday evening, but I never got a chance to scan it and color it until today (Thursday).&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(255, 102, 0);font-family:georgia;font-size:130%;"  &gt;Error and Non-Error&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_oL-wT8kR_a8/Rl9dP6vDCxI/AAAAAAAAAIo/sonHlH1Y_wQ/s1600-h/Cars-Problems.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_oL-wT8kR_a8/Rl9dP6vDCxI/AAAAAAAAAIo/sonHlH1Y_wQ/s320/Cars-Problems.jpg" alt="" id="BLOGGER_PHOTO_ID_5070874233488476946" border="0" /&gt;&lt;/a&gt;&lt;span style="font-family:arial;"&gt;The roof looks like you are viewing from above, even though the horizon line is lower. The problem is not the perspective, but the design. The roof is bubbled fairly high so when you see the "sun roof", it is visible from the sides, not just above.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The two vanishing point lines that define the roof area connect close the four corners of the bubble. The blue and yellow box SEEMS like it should be seen from above, but in fact, is being viewed from below. Had I taken the time to make the windows transparent, you would be able to see the top of the bubble from below.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Now there is a perspective flaw that I redrew MANY times and it still is not right. The turn signal/side lamps are correct on the left side (closest to viewer), but I has having a terrible time translating the compound curves to the othe rside. I know it is still wrong, and I think it is because we should only be able to see the forward edge of the larger light, as the rest would be wrapping downward and backward, therefore disappearing behind the body.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;Oh well. Next time.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;~Don&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/18250172-5361522344239961258?l=back2thedrawingboard.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://back2thedrawingboard.blogspot.com/feeds/5361522344239961258/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=18250172&amp;postID=5361522344239961258' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/5361522344239961258'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/5361522344239961258'/><link rel='alternate' type='text/html' href='http://back2thedrawingboard.blogspot.com/2007/05/ifcars-layers-and-nonerrors.html' title='IF:Cars - Layers and NonErrors'/><author><name>Don</name><uri>http://www.blogger.com/profile/05532101543506077259</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://www.frontiernet.net/~leefam/SelfPortrait-flat.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_oL-wT8kR_a8/Rl9dl6vDC1I/AAAAAAAAAJI/AHLqD1l4e74/s72-c/Cars-Sketch.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-18250172.post-5118083790236729000</id><published>2007-04-30T00:35:00.000-04:00</published><updated>2008-12-10T09:27:15.979-05:00</updated><title type='text'>IF:Remember - Vectors &amp; Focus</title><content type='html'>&lt;div style="text-align: center;"&gt;&lt;span style="font-family:arial;"&gt;Vector Outlines of the single  Forget-Me-Not flower:&lt;/span&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_oL-wT8kR_a8/RjVz04hQHLI/AAAAAAAAAHw/q1O_cnB0fug/s1600-h/Remember-Flower-Lines.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_oL-wT8kR_a8/RjVz04hQHLI/AAAAAAAAAHw/q1O_cnB0fug/s320/Remember-Flower-Lines.jpg" alt="" id="BLOGGER_PHOTO_ID_5059077108782865586" border="0" /&gt;&lt;/a&gt;&lt;span style="font-family:arial;"&gt;Outlines Filled in with a single gradient type to help show individual shapes:&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_oL-wT8kR_a8/RjVzwYhQHKI/AAAAAAAAAHo/YGbUa28NGho/s1600-h/Remember-Flower-Grey.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_oL-wT8kR_a8/RjVzwYhQHKI/AAAAAAAAAHo/YGbUa28NGho/s320/Remember-Flower-Grey.jpg" alt="" id="BLOGGER_PHOTO_ID_5059077031473454242" border="0" /&gt;&lt;/a&gt;&lt;span style="font-family:arial;"&gt;Outlines with the eventual coloring, but still without textures added to the fill attributes:&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_oL-wT8kR_a8/RjVzrIhQHJI/AAAAAAAAAHg/OEcWtTPUp0E/s1600-h/Remember-Flower-Color.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_oL-wT8kR_a8/RjVzrIhQHJI/AAAAAAAAAHg/OEcWtTPUp0E/s320/Remember-Flower-Color.jpg" alt="" id="BLOGGER_PHOTO_ID_5059076941279141010" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;div style="text-align: left;"&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;font-family:arial;" &gt;Field of focus - Just One Way to Do It&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style="text-align: left;"&gt;&lt;span style="font-family:arial;"&gt;The finished single flower was stretched and turned to create the second layer of the cluster that will be mostly out of focus. Some lighting effects were added to help create some depth via shadows.&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;For this sample, I have cut the overall cluster in half. Here is the cluster before blurring:&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_oL-wT8kR_a8/RjVzk4hQHII/AAAAAAAAAHY/kzK8jz3hgqc/s1600-h/Remember-Field-1.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_oL-wT8kR_a8/RjVzk4hQHII/AAAAAAAAAHY/kzK8jz3hgqc/s320/Remember-Field-1.jpg" alt="" id="BLOGGER_PHOTO_ID_5059076833904958594" border="0" /&gt;&lt;/a&gt;&lt;span style="font-family:arial;"&gt;The layer is duplicated and the original (the one now on the bottom) is given a Gaussian blur set to the deepest blur desired for the entire layer (IN-focus top layer is turned off here):&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_oL-wT8kR_a8/RjVzaYhQHHI/AAAAAAAAAHQ/lSebJTpMlVI/s1600-h/Remember-Field-2.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_oL-wT8kR_a8/RjVzaYhQHHI/AAAAAAAAAHQ/lSebJTpMlVI/s320/Remember-Field-2.jpg" alt="" id="BLOGGER_PHOTO_ID_5059076653516332146" border="0" /&gt;&lt;/a&gt;&lt;span style="font-family:arial;"&gt;A layer mask is added to (above) the copied layer (non-blurred, on top). Begin with a "hide all" mask and then paint white (transparent) around the edges of the cluster that should be the most IN-focus and then give it all a Gaussian blur -extreme enough to blend well,&lt;br /&gt;but not to go beyond the outer edges of the cluster.&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_oL-wT8kR_a8/RjVzWYhQHGI/AAAAAAAAAHI/o3P2yKX8ps4/s1600-h/Remember-Field-3.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_oL-wT8kR_a8/RjVzWYhQHGI/AAAAAAAAAHI/o3P2yKX8ps4/s320/Remember-Field-3.jpg" alt="" id="BLOGGER_PHOTO_ID_5059076584796855394" border="0" /&gt;&lt;/a&gt;&lt;span style="font-family:arial;"&gt;This is the resulting masked layer (IN-focus layer) with the blurred layer turned off:&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_oL-wT8kR_a8/RjVzRYhQHFI/AAAAAAAAAHA/pFPNYgasPm4/s1600-h/Remember-Field-4.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_oL-wT8kR_a8/RjVzRYhQHFI/AAAAAAAAAHA/pFPNYgasPm4/s320/Remember-Field-4.jpg" alt="" id="BLOGGER_PHOTO_ID_5059076498897509458" border="0" /&gt;&lt;/a&gt;&lt;span style="font-family:arial;"&gt;Show all the layers and there is a gradient from IN-focus to Out-of-focus:&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_oL-wT8kR_a8/RjVzMohQHEI/AAAAAAAAAG4/TYdAas7CoyE/s1600-h/Remember-Field-5.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_oL-wT8kR_a8/RjVzMohQHEI/AAAAAAAAAG4/TYdAas7CoyE/s320/Remember-Field-5.jpg" alt="" id="BLOGGER_PHOTO_ID_5059076417293130818" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;div style="text-align: left;"&gt;&lt;span style="font-family:arial;"&gt;There are probably several ways to do this, but this is one that worked fro me. All the steps should work equally well in Photoshop as they did in Paint Shop Pro here.&lt;/span&gt;&lt;span style="font-family:arial;"&gt;&lt;br /&gt;&lt;br /&gt;The final picture is &lt;a href="http://dlwithit.blogspot.com/2007/04/remember.html"&gt;&lt;span style="font-weight: bold; color: rgb(255, 102, 0);"&gt;HERE &lt;/span&gt;&lt;/a&gt;at "DL With IT" -My Illustration Friday Blog&lt;br /&gt;(in case you didn't link here from there in teh first place ;-)&lt;br /&gt;&lt;br /&gt;~Don&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/18250172-5118083790236729000?l=back2thedrawingboard.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://back2thedrawingboard.blogspot.com/feeds/5118083790236729000/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=18250172&amp;postID=5118083790236729000' title='3 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/5118083790236729000'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/5118083790236729000'/><link rel='alternate' type='text/html' href='http://back2thedrawingboard.blogspot.com/2007/04/ifremember-vectors-focus.html' title='IF:Remember - Vectors &amp; Focus'/><author><name>Don</name><uri>http://www.blogger.com/profile/05532101543506077259</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://www.frontiernet.net/~leefam/SelfPortrait-flat.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/_oL-wT8kR_a8/RjVz04hQHLI/AAAAAAAAAHw/q1O_cnB0fug/s72-c/Remember-Flower-Lines.jpg' height='72' width='72'/><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-18250172.post-3266722748928857061</id><published>2007-01-27T21:43:00.000-05:00</published><updated>2008-12-10T09:27:17.040-05:00</updated><title type='text'>IF:Red - Some Steps</title><content type='html'>&lt;span style="font-family: arial;"&gt;Posted on &lt;a href="http://www.dlwithit.blogspot.com"&gt;DL With It&lt;/a&gt; for &lt;a href="http://www.illustrationfriday.com"&gt;Illustration Friday&lt;/a&gt;, Topic: &lt;a href="http://dlwithit.blogspot.com/2007/01/illustration-friday-red.html"&gt;Red&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt; &lt;div style="text-align: center;"&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_oL-wT8kR_a8/RbwN0mph-QI/AAAAAAAAACM/sfFOE8RRWcs/s1600-h/red.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_oL-wT8kR_a8/RbwN0mph-QI/AAAAAAAAACM/sfFOE8RRWcs/s400/red.jpg" alt="" id="BLOGGER_PHOTO_ID_5024906481617729794" border="0" /&gt;&lt;/a&gt;&lt;span style="font-size:85%;"&gt;&lt;span style="font-family: arial; color: rgb(51, 102, 102);"&gt;Digital Oil - Paint Shop Pro X - Final Edit&lt;/span&gt;&lt;/span&gt;&lt;br /&gt; &lt;/div&gt; &lt;br /&gt; &lt;span style="font-family: arial;"&gt;The first edit was small, 600x600 pixels and based purely from memory of the two males that my wafe raised in the past year. I knew the female was red, but hadn't had live contact, so I wsn't sure of other details. This is the initial rough oil-sketch . . .&lt;/span&gt;&lt;br /&gt; &lt;span style="font-family: arial;"&gt; &lt;/span&gt;&lt;br /&gt; &lt;div style="text-align: center;"&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_oL-wT8kR_a8/RbwORmph-SI/AAAAAAAAACc/YQ-ErDydXsE/s1600-h/RedEclectus-RoughSketch.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_oL-wT8kR_a8/RbwORmph-SI/AAAAAAAAACc/YQ-ErDydXsE/s400/RedEclectus-RoughSketch.jpg" alt="" id="BLOGGER_PHOTO_ID_5024906979833936162" border="0" /&gt;&lt;/a&gt;&lt;span style="font-size:85%;"&gt;&lt;span style="font-family: arial; color: rgb(51, 102, 102);"&gt;Initial sketch - digital oil&lt;/span&gt;&lt;/span&gt;&lt;br /&gt; &lt;/div&gt; &lt;br /&gt;&lt;span style="font-family: arial;"&gt;After doing a quick Google image search, I had a few reference pics to tweek some details. The eye of the male looks almost solid black because a very dark iris, but the femail is yellow/bright orange. Also the beak was quite a bit off-looking.&lt;/span&gt;&lt;br /&gt; &lt;br /&gt; &lt;span style="font-family: arial;"&gt;At that point I enlarged the image to 3000x3000 and re-painted over it with more deliberate strokes. I've only finished two digital oils before this. One was more of a scribble-painting with quick, large blobs and strokes. The other was done with the photo-trace option (not just a filter) and was posted for IF back in &lt;/span&gt;&lt;a style="font-family: arial;" href="http://dlwithit.blogspot.com/2006/03/illustration-friday-insect.html"&gt;March '06&lt;/a&gt;&lt;span style="font-family: arial;"&gt; (additional link on that post a PSP oilpaint w/tracing). Typically I use standard raster layers for painting -relying heavily on the smudge tool.&lt;/span&gt;&lt;br /&gt; &lt;br /&gt; &lt;span style="font-family: arial;"&gt;Here is a full-resolution crop form the final version . . .&lt;/span&gt;&lt;br /&gt; &lt;br /&gt; &lt;div style="text-align: center;"&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_oL-wT8kR_a8/RbwN_Gph-RI/AAAAAAAAACU/c9YpbmnxHBI/s1600-h/reddetail.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_oL-wT8kR_a8/RbwN_Gph-RI/AAAAAAAAACU/c9YpbmnxHBI/s400/reddetail.jpg" alt="" id="BLOGGER_PHOTO_ID_5024906662006356242" border="0" /&gt;&lt;/a&gt;&lt;span style="font-size:85%;"&gt;&lt;span style="font-family: arial; color: rgb(51, 102, 102);"&gt;Full-res details&lt;/span&gt;&lt;/span&gt;&lt;br /&gt; &lt;/div&gt; &lt;br /&gt;&lt;span style="font-family: arial;"&gt;I would probably do more in this style if my computer was faster. 1.8Ghz is not as fast as it once was. *sigh. .... a tablet would be great, too.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/18250172-3266722748928857061?l=back2thedrawingboard.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://back2thedrawingboard.blogspot.com/feeds/3266722748928857061/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=18250172&amp;postID=3266722748928857061' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/3266722748928857061'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/3266722748928857061'/><link rel='alternate' type='text/html' href='http://back2thedrawingboard.blogspot.com/2007/01/ifred-some-steps.html' title='IF:Red - Some Steps'/><author><name>Don</name><uri>http://www.blogger.com/profile/05532101543506077259</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://www.frontiernet.net/~leefam/SelfPortrait-flat.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/_oL-wT8kR_a8/RbwN0mph-QI/AAAAAAAAACM/sfFOE8RRWcs/s72-c/red.jpg' height='72' width='72'/><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-18250172.post-116065484611166285</id><published>2006-10-12T07:26:00.000-04:00</published><updated>2006-10-13T10:21:09.646-04:00</updated><title type='text'>IF:Trouble - Scroll Window in Blogger</title><content type='html'>&lt;span style="font-family:arial;"&gt;This is from the &lt;a href="http://www.dlwithit.blogspot.com"&gt;DL With It&lt;/a&gt; post for &lt;a href="http://www.illustrationfriday.com"&gt;Illustration Friday&lt;/a&gt;'s topic "&lt;a href="http://dlwithit.blogspot.com/2006/10/illustration-friday-trouble.html"&gt;Trouble&lt;/a&gt;."&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div style="margin: auto; width: 400px; height: 450px; overflow: auto;"&gt;&lt;img src="http://www.dldesign.biz/trouble.jpg" /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;A couple people have asked about making the scroll for this illo, and I suspect that some may be curious who won't ask. So here is how I did it in this case... There are probably several ways to actually end up with this, but this is just the way I managed so that it would work with Blogger.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/trouble.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/320/trouble.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;This image is 1046 pixels wide (I didn't bother cropping/resizing to get to a nice, round number this time), and the column on my Blogger page is set to take 400px-wide images. If I had simply uploaded as usual, a small, 400px-wide version (reduced to about 40% the original size) would have been inserted.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;There may be a simple way to reference the full-sized image if upload within Blogger, but I just didn't want to mess with it. I'm sure someone out there is thinking (maybe even saying out loud), "Man, that is SO easy to do!" Well, maybe, but for now, it was just as, or easier, to upload to my own webspace and then call it in using the HTML edit in Blogger. That was then as simple as adding this to the post:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:courier new;"&gt;&amp;lt;div style="margin: auto; width: &lt;/span&gt;&lt;i style="font-family: courier new;"&gt;[Display Width]&lt;/i&gt;&lt;span style="font-family:courier new;"&gt;px; height: &lt;/span&gt;&lt;i style="font-family: courier new;"&gt;[Display height]&lt;/i&gt;&lt;span style="font-family:courier new;"&gt;px; overflow: auto"&gt;&amp;lt;img src="http://&lt;/span&gt;&lt;i style="font-family: courier new;"&gt;[Image Location]&lt;/i&gt;&lt;span style="font-family:courier new;"&gt;"&gt;&amp;lt;/div&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;b style="font-family: arial;"&gt;Display Width&lt;/b&gt;&lt;span style="font-family:arial;"&gt; is the width of the scroll window regardless of the image width. If this is set larger than your actual image width, there will be no scrolling. If it is set wider than your main column on Blogger, it [should] push all the sidebar content below the end of the main section.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;b style="font-family: arial;"&gt;Display Height&lt;/b&gt;&lt;span style="font-family:arial;"&gt; is how tall the scroll window will be. If the image is taller than the window, a scoll bar will be added to scroll vertically. In mine, I set the value to several pixels more than the image height to help guarantee that it will &lt;i&gt;not&lt;/i&gt; add a vertical scroller.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;b style="font-family: arial;"&gt;Image Location&lt;/b&gt;&lt;span style="font-family:arial;"&gt; is the url where the image is stored. This can reference just about anywhere you want.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;In this example, I have only verified that it will center the &lt;span style="font-family:courier new;"&gt;&amp;lt;div&gt;&lt;/span&gt; within the column in Firefox... I'm not sure if there is enough information for other browsers.&lt;br /&gt;&lt;br /&gt;~Don&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/18250172-116065484611166285?l=back2thedrawingboard.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://back2thedrawingboard.blogspot.com/feeds/116065484611166285/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=18250172&amp;postID=116065484611166285' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/116065484611166285'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/116065484611166285'/><link rel='alternate' type='text/html' href='http://back2thedrawingboard.blogspot.com/2006/10/iftrouble-scroll-window-in-blogger.html' title='IF:Trouble - Scroll Window in Blogger'/><author><name>Don</name><uri>http://www.blogger.com/profile/05532101543506077259</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://www.frontiernet.net/~leefam/SelfPortrait-flat.jpg'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-18250172.post-115967138487677169</id><published>2006-09-30T22:12:00.000-04:00</published><updated>2006-09-30T22:56:24.913-04:00</updated><title type='text'>IF:Quiet - Some General Info</title><content type='html'>&lt;span style="font-family: arial;"&gt;These are just a few notes about the creation of this illustration posted on &lt;/span&gt;&lt;a style="font-family: arial;" href="http://www.dlwithit.blogspot.com"&gt;DL With It&lt;/a&gt;&lt;span style="font-family: arial;"&gt;&lt;a href="http://www.dlwithit.blogspot.com"&gt; &lt;/a&gt;for &lt;/span&gt;&lt;a style="font-family: arial;" href="http://www.illustrationfriday.com"&gt;Illustration Friday&lt;/a&gt;&lt;span style="font-family: arial;"&gt; topic &lt;a href="http://dlwithit.blogspot.com/2006/09/illustration-friday-quiet.html"&gt;Quiet&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt; &lt;/span&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/Quiet-Outlines.gif"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/400/Quiet-Outlines.png" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;This first illustration is the picture with all the vector objects in black outline and no fill. Basically this is to show that everything in the illo is vector based. There are a lot of good ways to create near-photo quality images with vectors. Generally they are best on subtle gradients, but with some extra patience, you can recreate just about anything.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;At the time of this writing I am taking some classes at Jackson Community College using the Adobe Creative Suit. I have a seperate class in each of Photoshop, Illustrator, and In-Design. I'm not sure if I'll be ditching Paint Shop Pro completely when I finally get the Adobe package here at home, but I am definately looking froward to using illustrator and the vectors.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Perhaps even more than that, I'd love to do digital painting with a drawing tablet, vector or bitmap. Maybe such things will be showing up soon on my IF blog.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt; &lt;/span&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/Quiet-Reflection.0.jpg"&gt;&lt;img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/400/Quiet-Reflection.0.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;span style="font-family: arial;"&gt;This second clip is to show that this time I put a little more effort into the reflection than usual. Usually, to save time, I just do the copy-flip-squish-a-bit technique. &lt;/span&gt;&lt;span style="font-style: italic; font-family: arial;"&gt;(The red outline is how that would look.)&lt;/span&gt; This time I went ahead and did some stretching on the wings and a little on teh feet and neck to make it a bit more like a natural reflection.&lt;br /&gt; &lt;br /&gt; &lt;span style="font-family: arial;"&gt;The image in the reflection is not being viewed from the same angle as when you look straight at the object. In this case, the reflection should look like you are viewing the upside-down heron from further below the bird... in essence, it should look like you are viewing it at an angle from under the water.&lt;/span&gt;&lt;br /&gt; &lt;br /&gt; &lt;span style="font-family: arial;"&gt;If a box was suspended several feet away, but directly in front of you, you would only see the face of it. The top and bottom would not be visible from that angle. But if you look at it reflected in a mirror on the floor, you would see both the face and the bottom of the box as your point of view bounces off the floor.&lt;/span&gt;&lt;br /&gt; &lt;br /&gt; &lt;span style="font-family: arial;"&gt;It may sound like a bit of nit-picking, but it &lt;/span&gt;&lt;span style="font-style: italic; font-family: arial;"&gt;can&lt;/span&gt;&lt;span style="font-family: arial;"&gt; make a big difference in some compositions.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt; &lt;/span&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/Quiet-Compositions.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/400/Quiet-Compositions.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;And speaking of composition... this was a tough one to decide. My original layered image incuded more sky and a tree in the foreground.&lt;/span&gt;&lt;br /&gt; &lt;br /&gt; &lt;span style="font-family: arial;"&gt;The upper-left image is the original composition. I like it, but on one of my zooms around the screen I ended up with the only the section you see in the upper-right clip.&lt;/span&gt;&lt;br /&gt; &lt;br /&gt; &lt;span style="font-family: arial;"&gt;I liked this as well since it seemed a bit less distracting and moved the horizon off dead-center.&lt;/span&gt;&lt;br /&gt; &lt;br /&gt; &lt;span style="font-family: arial;"&gt;Then I decided I wanted the top to fade off so the illustration has no defined upper border. So I tried that approach with the full composition and the cropped comp. The lower-right is the one that I eventually settled on for the IF post.&lt;/span&gt;&lt;br /&gt; &lt;br /&gt; &lt;span style="font-family: arial;"&gt;Anyone still awake?? :-)&lt;/span&gt;&lt;br /&gt; &lt;br /&gt; &lt;span style="font-family: arial;"&gt;Hope that gives someone out there an idea or two that you can use. Thanks for stopping by!&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/18250172-115967138487677169?l=back2thedrawingboard.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://back2thedrawingboard.blogspot.com/feeds/115967138487677169/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=18250172&amp;postID=115967138487677169' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/115967138487677169'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/115967138487677169'/><link rel='alternate' type='text/html' href='http://back2thedrawingboard.blogspot.com/2006/09/ifquiet-some-general-info.html' title='IF:Quiet - Some General Info'/><author><name>Don</name><uri>http://www.blogger.com/profile/05532101543506077259</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://www.frontiernet.net/~leefam/SelfPortrait-flat.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-18250172.post-115673961521200144</id><published>2006-08-28T00:08:00.000-04:00</published><updated>2006-08-28T01:03:55.486-04:00</updated><title type='text'>IF: Run - Creation Steps</title><content type='html'>This is a step by step creation tutorial for Illustration Friday's &lt;a href="http://dlwithit.blogspot.com/2006/08/illustration-friday-run.html"&gt;RUN entry&lt;/a&gt; on &lt;a href="http://dlwithit.blogspot.com/"&gt;DL With It&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/Run-C64FontOnly.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/400/Run-C64FontOnly.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;span style="font-family:arial;"&gt;The first step was to find the Commodore Font, which I did&lt;/span&gt;&lt;a style="font-family: arial;" href="http://simplythebest.net/fonts/fonts/commodore_64.html"&gt; here&lt;/a&gt;&lt;span style="font-family:arial;"&gt;. Then after some entering and deleting and re-entering, etc., the above BASIC code was written with PSP's Text tool.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The # sign at the top and bottom are place-holders so I could get the screen dimensions correct. As I recall, the C64 screen was 40x25 characters.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/Run-Blues.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/400/Run-Blues.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;span style="font-family:arial;"&gt;Next came the clasic dark/tl blues. But it still looks too clean. Most of us 'regular people' couldn't afford an actual color monitor, so we had to use the family color TV. That means scan lines and blurry images.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/Run-Halftone.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/400/Run-Halftone.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;span style="font-family:arial;"&gt;The first step in creating 'the look' is to add the scan lines. This is done with the halftone tool and the settings you see above.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/Run-BrightContrast.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/400/Run-BrightContrast.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;span style="font-family:arial;"&gt;It was a bit hard to see, and I planned on blurring it a bit, so it needed a little bright/contrast boost so the next operation wouldn't fade it out.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/Run-MotionBlur.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/400/Run-MotionBlur.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;span style="font-family:arial;"&gt;A horizontal motion blur does the job.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/Run-LensDistort.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/400/Run-LensDistort.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;span style="font-family:arial;"&gt;We had no concept of "flat-screen" in the 80's. So, a little distortion is called for.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/Run-Sunburst.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/400/Run-Sunburst.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;span style="font-family:arial;"&gt;And finally, with any curved glass surface, if there is a light anywhere in the room it will be on your screen somewhere. And there you have it.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;I wonder if that 128D in the closet is still working......&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/18250172-115673961521200144?l=back2thedrawingboard.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://back2thedrawingboard.blogspot.com/feeds/115673961521200144/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=18250172&amp;postID=115673961521200144' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/115673961521200144'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/115673961521200144'/><link rel='alternate' type='text/html' href='http://back2thedrawingboard.blogspot.com/2006/08/if-run-creation-steps.html' title='IF: Run - Creation Steps'/><author><name>Don</name><uri>http://www.blogger.com/profile/05532101543506077259</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://www.frontiernet.net/~leefam/SelfPortrait-flat.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-18250172.post-115126706868042232</id><published>2006-06-25T15:06:00.000-04:00</published><updated>2006-06-25T16:35:48.300-04:00</updated><title type='text'>IF-Rain</title><content type='html'>&lt;span style="font-family:arial;"&gt;&lt;a href="http://www.illustrationfriday.com/"&gt;Illustration Friday&lt;/a&gt; - Topic: &lt;a href="http://dlwithit.blogspot.com/2006/06/illustration-friday-rain.html"&gt;RAIN&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;This is the 1st animated illo I've done for IF. I know it is aimed mainly at static images, but this was an inspired scene and I just had to do it. Don't look for too many more animated entries in the future... though I may do one from time to time. Really, I generally do not have the patience for it. /:-P&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;I noticed that on my second screen (a CRT), it looks a bit too dark. I hope this is not the case on too many other people's screen. It was designed on my main screen, an LCD. I tend to forget just how different the various screens can be.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;So anyway, here are some of the basic steps I used...&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;I started with the clouds. I knew I wanted several layers of clouds to illuminate at different times, so I started with the closest cloud layer. I simply splotched some black down, dabbed in some light yellow and white and then used the SMUDGE brush to create the cloud look.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;For the second cloud layer, I duplicated the 1st layer, mirrored it and then did a little more smudging. Same for the 3rd layer. Then the 2nd layer was squished vertically a little for perspective and the 3rd layer squished even more.&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/Rain-Clouds.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/320/Rain-Clouds.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;This is the result of the three layers laid out in the frame with a little overlapping...&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/Rain-Clouds-Full.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/320/Rain-Clouds-Full.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;To create the different lighting effects, it was just a matter of turning the three cloud layers on or off or adjusting the transparency.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/Rain-Clouds-Trans.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/320/Rain-Clouds-Trans.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;To complete the effect, a solid black background is added.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/Rain-Clouds-Black.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/320/Rain-Clouds-Black.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;All the trees are copies of this one vector tree, just stretched, squished / rotated slightly.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/Rain-Tree.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/320/Rain-Tree.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;span style="font-family:arial;"&gt;Even the horizon row is the same tree turned on its side, squished, and repeated four times.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/Rain-TreeLayers.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/320/Rain-TreeLayers.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;The entire animation consists of just five frame designs, or cells. For each cell the original composition is copied and then clouds turned on/off/transparent and the trees re-colored as needed.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/Rain-Frames.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/320/Rain-Frames.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;"&gt;These are frames 9-20 of 23 total as shown in Jasc (now Corel)&lt;span style="font-weight: bold; color: rgb(153, 102, 51);"&gt; &lt;a href="http://www.corel.com/servlet/Satellite?pagename=Corel3/Products/Display&amp;pid=1047024390003"&gt;Animation Shop 3&lt;/a&gt;&lt;/span&gt;. The five frames above are copied in various sequences, then the duration of each frame is set to try to make it look a bit randomish. The numbers below each frame are F:# (frame number) and D:# (duration in 1/100 seconds).&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/Rain-AnimStrip.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/320/Rain-AnimStrip.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/18250172-115126706868042232?l=back2thedrawingboard.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://back2thedrawingboard.blogspot.com/feeds/115126706868042232/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=18250172&amp;postID=115126706868042232' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/115126706868042232'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/115126706868042232'/><link rel='alternate' type='text/html' href='http://back2thedrawingboard.blogspot.com/2006/06/if-rain.html' title='IF-Rain'/><author><name>Don</name><uri>http://www.blogger.com/profile/05532101543506077259</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://www.frontiernet.net/~leefam/SelfPortrait-flat.jpg'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-18250172.post-115090415209430806</id><published>2006-06-21T08:45:00.000-04:00</published><updated>2006-06-21T11:35:52.150-04:00</updated><title type='text'></title><content type='html'>&lt;span style="font-family: arial;"&gt;Original post:&lt;a href="http://dlwithit.blogspot.com/2006/06/illustration-friday-dance.html"&gt; IF-Dance&lt;/a&gt;&lt;/span&gt;&lt;br /&gt; &lt;br /&gt; &lt;span style="font-family: arial;"&gt;This is a step-by-step on how the background was made in &lt;span style="font-weight: bold; font-style: italic;"&gt;Paint Shop Pro X&lt;/span&gt;. I believe that all these steps can be don ein &lt;span style="font-weight: bold; font-style: italic;"&gt;PSP9&lt;/span&gt; and probably &lt;span style="font-weight: bold; font-style: italic;"&gt;8&lt;/span&gt;, but I'm not sure if &lt;span style="font-weight: bold; font-style: italic;"&gt;7&lt;/span&gt; or under will work. If using an older version, some menu locations may be different, but I'm pretty sure the tool is there somewhere. I imagine there are similar techniques in &lt;span style="font-weight: bold; font-style: italic;"&gt;Photoshop&lt;/span&gt;, but I don't know them. This may be helpful to some of you who are casual PSP users.&lt;/span&gt;&lt;br /&gt; &lt;br /&gt; &lt;span style="font-family: arial;"&gt;I started with a 60x60 pixel image and used the&lt;span style="color: rgb(204, 153, 51); font-weight: bold;"&gt; [Add Noise...]&lt;/span&gt; option from the&lt;span style="font-weight: bold; color: rgb(204, 153, 51);"&gt; [Adjust] -&gt; [Add/Remove Noise] &lt;/span&gt;menu. I used 100% and "Gaussian", though I'm not sure if the type of noise matters so much.&lt;/span&gt;&lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/DanceBKG-NewImage.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/400/DanceBKG-NewImage.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Next resize the image and make sure that "Smart Size" is selected. This will make sure it does not just resize the pixels, but will try to smooth it out in the larger size. I resized to 1200x1200 pixels.&lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/DanceBKG-Resize1200.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/400/DanceBKG-Resize1200.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Select &lt;span style="font-weight: bold; color: rgb(204, 153, 51);"&gt;[Adjust] -&gt; [Brightness and Contrast] -&gt; [Brightness/Contrast...]&lt;/span&gt; and use settings similar to these:&lt;/span&gt;&lt;br /&gt; &lt;span style="font-family: arial;"&gt;     &lt;span style="font-weight: bold; color: rgb(204, 153, 51);"&gt;Brightness:   -125&lt;/span&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style="font-family: arial; font-weight: bold; color: rgb(204, 153, 51);"&gt;     Contrast:   100&lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/DanceBKG-Contrast.gif"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/400/DanceBKG-Contrast.gif" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Select &lt;span style="font-weight: bold; color: rgb(204, 153, 51);"&gt;[Effects] -&gt; [Art Media Effects] -&gt; [Brush Strokes...]&lt;/span&gt; with the following settings:&lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/DanceBKG-BrushSettings.gif"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/400/DanceBKG-BrushSettings.gif" alt="" border="0" /&gt;&lt;/a&gt;&lt;span style="font-family: arial;"&gt;Repeat the step by selecting&lt;span style="font-weight: bold; color: rgb(204, 153, 51);"&gt; [Brush Strokes...]&lt;/span&gt; and hitting &lt;span style="font-weight: bold; color: rgb(204, 153, 51);"&gt;[OK]&lt;/span&gt; without any changes from the first time.&lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/DanceBKG-BrushStrokes.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/400/DanceBKG-BrushStrokes.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Select [Adjust] -&gt; &lt;span style="font-weight: bold; color: rgb(204, 153, 51);"&gt;[Hue and Saturation] -&gt; [Colorize...]&lt;/span&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style="font-family: arial; font-weight: bold; color: rgb(204, 153, 51);"&gt;     Hue:   150&lt;/span&gt;&lt;br /&gt; &lt;span style="font-family: arial; font-weight: bold; color: rgb(204, 153, 51);"&gt;     Saturation:   55&lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/DanceBKG-Colorize.0.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/400/DanceBKG-Colorize.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Then to soften it, use &lt;span style="font-weight: bold; color: rgb(204, 153, 51);"&gt;[Adjust] -&gt; [Blur] -&gt; [Gaussian Blur...]&lt;/span&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style="font-family: arial; font-weight: bold; color: rgb(204, 153, 51);"&gt;     Radius: 4.00&lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/DanceBKG-Gaussian.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/320/DanceBKG-Gaussian.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;This is the whole 1200px-square block, shrunk down to fit here.&lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/DanceBKG-Scale.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/320/DanceBKG-Scale.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;Now comes the lighting effect. Select&lt;span style="font-weight: bold; color: rgb(204, 153, 51);"&gt; [Effects] -&gt; [Illumination Effects] -&gt; [LIghts...]&lt;/span&gt; and use these settings. (This will all be in one window, but I've broken it up to show each light being used.)&lt;/span&gt;&lt;br /&gt; &lt;br /&gt; &lt;span style="font-family: arial;"&gt;(Click to enlarge if you can't see the numbers.)&lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/DanceBKG-LightSettings.gif"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/320/DanceBKG-LightSettings.png" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family: arial;"&gt;This is the final effect, produced totally in PSP-X, no source graphic.&lt;/span&gt;&lt;br /&gt; &lt;br /&gt;&lt;a style="font-family: arial;" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/DanceBKG-Lights.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/320/DanceBKG-Lights.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt; &lt;div style="text-align: center; font-family: arial;"&gt;&lt;span style="font-style: italic;font-size:180%;" &gt;Thanks for stopping by!&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/18250172-115090415209430806?l=back2thedrawingboard.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://back2thedrawingboard.blogspot.com/feeds/115090415209430806/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=18250172&amp;postID=115090415209430806' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/115090415209430806'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/115090415209430806'/><link rel='alternate' type='text/html' href='http://back2thedrawingboard.blogspot.com/2006/06/original-post-if-dance-this-is-step-by.html' title=''/><author><name>Don</name><uri>http://www.blogger.com/profile/05532101543506077259</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://www.frontiernet.net/~leefam/SelfPortrait-flat.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-18250172.post-114152330046546544</id><published>2006-03-04T20:24:00.000-05:00</published><updated>2006-03-08T20:25:11.520-05:00</updated><title type='text'>IF-Insect-PSP Digital Oil</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/IF-InsectPhoto.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/200/IF-InsectPhoto.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;p&gt;I haven't worked much with PaiNt Shop Pro's newer Art Media because my computer is a bit slow, but I decided to go at it for this week's illo. I started with this photo and blew it up a bit to bring out some details.&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/IF-InsectBW.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: right; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/200/IF-InsectBW.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;On a new duplicate layer, I adjusted the contrast, smoothed out the image, made it B&amp;W, did an outline operation, then created a mask to make the white parts transparent. The purpose of this layer is to keep track of the image as I paint. I keep this layer on top while painting on the next layer down.&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/IF-InsectPaint.0.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/200/IF-InsectPaint.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;To help keep things less confusing, I turned the outline layer and the photo layer down to about 40-45% transparent. PSP Art Media has a "trace" option that will set the brush color to the pixel color of that location, one layer down. Since the brush is anywhere from 10-90 pixels wide, and each pixel of the photo is slightly different from teh one next to it, there is no way to get an exact duplicate of the photo and you end up with very interesting color selections.&lt;br /&gt;&lt;/p&gt; &lt;p&gt;The advantage of hand painting with the trace option as opposed to simply running the photo through some artistic filters, is that you have control over the direction of every brush stroke.&lt;br /&gt;&lt;/p&gt; &lt;p&gt;So is this painting or tracing? Well, I think it's both. It may not be as difficult as blank canvas painting, but it is still very time consuming to come up with a good digital painting. I don't think it is better or worse, just a different medium.&lt;br /&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/18250172-114152330046546544?l=back2thedrawingboard.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://back2thedrawingboard.blogspot.com/feeds/114152330046546544/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=18250172&amp;postID=114152330046546544' title='7 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/114152330046546544'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/114152330046546544'/><link rel='alternate' type='text/html' href='http://back2thedrawingboard.blogspot.com/2006/03/if-insect-psp-digital-oil.html' title='IF-Insect-PSP Digital Oil'/><author><name>Don</name><uri>http://www.blogger.com/profile/05532101543506077259</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://www.frontiernet.net/~leefam/SelfPortrait-flat.jpg'/></author><thr:total>7</thr:total></entry><entry><id>tag:blogger.com,1999:blog-18250172.post-113918038697618871</id><published>2006-02-05T17:18:00.000-05:00</published><updated>2006-02-05T18:05:09.280-05:00</updated><title type='text'>IF:Chair - Techniques</title><content type='html'>&lt;span style="font-family:arial;"&gt;This is from Illustration Friday's topic, &lt;a href="http://dlwithit.blogspot.com/2006/02/illustration-friday-chair.html"&gt;Chair&lt;/a&gt;. Here's a few of the techniques used. I am constantly experimenting so this will be a good reminder to myself the next time I need to do something like this.&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;a href="http://photos1.blogger.com/blogger/5059/507/1600/Chair-exploded.jpg"&gt;&lt;span style="font-family:arial;"&gt;&lt;img style="FLOAT: left; MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="http://photos1.blogger.com/blogger/5059/507/320/Chair-exploded.jpg" border="0" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:arial;"&gt;This started with the chair itself on a tan gradient background. The first thing I did was to draw a slightly rounded rectangle, then pull the point to form the basic shape of the chair. It started with the grey gradients you see in the end. I used the same gradients to add small objects for the wrinkles. I thought I was going to have to meticulously alter each gradient to make it look right, but to my surprise I only had to adjust a few of them; most were fine in the original position.&lt;br /&gt;&lt;br /&gt;This is an exploded view of the individual objects that make up the chair. I also added border to make the shapes stand out a bit more.&lt;br /&gt;&lt;br /&gt;The certificate on the wall is the only non-vector part of the image. This was just a quick template from MS Publisher.&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;a href="http://photos1.blogger.com/blogger/5059/507/1600/Chair-bookcase.jpg"&gt;&lt;span style="font-family:arial;"&gt;&lt;img style="FLOAT: left; MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="http://photos1.blogger.com/blogger/5059/507/320/Chair-bookcase.jpg" border="0" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:arial;"&gt;&lt;br /&gt;The bookshelf was actually done with the chair there, so there are some inconsistencies that don't matter, since they were hidden the whole time. I started with one book, colored grey/green. To maintain the subtle colors, I simply changed the hue setting, barely tweaking the saturation and brightness on a few of them. I didn't want the bookshelf to stand out. It needs to just add to the atmosphere, but not be a subject in an of itself.&lt;br /&gt;&lt;br /&gt;I let the trophy stand out just a bit to add some statement. This and the wall hanging represent accomplishments that kept the dad away from home. Although the words to "My Father's Chair" are directed more to a dysfuctional father, the idea certainly fits to a child who feels like they barely have a dad because he's so community involved. One is more honorable than the other, but they both leave an empty chair.&lt;br /&gt;&lt;br /&gt;For the shaft of light coming in form the left, I made a 75% transparent triangle, converted it to a raster layer and did a Gaussian blur. Simple, but it worked. It goes quite a way toward adding a soft, dusty atmosphere.&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;a href="http://photos1.blogger.com/blogger/5059/507/1600/Chair-compare.jpg"&gt;&lt;span style="font-family:arial;"&gt;&lt;img style="FLOAT: left; MARGIN: 0px 10px 10px 0px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://photos1.blogger.com/blogger/5059/507/320/Chair-compare.jpg" border="0" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:arial;"&gt;The process that I feel made this "work" the most was the final soft-focus effect. I first tried the "soft glow" preset, but that was too ghostly and looked more like a fantasy. The "soft detail" preset worked good. It gave a more nostalgic look than dreamy.&lt;br /&gt;&lt;br /&gt;When I first started the chair outline, I was planning to set it on the left facing toward the right. I had envisioned the light cast through an unseen window, and realized that that would end up being almost the same positioning as my "&lt;a href="http://dlwithit.blogspot.com/2005/11/illustration-friday-night_04.html"&gt;Night&lt;/a&gt;" illo... so I reversed it.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/18250172-113918038697618871?l=back2thedrawingboard.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://back2thedrawingboard.blogspot.com/feeds/113918038697618871/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=18250172&amp;postID=113918038697618871' title='3 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/113918038697618871'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/113918038697618871'/><link rel='alternate' type='text/html' href='http://back2thedrawingboard.blogspot.com/2006/02/ifchair-techniques.html' title='IF:Chair - Techniques'/><author><name>Don</name><uri>http://www.blogger.com/profile/05532101543506077259</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://www.frontiernet.net/~leefam/SelfPortrait-flat.jpg'/></author><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-18250172.post-113430205745171362</id><published>2005-12-11T06:08:00.000-05:00</published><updated>2005-12-11T07:05:39.490-05:00</updated><title type='text'>IF:Blue#3 Disclaimer</title><content type='html'>&lt;a href="http://photos1.blogger.com/blogger/5059/507/1600/blue3-heromachinecapture2.jpg"&gt;&lt;img style="FLOAT: left; MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="http://photos1.blogger.com/blogger/5059/507/200/blue3-heromachinecapture2.jpg" border="0" /&gt;&lt;/a&gt; &lt;p&gt;&lt;span style="font-family:arial;"&gt;I was talking to my brother and he said a few things that made me think about some possible clarifications for this illo. Mainly, I want to make sure that I am not taking credit for the parts that I did not actually "draw" myself, but only had a hand in the "creation."&lt;/span&gt;&lt;/p&gt;&lt;span style="font-family:arial;"&gt;&lt;/span&gt;&lt;p&gt;&lt;span style="font-family:arial;"&gt;If you look through many of my other posts, you will see a definite difference in style with this one. I don't think I could draw these characters as they appear... they would likely turn out much more cartoony than "comic book." The characters, themselves were created using UGO's &lt;a href="http://www.ugo.com/channels/comics/heroMachine2/"&gt;Hero Machine 2&lt;/a&gt;. It still takes a bit of creativity to come up with the right hero/villain design, but the artists and software developers of the Hero Machine program actually did the rendering.&lt;/span&gt;&lt;/p&gt;&lt;a href="http://photos1.blogger.com/blogger/5059/507/1600/blue3-heromachinecapture.jpg"&gt;&lt;span style="font-family:arial;"&gt;&lt;img style="FLOAT: right; MARGIN: 0px 0px 10px 10px; CURSOR: hand" alt="" src="http://photos1.blogger.com/blogger/5059/507/320/blue3-heromachinecapture.jpg" border="0" /&gt;&lt;/span&gt;&lt;/a&gt; &lt;p&gt;&lt;span style="font-family:arial;"&gt;It was all in jest... In fact, even if it were possible to suck the color out of things, I mentioned steeling the blue LIGHT WAVES, but then referenced green and purple which are secondaries only in pigment. In light spectrum, removing blue takes with it magenta and cyan; green is a primary of light. Anyone who works with computer graphics already know that. But like I wrote before, it is all in silly fun.&lt;/span&gt;&lt;/p&gt;&lt;a href="http://photos1.blogger.com/blogger/5059/507/1600/blue3-bluebaron.0.jpg"&gt;&lt;img style="FLOAT: left; MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="http://photos1.blogger.com/blogger/5059/507/200/blue3-bluebaron.jpg" border="0" /&gt;&lt;/a&gt; &lt;p&gt;&lt;span style="font-family:arial;"&gt;The cityscape is a low-res pic from a clipart collection I got many years ago. It was legal to use. I ran that through some filters in Paint Shop Pro to try to get what it would look like without blue. The hardest part was intentionally trying to work with the RED-YEL-BLU primaries, not RED-GRN-BLU primaries. To do the latter would have been much easier since that is what PSP "likes" to do in the first place. As it is, I am not satisfied that it turned out like I imagined it. But, alas, I am in danger of taking this too seriously myself!&lt;/span&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/18250172-113430205745171362?l=back2thedrawingboard.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://back2thedrawingboard.blogspot.com/feeds/113430205745171362/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=18250172&amp;postID=113430205745171362' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/113430205745171362'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/113430205745171362'/><link rel='alternate' type='text/html' href='http://back2thedrawingboard.blogspot.com/2005/12/ifblue3-disclaimer.html' title='IF:Blue#3 Disclaimer'/><author><name>Don</name><uri>http://www.blogger.com/profile/05532101543506077259</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://www.frontiernet.net/~leefam/SelfPortrait-flat.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-18250172.post-113123961774290131</id><published>2005-11-05T19:48:00.000-05:00</published><updated>2005-11-05T22:10:24.270-05:00</updated><title type='text'>IF:Night - Building blocks</title><content type='html'>&lt;p&gt;&lt;span style="font-family:arial;"&gt;Initially this Illo was created with vectors in PSP-X. I started a pencil sketch, but only got as far as the window and light on teh floor before switching over to digital. The original concept had the edge of a chess board in the light part. I left this out for two reasons...&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family:arial;"&gt;(1) Save some effort :-)&lt;br /&gt;&lt;br /&gt;(2) It was not needed. The knight is recognizable without the board... would probably have become a distraction from the simplicity of the image.&lt;/span&gt;&lt;/p&gt;&lt;a href="http://photos1.blogger.com/blogger/5059/507/1600/night-vectors.jpg"&gt;&lt;img style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://photos1.blogger.com/blogger/5059/507/320/night-vectors.jpg" border="0" /&gt;&lt;/a&gt; &lt;p&gt;&lt;em&gt;Technical error:&lt;/em&gt;&lt;span style="font-family:arial;"&gt; I noticed well after posting this pic that the shadow of the knight does not match the angle that the light is coming in the window. It should have been much shorter. The illuminated area is shorter than the window, indicating that the moon (light source) is higher than 45 degrees. But the shadow is quite a bit taller than the knight, which would indicate that the moon is much less than 45 degrees high.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style="font-family:arial;"&gt;Even with all the gradients and shading in place, this still does not work until the background is set to black. I left it white through almost the entire edit to make it easier to see what I was doing.&lt;/span&gt;&lt;br /&gt;&lt;a href="http://photos1.blogger.com/blogger/5059/507/1600/night-white.jpg"&gt;&lt;img style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://photos1.blogger.com/blogger/5059/507/320/night-white.jpg" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span style="font-family:arial;"&gt;Want a challenge? Try to make random star patterns. When a person tries to place things randomly around an area, the natural tendancy is to end up with an ordered look to it. In our attempts to "be random", we end up placing items at near equal intervals from each other, though not always linear. True randomness will produce clusters and empty areas. But it is SO hard to leave those spaces open or place things so close together!!&lt;/span&gt;&lt;/p&gt;&lt;a href="http://photos1.blogger.com/blogger/5059/507/1600/night-stars.jpg"&gt;&lt;img style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://photos1.blogger.com/blogger/5059/507/320/night-stars.jpg" border="0" /&gt;&lt;/a&gt; &lt;p&gt;&lt;span style="font-family:arial;"&gt;All the element together...&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style="font-family:arial;"&gt;I had originally planned to relocate the major elements before merging layers, but it was one of those times that the way it started was the way it needed to end. :-)&lt;/span&gt;&lt;/p&gt;&lt;a href="http://photos1.blogger.com/blogger/5059/507/1600/night.0.jpg"&gt;&lt;img style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://photos1.blogger.com/blogger/5059/507/320/night.jpg" border="0" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/18250172-113123961774290131?l=back2thedrawingboard.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://back2thedrawingboard.blogspot.com/feeds/113123961774290131/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=18250172&amp;postID=113123961774290131' title='9 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/113123961774290131'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/113123961774290131'/><link rel='alternate' type='text/html' href='http://back2thedrawingboard.blogspot.com/2005/11/ifnight-building-blocks.html' title='IF:Night - Building blocks'/><author><name>Don</name><uri>http://www.blogger.com/profile/05532101543506077259</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://www.frontiernet.net/~leefam/SelfPortrait-flat.jpg'/></author><thr:total>9</thr:total></entry><entry><id>tag:blogger.com,1999:blog-18250172.post-113042071300771578</id><published>2005-10-27T09:39:00.000-04:00</published><updated>2005-10-27T10:49:01.956-04:00</updated><title type='text'>IF:Remote - Spotlight</title><content type='html'>&lt;a style="font-family: arial; color: rgb(102, 102, 102);" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/remote2.jpg"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/200/remote.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="color: rgb(102, 102, 102);font-family:arial;" &gt;I've had a couple comments on the spotlight so I thought I'd share how that was done. There may be other ways, even better ways, but this worked and used a couple less-frequently-used tools in PSP.&lt;br /&gt;&lt;br /&gt;First of all, the remote control figure was created using vector objects. To achieve the 3-d beveling I wanted I had to go though several steps. Perhaps I'll share that at another point. I didn't save the steps, but it could be recreated if anyone is interested.&lt;br /&gt;&lt;br /&gt;After I had the figure satisfactory, it needed to be put into a scene. To emphasize the "remote" placement, I wanted him standing in a spotlight away from any other objects/scenery/whatever.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:180%;"&gt;Shadow... &lt;/span&gt;&lt;br /&gt;&lt;br /&gt;start with the object converted to a single raster layer with transparent background.&lt;br /&gt;&lt;/span&gt; &lt;div style="text-align: center;"&gt;&lt;a style="font-family: arial; color: rgb(102, 102, 102);" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/remote-figure1.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/400/remote-figure1.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;span style="color: rgb(102, 102, 102); font-style: italic;font-family:arial;" &gt;These are &lt;span style="font-weight: bold; color: rgb(51, 153, 153);"&gt;Paint Shop Pro X&lt;/span&gt; screen clips, but I believe that this should work back to at least PSP-8, maybe earlier versions as well... the GUI will look different is all.&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style="color: rgb(102, 102, 102);font-family:arial;" &gt;&lt;span style="font-weight: bold;"&gt;LOCK&lt;/span&gt; the layer transparency. This way you can only paint on the opaque parts of the image.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial; color: rgb(102, 102, 102);" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/remote-lock1.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/400/remote-lock1.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;span style="color: rgb(102, 102, 102);font-family:arial;" &gt;Then paint over the image with solid black with the normal brush (set the SIZE to a large value and HARDNESS to 100% to make it go quicker). When that is done, &lt;span style="font-weight: bold;"&gt;UNLOCK&lt;/span&gt; the transparency.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial; color: rgb(102, 102, 102);" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5059/507/1600/remote-figure-shadow2.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5059/507/400/remote-figure-shadow2.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="color: rgb(102, 102, 102);font-family:arial;" &gt;Use the &lt;span style="font-weight: bold;"&gt;LAYER DEFORM&lt;/span&gt; tool to shorten and skew the image. Hold the &lt;span style="font-weight: bold;"&gt;[SHIFT]&lt;/span&gt; key while dragging the top-center handle point to skew the image. Use &lt;span style="font-weight: bold;"&gt;[CTR]&lt;/span&gt; to stretch a corner point without move the other three corner points.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial; color: rgb(102, 102, 102);" href="http://photos1.blogger.com/blogger/5059/507/1600/remote-figure-shadow-skew1.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center;" alt="" src="http://photos1.blogger.com/blogger/5059/507/400/remote-figure-shadow-skew1.jpg" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="color: rgb(102, 102, 102);font-family:arial;" &gt;&lt;span style="font-size:180%;"&gt;Floor Highlight... &lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Use a black-to-white gradient with similar settings to this:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;a style="font-family: arial; color: rgb(102, 102, 102);" href="http://photos1.blogger.com/blogger/5059/507/1600/remote-gradient-gui1.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center;" alt="" src="http://photos1.blogger.com/blogger/5059/507/400/remote-gradient-gui1.jpg" border="0" /&gt;&lt;/a&gt;&lt;span style="color: rgb(102, 102, 102); font-style: italic;font-family:arial;font-size:85%;"  &gt;(the pink block reads "100", but I lost the text when setting up the screen capture.)&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style="color: rgb(102, 102, 102);font-family:arial;" &gt;Set the gradient type to circular and then create a vector CIRCLE (not elliptical). If it is not an actual circle, the gradient will not center properly. Convert the &lt;span style="font-weight: bold;"&gt;VECTOR&lt;/span&gt; layer to a &lt;span style="font-weight: bold;"&gt;RASTER&lt;/span&gt; layer and use the deform tool to flatten it:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;a style="font-family: arial; color: rgb(102, 102, 102);" href="http://photos1.blogger.com/blogger/5059/507/1600/remote-spotlight.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center;" alt="" src="http://photos1.blogger.com/blogger/5059/507/400/remote-spotlight.jpg" border="0" /&gt;&lt;/a&gt;&lt;span style="font-style: italic; color: rgb(102, 102, 102);font-size:85%;" &gt;&lt;span style="font-family:arial;"&gt;(If you're a stickler for detail, you could also deform with some perspective. Hold the [SHIFT] key and drag a top-corner point inward. This created a trapezoid shape.)&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style="font-size:180%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: rgb(102, 102, 102);font-family:arial;" &gt;&lt;span style="font-size:180%;"&gt;Background / Spotlight Ambience...&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;For the background I use the flood-fill and covered the back ground with a single gradient. The key was in setting the focal point of the circular gradient. Note the "x" and "+" in the gradient preview and the "center point" and "focal point" values. To change these you will need to un-select the "Link center and focal point" box.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="font-family: arial; color: rgb(102, 102, 102);" href="http://photos1.blogger.com/blogger/5059/507/1600/remote-materials-gui.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center;" alt="" src="http://photos1.blogger.com/blogger/5059/507/400/remote-materials-gui.jpg" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="color: rgb(102, 102, 102);font-family:arial;" &gt;Then position the layers to line up however looks best.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/18250172-113042071300771578?l=back2thedrawingboard.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://back2thedrawingboard.blogspot.com/feeds/113042071300771578/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=18250172&amp;postID=113042071300771578' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/113042071300771578'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/113042071300771578'/><link rel='alternate' type='text/html' href='http://back2thedrawingboard.blogspot.com/2005/10/ifremote-spotlight.html' title='IF:Remote - Spotlight'/><author><name>Don</name><uri>http://www.blogger.com/profile/05532101543506077259</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://www.frontiernet.net/~leefam/SelfPortrait-flat.jpg'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-18250172.post-113019532524050076</id><published>2005-10-24T18:55:00.000-04:00</published><updated>2005-10-24T19:56:31.346-04:00</updated><title type='text'>PMB: Drawing Dojo 2005-10-08</title><content type='html'>&lt;span style="font-family:arial;color:#000000;"&gt;Final pic posted to &lt;/span&gt;&lt;a href="http://www.freeforum101.com/forum/viewtopic.php?t=38&amp;mforum=paintmonster"&gt;&lt;span style="font-family:arial;color:#000099;"&gt;&lt;strong&gt;Paint Monster Board: Drawing Dojo:20051022&lt;/strong&gt;&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;color:#000000;"&gt;. This is a rendering of image "A".&lt;/span&gt;&lt;br /&gt;&lt;a href="http://photos1.blogger.com/blogger/5059/507/1600/Dojo10-24-scan5.jpg"&gt;&lt;span style="font-family:arial;color:#000000;"&gt;&lt;img style="MARGIN: 0px 10px 10px 0px; CU!RSOR: hand" alt="" src="http://photos1.blogger.com/blogger/5059/507/400/Dojo10-24-scan5.jpg" border="0" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-family:arial;color:#000000;"&gt;&lt;br /&gt;Scan of original sketch. Nothing special here, just copy/inkjet paper and a good ol' #2 pencil.&lt;/span&gt;&lt;br /&gt;&lt;a href="http://photos1.blogger.com/blogger/5059/507/1600/Dojo10-24-outline2.jpg"&gt;&lt;span style="font-family:arial;color:#000000;"&gt;&lt;img style="MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="http://photos1.blogger.com/blogger/5059/507/400/Dojo10-24-outline2.jpg" border="0" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:arial;color:#000000;"&gt;&lt;br /&gt;Traced with my mouse on a new layer.&lt;br /&gt;&lt;/span&gt;&lt;p&gt;&lt;span style="font-family:arial;color:#000000;"&gt;(All digital steps are done with Paint Shop Pro X&lt;/span&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://photos1.blogger.com/blogger/5059/507/1600/Dojo10-24-color1.jpg"&gt;&lt;span style="font-family:arial;color:#000000;"&gt;&lt;img style="MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="http://photos1.blogger.com/blogger/5059/507/400/Dojo10-24-color1.jpg" border="0" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:arial;color:#000000;"&gt;&lt;br /&gt;Solid color fill on a separate layer. This lets me keep the outlines on the top layer and keeps them clean no matter what I do with the other steps.&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;a href="http://photos1.blogger.com/blogger/5059/507/1600/Dojo10-24-highlights.jpg"&gt;&lt;span style="font-family:arial;color:#000000;"&gt;&lt;img style="MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="http://photos1.blogger.com/blogger/5059/507/400/Dojo10-24-highlights.jpg" border="0" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:arial;color:#000000;"&gt;&lt;br /&gt;A new layer on top of the color layer is set to "Luminance Legacy" and becomes my shading. Medium grey in this sample was actually left transparent, but that is difficult to show here.&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;a href="http://photos1.blogger.com/blogger/5059/507/1600/Dojo10-24-back1.jpg"&gt;&lt;span style="font-family:arial;color:#000000;"&gt;&lt;img style="MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="http://photos1.blogger.com/blogger/5059/507/400/Dojo10-24-back1.jpg" border="0" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:arial;color:#000000;"&gt;&lt;br /&gt;On a new layer I dropped a few "picture tube" leaves and then stretched it to creat a little perspective.&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;a href="http://photos1.blogger.com/blogger/5059/507/1600/Dojo10-24-post.jpg"&gt;&lt;span style="font-family:arial;color:#000000;"&gt;&lt;img style="MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="http://photos1.blogger.com/blogger/5059/507/400/Dojo10-24-post.jpg" border="0" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family:arial;color:#000000;"&gt;&lt;br /&gt;Final composition&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/18250172-113019532524050076?l=back2thedrawingboard.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://back2thedrawingboard.blogspot.com/feeds/113019532524050076/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=18250172&amp;postID=113019532524050076' title='5 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/113019532524050076'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/18250172/posts/default/113019532524050076'/><link rel='alternate' type='text/html' href='http://back2thedrawingboard.blogspot.com/2005/10/pmb-drawing-dojo-2005-10-08.html' title='PMB: Drawing Dojo 2005-10-08'/><author><name>Don</name><uri>http://www.blogger.com/profile/05532101543506077259</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://www.frontiernet.net/~leefam/SelfPortrait-flat.jpg'/></author><thr:total>5</thr:total></entry></feed>
