Design Wallpaper in Adobe Photoshop

Copyrights:Nouman Awan | [email protected]

1 To get more tutorials, visit us @ Business Fellows (www.businessfellows.biz )

1

How to design wallpaper in Adobe Photoshop ( CS )

In this tutorial we will let you know that how you can design wallpapers for your PC. At the end of this tutorial I am sure that you people can design:

Avatars Face book Profile picture Background of your own color scheme for your Projects and Assignments

Front page. Wallpapers of your own choice having different resolutions. Ads designing etc

Adobe version used in this tutorial : Adobe Photoshop CS

Recommended resolutions for wallpaper designing :

800 * 600 1024 * 768 1280 * 1024

Note :- Use 1024 * 768 resolution size for wallpaper designing , I will select the same resolution in this tutorial.

Wallpaper name: Abstract Background of Colored Bars

Designed by: Nouman Awan

So lets start our tutorial



2

Step 1 :- Go to File > New

Or

Ctrl + N

Enter the wallpaper resolution (1024 * 768 pixels) and click OK



3

Step 2 :- Lets move by creating a new document and applying the Clouds

Go to : Filter > Render > Clouds.

Have a look on the image to perform this step :



4

Step 3 :- Your blank image will change in black clouds, see image below:



5

Step 4 :- Now that we have our base to work with, apply Mezzotint here

Go to: Filter > Pixelate > Mezzotint & choose type Long Strokes

See image below

Here one thing keep in mind that after these steps (Filter > Pixelate > Mezzotint), you must choose Long Strokes from Type (As I mentioned this step in red , see

figure above )



6

Step 5 : Now your image will look like this picture:

Step 6 :- Now Go to:

Filter > Blur > Motion Blur & write 90 degrees in Angle and 999 in Distance, see image below:



7

Step 7 :- Now your layer will look in the same pattern which I mention in figure below:



8

At this stage, 60-70 % wallpaper has been designed , few steps are more to complete.

Step 8 :- At this stage, you need to add a new layer and overlay some color over it. Use gradients here !

To continue this step ,

Go to :

File > New

Or

Ctrl + N



9

( Choose the same resolution for this new layer, as we used 1024 * 768 in our first layer )

So after adding new layer , apply the Gradients to your new layer ( now its the time to apply Gradient according to your taste, keep in mind that If you do not like Gradients from Gradients list, you may load more gradients from your PC and Google the Gradients from www.google.com to download new gradients in your PC.

Step 9 :- Now apply Gradient on your new layer (White layer). Go to Gradient Tool (G) and apply gradient according to your choice, I will use Rainbow Gradient in this tutorial



10

Note :- I have marked the Gradient tool in red ( see image below ) , choose and apply in the same pattern which I applied.

First go to Gradient Tool ( G ) to choose gradient as I mentioned in red and than apply on your new layer just like I did ( See above image ).. Hold left click and

drag your cursor to apply.

Step 10 :- Now colors will apply on your new layer: See image below (Both layers are being mentioned in this figure)



11

Step 11 :- Now you have to apply Layer 2 on Layer 1. For this step simple set the mode of your second layer to Overlay. Go to the right bottom of your Adobe Photoshop window and double click on the small picture which I marked in Red color ( See figure below ) and choose Overlay from the Mode options. ( Default mode will be Normal, you have to change it into Overlay ).

Step 12 :- Now go to Move (V) tool to drag your second layer on first layer.



12

Now hold left click on second layer and drag it on your first layer, Colors will apply on your First Layer and at this stage your wallpaper is 95% ready

Have a look on image below, how your wallpaper will be?



13

Step 13 : Click on your first layer and press Ctrl + M, to make the image either brighter or gloomier depending on the mood. When you press Ctrl + M, you will see the settings just like given in image:

Adjust it according to your choice; see the changes in my adjustment.



14

Step 14 : Your wallpaper has been designed, now save and apply on your desktop

Go to File > Save As > Choose JPEG while saving



15

Click OK to save your wallpaper (See Image below )



16

Your wallpaper is ready now, you can design more wallpapers by applying different Gradients and by changing the parameters used in this tutorial. For

sample view, I am sharing some wallpapers which I designed by using the same pattern.

Hope you would like



17

Samples are listed below:-



18



19

I hope that you people can design Wallpaper now, however if you face any difficulty or in case of any query, you may email me @ [email protected] OR visit our web http://www.businessfellows.biz

For more tutorials, please visit our web

http://www.businessfellows.biz

Tutorial Created by : Nouman Awan

Admin : Business Fellows

Documents

Design Wallpaper in Adobe Photoshop