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

ريشة خير · 2014-06-13, 19:17

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

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

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

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

وهنا مع كيفية تركيبها
〖 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 ]

ضوْء ذَهَبي ~ · 2014-06-14, 18:35

السَلَآمُ عَ ــليْكُـم:::

دَئْمَآ بإبدَآعَآتِكِ أخْتِي...

تَطْبِيقِي المُتَوَآضِع ....

كَــم تَقْييمُــك أختَآه ..!؟

مَعَ السَلَآمَـةة :::

الوردةالجورية · 2014-06-14, 19:49

مشكورة اختي لكن ممكن تعطيني رابط الفوتوشوب cs 6

ريشة خير · 2014-06-15, 07:09

اقتباس:

المشاركة الأصلية كتبت بواسطة آيآت ربي

السَلَآمُ عَ ــليْكُـم:::

دَئْمَآ بإبدَآعَآتِكِ أخْتِي...

تَطْبِيقِي المُتَوَآضِع ....

كَــم تَقْييمُــك أختَآه ..!؟

مَعَ السَلَآمَـةة :::

وعليكم السلام ورحمة الله وبركاته
ما شاء الله عليك حبيبتي
طبعًا 10/10

وتستحقين الوسام

اقتباس:

المشاركة الأصلية كتبت بواسطة الوردةالجورية

مشكورة اختي لكن ممكن تعطيني رابط الفوتوشوب cs 6

الشكر لك غاليتي
تفضلي رابط cs6 محمول
｡◕‿◕｡ برنامج فوتوشوب محمول Photoshop.Portable.CS6 ｡◕‿◕｡

والنسخة الأخير الكاملة وهي الأفضل بالتأكيد هنا
برنامج Adobe Photoshop CC 14.2.1 Final

وأي استفسار ان شاء الله نعاونك

وفقك الله

الوردةالجورية · 2014-06-15, 08:45

السلام عليكم اختي لكن الفوطو ماحبتش تتسحب

ريشة خير · 2014-06-15, 11:48

اقتباس:

المشاركة الأصلية كتبت بواسطة الوردةالجورية

السلام عليكم اختي لكن الفوطو ماحبتش تتسحب

وعليكم السلام ورحمة الله وبركاته
الصورة تسحبيها من شريطها العلوي أولا وانت ضاغطة في نفس الوقت والسحب يكون للأمام لتستقل الصورة في نافذة لوحدها
بعدها تضغطي على الصورة وتسحبي وانتي ضاغطة بيسار الفأرة (بنفس الطريقة) إلى ساحة العمل
شوفي الصورة المتحركة هنا عملتها بشكل سريع واضغطي رؤيتها بحجم طبيعي وان شاء الله تتوفقي

https://im50.gulfup.com/kOy1J8.gif