[الصديقة]

السلآآم عليكم


صبآآحكم روقآآن



قبل لا نبدأ الدرس .. أبشركم بـ خبر رووعهـ لـ كل محبآت الفوتودب .. قررت شركة Adobe .. أنها تنزل نسخة مصغرهـ عن الفوتوشوب على النت .. فوتوشوب يشتغل على المتصفح العآآدي بدون أي تثبيت أو برآآمج .. هـ الشئ في خلال الـ 6 شهور القادمهـ ..

هذه الخدمهـ جزء من حملة شركة Adobe لـ غزو عآلم الجرافيكس ببرنامج الفوتوشوب .. و برغم ان هذه الخدمهـ لن تغني عن برنآآمج الفوتوشوب .. و طبعاً لن تحتوي على كل مميزات الفوتوشوب .. لكنها خطوهـ تطويريهـ كبيرهـ




درس اليوم لـ أخو الفوتوشوب .. الإيميج ردي Adobe ImageReady .. البرنامج الرآئد و الأكثر شعبية في صناعهـ التصاميم المتحركهـ ثنائية الأبعآد ..

في هذا الدرس .. نتعرف على :

× أساسيات " ايميجردية "
× النص المختفي
× صوره + حركه × تصميم

الإيميج ردي برنآآمج لـ تحريك الصور .. و هو مكمل للـ فوتوشوب .. طبعاً ما هو بـ مستوى عمآآلقهـ الحركة ثلاثية الأبعاد مثل الفلاش .. السويتش ماكس .. و المآآيآآ <~~ مايا هذا برنآمج مو اسم بنوتهـ .. للعلم فقط خخخخ

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



الإيميج ردي ما يحتآآج تحميل .. لأنه يجي مع الفوتوشوب .. لـ فتحهـ .. في أكثر من طريقهـ بس أخص بـ الذكر

× من صندوق الأدوات في الفوتوشوب .. اضغطي على زر " الإنتقال الى الإيميج ردي "





× أو .. من قائمة إبدأ \ Start .. اختآآري برنآآمج الإيميج ردي ..




هذهـ هي وآآجهـ الإيميج ردي




قريبهـ جداً من الفوتوشوب .. طبعاً مو كل الأدوات و الأوامر موجودهـ بـ الإيميج ردي .. لكنها تفي بـ الغرض :)

نلاحظ وجود قائمة يديد .. قائمة slices أو شرائح .. ما اعتقد بتفيدج الا اذا كنتي مصممة مواقع

تلأأحظون بعد أن في صنآآديق بـ عدد شعر رآآسي .. لن تحتآآجي لها .. أغلقيهـا و اتركي صندوقي layer + color .. بالإضافة لصندوق الأداوت طبعا

و الخطوهـ الأخيرهـ لـ إعداد الإيميج ردي للـ إنطلآآق .. هي إستدعآآء صندوق Animation

من قائمة windows اضعطي على Animation



سيظهر لك الصندوق بـ هذآآ الشكل



1 × الفريم frame
2 × سرعـهـ الإنتقآآل بين الفريمات
3 × العودهـ الى أول فريم
4 × إستعراض الحركة
5 × العودهـ الى أخر فريم
6 × إنشاء مجموعهـ توائم
7 × إنشاء فريم جديد
8 × حذف فريم


العمل في الإيميج ردي أشبهـ بـ عمل الكارتون أو الإنمي .. كلنا نعرف أن مشهد الإنمي الواحد مكون من عدهـ صورهـ تتابع بشكل سريع جداً .. مشهد ويا مشهد تتكون حلقهـ إنيمي ..

هكذا الإيميج ردي .. الفريم عبآآرهـ عن جزء من المشهد .. اذا سوينا استعراض لكل الأجزاء تكون ويانا المشهد الكآآمل

شايفين هذا السمايل الصغير ؟ "027" .. هذا السمايل مكون من 36 فريم .. سرعهـ الإنتقال بين كل فريم هي جزء من عشرة أجزاء من الثانية أو 0.1 من الثانية

طبعاً مو كل التصاميم المتحركة بهذا العدد من الفريمات .. في وايد تصاميم مكونة من فريمين أو ثلاثة فقط .. و هي تكون حركهـ بسيطة مثل هذا الشكل

مو لآآزم تحفظي كووول هذا .. لكنهـ يساعدج أكثر على فهم آليهـ عمل الإيميج ردي






نبدأ في التطبيق الأول للـ حركة بالإيميج ردي .. النص المختفي

أبسط حركهـ ممكن نعملها بالإيميج ردي .. هذه الحركة هي مفتاحج فيما بعد لـ إتقان فن التحريك بالإيميج ردي .. في الواقع الطريقة المشروحهـ بـ الدرس مو هي الطريقة اللي استعملها .. لكنها الطريقة الشائعة ..

ما شفت أحد بـ حيآآآآتي يستعمل الطريقة اللي استعملها ^^؛ .. أحسها صعبة اذا كنتي مبتدئة .. بالإضافهـ الى انها ما تسمح لج بـ التراجع أو التعديل .. عشان كذا فضلت أشرح هذه الطريقة ^.^



هذا هو التصميم اللي نبي نحرك النص فيهـ



و هذا صندوق اللايرز في الفوتوشوب .. مهم جدا يكون النص في لاير منفصل



كما تعلمنا .. ننتقل الى الإيميج ردي عن طريق الزر بـ صندوق الأدوات

ثم انتقلي لـ صندوق Animation .. و اضغطي على السهم الصغير .. و اختاري make frames from layers



نلاحظ صآآر عندنآ أكثر من فريم .. هـ الشئ حسب عدد لايرات التصميم .. في تصميمنا .. اصبح عندنا اثنين



نضغط على الفريم الأول



و تأكدي من صندوق اللايرز أن لاير الخلفية عليهـ علامة العين .. اما النص لا ..




الحين نضغط على الفريم الثاني



و مرهـ ثانية نتجه لـ صندوق اللايرز .. و نظهر علامة العين على لاير الخلفية




الحين .. اضغطي على السهم الصغير بـ جوار سرعهـ الإنتقال بين الفريمات .. في الفريم الأول




أختآآري السرعهـ المناسبة .. لا تتركيها على صفر الا اذا كنتي تسوين جليتر .. السرعة الأفضل بالنسبة لي في كل أنواع الحركآآت .. هي بين 0.1 من الثانية لين ثانيتين .. جربي لين تختاري المناسب بـ النسبة لج .. أنا اخترت 0.2


كرري العملية من الفريم الثاني




الحين استعرضي الحركهـ .. هل السرعة مناسبة ؟ هل في اي اخطآآء ؟




اذا بغيتي تغيري مكآآن النص مثلاً .. كل ما عليج هو انج تفعلي لاير النص ..




ثم اختآآري أداة السهم .. وبالضغط مع السحب غيري مكان النص






و اخيراً نجي للـ حفظ .. وهي طريقة موحدهـ ما تختلف .. نلاحظ ان الإيميج ردي ما يحفظ الا بـ ثلاثة صيغ صيغة الـ psd .. صيغة gif .. صيغة html و هي صيغة صفحات الويب

من قائمة file .. نختار الأمر save optimized as




و مثل الفوتوشوب .. تظهر نافذهـ حواريهـ لتحديد اسم الصورهـ و مكان الحفظ .. حدديهم و اضغطي save



مهم جداً ... لا تغيري صيغة الحفظ .. الصيغ الباقيهـ تفيد مصممات المواقع فقط

هذهـ هي النتيجة النهائية





يـــآآ حوووبي لك يالإيميج ردي :032:

يتبع