Rendering an image in Photoshop from scratch using the Pen Tool. Drawing pictures - all lessons - photoshop - graphics - grafpolit

“Drawing pictures” I’ll write what I use myself, what method

I liked it. I will try to make the lesson detailed, because... it is important to understand and feel the method

pen drawing. In addition, there are many nuances that I will also try to cover in the lesson!
At first glance, everything seems difficult, but once you get the hang of it, you will see that this is a very accessible skill!
So let's get started.

1. First, we select the picture we want to draw. Usually this is not a very good drawing

quality, but with clearly visible contours. You can also draw fluffies, but this is a topic for

another lesson.

I will have this funny cat

2. Create a document 2000 x 2000 pixels on a transparent background

our document.

The following window appears. Leave these parameters and click OK

don’t put it, then the line will just be straight. Click OK.

13. Now we see the resulting outline

Circle (step 8)

Hello, dear readers of PhotoCASA magazine!
Today I am with you, Anna Zadvornova, with a new lesson in which I will tell you how to draw a portrait. So, let's begin!
First, open the original image.
Let's go to Curves.

Create a Selective color correction layer, set the values:
RED: Cyan –3, Magenta –4, Yellow +8, Black 0.
YELLOW: cyan –12, magenta –5, yellow +10, black 0.
Hue/Saturation, set the values:
RED: +1, +8, 0.
YELLOW: +1, +13, 0.
BLUE: +3, +12, 0.
Next, set the Curves, as in the screenshot.

In this lesson we will show how in literally 20-30 minutes you can make wonderful gift in the form of a hand-drawn portrait. However, it is not at all necessary to have any artistic abilities. Need a photo Photoshop and a little patience.

Photography Hand-drawn improvisation

Step 1.

Open the sample photo in Photoshop. Tool frame (key C ) crop the photo. Set the required image size (keys Alt+ Ctrl + i) , check the box Maintain proportions. We recommend setting the resolution to 300 pixels; this will allow you to scale the image with minimal loss. For convenience, copy the photo and paste it into a new layer (click sequentially Ctrl + A, Ctrl + C, Ctrl + V ). This will allow you to move the photo between layers.

Step 2.

Next we need a tool feather (key P ). This tool allows you to create vector images in different colors. Moreover, color and transparency can be changed at any time. If you click on the small triangle on the icon with your cursor feather , then additional tools will open, with their help you can edit an already drawn image (add and delete vertices, change the angle). Under the instrument feather there is a tool arrow (key A ). By using arrows you can move the vertices of a vector drawing. Create a new layer (keys Shift + Ctrl + N ). Before you start creating a vector path, we recommend using the palette Layers remove transparency for the new layer so that the fill does not obscure the photo.

Outline the eye.

Step 3.

Double click on the drawn layer in the palette Layers . A color palette will appear. If you move the cursor from the palette to the drawing, you will see pipette , you can choose a color for her eyeball On the photo. Click Yes . You can also assign a fill color for a vector outline in the tool palette Feather by clicking on the icon Color .

On the palette Layers Make the current layer 100% opaque.
The result will be an eye filled with white.

Next, so that the filling does not interfere, on the palette Layers turn off the visibility of the vector layer
contour of the eye (to do this, click on the eye to the left of the layer icon).

Step 4.

Create a new layer (keys Shift + Ctrl + N ). Make it transparent (see Step 2.).
To draw the iris of the eye we will use the tool Ellipse. You can select a tool from the panel Tools by clicking on the small triangle on the button Rectangle or by pressing the keys several times Shift + U until selected in the panel Ellipse. Since we made the layer transparent, the drawn ellipse will not be filled. To edit a shape, right-click and select Free path transformation ( Ctrl + T). When the ellipse is ready, select a fill for it (see Step 3.).
Draw the pupil in the same way.

Further using Pera (key P ) draw all parts of the face. Don't forget to turn off the visibility of layers for convenience. Also using the mouse on the palette Layers you can move the sequence of layers. The result should be something like this.

If you add a contour to the entire face and place a layer under the rest of the contours, you will get next picture:

Step 5.

At this step we need to blur the hard lines of individual elements.
If you look closely at the iris of the previous drawing, you will see that, unlike your blank, it looks three-dimensional. This is achieved by darkening the edge of the ellipse. There are many ways to achieve this effect. We will offer one of them.

Advice: To avoid getting confused in the layers, we recommend organizing them. For each logical element, create a group (folder) and transfer all layers related to it there. The group creation icon is located at the bottom of the palette Layers. You can also combine layers into a group by selecting them (while holding down theCtrl) and pressingCtrl + G . To rename a group, just double-click on the name. To view the contents of a group, you need to click on the triangle to the left of the folder icon.

Double-click on the iris layer to the right of its name. A palette will appear Layer Styles . We will need an item internal glow.

Settings can be selected at your discretion. We offer the following:
Mode – normal;
Opacity – 60%;
Glow color – black;
The method is soft;
Size – 35 pixels (depending on the size of your drawing).
Please note that these settings can be changed at any time. In point color overlay you can change your eye color.

In order for these settings to be automatically applied to the second eye, you need to copy the layer properties. To do this, click the right mouse button to the right of the layer name. Select the item from the pop-up menu copy layer style . Next, select the layer with vector image iris of the second eye and also right-click to the right of the layer name. Select a pop-up menu item paste layer style .

In a similar way, you can blur the transitions of other hard lines that you would like to soften. But this method has disadvantages. The transitions turn out to be too unnatural and are more suitable for regular shapes. Therefore, further we recommend working with raster tools.

Step 6.
For creating smooth transitions arbitrary size, we need to create a layer mask. Select the layer with the element (in our case it is the shadow of the nose) and at the bottom of the palette Layers click the button add a layer mask .

Advice: Turn off all layers except the one you are editing (clickAlt and a peephole on the palette Layers). You will also need a photograph. Don't forget that the photo layer can be moved anywhere. If you right-click on the peephole, a menu for selecting a display mode will appear. You can show all layers except the selected one, only the selected one, and also assign a color to the layer to make it easier to find it later.

A new icon has appeared in the layer. By clicking the left mouse button, you can select the desired one (shape, mask or path), if you click with the right one, its properties will appear. Highlight mask (white rectangle). In the place where you draw black on the figure in mask mode, the figure will be transparent. To restore opacity, paint with white. For smooth transitions, choose brush on the toolbar (key IN ). Select at the top of the palette the right brush, adjust the desired diameter and hardness. Don't forget to assign black for transparency or white for return in the palette.

Edit the shape until you achieve the desired result. Thanks to the use of a mask, we can always return to the original outline and blur the boundaries again. Also on the palette Layers You can select transparency for the entire layer.

Step 7
Now there's just a little bit left to do. It is necessary to “powder” dark areas to enhance volume.
Go to the layer with the outline of the entire face. Duplicate the layer. To do this on the palette Layers, to the right of the name of the desired layer, right-click, select Duplicate Layer . Double click on the new layer rectangle, a Color palette . Choose a color for the shadow areas (about the same as we used for the outline of the nose). Create a mask for the dark layer (see Step 6). We got two identical layers, but the top one is dark with a mask, and the bottom one is light without a mask.
On the palette Layers For the dark layer, select a mask (click the white rectangle). On the panel Tools select black color using the tool Fill (key G) paint over the layer. As a result, it will be transparent. Turn off the visibility of the light layer (click on the peephole) so that we can see the photo.

Now, if with white color, with the selected mask, draw brush on the dark layer, we will apply the desired tone.
Select a brush, preferably use large diameter(cm. Step 6). The result should be something like this.

This procedure could be done with a regular brush, but then the fill will go beyond the border of the face, and thanks to the mask, we can clearly darken only the necessary areas.
If necessary, you can add more shades either by duplicating the layer, as we just did, or with a regular brush. When you're done, add a light layer to the face outline.

Step 8

It is worth noting that you can improve the drawing ad infinitum. It all depends on desire and time. You can draw eyebrows and eyelashes with a hair brush. Add an additional filter, experiment with eye coloring, etc. We will limit ourselves to filling the background.

I noticed that many people have problems with drawing vectors in Photoshop. Some people end up with broken and crooked lines. Some people even paint with a brush, thinking that they are making vector objects.
In the meantime, vectors in Photoshop.

The main questions that will be discussed in this lesson:

1. Tools for creating vectors in Photoshop.
2. Illustrated example of drawing a simple object.

Graphic Adobe editor Photoshop is suitable for creating simple vector drawings using fairly convenient tools. Of course, it loses to specialized programs like CorelDRAW, but many are already accustomed to it, and Corel is quite difficult to learn (especially on your own)
What is a vector drawing?
It represents many objects from which, like a mosaic, a picture is formed. Unlike raster images, vector images can be changed without losing quality. For example, stretch, compress, recolor, change the shape of objects.
IMPORTANT - a drawing saved in JPG format loses its vector properties. And turns into raster.
The format in which vector properties are saved is PSD. (in Photoshop)

The only ones vector tools in Photoshop - this is Bezier Pen aka pen tool, freeform pen tool, and others from this series. Also vector are geometric figures(Oval tool, Rectangle tool, Ellipse tool etc.)

IMPORTANT: other tools, such as the Brush tool (brush), Pencil tool (pencil) and others, are RASTER tools and are not suitable for drawing in vector technology.

So, we learned about what tools to use. Now let’s take a closer look at the drawing technique itself.

Let's start naturally with choosing a photo. IMHO, any simple object will do for the first vector. For example - a pack of cigarettes, a mug, a CD and other things that are easy to construct.
From the faces human figures, cars and complex subjects It's better not to start. You will get confused and only spoil the idea.

For example, I took a photo of a leaf %) Very small in size.
IMPORTANT: it is much more convenient to work without using the Posterize filter, as described in the lesson on Demiart

To make drawing easier, zoom in on the image. Then click on the first point of your future path with the pen tool.
Make a second point on the path and curve the line (click, then hold down the mouse button and drag the line to the side).
With just two points (which are called Anchor points, by the way), we approximately repeated the shape of one side of the leaf.

Then we make a third point on the contour (at the base of the leaf). They will automatically connect with a line. But unfortunately, it will not bend at all according to the shape we need.

To make it more convenient for us to edit the shape of the outline, let’s change the transparency settings of the vector layer by turning the Opacity knob

Next, we press the Alt button and drag the “horns” - the vector guides. These “horns” grow from the Anchor point’s. We pull them and give them approximately the correct shape. By the way, the cursor should take the shape of a “corner” when you point it at the “horns” with alt held down.

Let's draw the remaining leaves in the same way. And at the same time we will change the color. Changing the color is easy and simple - double-click on the square in the vector layer.
Hide the main photo by clicking on the “eye” in layers. We no longer need it - after all, we have already outlined the outline.

Create a new layer and fill it with white. We get a small picture with a drawn leaf. WITH smooth lines.=) Vector))

But we suddenly wanted to enlarge it many times) If the drawing had remained rasterized (as it was at the beginning), then it would have been fucked up - crooked and pixelated.
This is how we got it (we used Image-Image size-700 pixels)

Voila! The quality was preserved, the lines turned out smooth, the vector file did not increase by a kilobyte.

I did not draw further, but it is clear that the details and highlights and shadows of the object are drawn using exactly the same techniques.
Drew general outline- hid the layer with it - drew a shadow - hid the layer with it - made a highlight and details - opened all the layers and got a drawing.

Perhaps I described something unclear. Or you can’t do some action. Ask questions in comments. It's better to ask than to do shit.

I hope that your work will now be of better quality.

One of the most important tips in drawing portraits is to draw what you see, not what you think you see.

It's very easy to start drawing details that you think you see, and this will end up changing the entire image without even realizing it. Having done this, you will see a finished drawing that hardly resembles the model, and you will be very surprised why you can’t make it look like it. If you constantly analyze the source during the process, then the drawing will come out much better.

This portrait was based on a photograph of Miss Mosh.

Note: The tutorial used brushes for hair, sketch, drawing and grunge texture for clothes. Unfortunately, the author did not provide a link to the source of the materials. As an alternative to completing the lesson, you can use the materials suggested below or select your own.

• Grunge backgrounds (before using, I recommend desaturating and increasing the contrast)

Step 1

Open the source image along with a new A4 document at 300 pixels per inch, and create layers called "skin", "clothes", "clothes 2", "hair", "transitions", "sketches", "lines" and "higher".

On the sketch layer, use the 'Dave C's Pencil 7 Blue' brush to create a sketch before working on the final lines on the 'lines' layer with the 'ink' brush. Don't worry if the final lines aren't perfect - most of them will be covered up later in the process.

Translator's note: in the screenshot the names of the layers from top to bottom: Above, Lines, Sketch, Transitions, Hair, Clothes 2, Clothes, Skin

Step 2

Using the same 'ink' brush, sketch out the main colors on the corresponding layers (that is, the skin color on the Skin layer and so on). Keeping the colors on different layers will allow us to easily select the areas we need, so make sure there are no adjacent colors. Don't fill in the hair with the base color just yet, as we'll deal with that separately.

Translator's note: in the screenshot the names of the layers from top to bottom: Above, Lines, Sketch, Transitions, Hair, Clothes 2, Clothes, Skin. Corresponding colors on the Skin and Clothes layers.

Step 3

Use the tool LinearGradient(Linear Gradient) to fill the background layer, otherwise painting on a white background will distort the perception of color.

Add a shading layer to each primary color layer, check the box next to UsePreviousLayertoCreateClippingMask(Use the previous layer to create a scrap mask). This will allow you to add shadows only to existing pixels, and you won't have to worry about going over the edges. Add shading to the face on a layer linked to the "Skin" layer.

Step 4

On the "Hair" layer, using a hair brush with 60% opacity, start creating a base for the hair. Start with dark colors, as they will be visible right up to the top layers of hair. Use a wide range of colors, including greys, purples and browns.

At this stage, don't bother working on individual strands - instead, concentrate on the overall shape and shape of the hair.

Step 5

Hide the top layer with the sketch and start working on the eyes on the “top” layer - they will help you assemble the drawing into one whole. Remember that eyes are 3D objects; you need to shade not only the iris, but also the white of the eye. The eyelid casts a shadow on the eyeball.

Draw the light reflecting in her pupil and add a small line above the lower eyelid to show the tear ducts of the eye, as well as draw eyelashes.

Translator's note: in the screenshot the names of the layers from top to bottom: Above, hair, lines, sketch (layer visibility disabled), Transitions, Layer 3 (cropped to the layer below), eye details, Layer 5 (cropped to the layer below)

Step 6

If you take a closer look at the photo, you will notice that in our drawing the eyes are a little wider than necessary. When you need to fix some aspects of a drawing and want to avoid redrawing from scratch and losing what you've already drawn, click Filter >Liquify(Filter > Liquify) and select a tool ForwardWarp(Warp) (W), and then use the cursor to move the pixels into place.

Step 7

When working on the lips, carefully consider their shape and shadows. Please note that as you move away from the center, the lips lose their clear contour and they become much softer. Use an airbrush brush to avoid hard edges at this stage.

Translator's note:

Step 8

Lock the transparency on the “skin” layer (click on the symbol with chessboard in the layers panel) and very light pink using a tool Gradient(Gradient) (G) Dot the main light source on the skin. It is better to use a gradient for this purpose rather than a brush, as it is much lighter.

Translator's note: in the screenshot the names of the layers from top to bottom: Above, hair, lines, sketch (layer visibility disabled), Transitions, Layer 3 (cropped to the layer below), eye details, Layer 5 (cropped to the layer below), Clothes 2, Layer 4 (cropped on the layer below)

Step 9

Again on the “above” layer, start working on the hands and nails using the ‘inking opacity’ brush. Use a variety of colors and pay due attention to the shadows in the photo. I made my nails longer, but that's a personal choice. Change the color on your nails and remember that in some places they reflect light.

Translator's note: in the screenshot the names of the layers from top to bottom: Above, hair, lines, sketch (layer visibility disabled), Transitions, Layer 3 (cropped to the layer below), eye details, Layer 5 (cropped to the layer below), Clothes 2, Layer 4 (cropped on the layer below)

Step 10

Work on the neck decoration on the appropriate clipping mask layer, looking carefully at the photo source, before moving on to the hair layer. On the “hair” layer add some dark shadows with the same ‘inking opacity’ brush. It's okay if they look stiff and out of place, as we'll fix that shortly; they need extra depth, so add large sections of hair while still focusing mainly on the shape as a whole.

Translator's note: in the screenshot the names of the layers from top to bottom: Above, hair, lines, sketch (layer visibility disabled), Transitions, Layer 3 (cropped to the layer below), eye details, Layer 5 (cropped to the layer below), Clothes 2, Layer 4 (cropped on the layer below)

Step 11

On the layer on top add some light strokes, some of them are on top dark hair. The strands should be more detailed than before - draw the strands sticking out in different directions, and the ends of some strands should be disheveled. Vary the colors: the more colors you use, the more original it will look.

Translator's note: in the screenshot the names of the layers from top to bottom: Above, hair, lines, sketch (layer visibility disabled), Transitions, Layer 3 (cropped to the layer below), eye details, Layer 5 (cropped to the layer below), Clothes 2, Layer 4 (cropped on the layer below)

Step 12

Paste the paint texture above the "clothes" layer and change the Blending Mode to SoftLight(Soft light). Clamp cmd/Ctrl and click on the “clothing” layer thumbnail (this will select all the pixels on the layer), and then add a layer mask to the paint texture layer (click the square circle icon in the layers panel). On the clipping mask associated with the “clothing” layer, use the ‘inking opacity’ brush to add highlights and reflections to the clothing.

Translator's note: in the screenshot the names of the layers from top to bottom: sketch (layer visibility disabled), Transitions, Layer 3 (cropped to the layer below), eye details, Layer 5 (cropped to the layer below), Clothes 2, Layer 4 (cropped to the layer below), Clothes

Step 13

Lock the “clothing” layer and on this layer add a light blue dotted gradient highlight. Click cmd/Ctrl +V to paste the paint texture again, and then cmd/Ctrl +T to transform it, and drag the edges of the texture to stretch it across the entire canvas. Place this layer above the blue background layer and change the layer blending mode to SoftLight(Soft light).

Translator's note: in the screenshot the names of the layers from top to bottom: Layer 3 (cropped to the layer below), eye details, Layer 5 (cropped to the layer below), Clothes 2, Layer 6 (paint texture with layer mask), Layer 4 (cropped to the layer below) , Clothes, Layer 2 (cut to layer below), Leather, paint on background

Step 14

Drag the “transitions” layer to the very top and change the blending mode to Overlay(Overlap). Now add some gradients to enhance the color in certain places so that it stands out. To avoid the gradient spreading to adjacent areas, use the Lasso(Lasso) (L) to select the necessary places and add a gradient on the “transitions” layer.

Translator's note: in the screenshot, the names of the layers from top to bottom: Layers with text “#” and “187”, Transitions, Above, hair, lines, sketch (layer visibility turned off), Layer 3 (cropped to the layer below), eye details, Layer 5 (cropped to layer below)

Step 15

Use a desaturated red color to paint areas where natural blood flow would be visible, such as the nose, cheeks and fingertips, and add white and purple to the hair to make it more vibrant. Add small texture details such as skin pigmentation and small pores with the speckle brush. Although such details are almost invisible, the observer will notice them, and the skin will not look unnatural.

Step 16

On the “clothing” layer-clipping mask, use the ‘inking opacity’ brush to add a soft blue glow to the edges of the clothing, in the same places where there is a brown glow in the photo. To finish, paste a picture with photographs above the “paint” layer, blending mode SoftLight(Soft light). On the “above” layer, add a messy effect with the ‘Fire brush’. Make any final adjustments.

Translator's note: in the screenshot the names of the layers from top to bottom: Layer 3 (cropped to the layer below), eye details, Layer 5 (cropped to the layer below), Clothes 2, Layer 6 (paint texture with layer mask), Layer 4 (cropped to the layer below) , Clothing, Layer 2 (cut to layer below), Leather, photo sheet