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

ريشة خير

Active Member
PxlZjB.png

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

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

dMyQqH.gif


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

dMyQqH.gif


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

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

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


الصورة المستخدمة
o6ICfH.jpg


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


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


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


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


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


نكتب عبارة: تلاوة خاشعة ونضاعف الطبقة بـ: Ctrl+j
ثم نقوم بتحديد النص الثاني ونغيره إلى: القارئ ياسين
S54CyL.png


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

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


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

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

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


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


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


ولمن أراد عمل إطار
يمرر مربع التحديد على العمل ونضغط يمين ونختارStroke أي حد
bmAIDN.png


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


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

nE3bDt.gif

وهذا مثال آخر بمقياس 468x60
H9AkSg.gif


في الأخير الشرح فيديو
TeGJuN.png

 
التعديل الأخير:
بارك الله فيك و جزاكِ كلّ خير
موضوع من أروع ما يكون
يبحث عنه الكثيرين
لي عودة إن شاء الله للمتابعة و محاولة التطبيق
******************
يُثبت الموضوع للإفادة
******************
 
جزاك الله خيرًا أخي حسين وشكرًا لما تضع من لواحق
إن شاء الله يستفيد الكل أخي
وأدعو لك بكل التوفيق​
 
عودة
أعلى