Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. 3D & Motion Graphics
  2. Blender
Cgi

 إنشاء النص بياني كاشف متحرك : الجزء 1

by
Difficulty:IntermediateLength:LongLanguages:

Arabic (العربية/عربي) translation by Othmane Laoulida (you can also view the original English article)

نظرة عامة

 الطريقة الأولى: استخدام Render Layers

 الخطوة 1

 في ملف جديد ، اضغط على A على لوحة المفاتيح لتحديد جميع الأشياء الافتراضية. اضغط على مفتاح Delete لحذفها.

 اضغط 1 في اللوحة الرقمية للوصول إلى الرأي الأمامي. اضغط على 5 للتبديل من وضع المنظور. اضغط على Shift-A وأضف النص.

Add text
 أضف النص

 مع تحديد كائن النص ، اضغط على Tab للدخول في وضع التحرير. تغيير النص إلى أي شيء تريده. اضغط على Tab مرة أخرى للخروج من وضع التحرير.

Edit text
 تحرير النص

 الخطوة 2

 مع تحديد كائن النص ، انقر فوق الزر F في محرر الخصائص لترى إعدادات الخط. في لوحة Font ، انقر فوق زر المجلد واستعرض الخط المفضل لديك.

Text font settings
إعدادات النص و الخط

 الخطوه 3

 اضغط على Shift-A وأضف شبكة> طائرة.

Add a plane
 أضف طائرة

Step 4

 اضغط على Tab للدخول في وضع التحرير. اضغط على A لتحديد كل الرؤوس. اضغط على S ثم X لقياسه على طول المحور X. تطابق ارتفاع الطائرة وعرضها مع النص.

Editing the plane
 تحرير الطائرة

 يمكنك نقل القمم لأعلى ولأسفل بدلاً من التدرج. اضغط مع الاستمرار على Shift ، ثم انقر عليه ثانويًا على القمم لتحديد متعددة.

 استخدم أداة السهم لنقلها. اضغط على Z للتبديل بين وضع الإطار السلكي والظل الصلب. اضغط على Tab للخروج من وضع التحرير.

Editing the plane
 تحرير الطائرة

 الخطوة 5

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

Move the text behind the plane
 حرك النص خلف الطائرة

 الخطوة 6

 مع تحديد النص ، انقر فوق الزر 'المواد' في محرر الخصائص. انقر فوق الزر 'جديد' لإضافة مادة جديدة.

Add new material to text
 إضافة مادة جديدة إلى النص

 قم بتغيير اسم المادة إلى نص أو أي شيء تريده. في لوحة Diffuse ، قم بتغيير اللون إلى اللون الأبيض. في لوحة Shading ، حدد خانة الاختيار Shadeless.

Material settings
 إعدادات المواد

 الخطوة 7

 تأكد من أنك أمامك. اضغط على 1 في لوحة الأرقام للوصول إلى العرض الأمامي. اضغط على Shift-A وأضف كاميرا.

Add a camera
 أضف كاميرا

 انقل الكاميرا بعيدًا عن الكائن والنص. استخدم أدوات الأسهم.

Placing the camera
 وضع الكاميرا

 الخطوة 8

 انقر ثانوي على الكاميرا لتحديدها. انقر على زر الكاميرا في محرر الخصائص.

 في لوحة Lens ، انقر فوق وضع Orthographic. اضغط على 0 في لوحة الأرقام للوصول إلى عرض الكاميرا.

 زيادة أو إنقاص مقياس Orthographic بحيث يبدو النص جيدًا في الإطار. يمكنك أيضًا تحريك الكاميرا باستخدام مفتاح G.

Camera settings
 إعدادات الكاميرا

Step 9

 ثانوي انقر على النص لتحديده. انتقل إلى الإطار الحادي عشر عن طريق الضغط على سهم Shift-up أو عن طريق الكتابة اليدوية 11 في عداد الإطار الحالي.

 أحضر الماوس في منفذ العرض ثلاثي الأبعاد واضغط على I وانقر على الموقع. سيؤدي هذا إلى إدراج إطار رئيسي.

Add keyframe to the text
 إضافة الإطار الرئيسي إلى النص

 الخطوة 10

 انتقل إلى الإطار رقم 21 إما عن طريق الضغط على سهم Shift-up للانتقال إلى الأمام عشرة إطارات أو عن طريق الكتابة اليدوية 21 في عداد الإطار.

Add another keyframe
 أضف إطارًا أساسيًا آخر

 قم بنقل كائن النص لأعلى بحيث يكون أعلى المستوى تمامًا. اضغط على I وانقر فوق select Location لإدراج إطار مفتاح آخر.

 اضغط على Shift-back arrow للانتقال إلى أول إطار. اضغط على Alt-A لمعاينة الرسم المتحرك.

Animate the text
 تحريك النص

 الخطوة 11

 انقر على زر تخطيط واختر الرسوم المتحركة.

Switch to Animation layout
 قم بالتبديل إلى تخطيط الرسوم المتحركة

 في محرر Dope Sheet يمكنك رؤية الإطارين الرئيسيين. يمكنك تحريكهم لجعل الرسوم المتحركة بطيئة أو سريعة. انقر ثانويًا على الإطار المفتاحي واضغط على G للتنقل.

Tweak the keyframes
 قرص الاطر الرئيسية

 الخطوة 12

 انقر على زر التشغيل أو اضغط على Alt-A لمعاينة الرسم المتحرك.

Animation controls
 ضوابط الرسوم المتحركة

 الخطوة 13

 اسحب الشريط الأخضر في المخطط الزمني للوصول إلى إطار بين الإطارين الرئيسيين. اضغط على F12 لعرض صورة ثابتة. ستلاحظ أن الطائرة يتم تقديمها أيضًا والتي نريد تجنبها. كما لا ينبغي أن يقدم النص وراء الطائرة.

Render any in-between frame
 تقديم بين إطار

 الخطوة 14

 انقر ثانوي على النص لتحديده. اضغط على M وحدد المربع الثاني لنقل النص المحدد إلى الطبقة الثانية.

Move text to second layer
 نقل النص إلى الطبقة الثانية

 الخطوة 15

 انقر فوق الثانوي فوق المستوى ثم اضغط M ثم انقر فوق المربع الأول لنقله إلى الطبقة الأولى.

Move plane to first layer
 تحرك الطائرة إلى الطبقة الأولى

 الخطوة 16

 اضغط مع الاستمرار على Shift ، ثم انقر على أزرار الطبقة لجعلها مرئية. يمكنك أيضًا الضغط على المفتاح ~ لجعل جميع الطبقات مرئية في منفذ العرض ثلاثي الأبعاد.

Make layers visible in viewport
 اجعل الطبقات مرئية في منفذ العرض

 الخطوة 17

 انقر فوق الزر Render Layers في محرر الخصائص.

 في لوحة الطبقات ، توجد ثلاث فئات من الطبقات. أول واحد هو طبقات المشهد. هذه هي الطبقات مرئية في إطار العرض.

 الثاني هو اسمه طبقة. سيتم تضمين الطبقات المحددة تحت هذه في العرض النهائي.

 المجموعة الثالثة هي لطبقة القناع. سيتم استخدام كائنات هذه الطبقة كأقنعة. انقر على زر الطبقة الثانية (الذي يوجد به كائنات النص) لطبقة التقديم.

 حدد الطبقة الأولى للقناع. هذا سوف يضع الطائرات التي هي في الطبقة الأولى كأقنعة.

Render layers panel
 لوحة طبقات التقديم

 انتقل إلى أي إطار بين الإطارين الرئيسيين واضغط على F12 لعرضه. سترى أن الطائرة والنص وراءها غير مدرجة في العرض النهائي.

Rendered preview
 معاينة المقدمة

 الخطوة 18

 وبالمثل إضافة نص ثاني للعناوين الفرعية. أضف طائرة تغطيها. نقل كل كائن جديد خلف الأولين. قم بنقل نص العنوان الفرعي الجديد قليلاً.

Add another set of text and plane
 إضافة مجموعة أخرى من النص والطائرة

 الخطوة 19

 تحريك كائن النص الثاني إلى الأسفل. انتقل إلى الإطار 25. مع تحديد النص ، اضغط على I لإدراج إطار مفتاحي. اختر موقعا.

Animate the second text object
 تحريك كائن النص الثاني

 الخطوة 20

 اضغط على Shift-up arrow للانتقال إلى الأمام عشرة إطارات. انقل النص لأسفل. اضغط على I وحدد الموقع لإدراج إطار رئيسي آخر.

 اضغط على Shift-left arrow للانتقال إلى الإطار 1. اضغط على Alt-A لمعاينة الرسم المتحرك.

Add keyframe for second text
 أضف إطارًا أساسيًا للنص الثاني

 الخطوة 21

 في تخطيط الرسوم المتحركة وفي Dope Sheet ، يمكنك ضبط وتحريك الإطار الرئيسي لتعيين التوقيت. كلما كانت الإطارات المفتاحية ، كلما كان البطيء هو الرسوم المتحركة.

Tweak keyframes in Dope sheet
 القرص keyframes في ورقة منشقة

 الخطوة 22

 ثانوي انقر على النص لتحديده. انقر على زر المادة في محرر الخصائص وحدد المادة التي تم إنشاؤها بالفعل لنص العنوان الأول.

Assign material to the second text
 تعيين مادة للنص الثاني

 الخطوة 23

 مع تحديد النص ، اضغط على M وحرك الكائن إلى الطبقة الثانية. ثم انقر بزر الماوس الأيمن على المستوى الثاني واضغط على M ثم انقر فوق الطبقة الأولى لنقلها إلى الطبقة الأولى.

 كل النص الآن في الطبقة الثانية والطائرات في الطبقة الأولى (قناع).

Move text to second layer and plane to first
 نقل النص إلى الطبقة الثانية والمستوى الأول

 الخطوة 24

 انتقل إلى الإطار 45 واضغط F12 لعرض الإطار الحالي.

 ستلاحظ أن النص الثاني لا يزال غير مرئي. هذا لأنه يتم حجبه بواسطة المستوى الأول. لذا فأنت تحتاج إما إلى تحريك المستوى الأول أو تركه يتدنى تلقائيًا مع حركة أول نص عنوان.

Render an image to check
 تقديم صورة للتحقق

 الخطوة 25

 اضغط على Shift-left arrow للانتقال إلى أول إطار. انقر فوق ثانوي على كائن المستوى الأول لتحديده.

Select the first plane
 اختر المستوى الأول

 اختر المستوى الأول

 اضغط على Tab للدخول في وضع التحرير. اضغط على B واسحب القمم أسفل القاع.

Select bottom two vertices
 حدد القمم القاعيتين

 الخطوة 27

 اضغط Ctrl-H لإضافة Hook. حدد هوك إلى كائن جديد. اضغط على Tab للخروج من وضع التحرير. حدد كائن الخطاف واضغط G لتحريكه والتحقق منه.

 ستلاحظ أن القمم السفليتين مرفقة الآن بالفراغ. اضغط على Esc لإعادة تعيين الموقع.

Add Hook to bottom two vertices
 أضف هوك إلى القمم اثنين القاع

 الخطوة 28

 اضغط مع الاستمرار على Shift ، ثم انقر بزر الماوس الأيمن على Empty ثم على نص العنوان.

 اضغط على Ctrl-P لأصل على النص الفارغ. حدد الكائن في المنبثقة. اضغط على Shift-left arrow للانتقال إلى أول إطار.

 اضغط على Alt-A لمعاينة الرسم المتحرك. ستلاحظ أن كائن القناع يتقلص الآن مع حركة نص العنوان.

Make the text parent of hook
 جعل النص الأصل من الخطاف

 الخطوة 29

 انتقل إلى الإطار 45 واضغط على F12. الآن يمكنك رؤية نص العنوان الفرعي. في الجزء التالي من هذا البرنامج التعليمي ، ستتعلم كيفية تطبيق هذه الرسوم المتحركة على فيديو.

Render an image
 تقديم صورة

 الطريقة الثانية: استخدام Boolean Modifier

 الخطوة 1

 هذه الطريقة هي الأفضل إذا كنت ترغب في استخدام شعار موجود في تنسيق .png بخلفية شفافة. لاستيراد صور .png ككائن ثلاثي الأبعاد ، يلزمك تنشيط استيراد الصور كإضافة للطائرات.

 اضغط على Ctrl-Alt-U لإخراج نافذة تفضيلات المستخدم. انقر فوق علامة التبويب 'الإضافات'. في مربع البحث ، اكتب صورة ، ثم قم بتنشيط استيراد الصور كأسلوب. أغلق النافذة.

Activate Import Images as Planes Add-on
 تنشيط استيراد الصور كإضافة للطائرات

 الخطوة 2

 في العرض ثلاثي الأبعاد ، اضغط على 1 في numpad للوصول إلى العرض الأمامي. اضغط 5 في اللوحة الرقمية للتبديل بين وضع المنظور. اضغط على Shift-A وانقر على Mesh> Images as Plans.

Add Images as Planes
 إضافة الصور والطائرات

 الخطوه 3

 استعرض صورة شعار .png. في علامة التبويب 'خيارات الاستيراد' ، استخدم خانة الاختيار 'ألفا'.

 في لوحة Material Settings ، حدد مربع الاختيار Shadeless. اضغط على الزر Z Transparency. أخيرا انقر فوق 'استيراد صورة' كزر الطائرات.

Import settings
 اعدادات مهمه

 الخطوة 4

 اضغط على Alt-Z لمعاينة الصورة في منفذ العرض ثلاثي الأبعاد. اضغط على Shift-A وأضف Mesh> Cube.

Add a cube
 أضف مكعب

 الخطوة 5

 اضغط على Z للتبديل إلى وضع wireframe. عند تحديد المكعب ، اضغط على Tab للدخول في وضع التحرير. اضغط على A لتحديد كل القمم ثم S ثم Z لتغيير حجم المكعب لأسفل المحور Z.

 قم بتكبير المكعب بحيث يكون أكبر قليلاً من مستوى شعار الشعار. تحقق من وجهة نظر جانبية أيضا.

Scale and plane the cube so that it covers the logo
 قم بتدرج المكعب واستقله بحيث يغطي الشعار

 الخطوة 6

 اضغط على Tab للخروج من وضع التحرير. مع تحديد المكعب ، حرك الماوس في نافذة Outliner. صحافة . (del) مفتاح في لوحة الأرقام لرؤية الكائن المحدد في outliner.

 انقر على زر الكاميرا. سيؤدي ذلك إلى تعطيل عرض المكعب. في محرر الخصائص ، انقر فوق زر المكعب لمشاهدة خصائص الكائن. في لوحة العرض ، حدد سلك في الحد الأقصى لنوع الرسم.

 سيعرض هذا المكعب في وضع wireframe في منفذ العرض ثلاثي الأبعاد.

Cube display settings
 إعدادات العرض المكعب

 الخطوة 7

 انقر ثانويًا فوق مستوى الشعار لتحديده. انقر على زر المعدّلات في محرر الخصائص. انقر فوق زر إضافة المُعدل وحدد Boolean.

Add Boolean modifier to logo plane
 إضافة معدل Boolean إلى المستوى الشعار

 الخطوة 8

 في عملية تحديد تحديد ولكائن ، حدد المكعب الذي يغطي الشعار.

Boolean modifier settings
 إعدادات معدل منطقية

 اضغط على G وحرك الماوس. سترى أن الطائرة مرئية فقط داخل المكعب. انقر ثانوي لإلغاء هذه الخطوة.

Move the plane around to see effect
 حرك الطائرة حولها لمعرفة التأثير

 الخطوة 9

 اضغط على Shift-A وأضف كاميرا. في خصائص الكاميرا ، انقر فوق الزر Orthographic. اضغط على مفتاح في لوحة الأرقام للوصول إلى عرض الكاميرا.

 عند تحديد الكاميرا ، اضغط على G وحركه لضبط الإطار والترتيب. حرّك مربع التمرير Scale لتناسب الشعار والعنوان في الإطار.

Add camera
 أضف كاميرا

 الخطوة 10

 انتقل إلى الإطار 11. اكتب الرقم يدويًا على عداد الإطار أو اضغط على Shift-up arrow للانتقال إلى الأمام 10 إطارات.

 انقر ثانويًا فوق مستوى الشعار لتحديده. استخدم أداة السهم للانتقال إلى خارج المكعب. اضغط على I واختر الموقع لإدراج الإطار الرئيسي.

Animate the logo coming from outside to inside the cube
 حرك الشعار القادم من الخارج إلى داخل المكعب

 الخطوة 11

 اسحب المخطط الزمني الأخضر للإطار 31. عند تحديد الشعار ، حركه داخل مركز المكعب بحيث يمكنك رؤيته. اضغط على I لإدراج الإطار الرئيسي. اختر الموقع في المنبثقة.

insert keyframe for logo
 إدراج الإطار الرئيسي للشعار

 الخطوة 12

 اضغط على Shift-left arrow للانتقال إلى أول إطار. اضغط على Alt-A لمعاينة الرسم المتحرك. اضغط على مفتاح Esc لإيقاف.

 اسحب الخط الزمني وانتقل إلى أي من بين الإطار. اضغط F12 لمشاهدة معاينة تم تقديمها.

Preview the animation and render any in between image
 معاينة الرسوم المتحركة وتقديم أي بين الصورة

 الخطوة 13

 سوف أقوم بإضافة آخر شفهي. png مع نص العنوان. اضغط على Shift-A وأضف Mesh> Images as Plans.

Add title image as plane
 أضف صورة عنوان كطائرة

 استعرض لصورة العنوان التي يجب أن تكون. png مع خلفية شفافة.

 في 'خيارات الاستيراد' ضع علامة على خانة الاختيار استخدام ألفا. في إعدادات المواد ، حدد مربع الاختيار Shadeless وانقر فوق الزر Z Transparency. وأخيرًا ، انقر فوق استيراد الصور كزر طائرات.

Import settings
 اعدادات مهمه

 الخطوة 14

 اضغط على Alt-Z لمشاهدة معاينة محكم. حدد العنوان وقم بنقله بجانب الشعار وفقط خارج المكعب.

Place the title next to logo
 ضع العنوان بجوار الشعار

 الخطوة 15

 مع تحديد العنوان ، انقر فوقه ثانويًا لتحديده ، وانقر فوق زر المعدّلات في محرر الخصائص. انقر على زر Add Modifier واختر Boolean.

Add Boolean modifier to the text plane
 إضافة معدل Boolean إلى المستوى النصي

 حدد الفرق للتشغيل والمكعب للكائن. هذا هو نفس المكعب الذي يغطي الشعار. ليس عليك إنشاء مكعب آخر يغطي العنوان.

Boolean modifier settings
 إعدادات معدل منطقية

 اضغط على Z للتبديل إلى وضع wireframe. انقر ثانويًا على كائن العنوان واستخدم أداة السهم للتحرك ورؤية التأثير.

 لن يكون كائن العنوان مرئياً إذا تم إدراجه في المكعب.

Move the plane and see the effect
 تحريك الطائرة ورؤية التأثير

 الخطوة 16

 إذا كان المكعب صغيرًا ، فيمكنك زيادة عرضه. انقر ثانويًا على المكعب لتحديده.

 اضغط على Tab للدخول في وضع التحرير. اضغط على مفتاح B واسحب حدد القمم على الجانب. استخدم أداة السهم لنقلها. اضغط على Tab مرة أخرى للخروج من وضع التحرير.

Make the cube bigger
 اجعل المكعب أكبر

 الخطوة 17

 الآن تحريك العنوان. انتقل إلى الإطار 29 عن طريق إدخال رقم الإطار في عداد الإطار يدويًا عن طريق سحب العلامة الخضراء في المخطط الزمني.

 مع تحديد العنوان وداخل المكعب ، سأقوم بإضافة الإطار الرئيسي الأول. اضغط على I لإخراج قائمة الإطارات الأساسية وتحديد الموقع.

Animate the title plane
 تحريك الطائرة العنوان

 الخطوة 18

 تحريك 20 إطارًا عن طريق سحب المخطط الزمني أو عن طريق إدخال رقم الإطار في العداد يدويًا.

 انقل العنوان باستخدام عنصر واجهة الأسهم إلى يمين المكعب بحيث يكون مرئيًا. اضغط على I ثم حدد الموقع لإدراج إطار رئيسي آخر. اضغط على Alt-A لمعاينة الرسم المتحرك.

Add keyframe to the plane
 إضافة الإطار الرئيسي إلى الطائرة

 الخطوة 19

 اضغط على مفتاح في اللوحة الرقمية للوصول إلى عرض الكاميرا. انقر بزر الماوس الأيمن على الكاميرا لتحديدها. اضغط على G وحرك الكاميرا لضبط الإطار بحيث يكون العنوان والشعار في الوسط.

 حرّك مربع التمرير Scale لتناسب الشعار والعنوان في الإطار. يمكنك ضبط الإطارات المفتاحية في محرر Dope Sheet.

Camera settings
 إعدادات الكاميرا

 في البرنامج التعليمي التالي

 في الجزء التالي من سلسلة البرامج التعليمية هذه ، سأعرض لك طريقة أخرى يمكن استخدامها في الشبكات ثلاثية الأبعاد وكذلك كائنات النصوص. سأوضح لك أيضًا كيفية تطبيق هذه الرسوم المتحركة على فيديو.


Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.