Thursday, 28 February 2013

Design a hardware tool website icon


PhotoshopTutorial spanner-hardware-tool-logo
Description: In this photoshop tutorial you will learn how to create spanner and hardware tools website logo or banner.


1. First of all to open a new Document. Go to Menu, select
File > new and then a new document will appear.
In the new Document type the name of the document and then
specfy the size width = 300 pixel, height = 300 pixel and
resolution = 72 pixel/inch.
PhotoshopTutorial spanner-hardware-tool-logo
2. If you want to make the background Transparent then click on the circle to choose.
PhotoshopTutorial spanner-hardware-tool-logo
3. From there you can select Transparent as shown with the arrow.
PhotoshopTutorial spanner-hardware-tool-logo
4. The Transparent background will look like this.
PhotoshopTutorial spanner-hardware-tool-logo
5. Now select Pen Tool from the Toolbar.
PhotoshopTutorial spanner-hardware-tool-logo
6. Now create a new shape with the Pen
Tool as shown below then Right click >
Make selection > select Feather=0.2px
click ok.
PhotoshopTutorial spanner-hardware-tool-logo
PhotoshopTutorial spanner-hardware-tool-logo
PhotoshopTutorial spanner-hardware-tool-logo
PhotoshopTutorial spanner-hardware-tool-logo
[7]- Now to fill the layer with the color code # 940000,
go to the toolbar and click on the 2 square shape icon
which is used for set foreground color. Enter the code 940000
in the field marked as # in the color picker and press ok.
This is how you choose the color, now to
fill the layer press Alt+ Backspace
PhotoshopTutorial spanner-hardware-tool-logo
PhotoshopTutorial spanner-hardware-tool-logo
8. If you want you can fill the color
with the Paint Bucket Tool for this click
on Gradient Tool for longer time then you
will get Paint Bucket Tool select click on it.
PhotoshopTutorial spanner-hardware-tool-logo
9. Now click on the created shape with
the Paint Bucket Tool the shape will
be filled with color then Deselect Ctrl+D.
PhotoshopTutorial spanner-hardware-tool-logo
PhotoshopTutorial spanner-hardware-tool-logo
10. To make a copy of Layer1 Press Ctrl+J.
PhotoshopTutorial spanner-hardware-tool-logo
11. Now here click on the copied Layer
while pressing Ctrl by this way you
made the selection.
image038
 
PhotoshopTutorial spanner-hardware-tool-logo
12. Now fill it with color code
#510000 with the help of step 7 and 9
and then Deselect Ctrl+D.
PhotoshopTutorial spanner-hardware-tool-logo
13. Now here drag the Layer1
with the help of mouse and put it
on the copied Layer1.
PhotoshopTutorial spanner-hardware-tool-logo
PhotoshopTutorial spanner-hardware-tool-logo
14. Here press Ctrl+T for Transform Selection.
PhotoshopTutorial spanner-hardware-tool-logo
15. Now with the help of Mouse
push the Transform selection inward
and then press Enter to finish the
Transform selection.
PhotoshopTutorial spanner-hardware-tool-logo
PhotoshopTutorial spanner-hardware-tool-logo
16. Now select Layer1 press
Ctrl+J to make a copy.
PhotoshopTutorial spanner-hardware-tool-logo
17. Now click on the Layer1
copy2 while pressing Ctrl to
make selection.
PhotoshopTutorial spanner-hardware-tool-logo
18. Now fill the color code #FFCC00
and then Deselect.
PhotoshopTutorial spanner-hardware-tool-logo
19. First Press Ctrl+T and then press
Shift+ Alt and with the help of mouse
push the corners of Transform selection
as shown below and then press Enter.
PhotoshopTutorial spanner-hardware-tool-logo
PhotoshopTutorial spanner-hardware-tool-logo
20. Now select Elliptical Marquee Tool
and create a new shape with the help
of Image below.
image038
 
PhotoshopTutorial spanner-hardware-tool-logo
[21]- Now look at your right, you will see
the layer window. Here in the Layer window
create a new Layer by clicking on the icon
which is encircled with Red. This layer will
be named as Layer2 by default
PhotoshopTutorial spanner-hardware-tool-logo
22. Now fill the created shape
with the color code #FDE99A
and then Deselect.
PhotoshopTutorial spanner-hardware-tool-logo
23. Double click on the Layer2 >
Layer Style > Bevel and Emboss
select Depth-311 % / Seze-4px /
Soften-9px click ok.
PhotoshopTutorial spanner-hardware-tool-logo
PhotoshopTutorial spanner-hardware-tool-logo
24. Press Ctrl+J to make a copy of Layer2.
PhotoshopTutorial spanner-hardware-tool-logo
25. Now select the Moove Tool
from the Toolbar and the drag the
shape with the Moove Tool as
shown below.
PhotoshopTutorial spanner-hardware-tool-logo
26. Again press Ctrl+J with the help
of Moove Tool drag the shape to another
place and press Ctrl+T and then press
Shift+Alt and with the help of mouse
increase the size of shape then press Enter.
PhotoshopTutorial spanner-hardware-tool-logo
PhotoshopTutorial spanner-hardware-tool-logo
PhotoshopTutorial spanner-hardware-tool-logo
27. Now select Text Tool from the Toolbar.
PhotoshopTutorial spanner-hardware-tool-logo
28. Here type any words
with the Text Tool and then
select Moove Tool from
the Toolbar.
PhotoshopTutorial spanner-hardware-tool-logo
[29]-Ab Ctrl+T press karen
Transform selection ke liye
iske baad Shift+Alt key
press karte hue Font ko
large karen iske baad Enter key
press karen
PhotoshopTutorial spanner-hardware-tool-logo
30. Now again select Text
Tool from Toolbar and click
on the set the text color which
is shown with the blue circle
after click you will get color
picker put the color code
#FEFAFA in the box.
PhotoshopTutorial spanner-hardware-tool-logo
PhotoshopTutorial spanner-hardware-tool-logo
31. When you change the color
the font will change as shown below.
PhotoshopTutorial spanner-hardware-tool-logo
32. Here on the Toolbar from
the set the Font Family click on the
that and choose any font style
here I have selected Arial black.
PhotoshopTutorial spanner-hardware-tool-logo
PhotoshopTutorial spanner-hardware-tool-logo
33. Now here repeat step 27 and 32 and write 2006.
PhotoshopTutorial spanner-hardware-tool-logo
34. Select Layer1 and then with
the Pen Tool create a new shape
as showm below Right click > Make selection.
PhotoshopTutorial spanner-hardware-tool-logo
PhotoshopTutorial spanner-hardware-tool-logo
35. With the Paint Bucket Tool
or with Alt+Backspace fill the color #DB9191
and then Deselect.
PhotoshopTutorial spanner-hardware-tool-logo
36. Here select Layer3.
PhotoshopTutorial spanner-hardware-tool-logo
36. Select Pen Tool from the
Toolbar and create a new shape
as shown below then Right click > Make selection.
PhotoshopTutorial spanner-hardware-tool-logo
37. Fill the color #FFCC00 and then Deselect.
PhotoshopTutorial spanner-hardware-tool-logo
38. Press Ctrl+J to make a copy of Layer3.
PhotoshopTutorial spanner-hardware-tool-logo
38. Click on the Layer3 while
pressing Ctrl to make selection
and then fill the color code
#510000 then Deselect.
PhotoshopTutorial spanner-hardware-tool-logo
39. Now here drag the Layer3
and put it on the copy of Layer3.
PhotoshopTutorial spanner-hardware-tool-logo
[40]- New Layer4 create karen
40. Create a new Layer4.
PhotoshopTutorial spanner-hardware-tool-logo
41. Here with the Pen Tool
create a new shape as shown below.
PhotoshopTutorial spanner-hardware-tool-logo
42. Now fill the color code
#FFBD00 and then Deselect.
PhotoshopTutorial spanner-hardware-tool-logo
PhotoshopTutorial spanner-hardware-tool-logo
43. Click on the Layer3
while pressing Ctrl.
PhotoshopTutorial spanner-hardware-tool-logo
44. Here press Shft+I for inverse
and then press Delete key now Deselect.
PhotoshopTutorial spanner-hardware-tool-logo
45. Here in the Toolbar select the
forground color white and then select
Brush Tool and then click on the
Open the brush preset picker which
is shown with the circle2.
PhotoshopTutorial spanner-hardware-tool-logo
46. Here click on the red circle.
PhotoshopTutorial spanner-hardware-tool-logo
47. When you click on the circle in
step 46 you will get a list seelect
Assorted Brushes from there.
PhotoshopTutorial spanner-hardware-tool-logo
48. After selecting Assorted Brush
you will see another list from
there Brush 50 which is also
shown with the red circle.
PhotoshopTutorial spanner-hardware-tool-logo
49. Select the Brush size 125 and click 3 times.
PhotoshopTutorial spanner-hardware-tool-logo
50. Final Image.
PhotoshopTutorial spanner-hardware-tool-logo
Thank you for visit our blog.
Hope you can learn something new from this tutorial. For your valuable suggestion please put your comment below.
Get brilliant qualities clipping path, clipping path service & image masking service from Clipping Design. Clipping Design always assures photo editing at quick turnaround time with guaranteed client satisfaction on top quality photoshop masking .
You can also discover 100% handmade clipping path&clipping path service in reasonable price.
Thank you…
Reference: adobeusersite

No comments:

Post a Comment