ultra-modern Web 2.0 play button for dummies in 10 minutes with Photoshop

Go to file->new, create new empty document:

Now we must select two main colors of our button:

Now create new layer (Shift + Ctrl + N) and pick Elliptical Marquee Tool:

By holding Shift key draw the circle:

Select gradient tool (press 'G'). Ensure that you have gradient selected as shown at the picture below:

Simply fill your circle:


Make right-bottom side little darker. Just click near the circle two or three times:



Set stroke size to 2px and stroke color to #16AD1D and then click on 'Drop Shadow':


Now let's fill our circle with stylish diagonal lines. Create new file (Ctrl + 'N'), set it's height to 5px and width to 5px too. Set Background Contents to transparent and press OK. Set the scale to 1500%:

Set color to #91C283 and pick Pencil tool:

Draw diagonal points:

Go to Edit -> Define pattern... and click OK. Now you can close this file. Don't save your changes.
Now we must fill our circle with created pattern:




Holding Shift key draw an arrow:

Press Alt + Backspace to fill selected area with black color. Use move tool (Press 'V') to move your arrow in appropriate place. Select Marquee Tool (Press 'M') and click once on empty space to drop selection.

Now create another layer (Shft + Ctrl + N), select white color and select Ellipse tool:


Select Soft Light mode for this layer:

Enjoy:

Комментарии: 2:
Прикольно! Не хватает только завершающего радиального блика в левом верхнем квадранте. И почему на английском?
ок практически также как и в fire works. почему на англ языке???
Отправить комментарий
Подпишитесь на каналы Комментарии к сообщению [Atom]
<< Главная страница