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

[ريشة خير]

http://im51.gulfup.com/PxlZjB.png
أتمنى أن تكون إخوتي جميعًا بخير
درس من أجزاء لكيفية تصميم بنر إعلاني
يتدرج من البسيط إلى الأكثر احترافًا

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

http://im77.gulfup.com/UuKzYv.gif

في البداية مطلوب برنامج الفوتوشوب والإصدارات الأخيرة الثابتة والمحمولة
تجدونها هنا جازى الله مدرجيها كل خير
منتدى برامج التصميم العامة و ملحقاتها (http://www.djelfa.info/vb/forumdisplay.php?f=129)

وللخطوط كذلك أهمية خاصة في ارتقاء البنر مجموعة مميزة هنا
قسم السكرابز و الخطوط (http://www.djelfa.info/vb/forumdisplay.php?f=241)

وهنا مع كيفية تركيبها
〖 844 خط عربي و فارسي رائعة و مميّزة 〗 (http://www.djelfa.info/vb/showthread.php?t=1211850)

http://im77.gulfup.com/UuKzYv.gif

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

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

وهذا الآن ما سنتحصل عليه اليوم
http://im77.gulfup.com/nE3bDt.gif

الصورة المستخدمة
http://im72.gulfup.com/o6ICfH.jpg

من ملف نفتح عمل جديد بمقياس 60×250
http://im56.gulfup.com/DQKhj2.png

نفتح الصورة المرفقة (المصحف) من ملف › فتح › اختيار الصورة › موافق
http://im56.gulfup.com/id2k1B.png

نضغط ونسحب الصورة إلى حقل العمل
http://im79.gulfup.com/4TjsqT.png

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

نختار أداة الكتابة ونوع الخط وخصائصه
http://im56.gulfup.com/yaUugD.png

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


ثم نقوم بتحديد النص الثاني ونغيره إلى: القارئ ياسين
http://im56.gulfup.com/S54CyL.png

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


http://im74.gulfup.com/7S14Zg.png

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

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


http://im56.gulfup.com/eDY8wV.png

نقف عند الإطار الأول ونخفي العين على النصين
http://im56.gulfup.com/l8qLwM.png

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

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

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

ولمن أراد عمل إطار
يمرر مربع التحديد على العمل ونضغط يمين ونختارStroke أي حد
مع إضافة طبقة جديدة في صندوق الليرات
http://im77.gulfup.com/bmAIDN.png

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

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

http://im77.gulfup.com/nE3bDt.gif

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

في الأخير الشرح فيديو هنا
[بنر إعلاني متحرك بالفوتوشوب 1 (https://www.youtube.com/watch?v=9CF6sFX2Db0)]
http://im51.gulfup.com/TeGJuN.png

[ضوْء ذَهَبي ~]

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


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

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

http://im80.gulfup.com/Xf3IDe.gif

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


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

[الوردةالجورية]

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

[ريشة خير]

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


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

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

http://im80.gulfup.com/Xf3IDe.gif

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


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







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

وتستحقين الوسام
http://im59.gulfup.com/upt2Xz.gif


مشكورة اختي لكن ممكن تعطيني رابط الفوتوشوب cs 6
الشكر لك غاليتي
تفضلي رابط cs6 محمول
｡◕‿◕｡ برنامج فوتوشوب محمول Photoshop.Portable.CS6 ｡◕‿◕｡ (http://www.djelfa.info/vb/showthread.php?t=1592451)

والنسخة الأخير الكاملة وهي الأفضل بالتأكيد هنا
برنامج Adobe Photoshop CC 14.2.1 Final (http://www.djelfa.info/vb/showthread.php?t=1513164)

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

وفقك الله

[الوردةالجورية]

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

[ريشة خير]

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

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

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

[الوردةالجورية]

اخلاص اختي ربي اخليك ضرك اندسر وانحطلك التطبيق

[الوردةالجورية]

زيدي شوفي هاذي اختي
http://im60.gulfup.com/tSwHsQ.gif

[ريشة خير]

تطبيق ممتاز لحركة النص
أتمنى أن تكملي باتباع الخطوات لتصغير الصور
وعمل هذا البنر للاشهار لمواضيع أعمالك
سلمت يمينك وبالتوفيق لك أختي :)

[نَقَآءْ اَلْسَرِيْرَهـْـ]

السلام عليكم
مبدعة غاليتي
وفقك الله لما يحبّه و يرضاه

هذا تطبيقي

http://im76.gulfup.com/OUZmk3.gif

[ريشة خير]

السلام عليكم
مبدعة غاليتي
وفقك الله لما يحبّه و يرضاه

هذا تطبيقي

http://im76.gulfup.com/OUZmk3.gif


وعليكم السلام ورحمة الله وبركاته
دومًا بلمستك الفنية الخاصة
أبدعتِ نقاء
موفقة دومًا..
http://im59.gulfup.com/upt2Xz.gif

[123boutheina]

السلام عليكم

هذا تطبيقي


http://im67.gulfup.com/CuLMxo.gif

[ريشة خير]

السلام عليكم

هذا تطبيقي


http://im67.gulfup.com/CuLMxo.gif







ما شاء الله تطبيق متقن
وهديّة رائعة:o
أمطر الله عليكِ من سحب الخير حبيبتي
وأسعد قلبك في الدارين

http://im59.gulfup.com/upt2Xz.gif

[الزعيم الأول]

للإبداع عنوان في منتديات الجلفة
جزاكِ الله كلّ خير أخت بسمة
درس و لا أروع ، بارك الله فيك
لي عودة إن شاء الله للتطبيق.

################
يُثبّت الموضوع للإفادة
################

[ريشة خير]

بارك فيك وحفظك أخي
شكرا لردك المشجع
جزاك الله خيرًا ووفقك الله دومًا
ويانتظارك

[.صفاء.]

بارك الله فيكـ على الدرس المميز
لقد استفدت منه كثيرا
و هذه هي محاولتي

http://im44.gulfup.com/g5jtzz.gif

باركـ الله فيك

[سامي سطي]

مشكورين على الشرح المميز

[سامي سطي]

file:///D:/Documents%20and%20Settings/Administrateur/Bureau/788.gif

[ريشة خير]

بارك الله فيكم وجزاكم خيرًا إخوتي

[كلمة مني]

وعليكم السلام ورحمة الله
تطبيقي


http://store2.up-00.com/2015-07/1435783831861.gif

[ريشة خير]

وعليكم السلام ورحمة الله
تطبيقي


http://store2.up-00.com/2015-07/1435783831861.gif
ما شاء الله تطبيق متقن وليس بغريب عنك يا غالية
واصلي ابداعك
شكرًا جزيلاً

[كلمة مني]

ما شاء الله تطبيق متقن وليس بغريب عنك يا غالية
واصلي ابداعك
شكرًا جزيلاً



شكرا لك هذا من لطفكِ عزيزتي :)

[ريشة خير]

شكرا لك هذا من لطفكِ عزيزتي :)
حفظك الله أحلى كلمة:)

[تاج الايمان]

بارك الله فيك يا اختي

http://im52.gulfup.com/Y9G2N6.gif

[ريشة خير]

بارك الله فيك يا اختي

http://im52.gulfup.com/Y9G2N6.gif
بارك الله فيك حبيبتي تطبيق متقن للدرس
فقط بالنسبة للصورة حتى لا تكون كبيرة
طبقي نفس الأبعاد هنا
http://im56.gulfup.com/DQKhj2.png

وبالنسبة للخط حتى يكون ناعم غيري نوعه من هنا إلى smooth

http://im74.gulfup.com/eUAIJ6.png

[monder_dz]

شكرا لك =)

[tarekovitche]

شكرا لك درس جميل

[ريشة خير]

http://forum.tawwat.com/images-topics/images/rd/0034.gif

[piratack007]

الله يعطيك العافية

[لوسي جابر]

مشكور جدا على الدرس الرائع

[ريشة خير]

شكرا إخوتي على المرور الطيب

[innislamic]

ممتاز وشكرا لك اخي الكريم