Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
May 7, 2021 07:00 am

How to Draw in Photoshop

Final product imageFinal product imageFinal product image
What You'll Be Creating

Can you draw in Photoshop? Sure, if you know how! Using Photoshop to draw may sound like a weird idea, but many professional artists use it on a daily basis.


In this tutorial, I'll teach you how to draw in Photoshop. I'll show you all the basic tools and present a step-by-step process of Photoshop drawing—from sketch to color, shading, and special effects. In my opinion, this technique is the best way to draw in Photoshop if you're a beginner, but you can modify it later to create your own personal style. So if you're interested in drawing in Photoshop for beginners, this will be a perfect tutorial for you!


What You're Going to Learn in This Adobe Photoshop Drawing Tutorial



  • How to draw using Photoshop

  • What is the best way to draw in Photoshop

  • What are the drawing tools in Photoshop

  • The easy way to shade in Photoshop

  • How to draw in Photoshop using Clipping Masks

  • How to blend in Photoshop


Follow along with us over on our Envato Tuts+ YouTube channel:











What You'll Need


For this tutorial we're going to need a reference photo. Using references is not cheating—it just means you draw something you see instead of something you imagine. You can find good, high-resolution references on Envato Elements. I used this one:



Envato Elements is an awesome resource where you can download many Photoshop actions, add-ons, and brushes, like this artistic and matte painting brush set, perfect for adding texture and realistic traditional drawing textures to your Photoshop art.


photoshop painting brushes basicphotoshop painting brushes basicphotoshop painting brushes basic


1. What Are the Drawing Tools in Photoshop?


In this section, I'm going to explain the basic drawing tools of Photoshop. If you don't consider yourself a total beginner and you're interested in the drawing technique only, feel free to skip to section 2.


Step 1


Open Photoshop and create a New File. First, we have to decide the size of our canvas. You can change it later, but it always comes at a loss of quality, so choose wisely. The bigger the size, the more details you can fit in, but also the harder it is for your computer to manage. Let's use the dimensions 5000 x 3500 for now.


photoshop file dimensionsphotoshop file dimensionsphotoshop file dimensions

Step 2


The new file has been created, and we're ready to draw! But first, take a look at the Layers panel. There's a single layer here for now—the background filled with white. To keep your lines separated from the background, you need to create a New Layer. Just click the plus icon to do it.


photoshop default layerphotoshop default layerphotoshop default layer

Step 3


Press B to use the Brush Tool. If you draw something on the canvas now, it will be drawn on the layer that is currently selected. Click the eye icon next to the background layer to see that it stays separated from the lines. Because the lines are separated, you can use the Move Tool (V) to drag them, or press Control-T to resize and rotate them.


create new layercreate new layercreate new layer

what are layers forwhat are layers forwhat are layers for
This line is separated from the white background


Step 4


Change the color now and draw something over the first line. You'll notice that they're merged—you can only move them together. But if you create a New Layer and draw on it, then these lines will stay separated. So always pay attention to what layer you're drawing on. If you want to make sure you won't draw on a certain layer by accident, you can lock it.


You can remove these layers by pressing Delete to clean up the canvas.


how to lock photoshop layershow to lock photoshop layershow to lock photoshop layers
You can lock the layer to avoid accidents


multiple layersmultiple layersmultiple layers
These lines overlap each other, but as long as they're on separate layers, you can move, edit, and delete them individually


Step 5


Right-click on the canvas to open the Brushes palette. It includes all the default brushes. You can also open this panel by clicking this icon on the right.


photoshop brush palettephotoshop brush palettephotoshop brush palette

Step 6


Test a couple of brushes now. You'll notice that they're pretty small—it's because the canvas is so big! To change it, you can press Z to use the Zoom Tool and "get closer" to the canvas. Then you can hold the Space key and drag the canvas to move across it. To zoom out, hold the Alt key when using the Zoom Tool, or press Control-0 to reset the view. If you have a hard time remembering the shortcuts, just use the View menu.


You can also temporarily rotate the whole canvas by clicking R. Press Escape to reset the rotation.


Zoom toolZoom toolZoom tool
Using the Zoom Tool doesn't make the canvas bigger—it just makes it appear so


Step 7


You can also change the size of the brush. You can do it by dragging the slider in the Brushes panel, but it's easier to simply use the square bracket keys: [ and ]. When drawing, I keep my fingers over them all the time to change the size of the strokes dynamically.


how to change brush sizehow to change brush sizehow to change brush size
You can change the size here, but in drawing it's faster to use the shortcuts


Step 8


We're almost ready to start drawing, but first choose a sketching brush. You can pick any of the default ones, but if you feel none of them fits your sketching style, you can create your own brush. Select the brush that seems to be the closest to your idea of a perfect sketching brush and open the Brush Settings panel—it's right over the Brushes panel.


brush settings panelbrush settings panelbrush settings panel

Step 9


You can now experiment with the settings to see how they affect the strokes of your brush. You don't have to know what these settings do—just change them and see what happens. You can also change the settings in the upper bar.


sketching brush settingssketching brush settingssketching brush settings
I've started with the "Hard Round Pressure Size" brush and modified it this way


Step 10


When you're done, click the plus icon to save these settings as a new brush. You can now create your own brush group and drag your new brush to it.


create new brushcreate new brushcreate new brush

save new brushsave new brushsave new brush

Step 11


Alternatively, you can install brushes made by other artists—you just need to download the brush set, like this pencil brush set from Envato Elements, and drag it into the Brushes panel.


how to install custom photoshop brusheshow to install custom photoshop brusheshow to install custom photoshop brushes

One more thing: remember to Save (Control-S) your artwork every time you do something important.



2. How to Prepare Your Reference for Photoshop Drawing


Step 1


Before we start drawing, open your reference in Photoshop, then go to Image > Image Size. Make it 500 px wide. If you want, you can go to Image > Image Rotation > Flip Canvas Horizontal—I think my reference looks better this way.


make image smallermake image smallermake image smaller

flip image horizontalflip image horizontalflip image horizontal
Personally, I like my characters facing the left side!


Step 2


Go to Filter > Filter Gallery > Artistic > Cutout. Adjust the settings to turn the scene into a set of geometrical shapes. Remove as much detail as possible while keeping the general outline of the elements.


make reference easier to copymake reference easier to copymake reference easier to copy


3. How to Draw Line Art in Photoshop


Step 1


Now we can start drawing! Remove all the test layers and create a new one. Keep your reference photo in sight—you can use the PureRef app for this purpose. Start by blocking out the main shapes, focusing on the proportions. Thanks to what we did to the reference a moment ago, it's easier to copy the geometrical shapes without getting lost in the details. Angles are also easier to copy than round shapes. Keep your brush big, and don't zoom in too much. Focus on the big picture for now.


Don't try to make it perfect all at once. Remember that you can use Control-Z to undo a mistake, or use the Eraser Tool (E) to erase it. You can also use the Lasso Tool (L) to select a part of the drawing and move it to another place. Press Control-D to deselect when you do it.


Because my brush gets thicker when I press harder, I can draw the first lines more subtly, and make them darker and thicker when I want to accentuate their final position. The thick lines cover the thin, exploratory lines.


how to sketch in photoshophow to sketch in photoshophow to sketch in photoshop

Step 2


When you're done, lower the Opacity of this layer by dragging the slider in the Layers panel. This will allow us to use the sketch as a support for the next stage of drawing, without creating a jungle of lines. Switch your reference to the original photo.


lower the opacitylower the opacitylower the opacity

Step 3


Now create a New Layer, make your brush smaller, and continue drawing, this time adding all the details and fixing the proportions if necessary. Don't try to keep it clean—it's still a sketch, just a more detailed one. It's good to analyze the elements in the scene to copy their 3D form, not just the outlines. Understanding what you're drawing will help you with shading later, and it's also a necessary step to be able to draw from imagination in the future.


This doesn't apply to Photoshop drawing only, but to drawing in general—however, since digital art is often considered to be easier than normal drawing, your expectations for your first attempts may be higher. Whenever you feel frustrated, keep reminding yourself that there's nothing wrong with you—it's just harder than it looks. Control-Z may help you remove your mistakes, but there's no shortcut to draw something the right way.


Flipping the image horizontally from time to time will help you see the whole image with fresh eyes and make certain mistakes more noticeable. You can assign a keyboard shortcut to it to make it more convenient.


how to clean up the sketchhow to clean up the sketchhow to clean up the sketch

Step 4


Now, time for the final lines! Hide the first sketch and lower the Opacity of the second one. Then create a New Layer, zoom in, and draw the final, clean drawing. Keep your brush small and your strokes smooth. It's good if these strokes are dark and pretty hard-edged—this will make it easier to create the Clipping Mask later.


Take your time—creating good line art is a skill on its own, and you shouldn't rush it just because you've spent so much time on this drawing already. Make sure to include a variety of lines in your line art—thick and thin, tapered and rounded. Accentuate certain parts strongly, and others subtly. You can hide your sketch from time to time to see how you're doing and what else needs to be accentuated.


how to draw line art in photoshophow to draw line art in photoshophow to draw line art in photoshop

Step 5


Create separate line art for the branch, or any other objects you have in your scene that overlap the previous elements.


how to finish the line arthow to finish the line arthow to finish the line art

Step 6


Hide the sketch layer and name the line art layers so that you can instantly recognize them.


name the layersname the layersname the layers
It's good to make a habit of naming the layers—the more of them you have, the easier it is to get lost!



4. How to Color a Drawing in Photoshop


Step 1


Take the Magic Wand Tool (W) and click the area outside of the line art. If it doesn't select the whole element, change the Tolerance. Then go to Select > Inverse to select the inside of the outline.


use the magic wand to selectuse the magic wand to selectuse the magic wand to select
Make sure your outline is continuous, without any gaps—otherwise the automatic selection will not work


Step 2


Create a New Layer under this layer, and use the Paint Bucket Tool (G) to fill it with any color. Deselect with Control-D. Give this layer a name, something including "mask".


fill the selectionfill the selectionfill the selection

Step 3


Do the same with the other object or objects in your scene.


fill the other objectsfill the other objectsfill the other objects

Step 4


Let's add the colors now. Select the background layer and click the circle icon on the bottom. Select Gradient and create a bluish-white gradient to create the effect of a cloudy sky.


select a gradient fillselect a gradient fillselect a gradient fill

add blue gradientadd blue gradientadd blue gradient

Step 5


Select the first mask and create a New Layer. Hold the Alt key and click the line between these two layers. This will create a Clipping Mask—now you can draw all over this new layer without risking going outside of the lines.


create clipping maskcreate clipping maskcreate clipping mask

Step 6


Use this method to fill the objects with a single color.


fill the objects with colorfill the objects with colorfill the objects with color

Step 7


A single, uniform color is pretty boring, so let's add another, similar color using a hard brush.


add another coloradd another coloradd another color

Step 8


Now we need to blend these two colors. Find the Brush Tool in the toolbar, and then hold its icon to reveal a menu. Select the Mixer Brush Tool. Adjust the settings to create a blender brush that works just the way you expect it to—a soft round brush can be a good base for the default blender, but textured brushes create nice effects too.


When you find the perfect settings, save them as a new brush, just like before.


select the mixer brushselect the mixer brushselect the mixer brush

mixer brush settingsmixer brush settingsmixer brush settings
Experiment with these settings—there are many methods of blending!


Step 9


Use this method to add as many colors as you need, but for now focus only on the big areas of color.


add more colorsadd more colorsadd more colors

Step 10


Now add another layer and color the details. Coloring the details separately can be useful in case you want to change anything important later. However, the blender brush may not work if you want to blend things from two different layers.


add color detailsadd color detailsadd color details

Step 11


Let's add one more layer for the spots. This pattern, although very time-consuming, will make the leopards look more detailed even without intricate shading.


add leopard patternadd leopard patternadd leopard pattern
Remember to "wrap" the body with the spots—don't just draw them one by one



5. How to Shade in Photoshop


Step 1


Let's shade our drawing now! Create a New Layer on top of the previously clipped layers, clip it, and fill it with white. Then click the Normal button to reveal the list of Blend Modes. Select Multiply. When you paint on a layer in Multiply mode, the colors become transparent—instead of covering the colors beneath, they darken them, as a colored glass would. That's why it's perfect for drawing shadows!


fill layer with whitefill layer with whitefill layer with white

select multiply modeselect multiply modeselect multiply mode

Step 2


Draw the shadows on the lower part of the body using a hard brush. Use greenish yellow rather than black—this will make the shadows look more natural, as if filled with light reflected from the environment. You can keep the shadows sharp or blend them, depending on the style you're going for.


add sharp shadowsadd sharp shadowsadd sharp shadows

blend the shadowsblend the shadowsblend the shadows

Step 3


For a more realistic effect, use a few levels of darkness—make the biggest area of shadows quite bright, and then find the areas that need more shadow and darken them. The darker the shadow, the smaller the area it should cover. You don't have to copy the shading in the reference directly—sometimes it's better to use simpler, more predictable shading in your drawing.


add more detail to shadowsadd more detail to shadowsadd more detail to shadows

shadows in normal modeshadows in normal modeshadows in normal mode
If you switch back to Normal mode, you'll be able to see the shadows separately from the colors


Step 4


Add one more white Multiply layer. This time, paint some sky-colored shadows on the top and left side of the body—this will make them look more three-dimensional.


add side shadowadd side shadowadd side shadow

side shadow in normal modeside shadow in normal modeside shadow in normal mode

Step 5


Do a similar thing with the branch.


finsih the shadingfinsih the shadingfinsih the shading


6. How to Finish a Photoshop Drawing


Step 1


Let's finish the background now. Adjust the gradient if necessary to make it fit the colors you've chosen later. Then create a New Layer and go to Filter > Render > Tree. You can pick any tree you want, but I think Shrub will work best here.


change the backgroundchange the backgroundchange the background
When it comes to colors, you don't have to stick to your first choice—feel free to modify your artwork to the very end!


generate treesgenerate treesgenerate trees

Step 2


Use the Move Tool (V) to place the tree in the bottom-left corner. Then hold the Alt key and drag to create more trees in this area.


add more treesadd more treesadd more trees

Step 3


Hold the Shift key to select all the tree layers, and then press Control-E to merge them. Lower the Opacity to simulate some atmospheric perspective.


merge the layersmerge the layersmerge the layers

Step 4


Now merge the trees with the sky, and go to Filter > Blur > Lens Blur. Adjust the settings to create the effect you like, and then press OK.


add lens blur filteradd lens blur filteradd lens blur filter
Experiment with these settings


Step 5


Now it's time to stop looking at the reference and focus entirely on your work. Take a good look at it—is there anything you'd like to change? Because every effect has been applied to a separate layer, you won't have any problem adjusting them.


You can duplicate the layer by pressing Control-J to make the effect stronger, and lower its Opacity to make it subtler. You can create a New Layer on top and paint on it to add more details. You can blend the shadows some more, or add new ones. Feel free to spend as much time as you need at this stage to make your image as good as it can possibly be!


finish the drawingfinish the drawingfinish the drawing

Step 6


When you're done, select the whole drawing by pressing Control-A, and then go to Edit > Copy Merged and paste the copy into a New File. Go to Image > Image Size and give your drawing a more sensible size—something around 1000 px wide. Now your file is ready to be saved as a PNG and shared on social media!


resize the drawingresize the drawingresize the drawing

from drawing to paintingfrom drawing to paintingfrom drawing to painting
If you prefer a more painterly style, you can also remove the lines and/or paint over them. However, keep in mind that finishing the artwork this way may take as much time as you've already spent on it, or more!


Good Job!


Now you know how to draw using Photoshop! You know how to draw the first sketch, how to create the line art, how to add the colors, how to shade, and how to finish the artwork. Now, using Photoshop to draw doesn't sound like a crazy idea anymore!


photoshop drawing finalphotoshop drawing finalphotoshop drawing final

Photoshop Painting Brushes


Creating custom brushes in Photoshop is possible, but it takes some time and skill. Instead, you can use brushes created by other artists! Here are a couple of propositions from Envato Elements.



Artistic & Matte Painting Photoshop Brush Set (ABR)


photoshop painting brushes basicphotoshop painting brushes basicphotoshop painting brushes basic

If you need a basic, universal brush set, try this one—it contains 22 brushes designed to simulate various traditional tools. It may look simple, but the truth is you don't need anything else to create wonderful artwork!



Pencil Brushes Photoshop (ABR)


photoshop pencil brushesphotoshop pencil brushesphotoshop pencil brushes

Whether you need a pencil just for the first stage of drawing, or you want to create an artwork that looks as if it was drawn with real pencils, this brush set is a great choice. It contains 31 brushes, and some of them will save you a lot of time during shading!



Shader Brushes for Photoshop (ABR, EPS, PNG)


photoshop shading brushesphotoshop shading brushesphotoshop shading brushes

This professional brush set will allow you to achieve a unique style of shading. It's perfect for minimalistic illustrations, but these textured brushes will be great for photorealistic artworks as well!



Stipple Brush Set for Photoshop and Illustrator (ABR, AI, EPS)


photoshop stipple brushesphotoshop stipple brushesphotoshop stipple brushes

Stipple shading is a method of shading using a series of tiny dots grouped together. If you like this style, thanks to this brush set you won't have to draw all these dots by hand—these brushes come in different sizes and densities to create a realistic and natural effect.



Photoshop Ink Brushes (ABR)


photoshop ink brushesphotoshop ink brushesphotoshop ink brushes

Ink drawings look really cool, but ink is not very forgiving. However, if you use digital ink, you get the same effect without all the pressure! This brush set contains 12 ink washes brushes, 12 sketching ink brushes, and ink stain brushes—combine them all for a fantastic end result!


If you liked this Adobe Photoshop drawing tutorial, you may also like our other tutorials:




Original Link: https://design.tutsplus.com/tutorials/how-to-draw-in-photoshop--cms-36853

Share this article:    Share on Facebook
View Full Article

TutsPlus - Design

TutsPlus+ is a blog/Photoshop site made to house and showcase some of the best Photoshop tutorials around.

More About this Source Visit TutsPlus - Design