[درس2] صناعة زر
2 مشترك
صفحة 1 من اصل 1
[درس2] صناعة زر
[درس] إصنع زر بطريقه جميله ..
السلام عليكم و رحمة الله و بركاته
إصنع زر بطريقه جميله
الشكل النهائي
"
1
قم بفتح عمل جديد بإي حجم تريده انت , عن نفسي و في هذا العمل قمت بإختيار الحجم التالي (200×200 px) , قم بملء الخلفيه باللون الابيض , قم
بعمل طبقه جديده قم بتمسيتها "orb-bg" , بإداة الرسم (Eclipse Tool) قم برسم شكل دائري جميل بحجم مشابه إلي حد ما الشكل الاتي , قم بعمل تدرج من اعلي إلي اسفل
اللون في الاعلي : #2a2a2a
اللون في الاسفل : #3e3e3e
2
قمبعمل طبقه اخريجديده , و قم بتمسيتها (orb-glass) , و قم بإستعمالاداة الرسم مره اخري (Eclipse Tool) , قم برسم
شكل مشابه لما في الصوره الاتيه و قم بتلوينه بالابيض (#fffff)
3
قم بإستعمال أداة (round marquee tool) , قم برسم 1/3 شكل دائري اسفل الطبقه المسماه (orb-glass) و التي تم
الانتهاء منها في الخطوه الثانيه , كما هو موضح في الصوره .
إذهب إلي (Select > Feather) , او إضغط علي الازرار الاتيه علي سبيل الاختيار Ctri + Alt + D , 30px feather
علي الطبقه المسماه(orb-glass) إضغط علي (delete) مرتين
تـــــــــــــــــــــــــــــــــابــــــــــــــ ـــــــــــــــــــــــــــع
إصنع زر بطريقه جميله
الشكل النهائي
"
1
قم بفتح عمل جديد بإي حجم تريده انت , عن نفسي و في هذا العمل قمت بإختيار الحجم التالي (200×200 px) , قم بملء الخلفيه باللون الابيض , قم
بعمل طبقه جديده قم بتمسيتها "orb-bg" , بإداة الرسم (Eclipse Tool) قم برسم شكل دائري جميل بحجم مشابه إلي حد ما الشكل الاتي , قم بعمل تدرج من اعلي إلي اسفل
اللون في الاعلي : #2a2a2a
اللون في الاسفل : #3e3e3e
2
قمبعمل طبقه اخريجديده , و قم بتمسيتها (orb-glass) , و قم بإستعمالاداة الرسم مره اخري (Eclipse Tool) , قم برسم
شكل مشابه لما في الصوره الاتيه و قم بتلوينه بالابيض (#fffff)
3
قم بإستعمال أداة (round marquee tool) , قم برسم 1/3 شكل دائري اسفل الطبقه المسماه (orb-glass) و التي تم
الانتهاء منها في الخطوه الثانيه , كما هو موضح في الصوره .
إذهب إلي (Select > Feather) , او إضغط علي الازرار الاتيه علي سبيل الاختيار Ctri + Alt + D , 30px feather
علي الطبقه المسماه(orb-glass) إضغط علي (delete) مرتين
تـــــــــــــــــــــــــــــــــابــــــــــــــ ـــــــــــــــــــــــــــع
@@hamad@@- مصمم مبتدئ
- عدد الرسائل : 28
الموقع : http://xbox.2areg.com
تاريخ التسجيل : 05/11/2008
رد: [درس2] صناعة زر
4
بعد ان تقوم بالمحو ستكون النتيجت التي حصلت عليها انت قريبه من النتيجه الاتيه , قم بتغير التعتيم (opacity) , الخاص بالطبه المسماه (orb-glass) إذا اردت ذالك
5
قم بعمل طبقه جديده اخري و مكانها بين الطبقتين المسميتين (orb-glass) و (orb-bg) , و قم بتمسية الطبقه الجديده تلك (orb-
bottom)و إستعمل مره اخري اداة الرسم و ارسم شكل بيضاوي في اسفل الزر و لونه بالاسود (#000000) , كماهو موضح في الصوره التاليه
6
اختر الطبقه المسماه (orb-bottom) , قم بالذهاب إلي Filter > Blur > Gaussian Blur , و إضبط ال blur علي 2.8px
7
إذا قمت بتطبيق الخطوات السابقه كما يجب , إذا يجب ان يكون الشكل اللذي حصلت عليه مشابه للشكل في الصوره الاتيه ,
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
إنتهي الدرس
بعد ان تقوم بالمحو ستكون النتيجت التي حصلت عليها انت قريبه من النتيجه الاتيه , قم بتغير التعتيم (opacity) , الخاص بالطبه المسماه (orb-glass) إذا اردت ذالك
5
قم بعمل طبقه جديده اخري و مكانها بين الطبقتين المسميتين (orb-glass) و (orb-bg) , و قم بتمسية الطبقه الجديده تلك (orb-
bottom)و إستعمل مره اخري اداة الرسم و ارسم شكل بيضاوي في اسفل الزر و لونه بالاسود (#000000) , كماهو موضح في الصوره التاليه
6
اختر الطبقه المسماه (orb-bottom) , قم بالذهاب إلي Filter > Blur > Gaussian Blur , و إضبط ال blur علي 2.8px
7
إذا قمت بتطبيق الخطوات السابقه كما يجب , إذا يجب ان يكون الشكل اللذي حصلت عليه مشابه للشكل في الصوره الاتيه ,
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
إنتهي الدرس
@@hamad@@- مصمم مبتدئ
- عدد الرسائل : 28
الموقع : http://xbox.2areg.com
تاريخ التسجيل : 05/11/2008
رد: [درس2] صناعة زر
مشكوووووووووور اخوي
kaka- مراقب عام
- عدد الرسائل : 152
الموقع : tasmam.mam9.com
المزاج :
الهوايه :
الأوسمه :
تاريخ التسجيل : 08/11/2008
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى