ו°دورهـ الفوتوشوب .. الفترهـ الثالثهـ © °•×

[goody]

،’


مرحباً صدووقتي ,
هذا تطبيقي لدرس الخامات ,

~~ > هنا خامتي الصغنونة نوعاً ما

وعلى فكرة , هذي الخامة مو من تو ,
أنا استعملتها في تصميم سابق لي ,
والآن بس سويت عليها شوية تعديلات ,

:002:



،’


وَ ألف شكر لـِ~ كِ





،’

[lovely g!rl]

مرحبا صدوقه ..

انا كتير اسفه على التأخير ..

بس يعني كنت كتير مشغوله ..:002:

بس جبت التطبيق ..:001:

لاني هاي اول مرة بحياتي بعمل خامـة !!:034:

وعلى فكرة هي مو كتير حلوة :017:

.. هنا ..

بس ان شاء الله تعجبك !!

نتظر نتائج التحدي و الامتحان ..

.
.
.

[هتون السعد]

.

.

وأخ ـيرا رجعت مع هذي الخامهـ . .

ما عجبتني لأنها خرابيش خربوطيهـ . .

خخخخ ما اتوقع بتعجب أحد . .

بعد وش نسوي هذا اللي عرفنا لهـ . .

هـنــــا . .

أتمنى تـ ع ـجبكـ . .

هذا أهــم شي . . خخخ

الى اللــقــاء . .

ملاحظـهـ / اليوم الاثنين . . بانتظار الدرس بـفـااااارغ الصبر + نتائـج التـ ح ـدي + الفائزات الاخ ـتبار . .

موفقــهـ حبيبتي . .

اللهـ لايـ ح ـرمنا منك ولا من ردودكـ الــ ع ــســل

شكراً لـَكْ . .

.

.

[الصديقة]

السلام عليكم



طبعا انا مرآآ مرآآآ مبسوطة .. عشان كل ظروفي المزعجة انتهت و الحمد لله :001:


من اليوم .. نبدأ المتآآبعة و التعليقآآت .. ومن اليوم نبدأ دروس صعبة نوعاً ما

حبيت أعوض عن الفترهـ المآآضيهـ اللي حسيت ان مستوى الدروس فيها انخفض


لكن قبل .. نتآآئج الإختبار و التحدي .. أكييـد الكل ينتظرها على احر من الجمر


ما ح أطول عليكم .. و اللي خآآيفهـ من النتيجة يا ريت تغمض عيونها خخخخخ






نبدآ بـ ... الإختبآآآر


عآآد أحس الكل حقد عليّ بعد هذا الإختبار .. مع إنه مررهـ سهل <~~ "026"


نبدأ أولاً بـ الإجآآبات الصحيحة :035:






× ما هو البآترن ؟

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


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




× ما وظيفة القفل ؟


يحمي اللاير أو العمل من أي تعديلات عليهـ




× ما هي أهم الإرشادات في استعمال أداة الكتابة ؟


- ان تكون مساحة النص في حدود ثلث العمل
- أن يكون شكل النص مناسب لموضوع العمل
- يجب الا يغطي النص على عناصر التصميم
- يجب مراعاة شكل الخط حسب نوع التصميم .. سواء كان توقيع او بانر اعلاني أو تصميم عادي




× ما هي الستايلات ؟


هي تأثيرات على اللاير تعطيه لمسة جمآلية كـ الظل و الظل الداخلي الخ ..




× فيما تستخدم مجموعة فلاتر blur ?

للتمويه .. إنقاص التباين .. تنعيم الصورهـ .. أي اجابة من الثلاثة صح :)








و الفــآآآآآئزات هن : :015:

Moon Knight

عاشقة كونان

goody

حبر وردي

friendship star

ألف ألف مبرووووووووك للـ فآآئزات .. و هآآرد لك للبقية المرهـ الجآآيهـ



تآآبعونـآآ .. دقائق و تجهز نتائج التحدي ^.^

مع صدوووقهـ .. مش ح تئدر تغمض عينيك :002:

[الصديقة]

التحدي كان مشكلة معقدهـ بالنسبة لي .. الأغلبية استعملوا اسلوب واحد و هو اداة الحبل السري :046:

فـ اذا اخترت دمج فلانة .. لآآزم اختار دمج علآآنهـ لأنه مشابهـ لها


فقررت أختآآر المميز .. وصل 12 دمج للـ مرحلهـ ما قبل النهائية


في هذهـ المرحلهـ .. اخترت نخبة النخبة .. و كآآن البآآقي لـ لجنة التحكيم




عضوات لجنة التحكيم هن :

الصبورة .. المصممهـ المبدعة بـ معنى الكلمة .. صاحبة الخبرة الطويلة

("غنج نجد") .. الصوت المحآآيد .. و في الواقع رأيها أثر في النتيجة بشكل كبير


همس الطفولة .. و هي صاحبة دورهـ فوتوشوب سابقة أيضاً للمبتدئات


احم .. والصديقة طبعاً :027:




ودي اذكركم بـ الجوائز


المركز الأول : × ستحمل لقب " فنانة الدمج في دورة الفوتوشوب "
× توقيع + صورة رمزية من تصميمي
× 10 درجات إضافية
× لها إعفاء من تطبيق الدرس العاشر


المركز الثاني : × توقيع + صورة رمزية
× 10 درجات إضافية


المركز الثالث : × 10 درجات إضافية





و الآن .. النتآآئج

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










هــ..ـي .. ياسمينة 10






الفائزة بـ المركز الثاني .. تصميمها متعوب عليهـ .. و فكرتها كانت جديدهـ و نآآلت إعجابي .. بعد المبهر في تصميمها الألوان .. و ليتها تخبرنآآ عن وصفتها السريهـ في الألوان :010:










هــ..ـي .. هتون السعد






الفائزة بالمركز الثالث .. دمجها عجيب .. كأنها صورهـ واحدهـ مو صورتين .. صح كان يبيلها لمسة فلترية وقليل من التلاعب بالألوان .. لكنهـ دمجـ روووعهـ










هـ..ـي .. توأم الروح




الف الف الف مبروووووووووووك للفائزات .. بـ التحدي الثاني .. والأخير للأسف


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

بكل صعوبآآتهـ ..

بررررب .. مع الدرس الحآآآدي عشر

[الصديقة]

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


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



قبل لا نبدأ الدرس .. أبشركم بـ خبر رووعهـ لـ كل محبآت الفوتودب .. قررت شركة 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:

يتبع

[الصديقة]

الحين .. جيبوا لكم مج نسكآآفيهـ .. ويآآ حبتين بندول .. و مافي مانع كيس شيبس لايز ..بشرط خلوا نص الكيس لي :018: خخخخ .. لأن الجزء الأخير من الدرس معقد شوي .. و يبيلهـ صبر

هذا الجزء من الدرس للـ مستوى المتوسط .. مو المبتدئ .. لكن يهمني الكل يعرف طريقة اضافة صورة متحركة لـ تصميم ثابت

لـ تسهلي العمليهـ أكثر على نفسج .. قومي بـ دمج كل لايرز التصميم الثابت في الفوتوشوب ..




ثم انتقلي للـ إيميج ردي

خل التصميم شوي على جنب .. و من قائمة file .. اختاري الأمر open



و كما الفوتوشوب ..حددي مكان الصورة المتحركة اللي ودج تضيفينها على التصميم الثابت .. ثم اضغطي open



الحين .. في الإيميج ردي عندنا عملين .. التصميم الثابت .. و هذا اتركيهـ الحين .. و الصورهـ المتحركة اللي نبي نشتغل عليها



من صندوق انيميشن .. اضغطي على السهم الصغير و اختاري select all frames



نلاحظ أن كل الفريمات تحددت



ومن نفس القائمة المختصرة من السهم .. نختار copy frames




الحين نرجع لـ تصميمنا الثابت .. ومن صندوق الإنيميشن .. و من السهم الصغير اختاري paste frames




ستظهر لك نافذهـ حواريهـ .. اختاري past over selection .. ثم اضغطي ok



نلاحظ أن عدد الفريمات زآد .. و أن الصورهـ المتحركهـ موجوده في أقصى طرف التصميم .. و ايضاً لايرز الصوره اضيفت الى لايرز التصميم

اضغطي على الفريم الثاني .. أو الفريم الخالي من الخلفية



و اظهري علامة العين على الخلفية



و كرري العملية اذا كان عندج اكثر من فريم الخلفيهـ غير ظاهرهـ فيهم

أيضاً تأكدي ان كل الفريمات لها نفس السرعهـ

و لتغيير مكان الصورهـ المتحركة .. اربطي بين كل لايراتها .. لاحظي الصورهـ



ثم بأداة السهم .. و بالضغط مع السحب .. انقليها للمكان المناسب




كما العادهـ .. استعرضي الحركة ثم احفظيهـ كما تعلمنا

و هذه النتيجة :046:







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

× جربي كووول شئ .. اغلب المحترفين تعلموا الإيميج ردي بـ التجربة و التجربة و التجربة .. شخبطي و لخبطي مثل ما تبين .. و طبقي اكبر عدد ممكن من الدروس

× لا تيأسي اذا غلطتي .. لا يأس مع الحيآآة ولا حياة لمن تنادي :018: .. لا تعتبري نفسج فاشلة لـمجرد أنج اخفقتي اكثر من مرهـ .. الفاشل هو اللي ما يقدر على الوقوف بعد السقوط

× لا تخجلي من السؤال .. اذا لم تسألي .. لن تتعلمي

× بالنسبة لـ إضافهـ صورهـ متحركة على تصميم ثابت .. ابدئي بـ صورة ذات فريمين أو ثلاثة على الأكثر .. ثم تدريجياً .. لا تبدأ بصورهـ ذات عدد كبير من الفريمات لأنها ح تجننك و تلخبطك :012:





بآآقي الأستآآذ تطبيق

أبي كل وحدهـ تصمم توقيع بحجم 400×200 بـ المهارات اللي تعلمناها على مدار الـ 10 دروس السابقة .. و تسوي فيه حركة وحدة بس اما النص المختفي أو اضافة صورهـ متحركة لتصميم ثابت

ابي اشووووف الإبدآآعآآت الكووول :023:


التطبيق عليه 5 درجآآت .. اما تسجيل الحضور فـ ما عليه أي درجآآت <~~ وحدهـ بخيلهـ خخخ :030:

و أي استفسآآر أنــآآ بـ الخدمهـ

سي يآآآآ :011:

[ياسمينة 10]

واااو

فزت << خخ مو مصدقة

و الله ما توقعت :040:

كنت متوقعة المركز الثاني او الثالث بس مو الأول

تسلمين صدوقتي فديتكِ انتي و لجنة التحكيم

و الله فرحتوني بجد مشكورين يالغاليات

و مبروك للفائزات بالاختبار

مبروك هتون و توما ^^

ــــ ــــ

نجي للدرس الحلو مثل صاحبته

روووعه الفواصل << ما تدري ايش تقول خخ

جاري العمل على التطبيق

اما تسجيل الحضور فـ ما عليه أي درجآآت

 

 

هههه

مع كذا بسجل حضوري



=)

[هتون السعد]

بسم الله الرحمن الرحيم

السلام عليكم

شـكــراً لك غاليتي الصديقهـ

عالـــدرس . .

والشئ الاكبــر وأعتبرهـ إنجااااز بالنسبهـ لي

الفوز بالمركز الثاني . . ^^

شكراً لك غاليتي وشكراً لـ لجنة التحكيم العادلهـ << تلــمـــ ح

اللهـ يعطيكم العافيهـ ماقصرتوا . .

ياسمينــهـ . . مبرووووووووووووووووكـ عليكـ

يا فنانة الدمج المذهلهـ أبدعتي

اللهـ لا يـ ح ـرمنا منك ياعسل . . ^^

صدوووقتي الدرس صرااااحهـ اليوووم مذهــل

أ ع ـجبني . . الله يعطيك 10000000000000 عآآآآفيهـ

يآآع ـسـل شكرا لكـ . .

الفائزة بـ المركز الثاني .. تصميمها متعوب عليهـ .. و فكرتها كانت جديدهـ و نآآلت إعجابي .. بعد المبهر في تصميمها الألوان .. و ليتها تخبرنآآ عن وصفتها السريهـ في الألوان :010:

 

 

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

كان عددها اكثر من 35 ليــر :002: . . جلست يوم كامل ألون في الصورهـ لما طلع شكلهـ

يليق بمستوى صورة البنت . . ودمجت 2 صورهـ على صورة المدينهـ اللي هي صورة الكتاااب

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


التحدي بصيغة الفوتوشوب عشآآن كل ما أصير فاااااضيــــهـ أعدل وأضبط والحمد لله وما أنسى أمي

كل ما تدخل الـ غ ـرفهـ تقول لي عدلي هذي مو متناسقهـ والحمد لله نجحت بجيد جداً . .

شكرا لك صدوووق

وان شاء الله بإذن الله لي عودهـ مع تطبيق الدرس الحادي عشر . .

دمت بود وحب . .

[لمسة إبداع]

مبارك لجميع الفائزات :005: .. وحظا أوفر للبقية ولي :009:
الدرس حلو .. وبالنسبة للتطبيق : ممكن تكتبي كل الأشياء اللي أخذناها على شكل نقاط ... حتى ما ننسى شي ..