View Cart

Creativity on your desktop: How to create a cool wallpaper from your Photoshop interface

Today we will create a cool wallpaper using a single stock image and your “Printscreen” button. It’s amazing how many “stocks” pass by us every day and we don’t even notice. But that’s why we’re here, to explore this untapped “oil well”, so let’s make something fun with it!

NOTE: Tools that have the same shortcut keys are overlapped and you can cycle between them using SHIFT+<key> or right-click over it. Example: Dodge Tool, Burn Tool and Sponge Tool – hit SHIFT+O to select each.

Difficulty: Beginner
Completion time: 40 min – 1 hour
Tools: Photoshop CS3

Resources:

– corgi from Deviantart.com – now it’s a dead link, the user has deactivated his account.
hands from sxc.hu

Following this tutorial, you will learn how to:
– make advanced selections via Channels
– use the Path Tool effectively
– retouch photos
– create high quality shadows
– make simple cutouts
– make color palettes

Final Image Preview

 

STEP 1

[hidepost=1]

Run Photoshop and hit the “Print Screen” button on your keyboard. Go to File > New … and hit OK. It will create a document with the size of your set monitor resolution. Mine is 1680 x 1050 px.

 

STEP 2

Open the “corgi” picture (File > Open…). In the Layers palette (F7), double-click the lock near the “Background” layer’s thumb and hit OK. It will now be renamed to “Layer 0”.

 

STEP 3

Go to the Channels window (Window > Channels) and click each channel to see which one has the most contrast (yes, we will make a selection via Channels). In this case, it’s the “Red” channel.

 

STEP 4

Right-click on the “Red” channel thumb and select “Duplicate Channel”. Go to Image > Adjustments > Curves (CTRL+M). Make an “S” shape curve like  below and hit OK.

 

STEP 5

The purpose is to make the corgi a white silhouette and the background completely black (maximum contrast). Go to Image > Adjustments > Levels (CTRL+L) and use the settings below.

 

STEP 6

Grab the Brush Tool (B) and paint with white over the gray areas on the dog (not outside his contour!). Do this only where there are no fur tips, we will fix the minor details later.

 

STEP 7

Grab the Dodge Tool (O), set it on Highlights with 17% Exposure and paint over the remaining gray spots inside the dog’s outline. Try not to overdo it, else the contour will get jaggy.

 

STEP 8

Grab the Burn Tool (O), set it on “Shadows” at 37% Exposure and paint over the areas around the dog. Do this until the channel looks like below. You can also paint with black to prevent over-burning.

 

STEP 9

CTRL+click it to load a selection. This will be the selection of the corgi. Go back to the Layers palette, click the layer thumb and hit CTRL+C to copy the selection.

 

STEP 10

Go back to our document (CTRL+Tab) and paste it (CTRL+V). Hit CTRL+T to enter Free Transform mode. Hold SHIFT and click-drag one of the corners to resize it (SHIFT+click-drag preserves the picture’s proportions).

 

STEP 11

Open the “hands with notebook” picture. Grab the Path Tool (P), set it on Paths and trace the hands.

 

STEP 12

After closing the path, right-click > Make Selection and copy it (CTRL+C). Go back to our document and paste it (CTRL+V). Resize it like below.

 

STEP 13

Grab the Polygonal Lasso Tool (L), make a selection of a hand and right-click > Layer Via Cut. Use the Move Tool (V) to place it like below.

 

STEP 14

Select the Path Tool and set it on “Shapes”. Now Draw a rectangle like below, but with bent edges, as if the hand would hold a picture.

 

STEP 15

In the Layers palette (F7), click the “fx” button and select “Blending Options”. Check the “Stroke” box and use the settings below.

 

STEP 16

Grab the Move Tool (V) and CTRL+click the left hand and go to Layer > Layer Mask > Reveal All. CTRL+click the shape layer thumb, select the layer mask of the hand and paint over the extra areas with black. Make sure you don’t paint over the thumb, we need it to be on top.

 

STEP 17

Double-click each layer’s name and rename them to “corgi”, “ left hand”, “right-hand” and “picture base”.

 

STEP 18

Select the “picture base” layer and click the “fx” button. Select Blending Options and use the settings below.

 

STEP 19

Go to Layer > New > Layer (CTRL+SHIFT+N) to create a new layer. Name it “sketch” and ALT+click between it and “picture base”. This will create a clipping mask – the layer thumb will shift to the right and an arrow will appear near it.

 

STEP 20

Grab the Brush Tool (B), set its Opacity to 30%, Hardness to 100% and roughly paint a landscape inside the frame. Don’t be afraid to go out of bounds, the clipping mask will hide everything.

Use light tones for the background and darker, more saturated tones for the foreground. Don’t go into detail, keep it simple.

 

STEP 21

Grab the Move Tool (V) and CTRL+click the corgi to set it as the current layer, then create two new layers (CTRL+SHIFT+N twice) and name it “corgi sketch” and “palette”. Keep the “palette” layer selected.

 

STEP 22

Grab the Brush Tool (B) and paint on this layer only the colors from the corgi’s fur. Hold the ALT key to use the color picker.
Note: For detailed digital paintings, I recommend you manually create the palette with more saturated colors.

 

STEP 23

Start drawing over the fur. Use thick strokes and gradually move to thinner ones and to lighter strokes. Again, don’t go into detail, keep it a sketch.

 

STEP 24

Hit the Printscreen button and create a new document. There’s no need to have a specific setting, when you hit Printscreen, it will automatically set it to your screen’s resolution. Hit CTRL+V to paste in the screen capture.

 

STEP 25

Grab the Rectangular Marquee Tool (M), set Feather to 0 px and make a selection of the Photoshop’s toolbar, as below. Hit CTRL+C to copy it. Go back to our document (CTRL+Tab) and paste it (CTRL+V).

 

STEP 26

Paste in more Photoshop interface elements, like in the previous step.

 

STEP 27

Grab the Move Tool (V) and CTRL+click one of the interface elements. Go to Layer > Duplicate Layer (CTRL+J) and hit CTRL+U. Set Lightness to -100 and hit OK, then hit CTRL+[ to send it to back. Set its Blending mode to “Multiply”.

 

STEP 28

Go to Filter > Blur > Gaussian Blur. Set it to 4 px and hit OK. Go to Edit > Transform > Warp and distort the shadow like below. We want to create the illusion of a bent paper cutout, but if we distort the image instead, the text on it will get blurry.

 

STEP 29

Repeat STEPS 28-29 to create shadows for the other elements.

 

STEP 30

Grab the Move Tool (V) and CTRL+click the hands. Duplicate the layer (CTRL+J) and desaturate it (CTRL+SHIFT+U) and set its Blending mode to “Screen”. Duplicate it again and set its Blending mode to “Multiply”.

 

STEP 31

Hit CTRL+L (Image > Adjustments > Levels) and use the settings below.

 

STEP 32

Create a new layer (CTRL+SHIFT+N) and hit CTRL+SHIFT+[ to send it to back. Hit CTRL+] to place it above the “Background” layer. Now Grab the Paint Bucket Tool (G) and fill the layer with a dark gray color. Go to Filter > Noise > Add Noise. Use a 2% setting and hit OK.

 

STEP 33

The corgi’s eyes have a green tint that creates an unnecessary focus point. So let’s fix that! Grab the Elliptical Marquee Tool (M) and make a selection of the green pupil. Hit CTRL+SHIFT+U and deselect (CTRL+D or Select > Deselect). Do the same for the other eye.

 

STEP 34

Select the “picture base” layer and create a new layer (CTRL+SHIFT+N). Name it “corgi shadow” and set its Blending mode to “Multiply”. Now Grab the Brush Tool (B), set it to a soft, round brush, hit D and paint the shadows the corgi drops on the paper. Do  the same for the hands, but use the technique from STEPS 27-28.

 

STEP 35

Grab the Horizontal Type Tool (T), draw a type box and type in “Too Realistic ?”. Set the font to “Luna Bar” and a light yellow color, then rotate it.

 

STEP 36

Select the top-most layer and hit CTRL+A (Select > All), then hit CTRL+SHIFT+C (Edit > Copy Merged) and paste (CTRL+V or Edit > Paste). Don’t forget to delete the “palette” layer first!

 

STEP 37

Go to Filter > Other > High Pass. Use a 1.5 px setting and hit OK. Set the layer’s Blending mode to “Overlay”.

 

Done!

[/hidepost]

0saves
If you enjoyed this post, please consider leaving a comment or subscribing to the RSS feed to have future articles delivered to your feed reader.

You might be interested in the follwing:

9 Responses

venkat

excellent work

Asa

Hello to all, it’s in fact a good for me to go to see this site, it includes useful Information.

My web blog: discount golf clubs sets

Alvin

Hi mates, its fantastic post about cultureand entirely defined, keep
it up all the time.

Here is my homepage Muscle Core X

best two way radio

So, why switch to Wi – Fi Vo – IP phones instead of using 2-way radios.
Another popularly used battery is the lithium ion battery.
The main disadvantage of a nickel cadmium battery is
its susceptibility to “memory effect,” meaning that the battery gradually
loses its capacity for full recharging if it is repeatedly recharged
before its capacity has been fully drained.

bass pro shop guns 2005

Hey! I just would like to give a huge thumbs up for the nice data
you have here on this post. I will probably be coming back to your weblog for
more soon.

periodoscope periods perioeci perioecians perioecic perioecid perioecus perioesophageal perioikoi periomphalic perionychia perionychium perionyx perionyxis perioophoritis periophthalmic periophthalmitis periople perioplic perioptic perioptometry perioque

Hey! I simply want to give an enormous thumbs up for the
nice info you could have right here on this post. I can be coming again to your
blog for extra soon.

san diego web design

I’ll immediately grab your rss feed as I can’t to find your email subscription hyperlink or e-newsletter service.
Do you have any? Kindly permit me know so that I may subscribe.
Thanks.

Monika

Bag your pillows too. A baby blanket is something that a baby can use into its childhood, as it is a great source of comfort. In fact, they can be especially beneficial for young children who have a tough time getting to sleep.

Christy

There’s no secret sauce to a successful digital marketing campaign,
just hard core data analysis and you will be able to track
the competence of your online marketing immediately and without breaking the bank.
You need to understand your audience’s behaviour as to why they chose to visit your site,
what makes them interested, and what ticks them off. single profiles plus making it
possible to ping in addition to publish the For of all
of the syndication you will be making. Today you will hardly find anyone reaching for the yellow
pages when they need a plumber. Choose your design, pick your color palette,
and add your text and you’re done. Being different and effective is going to be
the biggest strength of Bing.

Leave a Comment

Your name:
Your email:
Comment:

PRICE: $10
buy-now
 
File details
  Date:
Sep.02, 2011
  Filesize:
[download id='92' format='filesize']
  Type:
PSD
  Items:
1
  License:
Royalty-free
  Category:
Photoshop
  Downloads:
[download id='92' format='hits']

Tags: , ,