fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Create a Valentine Night Wallpaper in Photoshop
Tutorials Drawing 13101 Views February 8th, 2012

The Valentine Night Wallpaper is my new Photoshop wallpaper tutorial created especially for the upcoming Valentine's Day. This cartoon illustration is made from scratch using vector drawing, Photoshop doodle brushes and grungy textures.

I hope you'll enjoy this Valentine tutorial and decide to share it with all your friends. And don't forget to download the ZIP file with the brushes used in this tutorial.

This tutorial is our third Photoshop tutorial dedicated to the upcoming Valentine Day. So if you want to check the previous two, here are the links: The Stone Heart Photo Manipulation Tutorial and the Valentine Photoshop Wallpaper with Jeans Heart.

Valentine Day Wallpaper Photoshop Tutorial

Here is a preview of the final result so that you know from the start what we'll be creating.

Night Sky

I wil start with the background, so create a new layer called Background Layer and fill it with a dark blue color #061822 ; open the layer style window and add a Pattern Overlay using these Seamless Paper Patterns . I've used Old Paper 2 from the list with an Overlay blend mode.

Create a new layer, called Old Paper. Reduce Fill to 0% and add Pattern Overlay again using another Old Paper Pattern ; make sure you set the Blend Mode of the pattern to Color Dodge, opacity 40% like in the image:

Sky Clouds

Use my Cartoon Cloud Shapes and add them on the sky using a darker color #031112 than the one used for the sky. All the clouds must be added in the same Clouds Layer, so make sure that after you add the first cloud, you have the Add to Shape Area button selected.

You wil have to change the shape of the clouds so that they look similar to the image below. Use the Path Selection Tool to select a cloud and you can resize, rotate, etc. If you want to modify further more the cloud shape use the Convert Point Tool to move the Anchor Points of your shape.

After you are sure that the clouds have the desired shape, pick the Path Selection Tool and press the Combine button. Now all your clouds are unified in on single shape.

Shapes of Houses

I will now add 4 silhouette house vectors made with the Pen Tool. I know that there are already on the internet free building shapes but I prefer to make them from scratch. That way they will fit with my design.

For a faster result you can use my House Photoshop Shapes and adjust them like you did with the clouds. Use the color black for the house shapes and press the Add to Shape Area to make them in the same layer.

In a new layer with the same Pen Tool draw some windows; it doesn't matter the shape, the important thing is to look like cartoons. Pick the color #091315 for the windows. Add one window where the light is on and make it #dad82a yellow.

Cartoon House Roof

I will now draw a cartoon roof house that has more details is not just a silhouette like in the previous step. For that I will use these Roof Patterns. Simply draw a rectangle with the Rectangle Tool.

Open the Layer Style Window and add the Pattern Overlay using the Roof-A pattern. Use a 75% scale for this pattern.

I want to change the perspective of this roof but first I have to rasterize the image. So create a new blank layer above the Roof Layer and merge them. Go to Edit, Transform, Perspective and make the Roof look like in the image.

Now we'll add a Roof Top like we did in the previous step. Create a new Rectangle Layer, reduce the Fill to 0%. Use the Roof-Top pattern from the Roof Patterns set, and leave the scale 100%.

Part 1Part 2Part 3

If you're looking for an effective way to learn with Photoshop fast, explore Envato Elements, the Netflix of designers and its 1000+ courses. Apart from getting state-of-the-art educational material right at your fingertips, you also get the key to a growing digital library of 22,000+ hand selected items with unlimited downloads for just $29 per month!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

5 comment(s) for "Create a Valentine Night Wallpaper in Photoshop"

9:08 AM Tuesday, April 01, 2014
just beautifoul
9:08 AM Tuesday, April 01, 2014
I am glad you like it! reply
6:44 AM Tuesday, August 30, 2016
This is what I made. TY for this tutorial. :D reply
6:44 AM Tuesday, August 30, 2016
Hi PD! This is so cool, I love it. But I wonder how to make the soft shadow? reply
6:48 AM Tuesday, August 30, 2016
Hi Zhara, you can use the Brush Tool, color #0f0a0a, soft round brush and opacity around 50% to paint the shadow effect.

By the way, thank you for uploading your result...looks great! reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to create an old film effect in Photoshop using textures, adjustments and filters. You can...
Free grunge textures and backgrounds that can be used in all kind of commercial projects. All these ...
Learn how to create the draw in sand effect from this easy to follow Photoshop tutorial for beginner...
Create digital Bokeh effect in Photoshop with these beautiful free bokeh textures. In photography, b...

      Torn Photo Effect Photoshop Action
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email

      Dispersion with Real Images Photoshop Action