Pin It

Creating Pseudo-vector Wallpapers for Desktop (Part 2)

Advertisement

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.

Advertisement


  • Yuvaraj

    this is cool, very nice outcome :)

  • Irwan

    Nice.. Thanks

  • mehdi

    Great Work, Thanks for the tuto

  • raseem

    this id amazing

  • http://n66ee.blogspot.com/ n66ee

    WOW…nice tutorial….

  • Yuvaraj

    created a personas with this design

    took a look

    https://www.getpersonas.com/en-US/gallery/Designer/Yuvaraj

  • panahi

    very goooooooood

  • RAHUL

    Yessssssssssss. I LIKE IT

  • neera

    very helpfull

  • kim hyunwoo

    photoshop was like to illustrator.
    very good.

  • http://www.appstree.co.cc T-REX

    Toooo cool!

  • http://www.photoshopstar.com/graphics/creating-pseudo-vector-wallpapers/ Vijay Pathak

    good and simple

  • Prasenjit

    Amazing……….
    I like it……..

  • MB

    very nice tut easy to understand 10/10
    thankyou

  • X-men

    Best tutorial for begginers, thank you, helped a lot.

  • hi

    Very fun and easy to understand. However, I think it would’ve been a bit better to use vector masks, a.e. rectangle tool, ellipse tool. That way it could easily be scaled.