[درس مفصل] تصميم زر زجاجي دائري بشكل احترافي ,,, قمة في الروعة

[walid]

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

اخواني اقدم لكم اليوم درس مفصل كيفية تصميم مثل هذا الشكل

http://www.tassmim.com/upload/Photoshop/Lesson3/ex3.gif

في البداية افتح عمل جديد بهذه المقاسات

http://www.tassmim.com/upload/Photoshop/Lesson3/1.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

في قائمة الادوات الجانبية اختر شكل الدائرة

http://www.tassmim.com/upload/Photoshop/Lesson3/2.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

اضغط على Alt + Shift وقم برسم دائرة مع الاستمرار بالضغط وذلك لكي يكون شكل الدائرة متناسقاً

http://www.tassmim.com/upload/Photoshop/Lesson3/3.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

الان قم بتعبئة الدائرة بهذا اللون #E6E6E6 كما هو موضح في الصورة

http://www.tassmim.com/upload/Photoshop/Lesson3/4.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

الان نذهب الى لاير الدائرة في الجهة اليمين ونختار من خصاص اللاير Blending Options

http://www.tassmim.com/upload/Photoshop/Lesson3/5.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

الان نذهب الى خيار Inner Glow ونقوم بوضع جميــــــع الاعدادات كما هو موضح بالصورة دون اي اختلاف

http://www.tassmim.com/upload/Photoshop/Lesson3/6.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

نذهب الان الى خيار Inner Shadow ونضع الاعدادات كما هو موضح في الصورة دون اي اختلاف

http://www.tassmim.com/upload/Photoshop/Lesson3/7.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

الان نذهب الى Satin ونقوم بفعل نفس الشئ

http://www.tassmim.com/upload/Photoshop/Lesson3/8.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

نذهب الى Gradient Overlay ونقوم بنفس الخطوات

http://www.tassmim.com/upload/Photoshop/Lesson3/9.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

والمفروض ان ينتج لدينا هذا الشكل او شئ مشابه

http://www.tassmim.com/upload/Photoshop/Lesson3/10.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

الان نقوم باضافة لاير جديد عن طريق الضغط على Ctrl+Shift+N

ونرسم دائرة اخرى فوق الدائرة الحالية وتكون اصغر منها

ثم نقوم بتعبئتها باللون الذي نريده

http://www.tassmim.com/upload/Photoshop/Lesson3/11.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

الان نضيف لاير جديد بالضغط على ctrl + Shift + N ونضغط على Edit ثم Stroke
ونضع رقم 4 هناك بالاضافة الى اللون الاسود

* * * * * * * * * * * * * * * * * * * * * * * * *

الان نذهب الى Filter ثم Blur ثم Guassian Blur

http://www.tassmim.com/upload/Photoshop/Lesson3/12.jpg




* * * * * * * * * * * * * * * * * * * * * * * * *

تابع الصورة

http://www.tassmim.com/upload/Photoshop/Lesson3/13.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

الان نختار اداة الدائرة مرة اخرى

http://www.tassmim.com/upload/Photoshop/Lesson3/14.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

نذهب الى الدائرة الزرقاء التي رسمناها ونضغط بالزر الايمن للفارة ونقوم باختيار Select inverse ونضغط على Delete

http://www.tassmim.com/upload/Photoshop/Lesson3/15.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

الان نقوم بتعديل ال Opacity بنفس اللاير ووضع قيمته الى 28%

http://www.tassmim.com/upload/Photoshop/Lesson3/16.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

الان نقوم باضافة لاير جديد , تأكد انك موجود باللاير الجديد الذي اضفته ثم اضغط بالماوس
بالاضافة الى ضغطك على زر Ctrl على لاير الدائرة , وذلك لكي يتم تحديد شكل الدائرة بشكل متقطع

الان اذهب الى edit ثم Stroke وضع رقم 1 ولون اسود

* * * * * * * * * * * * * * * * * * * * * * * * *

الان نقوم بتعديل ال Opacity بنفس اللاير ووضع قيمته الى 32%

http://www.tassmim.com/upload/Photoshop/Lesson3/18.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

المفروض الشكل يكون مشابه لهذا

http://www.tassmim.com/upload/Photoshop/Lesson3/17.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

الان من قائمة الادوات نختار الفرشات

http://www.tassmim.com/upload/Photoshop/Lesson3/19.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

ومن قائمة الادوات العليا نختار Air Brush

http://www.tassmim.com/upload/Photoshop/Lesson3/20.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

الان اضف لاير جديد وقم بوضع اعداداته كالتالي

http://www.tassmim.com/upload/Photoshop/Lesson3/21.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

الان قم بتحريك الفارة بالنصف السفلي من الدائرة ليظهر لك هذا الشكل

http://www.tassmim.com/upload/Photoshop/Lesson3/22.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

الان نختار اداة القلم

http://www.tassmim.com/upload/Photoshop/Lesson3/23.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

ومن قائمة الادوات العلوية تاكدوا من اختياركم للاداة التي في المربع الاحمر

http://www.tassmim.com/upload/Photoshop/Lesson3/24.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

قم برسم شكل مشابه لهذا الشكل

http://www.tassmim.com/upload/Photoshop/Lesson3/25.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

اضغط بالزر الايمن للفارة واختار Make Selection

http://www.tassmim.com/upload/Photoshop/Lesson3/26.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

ستظهر لكم شاشة اخرى , اضغط Ok

http://www.tassmim.com/upload/Photoshop/Lesson3/27.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

سيصبح التصميم بهذا الشكل

http://www.tassmim.com/upload/Photoshop/Lesson3/28.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

الان انتبهوا جيدا ,أضف لاير جديد , اضغط Ctrl+Shfit+Alt واضغط بالفارة على لاير الدائرة الزرقاء
اذا ظهر لكم الشكل كما في الصورة فما فعلتموه صحيح (انتبه الى شكل الخطوط المتقطعه)

http://www.tassmim.com/upload/Photoshop/Lesson3/29.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

الان من قائمة الادوات الجانبة اختر Gradient Tool

http://www.tassmim.com/upload/Photoshop/Lesson3/30.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

ومن قائمة الادوات العليا تاكد ان تكون اعداداتك مثل ما هو موضح في الصورة

http://www.tassmim.com/upload/Photoshop/Lesson3/31.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

قم بسحب الفأرة من رأس الدائرة الى المنتصف

http://www.tassmim.com/upload/Photoshop/Lesson3/32.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

إذهب الى Filter ثم Blur ثم Gussian Blur

http://www.tassmim.com/upload/Photoshop/Lesson3/33.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

تابع الصورة

http://www.tassmim.com/upload/Photoshop/Lesson3/34.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

وهذا هو الشكل النهائي للتصميم

http://www.tassmim.com/upload/Photoshop/Lesson3/35.jpg

* * * * * * * * * * * * * * * * * * * * * * * * *

وطبعا كل شخص بيقدر يعمل شي من ابداعه ممكن يعمل التصميم لوجو لموقع او ازرار او اي شئ تاني

http://www.tassmim.com/upload/Photoshop/Lesson3/ex1.gif


http://www.tassmim.com/upload/Photoshop/Lesson3/ex2.gif


http://www.tassmim.com/upload/Photoshop/Lesson3/ex3.gif

وفي النهاية اتمنى ان يكون الدرس مفصل قد اعجبكم

اي استفسار انا جاهز

خالص تحياتي


الصور المصغرة المرفقة http://www.traidnt.net/vb/attachments/74993d1158434758t-ط³ط¤ط§ظ„.jpg (http://www.traidnt.net/vb/attachments/74993d1158434758-سؤال.jpg)


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