Mr.Xbox
17-10-2006, 06:39 PM
السلام عليكم ورحمه الله وبركاته
درس تصميم زر دائري انيق وجميل
ان شاء الله سأبدا مجموعه من الدروس لتصميم ازرار انيقه ومميزه تضيف للتصاميم لمسه مميزه , وتوجد الكثير من الاستخدامات لهذه الازرار التي نراها كثيرا في الانترنت مثل : التواقيع وتصميم المواقع وغيرها , واول درس في هذه المجموعه هي تصميم زر دائري انيق الشكل ويساعدك في اضافه لمسه جماليه لتصاميمك.
الشكل النهائي للدرس
http://www.photoshoptower.com/tutorials/interface-vents/images/20.jpg
::الدرس::
انا اعمل الان على شكل موجود مسبقا فقط سأضيف اليه هذا الزر
في البدايه اختر اداه circular marque tool لرسم الدائره
ملاحظه : اذا ضغطت على زر shift وانت ترسم الدائره ستظهر الدائره بشكل افضل وادق
http://www.photoshoptower.com/tutorials/glossy-buttons/images/1.jpg
2-استخدم اداه gradient tool واستخدم اللون الرمادي الفاتح الى الرمادي القاتم مثل هذا
http://www.photoshoptower.com/tutorials/glossy-buttons/images/3.jpg
3-اضغط مرتين على طبقه(( layer)) الدائره واعمل مثل هذه الاعدادات
http://www.photoshoptower.com/tutorials/glossy-buttons/images/2.jpg
http://www.photoshoptower.com/tutorials/glossy-buttons/images/4.jpg
سيظهر لك شكل مشابه لهذا
http://www.photoshoptower.com/tutorials/glossy-buttons/images/5.jpg
4-اضغط على زر Ctrl من الكيبورد واضغط على طبقه الدائره وذلك سيحدد الشكل بالكامل وافلت زر الـCTRL
والان اعمل طبقه جديده واضغط على اداه circular marque tool واضغط على زر ALT بالكيبورد وحدد الجزء الاسفل من الدائره وذلك سيظهر لك شيئا مماثلا لهذا
http://www.photoshoptower.com/tutorials/glossy-buttons/images/6.jpg
5- اذهب الى selection -->modify-->contract
http://www.photoshoptower.com/tutorials/glossy-buttons/images/7.jpg
واجعل الرقم اما 1 او 2 (( اذا كانت الدائره كبيره اجعلها 2 او صغيره اجعلها 1 ((وانا استخدمت في هذا المثال 1 ))
6-والان اجعل اللون الامامي ابيض ثم اختر اداه marquie tool ثم اختر اللون الابيض الى الشفاف ((مثل الصوره))
http://www.photoshoptower.com/tutorials/glossy-buttons/images/8.jpg
ثم لون الجزء الاعلى من الدائره اللتي حددناها وذلك سيظهر لك مثل هذا الشكل
http://www.photoshoptower.com/tutorials/glossy-buttons/images/9.jpg
7-واخر خطوه هي جعل الـopacity لهذه الطبقه الى 60 او اقل ((مثل الصوره))
http://www.photoshoptower.com/tutorials/glossy-buttons/images/10.jpg
وفي النهايه سيظهر لك مثل هذا الشكل
http://www.photoshoptower.com/tutorials/glossy-buttons/images/11.jpg
اتمنى ان الدرس عجبكم وانتظر تطبيقاتكم ^^
درس تصميم زر دائري انيق وجميل
ان شاء الله سأبدا مجموعه من الدروس لتصميم ازرار انيقه ومميزه تضيف للتصاميم لمسه مميزه , وتوجد الكثير من الاستخدامات لهذه الازرار التي نراها كثيرا في الانترنت مثل : التواقيع وتصميم المواقع وغيرها , واول درس في هذه المجموعه هي تصميم زر دائري انيق الشكل ويساعدك في اضافه لمسه جماليه لتصاميمك.
الشكل النهائي للدرس
http://www.photoshoptower.com/tutorials/interface-vents/images/20.jpg
::الدرس::
انا اعمل الان على شكل موجود مسبقا فقط سأضيف اليه هذا الزر
في البدايه اختر اداه circular marque tool لرسم الدائره
ملاحظه : اذا ضغطت على زر shift وانت ترسم الدائره ستظهر الدائره بشكل افضل وادق
http://www.photoshoptower.com/tutorials/glossy-buttons/images/1.jpg
2-استخدم اداه gradient tool واستخدم اللون الرمادي الفاتح الى الرمادي القاتم مثل هذا
http://www.photoshoptower.com/tutorials/glossy-buttons/images/3.jpg
3-اضغط مرتين على طبقه(( layer)) الدائره واعمل مثل هذه الاعدادات
http://www.photoshoptower.com/tutorials/glossy-buttons/images/2.jpg
http://www.photoshoptower.com/tutorials/glossy-buttons/images/4.jpg
سيظهر لك شكل مشابه لهذا
http://www.photoshoptower.com/tutorials/glossy-buttons/images/5.jpg
4-اضغط على زر Ctrl من الكيبورد واضغط على طبقه الدائره وذلك سيحدد الشكل بالكامل وافلت زر الـCTRL
والان اعمل طبقه جديده واضغط على اداه circular marque tool واضغط على زر ALT بالكيبورد وحدد الجزء الاسفل من الدائره وذلك سيظهر لك شيئا مماثلا لهذا
http://www.photoshoptower.com/tutorials/glossy-buttons/images/6.jpg
5- اذهب الى selection -->modify-->contract
http://www.photoshoptower.com/tutorials/glossy-buttons/images/7.jpg
واجعل الرقم اما 1 او 2 (( اذا كانت الدائره كبيره اجعلها 2 او صغيره اجعلها 1 ((وانا استخدمت في هذا المثال 1 ))
6-والان اجعل اللون الامامي ابيض ثم اختر اداه marquie tool ثم اختر اللون الابيض الى الشفاف ((مثل الصوره))
http://www.photoshoptower.com/tutorials/glossy-buttons/images/8.jpg
ثم لون الجزء الاعلى من الدائره اللتي حددناها وذلك سيظهر لك مثل هذا الشكل
http://www.photoshoptower.com/tutorials/glossy-buttons/images/9.jpg
7-واخر خطوه هي جعل الـopacity لهذه الطبقه الى 60 او اقل ((مثل الصوره))
http://www.photoshoptower.com/tutorials/glossy-buttons/images/10.jpg
وفي النهايه سيظهر لك مثل هذا الشكل
http://www.photoshoptower.com/tutorials/glossy-buttons/images/11.jpg
اتمنى ان الدرس عجبكم وانتظر تطبيقاتكم ^^