ترايدنت

ترايدنت (https://www.traidnt.net/vb/)
-   دروس عامة و عالم التصاميم (https://www.traidnt.net/vb/f4/)
-   -   فن وضع الظل للأزرار و الأشكال بطريقة احترافية عصرية في الفوتوشوب (https://www.traidnt.net/vb/traidnt1815540/)

عمار خولاني 19 - 03 - 2011 15:52

فن وضع الظل للأزرار و الأشكال بطريقة احترافية عصرية في الفوتوشوب
 
يتضمن 1 ملف مرفق
- الطريقة هذه أصبحت شائعة وكثيرة الاستخدام في تصميمات الوقت الحالي
و سنناقش عدة أشكال
لنبدأ على بركة الله



- الشكل الأول :



الخطوة الأولى :
ارسم شكلاً مشابها ً للشكل التالي بالفوتوشوب


و املأه بأي لون ترغب
https://www.traidnt.net/vb/images/imgcache/notfound.gif


من يرغب باستخدام نفس اللون ( كود اللون هو f5e45e )

الآن لدينا الطبقة الأساسية background
و الطبقة التي رسمنا عليها الشكل و لنسمها "الشكل"
والخطوة التالية هي إنشاء طبقة بين هاتين الطبقتين و ذلك بالضغط على زر إنشاء طبقة جديدة
الموضح في الصورة التالية و الموجود في لوح الطبقات Layers في الفوتوشوب
https://www.traidnt.net/vb/images/imgcache/notfound.gif


لنسمي هذه الطبقة باسم " الظل "
يصبح لدينا لوح الطبقات كالتالي :
https://www.traidnt.net/vb/images/imgcache/notfound.gif


على هذه الطبقة "الظل" و باستخدام أداة التحديد L الثانية
نرسم شكلاً كالتالي :
https://www.traidnt.net/vb/images/imgcache/notfound.gif

ونملأه بلون رمادي
يمكن الملئ بسرعة باختيار اللون الخلفي من مربع اللون في لوح الأدوات بلون رمادي ثم
ثم الضغط على ctrl+Del
https://www.traidnt.net/vb/images/imgcache/notfound.gif


و الآن نطبق الفلتر التالي
blur>gaussain blur

إعدادات الفلتر كما يلي أو حسب ما يناسب صورتك

https://www.traidnt.net/vb/images/imgcache/notfound.gif
النتيجة أصبحت جاهزة ومع بعض الإضافات على الشكل مثل التفتيح و التعتيم
https://www.traidnt.net/vb/images/imgcache/notfound.gif

يمكن الحصول على نتيجة كالتالي :
https://www.traidnt.net/vb/images/imgcache/notfound.gif
*************************************************


الشكل الثاني :
نرسم شكلاً كما في الصورة التالية و نضع تحته طبقة مستقلة و نسميها الظل
بشكل مشابه للخطوات السابقة
https://www.traidnt.net/vb/images/imgcache/notfound.gif
و على طبقة الظل و باستخدام أداة التحديد l
نرسم كما يلي :
https://www.traidnt.net/vb/images/imgcache/notfound.gif


ونملأها باللون الرمادي أيضاً
ونطبق نفس الفلتر السابق و نحصل على النتيجة التالية :

الآن قم بحفظ الصورة التالية :
https://www.traidnt.net/vb/images/imgcache/notfound.gif

و ضعها في طبقة فوق الشكل الناتج
لتصبح النتيجة كما يلي :
https://www.traidnt.net/vb/images/imgcache/notfound.gif

************************************************** *
https://www.traidnt.net/vb/images/imgcache/notfound.gif

ليكن لدينا مستطيل مدور الحواف
يمكن رسمه بالاداة المربع دائري الحواف

ننشئ طبقة تحته ( طبقة الظل كما في الخطوات السابقة )
و لتكن كا يلي
https://www.traidnt.net/vb/images/imgcache/notfound.gif

و نملأها كالعادة بلون رمادي و نطبق فلتر التمويه المذكود سابقاً و نحصل على :


جربوا لوحدكم وستستفيدوا كثيرا


! عيسى ! 19 - 03 - 2011 15:53

عوآفي عمآر ..
مبدعَ ..

على المصرى 19 - 03 - 2011 16:26

السلام عليكم
درس جميل
بارك الله فيك

عاشق الغلا 19 - 03 - 2011 16:52

أبدعت

يعطيك العافيه

uvxu 19 - 03 - 2011 19:26

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

مزودي ديزاين 19 - 03 - 2011 20:41

قسمنا بالله انك مبدع ياغلاهم ،،
تقبل مروري ،،

عمار خولاني 24 - 03 - 2011 17:11

لاشكر على واجب وياهلا بالشباب

ابــخالدــو 27 - 03 - 2011 21:57

بارك الله فيك

أبو عزام لتصميم 28 - 03 - 2011 01:41

رووعة عمار شاكرلك

عمار خولاني 31 - 03 - 2011 18:07

اقتباس:

رووعة عمار شاكرلك
لاشكر على واجب’’

yourserv.com 31 - 03 - 2011 18:55

درس جميل
بارك الله فيك

iL Madrigal 06 - 04 - 2011 17:28

درس حلو أوي
بس صعب بصراحة
خصوصاً رسم الشكل اللي في الأول

mr.arabyun 07 - 04 - 2011 10:08

بــآآرك الله فيك طريقه سهله

همس الاصدقاء 09 - 04 - 2011 14:56

بارك الله فيك

Arafat 10 - 04 - 2011 23:17

بارك الله فيك


الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 00:57.
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
التعليقات المنشورة لا تعبر عن رأي معهد ترايدنت ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)

Powered by vBulletin® Version 3.8.11 .Copyright ©2000 - 2019, Jelsoft Enterprises Ltd


SEO by vBSEO ©2011, Crawlability, Inc.