Creating Pseudo-vector Wallpapers for Desktop

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. On first part (of two) we will create everything except the grass and the kitten.

Final Image Preview

Creating Pseudo-vector Wallpapers for Desktop

 

Step 1 (Part 1  )

Create a new document with the resolution 1900×1200 for this tutorial with white background. Select Gradient Tool (G) and drag a gradient on canvas like on image below.
Creating Pseudo-vector Wallpapers for Desktop 1
Creating Pseudo-vector Wallpapers for Desktop 2

Step 2

Select the Elliptical Marquee Tool to create selection similar to the picture below and fill it with linear gradient by using colors of #81ec00 and #41bf01 on the new layer. It will be meadow.
Creating Pseudo-vector Wallpapers for Desktop 3
Creating Pseudo-vector Wallpapers for Desktop 4

Step 3

With selection still active, apply Inner Shadow layer style to this layer.
Creating Pseudo-vector Wallpapers for Desktop 5
Creating Pseudo-vector Wallpapers for Desktop 6

Step 4

Keep selection active. Create new layer under the current layer and fill it with white color. Now remove selection with Select > Deselect (Ctrl+D) and apply Filter > Blur > Gaussian Blur with these settings:
Creating Pseudo-vector Wallpapers for Desktop 7
Set up layer opacity to 53% and you will have what i have now:
Creating Pseudo-vector Wallpapers for Desktop 8

Step 5

Now let´s start creating clouds on the sky. Create a new layer above all the layers, then use Elliptical Marquee Tool to create round selection and fill it with white color.
Creating Pseudo-vector Wallpapers for Desktop 9

Step 6

Remove selection with Ctrl+D. Duplicate this layer with Ctrl+J two times and move both duplicates like on image below. For the image on the right, click on layer to select it and then reduce the size with Edit > Free Transform.
Creating Pseudo-vector Wallpapers for Desktop 10

Step 7

Merge three of these layers in one and correct the bottom part of the cloud. Use the Pen Tool to create shape similar to the shape on my screenshot. If you prefer you can use other tools like Lasso Tool but i prefer Pen Tool in this case.
Creating Pseudo-vector Wallpapers for Desktop 11

Step 8

Click on Paths and select Path (if window not visible go to Windows > Paths), click on selection icon on the palette which says Load Path as a Selection (Ctrl+click on shape thumbnail on Path also works). Go back to layers palette, invert selection with Ctrl+Shift+I (Select > Inverse) and press Delete button to clear selected area.
Creating Pseudo-vector Wallpapers for Desktop 12
Creating Pseudo-vector Wallpapers for Desktop 13

Step 9

Finally load selection of current layer with cloud by using Select > Load Selection and fill selected area with linear gradient by using colors of #e7f6fd, #b5e4fd.
Creating Pseudo-vector Wallpapers for Desktop 14
Creating Pseudo-vector Wallpapers for Desktop 15

Step 10

Remove selection with Ctrl+D. After that apply Inner Shadow layer style to this layer.
Creating Pseudo-vector Wallpapers for Desktop 16
Creating Pseudo-vector Wallpapers for Desktop 17

Step 11

We now have one cloud but we need more. Duplicate this layer a few times with Ctrl+J and move copies to the left and right. Apply Edit > Transform > Flip Horizontal for some copies and apply Edit > Free Transform to change sizes to some of them.
Creating Pseudo-vector Wallpapers for Desktop 18

Step 12

Now we need to create flowers. Select the Elliptical Marquee Tool and create oval selection, then fill it with gradient. It will be one of flower´s petals.
Creating Pseudo-vector Wallpapers for Desktop 19
Creating Pseudo-vector Wallpapers for Desktop 20

Step 13

Remove selection with Ctrl+D and apply Drop Shadow layer style for current layer.
Creating Pseudo-vector Wallpapers for Desktop 21

Step 14

Duplicate this layer with Ctrl+J a few times. After that apply Ctrl+T to rotate each layer and organize it like i have. We now have flower’s petals.
Creating Pseudo-vector Wallpapers for Desktop 22

Step 15

Now we have to form the middle of flower. Create a new layer and using the Ellipse Tool create round shape with foreground color of #ffa200. After that apply Drop Shadow and Inner Glow layer styles to shape.
Creating Pseudo-vector Wallpapers for Desktop 23
Creating Pseudo-vector Wallpapers for Desktop 24
Creating Pseudo-vector Wallpapers for Desktop 25

Step 16

Create a new layer where we create a stem and leaves of camomile with color #9cfe15 by using the Pen Tool. Do similiar steps as used to create cloud (Load Path as selection and then fill it with color).
Creating Pseudo-vector Wallpapers for Desktop 26

Step 17

Create more camomiles on the same way and put it to the different parts of our canvas to create feeling that they were knocked up upwards.
Creating Pseudo-vector Wallpapers for Desktop 27 

Part 2

Final Image Preview

Creating Pseudo-vector Wallpapers for Desktop

Step 1 (Part 2)

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

0 comments:

Post a Comment