<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>PSDFan &#187; Monika Zagrobelna</title>
	<atom:link href="http://psd.fanextra.com/author/monikazag/feed/" rel="self" type="application/rss+xml" />
	<link>http://psd.fanextra.com</link>
	<description>Just another WordPress site</description>
	<lastBuildDate>Thu, 05 May 2016 13:19:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.3</generator>
		<item>
		<title>7 Fundamental Ways to Improve Your Digital Art (Hint: They&#8217;re All About Referencing)</title>
		<link>http://psd.fanextra.com/tutorials/drawing/7-fundamental-ways-to-improve-your-digital-art-hint-theyre-all-about-referencing/</link>
		<comments>http://psd.fanextra.com/tutorials/drawing/7-fundamental-ways-to-improve-your-digital-art-hint-theyre-all-about-referencing/#comments</comments>
		<pubDate>Tue, 03 Sep 2013 08:39:01 +0000</pubDate>
		<dc:creator>Monika Zagrobelna</dc:creator>
				<category><![CDATA[Drawing]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://psd.fanextra.com/?p=47215</guid>
		<description><![CDATA[Looking to level up your digital artwork? It turns out referencing is a really effective way to improve your work, and make it more creative. So what exactly is referencing and how can it help you?]]></description>
			<content:encoded><![CDATA[<p>Are you looking to level up your digital art, but you feel like you&#8217;ve reached a plateau?</p>
<p>Luckily for you, today we&#8217;ve put together 7 solid-as-a-rock techniques for quickly improving your work.</p>
<p>Interestingly enough, they&#8217;re all based around a single premise: referencing.</p>
<p>Let&#8217;s get started by diving into exactly what referencing is, and how it can help you.</p>
<div class="serial-box">
<h3>Resources Used In This Tutorial</h3>
<ul class="serial-box-list">
<li> <a href="http://foxrage-stock.deviantart.com/art/Red-Fox-08-328381632">Red Fox</a> </li>
<li> <a href="http://horsestockphotos.deviantart.com/art/Brown-Quarter-Horse-Eye-328402592">Horse eye</a></li>
<li> <a href="http://shi-stock.deviantart.com/art/NSH-Hunter-2-388454178">Horse</a></li>
<li> <a href="http://eponagirl.deviantart.com/art/Horse-Muscles-Reference-280560107">Horse anatomy</a></li>
<li>my personal photos</li>
</ul>
</div>
<h2>Step 1 &#8211; What is a Reference?</h2>
<p>A reference is something you look at to inspire your own art, and possibly draw direct elements from. It may be a photo, a sculpture or anything from the real world. Everything you draw is based on a reference, even if that reference is based on a memory, as drawing itself is a way of copying the reality. Using a reference in the moment of drawing highly increases your learning speed.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/09/references1-1.jpg" /></p>
<p>In Photoshop you&#8217;ll usually use a reference from the Internet. It means you need two documents open &#8211; the reference and your new document. There are two ways to place your reference for comfortable work. If you&#8217;ve got a big screen, you can work in Standard Screen Mode (it&#8217;s default), with the reference window on the top. Just grab it and move it out of its place to get this effect.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/09/references1-2.jpg" /></p>
<p>When you work on a laptop, you&#8217;ll probably want to use Fullscreen (click F for it). In this mode you&#8217;re not able to use multiple screens, so you need to place the reference in the workspace. Go to Image > Canvas Size to make the canvas bigger and paste your reference. Lock its layer to avoid mistakes.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/09/references1-3.jpg" /></p>
<h2>Step 2 &#8211; I Can&#8217;t Find The Perfect Pose!</h2>
<p>References can be great for estabilishing a pose, and you don&#8217;t even need the same object/creature you want to draw (they just should have similar anatomy). If you take a good look at your reference, you&#8217;ll realize every object consists of simple shapes, like circles and lines. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/09/references2-1.jpg" /></p>
<p>Now you just need to draw these simple shapes. Forget about rulers &#8211; you need to see and understand the measures. See proportions, not distances! As a result of this process, a lot of concepts will be planted in your mind. It will be a vector type structure, easy to reuse and modify!</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/09/references2-2.jpg" /></p>
<p>Here&#8217;s the simple sketch. It may not be perfect, measuring with your eyes instead of other tools takes time to master. It&#8217;s worth the effort though &#8211; everytime you do this you&#8217;ll improve.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/09/references2-3.jpg" /></p>
<p>Now you need to get the skeleton dressed. You can imagine you&#8217;re using a tight stocking for every part &#8211; it will bulge on the circles and straighten on the lines.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/09/references2-4.jpg" /></p>
<p>If you were using the reference in the step before, now it&#8217;s time to get rid of it. Forget about that stock picture, you don&#8217;t need it anymore. Create something that&#8217;s really yours (like this fire goathorsepard).</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/09/references2-5.jpg" /></p>
<h2>Step 3 &#8211; The Colors Don&#8217;t Match</h2>
<p>Sometimes a picture draws your attention even if it&#8217;s not very realistic or skillfully painted, and vice versa &#8211; the technique is perfect, but it still doesn&#8217;t look ok. There may be a problem with colors &#8211; they&#8217;re more important than you think. Look at these two dragons: the first is artificial, like a toy, while the other gives more realistic feel.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/09/references3-1.jpg" /></p>
<p>How can a reference help? Just find a photo with colors that you&#8217;d like to use in your work &#8211; you can create your own palette of colours with it. First, clear your current Swatches palette (hold Alt and click them very fast or just <a href="http://www.biepenlu.nl/dodona/No_Swatches.aco">download an empty set</a> and load it. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/09/references3-2.jpg" /></p>
<p>Now use the Eyedropper Tool (I), pick a color you like and click New Swatch icon. You can name it and then it&#8217;s being added to your list. Don&#8217;t pick more than 5-10 colors &#8211; they should be a base for you, something to create more shades of. The colors you pick should be as varied as possible.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/09/references3-3.jpg" /></p>
<p>Once your list is ready, save it for future use (a meaningful name of the file will help you find it later).</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/09/references3-4.jpg" /></p>
<p>You can also use this trick to prepare a list of colors of particular object, like an animal&#8217;s skin. This way you&#8217;ll be able to use its realistic colors without any reference in the future.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/09/references3-5.jpg" /></p>
<p>And here&#8217;s a sample of how you can use it:</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/09/references3-6.jpg" /></p>
<h2>Step 4 &#8211; I Want the Picture to Look Interesting</h2>
<p>Composition is a way of how particular elements of a whole are placed. If it&#8217;s correct, the viewer sees exactly what the artist wanted them to see. Otherwise, their eyes may wander and pass over the most important elements. It&#8217;s because the composition tells what&#8217;s most important and what to look at. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/09/references4-1.jpg" /></p>
<p>You may have heard about golden ration, but if you still doesn&#8217;t understand how to use it in practice, you can find a reference with a good composition and analyze it.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/09/references4-2.jpg" /></p>
<p>Once you understand where to place the most important elements, you can draw your own picture using the same composition:</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/09/references4-3.jpg" /></p>
<h2>Step 5 &#8211; I Don&#8217;t Know How to Make This Part&#8230;</h2>
<p>Even if you&#8217;re an experienced artist, sometimes you struggle with a detail. You can try to guess how the details should look, but what&#8217;s highly recommended is finding a reference image to complete your knowledge. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/09/references5-1.jpg" /></p>
<p>A detail reference is the easiest to find, because it doesn&#8217;t need to be perfectly accurate. You don&#8217;t care about the perspective or other elements of the picture &#8211; you just take this one object and analyze it, step by step.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/09/references5-2.jpg" /></p>
<h2>Step 6 &#8211; Biceps, Triceps, Quatrceps?</h2>
<p>References are a perfect way to learn anatomy. No matter what your style is, if you want to break the rules, you need to learn them first. The Internet is full of references for both humans and all kinds of animals.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/09/references6-1.jpg" /></p>
<p>When you want to learn anatomy from the reference, first you need to establish the pose (Step 2). Then you can look for other basic shapes (mostly loose ellipses) and redraw them on your own. It&#8217;s good to treat it as an exercise and do it regularly until you&#8217;re familar with body structure. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/09/references6-2.jpg" /></p>
<h2>Step 7 &#8211; Endless Possibilities</h2>
<p>References aren&#8217;t just learning tool &#8211; they bring inspiration and let you create complex pieces. You can prepare &#8220;raw&#8221; (unblended) photomanipulations of references and then create something totally new of them! See where your imagination can take you.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/09/references7-1.jpg" /></p>
<h2>Step 8 &#8211; Where to Find Reference Images?</h2>
<p>It would be the best if you had your own base of photos (visit the zoo!), but if you don&#8217;t, you can still use these sites:</p>
<ul>
<li><a href="http://www.deviantart.com/resources/stockart/">deviantArt stock gallery</a></li>
<li><a href="http://www.posemaniacs.com/">posemaniacs.com &#8211; a base of human anatomy references</a></li>
<li><a href="http://www.anatronica.com/">anatronica.com &#8211; interactive human anatomy</a></li>
<li><a href="http://artists.pixelovely.com/practice-tools/animal-drawing/">practice all kinds of animals</a></li>
<li><a href="http://artists.pixelovely.com/practice-tools/figure-drawing/">practice human poses</a></li>
<li><a href="http://www.3d.sk/">a huge base of chargeable materials</a></li>
</ul>
<h2>Wrapping Things Up</h2>
<p>As you can see, references are very powerful tool to become better artist. But, be careful &#8211; references are just a part of your learning process and you should treat them as a way to get better. Use them for exercises mainly, because the more you rely on a reference, the more originality and your own creativity you lose. Use them as long as you need to get skills you want, and then enjoy your knowledge!</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/09/referencesfinal.jpg" /></p>
<h2>What Do You Think? Leave a Comment Below!</h2>
<p>Hopefully this article has helped you better understand how to use references in your artwork.</p>
<p>We would really appreciate you leaving a comment below. Did you find the techniques explained helpful? Perhaps you have something to add?</p>
<p>We&#8217;ll respond to every comment, so let&#8217;s get a discussion going.</p>
]]></content:encoded>
			<wfw:commentRss>http://psd.fanextra.com/tutorials/drawing/7-fundamental-ways-to-improve-your-digital-art-hint-theyre-all-about-referencing/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>Learn How to Paint Difficult Metallic Surfaces By Creating Reflective Armor</title>
		<link>http://psd.fanextra.com/tutorials/drawing/learn-how-to-paint-difficult-metallic-surfaces-by-creating-reflective-armor/</link>
		<comments>http://psd.fanextra.com/tutorials/drawing/learn-how-to-paint-difficult-metallic-surfaces-by-creating-reflective-armor/#comments</comments>
		<pubDate>Mon, 29 Jul 2013 09:08:39 +0000</pubDate>
		<dc:creator>Monika Zagrobelna</dc:creator>
				<category><![CDATA[Drawing]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://psd.fanextra.com/?p=46069</guid>
		<description><![CDATA[If you have ever tried to paint metal, you probably know how tricky this kind of surface is. In today's design lesson digital painting master Monika Zagrobelna will teach you how to paint metal that is richly detailed, reflective and never flat. Once you've mastered this technique you can apply the techniques to most reflective surfaces, across a range of works. 

<strong>Grab the source file for this tutorial and get deeper insight into the workflow and techniques used. <a href="http://fanextra.com">Join our FanExtra members community to access the source file.</a></strong>]]></description>
			<content:encoded><![CDATA[<h2>Learn How to Paint Difficult Metallic Surfaces By Creating Reflective Armor</h2>
<p>If you have ever tried to paint metal, you probably know how tricky this kind of surface is. </p>
<p>It tends to reflect everything and distorts the reflected image. It&#8217;s also very difficult to mix in the natural colors reflected in the metal without flattening the metallic surface.</p>
<p>In today&#8217;s design lesson digital painting master Monika Zagrobelna will teach you how to paint metal that is richly detailed, reflective and never flat. Once you&#8217;ve mastered this technique you can apply the techniques to most reflective surfaces, across a range of works.</p>
<p>Ready to master a new skill? Let&#8217;s get started!</p>
<h2>Final Image</h2>
<p>As always, this is the final image that we&#8217;ll be creating:</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor-beforeafter.jpg" /></p>
<h2>Step 1</h2>
<p>Most tutorials about metal teach you how to paint a metal ball. But who really paints metal balls? Full, complicated armor will be  better example. You can read this tutorial only, or draw something yourself &#8211; the rules I&#8217;ll be explaining are quite universal. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor1-1.jpg" /></p>
<p>So, let&#8217;s say you painted something (some background, the character) and suddenly you don&#8217;t know how to paint the armor. To make whole process easier you should use Clipping Mask. The base &#8211; borders of your armor &#8211; will be the mask, and everything above it will be clipped to it. How to do it? You just need to use Alt + Ctrl + G after creating a new layer above the base.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor1-2.jpg" /></p>
<p>The best and the most universal painting brush ever is simple round hard brush with low Flow. It lets you mix the strokes in a very natural way, and also simmulates a real brush &#8211; the harder you press, the stronger color you get.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor1-3.jpg" /></p>
<h2>Step 2</h2>
<p>Every surface (not only metal) depends on the light, so you need to find the light source first and check where eventual shadows will be placed. In my picture there&#8217;s a fire on the left, reflecting from something slightly purple on the right. As fire gives an yellowish-orange flow, I chose a low saturated yellow as a base color for my armor (it&#8217;s a kind of grey too for most eyes!). For the general shadows I used even low saturated and darker shade of the same color. Paint on a layer between the base and the sketch.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor2-1.jpg" /></p>
<p>Add some lights too, just where the light had the best access. To find the right shade add some brighntess to the base color.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor2-2.jpg" /></p>
<p>Now add more shadows. Remember, the body (and the armor on it) isn&#8217;t flat, it has &#8220;walls&#8221; &#8211; when the light hits one wall, it&#8217;s bright, but the rest of the walls is darker. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor2-3.jpg" /></p>
<p>It&#8217;s this rare moment when you can use black. Mix it with the darkest parts of the armor, but never touch the lighter parts &#8211; don&#8217;t even come close to it.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor2-4.jpg" /></p>
<h2>Step 3</h2>
<p>Now we&#8217;ll use a bit of color theory to give a depth to darker parts. Since our base color is yellowish grey, we need to find a contraryshade for it. First, copy the code for your base color.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor3-1.jpg" /></p>
<p>Go to <a href="http://www.colorschemedesigner.com/">Color Scheme Designer</a> and paste your color code in the field shown below.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor3-2.jpg" /></p>
<p>Now select &#8220;complement&#8221; to see what color is a complement to our base color. You can just remember it or export full palette to Photoshop swatches.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor3-3.jpg" /></p>
<p>Select &#8220;Load Swatches&#8221; from Swatches Menu to load your new set of colors. We&#8217;ll also need some darker shades that weren&#8217;t included on the list.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor3-4.jpg" /></p>
<h2>Step 4</h2>
<p>Since we have our perfect dark shade (and it&#8217;s not black!), we can stress the sketch lines again. This time create a layer over the sketch and cover its lines. When it&#8217;s done, hide or delete the sketch&#8217;s layer.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor4-1.jpg" /></p>
<p>Now use the same shade to draw darker parts again. If you&#8217;re curious why we cover what we painted before, here&#8217;s the answer &#8211; low Flow lets you mix the colors.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor4-2.jpg" /></p>
<p>This is how it looks with these new shades:</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor4-3.jpg" /></p>
<h2>Step 5</h2>
<p>Time to define the shapes a bit. Use black to draw thin lines between the elements.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor5-1.jpg" /></p>
<p>You should now have clear black lines, and they give an artificial effect. To fix this, you need to add a contrast between both sides of the lines. So, imagine where the light can&#8217;t reach and cover these areas with black. Remember, it cannot cross the lines! </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor5-2.jpg" /></p>
<p>Now blend these black areas with one side of the lines. Make the lines practically invisible, but only from one side.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor5-3.jpg" /></p>
<h2>Step 6</h2>
<p>Pick a color from some lighter part and use soft brush (lower Hardness to 0%) to cover all the visible elements. One rule: don&#8217;t come close to the lines! Paint only a center of every element to give it a smooth look. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor6-1.jpg" /></p>
<p>Come back to 100% hardness and choose your blending mode to Screen. This mode makes the strokes lighter. Using the same color as before, add some well defined lights &#8211; paint the edges next to dark lines and add a few light spots near.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor6-2.jpg" /></p>
<p>This is the final effect of this phase. As you can see, combining black and white lines together makes really nice, sharp edges. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor6-3.jpg" /></p>
<h2>Step 7</h2>
<p>As we noticed before, metal catches everything around it, including colors. Pick the colors that are the closest to every side of the armor and cover the elements slightly with them. Again, don&#8217;t cross the lines, but covering darker parts is allowed. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor7-1.jpg" /></p>
<p>Use our dark shade of the complementar color again and paint some creative shades. Why &#8220;creative&#8221;? They&#8217;re going to pretend shapes reflected in the armor. Paint them thickly, it&#8217;s not the time to be smooth. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor7-2.jpg" /></p>
<p>Now go into Screen mode again and use reflected light colors (here  orange and purple again) to cover the dark you&#8217;ve just painted. While it seems pointless, it makes an interesting effect. The goal here is to cover it without hiding it at all.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor7-3.jpg" /></p>
<p>Time to be creative again. Look at the shapes that came out when you were adding more and more layers. Can you see some more regular lines in the reflections? Define them even more! You can also pick colors from the skin and hair if the element is close to them enough. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor7-4.jpg" /></p>
<p>And here&#8217;s the final effect again:</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor7-5.jpg" /></p>
<h2>Step 8</h2>
<p>Another element of every armor is a chainmail. As you probably know, it&#8217;s made of little metal links bound together. Yes, it&#8217;s metal element again, so it&#8217;s going to be quite reflective. Drawing them all one by one would be very time consuming, so we&#8217;re going to prepare a special brush for it. Create a new document and draw a single black link (use 100% Opacity and 100% Flow to prevent semi-transparent spots). Then go to Edit > Define Brush Preset.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor8-1.jpg" /></p>
<p>Your new brush now appears on the list, but it has default options. Select Brush Tip Shape from brush options and move Spacing slider until single links are visible. They should slightly overlap each other. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor8-2.jpg" /></p>
<p>Now create a new layer and double click it to get to Blending Options. Select Bevel &#038; Emboss and change Higlight color to a bright shade from the rest for the armor. This way it&#8217;ll be more natural.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor8-3.jpg" /></p>
<p>Now draw the chainmail on the layer with this style applied. I suggest to draw every row on a new layer (copying and pasting the style) &#8211; otherwise all the links will blend into each other. To avoid a mess, group (Ctrl + G) these layers.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor8-4.jpg" /></p>
<p>Now merge the group and select Add Layer Mask in that little panel under the layers. Select the white rectangle that appeared next to your layer. Now you can use two colors to blend the chainmail into the picture &#8211; black will make it transparent, white &#8211; visible, and grey &#8211; semi transparent. Use black with low Flow to get various shades of grey.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor8-5.jpg" /></p>
<p>You can now paint the surface under the chainmail to give it a right shape. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor8-6.jpg" /></p>
<p>Since you know how to create a chainmail easily, you can add it to other places too. Put it wherever there&#8217;s some flexibility needed. At this moment I also fixed the rest of the picture to fit the armor that get&#8217;s more and more complicated with every step. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor8-7.jpg" /></p>
<h2>Step 9</h2>
<p>The armor is almost ready, but we need to polish it yet. Use black brush to paint some sharp fake reflections. They look best when they touch some light line on one side.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor9-1.jpg" /></p>
<p>That&#8217;s the effect I got:</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor9-2.jpg" /></p>
<p>Merge all the layers of the armor. If you still want to use Clipping Mask, just copy the resulting layer and clip the copy. Go into Screen blending mode, pick some light color from the right (purple here) and draw strong lights on that side. They should be sharp and rather rare, because they fake a reflected light, not a direct one. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor9-3.jpg" /></p>
<p>Just like this:</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor9-4.jpg" /></p>
<p>Time for more colorful, direct light. Pick a color from the left and paint some reflections in Color Dodge mode. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor9-5.jpg" /></p>
<p>Come back to Normal mode and paint some reflected light blobs. They should be smooth, quite light, but not lighter than the side reflecting direct light. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor9-6.jpg" /></p>
<p>Polish the elements you&#8217;ve just covered with dull color in Screen Mode. We&#8217;re almost done now!</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor9-7.jpg" /></p>
<h2>Step 10</h2>
<p>Use Color Dodge mode and direct light color again to draw the edges of the element that are most lighted. Keep them sharp.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor10-1.jpg" /></p>
<p>That&#8217;s how I did it:</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor10-2.jpg" /></p>
<p>Another characteristic of metal is it influences the environment by its reflections. Add some &#8220;light spots&#8221; near the strongest reflections (soft brush in Screen mode will work the best here).</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor10-3.jpg" /></p>
<p>It&#8217;s your rare chance now to use Smudge Tool. If you use it wisely, you may achieve very nice effect. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor10-4.jpg" /></p>
<p>Here&#8217;s my result:</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor10-5.jpg" /></p>
<h2>Step 11</h2>
<p>Despite all the colors our armor still looks flat. Use Overlay mode to paint some darker areas (use black and very light pressure).</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor11-1.jpg" /></p>
<p>If you feel the armor needs more grey, you can just add a new layer in Saturation mode and paint black wherever you want to take the color off.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor11-2.jpg" /></p>
<p>Time to add strong shining at the edges. Use soft brush (0% hardness), white, in Screen mode.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor11-3.jpg" /></p>
<p>Now I added even more shadows&#8230;</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor11-4.jpg" /></p>
<p>&#8230;and some lights again.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor11-5.jpg" /></p>
<p>Here I added some sharp, light lines, that fake reflections of the armor (yep, armor refletcs itself too!).</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor11-6.jpg" /></p>
<p>It&#8217;s almost done (probably your picture is done now), I just fixed one element that didn&#8217;t fit here:</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor11-7.jpg" /></p>
<p>And, to make it more interesting, I added third main color as a blue fog. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor11-8.jpg" /></p>
<h2>And We&#8217;re Done!</h2>
<p>You can now use these tricks to paint every metal surface you need! </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/armor_final.jpg" /></p>
<div class="serial-box">
<strong>Get deeper insight into the workflow and techniques used in this tutorial. Access the source files for this tutorial:</strong></p>
<p>The source files for this tutorial are available to our FanExtra members community. If you want to access the source files for this tutorial (and all of our tutorials + thousands of other resources) then <a href="http://fanextra.com/amember/signup.php"><strong>sign up here</strong></a>.</p>
<p>If you&#8217;re already a FanExtra member then you can <a href="http://fanextra.com/amember/login.php">login here</a> to access the source files.
</div>
<p><a href="http://fanextra.com"><img src="http://psd.fanextra.com/fanextraimages/fanextrasourcefileaccess.jpg" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://psd.fanextra.com/tutorials/drawing/learn-how-to-paint-difficult-metallic-surfaces-by-creating-reflective-armor/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Digital Painting Lesson: Paint a Scary Zombie Cat Using Photo Reference</title>
		<link>http://psd.fanextra.com/tutorials/drawing/digital-painting-lesson-paint-a-scary-zombie-cat-using-photo-reference/</link>
		<comments>http://psd.fanextra.com/tutorials/drawing/digital-painting-lesson-paint-a-scary-zombie-cat-using-photo-reference/#comments</comments>
		<pubDate>Mon, 08 Jul 2013 11:11:02 +0000</pubDate>
		<dc:creator>Monika Zagrobelna</dc:creator>
				<category><![CDATA[Drawing]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://psd.fanextra.com/?p=45388</guid>
		<description><![CDATA[Learn how to produce expert digital paintings using photo references. In today's lesson you'll learn how to digitally paint a zombified cat, using some awesome light effects, depth of field tricks and more. <strong>Download the source file for this and all our other tutorials in our <a href="http://www.fanextra.com">FanExtra Members Area</a></strong>]]></description>
			<content:encoded><![CDATA[<h2>Digital Painting Lesson: Paint a Scary Zombie Cat Using Photo Reference</h2>
<p>The Internet loves cats. The Internet loves zombies. What if we create a mix of them both? Well that&#8217;s exactly what you&#8217;ll be creating in today&#8217;s design lesson!</p>
<p>Today you&#8217;ll be learning the incredibly useful skill of digital painting using a photo reference. This is a fantastic method to learn the basics of digital painting, and can really improve your design skills.</p>
<p>By using the reference photo as a solid base you&#8217;re able to focus less on anatomy, and more on lighting, details, creativity and your painting technique. </p>
<p>Follow along with today&#8217;s lesson to learn some great new skills. Let&#8217;s get started shall we?</p>
<h2>Final Image</h2>
<p>As always, this is the final image that we&#8217;ll be creating:</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecatfinal.jpg" /></p>
<div class="serial-box">
<h3>Resources Used In This Tutorial</h3>
<ul class="serial-box-list">
<li><a href="http://kb-fotowelt.deviantart.com/art/Bounty-371262365">Cat Reference Photo</a>
<li><a href="http://mslissome.deviantart.com/art/death-06-mouse-STOCK-348095391">Dead Mouse Reference Photo</a>
<li><a href="http://absurdwordpreferred.deviantart.com/art/Brain-FREE-Transparent-PNG-130589663">Brain Reference Photo</a>
</ul>
</div>
<h2>Step 1</h2>
<p>First place your reference (you can use <a href="http://fav.me/d651fvh">this picture</a> by <a href="http://kb-fotowelt.deviantart.com">KB-Fotowelt</a>) inside a PSD file (or just open it in Photoshop and save as a new file). Lock the reference and create a new layer for every important change. Before we start painting, we need to define the colors of the scene. Dark blue and orange should play well together. So, grab a hard brush, lower Flow and cover the right half smoothly with dark blue.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat1-1.jpg" /></p>
<p>Now do the same with the left half, using orange. We can imagine it&#8217;s a night (dark blue) and there&#8217;s a lantern (orange light) near.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat1-2.jpg" /></p>
<p>Cover the ground too. Keep in mind that the cat&#8217;s casting the shadow to the right.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat1-3.jpg" /></p>
<p>Change the file&#8217;s resolution (Ctrl + Alt + I) to as high level as you can. 10k width would be perfect, but 6k should be enough. The higher resolution, the more detail you&#8217;ll be able to put in your piece.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat1-4.jpg" /></p>
<h2>Step 2</h2>
<p>Zoom into the eye. Use black and the same brush as before to draw the edge of the eye and the pupil.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat2-1.jpg" /></p>
<p>Now cover the inside of the eye with different shades of green. Don&#8217;t be afraid of covering the pupil, it&#8217;s never really that black.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/07/zombiecat2b.jpg" /></p>
<p>Play with brightness of the colors we&#8217;ve used before to draw some details of the iris.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat2-3.jpg" /></p>
<p>Hide the reference for a moment to check if you didn&#8217;t rely on its colors too much. If the eye seem semi-transparent now, create a new layer under it and cover it with black.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat2-4.jpg" /></p>
<p>Merge all the eye parts, copy the layer (Ctrl + J) and go to Edit > Transform > Flip Horizontal, to reflect the copy. Then move the other eye to its place.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat2-5.jpg" /></p>
<p>Time for some fun. Use bright green in Linear Light brush mode to add some lights to the eyes. Remember &#8211; they shouldn&#8217;t be symmetrical! Paint directly on the eyes&#8217; layers, or they won&#8217;t be affected. Be careful here, this effect is easy to overdo!</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat2-6.jpg" /></p>
<p>Change the color to darker green and the brush mode to Overlay. Now you can add some shadow under upper lid.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat2-7.jpg" /></p>
<p>Our cat is a zombie, so its eyes shouldn&#8217;t be so bright and alive! Take a soft brush with some light blue in Screen mode and add some fog to the eyes. Don&#8217;t touch the edges!</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat2-8.jpg" /></p>
<p>Now, create a layer under the eyes and paint some dark around them. It shouldn&#8217;t work the same as with human zombies, but look how nice this effect is!</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat2-9.jpg" /></p>
<h2>Step 3</h2>
<p>Paint a rough shape of the nose with some brownish shade.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat3-1.jpg" /></p>
<p>Use black to add more details to it. Look at the reference every time you need some help.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat3-2.jpg" /></p>
<p>Add more details, lights and shadows, using the same color we&#8217;ve used for the general shape, but changing its brightness.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat3-3.jpg" /></p>
<p>Again, turn off the reference layer and check if this part was really painted by you. Fill all the empty spots.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat3-4.jpg" /></p>
<h2>Step 4</h2>
<p>Add some light to the left part of the head. Just sketch the lighted parts, precision isn&#8217;t important here.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat4-1.jpg" /></p>
<p>The right part isn&#8217;t really lighted, but some of the reflected light will land there. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat4-2.jpg" /></p>
<p>Add some blue shadows on the right&#8230;</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat4-3.jpg" /></p>
<p>&#8230;and some brownish orange ones on the left.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat4-4.jpg" /></p>
<p>Hide the reference photo layer and fill in any gaps as needed:</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat4-5.jpg" /></p>
<h2>Step 5</h2>
<p>Time for the ears. The left ear is backlighted, so it should be painted with bright and warm colors.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat5-1.jpg" /></p>
<p>The other ear can be ripped off. Erase the part we&#8217;ve drawn before and cover the inside of the ear with dark blue.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat5-2.jpg" /></p>
<p>Now add some dried blood on the ear and lighten it a bit with red.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat5-3.jpg" /></p>
<h2>Step 6</h2>
<p>Time to go crazy! Pick all the colors you see around, dark and light ones, and draw the hair with them. Don&#8217;t even try to be precise, just splash the colors around, defining all the shapes roughly.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat6-1.jpg" /></p>
<p>Take an orange light and put it on the left as we did before. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat6-2.jpg" /></p>
<p>And the right part again.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat6-3.jpg" /></p>
<p>Now grab a soft brush and cover the messy spots between orange and blue lights, using colors you picked from these spots. Be subtle, don&#8217;t blur it all by accident.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat6-4.jpg" /></p>
<h2>Step 7</h2>
<p>Create a layer under all the previous ones and draw the general shape of the rest of the body. Pick the colors from the head and use brighter, less saturated version of them.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat7-1.jpg" /></p>
<p>Yes, it&#8217;s this step again.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat7-2.jpg" /></p>
<p>Now cover the background completely, so that you could remove the reference and forget about it. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat7-3.jpg" /></p>
<h2>Step 8</h2>
<p>We&#8217;re going to be more precise from now on. Let&#8217;s fix the jaw line to give the kitty more innocent look.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat8-1.jpg" /></p>
<p>If you have a cat, you know sometimes they forget to hide their tongues after washing themselves. It&#8217;s looks pretty funny when they do it, doesn&#8217;t it? We can use it to make our illustration more surprising.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat8-2.jpg" /></p>
<p>Add some light and shadow to the tongue, picking the colors form the head.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat8-3.jpg" /></p>
<p>Add stronger light and draw some details using brush in Linear Light mode.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat8-4.jpg" /></p>
<p>Add these little holes for the whiskers (do they have any name?), drawing them as a mix of hard and soft brush.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat8-5.jpg" /></p>
<p>Now cover the holes with the colors around, so that they don&#8217;t stand out too much.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat8-6.jpg" /></p>
<h2>Step 9</h2>
<p>Now we&#8217;ll add some depth to the picture. The part that we focus on mostly is the head, but the rest is less important for us. Select the layer with the body and go to Filter > Blur > Gaussian Blur. Change the radius to the level where the body becomes slightly blurred.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat9-1.jpg" /></p>
<p>Get into Quick Mask Mode (Q) and use soft brush to select the parts of the body that are even further form us (in this mode you&#8217;re actually painting the selection).</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat9-2.jpg" /></p>
<p>Get out of the Quick Mask Mode (Q) to create the selection (click Ctrl + Shift + I to reverse the selection) and apply some more blur to this part.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat9-3.jpg" /></p>
<h2>Step 10</h2>
<p>I&#8217;ve just noticed the nose is too straight for this cat (of course, it all depends on the kind of cat). Here, fixed!</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat10-1.jpg" /></p>
<p>Add dome veins inside the left ear. You can play with brush modes to get an interesting effect.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat10-2.jpg" /></p>
<div class="serial-box">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-0028189720044148";
/* PSDFAN Laptop */
google_ad_slot = "6867663924";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<p>Draw all the hair, quickly and loosely. Set minimum diameter of your brush to 0% to make it sharper.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat10-3.jpg" /></p>
<p>And again, some more lights. You can use Color Dodge or Linera Light Mode for more vibrant effect. Just be careful!</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat10-4.jpg" /></p>
<p>Darken the lower jaw a bit.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat10-5.jpg" /></p>
<p>Let&#8217;s come back to the ripped ear. Add some fresh and dried blood here.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat10-6.jpg" /></p>
<h2>Step 11</h2>
<p>Whiskers! Whiskers are very important for a cat. Use your sharp brush with 100% Flow to draw them.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat11-1.jpg" /></p>
<p>Create another layer above this one and create a clipping mask (Ctrl + Alt + G). Now you can easily paint over the whisker&#8217;s tips.<img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat11-2.jpg" /></p>
<h2>Step 12</h2>
<p>Time for another element of the illustration. Our cat was caught on eating a mouse&#8217;s brain. As a reference you can use <a href="http://fav.me/d5r8w4f">this picture</a> by <a href="http://mslissome.deviantart.com/">mslissome</a>. Place it inside your file.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat12-1.jpg" /></p>
<p>You can skip these steps, if you already learnt how to paint something from the reference. If you stil need some hints, there they are: first you can draw some outlines.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat12-2.jpg" /></p>
<p>Then draw the inside of the body (pick the colors from the reference).</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat12-3.jpg" /></p>
<p>Draw some rough details (for example, the part of the head where the brain will be visible).</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat12-4.jpg" /></p>
<p>Place the reference of a brain (you can use <a href="http://fav.me/d25qzmn">this one</a> by <a href="http://absurdwordpreferred.deviantart.com/">absurdwordpreferred</a>on the mouse&#8217;s head.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat12-5.jpg" /></p>
<p>Sketch the surface of the brain using the reference.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat12-6.jpg" /></p>
<p>Now add some lights. The mouse basically is lying in the cat&#8217;s shadow, so  reflected light will be mostly visible on it. Add some more details too.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat12-7.jpg" /></p>
<p>Draw the fur roughly, just to define its direction. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat12-8.jpg" /></p>
<p>Cover the fur with more appropriate colors, and define all the parts of the body.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat12-9.jpg" /></p>
<p>Use soft brush to add lights.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat12-10.jpg" /></p>
<p>Define the brain surface, covering the sketch and adding some lights.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat12-11.jpg" /></p>
<p>And the last touches.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat12-12.jpg" /></p>
<h2>Step 13</h2>
<p>Now we&#8217;ll add some surface to the ground. You can download any texture from <a href="http://www.texturemate.com">texturemate.com</a> and paste it inside the file. Transform the texture to fix the perspective (Ctrl + T, then hold Ctrl to drag a single point).</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat13-1.jpg" /></p>
<p>Make the texture black and white (Image > Adjustments > Black &#038; White), and set the texture&#8217;s blend mode to Overlay. It should now fit the image.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat13-2.jpg" /></p>
<p>If the ground turned out to dark, you can always add some colors under the texture layer to fix it.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat13-3.jpg" /></p>
<p>Now, when the ground is defined, we can blend the mouse&#8217;s body into it. Cover it with black until it stops standing out.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat13-4.jpg" /></p>
<p>We need to define the background too. Use Rectangle Tooul (U) to draw some random shapes. Try to use matching colors.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat13-5.jpg" /></p>
<p>Gaussian Blur will do the rest!</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat13-6.jpg" /></p>
<h2>Step 14</h2>
<p>Now we&#8217;re going to add some creepiness and start to think about the wider movement and actions inherent in this scene. </p>
<p>The cat was probably starting to eat the mouse before we caught him, and now it has just raised it&#8217;s head to look at us. Some blood could have stuck to its mouth. Use your imagination and draw it!</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat14-1.jpg" /></p>
<p>Add more details. Remember about lights, blood is shiny!</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat14-2.jpg" /></p>
<p>A zombie without its naked body visible under ripped skin isn&#8217;t a zombie! So, draw some part without any hair, covered with blood.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat14-3.jpg" /></p>
<p>Cover it with dried and fresh blood, as if it was going to be a scab soon.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat14-4.jpg" /></p>
<p>Add some light too.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat14-5.jpg" /></p>
<p>Check if the ripped ear doesn&#8217;t need any more details.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat14-6.jpg" /></p>
<p>A stylish wound on the nose.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat14-7.jpg" /></p>
<h2>Step 15</h2>
<p>Our cat seems to have too clean fur for a zombie. Let&#8217;s paint it a bit with red. Use Overlay blend mode not to lose the details.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat15-1.jpg" /></p>
<p>Add some more creative wounds. It&#8217;s all up to you! Just use dark red and then cover it with wet fur.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat15-2.jpg" /></p>
<p>With so many wounds there must be some blood on the ground too. Use Multiply mode to get a dark shade of red.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat15-3.jpg" /></p>
<p>Now let&#8217;s add a bit of atmosphere by creating a new layer, filling it with some dark color and going to Filter > Noise > Add Noise.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat15-4.jpg" /></p>
<p>Resize the layer to get a bigger mess.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat15-5.jpg" /></p>
<p>Change its mode to Overlay and lower the Opacity until it&#8217;s barely visible.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecat15-6.jpg" /></p>
<h2>And We&#8217;re Done!</h2>
<p>It&#8217;s done! Isn&#8217;t it a cute kitty? <img src='http://psd.fanextra.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  I&#8217;d love to know what you thought of the process by leaving a comment below:</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/07/zombiecatfinal.jpg" /></p>
<div class="serial-box">
<strong>Access the source files for this tutorial:</strong></p>
<p>The source files for this tutorial are available to our FanExtra members community. If you want to access the source files for this tutorial (and all of our tutorials + thousands of other resources) then <a href="http://fanextra.com/amember/signup.php"><strong>sign up here</strong></a>.</p>
<p>If you&#8217;re already a FanExtra member then you can <a href="http://fanextra.com/amember/login.php">login here</a> to access the source files.
</div>
<p><a href="http://fanextra.com"><img src="http://psd.fanextra.com/fanextraimages/fanextrasourcefileaccess.jpg" /></a></p>
<div class="serial-box">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-0028189720044148";
/* PSDFAN Laptop */
google_ad_slot = "6867663924";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
]]></content:encoded>
			<wfw:commentRss>http://psd.fanextra.com/tutorials/drawing/digital-painting-lesson-paint-a-scary-zombie-cat-using-photo-reference/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Digital Painting Lesson: Paint an Arm Using Anatomy Basics</title>
		<link>http://psd.fanextra.com/tutorials/drawing/digital-painting-lesson-paint-an-arm-using-anatomy-basics/</link>
		<comments>http://psd.fanextra.com/tutorials/drawing/digital-painting-lesson-paint-an-arm-using-anatomy-basics/#comments</comments>
		<pubDate>Mon, 06 May 2013 09:08:02 +0000</pubDate>
		<dc:creator>Monika Zagrobelna</dc:creator>
				<category><![CDATA[Drawing]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://psd.fanextra.com/?p=43162</guid>
		<description><![CDATA[Learn how to paint a realistic, anatomically correct arm using digital painting techniques in Photoshop. You'll master texturing, lighting, surface smoothing and much more. <strong>Download the source file for this and all our other tutorials in our <a href="http://www.fanextra.com">FanExtra Members Area</a></strong>]]></description>
			<content:encoded><![CDATA[<h2>Digital Painting Lesson: Paint an Arm Using Anatomy Basics</h2>
<p>Today we have an expert lesson for you in digital painting. It&#8217;s very important for an artist to be familiar with human anatomy. Even if you&#8217;re not a regular digital painter, digital painting and drawing techniques can come in handy for tweaking photo manipulation work, adding depth to illustrations and understanding light and shadow.</p>
<p>There are a lot of books that can help you in this topic, but they&#8217;re usually created for medical students and seem to be too complicated for the rest of us. I&#8217;ll show you how to paint an anatomically correct arm  &#8211; one of hardest parts to learn &#8211; without any specialist knowledge.</p>
<p>Let&#8217;s get started!</p>
<h2>Final Image</h2>
<p>As always, this is the final image that we&#8217;ll be creating:</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/05/armfinal.jpg" /></p>
<h2>Step 1</h2>
<p>This is the first and the most important step. Look at the template below. You don&#8217;t need to know the names of all these muscles &#8211; you&#8217;re an artist, not a doctor. Look at your right arm, touch it and try to locate all the muscles (muscle simullations, actually) you can see. Check how they interact with each other, how they change their positions when you turn your forearm. Take your time, you shouldn&#8217;t go further before you&#8217;ve fully understood it.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/05/arm1-1.jpg" /></p>
<h2>Step 2</h2>
<p>Are you sure you understood it? Ok, now we can start drawing. Create a new file in big resolution and fill it with some dark background. Choose a pose you want to draw and build it with some simple shapes on a new layer. You can use any tool you want, but I suggest Pencil Tool &#8211; it&#8217;s great for defining the shapes.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/05/arm2-1.jpg" /></p>
<p>It&#8217;s time to test your knowledge in practice. Quickly draw the muscles using the template and your own arm as references. You can use the colors if you find it helpful, just remember to create a black sketch afterwards. Forget the hand &#8211; it&#8217;s not what we&#8217;re learning now. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/05/arm2-2.jpg" /></p>
<p>Here&#8217;s the sketch without colors. Messy, isn&#8217;t it? But it&#8217;s totally ok, we will need it just for a while.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/05/arm2-3.jpg" /></p>
<h2>Step 3</h2>
<p>Create a new layer and draw the outline of the arm using general skin color. Make it quite solid.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/05/arm3-1.jpg" /></p>
<p>Use Magic Wand Tool (W) to select everything outside of the arm, then go to Select > Modify > Contract and pick a few pixels. Now you can fill the inside of the arm with Paint Bucket Tool (G).</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/05/arm3-2.jpg" /></p>
<p>Move the sketch above the &#8220;body&#8221; layer and change its Opacity to 10%. Now, with this layer selected, use Ctrl + Alt + G shortcut (Clipping Mask) to fit the sketch into the base. You&#8217;ll use this shortcut after creating every new layer above (try to create a new layer for every sub-step, it may help you to fix something).</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/05/arm3-3.jpg" /></p>
<h2>Step 4</h2>
<p>Create a new layer (remember about Clipping Mask!) and define the edges of the muscles again. Pencil Tool still works great for it. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/05/arm4-1.jpg" /></p>
<p>Now, draw basic shadows on the arm. They don&#8217;t need to be perfectly accurate, but try to guess them. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/05/arm4-2.jpg" /></p>
<p>Use a lighter, more saturated color to blend the shadows into the skin. Still, rough effect is intentional.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/05/arm4-3.jpg" /></p>
<p>Come back to darker color to define the edges again. Be precise now.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/05/arm4-4.jpg" /></p>
<h2>Step 5</h2>
<p>Grab a fully soft Brush with low Flow (20-30%) and basic skin color. Now, use it carefully, filling the spaces between the dark edges. This way you&#8217;ll emboss the muscles. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/05/arm5-1.jpg" /></p>
<div class="serial-box">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-0028189720044148";
/* PSDFAN Laptop */
google_ad_slot = "6867663924";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<p>Change color to darker shade and use the same Brush to cover the dark edges and blend it more.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/05/arm5-2.jpg" /></p>
<p>Grab the basic color again to blend the skin even more. Be careful, leave as much roughness as possible. Draw lines rather than areas.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/05/arm5-3.jpg" /></p>
<p>Now, back to darker color &#8211; add some shadows again. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/05/arm5-4.jpg" /></p>
<h2>Step 6</h2>
<p>Change your Brush to hard one and lighten some parts with light color. Be subtle, paint the lights with quick clicks.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/05/arm6-1.jpg" /></p>
<p>Use black to add some shadows in the opposite of lighted parts. Again, do it softly (even if the Brush is hard).</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/05/arm6-2.jpg" /></p>
<p>Look for the areas that need more skin and cover them with colors picked from around. Don&#8217;t cover them all at once with big color splashes, use thick lines again.</p>
<h2>Step 7</h2>
<p>Time to add even more lights. Use basic skin color (not the lightest one we&#8217;ve used!) and paint a thin stroke at the edge of the forearm. Then, paint some blobs of color next to it, leaving a border of darker color between them. Do the same with the arm, just don&#8217;t make the stroke so sharp anywhere else.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/05/arm7-1.jpg" /></p>
<p>You can now draw some veins, picking the colors individually. Don&#8217;t make them too detailed, they&#8217;re just details themselves.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/05/arm7-2.jpg" /></p>
<h2>Step 8</h2>
<p>This is very subtle trick (you may not even see the difference, but there is one, I swear!). Grab a soft Brush and paint very, <em>very</em> subtle blobs of colors in selected areas. Don&#8217;t go too far on this, or it will give unnatural effect. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/05/arm8-1.jpg" /></p>
<p>Check if there are any areas still needing shadows. If you find them, you know what to do!</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/05/arm8-2.jpg" /></p>
<p>Create a new layer with Overlay as Blending Mode. Now you can use white to add some lights without losing colors or defined edges.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/05/arm8-3.jpg" /></p>
<h2>Step 9</h2>
<p>Create a new layer, change the Brush Mode to Dissolve and paint some white spots with it. This will fake the skin pores.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/05/arm9-1.jpg" /></p>
<p>Change the layer&#8217;s Blending Mode to Overlay and lower the Opacity until the pores are barely visible.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/05/arm9-2.jpg" /></p>
<h2>Step 10</h2>
<p>If you think the arm is too pale, you can add some tan to it. Just create a new layer filled with orange&#8230;</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/05/arm10-1.jpg" /></p>
<p>&#8230;and change it&#8217;s Blending Mode to Overlay. Then move the Opacity slider to adjust the color&#8217;s strength.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/05/arm10-2.jpg" /></p>
<h2>And We&#8217;re Done!</h2>
<p>Congratulations on making it this far! You now know how to digital paint an arm using anatomy basics and lighting/textures techniques.</p>
<p>If you enjoyed this tutorial we&#8217;d love to hear your feedback in the comments section below.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/05/armfinal.jpg" /></p>
<div class="serial-box">
<strong>Access the source files for this tutorial:</strong></p>
<p>The source files for this tutorial are available to our FanExtra members community. If you want to access the source files for this tutorial (and all of our tutorials + thousands of other resources) then <a href="http://fanextra.com/amember/signup.php"><strong>sign up here</strong></a>.</p>
<p>If you&#8217;re already a FanExtra member then you can <a href="http://fanextra.com/amember/login.php">login here</a> to access the source files.
</div>
<p><a href="http://fanextra.com"><img src="http://psd.fanextra.com/fanextraimages/fanextrasourcefileaccess.jpg" /></a></p>
<div class="serial-box">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-0028189720044148";
/* PSDFAN Laptop */
google_ad_slot = "6867663924";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
]]></content:encoded>
			<wfw:commentRss>http://psd.fanextra.com/tutorials/drawing/digital-painting-lesson-paint-an-arm-using-anatomy-basics/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Learn How to Create a Vintage Notepad From Scratch</title>
		<link>http://psd.fanextra.com/tutorials/drawing/learn-how-to-create-a-vintage-notepad-from-scratch/</link>
		<comments>http://psd.fanextra.com/tutorials/drawing/learn-how-to-create-a-vintage-notepad-from-scratch/#comments</comments>
		<pubDate>Mon, 18 Mar 2013 18:36:49 +0000</pubDate>
		<dc:creator>Monika Zagrobelna</dc:creator>
				<category><![CDATA[Drawing]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://psd.fanextra.com/?p=41553</guid>
		<description><![CDATA[Learn how to draw a vintage notepad from scratch in Photoshop. You'll learn how to master various drawing techniques, as well as filter application, lighting and more. <strong>Download the source file for this and all our other tutorials in our <a href="http://www.fanextra.com">FanExtra Members Area</a></strong>]]></description>
			<content:encoded><![CDATA[<h2>Learn How to Create a Vintage Notepad From Scratch</h2>
<p>Have you ever needed a good notepad for your RPG, but without paying for stock images? Well, I can show you how to easily create your own from scratch!</p>
<p>In this tutorial you&#8217;ll learn a variety of drawing techniques, mixed with professional filter application, coloring, lighting and more.</p>
<h2>Final Image</h2>
<p>As always, this is the final image that we&#8217;ll be creating:</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepadfinal.jpg" /></p>
<div class="serial-box">
<h3>Resources Used In This Tutorial</h3>
<ul class="serial-box-list">
<li><a href="http://www.dafont.com/aquiline-two.font">Aquiline Two font</a></li>
</ul>
</div>
<h2>Step 1</h2>
<p>First, create a new file. It shouldn&#8217;t be too small, don&#8217;t forget about good resolution too (300dpi at least). Fill the background with black.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad1.jpg" /></p>
<h2>Step 2</h2>
<p>To draw the first sheet we need some irregular brush. Create a new file and draw some black blob with disorted edges, then go to Edit > Define Brush Preset.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad2a.jpg" /></p>
<p>Open Brush window and select Shape Dynamics option for your brush. Move the Angle Jitter slider, so that your line could be made of rotated &#8220;blobs&#8221; &#8211; it will make the brush even more rough.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad2b.jpg" /></p>
<h2>Step 3</h2>
<p>Select some glum color for your paper (it&#8217;s supposed to be old, saturated colors fade over time).</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad3a.jpg" /></p>
<p>Create a new layer and use Rectangle Tool (U) to draw a template shape for your first sheet. You can use any size you need.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad3b.jpg" /></p>
<p>Change the layer&#8217;s opacity to 10% (you can do it simply by clicking &#8220;1&#8243; with Move Tool on). It&#8217;s just a template, so it shouldn&#8217;t be too disturbing.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad3c.jpg" /></p>
<p>Create a new layer again and draw the borders of the sheet with your new, rough brush. Hold Shift to keep the lines straight.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad3d.jpg" /></p>
<p>Use Magic Wand Tool (W) to select the area outside of your sheet, then click Ctrl+Shift+I to inverse the selection.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad3e.jpg" /></p>
<p>Go to Select > Modify > Contract to contract to selection. Select 2 px for it. Now you can fill the inside by using Paint Bucket Tool (G) without fear it will fill your smooth edges too (you can remove the template now, it&#8217;s not needed anymore).</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad3f.jpg" /></p>
<p>Your first sheet should look like this:</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad3g.jpg" /></p>
<h2>Step 4</h2>
<p>Now it&#8217;s time to add some texture to the sheet. Of course, you could download some free paper texture, but I want to show you how to create your own using patterns built into Photoshop. First, duplicate the sheet layer clicking Ctrl + J. Then make it a clipping mask, selecting Create a Clipping Mask from Layer Menu (or simply with Ctrl+Alt+G shortcut).</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad4a.jpg" /></p>
<p>With the clipped layer selected, go to Filter > Render > Clouds. Then select Overlay as blending mode and lower the opacity to achieve natural effect.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad4b.jpg" /></p>
<p>Let&#8217;s rumple this paper even more! Create a new layer above the clipped one, fill it with any color and create a Clipping Mask of it too. Now double click it to get into Blending options, and select Patter Overlay. Choose any pattern you think looks good on it (you may need to load some other texture packs like Erodible Textures or Rock Patterns &#8211; they&#8217;re not shown on the list by default). Then select Rasterize Layer Style from Right-Click menu of the layer.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad4c.jpg" /></p>
<p>Again, use Overlay as blending mode and lower the opacity. Looks better now, but it still resembles some kind of marble. That&#8217;s not what we were looking for.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad4d.jpg" /></p>
<p>Once more, create new layer, fill and clip it. There&#8217;s a nice white texture that&#8217;s perfect for paper&#8230; </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad4e.jpg" /></p>
<p>&#8230;but because it&#8217;s white, it may not look so good. Rasterize it&#8217;s style, click Ctrl + I to inverse the colors and select Substract as blending mode. It should look good even with full opacity now (if you feel lost with all these blending modes, just click once on the list and use mouse roll to do a quick review of them all. Experiments are good!). </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad4f.jpg" /></p>
<p>As the last texture we&#8217;ll use noise. Create a new layer, fill it with dark brown, clip it and go to Filter > Noise > Add Noise. Again, use Overlay and lower opacity to blend it into the sheet.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad4g.jpg" /></p>
<p>First sheet is done now! Just merge all the clipped layers with the base.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad4h.jpg" /></p>
<h2>Step 5</h2>
<p>It&#8217;s time to create other sheets. Duplicate the layer (Ctrl + J) and double click it for blending options. Select Drop Shadow and change its options as shown below.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad5a.jpg" /></p>
<p>Now move the duplicated layer a bit left and up using arrow keys with Move Tool on.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad5b.jpg" /></p>
<p>Repeat the step above as long as you need.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad5c.jpg" /></p>
<h2>Step 6</h2>
<p>Since it&#8217;s an old notepad, its sheets can&#8217;t be so steady. Select the layer on the top and put a layer mask on it (it&#8217;s this little circle-in-rectangle icon under layer list). A white rectangle should appear next to the layer &#8211; select it, grab black, rough brush and draw ragged edges with it. When you draw on the mask, black makes part of picture disappear, white makes it appear again.   </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad6a.jpg" /></p>
<p>Repeat the step above to all the layers. Don&#8217;t make them all the same, they should be naturally chaotic.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad6b.jpg" /></p>
<h2>Step 7</h2>
<p>Now we&#8217;re going to create the ripped sheets. Copy a full-lenght strip of one sheet&#8230; </p>
<div class="serial-box">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-0028189720044148";
/* PSDFAN Laptop */
google_ad_slot = "6867663924";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad7a.jpg" /></p>
<p>&#8230;then move it to the left and apply the sheet&#8217;s style to it. To do it, just select the layer with style you need, right click it and select Copy Layer Style. Now come back to the layer you want it to be applied to, and right click it to select the Paste Layer Style option.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad7b.jpg" /></p>
<h2>Step 8</h2>
<p>Add Layer Mask to the strip and draw ragged edges with black, rough brush. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad8a.jpg" /></p>
<p>Then duplicate (Ctrl + J) the layer to create a few ripped sheets.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad8b.jpg" /></p>
<p>Use technique from Step 6 to rip the strips too.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad8c.jpg" /></p>
<h2>Step 9</h2>
<p>Now we&#8217;ll make holes to bind the notepad. Create new layer and draw something like this with your rough brush.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad9a.jpg" /></p>
<p>Select Drop Shadow from Blending Options and change the options as shown below.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad9b.jpg" /></p>
<p>Place the copies of the hole wherever you find it fit.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad9c.jpg" /></p>
<h2>Step 10</h2>
<p>Time for ribbon that will keep the sheets together. Use rough brush with some glum, dark color and draw a ribbon on a new layer.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad10a.jpg" /></p>
<p>Duplicate the ribbon and clip it to the original. Then put some pattern on it to simulate ragged surface.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad10b.jpg" /></p>
<p>You should know what to do now &#8211; rasterize, overlay, maybe some lower opacity.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad10c.jpg" /></p>
<p>Create a new clipped layer and put some shades around the edges. Use normal brush with low (~20%) Flow for it. Then draw the edges with the main color, and take some color of the sheet to reflect it to the ribbon. When you think it&#8217;s done, merge the ribbon with its clipped layers and duplicate it to the rest of the holes. You can use Free Transform (Ctrl + T) to change their shape a bit (and make them various). </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad10d.jpg" /></p>
<p>That&#8217;s the final effect of this process:</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad10e.jpg" /></p>
<h2>Step 11</h2>
<p>Now create a new layer and draw a knot on the middle ribbon. Use the techniques you just learnt to make it similar to the ribbons.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad11a.jpg" /></p>
<p>Some shadow will make it more natural:</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad11b.jpg" /></p>
<p>Duplicate the it to simulate strong, tight knot.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad11c.jpg" /></p>
<h2>Step 12</h2>
<p>Create two new layers and draw two loose ribbons. Make them drop a shadow too. </p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad12a.jpg" /></p>
<p>Use our tricks again to simulate the same material as before. The ribbon beneath should be more shaded, so use Curves (Ctrl + M) to darken it.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad12b.jpg" /></p>
<h2>Step 13</h2>
<p>Create a new layer under all the ribbons and paint some shadow using black brush with low Flow. Then change this layer&#8217;s Blending Mode to Soft Light. You can also add some light on the ribbon, it&#8217;s all up to you.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad13.jpg" /></p>
<h2>Step 14</h2>
<p>For the text I used free font Aquiline Two. You can find it in the resources section.</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepad14.jpg" /></p>
<h2>And We&#8217;re Done!</h2>
<p>Doesn&#8217;t it look nice? It&#8217;s ready to be taken into fantasy world!</p>
<p><img src="http://psdfan.com/wp-content/uploads/2013/03/notepadfinal.jpg" /></a></p>
<div class="serial-box">
<strong>Access the source files for this tutorial:</strong></p>
<p>The source files for this tutorial are available to our FanExtra members community. If you want to access the source files for this tutorial (and all of our tutorials + thousands of other resources) then <a href="http://fanextra.com/amember/signup.php"><strong>sign up here</strong></a>.</p>
<p>If you&#8217;re already a FanExtra member then you can <a href="http://fanextra.com/amember/login.php">login here</a> to access the source files.
</div>
<p><a href="http://fanextra.com"><img src="http://psd.fanextra.com/fanextraimages/fanextrasourcefileaccess.jpg" /></a></p>
<div class="serial-box">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-0028189720044148";
/* PSDFAN Laptop */
google_ad_slot = "6867663924";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
]]></content:encoded>
			<wfw:commentRss>http://psd.fanextra.com/tutorials/drawing/learn-how-to-create-a-vintage-notepad-from-scratch/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Paint Quick Realistic Fur Using Photoshop</title>
		<link>http://psd.fanextra.com/tutorials/drawing/how-to-paint-quick-realistic-fur-using-photoshop/</link>
		<comments>http://psd.fanextra.com/tutorials/drawing/how-to-paint-quick-realistic-fur-using-photoshop/#comments</comments>
		<pubDate>Fri, 08 Feb 2013 15:25:04 +0000</pubDate>
		<dc:creator>Monika Zagrobelna</dc:creator>
				<category><![CDATA[Drawing]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://psd.fanextra.com/?p=40435</guid>
		<description><![CDATA[Ever want to learn digital painting but thought it was too difficult or time consuming? Today's tutorial teaching you a great short-hand method for drawing realistic fur from scratch using Photoshop. <strong>Download the source file for this and all our other tutorials in our <a href="http://www.fanextra.com">FanExtra Members Area</a></strong>]]></description>
			<content:encoded><![CDATA[<h2>How to Paint Quick Realistic Fur Using Photoshop</h2>
<p>Do you love photo realistic digital art, but lack the time or skills to produce epic digital paintings?</p>
<p>If you answered yes, then don&#8217;t go anyway, this is the tutorial for you.</p>
<p>Simply avoiding learning digital painting is a real shame, as it can teach you a lot about design, art and Photoshop, and can really help you better your understanding of areas such as lighting and perspective.</p>
<p>In short, if you learn digital painting, other aspects of your day to day designing will benefit.</p>
<p>Luckily, there are certain short hand techniques that the masters use when it comes to digital painting.</p>
<p>This means that even if you don&#8217;t a whole lot of time, you can produce amazing works in minutes or hours, rather than days.</p>
<p>This tutorial will teach you how to draw realistic fur using Photoshop, without having to worry about drawing it hair by hair.</p>
<p>Think of this as a short hand guide.</p>
<p>You&#8217;ll be taken through the steps to create a realistic wolf using a photo reference and some creativity.</p>
<p>Let&#8217;s get into it!</p>
<h2>Final Image</h2>
<p>As always, this is the final image that we&#8217;ll be creating:</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/furfinal.jpg" /></p>
<div class="serial-box">
<h3>Resources Used In This Tutorial</h3>
<ul class="serial-box-list">
<li><a href="http://ma8201.deviantart.com/art/wolf-5-208234095">Wolf Photo</a></li>
</ul>
</div>
<h2>Step 1</h2>
<p>
First you need a good reference photo of your subject. </p>
<p>A good reference should be sharp and a large resolution (I found mine on one of deviantART&#8217;s stock site &#8211; see the resources section above). </p>
<p>Open the reference photo in Photoshop and save it as your new file. Choose Lasso Tool (L), make sure you&#8217;ve got &#8220;Add to selection&#8221; option turned on and use the tool to &#8220;draw&#8221; the general shape of the wolf&#8217;s body. It&#8217;s good to draw small parts at once, so that you don&#8217;t lose your work when something goes wrong. </p>
<p>Generally I prefer other selection methods, but for this example the lasso tool is perfect because it&#8217;s most similar to free-hand drawing and you&#8217;ll get natural hair tufts this way.
</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/fur1a.jpg" /></p>
<p>This is how it should look after finishing the selection. </p>
<p>Basically, we just set a border between wolf&#8217;s body and everything else. </p>
<p>Sometimes you&#8217;ll have to guess a selection for an area hidden in the source file (look at the paws).</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/fur1b.jpg" /></p>
<p>Now create a new layer and use Paint Bucket Tool (G) to fill the selection with some basic color of fur (you can pick it from reference with Color Picker (I)). We&#8217;re going to call this layer &#8216;Base&#8217;.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/fur1c.jpg" /></p>
<p>Lower the &#8216;Base&#8217; layer&#8217;s Opacity to 25% so that you can see what&#8217;s behind it. Create a new layer and grab your favourite brush to sketch basic lines. Don&#8217;t dive into details yet!</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/fur1d.jpg" /></p>
<p>Change the Base&#8217;s Opacity back to 100%. From now the reference should be there just for looking &#8211; no more tracing, or you won&#8217;t learn anything. </p>
<p>Use Crop Tool (C) to make your canvas bigger and place the reference next to the Base and the sketch.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/fur1e.jpg" /></p>
<h2>Step 2</h2>
<p>Create a new layer between the Base and the Sketch, then open its menu and choose Create Clipping Mask. Everything you&#8217;ll draw on this layer will stay within the Base&#8217;s borders. Cool, huh? Now grab a Brush and choose options for it as shown below (low Flow is a key for good blending). Lower the Sketch&#8217;s Opacity so that it doesn&#8217;t disturb you, then put first colors on the clipped layer. Pick them from the reference for realistic effect. At this moment it&#8217;s important to stress the lights and shadows, not exactly colors.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/fur2.jpg" /></p>
<h2>Step 3</h2>
<p>Have you ever seen a picture that looked great as a thumbnail, but not so good when enlarged? You can use this for your pictures &#8211; just make your image much bigger than you need. This way you&#8217;ll be able to put fine tiny details on it, and the final effect will be amazing. Go to Image > Image Size and change the Resolution to 300 (at least &#8211; if your computer is good enough, you can try more).</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/fur3.jpg" /></p>
<h2>Step 4</h2>
<p>Now look at the reference to see the flow of the fur. You need to see all the layers in your mind.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/fur4a.jpg" /></p>
<p>Draw some hair on the clipped layer according to the imagined arrows indicated below. Use the same brush as before and draw it fast, loosely, don&#8217;t really think about it too long. Pick new colors all the time.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/fur4b.jpg" /></p>
<p>When you want to draw some shorter hair that are cooped up, make a scattering brush. That&#8217;s easy, really. Check out the brush settings below.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/fur4c.jpg" /></p>
<p>And these are the places good for it. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/fur4d.jpg" /></p>
<h2>Step 5</h2>
<p>When the fur is thick and long, it doesn&#8217;t distribute evenly. There are places where it &#8220;breaks&#8221; in a specific way and the contours change. It&#8217;s very important to stress this, as many beginners forget about it, subsequently making their fur looking fake. Pick some darker color (glum green or blue should do) and draw these &#8220;cracks&#8221; wherever they are needed.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/fur5a.jpg" /></p>
<p>&#8220;Cracks&#8221; are always covered with single hairs. Use the base color for your covering hairs and cover the cracks.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/fur5b.jpg" /></p>
<p>Now pick lighter color of the fur and stress some lights. They should appear especially over the green borders of Step 4.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/fur5c.jpg" /></p>
<h2>Step 6</h2>
<p>Time to add some detail on the head. Draw the nose and the eye, using glum colors first.</p>
<div class="serial-box">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-0028189720044148";
/* PSDFAN Laptop */
google_ad_slot = "6867663924";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/fur6a.jpg" /></p>
<p>Then add some light, using a hard brush, light blue and Linear Light Mode. It will make the eyes shine, but don&#8217;t overdo it. The nose will need some wetness too. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/fur6b.jpg" /></p>
<h2>Step 7</h2>
<p>Use black to draw the claws. It&#8217;s a wolf and its claws can break off easily, so don&#8217;t make them too sharp.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/fur7.jpg" /></p>
<h2>Step 8</h2>
<p>Come back to the Base layer and use Smudge Tool to make the hair tufts even more natural and blending. You can draw some single hairs as well. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/fur8.jpg" /></p>
<h2>Step 9</h2>
<p>Merge the Base with all the clipped layers, then duplicate it (Ctrl + J) and convert the copy to a Clipping Mask. This way you&#8217;ll be able to edit whole picture without going out of the body borders.</p>
<p>For now, the fur may look hand-drawn. There&#8217;s a quick way to give it a natural look. Go into Quick Mask Mode (this way you can select chosen parts with a brush). Choose a soft brush (0% hardness) and paint over all the parts where fur goes in the same direction.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/fur9a.jpg" /></p>
<p>Click again the Quick Mask Mode button to go out of it, then, if your selection is inverted (the outer parts are selected) click Ctrl+ Shift + I to change it. Now go to Filters > Blur > Motion Blur and choose the directon of the hair you selected. The strength of the blur is up to you &#8211; the more blur, the more &#8220;dreamy&#8221; style.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/fur9b.jpg" /></p>
<p>Now repeat these steps for every &#8220;direction group&#8221; you can find. </p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/fur9c.jpg" /></p>
<h2>Step 10</h2>
<p>The blur you added could&#8217;ve break some details of the fur. Add some new dark cracks between the &#8220;direction groups&#8221;&#8230;</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/fur10a.jpg" /></p>
<p>&#8230;and this time cover it slightly with hair going into different direction. This way you&#8217;ll blend the &#8220;direction groups&#8221; you&#8217;ve blurred before.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/fur10b.jpg" /></p>
<p>Ear and head need more special treatment. Hair goes here in every direction it wants, really.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/fur10c.jpg" /></p>
<p>This is how it should look when finished.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/fur10d.jpg" /></p>
<h2>Step 11</h2>
<p>Time to add some environmental lights. According to the reference, we&#8217;ve got some sky&#8217;s reflection and grass reflection. Use very light versions of these colors to put the lights.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/fur11.jpg" /></p>
<h2>Step 12</h2>
<p>To add a final polish  choose a small, sharp brush (but leave the Flow amount low) and draw some single light hairs. Draw them loosely, in tufts, going in different directions.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/fur12.jpg" /></p>
<h2>And We&#8217;re Done!</h2>
<p>And here is the final effect. It&#8217;s looking good and using this method we didn&#8217;t have to spend ages creating it. I hope you liked the effect.</p>
<p><img src="http://psd.fanextra.com/wp-content/uploads/2013/02/furfinal.jpg" /></p>
<div class="serial-box">
<strong>Access the source files for this tutorial:</strong></p>
<p>The source files for this tutorial are available to our FanExtra members community. If you want to access the source files for this tutorial (and all of our tutorials + thousands of other resources) then <a href="http://fanextra.com/amember/signup.php"><strong>sign up here</strong></a>.</p>
<p>If you&#8217;re already a FanExtra member then you can <a href="http://fanextra.com/amember/login.php">login here</a> to access the source files.
</div>
<p><a href="http://fanextra.com"><img src="http://psd.fanextra.com/fanextraimages/fanextrasourcefileaccess.jpg" /></a></p>
<div class="serial-box">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-0028189720044148";
/* PSDFAN Laptop */
google_ad_slot = "6867663924";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
]]></content:encoded>
			<wfw:commentRss>http://psd.fanextra.com/tutorials/drawing/how-to-paint-quick-realistic-fur-using-photoshop/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>
