تصميم بنر إعلاني متحرك (1)

[ريشة خير]

أتمنى أن تكون إخوتي جميعًا بخير
درس من أجزاء لكيفية تصميم بنر إعلاني
يتدرج من البسيط إلى الأكثر احترافًا

حاولت أن أبسط بالصور والفيديو وأضمنه عدة أشياء
ليتمكن حتى المبتدئ من العمل والاستفادة
والمدة الزمنية بين الأجزاء بحسب الظروف نسأل الله التيسير



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

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

وهنا مع كيفية تركيبها
〖 844 خط عربي و فارسي رائعة و مميّزة 〗



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

وتتعدد المقاسات لكن المعتمد في الغالب هو 468x60pixel

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


الصورة المستخدمة


من ملف نفتح عمل جديد بمقياس 60×250


نفتح الصورة المرفقة (المصحف) من ملف › فتح › اختيار الصورة › موافق


نضغط ونسحب الصورة إلى حقل العمل


نظهر حدود الصورة Ctrl+t و نقوم بتصغيرها لتتلاءم مع حجم الخلفية


نختار أداة الكتابة ونوع الخط وخصائصه

نكتب عبارة: تلاوة خاشعة ونضاعف الطبقة بـ: Ctrl+j

ثم نقوم بتحديد النص الثاني ونغيره إلى: القارئ ياسين

من قائمة windows نضغط Timeline أو Animation ليظهر لنا إطار الحركة في الأسفل

نضغط create frame animation على الإطار السالف الذكر ونجعلها أربع إطارات

نغير من المدة الزمنية للإطار عن طريق السهم السفلي الصغير
في الأسفل ونجعلها بالتداول 0.5و1.5

نقف عند الإطار الأول ونخفي العين على النصين


نقف عند الثاني ونظهر عين العبارة الأولى: تلاوة خاشعة


نقف عند الإطار الرابع أي الأخير ونظهر عين الكتابة: القارئ ياسين


نغيرفي الأسفلonce إلىForever لجعل الحركة دائمة
نحفظ البنر في الأخير من ملف Save for web… ونضغط موافق


ولمن أراد عمل إطار
يمرر مربع التحديد على العمل ونضغط يمين ونختارStroke أي حد
مع إضافة طبقة جديدة في صندوق الليرات


نجعله بقيمة 1 بيكسل وإلى الداخل insideوبلون أسود


ثم نلغي التحديد Ctrl+D ونحفظ العمل كما أسلفنا



وهذا مثال بمقياس 468x60
https://im87.gulfup.com/H9AkSg.gif

في الأخير الشرح فيديو هنا
[بنر إعلاني متحرك بالفوتوشوب 1 ]