المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : طريقة عمل بنر متحرك..... خطوه خطوه



miss-sara
03-Oct-2007, 12:54
بسم الله الرحمن الرحيم
قبل كل شي انا فقط من فترة بسيطة عرفت كيف أعمل بنر
لذلك ممكن تكون الطريقة مش احترافية ولكن سهله جداً
وسيكون شرح الطريقة مطبق على البنر التالي


http://www.arabvolunteering.org/avw/Avw.gif



نبدأ بسم الله
بداية نفتح برنامج الفوتوشوب
طبعاً أغلب أنواع البنرات بنسبه للمقاسات هم نوعين في جميع المواقع
البنر الحجم الصغير مثل البنر المطبق
ومقاساته 120*60
والبنر الثاني حجم اكبر مثل بنر في الملتقي "أغتنم رمضان واقلع عن التدخين" هذا مقساته 468*60
هذى ثوابت ما تتغير في الأغلب


بعد فتح برنامج الفوتوشوب من قائمه ملف نختار جديد



http://www.arabvolunteering.org/avw/wun.jpg



سيطلب البرنامج تحديد المقاسات وكما ذكرنا سابقاً المقاسات وسنختار المقاس الأصغر 60*120




http://www.arabvolunteering.org/avw/tow.jpg




سيظهر لنا مساحة العمل,, سنقوم بعمل لون للخلفية




http://www.arabvolunteering.org/avw/0.jpg




لن نتحدث عن المؤثرات على الصور والنصوص فقد سبق شرحها بالتفصيل في دورة الفوتوشوب
سنكتفي بطريقه عمل البنر
سنقوم بكتابه" عالم "على الطبقة الأولى




http://www.arabvolunteering.org/avw/thre.jpg




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




http://www.arabvolunteering.org/avw/fif.jpg






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



الأن هنا خطوه غاية في لأهمية والا وقعتم في الخطاء الذى وقعت انا فيه :D
بعد تكوين طبقة جديدة والتي ستظهر في قائمه العمل في أسفل البرنامج
يجب عليك كى تكمل العمل أن تلغي خاصية مشاهده الطبقة الأولي والتي كتب عليها "عالم" كيف ذلك؟؟ الطريقة سهله جداً وهى بإزالة العين التي بجانب كلمه "عالم" وبعد ذلك تختفي الكلمة من ساحة العمل




http://www.arabvolunteering.org/avw/svn.jpg



سنكتب في الطبقة الثانية الكلمة المطلوبة وهى "التطوع"



http://www.arabvolunteering.org/avw/it.jpg



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



http://www.arabvolunteering.org/avw/nin.jpg




ونفس الطريقة في الطبقات التالية في كلمة " العربي" و شعار عالم التطوع ,, ويجب أن نلاحظ بأن الصور لا تختلف عن الكتبة في خطوات عمل البنر


نأتى للخطوة الجديدة وهى بعد تكوين جميع الطبقات الأربع يتم تحويلهم إلي برنامج امجى ريدي (ImageReady) والطريقة سهلة جداً من خلال قائمة الأدوات الموجودة على يسار برنامج الفوتوشوب ستجدونها في الأسفل كما في الصورة



http://www.arabvolunteering.org/avw/tn.jpg


سيظهر لنا التصميم ولكن سيظهر أخر طبقة تكونت كما في الصور



http://www.arabvolunteering.org/avw/1-1.jpg



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




http://www.arabvolunteering.org/avw/1-2.jpg




لنتمكن من عمل بنر متحرك لأكثر من طبقة يجب علينا أن نكرر الطبقات بالعدد المطلوب مثلاً البنر المطبق عليه مكون من أربع طبقات إذا نكرر الطبقات أربع مرات كما هو موضح





http://www.arabvolunteering.org/avw/1-3.jpg




بعد ذلك نختار الطبقة الأولي رقم (1)




http://www.arabvolunteering.org/avw/1-4.jpg




هذه أول طبقة ستظهر في البنر يجب أن تحمل كلمة "عالم "والطريقة سهله جداً نقوم بإعادة أيقونه العين إلي كلمة "عالم" ونلغيها من باقي الكلمات وشعار عالم التطوع,, بمعنى لن يظهر لن في الطبقة الأولي سوا كلمة "عالم"
ونقوم بالعملية في باقي الطبقات الثانية والثالثة والرابعة
وفي النهاية ستكون النتيجة هكذا




http://www.arabvolunteering.org/avw/1-6.jpg





سنلاحظ تحت كل طبقة وجود مؤقت




http://www.arabvolunteering.org/avw/1-7.jpg




هذا المؤقت يسمح لك بتحدد سرعه البنر
سنقوم باختيار ثانية لكل طبقة





هكذا نكون انتهينا من عمل البنر لم يبقى سوا حفظه ويجب حفظه على امتداد gif
من قائمه ملف نختار حفظ محسن بأسم



http://www.arabvolunteering.org/avw/1-9.jpg


والبنر جاهز ألان



http://www.arabvolunteering.org/avw/Avw.gif



أتمنى أن يكون الدرس سهل وبسيط,,,وعذرا على التقصير
تحياتي لكم :)

ابو جمانه
03-Oct-2007, 04:38
تسلمي يا ساره يا مبدعه
شرح رائع و وافي وبسيط
وأنا سأكون أول طالب في الصف :p
وحتشوفي تصميماتي :D

ابو جمانه
03-Oct-2007, 05:14
هذا اول تطبيق للبنر
ايش رأيك ;)

,,)@&**( Mona ) **&@(,,
03-Oct-2007, 05:31
يعطيك العافيه ساره
شرح موجز وواضح جدا
مشالله عليك .....
ماعاد فيه اعذار صح

miss-sara
03-Oct-2007, 02:00
تسلمي يا ساره يا مبدعه
شرح رائع و وافي وبسيط
وأنا سأكون أول طالب في الصف
وحتشوفي تصميماتي
الله يسلمك ياأبو جمانه
عاد أنت أخذت درس خصوصي:D
وانت مبدع في تصميم الصور بس نبي بنرات الأن
والتطبيق جداً رائع
واتوقع لك مستقبل باهر في البنرات :D




يعطيك العافيه ساره
شرح موجز وواضح جدا
مشالله عليك .....
ماعاد فيه اعذار صح

الله يعافيك يارب ويسلمك
الاعذار مافي الان نبي تصميماتك الأن :)

بدريه احمــد
04-Oct-2007, 09:12
بعض التطبيقات السريعة
وبدون تركيز على مقاسات معينة
اتمنى لو فيه اي شغله نقدر نساهم فيها للملتقى
تعطونا خبر عشان نقدم الي نقدر عليه ..
يعطيك العافية سارا

miss-sara
04-Oct-2007, 07:07
ما شا ءالله عليك بدريه
دائماً تبهريني بابداعك المتميز
وان شا اءلله لو حصل واحتاج الملتقي لبنرات ماراح اقصر بجي لك ولكل المتدربين هنا :D
يعطيك العافيه

Pure
05-Oct-2007, 06:23
يسلمو سوسو : )

miss-sara
05-Oct-2007, 10:00
أهلا وسهلا بيور :)

أنجـي
09-Oct-2007, 12:49
جزاك الله خير يا قمر...

هدي من محاولاتي السريعة المبتدئة جداً....
فيه أخطاء طبعاً في أشياء ما كنت أبغاها كدا...
بس خلاااص عصبت على البرنامج وحفظته زي ماهو.... :D

miss-sara
09-Oct-2007, 02:48
هههههه اهلين انجى
لا صراحه كبدايه مره حلو
الفوتوشوب اشوي متعب :(
بس حلو البنر يعطيك العافيه ياعسل

haitham
10-Oct-2007, 06:15
احب ان ارى مثل تلك الامور ولوكانت بسيطه
واحب ان يدلو كل واحد بدلو العلم والمعرفه
ويد بيد لنتساعد
الله يجزيكي الجير

haitham
10-Oct-2007, 06:16
عفوا الخير

miss-sara
10-Oct-2007, 07:11
حياك الله أخى :)
سعيده بتواجدك
وننتظر دلوك :)

أنجـي
11-Oct-2007, 07:02
عملت واحد تاني..... :D:D:D

بدريه احمــد
11-Oct-2007, 09:01
حلو مررة انجي
براافو عليك بجد :)

أنجـي
12-Oct-2007, 03:17
شكراً شكراً بدريه... :o
بديت أكتشف مواهب دفينة ما كنت حاسة فيها من أول... :p:p:p

ابو جمانه
13-Oct-2007, 01:20
تصميم رائع انجي ..
شكلي حأتعلم منك وأترك المدرس الخصوصي بتاعي :D

miss-sara
13-Oct-2007, 01:30
افـــا:eek:
انقلاب عسكري صار:D

أنجـي
13-Oct-2007, 07:47
تصميم رائع انجي ..
شكلي حأتعلم منك وأترك المدرس الخصوصي بتاعي :D
الموهبة كل مالها في تطور... ما شاء الله علي.... :p
آخر تصميماتي في توقيعي.... :)
بس لسة ما أقدر أعطي دروس... لكن أول ما أطور الموهبة أكثر...
وأصير مصممة رسمية... حتكون أول طلابي أبو جمانة....... :D


افـــا:eek:
انقلاب عسكري صار:D
لا لا تخافي مهو انقلاب تام لسة....
بس الله يعينك على الأيام الجاية..... :D

sabrijenwah
10-Aug-2008, 06:48
شكرا جزيلا لقد تعلمت منكم كيفية عمل البنر بارك الله فيكم جميعا
نسال الله لمن عمل هذا العمل ان يجزيه خير الجزاء فى الدنيا والاخرة

حنين البحر
02-Oct-2008, 02:09
جزاك الله خير ..

ان شاء الله احاول اطبقه قريب :)