• Premium Lifetime access

  • Make a Vector Wallpaper in Photoshop

    Share on pinterest
    Share on facebook
    Share on tumblr
    Share on twitter
    Share on whatsapp
  • Making vector wallpapers in Photoshop is one of the easiest things a beginner can do in Photoshop. The reason for that is because you’re only going to use silhouetted objects so you don’t have to worry about things like color matching, shadows, illumination and things like that. So, let’s see how it’s done.

    Final Result

    Make a Vector Wallpaper in Photoshop Photoshop Tutorials 2022

    Stock used

    Step 1

    Create a new document 2000×1600 pixels. Get the Gradient Tool (G) and select 2 tones of orange (or any color you want, really), one of them darker and the other one brighter and draw a gradient as shown in the image.

    Make a Vector Wallpaper in Photoshop Photoshop Tutorials 2022

    Step 2

    You can now start making the grass. I made the ground plain but you can create some hills if you want. Select the default Photoshop grass brush and after you deactivate Color Dynamics paint the grass. Go over the same areas until you cover it and you only see the tips of the grass.

    Make a Vector Wallpaper in Photoshop Photoshop Tutorials 2022

    Step 3

    You can now make the vector sun rays using the Polygonal Lasso Tool (L) and make a selection like shown in the image. Then fill that selection with white and change the layer’s blend mode to Overlay and reduce its Opacity to about 10-20%. There are brushes that can do that, so if you have them, use them but I didn’t have them so I made the rays manually because it’s quicker.

    Make a Vector Wallpaper in Photoshop Photoshop Tutorials 2022

    Step 4

    Add the silhouette of a tree. Again, you have 2 options, use a PNG image like me or download some tree brushes. If you use a stock image,  place the tree on your canvas and use a Hue/Saturation adjustment and reduce the lightness to -100. I used an adjustment layer but in this case you can use the adjustment from the menu Image>Adjustments>Hue/Saturation. But keep in mind that if you do it from the menu, you will not be able to undo this adjustment once you close Photoshop (that’s why I use adjustment layers instead).

    Make a Vector Wallpaper in Photoshop Photoshop Tutorials 2022

    Step 5

    You can create a more interesting scene if you add some leafs falling from the tree. For that you can use the default leaf Photoshop brush. Make sure you decrease Scattering Count to 1 and increase Minimum Diameter to 50% on Shape Dynamics.

    Make a Vector Wallpaper in Photoshop Photoshop Tutorials 2022

    Step 6

    Download the cloud brushes and paint a few clouds with white.

    Make a Vector Wallpaper in Photoshop Photoshop Tutorials 2022

    Step 7

    As for the people’s silhouettes you can use a vector, a brush or a stock image. I used a stock image which I downloaded from deviantART. I used the Pen Tool (P) to subtract the couple from the background and then I used a Hue/Saturation adjustment to reduce the Lightness to -100 and create the silhouette. If you have a brush or vector is a lot quicker though.

    Make a Vector Wallpaper in Photoshop Photoshop Tutorials 2022

    Step 8

    Now you can add the bike, the bird and some butterflies and use the same silhouetting technique (Use Hue/Saturation and decrease lightness to -100)

    Make a Vector Wallpaper in Photoshop Photoshop Tutorials 2022

    Step 9

    I used the Custom Shape Tool (U) to draw three red hearts above the couple’s heads. The effect you see applied is a default black to white Gradient Overlay with Softlight Blend mode.

    Make a Vector Wallpaper in Photoshop Photoshop Tutorials 2022

    Step 10

    Use the Pen Tool (P) and create a shape as shown in the image. I named the layer lake. Add a Gradient Overlay with black to white effect with Softlight or Overlay blend mode to simulate shadow. Then create a layer mask for that layer and use the same grass brush to mask the edges. When you mask the top edges, flip the brush vertically (see video walkthrough for more details).

    Make a Vector Wallpaper in Photoshop Photoshop Tutorials 2022

    Step 11

    You can leave the lake just as it is or you can create some reflections. If you want to do that, use the Rectangular Marquee tool (M) to select the top part of the image and then go to Edit>Copy Merged. Then, paste the copied image over the lake as clipping mask, flip it vertically and change the blend mode to Softlight. (see video for more details)

    Make a Vector Wallpaper in Photoshop Photoshop Tutorials 2022

    Step 12

    You can totally change the look and mood of the image if you use a real sky as background instead of a solid gradient sky. Take a look at some of the results I got.

    Make a Vector Wallpaper in Photoshop Photoshop Tutorials 2022

    Make a Vector Wallpaper in Photoshop Photoshop Tutorials 2022

    Make a Vector Wallpaper in Photoshop Photoshop Tutorials 2022

    Hope you enjoyed the tutorial. Feel free to submit your results to the Facebook Fan page or on the Flickr group.

    Similar tutorial

    Simple Photoshop Manipulation Under The Moon

    Other tutorials

    Leave a Reply

    Your email address will not be published.

  • Keep in touch

  • © PSD Box 2010-2022 | Andrei Oprinca

    What's new in 2022

    In this video I will highlight the most important changes and new releases in 2022.

    If you are a member and have any problems accessing the site or downloading the premium content, please click the “I need help” link on the top menu bar.

    Log in

    Access your account

    Don't have an account?

    Create a free account and unlock hundreds of free downloads: PSD files and tutorial resources

    Novedades en 2022​

    En este vídeo destacaré los cambios más importantes y las novedades de 2022.

    Si eres miembro y tienes algún problema para acceder al sitio o descargar los contenidos premium, haz clic en el enlace “Necesito ayuda” de la barra de menú superior.

    Iniciar sesión

    Accede a tu cuenta

    ¿No eres miembro?

    Cree una cuenta gratuita y desbloquee cientos de descargas gratuitas: Archivos PSD y recursos