تأثير الـ 3D على النصوص و الأشكال

[linnou]

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

عدنا لكم بدرس مفصل بسيط جداً و لولا أنه طلب مني ولا ماطرحته

لأني أعتقد أن في الإنترنت مايكفي من دروس حول هذا الموضوع http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed%285%29.gif

النتيجة النهائية من درس مفصلنا حتكون كدا إن شاء الله :

http://asaeed.ws/Lessons/3D_Text/14.gif

نجي للدرس مفصل .. البسيط و الممتع http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed%2815%29.gif
[01] الخطوة الأولى


راح نكتب كلمة معينة خلونا هنا نجرب نكتب ( عبدالله ) مو عشانو أسمي http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed%2835%29.gif بس لأنو صعب شوي فا حيكون مثال واضح للدرس مفصل إن شاء الله

http://asaeed.ws/Lessons/3D_Text/01.gif

- نخلي الكلمة بأي لون نحبه .
[02] الخطوة الثانية


ننسخ الكلمة مرة ثانية ونحطها داخل مجلد

http://asaeed.ws/Lessons/3D_Text/02.gif

- Ctrl + J للنسخ و Ctrl + G حتى ندخله داخل المجلد أو بالطريقة الي تحب أهم شيء نسخه من الطبقة أو الاسم و تحطها داخل مجلد .

الآن راح نبدأ عملية تكوين البعد الثلاثي للكلمة
[03] الخطوة الثالثة – 3D


نحرك الكلمة المنسوخة مرة لتحت ومرة ليمين الصورة المتحركة التالية راح توضح الفكرة إن شاء الله

http://asaeed.ws/Lessons/3D_Text/03.gif

- في البداية حركنا الطبقة الي نسخناها في المجلد مرة لتحت ▼ ومرة لليسار ◄ الهدف من هذا هو تحديد إتجاه البُعد .

- الخطوة الثانية نسخنا نفس الطبقة / Layer الي حركناها عن طريق Ctrl + J وطبقنا عليها الخطوة الأولى .

- كررنا هذه العملية حتى أصبح مجموع الطبقات 6 التي تكون لنا الـ 3D :

http://asaeed.ws/Lessons/3D_Text/04.gif
[04] الخطوة الرابعة – التدرج و الألوان





هنا راح يبدأ الجد http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed%2829%29.gif

- راح ندمج كل الطبقات / Layers الي في المجلد ” 3D ” بحيث يصيروا طبقة واحدة فقط ! ( Ctrl + E )

- بعد الدمج راح نعطي للطبقة الأساسية ” عبدالله ” تدرج خفيف وبسيط :

http://asaeed.ws/Lessons/3D_Text/05.gif (http://asaeed.ws/Lessons/3D_Text/05.gif)

- بعد كذا نسوي حَد / Stroke ونخليه بتدرج مو لون واحد :

http://asaeed.ws/Lessons/3D_Text/06.gif (http://asaeed.ws/Lessons/3D_Text/06.gif)

نظرة عن قرب على التدرج :

http://asaeed.ws/Lessons/3D_Text/07.gif

وهذه النتيجة حتى الآن :

http://asaeed.ws/Lessons/3D_Text/08.gif

- لاحظوا أماكن الدوائر راح تحسون بلذتها بعد ماننتهي من العمل وهي الهدف من وضع الحد / Stroke .

الآن ننتقل للطبقة الأخرى الي دمجناها مسبقاً ” 3D ” راح نسوي لها تدرج أيضاً :

http://asaeed.ws/Lessons/3D_Text/09.gif (http://asaeed.ws/Lessons/3D_Text/09.gif)

http://asaeed.ws/Lessons/3D_Text/10.gif

عشوائي كذلك ، لكن لاحظنا أنه غامق أكثر !!

حتى تستطيع تمييز البُعد عن الأساس إما يكون غامق أكثر أو فاتح أكثر أو حتى بلون مختلف ، لكن بما أن لون الأساس كان فاتح فا البُعد خليناه غامق .

نشوف النتيجة :

http://asaeed.ws/Lessons/3D_Text/11.gif
[05] الخطوة الخامسة – الظلال


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

خلونا نشوف مع بعض هذا المقطع الي يشرح طريقة كيفية صنع هذه الظلال :

* ممكن تطول في العرض لذلك الي يحب يحملها : من هنا (http://asaeed.ws/Lessons/3D_Text/12.gif)- كلك يمين وحفظ بأسم

http://asaeed.ws/Lessons/3D_Text/12.gif

- ححدنا طبقة / Layer البُعد ( Ctrl + نضغط على الطبقة نفسها )

- أضفنا طبقة / Layer جديدة

- أخترنا فرشاة ناعمة وخلينا درجة شفافيتها 30% تقريبا

http://asaeed.ws/Lessons/3D_Text/13.gif

- بدأنا نغزوا الزوايا وكل مكان ممكن يكون فيه ظل أو إحساسنا يقول أنو لو كان هذا المكان أغمق راح يصير أجمل !
النتيجة النهائية


ووصلنا للنتيجة النهائية http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed%2817%29.gif مع شوية بهارات :

http://asaeed.ws/Lessons/3D_Text/14.gif

نفس النتيجة بس بدون ما أحرك لليسار للأسفل فقط :

http://asaeed.ws/Lessons/3D_Text/15.gif

ملاحظة : بعض الأحيان تحتاج الأبعاد للتعديل أقصد تحتاج لترتيب البُعد وتنسيقة بشكل أفضل

لكن وبما أن الدرس مفصل مستواه بسيط أعتقد أن النتيجة مرضية نوعا ما .

على فكرة إعلانات موبايلي تستخدم نفس الأسلوب http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed%2820%29.gif


جميع الحقوق محفوظة لـ Abdullah Saeed- www.asaeed.ws (http://www.asaeed.ws)

[ الرجاء ذكر المصدر عند النقل ]


الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif صور الدرس.zip (http://www.traidnt.net/vb/attachments/646177d1338671484-صور-الدرس.zip) (2.17 ميقابايت, عدد مرات المشاهدة 6 مرة)


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