موضوع مميز تصميم بنر إعلاني متحرك (2)

ريشة خير · 2014-06-18, 16:50

في هذا الجزء سنتعرض إلى التلاشي اللطيف والتحريك

هنا وضعت الخلفية جاهزة بعدما صممتها

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

كذلك ربما لاحظتم أن لا حقوق على البنر

ذلك أنه يتطلب حلقة منفصلة للأهمية والحد كذلك..

تطرقنا في الجزء السابق لاظهار وإخفاء النص

وتعتمد الحركة فيه على المدة الزمنية والتي يمكن تغييرها بحسب الحاجة

اليوم بإذن الله سنعمل على حركتي التلاشي اللطيف والتحريك

وهذا ما سنتحصل عليه

نفتح الخلفية الجاهزة ونكتب النصين ونفتح صندوق الحركة

خطوات هذا سبقت هنا
تصميم بنر إعلاني متحرك (1)

فقط بالنسبة للون نختاره بهذه الطريقة وأتطرق لهذه الأمور بعجلة

لأنها تعتبر ابتدائية في البرنامج لكن هناك من درجة فهمه

تمكنه من تجاوز تلك المراحل من خلال هذا

واللونين هنا هما: 135781 لكلمة آية و cc6801 لعبارة "وحكاية"

الآن نعود إلى موضوعنا ونقف على الفريم الأول في الإطار الزمني ونجعل الزمن 0.2
نخفي العين على النص الذي سنطبق عليه حركة التلاشي وهو " وحكاية"
ونصعد بالسهم أو بالسحب إلى أعلى بكلمة " آية"
وهذه خطوة توضح التنسيق بين الحركة والمعنى بحيث تنزل الآية من السماء
كما التباطؤ في الحركة يدل على الحكاية ومن ذلك فلسرعة الحركة دلالة أيضًا

نضاعف الفريم أو الإطار مرة واحدة كما وضحت طريقة عمل ذلك في الجزء الأول
ثم ننزل بالكلمة إلى المكان الذي نريد أن تستقر فيه ونعمل tween أو تتابع بقيمة 5

الآن نضاعف الفريم الأخير مرة ونظهر كلمة "وحكاية"
ونصنع tween هذه المرة بقيمة 10

بعدها نضاعف الفريم الأخير مرتين

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

ومشاهدة طيبة للدرس هنا
تصميم بنر متحرك (2)

أرجو أن يكون الشرح واضح وبانتظار أي ملاحظة أو استفسار