advanced photoshop
Oct
15

Decorative Vexel Art Tutorial: Part 1

Posted in:
Tips & Tutorials, by Anna-lisa Saywell

Master custom shapes, layer styles and the Pen tool to create your portrait images

Decorative Vexel Art Tutorial: Part 1

Thanks go out to Vincent Rhafael Aseo AKA Aseo for this tutorial. See more of his work at http://vincentaseo.com/
 

Step 1: Facial Features

Decorative Vexel Art Tutorial: Part 1

Open your model stock and adjust Saturation to +35 (Cmd/Ctrl+U to boost colours). This is important because the skin shading process depends on seeing all facial tones so tweak as you see fit. Also, don’t worry about your image resolution whether 72 dpi or above because we’re going to work with shape layers, which retain vector properties.

 

Step 2: Line Art Process

Decorative Vexel Art Tutorial: Part 1

Set your Pen tool to Shape Layer mode, creating line art by tracing the model’s face edge. To make things easier, lower shape layer opacity to 20% in order to see the image beneath, accurately placing lines. Finally, keep everything organised in one layer by using the Add to Shape Area setting every time you close a shape.
 

Step 3: Lip Service

Decorative Vexel Art Tutorial: Part 1

Now that we have outlines as guidelines all we have to do is fill the lips section. Use the Eyedropper tool to select the nearest colour and fill the section using the Pen tool. Notice where all the dark sections are and where the shiny parts are placed, using according colours. Lower your Pen tool Opacity if you’re having a hard time to see through.
 

Step 4: Shadows and Midtones

Decorative Vexel Art Tutorial: Part 1

Now you must determine the shadow portions of your image, and why it was crucial to bring out the colours in the beginning. Grab the Eyedropper tool and select the nearest colour to the shadow portions from your model. Start tracing the shadows and repeat this process for midtones, remembering to keep each shape respectively in one layer. If you’re still new to vexels then I recommend you try using Image>Adjustments>Posterize on a duplicated model layer, so you can see where the shadings exist but not as your base reference.
 

Step 5: Beyond the highlights

Decorative Vexel Art Tutorial: Part 1

Portrait highlights are crucial since without them your picture would look flat. Make sure to trace the spots using the Pen tool where there are white portions of the face. Even the smallest detail will make a difference, so zoom in tight to find them all. Highlights are usually found on the forehead, cheeks and chin areas of the face in contrast to shadows, which are near curves and edges.
 

Step 6: Layer Masking

Decorative Vexel Art Tutorial: Part 1

This is the most important part of your skin shading process. Logically, we’ll try to emulate gradient-based effects to create smooth skin tone transitions. Start by selecting your shadow layer, duplicate it, pick a darker colour and apply layer mask. Now paint the portions that will be visible using the Brush tool on the masked layer. You can adjust the Brush Opacity if you feel that it’s too strong. The same process should be applied to your highlights and midtones.
 

Step 7: Lifelike Eyes

Decorative Vexel Art Tutorial: Part 1

For the eyes, just follow the same process as in layer masking. The only difference here is that you might want to add more depth by going for more details, in order for the eyes to stand out. Look to as many references as possible if you’re not sure how they should look. The secret is applying an Overlay blend to highlight layers to create real-life shine. Group all our layers and label this Eye Shading. Keeping everything organised means you can easily find elements at anytime.
 

Step 8: Organic Elements

Decorative Vexel Art Tutorial: Part 1

Now that we have our portrait set, it’s time to create some elements for our vexel work. It can be whatever you want if you have an independent theme in mind, but for this tutorial it’s floral-based patterns.
You can look to pattern styles over the web and draw inspiration from these, or get accurate references from your own stock photo imagery, which is much better because you know where to place shading. Scan your sketches, open in Photoshop and have it ready.

 

Step 9: Patterns Galore

Decorative Vexel Art Tutorial: Part 1

Patterns are perfect ingredients in vexel works. You can create complex loops by just drawing simple swirls and lines and you can use these over and over. Trace over your patterns and apply less control points to create smoother curves. If you want to access these more easily in Photoshop then add them to your Custom Shape tool by activating an existing Shape Layer, right click the canvas shape and select Define Custom Shape.
 

…to be continued