المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : how to draw a mouse with Photoshop


الحزيـــــــــن
11-15-2006, 02:43 PM
01. Create a new ******** sized 340x340. Make a selection sized 120x200 using the Elliptical Marquee Tool (M). Edit > Fill (Shift+F5) this shape on a new layer with color #999999.


[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

02. Now make another selection sized 180x180. Place it on the current shape as shown below and Select > Invert (Ctrl+Shift+I). Now press Delete once to clear the unwanted part.



[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

03. Now Layer > Layer Style > Drop Shadow and use the following settings

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

04. Apply Inner Glow too.

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

05. And Bevel and Emboss.

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

06. And last Gradient Overlay.

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

07. Your mouse basic shape should be like this. It looks pretty weird now but ignore that first. Things will get pretty later.

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

08. Now you have Layer 1 for the mouse shape. Now, Select > Load Selection and load the shape of the mouse shape (shortcut: hold Ctrl and click on the layer in the layer window).

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

09. Your edit area should look like this now

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

10. Create a new layer (Layer 2) and Edit > Fill (Shift+F5) this layer with color #999999.

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

11. It should look like this now. Now Select > Deselect (Ctrl+D).

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

12. Filter > Render > Lighting Effects and use the Default style. Adjust your lighting as shown in the preview area.

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

13. The shape (Layer 2) should look like this now. If not, experiment more with the filter until you get one like this.

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

14. Now change the opacity of the layer to 50%.

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

15. It should look like this now. If you don't get the shape and effect, please try to use the shape and size exactly same as used in this tutorial.

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

16. Now make another selection sized 180x100 on top of the shape. Place it as shown in the preview below. Make a new layer (Layer 3) and fill it with color #666666.

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

17. Now set the fill opacity to 0%. Click on the Apply a layer style button to apply the styles in the next step.

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

18. Apply Bevel and Emboss with the following settings.

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

19. And also Stroke

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

20. The shape should look like a ring now.

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

21. Bring the ring layer (Layer 3) down on top of Layer 1, the basic shape layer. Now Layer > Create Clipping Mask (Ctrl+G).

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

22. It should appear as shown

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

23. Now make another new layer (Layer 4) and fill it with #999999 with the shape shown. Here I used a elliptical selection sized 32x72 and a vertical line with width 2px

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

24. Drag and place it on top of Layer 3 and Layer > Create Clipping Mask (Ctrl+G) to mask it with the basic shape layer (Layer 1).

Now click on Layer 3 and Layer > Layer Style > Copy Layer Style. Then click on Layer 4 and Layer > Layer Style > Paste Layer Style.


[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

25. It should look like this now

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

26. Make a new layer (Layer 5) and set the blending mode and opacity to the values shown below. Mask this layer with Layer 1.

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

27. Now make a small shape as decoration. Fill it with white #FFFFFF. I filled the shape using a selection as shown.

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

28. Now on top of Layer 2, create a new layer (Layer 6).

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

29. Make a selection sized 14x40 and center it on the elliptical area. This will be the scroller button. Fill it with color #999999

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

30. Apply Inner Shadow with the following settings.

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

31. Also Inner Glow.

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

32. Bevel and Emboss.

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

33. And finally Gradient Overlay

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

34. The scroller should appear as shown. Else, tweak the layer styles until you get something closer to the image below.

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

35. Make a new selection sized 20x60. Make a new layer (Layer 7) and fill it with Gradient Tool (G). Use a Black to white gradient and fill the bottom with white.

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]


36. Set the opacity of this layer to 50%

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

37. Make sure your layers are arranged as shown. Things should be okay if you are following the tutorial properly. Here I have added wire to the mouse.

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

38. Here is the final product with background and wire added. You can make it a wireless mouse without the wire. Use your imaginations. Have fun with your mouse

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

this tutorial by :[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]

التقيم حسب الموضوع : سهل :D

دمتم بود

الحزيـــــــــن
11-15-2006, 02:48 PM
السلام عليكم ورحمه الله وبركاته

اتمنى يكون الدرس عجبكم لانه فعلا ممتع

حبيت الفت انتباهكم انه الدرس محتاج مهارات قويه في عمليات التحديد فقط ومو محتاج اي خلفيه تانيه للبرنامج . طبعا مع معرفه التعامل مع فوتوشب

هاد تطبيقي وان شاء الله يعجبكم

[عزيزي الزائر يتوجب عليك التسجيل بالمنتدى لمشاهدة الرابط]