Skip to main content

Creating Pseudo-vector Wallpapers for Desktop (Part 1)

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.


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!