Увійти Українська

Уроки з Photoshop 

OrangeIcons.com promo wallpaper - making of

For my new website, orangeicons.com, I decided to design a promo wallpaper, in brand orange color. Here is how.


Create new document, fill the first layer with solid orange color, and apply Gradient in layer effects (blend mode = overlay). Or, simply use Gradient tool to fill the layer.

1

Create new layer (Ctrl-Shift-N), then, important!, open Paths tool window, and create new path. Use Pen tool (P) to create a curve similar to shown here.

2

Switch to Brush tool (B), choose a brush with small radius (2-3 pixels), and in Paths tool window, click Stroke button (2nd in bottom row). If the line is not wide enough, click Stroke again. Then, remove the path, we will not need it any more.

3

Hit Ctrl-J to duplicate this layer. Then again. And then...

4

..make another 50 copies of this layer! Use Move tool to move last layer to the other side of the image.

5

link all layers with curves (to do that, click Link icon for all layers). Be careful not to link background layer!

6

Switch to Move tool (V), and on top bar, click Distribute horizontal centers" and "Distribute vertical centers". All curves should become equally distributed along the image and should produce nice geometric texture. HINT: the original curve was very simple

7

Merge all linked layers into one (Ctrl-E).

8

Duplicate this layer and rotate it 90 degrees. Now we have a nice curved grid!

9

Select background layer, then select pen tool (P) (but this time, do not manually create new path!) Once again, sketch a simple curve. it will automatically be placed in new layer. change its blend mode to soft light or overlay.

10

Similarly, use Shape tool (U) to add a couple of circles to the background. I added 2 circles with blend mode = soft light, and another white circle with blend mode=normal. I also applied very light gradient to this white circle, to give it pseudo 3D look.

11

The final touch is  to add shadow to the white circle. Duplicate circle layer (Ctrl-J), change its color to light grey, choose Path Selection Tool (A), click to select circle shape, and use buttons on top bar to change its mode to "Substract from shape area". Then, group layer with previous (Ctrl-G).

That's all! The only thing left is orangeicons logotype. but how I created it  is the subject for another tutorial :-)

12

← Eze - Making of My favorite wallpaper background texture →

Коментарі {33}

justin давним давно
thank you so much vlad. you rock!

Chakrapani Dubey давним давно
I like this tutorial. thanks.

Mr. Language давним давно
Ja, ganz nett. (German) Yes, it´s nice. (English) Oui, c´est bon. (Francais)

bob давним давно
i cannot find the path tools window or the pen.what do i do?

Nicky давним давно
great tutorial. (Y) Heres my result: http://www.pcprostudio.co.uk/temp/igo-blue2.jpg

justin давним давно
ahh nevermind....i got it :)

Pavel давним давно
justin: It is not letting me link the layers too, you should wrote your solution. :-|

Pavel давним давно
Ok, for dummies like me: to link the layers, you have to hold ctrl key and click to all layers you want to link. That's it. (Y)

MIKE 8 Грудень 2008
Great Tutorials, gives me a great opportunity to use them in my own photo creations. I just wonder How do you save files, into wallpapers? Are you using action to save all files in different resolution? Can you make a tutorial? Regards MIKE

Agus Setia (Indonesia) 28 Серпень 2009
very-very nice vlad, I really like it

ninja diaper 17 Жовтень 2009
excellente

HANAAN 2 Січень 2010
nize. and i got lots of experience in PHOTO SHOP. thanX

29 Січень 2010
BKIT GNUN?? TANG INA MO

Satisfied 1 Травень 2010
Great Tutorial !

1 Грудень 2010
thanks

anonymous 5 Лютий 2012
thank you

yethz давним давно
very nice tutorial. very helpful.. Thank you very much.... how about tutorial to make like the strands on Vista wallpapers..

rahul давним давно
nice!

vinya давним давно
respect !

jassi давним давно
it's best!!!!!!!!!!

apagin давним давно
another way is to draw a line and to record an action which makes a copy and then moves it to a constant distance

justin давним давно
its not letting me link the layers

Gene давним давно
Thank you very much Vlad! I love your tutorials, and I love your ideas. I hope this business venture goes well. ;-)

Pavel давним давно
And if you hold ctrl + shift key, you just need to click first and last layer.

Gerard давним давно
I just realized you had tutorials here. I like this one. I'll be visiting more often. Good stuff! (Y)

26 Березень 2009
exlaent

Dunja 22 Липень 2009
Hello there, nice one! I'm looking forward to new tutorials. :D

john 1 Жовтень 2009
NiCe yA

sai 24 Листопад 2009
u here.....NIce one

Ajith 19 Січень 2010
good

16 Березень 2010
je to hovadinaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

haider 8 Листопад 2010
nice tutorial

26 Серпень 2011
Good job

Show all comments

Додати коментар

1 2 3 4 5 6