تصميم نصوص عشبيه رائعة جداً

[admin]

بسم الله الرحمن الرحيم

هذا الدرس مفصل أعجبني إخراجه كثيراً من عالم التقنيه (http://www.tech-wd.com/wd) فأحببت أن أفيدكم به

خاصة أن طريقة عمل لمثل هذه الفكره تستطيع إستخدامها إستخدامات كثيره ومتنوعة

وهذا أحلى ما في التصميم الرقمي , عند معرفتك للتصميم بطرق متنوعه تقوم بالإبداع بخيالك الواسع

العمل بعد الإنتهاء من الدرس مفصل يصبح كالتالي :


أضغط على العمل لمشاهدته بالصورة الكاملة




http://www.tech-wd.com/wd/wp-content/gallery/grasstext/mainthumb.jpg

http://www.tech-wd.com/wd/wp-content/gallery/grasstext/main2.jpg (http://www.tech-wd.com/wd/wp-content/gallery/grasstext/main.jpg)


بسم الله نبدأ مباشرة

1 / افتح الفوتوشوب.

الجزء الأول تصميم خلفيه للعمل

2 / افتح صفحه جديده بمقاس عرض 1920 وإرتفاع 1200 بكسل من (File > New) أو Ctrl + N بخلفيه بيضاء.


http://www.tech-wd.com/wd/wp-content/gallery/grasstext/gtext1.jpg


3/ انشئ طبقه جديده أعلى طبقة Background واملأها باللون الأبيض واضغط على الطبقه مرتين أو أضغط على الزر الأيمن من الفأره على الطبقه ثم اختر Blending Options.

http://www.tech-wd.com/wd/wp-content/gallery/grasstext/gtext2.jpg

4/ في نافذة Layer Style اختر Gradient Overlay غير اللون التدريجي الأول إلى #adbf41 واللون التدريجي الثاني إلى #328a26 واجعل التدرج شكله دائري وليس خطي كما في الصورة التالية :

http://www.tech-wd.com/wd/wp-content/gallery/grasstext/gtext3.jpg

5/ ليصبح العمل كالصورة التالية

http://www.tech-wd.com/wd/wp-content/gallery/grasstext/gtext4.jpg

6/ الأن يجب علينا ان نجعل الخلفيه تشكل تعرجات العشب في هذه الحاله يجب علينا تحميل خلفيه متعرجه كـ Texture أو Pattern

هنا نجد خلفيه عالية الدقة والجوده بإمكاننا تحميلها مجاناً حتى لاستخدامها لأي إستخدامات أخرى

7/ نضع أحد الخلفيات الموجوده التي تم تحميلها فوق آخر طبقه ليكون العمل كالشكل التالي :

http://www.tech-wd.com/wd/wp-content/gallery/grasstext/gtext5.jpg

8/ الأن نجعل الخلفيه Overlay و 70% opacity

http://www.tech-wd.com/wd/wp-content/gallery/grasstext/gtext6.jpg

سنشاهد الخلفيه أصبحت بشكل جميل وهذا بحد ذاته تأثير رائع

http://www.tech-wd.com/wd/wp-content/gallery/grasstext/gtext7.jpg

9/ الأن نقوم بمضاعفة الطبقة نفسها وقلبها 180 درجه وجعلها شفافه اكثر حتى 25% ونقوم بإضافة أكثر من خلفيه متنوعه لتزيد من شكل تأثيرات الخلفيه لتصبح كالشكل التالي

http://www.tech-wd.com/wd/wp-content/gallery/grasstext/gtext8.jpg

10/ حالياً نعمل طبقه جديده فوق جميع الطبقات ونقوم بإختيار الفرشاة بالشكل العادي الدائري ذو الحدود الشفافه بمقاس 300 بكسل ونرسم على الطبقه في العمل على الحدود كالصوره التالية

http://www.tech-wd.com/wd/wp-content/gallery/grasstext/gtext9.jpg

ونجعل الطبقه Overlay وشفافيه بنسبة 30% لتصبح كالشكل التالي

http://www.tech-wd.com/wd/wp-content/gallery/grasstext/gtext10.jpg

الأن انتهينا من تصميم الخلفيه الخاصه بالعمل وسنبدأ بإذن الله بالجزء الثاني

الجزء الثاني كتابة النص وعمل التأثيرات العشبيه عليه

11/ في هذا الجزء سنحتاج التأثير او الصورة العشبية التي ستمثل شكل النص وستجد هنا صورة مناسبه لذالك ( يمكنك إستخدام أي صوره تريد )

قم بتحميل الصوره لديك

http://www.tech-wd.com/wd/wp-content/gallery/grasstext/gtext11.jpg

12/ سنحتاج الأن لكتابة النص داخل العمل انا أخترت نوع النص Impact للغه الإنجليزيه وقمت بكتابة TECH-WD ثم بعد كتابتك للنص اجعله 50% نسبة الشفافيه لكي تساعدنا في العمل

http://www.tech-wd.com/wd/wp-content/gallery/grasstext/gtext12.jpg

13/ الأن تحت النص قم بإضافة صورة العشب التي قمت بتحميلها من Flickr ثم اعمل تحديد بإستخدام أداة القلم Pen Tool بالضغط على p من لوحة المفاتيح قم بتحديد حواف الحرف مع ترك بعض الأعشاب الخارجيه كالتالي :

http://www.tech-wd.com/wd/wp-content/gallery/grasstext/gtext13.jpg

14/ قم بتحديد التحديد بالضغط على CTRL + اضغط بالماوس على الطبقه التي تم إستخدام بها الـ Pen Tool ليتم تحديد التقطيع ثم اضغط Ctrl + Shift + i ليتم عكس التحديد

ثم اضغط Delete ليصبح العمل كالتالي :

http://www.tech-wd.com/wd/wp-content/gallery/grasstext/gtext14.jpg

15/ الأن نقوم بعمل الستايل styleات اللازمه ليصبح شكل الحرف كأنه زرع حقيقي متوازن ذو ضلال وتأثير ضوئي على سطح الحرف

http://www.tech-wd.com/wd/wp-content/gallery/grasstext/15.jpg

http://www.tech-wd.com/wd/wp-content/gallery/grasstext/16.jpg

ليصبح النص كالشكل التالي :

http://www.tech-wd.com/wd/wp-content/gallery/grasstext/17.jpg

16/ الأن نقوم بعمل مضاعفة للطبقه بالضغط على الماوس الزر الأيمن على نفس طبقة العشب النصي ثم اضغط Duplicate Layer بعد ذالك اضغط مرتين او اختر Blending Options على النص العشبي الذي تم مضاعفة النص الآخر منه للتعديل على الستايل style الخاص فيه واجعل لون الطبقه Color Overlay أسود

17/ قم بالضغط على Filter ثم Blur ثم Motion Blur وقم بعمل الإعدادات التالية :

http://www.tech-wd.com/wd/wp-content/gallery/grasstext/18.jpg

18/ بعد ذالك قم بتحريك الضل إلى الأسفل اليمين ليصبح كأنه ضل حقيقي http://www.dzbatna.com/images/smilies/cupidarrow.gif

http://www.tech-wd.com/wd/wp-content/gallery/grasstext/19.jpg

19/ الأن قم بمضاعفة الطبقه الأولى للعشب واجعل الطبقه التي اسفل منها تتجه أسفل اليمين قليلاً لتصبح كأنه نص ثلاثي أبعاد مع عمل الإعدادات التاليه على الالنص الأسفل ليكون كأنه أغمق من النص الأعلى منه وكأنه ضل ولا يوجد فيه ضوء بحكم ان الضوء يأتي من الأعلى.

http://www.tech-wd.com/wd/wp-content/gallery/grasstext/21.jpg

http://www.tech-wd.com/wd/wp-content/gallery/grasstext/22.jpg

http://www.tech-wd.com/wd/wp-content/gallery/grasstext/20.jpg

وهكذا لجميع الحروف المتبقيه ليصبح العمل كالتالي :

http://www.tech-wd.com/wd/wp-content/gallery/grasstext/23.jpg

الأن بعد إضافة بعض البهارات على العمل تكون النتيجه النهائيه الأخيره

أضغط على

العمل لمشاهدته بالصورة الكاملة

http://www.tech-wd.com/wd/wp-content/gallery/grasstext/main2.jpg (http://www.tech-wd.com/wd/wp-content/gallery/grasstext/main.jpg)




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©