المستكشف | الأخبار والدروس والمقالات في شتى مجالات التقنية   المستكشف | الأخبار والدروس والمقالات في شتى مجالات التقنية
random

آخر الأخبار

random
random
جاري التحميل ...
random

للمبتدئين: كيف تنشئ حركة (Animation) بسيطة بواسطة الإليسترايتور

للمبتدئين: كيف تنشئ حركة (Animation) بسيطة بواسطة الإليسترايتور

نعم, الكل يعلم أن برنامج الإليسترايتور Adobe Illustrator CC يستعمل خاصة في تصميم الجرافيك أما الأنميشن والحركة فهي من تخصص برامج أخرى كبرنامج Adobe Flash. إلا أنه من الممكن إنشاء حركة (Animation) بسيطة بواسطة برنامج الإليسترايتور كذلك. في هذا المقال سأبين لك الخطوات الواجب إتباعها لعمل ذلك.

سنعطي مثالا بالملف الذي لدينا في الصورة رقم 1. مثلا لدينا الكرة الموجودة في أسفل مسرح العمل Artboard  و نريد أن ننشئ حركة بسيطة حيث تنتقل الكرة من الأسفل إلى الأعلى حتى تختفي خارج الأرت بورد.

الصورة رقم 1
أولا نحدد أداة   التحديد selection tool ونضغط على الكرة مع الضغط على زر Alt و زر   Shift في نفس الوقت و نسحب نحو الأعلى حتى خارج الـ Artboard. (الزر Alt لعمل نسخة من الكرة والزر  Shift للحفاظ على استقامة الخط بين النسختين). أنظر الصورة التالية.

ثم نحدد الكرتين معا و نذهب نحو Object =< Blend   ثم Make كما هو مبين في الصورة رقم 3. فنحصل على النتيجة في الصورة رقم 4. تأكد من المسار Object =< Blend   ثم  Blend Option  أن Spacing = specified steps  و اختر الرقم 36 أو أكثر حتى 72. كما يظهر ذلك في نفس الصورة.

الصورة رقم 3

الصورة رقم 4

حدد الكل مرة أخرى و إذهب نحو المسار Object =< Blend   ثم Expand  فنحصل على النتيجة كما في الصورة 5.

الصورة رقم 5
حدد الكل مرة أخرى و دائما بأداة التحديد selection tool و نذهب للمسار Object =< Ungroup (أنظر الصورة رقم 6) و ذلك لفصل جميع العناصر المكونة للـ Blend  و هي 36 عنصرا كما اخترت في هذا المثال فنحصل على النتيجة كما في الصورة رقم 7.

الصورة رقم 6

الصورة رقم 7
في هذه المرحلة نحتاج إلى Layers Panel , نتأكد أن الـ layer الذي نعمل عليه محدد و نضغط إلى الأيقونة أعلى يمين نافذة Layers Panel ثم نختار Release to layers(sequence)  كم يظهر في الصورة رقم 8 و ذلك لوضع كل عنصر من عناصر الـ Blend في Layer مستقلة (كما في الصورة 9).

الصورة رقم 8

الصورة رقم 9
في هذه المرحلة يكون عملنا انتهى وتبقى عملية التصدير. سنذهب إلى المسار File => Export  فنحصل على النافذة المبينة في الصورة رقم 10, نختار اسما للملف و نتأكد من اختيار نوع الملف Flash(*.SWF) , ثم نضغط على Export,

الصورة رقم 10

 ستنبثق النافذة المبينة في الصورة رقم 11 و نختار الإعدادات كم في الصورة , أغلب هذه الإعدادات يكون افتراضيا إلا أنه من الضروري إختيار AI Layers to SWF Frames  في الإختيار Export as, و وضع العلامة في خانة Clip to Artboard Size. ثم اضغط على OK لإنهاء العمل.

الصورة رقم 11
سيتم تصدير الملف كملف فلاش بصيغة SWF  ويمكنك تشغيل الأنميشن . (الصورة رقم 12)

الصورة رقم 12


الموضوع من طرف : رضوان بن محمد
ضمن مسابقة المحترف لأفضل تدوينة لسنة 2016




مدونة المستكشف - Bh4b.com

عن الكاتب

Shawqi Al-Aghbari Shawqi Al-Aghbari
مدون من دولة اليمن ، مؤسس مدونة المستكشف ، أحب مشاركة المعلومة مع المتابعين عبر هذه المدونة ، مبتدئ في برمجة المواقع ومن هواياتي المفضلة التدوين الالكتروني والإستكشاف المعلوماتي .

التعليقات

Wood Profits Banner
The 3 Week Diet | Affs Making $48,000+ Daily Updated For Summer 2016 | You Get It
Unlock Your Hip Flexors - Huge Conversion Boost For 2016


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

إتصل بنا

عن المدونة

مدونة المستكشف هي مدونة تقنية ضخمة تضم عدد كبير من المقالات والمواضيع المتلقة بالتقنية والتكنولوجيا والأمن المعلوماتي عن طريق مقالات متسلسلة ومتخصصة تتطرق فيها إلى مختلف المواضيع التقنية القريبة من الشباب العربي , ونقوم بإقتنائها من أشهر مدونات التقنية الموجوده على الساحة العربية . مدونة المستكشف تأسست سنة 2010 / 2016 ، حيث ان مقرها الرئيسي باليمن و مديرها شوقي الأغبري . @ShawqeAlaghbre

المستكشف على تويتر

زوار المستكشف

Image