عضو متميز
مشارك بأكثر من 200 مشاركة
حاصل على الجنسية
مر على وجوده في المنتدى أكثر من 10 سنوات
عضو مطلع
شارك في أكثر من 200 موضوع
|
السلام عليكم
في هذا الدرس حقولوكوا على طريقة تصميم صندوق غامق لزراير
التصفح بنستخدم فيها بالأساس أداة التحديد
ودي النتيجة النهائية
![درس :: تصميم عارضة أزرار سوداء .... 012_step13](https://2img.net/h/www.psdcore.com/tutorial-images/012_step13.jpg)
الخطوة الأولى ::
إفتح عمل جديد بمقاسات 600×420 بكسل
وأملئه بأداة التدرج العرضي radial gradient
بإستخدام الونين ذات الدرجات
#181818 و #040404.
![درس :: تصميم عارضة أزرار سوداء .... 012_step1](https://2img.net/h/www.psdcore.com/tutorial-images/012_step1.jpg)
الخطوة الثانية ::
اعمل لاير جديدة
وبإستخدام أداة التحديد المربعة اعمل تحديد بالمقاسات دي
290 × 310 بكسل في نصف العمل
![درس :: تصميم عارضة أزرار سوداء .... 012_step2](https://2img.net/h/www.psdcore.com/tutorial-images/012_step2.jpg)
الخطوة الثالثة ::
اذهب إلي
Edit > Fill
ولون التحديد بالون #202020
![درس :: تصميم عارضة أزرار سوداء .... 012_step3](https://2img.net/h/www.psdcore.com/tutorial-images/012_step3.jpg)
الخطوة الرابعة ::
نفذ الوهج الخارجي
Outer Glow
عن طريق
Layer > Layer Style > Outer Glow.
![درس :: تصميم عارضة أزرار سوداء .... 012_step4](https://2img.net/h/www.psdcore.com/tutorial-images/012_step4.jpg)
الخطوة الخامسة ::
في لاير جديد إعمل تحديد بأداة التحديد بمقاسات
290 × 40 بكسل
وبإستخدام أداة التدرج الطولي
Linear Gradient
بلون
#8ddc0c في الأعلى
ولون
#40b80a في الأسفل
![درس :: تصميم عارضة أزرار سوداء .... 012_step5](https://2img.net/h/www.psdcore.com/tutorial-images/012_step5.jpg)
الخطوة السادسة ::
لعمل هذه الخطوة يجب عليك الذهاب إلى
Layer > Layer Style > Gradient Overlay
وتنفيذ الإعدادات الموجودة في الصورة
![درس :: تصميم عارضة أزرار سوداء .... 012_step6](https://2img.net/h/www.psdcore.com/tutorial-images/012_step6.jpg)
الخظوة السابعة ::
أضف كتابة على اللاير
![درس :: تصميم عارضة أزرار سوداء .... 012_step7](https://2img.net/h/www.psdcore.com/tutorial-images/012_step7.jpg)
الخطوة الثامنة ::
أضف وهج خارجي Outer Glow
لتسهيل قراءة الكلمات المكتوبة
![درس :: تصميم عارضة أزرار سوداء .... 012_step8](https://2img.net/h/www.psdcore.com/tutorial-images/012_step8.jpg)
الخطوة التاسعة ::
أضف بعض الكلمات الأخري على طول التصميم
![درس :: تصميم عارضة أزرار سوداء .... 012_step9](https://2img.net/h/www.psdcore.com/tutorial-images/012_step9.jpg)
الخطوة العاشرة ::
إعمل تحديد بأداة التحديد بمقاسات
290 × 40 بكسل
في الكلمة التانية
![درس :: تصميم عارضة أزرار سوداء .... 012_step10](https://2img.net/h/www.psdcore.com/tutorial-images/012_step10.jpg)
الخطوة الحادية عشرة ::
إملأ هذا التحديد بالون
#171717 عن طريق
Edit > Fill with colour.
![درس :: تصميم عارضة أزرار سوداء .... 012_step11](https://2img.net/h/www.psdcore.com/tutorial-images/012_step11.jpg)
الخطوة الثانية عشرة ::
أضف تاثير ستروك
Stroke
عن طريق Layer > Layer Styles > Stroke.
![درس :: تصميم عارضة أزرار سوداء .... 012_step12](https://2img.net/h/www.psdcore.com/tutorial-images/012_step12.jpg)
الخطوة الثالثة عشرة ::
ضعف هذه اللاير
Duplicate
وإسحبها إلى الكلمة الرابعة
![درس :: تصميم عارضة أزرار سوداء .... 012_step13](https://2img.net/h/www.psdcore.com/tutorial-images/012_step13.jpg)
بكده يكون إنتهى الدرس
الدرس من ترجمتي الشخصية
لذا يرجى ذكر المصدر عند النقل
في هذا الدرس حقولوكوا على طريقة تصميم صندوق غامق لزراير
التصفح بنستخدم فيها بالأساس أداة التحديد
ودي النتيجة النهائية
![درس :: تصميم عارضة أزرار سوداء .... 012_step13](https://2img.net/h/www.psdcore.com/tutorial-images/012_step13.jpg)
الخطوة الأولى ::
إفتح عمل جديد بمقاسات 600×420 بكسل
وأملئه بأداة التدرج العرضي radial gradient
بإستخدام الونين ذات الدرجات
#181818 و #040404.
![درس :: تصميم عارضة أزرار سوداء .... 012_step1](https://2img.net/h/www.psdcore.com/tutorial-images/012_step1.jpg)
الخطوة الثانية ::
اعمل لاير جديدة
وبإستخدام أداة التحديد المربعة اعمل تحديد بالمقاسات دي
290 × 310 بكسل في نصف العمل
![درس :: تصميم عارضة أزرار سوداء .... 012_step2](https://2img.net/h/www.psdcore.com/tutorial-images/012_step2.jpg)
الخطوة الثالثة ::
اذهب إلي
Edit > Fill
ولون التحديد بالون #202020
![درس :: تصميم عارضة أزرار سوداء .... 012_step3](https://2img.net/h/www.psdcore.com/tutorial-images/012_step3.jpg)
الخطوة الرابعة ::
نفذ الوهج الخارجي
Outer Glow
عن طريق
Layer > Layer Style > Outer Glow.
![درس :: تصميم عارضة أزرار سوداء .... 012_step4](https://2img.net/h/www.psdcore.com/tutorial-images/012_step4.jpg)
الخطوة الخامسة ::
في لاير جديد إعمل تحديد بأداة التحديد بمقاسات
290 × 40 بكسل
وبإستخدام أداة التدرج الطولي
Linear Gradient
بلون
#8ddc0c في الأعلى
ولون
#40b80a في الأسفل
![درس :: تصميم عارضة أزرار سوداء .... 012_step5](https://2img.net/h/www.psdcore.com/tutorial-images/012_step5.jpg)
الخطوة السادسة ::
لعمل هذه الخطوة يجب عليك الذهاب إلى
Layer > Layer Style > Gradient Overlay
وتنفيذ الإعدادات الموجودة في الصورة
![درس :: تصميم عارضة أزرار سوداء .... 012_step6](https://2img.net/h/www.psdcore.com/tutorial-images/012_step6.jpg)
الخظوة السابعة ::
أضف كتابة على اللاير
![درس :: تصميم عارضة أزرار سوداء .... 012_step7](https://2img.net/h/www.psdcore.com/tutorial-images/012_step7.jpg)
الخطوة الثامنة ::
أضف وهج خارجي Outer Glow
لتسهيل قراءة الكلمات المكتوبة
![درس :: تصميم عارضة أزرار سوداء .... 012_step8](https://2img.net/h/www.psdcore.com/tutorial-images/012_step8.jpg)
الخطوة التاسعة ::
أضف بعض الكلمات الأخري على طول التصميم
![درس :: تصميم عارضة أزرار سوداء .... 012_step9](https://2img.net/h/www.psdcore.com/tutorial-images/012_step9.jpg)
الخطوة العاشرة ::
إعمل تحديد بأداة التحديد بمقاسات
290 × 40 بكسل
في الكلمة التانية
![درس :: تصميم عارضة أزرار سوداء .... 012_step10](https://2img.net/h/www.psdcore.com/tutorial-images/012_step10.jpg)
الخطوة الحادية عشرة ::
إملأ هذا التحديد بالون
#171717 عن طريق
Edit > Fill with colour.
![درس :: تصميم عارضة أزرار سوداء .... 012_step11](https://2img.net/h/www.psdcore.com/tutorial-images/012_step11.jpg)
الخطوة الثانية عشرة ::
أضف تاثير ستروك
Stroke
عن طريق Layer > Layer Styles > Stroke.
![درس :: تصميم عارضة أزرار سوداء .... 012_step12](https://2img.net/h/www.psdcore.com/tutorial-images/012_step12.jpg)
الخطوة الثالثة عشرة ::
ضعف هذه اللاير
Duplicate
وإسحبها إلى الكلمة الرابعة
![درس :: تصميم عارضة أزرار سوداء .... 012_step13](https://2img.net/h/www.psdcore.com/tutorial-images/012_step13.jpg)
بكده يكون إنتهى الدرس
الدرس من ترجمتي الشخصية
لذا يرجى ذكر المصدر عند النقل
![](https://i.imgur.com/pyKSVAN.png)
![درس :: تصميم عارضة أزرار سوداء .... 949469485](https://2img.net/h/www10.0zz0.com/2009/07/22/11/949469485.png)