تسجيل الدخول

مشاهدة النسخة كاملة : درس تصميم بانر صور وشرح



brae0000
08-03-2009, 10:11 AM
السلام عليكم ورحمة الله وبركاته
فى هذا الدرس سنتعلم كيفية صنع بانر متحرك بالفوتوشوب بمنتهى السهوله ان شاء الله

اولا لازم يكون عندك برنامج الفوتوشوب وديه لينكات التحميل ليه
تحميل فوتوشوب download Potoshop
send space

PHOTOSHOP7.part1.rar (http://www.mhdylinks.com/links/m.php?id=38)

PHOTOSHOP7.part2.rar (http://www.mhdylinks.com/links/m.php?id=39)

PHOTOSHOP7.part3.rar (http://www.mhdylinks.com/links/m.php?id=40)

PHOTOSHOP7.part4.rar (http://www.mhdylinks.com/links/m.php?id=41)

PHOTOSHOP7.part5.rar (http://www.mhdylinks.com/links/m.php?id=42)

rapidshare



PHOTOSHOP7.part1.rar (http://www.mhdylinks.com/links/m.php?id=43)

PHOTOSHOP7.part2.rar (http://www.mhdylinks.com/links/m.php?id=44)

PHOTOSHOP7.part3.rar (http://www.mhdylinks.com/links/m.php?id=45)

PHOTOSHOP7.part4.rar (http://www.mhdylinks.com/links/m.php?id=46)

PHOTOSHOP7.part5.rar (http://www.mhdylinks.com/links/m.php?id=47)


zshare


PHOTOSHOP7.part1.rar (http://www.mhdylinks.com/links/m.php?id=48)

PHOTOSHOP7.part2.rar (http://www.mhdylinks.com/links/m.php?id=49)

PHOTOSHOP7.part3.rar (http://www.mhdylinks.com/links/m.php?id=50)

PHOTOSHOP7.part4.rar (http://www.mhdylinks.com/links/m.php?id=51)

PHOTOSHOP7.part5.rar (http://www.mhdylinks.com/links/m.php?id=52)


باسوورد فك الضغط
www.mhdylinks.com



في البداية يجب عليك أن تعلم أن المقاس المتعارف عليه هو 468 × 60

الآن قم بفتح صفحة جديدة بالمقاسات التي قلناها من قبل

اعطها خلفيه باللون الذى تحبه

http://img17.imageshack.us/img17/5714/1psdv.jpg




في هذه المرحلة يتم أختيار الصور المناسبة التي يتحدث عنها البنر لكي تكون أكثر جذباً للأنتباه وتكون الصور معبرة وواضحة
طيب تجيب الصور منين طبعا من المواقع المختصه بصور الكليب ارت او clipart

وديه افضل المواقع اللى قابلتنى فى النت

FREE CLIPART (http://www.elmhdy.com/clipart/)

CLIPART FOR ALL (http://www.mhdylinks.com/clipart/)

ALL CLIPART (http://www.elmhdy.com/cliparts/)

CLIPART DIR (http://www.mhdylinks.com/cliparts/)

نزل الصور اللى تناسب موقعك او الفكره اللى عندك وبعدين افتحها فى الفوتوشوب

زى ما فى الصوره


http://img248.imageshack.us/img248/1427/2psd.jpg





اضغط على اداة الامساك واسحب الصور وضعها فى ملف البانر


http://img248.imageshack.us/img248/9102/3psd.jpg



تكون النتيجه كما فى الصوره


http://img81.imageshack.us/img81/5756/4psd.jpg





بعد كده اضغط على اداة الكتابه


http://img199.imageshack.us/img199/2184/5psd.jpg


وبعدين اكتب فى البانر النص اللى انت عايزه وممكن تضيف عليه مؤثرات عن طريق دبل كليك على لاير الكتابه بعد ما تكتب اللى انت عايزه
بتكون النتيجه كما فى الصوره


http://www.gigaimage.com/images/njp55y9ropys2rv9jxql.jpg



بعد كده اضغط على زر التحويل من الفوتوشوب ل الامجريدى وده برنامج ملحق بالفوتوشوب


http://www.gigaimage.com/images/lp3g5szaikvfaodou.jpg




هاتفتح الصوره معاك فى البرنامج





من النافذه اللى السهم الاحمر عليها بتضغط على الزر لاضافة فرامات للصوره المتحركه اللى انت عايز تعملها


http://www.gigaimage.com/images/q1e765buufa1t3xijhzh.jpg



علم على االلايرات اللى فيها الصور واحد واحد وقلل الشفافيه بتاعنها 10 فى الميه مثلا



http://www.gigaimage.com/images/qmdhq896ueu9vqn06d6x.jpg


وبعدين علم على فرام تانى وقلل الشفافيه بتاعت الايرات اللى فيها الصور 20 فى الميه وهكذا

بعد كده اختار وقت عرض كل فرام على حده كما فى الصوره

http://www.gigaimage.com/images/bq1dl0909mbxorpfg90c.jpg




دلوقتى اضغط على زر التشغيل لتشاهد النتيجه


http://www.gigaimage.com/images/a8l3dy2s6wkulqzd185.jpg



بعد كده نحفظ الملف كما فى الصوره


http://www.gigaimage.com/images/9huzwelkvay0pmi2einy.jpg


اهم حاجه تختار الامتداد GIF وانت بتحفظ



http://www.gigaimage.com/images/g2maxra82kcv0dnqhgmb.jpg




فى الاخر هاتكون النتيجه البانر ده


http://www.gigaimage.com/images/n2pz1p6tzcrhukyd3r8j.gif







طبعا فى الاف الافكار غير الفكره ديه بس انا حبيت اشرح الفكره العامه لاستخدام الايمج ريدى لصنع البانرات المتحركه

ارجو ان تكونوا استفدتم ولو قليلا

brae0000
08-08-2009, 10:35 AM
مشكورين جدا اخوانى على مروركم الكريم

من هناك
08-08-2009, 01:21 PM
شكراً لك على الدرس ونترقب المزيد. كيف يمكن تصميم البانر بالفلاش مع احرف عربية؟