تصـــــــميم مجـــــــــــــلد احترافي

[أبو الوليد]

http://www.abc4web.net/vb/imgcache2011/10277.abc4web.png (http://www.abc4web.net/vb)



http://www.abc4web.net/vb/imgcache2011/10278.abc4web.gif (http://www.abc4web.net/vb)


http://www.abc4web.net/vb/imgcache2011/10279.abc4web.png (http://www.abc4web.net/upload/viewer.php?file=ijsmvoet7j.png)



1. نفتح مساحة عمل 700 × 700 بكسل ، ونملأ الخلفية بتدرج لوني Radial من B4B4B4 إلى FFFFFF

http://www.abc4web.net/vb/imgcache2011/10280.abc4web.png (http://www.abc4web.net/upload/)

2. نضيف طبقة جديدة و نختار أداة Rounded Rectangle Tool ونجعل قيمة نصف القطر 10 بكسل مع مراعاة الإختيارات كما في الصورة

http://www.abc4web.net/vb/imgcache2011/10281.abc4web.png (http://www.abc4web.net/upload/)

3. نرسم شكل المجلد كما في المثال التالي

http://www.abc4web.net/vb/imgcache2011/10282.abc4web.png (http://www.abc4web.net/upload/)

4. نطبق الأمر Edit > Transform > Perspective ثم نسحب من أحد الأطراف حوالي 5 بكسل كمايلي

http://www.abc4web.net/vb/imgcache2011/10283.abc4web.png (http://www.abc4web.net/upload/)

5. نقرتين على طبقة المجلد ونطبق التأثيرات التالية من قائمة Blending Options

http://www.abc4web.net/vb/imgcache2011/10284.abc4web.png (http://www.abc4web.net/upload/)

http://www.abc4web.net/vb/imgcache2011/10285.abc4web.png (http://www.abc4web.net/upload/)

6. الناتج

http://www.abc4web.net/vb/imgcache2011/10286.abc4web.png (http://www.abc4web.net/upload/)


7. نضاعف طبقة المجلد بالضغط على Ctrl+J ونسميها المجلد 2 ، ثم بزرالفأرة الأيسر على الطبقة المضاعفة نختار الأمر Clear Layer Style

http://www.abc4web.net/upload/images2/rlqpz0wxyo.png (http://www.abc4web.net/upload/)

8. نفعّل أداة التحريك Move Tool ثم نحرك لير المجلد 2 إلى أسفل حوالي 5 بكسل

http://www.abc4web.net/upload/images2/ekrtqskkxs.png (http://www.abc4web.net/upload/)

9. نفتح قائمة Blending Options ونطبق على المجلد 2 التأثيرات التالية

http://www.abc4web.net/upload/images2/fa8bharr0a.png (http://www.abc4web.net/upload/)

http://www.abc4web.net/upload/images2/sqqtjv84dh.png (http://www.abc4web.net/upload/)

http://www.abc4web.net/upload/images2/hymabvwfyt.png (http://www.abc4web.net/upload/)

10. الناتج

http://www.abc4web.net/upload/images2/nvk673hgfl.png (http://www.abc4web.net/upload/)

11. نضيف الظل إلى قاعدة المجلد ، نضيف أولا لير جديد ونسميه " الظل " ثم نختار أداة Elliptical Marquee Tool ونرسم التحديد كما في المثال التالي

http://www.abc4web.net/upload/images2/hu7g2brsa0.png (http://www.abc4web.net/upload/)

11. نملأ التحديد باللون الأسود

http://www.abc4web.net/upload/images2/sytcygj9kz.png (http://www.abc4web.net/upload/)

12. نرفع التحديد بالضغط على Ctrl+D ثم نطبق فلتر Blur > Gaussian Blur ونجعل القيمة 5

http://www.abc4web.net/upload/images2/o2crawoa7l.png (http://www.abc4web.net/upload/)

13. ننزل طبقة الظل أسفل طبقتي المجلد ، ونخفف درجة الوضوح فيها إلى النصف 50%

http://www.abc4web.net/upload/images2/a3r9iywewd.png (http://www.abc4web.net/upload/)

14. نضيف طبقة جديدة فوق طبقة الظل ، ثم نختار أداة Rounded Rectangle Tool ونرسم الشكل التالي

http://www.abc4web.net/upload/images2/pkyvfpde0g.png (http://www.abc4web.net/upload/)

15. من أسفل نافدة الطبقات نختار Add Vector Mask ثم نختار مرة أخرى أداة Rounded Rectangle Tool ونغير الإعدادات إلى Add To Shape Area ونرسم مستطيل إلى اليسار كمايلي

http://www.abc4web.net/upload/images2/udflmh69mo.png (http://www.abc4web.net/upload/)

16. نرسم شكلين في كلتا زاويتي المستطيل الثاني كما في المثال التالي

http://www.abc4web.net/upload/images2/9pvg8qzyzm.png (http://www.abc4web.net/upload/)

17. نغير في إعدادات الأداة إلى Subtract From Shape Area ونرسم تحديدين في كلتا الزاويتين لينتج لنا دمج بين المستطيلين كمايلي

http://www.abc4web.net/upload/images2/uqbisktvse.png (http://www.abc4web.net/upload/)

18. الناتج

http://www.abc4web.net/upload/images2/rm3xy1tm3u.png (http://www.abc4web.net/upload/)

..................................................

يتبع إن شاء الله :abc_145:

[أبو الوليد]

19. نضيف عليه بعض التأثير من قائمة Blending Options كمايلي

http://www.abc4web.net/upload/images2/7ogqoy3bb2.png (http://www.abc4web.net/upload/)

http://www.abc4web.net/upload/images2/l0binftwjo.png (http://www.abc4web.net/upload/)

http://www.abc4web.net/upload/images2/k8sxg8o3iq.png (http://www.abc4web.net/upload/)

http://www.abc4web.net/upload/images2/lflfh8eevb.png (http://www.abc4web.net/upload/)

20. الناتج

http://www.abc4web.net/upload/images2/ycldmiwsg9.png (http://www.abc4web.net/upload/)

21. نضيف طبقة النسيج Texture ( تجدونها بالمرفقات ) فوق طبقة المجلد 2 ، ننشىء تحديد حول المجلد 2 بالضغط على Ctrl وطبقة المجلد في نفس الوقت ، ثم نطبق الأمر Select > Inverse > Delete لنحصل على النسيج داخل إطار المجلد ، ثم نغير نمط النسيج إلى Soft Light

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

22. النتيجة

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

23. إضافة شريط الباترين :

1 ــ نفتح صورة الباترين ( تجدونها في المرفقات ) ثم نطبق الأمر Edit > Define Pattern
2 ــ نضيف طبقة جديدة ، ثم نختار أداة Rectangular Marquee Tool ونرسم تحديد كمايلي

http://www.abc4web.net/upload/images2/btemmgrggu.png (http://www.abc4web.net/upload/)

3 ــ نختار أداة التلوين ونغير نوع التعبئة من لون إلى باترين ونملأ التحديد بالباترين الذي حفظناه سابقا

http://www.abc4web.net/upload/images2/s8ishpkhc0.png (http://www.abc4web.net/upload/)

24 ــ ننشىء تحديد حول طبقة المجلد 2 ثم Select > Inverse > Delete و نغيّر النمط إلى Overlay ثم نضاعف الطبقة ونجعلها إلى فوق

http://www.abc4web.net/upload/images2/v2vswaa5jg.png (http://www.abc4web.net/upload/)


25. نضيف طبقة جديدة ونختار أداة البنتول ونرسم أربع نقط في زوايا المجلد

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

26. نفتح قائمة خصائص الفرشاة ونحدد القيم التالية

http://www.abc4web.net/upload/images2/w7zzzbtsrv.png (http://www.abc4web.net/upload/)

27. نختار أداة Path Selection Tool ثم نضغط بيمين الفأرة في مساحة العمل ونختار Stroke Path ، تظهر لنا نافذة نختار منها Brush ثم Ok
بيمين الفأرة مرة أخرى نضغط ونختار Delete Path

http://www.abc4web.net/upload/images2/g1oa7rq7kl.png (http://www.abc4web.net/upload/)

28. الناتج

http://www.abc4web.net/upload/images2/fu7xqbkb8c.png (http://www.abc4web.net/upload/)

29. نضيف بعض التأثيرات من قائمة Blending Options كالآتي

http://www.abc4web.net/upload/images2/yzngakwlpe.png (http://www.abc4web.net/upload/)

http://www.abc4web.net/upload/images2/folrdkhaz2.png (http://www.abc4web.net/upload/)

30. الناتج

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

31. نضيف عنوان الفولدر ، والنتيجة الختامية

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

http://www.abc4web.net/uploaded/8833_11297796663.gif (http://www.abc4web.net/vb)

أعذروني على الإطالة :abc_145:

أخوكم أبو الوليد

[المغربي الجديد]

جزاك الله كل خير
وبارك الله بك وفيك الى يوم الدين
عمل فني رائع من اخ اروع
ننتظر اتمام الدرس لمحاولة التطبيق ان شاء الله
جعل الله عملك في ميزان حسناتك
تسلم الايادي
:abc_152:

[أبو يوسف]

في الإنتظار

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

[مُحب الأحتراف]

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

وننتظر جديدك

خالص شكري وتقديري

[أبو الوليد]

بوركتم واعذروني على الإطالة :abc_145:

[البغرامي]

جـزاك الله الـف خير اخي ابا الوليد ،،
درس رائع ما شاء الله ،، تمت اضافته للمفضلة ،،
بوركت.. :abc_138:

[abohmam]

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

ماشاء الله أطلت النفس فى هذا الشرح الرائع فجزاك الله خيرا

أنا قمت بتطبيق بعض الخطوات وللتغير حصلت على هذا الشكل

http://www.abc4web.net/upload/images2/nkswrp6nri.png (http://www.abc4web.net/upload/)

http://www.abc4web.net/upload/images2/9ne5z3ov9i.png (http://www.abc4web.net/upload/)

[رائد ابو فيصل]

جزاك الله كل خير

موفق بإذن الله ... لك مني أجمل تحية .

[ابوالتومات]

جزاك الله خيرا

[أبو الوليد]

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

ماشاء الله أطلت النفس فى هذا الشرح الرائع فجزاك الله خيرا

أنا قمت بتطبيق بعض الخطوات وللتغير حصلت على هذا الشكل

http://www.abc4web.net/upload/images2/nkswrp6nri.png (http://www.abc4web.net/upload/)

http://www.abc4web.net/upload/images2/9ne5z3ov9i.png (http://www.abc4web.net/upload/)

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

--------------------------------------------------------------------

جزاك المولى خيرا على المرور العطر أخي رائد :abc_152:

--------------------------------------------------------------------

حياك المولى أخي أبو التومات :abc_022:

[azizsoft]

تصميم روعة يا أبو الوليد
جزاك الله كل الخير بالتوفيق ان شاء الله

[أبو الوليد]

تصميم روعة يا أبو الوليد
جزاك الله كل الخير بالتوفيق ان شاء الله



حياك الباري يا طيب :abc_022: مرورك يزيد في نشاطنا

[عبد حميد]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[أبو فارس]

موفق بإذن الله ... لك مني أجمل تحية . :abc_022: