منتديات فن التصميم
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

[درس2] صناعة زر

2 مشترك

اذهب الى الأسفل

[درس2] صناعة زر Empty [درس2] صناعة زر

مُساهمة من طرف @@hamad@@ الأربعاء نوفمبر 12, 2008 12:44 am

[درس] إصنع زر بطريقه جميله ..
السلام عليكم و رحمة الله و بركاته

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

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


"

[درس2] صناعة زر Orb-button-effect-photoshop-main


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] صناعة زر Empty رد: [درس2] صناعة زر

مُساهمة من طرف @@hamad@@ الأربعاء نوفمبر 12, 2008 12:45 am

4

بعد ان تقوم بالمحو ستكون النتيجت التي حصلت عليها انت قريبه من النتيجه الاتيه , قم بتغير التعتيم (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] صناعة زر Empty رد: [درس2] صناعة زر

مُساهمة من طرف kaka السبت نوفمبر 22, 2008 2:23 pm

مشكوووووووووور اخوي
kaka
kaka
مراقب عام
مراقب  عام

ذكر عدد الرسائل : 152
الموقع : tasmam.mam9.com
المزاج : [درس2] صناعة زر Helaly
الهوايه : [درس2] صناعة زر Sports10
الأوسمه : [درس2] صناعة زر Vbfs2
تاريخ التسجيل : 08/11/2008

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى