المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : تصميم شريط زاوية - وشاح إحترافي الدرس الخامس abc4web Ribbon 05


أبو الوليد
14-03-2012, 11:42 PM
:slaam:

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

1. بسم الله ، ننشىء عمل جديد 400 × 400 بكسل ونملأه باللون الأسود ، ثم نضيف طبقة جديدة ونختار أداة Rounded Rectangle Tool ونرسم إطار دائري الحواف ، باللون الأبيض ونطبق عليه ما نشاء من تأثير كما في المثال

http://www.abc4web.net/upload/images2/uhw1inxz5lxevg6.jpg (http://www.abc4web.net/upload/)

2. نضيف طبقة جديدة " طبقة الوشاح " ثم نرسم شكل الوشاح باستخدام أداة Rounded Rectangle Tool واللون 13DE13 #

http://www.abc4web.net/upload/images2/0itsyddtmnuqhwj.jpg (http://www.abc4web.net/upload/)

3. بأداة Move Tool نحرك الوشاح إلى زاوية الإطار كالآتي

http://www.abc4web.net/upload/images2/lbgfcjpdoygsegt.jpg (http://www.abc4web.net/upload/)

4. الآن نضيف طبقة جديدة للظل ، ونختار أداة Rectangular Marquee Tool ونرسم تحديد في طرف الوشاح ونملأه باللون 024AOE

http://www.abc4web.net/upload/images2/kgw0uzysoni6e9r.jpg (http://www.abc4web.net/upload/)

5. نرفع التحديد ، ثم نطبق فلاتر Blur > Guassian Blur بقيمة 4 بكسل ، ثم نضيف طبقة أخرى ونكرر نفس الخطوات في الجهة المقابلة من الوشاح

http://www.abc4web.net/upload/images2/pvun3rdti51h543.jpg (http://www.abc4web.net/upload/)

6. ننشىء تحديد حول الوشاح ثم نقلب التحديد Select > Inverse ثم نضغط Delete على طبقتي الظل لحذف ما خرج عن إطار الوشاح

http://www.abc4web.net/upload/images2/qaznhxrfyuxhnre.jpg (http://www.abc4web.net/upload/)

7. نضيف طبقة جديدة فوق طبقة الوشاح " تأثير أول " ثم نختار فرشاة ناعمة 80 بكسل ووضوح 50% ولون 1F3F20 # ثم نمرر بالفرشاة وسط الوشاح ، ثم نغير قيمة الشفافية لهذه الطبقة إلى 70 %

http://www.abc4web.net/upload/images2/leguhxarkug5tfv.jpg (http://www.abc4web.net/upload/)

8. نضيف طبقة جديدة فوق الطبقة السابقة ، ثم بأداة الفرشاة ننقر مرة واحدة وسط الوشاح باللون الأبيض ثم نغير نمط هذه الطبقة إلى Overlay

http://www.abc4web.net/upload/images2/di82yozdqyf18mz.jpg (http://www.abc4web.net/upload/)

9. نضيف طبقة جديدة أسفل طبقة الوشاح ، ثم نرسم تحديد بأداة Elliptical Marquee Tool ونملأه باللون 000000 #

http://www.abc4web.net/upload/images2/ga8dybczdyrr70o.jpg (http://www.abc4web.net/upload/)

10. نطبق عليها فلاتر Blur > Gaussian Blur بقيمة 4 بكسل

http://www.abc4web.net/upload/images2/fdd6nat6aknuiuk.jpg (http://www.abc4web.net/upload/)

11. بأداة Move Tool نسحب طبقة الظل السفلي أسفل إطار الوشاح ثم نخفف الشفافية إلى 80 %

http://www.abc4web.net/upload/images2/6xaoirh5gncov5x.jpg (http://www.abc4web.net/upload/)

12. الناتج

http://www.abc4web.net/upload/images2/3v96csogupmsdzl.jpg (http://www.abc4web.net/upload/)


:abc4web:

abohmam
15-03-2012, 01:10 AM
بارك الله فيك أخى أبا الوليد

:teslam_2:

درس رائع وإحترافي

وهذا تطبيق مع الإضافة إلى وسام او شعار

http://www.abc4web.net/uploaded/1_11331815964.jpg (http://www.abc4web.net/vb)

فى إنتظار المزيد ان شاء الله

أبو يوسف
15-03-2012, 12:50 PM
جزاك الله خيرا اخانا ابا الوليد

عمل متقن

.

جروح بارده
15-03-2012, 08:28 PM
ماشاء الله

درس رااائع

بارك الله فيك

أبو الوليد
15-03-2012, 11:22 PM
بارك الله فيك أخى أبا الوليد

:teslam_2:

درس رائع وإحترافي

وهذا تطبيق مع الإضافة إلى وسام او شعار

http://www.abc4web.net/uploaded/1_11331815964.jpg (http://www.abc4web.net/vb)

فى إنتظار المزيد ان شاء الله

وفيك البركة أخي أبا همام :abc_022: تطبيق ممتاز من محترف :abc_051: جزاك الله خيرا

أبو الوليد
15-03-2012, 11:24 PM
بارك الله فيك أخانا أبا يوسف وجزاك خير الجزاء:abc_152:

أشكرك أختنا أم حاتم على الإطلالة المباركة :abc_152:

طيف عآبر
21-03-2012, 01:41 PM
السلام عليكم ورحمة الله وبركاته

جزاكم الله خير أخي ابو الوليد

درس جميل

وهذه محاوله للتطبيق
وفي انتظار الملاحظاات
http://www.pal3shq.com/up/uploads/images/domain-8af4e1ba53.jpg

احترامي

رامي مشتهى
22-03-2012, 05:02 AM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية . موفق بإذن الله

أبو الوليد
23-03-2012, 01:49 PM
السلام عليكم ورحمة الله وبركاته

جزاكم الله خير أخي ابو الوليد

درس جميل

وهذه محاوله للتطبيق
وفي انتظار الملاحظاات
http://www.pal3shq.com/up/uploads/images/domain-8af4e1ba53.jpg

احترامي

ماشاء الله أخي الطيف العابر .. :abc_022: تطبيق في المستوى..ومحاكي لنموذج الدرس.. واصل نشاطك يا طيب :abc_152:

أبو صخر
23-03-2012, 08:12 PM
http://www.karom.net/up/uploads/13141371723.gif

غريب يا فؤادي
05-03-2013, 11:30 AM
درسس إحتراافي راااااائع

كنت مستنى هالدروس من زماان

جزاك الله عالي الجناان

بيض الله وجهك في الدارين

تحيتي لك

زوهير
28-03-2014, 08:30 AM
موفق بإذن الله ... لك مني أجمل تحية .

أبو فارس
30-03-2014, 03:10 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .