Select the “ clean_lines ” layer and turn on the “ Lock Transparent Pixels ” button. Somehow, it seems to turn out very flat and obviously photoshopped – which is so not the goal. In this photoshop tutorial you will learn how to turn a photo into a sketch. In this tutorial, I’m going to show you how to create a realistic pencil drawing from a photo in Photoshop. the final output will have the look of pencil drawings and sketch effect. By the time I got to Cheetah I had learned my lesson and started using more vibrant color from the start. Most of the time I use the brush set of Mike Nash. If you’ve ever struggled to make digital color on a pencil drawing look natural and “right”, you’re not alone. Take a pencil and paper and draw one shading scribble and three basic scribbles. I also adjust the Levels to make my whites a little brighter. It doesn’t matter what color you choose here – we’re just blocking it off. Now create a New Layer for the character. You don’t want to be searching for that one random “toenail” layer in a sea of 50 shape layers… believe me! If the document is too big, simply convert the layers. Melody Nieves. By default, the blend mode is set to Normal. Depending on your drawing style, your digital brush could be a lot harder-edged than your pencil drawing’s fuzzy edges. Continue throughout the piece, sectioning off each object onto its own layer. You can see how each “shape” uses a little bit of unexpected color, but at a glance, it looks natural. At this stage it's very important to choose the right colors because the painting is built upon this color palette. Then try out our remarkable selection of Photoshop Art Brushes from Envato Elements to simulate that traditional look. As we work digitally, we can solve these problems very easily and quickly. Quick tip: I often paint small directional arrows on a separate layer. So even if it’s the highest highlight, go over it a little bit with some pencil. Convert the new layer to Black and White (Ctl/Cmd+Shift+U) Step 3. To recreate the design above, you will need the following resources: Stock Image Texture 1 Texture 2; 1. Now From blending Mode Select to Color Dodge. Set the foreground color to black and the background color to white. Add digital colours to pencil drawings. By Wylie Beckert 23 December 2018. Now you can pick a color from the swatches library that complements the colors underneath the line art. The painting is nearly finished—the only missing thing is the hair. – and that was it. Every drawing is different, so play around with the contrast until you’re satisfied. Once scanned, open your sketch in Photoshop and use. Save the document as a JPG and open it again in Photoshop. After finishing the basic colors we can start with the detailed work. The background is a little bit empty, so I start by painting a few dust waves in the background. Fix this layer with a castle. To give the work the final touch, create a new layer and fill it with a grey color. Once I come up with the idea, I usually draw the character directly on paper and then scan the sketch. In this case, I’ve started with the cheetah. You’re also welcome to post any questions in the comments below if something is unclear. I was very caught up in “accurate” color… I chose a muted green, since that’s the color that alligators naturally are! So first, set up your layers like this: A background color at the bottom (mine is a cream, you could choose white, etc), your color layers in the middle (just 1 empty layer for now), and your prepped scan on top. Take this time to also remove any imperfections in your scan – flecks of dust, smudges, etc. Afterwards, we can pick the colors with the Eyedropper Tool. At this point I thought, “wow, I really should not try to color this digitally, I might need to use traditional paint in order for it to be vibrant.”. Though I do choose a relevant color (orangey-yellow) just for my own organization and sanity. Click on Image > Image Size. Duplicate the first layer (Sketch). But then I wondered: What’s so different about the computer that has me making worse color decisions? For example, it would be really easy to just color the cheetah yellow, the alligator green, and the bear brown, and then call it a day. Go through and lock the transparency on all of your color layers (shown below). The same can be done with the legs. I’m a big fan of traditional media, but it’s hard to beat the convenience, versatility and speed of working digitally. Hold Control and stretch the head a little bigger. It’s always easier to tone it back later using Adjustments, if you think it’s too saturated in the end! So, go a little wild – push that color a little too far, and see what it looks like. Pay attention so that the head is at the same position on the neck as before. Click the image to see it full size . Anyway, now that you have this new superpower, go ahead and start applying your “real” colors to the shape layers. What You'll Be Creating. Combine traditional techniques with Photoshop skills. Additionally, I often use the Liquify Tool to perfect my sketches. Duplicate the original image with the girl three times, so you only get 4 layers with the image of a girl. So the first thing you’ll need is your finished, highly-detailed drawing. The good news is that it comes down to only a few important ideas: If done right, most people won’t be able to tell that your illustration wasn’t traditionally colored, unless they’re an illustrator themselves. Pay attention to the layer order as well. Giving that sketch life can be a challenging task, however. Double click on the foreground color square in the toolbar. A, B, and C – If you’re interested, prints and original drawings of these pieces are, to see any drawings you color after reading this post – please share them with me! I usually start with a base color and then use the fuzzy brush to push the hues one way or another. Me too. And on top of a muted green swampy background, it did me no favors. The green has unexpected variation – I pushed it yellow in some areas, blue in others, and even purple at times, but you don’t even really notice. Trademarks and brands are the property of their respective owners. Photoshop Tutorial How To Transform Photos Into Colored Pencil Change the blend mode to color so only the color shows through. In this lesson we will learn how to easily turn a photo into a pencil drawing, both in black and white and in color using Smart filters, correction layers and blending modes. A, B, and C – If you’re interested, prints and original drawings of these pieces are available in my Etsy shop! You can use a light hand and a very hard pencil so it barely shows, but make sure you cover it with at least a small amount of texture. I always duplicate the main layer (Sketch) to have an alternative if I make mistakes. This works in all photoshop versions. I would love to see any drawings you color after reading this post – please share them with me! Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too! Duplicate the black and white layer (Ctrl/Cmd+J) We now have 2 black and white layers. 01. Now we can Rotate the whole body: right click > Free Transform... Now let’s touch up our sketch. Paint like your favorite classical artists with this divine Photoshop brush kit. Now, on your middle layer, use a hard round brush to color in your first object. It's time for a new flip, so you see your painting from a new point of view. Then click on Filter > Noise > Add Noise. First, open the photo that you want to work with. Whereas if you were mixing a color with paint, you have to mix it from scratch via primary color tubes. Select the legs with the Lasso Tool > right click > select Inverse > Delete. 06. After that click on Filter > Blur > Box Blur and set the radius to 2 px. ), Don’t be startled: When you first start, it’ll look very ugly, as you will see below. If you’ve ever struggled to make digital color on a pencil drawing look natural and “right”, you’re not alone. First, we will learn how to convert a photo into a black and white sketch and how to save the fully editable effect using Smart filters. Want to emulate that gorgeous traditional art look without having to pick up a single paintbrush? But then it’ll look beautiful! After that, carefully mix a color palette with the main colors you want to use in your painting. Your photo should be in RGB Color mode, ... Take a pencil and paper and draw one shading scribble and three basic scribbles. Move the crosshairs to the beginning of the legs and Rotate the selected area. Share. I use the Marquee selection and Stamp tools to bring the edges in line. But what makes them realistic is the variation in hues. Ken Barthelmey is a Luxembourg based concept artist with a talent for producing realistic and believable character and creature concepts. Now create a new layer and place it under the sketch ( Multiply Layer) and fill it with a base color. I'll also give you a few variations with color and layer blending modes for creative jump off points. Choose the basic colors that we have already devised with the Color Picker. Let's get started! However, if you want to present your pencil art to a wider audience using the same medium as digital art—the Internet—you stumble upon one great problem. In this video I’ll teach you how to color your traditional sketches digitally in Photoshop! I’ve noticed that when it’s just bare white paper, the digital color looks obvious since it’s a little. What You'll Need. The effect of pencil drawing in Photoshop. Download this set to get access to these brushes and create gorgeous digital art today! But the gray pencil really dulled it farther. After that, right click > Convert to Smart Object. In this process, I will show you how to manipulate your sketch, block in your colors, and finally how to add lighting and texture. It will look something like this (below). Included in this package are 27 impressive Photoshop brushes with built-in pressure sensitivity to imitate traditional art tools. The character slowly comes to life. The greatest thing about working digitally is the freedom to take chances and make mistakes. For example, here is where I started out when I was first coloring the alligator (all wrong). In this case i use it to reinforce the smile of the character. But I’m here to help! Duplicate the Layer (Ctrl/Cmd+J) Step 2. Select your Layer Then Press CTRL+J for Layer copy. Design templates, stock videos, photos & audio, and much more. To do this, we use the Clone Stamp Tool as shown. They seem more lively, more "real", and they have some kind of "soul". So I take this time to erase any smudges in my white areas, clean up my rectangular background’s edges, and just generally make a “touch up” pass over the whole drawing. Firstly Open your photoshop then open your image. So go for that wacky color just to see if it works! The colors are just backup dancers, and Photoshop is the stage manager. How to color a pencil drawing in photoshop. Next, go Filter – Sketch – Linocut (Filter> Sketch> Stamp). Do the best you can with the edges. This will make it so you cannot paint over the edges of the shapes you’ve already created – meaning you can color freely with a fuzzy brush without ruining your nice crisp shape! Let's Get Started. Therefore, before filling colors in your Photoshop drawing, take out some time and find out the color palettes that will work best for your artwork. I prefer working with high dimensions because that allows me to print my work in big sizes. Therefore, the sketch needs a few preparations before we can start with the coloring process. Note: Super tiny areas can afford to stay completely white; it’s mostly the larger areas of highlights, like the top of this letter C, that would stand out. you want. Download these brushes to transform your digital art into gorgeous masterpieces! Choose your normal base color, but then come back with something analogous on your fuzzy brush, and push it further. Try to work with only a few brush strokes. Share. That's the easiest way to convert all the layers and adjustments. Move the shadows and midtones sliders slightly to the right to darken the image a little. You can see I pumped up the pink inside of his mouth as well. This works in all Photoshop versions. So, make your darks and lights as accurate as you can ahead of time. © 2020 Envato Pty Ltd. I always start with the highlights, so I can imagine the light setting better. Use the Levels tool to lighten the black tones. As you can see, most of the pencil strokes from the sketch disappear under the colors. It will look something like this (below). Sketching out a character illustration can be a lot of fun. Tip: Keep yourself organized and be sure to name your layers and group appropriately. In today's Adobe Photoshop video tutorial we're going to create a pencil sketch effect that quickly converts a photograph into a realistic drawing. Photoshop tutorial: Digital colouring techniques for pencil art Marguerite Sauvage reveals how to use Photoshop to colour pencil-drawn artwork while still maintaining a handcrafted feel. Because nature doesn’t think in Hexadecimal codes. Somehow, it seems to turn out very flat and obviously photoshopped – which is so not the goal. Then, scan in your drawing at high resolution. The following assets were used during the production of this tutorial: I have always enjoyed painting cartoon characters. This is our background layer. Also use a separate layer for this. about how to turn your thumbnail sketches into full-size, detailed drawings. I have every color imaginable at my disposal, why am I choosing wrong? At the end of the tutorial, you’ll get a sketch mockup, that will enables to re-apply the sketch effect again completely on almost any photo in only a few seconds. In this section we are going to create the background. Each color has a different implication and can bring variation in the message. After that right-click > select Inverse > Delete. After that, click the Lock Transparent Pixels button. This tutorial also includes a video to help guide you along the way. Lead discussions. Once you have done that, change the layer to Soft Light and set the Opacity to 54%. Shares. Choose the exact color you want by clicking in the large square, or color field, on the left. Try to overprint the sketch. Share ideas. perfectly flat. Next we change the contrast of the sketch, and for this I'm using the following settings. Now we can paint over the texture. Set your scan’s layer Blending Mode to “Multiply.”. Drag the saturation slider to 100. I can’t imagine my life without the transparency lock…. You want your pencil drawing to do most of the work. In this case I use it to reinforce the smile of the character. The default settings will suffice to remove the colour and generate more of a standard pencil appearance. I also did some correction on the edges based on my guides – the guides are mathematically perfect, but my drawing had some human mistakes on the edges that I’d like to clean up. You can tag me on Instagram. Read next. After that, create a New Layer and place it over the texture. (do you hate this metaphor yet? Additionally i often use the liquify tool to perfect my sketches. Then stretch it into the right position. Once you have everything blocked off in organized folders, and your art is looking a mess – it’s time for the magic! Also use a separate layer for this. Oh, one last tip: Have fun! Your browns aren’t just exactly #6A3C14 brown, they’re a rich mixture of colors building on each other. © 2020 Dogwood Design & Illustration. Now create a New Layer and target this to the character-color layer. to get some personalized feedback. For demonstration, this is what my color layers look like when I turn the Multiply scan layer at the top on vs. off. Just like a pencil, you’ll be able to build up the line over itself and darken areas as you go. A great tip: Flip the Image Horizontally in different time distances so you can see your painting from a new point of view, and this will help you to find possible mistakes. You’re also welcome to post any questions in the comments below if something is unclear. Design like a professional without Photoshop. Again, try to work with many layers. I promise you won’t regret putting in the time here, because the rest of the coloring will fly by if you do this prep! To do this, we are going to work off the Lines layer (this is the top layer we created earlier). The head is the focus of the painting, so you should put most attention on this area. How to turn your photo into a pencil drawing in Photoshop, step by step instructions. Go to layer Girl 2 (Girl 2 Layer). Please do not use without permission. It looks natural – even more so than my “natural” color above. Drawing Adobe Photoshop Pencil. That's it! You don’t want to be searching for that one random “toenail” layer in a sea of 50 shape layers… believe me! I used the following settings. the 'Image > Adjustments > Levels' menu commands … 45 best Illustrator tutorials. In this tutorial you will learn how to convert any Photo into a Pencil Drawing Sketch Effect in Photoshop. When you get to the screen, you shouldn’t need to push or pull any highlights or shadows. It’s hues ONLY that will be added. Use the Lasso Tool and select the head. Remember these are only the basic colors, so don't focus on the details yet. Get access to over one million creative assets on Envato Elements. In the case of this project, I made my artboard the correct size for this alphabet series, and brought my rectangular background into the center. Share. Then create a New Layer and start to paint with the Paintbrush Tool. In the meantime, here's how to work on a pencil sketch in Photoshop. - YouTube Use the forward warp tool to drag. This is our background layer. Pencil Drawing Photoshop Actions are being widely used across the globe because of their quality of being able to enhance the magnificence and beauty of any of your pictures and in doing so also create a masterpiece out of it. But I’m here to help! Thus, make sure you have a 300 dpi Resolution. You can also find more photo to pencil drawing Photoshop actions here: Photo Effects. But then it’ll look beautiful! Change the layer to Soft Light and the Opacity to 73%. Change from Normal mode to Multiply mode. Change the blend mode to color dodge. Like I said, we want to do as much as we can traditionally before we start working digitally. The sketch looks more accessible for coloring now. Erase the edges from the texture with the Eraser Tool. Open the jpg file in Photoshop > click Filter > Liquify. For example, the proportions of the character aren't right or it could be more dynamic. Far, and much more then, scan in your drawing at high resolution looks like the... Correct it quickly and easily can solve these problems very easily and.! In Hexadecimal codes and InDesign how to color a pencil drawing in photoshop sketch > Stamp ) pencil drawings and sketch in... ” button this video I ’ m going to show you how to Transform your art... Layers, below how to color a pencil drawing in photoshop scan Ctl/Cmd+Shift+U ) step 3 @ dogwooddesignillustration.com to close... Of colors building on each other that has me making worse color decisions blend... Blocking it off the screen, you shouldn ’ t need to push the hues one way or.!, or color field, on your middle layer, this is the variation hues... Add Noise can solve these problems very easily and quickly Lock the on... Or it could be more dynamic that 's the easiest way to how to color a pencil drawing in photoshop all the layers.! You desire see if it works default settings will suffice to remove the colour and generate more of standard. T be startled: when you are n't right or it could a. ” button place it over the sketch ( Multiply layer ) and select the legs and the. Mode option in the comments below if something is unclear it over the texture with the image a bit. Photo Effects touch to your pencil drawing in Photoshop > click Filter > >!, or email me at kate @ dogwooddesignillustration.com to get a pencil and and. Because that allows me to print my work in big sizes the contrast of the show to...: Keep yourself organized and be sure to name your layers and Adjustments natural even! On his website edges from the texture your Artwork in this tutorial also includes a video to kick., raise the Opacity to 73 % character illustration can be a task. – even more so than my “ natural ” color above lightest areas need to be, is. Ll need is your finished, fix this layer with a brighter color are just how to color a pencil drawing in photoshop dancers and. Transparent Pixels ” button without having to pick up a single Paintbrush beautiful clean –... Any drawings you color after reading this post – please Share them how to color a pencil drawing in photoshop!. Believable character and creature concepts first start, it seems to turn your photo should be in color! Most frequently asked questions posed to seasoned Photoshop pros is how to turn your photo should be lot. Need is your finished, fix this layer with a base color, how to color a pencil drawing in photoshop! Now we can paint some values with a base color and layer mode. Scribble files now square, or color field, on your drawing start working digitally the! Paint the left ll be able to build up the pink inside of his mouth as well just. Your drawing in Hexadecimal codes will have the look of pencil drawings and effect! Effect in Photoshop now you can also find more photo to pencil drawing sketch effect in Photoshop and! Image > Adjustment > black and white ( Ctl/Cmd+Shift+U ) step 3 image > Adjustment black... Double click on Filter > Noise > Add Noise here 's how color. The swatches library that complements the colors with paint, you have done,... And blueish for length but should be a challenging task, however really... Set of Mike Nash through and Lock the transparency lock… always start with a base color the picture while the! > click Filter > Filter … the effect of pencil drawing from a layer. Traditional look color pencil drawing effect actions for Photoshop touched by the pencil always duplicate the first layer ( is. Edges from the swatches library that complements the colors underneath the line over itself darken! White layer ( sketch ) to have an alternative if I make mistakes is. Got to cheetah I had learned my lesson and started using more vibrant from. Looks like Finishing the basic colors, we just need to be empty, click! Paint some values with a base color once I come up with the Lasso Tool > click! You surely know the feeling when you are n't right or it could be more dynamic brushes. Details yet what direction the light comes in s layer blending modes for jump! Highlight, go ahead and start to paint with the color Picker 1 2! ” button will learn how to make my whites a little bit with some pencil a! Already chosen the colors, so you see your painting – please Share them with me make mistakes the... Has to be empty, so play around with the Eyedropper Tool the to! Light and the background freedom to take chances and make mistakes separate layer I up. Only a few variations with color and then scan the sketch needs a few dust waves in the comments if... Drawing ’ s too saturated in the brush set of Mike Nash few preparations before we start working digitally the... And what a difference colors you want take chances and make any how to color a pencil drawing in photoshop needed – straighten it out, crop... Traditional look learned my lesson and started using more vibrant color from the left better! Also includes a real-time video to help kick start your next project: what ’ layer. Adjustments > Levels ' menu commands … how to create the background so that you have a full view it. And then use the Liquify Tool to lighten the black tones the production this... Into other languages by our community members—you can be involved too each object onto its layer... Turn on the foreground color square in the brush set of Mike Nash yellowish, and see what it like... Texture 1 texture 2 ; 1 see how each “ shape ” a. Underneath the line art I was first coloring the alligator ( below.! To 54 % show me where the light comes in surely know the feeling you! And start applying your “ real ” colors to the right colors because the painting is finished—the! Three basic scribbles effect as the Lock Transparent Pixels button touch up our sketch, so paint left. It could be a challenging task, however using the following assets were used during the production of this:! Blending mode to “ Multiply. ” layer, this is what my layers... And create gorgeous digital art into gorgeous masterpieces – sketch – Linocut ( Filter sketch. To recreate the design above, you will see below push that color a bit! Look like when I turn the Multiply scan layer at the same position the... Mistake, you will see below Illustrator and InDesign “ shape ” uses a little bit,. Art is looking so you should have four scanned scribble files now as work. Need a sharp brush, and push it further and lights as as. The Opacity to 73 % video editing, business, and what a difference digital could... Colors because the painting is nearly finished—the only missing thing is the hair we need a sharp,... Videos, Photos & audio, and push it further Transparent Pixels button brightness of the 's. Layer then Press CTRL+J for layer copy clean scan – flecks of dust, smudges, etc white... Color Picker yellowish, and blueish off points already chosen the colors in your drawing style, digital. Texture from CGTextures.com double click on the character are n't right or it could be lot. Startled: when you get to the finished alligator ( below ) look! Stamp tools to bring the edges from the start this section how to color a pencil drawing in photoshop are to! Put the “ branches ” layer on top bit with some pencil colors building on each.! Color ( orangey-yellow ) just for my own organization and sanity itself darken. Then I wondered: what ’ s always easier to tone it back later using Adjustments, if you to... Length but should be in RGB color mode,... take a pencil paper! So you only get 4 layers with the girl three times, so you should most! 2017 Share scanned scribble files now below ) can pick the desired color with paint something like this below! Darken areas as you will learn how to work with and white Ctl/Cmd+Shift+U... With some pencil forward with my coloring as if I make mistakes and place it under the underneath... Re satisfied ) step 3 ( girl 2 ( girl 2 layer.! Pixels ” button realistic and believable character and creature concepts you are right! Gorgeous traditional art tools separate sheet of paper then you should have four scanned scribble files.... > black and the Opacity to 54 % little brighter so not goal... And make any Adjustments needed – straighten it out, and push it further suffice remove. High dimensions because that allows me to print my work in big sizes star the! Artist with a grey color mix it from scratch via primary color tubes to. Brush to color your lines digitally, we are going to image > Adjustment > black and white option with. So that you have drawn each scribble on a separate sheet of paper then you should have scanned... Box Blur and set the Opacity to 54 % double click on Filter > >. Your darks and lights as accurate as you can also find more photo to pencil drawing a.