إصنع زر بطريقه جميله ..

[salima]

السلام عليكم و رحمة الله و بركاته

إصنع زر بطريقه جميله

الشكل النهائي


"

http://www.pxll.com/usersupload/montexo/orb-button-effect-photoshop-main.jpg


1


قم بفتح عمل جديد بإي حجم تريده انت , عن نفسي و في هذا العمل قمت بإختيار الحجم التالي (200×200 px) , قم بملء الخلفيه باللون الابيض , قم

بعمل طبقه جديده قم بتمسيتها "orb-bg" , بإداة الرسم (Eclipse Tool) قم برسم شكل دائري جميل بحجم مشابه إلي حد ما الشكل الاتي , قم بعمل تدرج من اعلي إلي اسفل

اللون في الاعلي : #2a2a2a

اللون في الاسفل : #3e3e3e


http://www.pxll.com/usersupload/montexo/orb-button-effect-photoshop-tutorial-01.png


2

قمبعمل طبقه اخريجديده , و قم بتمسيتها (orb-glass) , و قم بإستعمالاداة الرسم مره اخري (Eclipse Tool) , قم برسم

شكل مشابه لما في الصوره الاتيه و قم بتلوينه بالابيض (#fffff)

http://www.pxll.com/usersupload/montexo/orb-button-effect-photoshop-tutorial-02.png


3

قم بإستعمال أداة (round marquee tool) , قم برسم 1/3 شكل دائري اسفل الطبقه المسماه (orb-glass) و التي تم

الانتهاء منها في الخطوه الثانيه , كما هو موضح في الصوره .

إذهب إلي (Select > Feather) , او إضغط علي الازرار الاتيه علي سبيل الاختيار Ctri + Alt + D , 30px feather


علي الطبقه المسماه(orb-glass) إضغط علي (delete) مرتين


http://www.pxll.com/usersupload/montexo/orb-button-effect-photoshop-tutorial-03.png



4

بعد ان تقوم بالمحو ستكون النتيجت التي حصلت عليها انت قريبه من النتيجه الاتيه , قم بتغير التعتيم (opacity) , الخاص بالطبه المسماه (orb-glass) إذا اردت ذالك

http://www.pxll.com/usersupload/montexo/orb-button-effect-photoshop-tutorial-04.png




5

قم بعمل طبقه جديده اخري و مكانها بين الطبقتين المسميتين (orb-glass) و (orb-bg) , و قم بتمسية الطبقه الجديده تلك (orb-

bottom)و إستعمل مره اخري اداة الرسم و ارسم شكل بيضاوي في اسفل الزر و لونه بالاسود (#000000) , كماهو موضح في الصوره التاليه


http://www.pxll.com/usersupload/montexo/orb-button-effect-photoshop-tutorial-05.png



6




اختر الطبقه المسماه (orb-bottom) , قم بالذهاب إلي Filter > Blur > Gaussian Blur , و إضبط ال blur علي 2.8px


http://www.pxll.com/usersupload/montexo/orb-button-effect-photoshop-tutorial-06.png



7

إذا قمت بتطبيق الخطوات السابقه كما يجب , إذا يجب ان يكون الشكل اللذي حصلت عليه مشابه للشكل في الصوره الاتيه ,


http://www.pxll.com/usersupload/montexo/orb-button-effect-photoshop-tutorial-07.png




-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

إنتهي الدرس مفصل

منقول " من موقع بكسل .. ترجمة MonTexo



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