Pin It

Creating Pseudo-vector Wallpapers for Desktop (Part 1)

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. 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

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

Part 2 of this tutorial has been published.

Advertisement


  • MRivas

    Thanks!! I’ll look forward to part 2 of this tutorial.

  • http://www.scottphotographics.com/ Mike

    A nice start!

  • Yuvaraj

    Awesome tutorial, keep rocking!

  • pintu sarker

    A fantastic Start.

  • http://www.17ps8.com peter

    very cartoon

  • reshma

    a nice start but plz publish part 2

  • Lee

    Hi, I’m very new to PS, I am stuck on creating the grass with the elliptical tool. How do you get it to rise up the bottom sides like a square would and then it starts the elliptical shape? Right now I’m just stuck with an elliptical shape that doesn’t fit or look as nice as it does here.

  • http://www.parkelamcamsan.com çamsan

    is cat very fantastic and very funny thank you

  • http://bantwa07@yahoo.co.in Ums

    nice tutorials……….please taught some more tutorials related with photo effects.

  • http://www.onlinegamer2.blogspot.com Ali

    very nice and funny tutorial means 2d

  • http://www.jasdesigner.com jasal

    nice tutorial….
    thnx

  • Gordon

    That was fun, gaussien blur the clouds makes them look better……

  • Gunther farifax

    OMG THIS WAS SO HELPFULL !! THANKS A BUNCH!! -Gunther Farifax

  • Nk

    nice tutorial….