عمل ايكونه RSS بالفوتوشوب [E]

[salima]

هذا درس مفصل اكثر من رائع يعلمك كيف ترسم ايقونة الـ RSS بنفسك فى الفوتوشوب
النتيجة النهائية

http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/25.jpg (http://www.ghorab.org/forum/17310.html)

اعتذر لكم حيث ان الدرس مفصل باللغة الانجليزية
و جارى ترجمه الدرس مفصل

http://i305.photobucket.com/albums/nn208/0108122900/fasel.gif

Glossy RSS icon Tutorial

It's necessary for the beginning to create a new file (File>New) of 512x512px and 72 dpi. Select the Ellipse Tool and try to make an ellipse like the next one:

http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/1.jpg (http://www.ghorab.org/forum/17310.html)

Fill 0% on the layer:

http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/2.jpg

Select Blending Options>Gradient Overlay (making a mouse click on the processed layer on the layers' palette) setting the next demands as below:

http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/3.jpg (http://www.ghorab.org/forum/17310.html)

This element we should get. It'll represent the shadow of the icon:

http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/4.jpg (http://www.ghorab.org/forum/17310.html)

. Select the same tool to draw now a circle, colored with #F36523

http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/5.jpg (http://www.ghorab.org/forum/17310.html)

Select Blending Options>Inner Shadow and set the next parameters for the last layer:

http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/6.jpg (http://www.ghorab.org/forum/17310.html)

Blending Options>Stroke

http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/7.jpg (http://www.ghorab.org/forum/17310.html)

Fill 0% for the layer. We should get the next result. It'll represent the basis of the icon

http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/8.jpg (http://www.ghorab.org/forum/17310.html)

Next we shall represent one more circle:

http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/9.jpg (http://www.ghorab.org/forum/17310.html)




Choose the next selection for the layer: Blending Options>Gradient Overlay

http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/10.jpg (http://www.ghorab.org/forum/17310.html)

Gradient Editor:

http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/11.jpg (http://www.ghorab.org/forum/17310.html)

Now we need to draw another circle, but a circle that needs to be corrected with Direct Selection Tool (A), as it is shown below:

http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/12.jpg (http://www.ghorab.org/forum/17310.html)
Select Blending Options>Inner Glow

http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/13.jpg (http://www.ghorab.org/forum/17310.html)

Fill 0% on the layer. This way we've got several highlights on the icon:

http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/14.jpg (http://www.ghorab.org/forum/17310.html)

Let's represent one more circle colored with #F36523

http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/15.jpg (http://www.ghorab.org/forum/17310.html)

Mark out the last made circle, press Alt button and cut out a half – moon element:

http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/16.jpg (http://www.ghorab.org/forum/17310.html)

Set the next parameters:

http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/17.jpg (http://www.ghorab.org/forum/17310.html)

We'll get this way a half – shadow:

http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/18.jpg (http://www.ghorab.org/forum/17310.html)

Now we need to select the Ellipse Tool (U) and represent two circles of different sizes. The color's code is #FEDB8A

http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/19.jpg (http://www.ghorab.org/forum/17310.html)

Next we shall use the Rounded Rectangle Tool (U) (http://moustafaelkady.hotgoo.net/javascriptb/b:void%280%29) (radius of 30 px) and represent a bended rounded line.
1. Represent the line
2. Insert the points of the bend, applying the Add Anchior Point Tool, bending the element with Direct Selection Tool (A) and Convert Point Tool.

http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/20.jpg (http://www.ghorab.org/forum/17310.html)

Place the new element as below:

http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/21.jpg (http://www.ghorab.org/forum/17310.html)

Apply for the new layer Blending Options>Gradient Overlay

http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/22.jpg (http://www.ghorab.org/forum/17310.html)

Gradient Editor:

http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/23.jpg (http://www.ghorab.org/forum/17310.html)

We'll get the next result!

http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/24.jpg (http://www.ghorab.org/forum/17310.html)

Next we shall draw one more element, but a bigger one, having the icon finally finished!

http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/25.jpg (http://www.ghorab.org/forum/17310.html)

اتمنى يكون الشرح طريقة عجبكم
اخوكم / محمد غراب

رابط الموضوع الأصلى
http://www.ghorab.org/forum/17310.html (http://www.ghorab.org/forum/17310.html)



الصور المصغرة المرفقة http://www.traidnt.net/vb/attachments/306482d1224199634t-52.jpg (http://www.traidnt.net/vb/attachments/306482d1224199634-52.jpg)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©