Skip to main content

Creating Pseudo-vector Wallpapers for Desktop (Part 2)

In this tutorial you will learn how to create pseudo-vector wallpapers for your desktop. This tutorial will be very useful for beginners and it will be divided in two parts. In this Part 2 (of two) we will create the kitten and everything else that is still missing.


Final Image Preview


Creating Pseudo-vector Wallpapers for Desktop


Step 1


Open PSD file that was created on Part 1 of this tutorial. Now we are going do add grass somewhere on our meadow. Select the Pen Tool and create shape similar to the picture which you can see below:


Creating Pseudo-vector Wallpapers for Desktop 1


Step 2


Create selection of this shape (Load Path as a Selection – Ctrl+click on shape thumbnail on Paths also works). Fill selected area with green (#89f00b) to transparent linear gradient on the new layer by using Gradient Tool.


Creating Pseudo-vector Wallpapers for Desktop 2


Creating Pseudo-vector Wallpapers for Desktop 3


Step 3


Remove selection with Select > Deselect and duplicate this layer a few times with Ctrl+J and spread everywhere on the meadow area.


Creating Pseudo-vector Wallpapers for Desktop 4


Step 4


And the kitten is the last thing we need to create. Create new layer, select the Elliptical Marque Tool to create selection similar to the selection on my picture below and fill it with color #ffc000 (Orange).


Creating Pseudo-vector Wallpapers for Desktop 5


Step 5


Create new layer and again with the Elliptical Marque Tool create kitten eye but now fill it with color #ffffff (White).


Creating Pseudo-vector Wallpapers for Desktop 6


Step 6


Apply Stroke layer style to current layer.


Creating Pseudo-vector Wallpapers for Desktop 7


Creating Pseudo-vector Wallpapers for Desktop 8


Step 7


Create a new one round selection and fill it with black color.


Creating Pseudo-vector Wallpapers for Desktop 9


Step 8


Duplicate this layer with Ctrl+J, then move it a little bit left and turn to left by going to Edit > Transform > Rotate. We have created the eyes.


Creating Pseudo-vector Wallpapers for Desktop 10


Step 9


Now we need to add ears. Select the Pen Tool, then go to the layer with orange ellipse and create shape like on image below. Create selection of this shape (Load Path as a Selection – Ctrl+click on shape thumbnail on Paths also works). Create new layer and fill selection with color #ffc000.


Creating Pseudo-vector Wallpapers for Desktop 11


Step 10


Duplicate it with Ctrl+J, then apply Edit > Transform > Flip Horizontal to flip copied layer and move it left.


Creating Pseudo-vector Wallpapers for Desktop 12


Step 11


Now let´s focus on creating kitten nose. Create a new layer. On this layer create ellipse selection by using Elliptical Marquee Tool and fill it with black color.


Creating Pseudo-vector Wallpapers for Desktop 13


Step 12


Create a new one ellipse selection on the same layer and fill it with white to transparent gradient. In this way we create small glare on kitten nose.


Creating Pseudo-vector Wallpapers for Desktop 14


Creating Pseudo-vector Wallpapers for Desktop 15


Step 13


Remove selection with Ctrl+D. Then correct noise shape by using Pen Tool. Create the same shape you can see below.


Creating Pseudo-vector Wallpapers for Desktop 16


Right click on shape and select Make Selection. After that press Delete to clear selection. Apply Select > Deselect to remove selection.


Step 14


Use Pen Tool to create kitten mouth. Right click on shape and select Make Selection. Fill selection with color #000000 (black).


Creating Pseudo-vector Wallpapers for Desktop 17


Step 15


To finish off with the kitten face apply Brush Tool, hard round brush with small size to add a few dots with black color.


Creating Pseudo-vector Wallpapers for Desktop 18


Step 16


We keep working with the Pen Tool. Create a new layer to create auricle with black color like my image below. Start by creating shape, convert to selection by right clicking on shape and selecting Make Seletion. Finally fill it with black color (#000000).


Creating Pseudo-vector Wallpapers for Desktop 19


Step 17


Duplicate this layer, then flip horizontal (Edit > Transform > Flip Horizontal) and move a little bit left to create second one auricle.


Creating Pseudo-vector Wallpapers for Desktop 20


Step 18


Create a new layer and use the Brush Tool (hard round brush, 10px) to make eyebrow holding Shift button make straight line with black color.


Creating Pseudo-vector Wallpapers for Desktop 21


Creating Pseudo-vector Wallpapers for Desktop 22


Step 19


With eyebrow layer selected apply Edit > Transform > Warp to bend the line like on image below.


Creating Pseudo-vector Wallpapers for Desktop 23


Duplicate layer and move new eyebrow above the other eye.


Step 20


Now I would like to create kitten body. Create new layer. Use the Rectangular Marquee Tool to create rectangular selection and fill it with color orange (#ffc000).


Creating Pseudo-vector Wallpapers for Desktop 24


Step 21


Now go to Edit > Transform > Distort and do like on image below.


Creating Pseudo-vector Wallpapers for Desktop 25


Step 22


After that go to Edit > Transform > Warp and transform it again.


Creating Pseudo-vector Wallpapers for Desktop 26


Step 23


Create new layer. To create arms and hands we use again the Rectangular Marquee Tool. Create rectangular selection to create first arm and fill it with color orange (#ffc000). After that go to Edit > Transform > Warp and transform it.


Creating Pseudo-vector Wallpapers for Desktop 27


Step 24


Use the Elliptical Marquee Tool to create hand on a new layer. First create one finger only. Fill it with color orange.


Creating Pseudo-vector Wallpapers for Desktop 28


Step 25


Then duplicate selection and rotate copies to get additional fingers.


Creating Pseudo-vector Wallpapers for Desktop 29


Step 26


Merge fingers and arm layers. Duplicate layer and go to Edit > Transform > Flip Horizontal. Move second arm to right position.


Creating Pseudo-vector Wallpapers for Desktop 30


Step 27


Use again Elliptical Marquee Tool to create first hind leg on a new layer and fill it with same orange color.


Creating Pseudo-vector Wallpapers for Desktop 31


Step 28


Duplicate layer and go to Edit > Transform > Flip Horizontal. Move second hind leg to right position.


Creating Pseudo-vector Wallpapers for Desktop 32


Step 29


Between hind legs, use Rectangular Marquee Tool and fill selection with black color (#000000).


Creating Pseudo-vector Wallpapers for Desktop 33


Step 30


Create tail on new layer by using Elliptical Marquee Tool and transforming it with Edit > Transform > Warp. After finishing creating tail, just merge all the layers with kitten body parts together except kitten eyes. Finally create new layer and add some black stripes on it again with Elliptical Marquee Tool.


Creating Pseudo-vector Wallpapers for Desktop 34


Step 31


Keep adding black stripes till you have all of them. When you have created all stripes, select layer content that has kitten body (Ctrl+click on the layer thumbnail on layers palette), invert selection with Shift+Ctrl+I (or go to Select > Inverse) and clear selected area (Del).


Creating Pseudo-vector Wallpapers for Desktop 35


Step 32


Remove selection with Ctrl+D and merge kitten layer and stripes layer (remember that you must keep kitten eyes layer separated). Select content layer again, create new layer and go to Select > Modify > Expand. We are going to Expand selection by 3 px and finally fill selection with black color (#000000) on new layer.


Creating Pseudo-vector Wallpapers for Desktop 36


Step 33


To finish off the tutorial, create a new layer under kitten layer for the shadow and create round selection by using Elliptical Marquee Tool.


Creating Pseudo-vector Wallpapers for Desktop 37


Step 34


Fill selected area with color #33b301. Remove selection with Ctrl+D and apply Filter > Blur > Gaussian Blur with similar settings to these:


Creating Pseudo-vector Wallpapers for Desktop 38


Final Image


That is it! We created pseudo-vector wallpapers for desktop. Hope this tutorial was useful for you.


Creating Pseudo-vector Wallpapers for Desktop


Part 1


Part 1 of this tutorial has been published.


Follow Photoshop Star
If you want to receive updates from PhotoshopStar, please consider subscribing our RSS feed. You can also follow us on Twitter.


If you prefer, you can also subscribe to our monthly Newsletter.


Comments

Popular posts from this blog

Creating Self Vector image #VectorPortrait #photoshop #JayeshYewale

Creating Self Vector image #VectorPortrait #photoshop #JayeshYewale

Create a Grungy Looking, Blood-Stained Text Effect in Photoshop

In this tutorial, I will show you the process I took to create this Blood Stained Text Effect in Photoshop. Along the way, we will be using some custom brushes, layer blending effects for the text, cloud rendering + blending mode, and image adjustments. The overall process is quite simple and would be good for PS beginners. Have a try!