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

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


أبو الوليد
24-03-2012, 10:35 PM
:slaam:



:fasel8:



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

تكملة لدروس الأوشحة ، نقدم اليوم درسا جديدا ليستفيد الإخوة والأخوات إن شاء الله في تصاميمهم


1 . بسم الله ، نفتح عمل جديد 400×400 بكسل ثم نرسم مجسّم للتطبيق 218×208 بكسل مع أي تأثير مناسب

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

2 . نضيف طبقة جديدة للوشاح ، ثم نرسم شكل الوشاح بأداة rectangle Tool

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

3 . بأداة rectangular Marquee Tool نحدد الطرف العلوي الأيمن من الوشاح ثم نزيله ، ونكرر العمليه على الطرف الأخر

http://www.abc4web.net/upload/images2/ytxlbmzmnnrtytj.gif (http://www.abc4web.net/upload/)

4 . الناتج بعد إزالة أطراف الوشاح الزائدة

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

5 . بأداة Rectangular Marquee Tool نحدد الجزء الأيمن من الوشاح ونقتصّه عن طريقة Ctrl+X ثم نلصقه عن طريق Ctrl+V ونجعل الجزء الناتج تحت طبقة المجسّم

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

6 . مثال على الناتج

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

7 . نكرر نفس الخطوات مع الجزء الآخر للوشاح والناتج

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

8 . نضيف طبقة جديدة فوق طبقة الوشاح ثم بأداة الخط Line Tool نرسم خط بحجم 1 بكسل على حافة نهاية الوشاح

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

9 . نطبق عليها التأثير الآتي

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

10 . ثم نطبق عليها فلاتر blur

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

11 . نزيل الأطراف الزائدة من الخط عن طريق أداة Eraser Tool والناتج

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

12 . نكرر الخطوات في الجانب الآخر لكن نغير في فلاتر Blur

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

13 . نعود لطبقة الوشاح ونطبق عليها التأثيرات الآتية

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

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

14 . بأداة Burn Tool نضيف بعض الظل للأطراف الخارجية للوشاح ( أي الأجزاء التي وضعناها تحت المجسّم ) والناتج

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


:fasel8:


:abc4web.net:

طيف عآبر
25-03-2012, 10:28 AM
السلام عليكم ورحمة الله وبركاته

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

درس جميل

هذه محاوله تطبيقي

http://img04.arabsh.com/uploads/image/2012/03/25/07354c4c61f3.jpg
ان شاء الله يكون صح واذا في اخطأ قلي


تحيتي

abohmam
25-03-2012, 03:38 PM
بارك الله فيك أخى ابا الوليد

تصميم رائع ماشاء الله ودرس مميز كالعادة

ان شاء الله سنعود بالتطبيق قريبا

أبو يوسف
25-03-2012, 03:43 PM
:teslam:

بارك الله فيك أخي ابا الوليد

أبو الوليد
25-03-2012, 10:05 PM
السلام عليكم ورحمة الله وبركاته

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

درس جميل

هذه محاوله تطبيقي

http://img04.arabsh.com/uploads/image/2012/03/25/07354c4c61f3.jpg
ان شاء الله يكون صح واذا في اخطأ قلي


تحيتي

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

إزاحة أطراف الوشاح قليلا
زيادة قيمة الفلاتر لتمديد خط الظل

http://www.abc4web.net/upload/images2/qzkkty7fvmjfca1.jpg (http://www.abc4web.net/upload/)
ولكن على العموم تبقى محاولة جيدة ودليل على المتابعة وحب التعلّم :abc_152: وفقك المولى وبارك فيك أخي الحبيب :abc_025:

أبو الوليد
25-03-2012, 10:06 PM
:teslam:

بارك الله فيك أخي ابا الوليد

وفيك بارك الرحمن أستاذنا أبا يوسف :abc_152: شكرا لمرورك واهتمامك :abc_091:

azizsoft
26-03-2012, 03:19 AM
بسم الله الرحمن الرحيم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين

ما شاء الله أخانا الفاضل أبا الوليد
هذا ابداع والله
ان شاء الله نتفرغ ونطبق بعض الدروس

وفقكم الله يا طيب

طيف عآبر
30-03-2012, 04:58 PM
السلام عليكم ورحمة الله وبركاته

هذه محاوله جديده ان شاء الله تكون صح
ومافيها خطأ
واذا في خطأ.. قلي..

http://www.pal3shq.com/up/uploads/images/domain-73c3985107.jpg
تحيتي

الراعي
30-03-2012, 11:23 PM
السلام عليكم ورحمة الله وبركاته

هذه محاولة بسيطة اخي الفاضل ابو الوليد لتطبيق درسك الاحترافي ... التطبيق مفتوح لتقييمكم وتقويمكم .

http://www.iraqup.com/up/20120330/Sp6kN-7k4B_326115022.jpg

أبو الوليد
31-03-2012, 12:45 AM
السلام عليكم ورحمة الله وبركاته

هذه محاوله جديده ان شاء الله تكون صح
ومافيها خطأ
واذا في خطأ.. قلي..

http://www.pal3shq.com/up/uploads/images/domain-73c3985107.jpg
تحيتي

جيد أخي الحبيب :abc_022: بارك الله في جهودك وزادك حرصا على الخير

أبو الوليد
31-03-2012, 12:45 AM
السلام عليكم ورحمة الله وبركاته

هذه محاولة بسيطة اخي الفاضل ابو الوليد لتطبيق درسك الاحترافي ... التطبيق مفتوح لتقييمكم وتقويمكم .

http://www.iraqup.com/up/20120330/Sp6kN-7k4B_326115022.jpg

محاولة لا بأس بها يا طيب :abc_152: وفقك الله وبارك في خطواتك :abc_152:

العراق
06-04-2012, 12:31 AM
الف شكررررررررررررررررررررررر رررر

أبو صخر
06-04-2012, 12:39 PM
موفق بإذن الله ... لك مني أجمل تحية .