Create a colorful wallpaper in Photoshop

In this tutorial, I will show you how by combining textures, vectors, and various techniques in Photoshop, you can create colorful wallpapers with light effects.
This image we will create.

Below are links to download materials. But links to vector shapes will not be. Therefore, download them yourself on any design site. It is not difficult, because there are a lot of such vectors.

Materials for the lesson:

And now let’s get started!

Step 1. Create a new document in Photoshop and fill the background with black using the tool Fill (Paint Bucket Tool (G)). Then go to menu Layer-New-Group (Layer- New-Group) and create a new group with the name “bg”. Create a new layer inside this group and fill it with color 1f0959. Name this layer “bg” and set its opacity to 50%.

Step 2. Create a new layer in the “bg” group. Then select a soft brush with a size of 50px, set the color b52a66 and make some random lines in the image.

Step 3. Right-click on the layer created in the previous step and select Convert to smart object (Convert to Smart Object). Then go to menu Filter-Blur-Blur in Motion (Filter- Blur- Motion Blur) and use the settings from the following screenshots. Name this layer “color” and set its opacity to 30%.

Step 4. Duplicate the “color” layer by dragging it onto the icon Create New Layer (Create a new layer) at the bottom of the layers panel (or right-click on it and select Duplicate layer (Duplicate Layer). Then go to menu Editing-Free Transform (Edit-Free Transform (Ctrl + T) while holding down the Shift key make this layer smaller.
Double-click on the duplicate “color” layer to open the window Layer styles (Layer Style) and add style Color overlay (Color Overlay) using color # ffd200. Set the opacity of this layer to 20%.

Step 5. Download the image of the galaxy and open it in Photoshop. Then using the tool Move (Move Tool (V)), move it to your first document. Go to menu Editing – Free Transform (Edit-Free Transform (Ctrl + T)) and resize this image. Add a Motion blur (Motion Blur), using the settings from the following screenshots. Name this layer “texture” and set its blending mode to Lightening (Screen) Lower layer opacity to 25%.

Step 6. Create a new group and name it “stars”. Create a new layer inside this group and fill it with black. Right click on it and select Convert to smart object (Convert to Smart Object). Go to menu Filter – Noise – Add Noise (Filter-Noise- Add Noise) and use the settings from the following screenshots. Then go to menu Filter – Blur – Gaussian Blur (Filter-Blur-Gaussian Blur) and set the radius to 0.2px.

Go to the menu Layer – New Adjustment Layer – Levels (Layer- New Adjustment Layer- Levels), click the Use previous layer icon to create a clipping mask (Use Previous Layer to Create Clipping Mask) and use the settings from the following screenshots. Then set the blending mode for the “stars” group to Lightening (Screen)

Note: To reduce the number of stars, you can add a layer mask to layer with stars and hide them with a black soft brush on some areas of the image.

Step 7. Insert the image of the stars that you downloaded from the link at the beginning of the lesson into your document and place it inside the “stars” group. Then using Free transformation (Free Transform (Ctrl + T)) resize image. Name this layer “stars 2?” And set its opacity to 20%.

Step 8. Now that we have the background, we can begin to create light effects. Create a new group and name it “light effects”. Create a new layer inside this group and use Rectangle selection (Rectangular Marquee Tool (M)) to highlight part of the image, as in the screenshot below. Then drag the gradient from white to transparent from the top of the selection down. Click Ctrl + D to deselect.

Use the tool Eraser(Eraser Tool (E)) with a large soft brush to erase the left and right sides of the gradient layer. Then set the blending mode of the group “light effects” to Lightening basics (Color Dodge).

Step 9. Hide for a while the layer that you created in the previous step. Then create a new layer inside the group “light effects”. Choose a white soft brush with a size of 50px and make some random lines. Right click on this layer and select Convert to smart object (Convert to Smart Object). Go to menu Filter-Blur-Blur in Motion (Filter- Blur- Motion Blur) and use the settings from the screenshots. Then go to menu Filter – Other – Maximum (Filter – Other – Maximum) and set the radius to 3px, it will turn out really great effect. Name this layer “lights”.

Step 10. Duplicate the layer you created in step 8. Make this layer visible and position it above the “lights” layer. Then go to menu Filter – Noise – Add Noise (Filter-Noise – Add Noise) and use the settings from the screenshots below. Now on the menu Editing – Free Transform (Edit- Free Transform (Ctrl + T)) while holding down the Shift key, rotate this layer by -45 °.

Step 11. Duplicate the layer you created in the previous step. To do this, select the tool Move (Move Tool (V)), and while holding down the Alt key, click on the image and drag the cursor. Set the opacity of this layer to 30%.
Duplicate the layer as many times as you want. Then set the transparency of each layer between 20-60%. Take a look at the following screenshots that show the progress of the actions taken.

Step 12. Take the tool Brush (Brush Tool (B)) and select a hard brush with a diameter of 35px. Then go to the brush palette Window Brush (Window – Brushes) and use the settings from the screenshots to create a new brush. To save it, click on the Create a new brush button at the bottom of this panel.
Create a new layer inside the “light effects” group and set the foreground color to white. Then using the created brush, make white circles from the upper left corner of the image to the lower right corner.
Right click on this layer and select Convert to smart object (Convert to Smart Object). Then go to menu Filter – Blur – Motion Blur (Filter> Blur> Motion Blur) and use the settings from the screenshot below. You can also add a mask to this layer and hide the effect in the corners of the image.


(click on image to enlarge)

Step 13. Choose a tool Text (Type Tool (T)) and write any word you want to use. Put a bold font (for example, Myriad Pro Black Semi Extended).

Step 14. Double-click on the text layer to open the window. Layer styles (Layer Style) and use the settings shown in the screenshot below.


(click on image to enlarge)

Step 15. Go to menu Editing – Free Transformation (Edit- Free Transform (Ctrl + T)) and rotate the text layer by -45 °. Then using the tool Move (Move Tool (V)) place the text in the middle of the image.

Step 16. Create a new group and name it “small text”. Then select the tool Text (Type Tool (T)) and add some labels. Install Fill (Fill) for each of these text layers to 0% and use the same layer styles that you used in step 14 (you can simply hold down the Alt key and drag and copy the layer style from the already prepared layer in step 14 to the layers with the new inscriptions ). Then using Free transformation (Free Transform (Ctrl + T)) rotate each text layer by -45 °.

Step 17. Now let’s insert vector stars. They should be white. Let each be on its own layer. Make them very small and place them all over the image. Place all layers with asterisks in the group and name it “vector stars”. Change the blending mode for the group to Lightening basics (Color Dodge). Set the layer opacity for each asterisk to 60-100%.

Step 18. Create a new group, name it “big stars” and set its blending mode to Lightening basics (Color Dodge) 70%. Then select the big stars and also change their color to white. Multiply the stars. Go to the Edit-Free Transform menu (Ctrl + T) and resize the stars. Using tool Move (Move Tool (V)) place the stars. Set the opacity of these layers to 50-70%. As you can see in the following screenshot, the author placed the stars in the upper left corner of the image, between two lines of light.

Step 19. Create a new group, name it “small stars” and set the blending mode to Lightening basics (Color Dodge) 50%. Then repeat the previous step, but this time make the stars smaller and place them under the first. You can also add a mask to this group and use a gradient from black to transparent to erase the stars on the left and right.

Step 20. Download the bokeh texture and open the image in Photoshop. Then go to Layer – New Adjustment Layer – Black and White (Layer> New Adjustment Layer> Black and White). Use the settings as in the screenshot so that the texture becomes black and white. Create a new layer, go to menu Image –External channel (Image-Apply Image) and click OK.

Step 21 Move the image from the previous step to your first document. Transform it relative to the document. Then place this layer just above the layer with the texture of the galaxy, right-click on it and select Create clipping mask (Create Clipping Mask). Set the blending mode for this layer to Overlay and name it “bokeh.”

Step 22 Go to the menu Layer – New Adjustment Layer – Black and White (Layer – New Adjustment Layer – Black and White). Use the settings as in the screenshot. Then place this layer above all the others and set its blending mode to Soft Light 10%.

Step 23 Go to the menu Layer – New Adjustment Layer – Gradient Map (Layer – New Adjustment Layer – Gradient Map). Use the settings as in the screenshot. Then set the layer blending mode Soft Light (Soft Light) 20%.

Step 24 Now we will make the image sharper. Create a new layer on top of all the others, go to the menu Image –External channel (Image – Apply Image) and click OK. Convert this layer to a smart object. Then go to menu Filter – Other – Color Contrast (Filter – Other – High Pass) and set the radius to 1.2px. Set the blending mode of this layer to Hard light (Hard Light) 35% and name it “high pass”.

Well, that got to the final result! I hope you enjoyed the tutorial and learned something new. As you can see, it is very easy to create a beautiful image in Photoshop using only vectors and textures.

Good luck to you in this serious business, like learning Photoshop!

Like this post? Please share to your friends: