تويت
( 9 ) الدورة الفوتوشوبية / الدرس التاسع / إضافة حركة إلى الصورة "الإيميج ريدي"
بسم الله الرحمن الرحيم
اليوم إن شاء الله سننتقل إلى مرحلة جديدة في دنيا التصميم .
شغلنا الماضي كله كان عن تصميم الصور الثابتة .
والآن سنبدأ في إدخال الحركة على الصور .
عن طريق برنامج الإيميج ريدي الملحق بالفوتوشوب .
وهذا مجال كبييير جداً للتفنن والإبداع .
سنبدؤه إن شاء الله خطوة خطوة , وحتة حتة .
بس ركزوا , وما تستعجلوا أثناء التطبيق .
.
سنبدأ إن شاء الله بتطبيق بسيط للغاية ,
الغرض منه فقط فهم طريقة عمل برنامج الإيميج ريدي ,
لو فهمتِ درس اليوم -البسيط جداً- ستكونين قد قطعتِ 50% من المطلوب منك .
لأنك لو فهمتِ الفكرة الاساسية في تحريك الصور فستكونين متمكنة بعد ذلك من الإبداع والابتكار كما تريدين , إن شاء الله.
.
بسمـ الله نبدأ
جهزت الصورة التي أود إضافة الحركة عليها بواسطة الفوتوشوب .
وهذه هي :
الفكرة أني أريد عمل حركة في كلمة ( أمي ) بحيث تظهر وتختفي بصورة منتظمة .
فانتقلت إلى برنامج الإيميج ريدي
وذلك عن طريق هذه الأيقونة
الموجودة في ذيل صندوق الأدوات .
...
انتظري قليلاً حتى يتم الانتقال إلى الإيميج ريدي .
الآن انظري إلى واجهة البرنامج :
ستجدين الصورة التي تودين العمل عليها.
ستجدين على اليمين صندوق الطبقات , وهي نفس الطبقات التي كنتِ قد اشتغلتيها قبل قليل في الفوتوشوب.
وستجدين في الأسفل مستطيلاً اسمه صندوق الحركة Animation
هذا هو :
وكما تلاحظين يوجد فيه نافذة واحدة فقط .
..
الآن قومي بإضافة نافذة ثانية , وذلك عن طريق الضغط على الزر الموضح في الصورة :
هذه النافذة الجديدة أريد أن تختفي منها كلمة ( أمي ) ..
فأتوجه إلى صندوق الطبقات , وأقوم بإزالة علامة العين الموجودة بقرب طبقة (أمي) , وذلك بالنقر مرة واحدة على العين , كما توضح الصورة :
فاختفت كلمة أمي من الصورة , لاحظي مكانها أصبح فارغاً:
والآن سأعود مرة أخرى إلى صندوق الحركة وسأضيف نافذة جديدة ليصبحوا 3 :
وسأقوم بإعادة كلمة أمي إلى هذه النافذة , وذلك بإعادة العين في طبقة كلمة (أمي) , كما توضح الصورة :
وأخيراً أضفت إطاراً رابعاً , وحذفت منه كلمة أمي بالطريقة نفسها .
...
والآن انظري إلى الناتج بالضغط على سهم التحريك :
سنجد أن كلمة أمي أصبحت متحركة :
ولكنها تتحرك بسرعة كبيرة وغير مناسبة !
لذلك سنقوم بتغيير زمن عرض كل نافذة ,
لو لاحظنا فالزمن المكتوب تحت كل نافذة هو 0 sec
فسنقوم بتغييره قليلاً لتصبح الحركة أفضل.
أنا اخترت أن تكون النوافذ التي تظهر فيها كلمة أمي زمنها 0.5
والنوافذ التي تختفي فيها الكلمة زمنها 0.2
كيف نغير الزمن ؟
بالضغط عليه مرة واحدة فتظهر خيارات متعددة كما توضح الصورة :
والآن قومي بإعادة تشغيل الحركة, وهذا الناتج النهائي :
في الأخير احفظي العمل من قائمة ملف
اختاري Save Optimized as
أو من الكيبورد : Ctl+Shif+Alt+S
.
الواجبــــــــــــ ::
أريد تطبيقات على الدرس .
تكون الحركة فيها مجرد ظهور واختفاء للنص أو الصورة .
ولا أريد أكثر من ذلك حالياً .
.
وفقكن الله
.
في حفظ الرحمن
(:
اليوم إن شاء الله سننتقل إلى مرحلة جديدة في دنيا التصميم .
شغلنا الماضي كله كان عن تصميم الصور الثابتة .
والآن سنبدأ في إدخال الحركة على الصور .
عن طريق برنامج الإيميج ريدي الملحق بالفوتوشوب .
وهذا مجال كبييير جداً للتفنن والإبداع .
سنبدؤه إن شاء الله خطوة خطوة , وحتة حتة .
بس ركزوا , وما تستعجلوا أثناء التطبيق .
.
سنبدأ إن شاء الله بتطبيق بسيط للغاية ,
الغرض منه فقط فهم طريقة عمل برنامج الإيميج ريدي ,
لو فهمتِ درس اليوم -البسيط جداً- ستكونين قد قطعتِ 50% من المطلوب منك .
لأنك لو فهمتِ الفكرة الاساسية في تحريك الصور فستكونين متمكنة بعد ذلك من الإبداع والابتكار كما تريدين , إن شاء الله.
.
بسمـ الله نبدأ
جهزت الصورة التي أود إضافة الحركة عليها بواسطة الفوتوشوب .
وهذه هي :
الفكرة أني أريد عمل حركة في كلمة ( أمي ) بحيث تظهر وتختفي بصورة منتظمة .
فانتقلت إلى برنامج الإيميج ريدي
وذلك عن طريق هذه الأيقونة
الموجودة في ذيل صندوق الأدوات ....
انتظري قليلاً حتى يتم الانتقال إلى الإيميج ريدي .
الآن انظري إلى واجهة البرنامج :
ستجدين الصورة التي تودين العمل عليها.
ستجدين على اليمين صندوق الطبقات , وهي نفس الطبقات التي كنتِ قد اشتغلتيها قبل قليل في الفوتوشوب.
وستجدين في الأسفل مستطيلاً اسمه صندوق الحركة Animation
هذا هو :
وكما تلاحظين يوجد فيه نافذة واحدة فقط .
..
الآن قومي بإضافة نافذة ثانية , وذلك عن طريق الضغط على الزر الموضح في الصورة :
هذه النافذة الجديدة أريد أن تختفي منها كلمة ( أمي ) ..
فأتوجه إلى صندوق الطبقات , وأقوم بإزالة علامة العين الموجودة بقرب طبقة (أمي) , وذلك بالنقر مرة واحدة على العين , كما توضح الصورة :
فاختفت كلمة أمي من الصورة , لاحظي مكانها أصبح فارغاً:
والآن سأعود مرة أخرى إلى صندوق الحركة وسأضيف نافذة جديدة ليصبحوا 3 :
وسأقوم بإعادة كلمة أمي إلى هذه النافذة , وذلك بإعادة العين في طبقة كلمة (أمي) , كما توضح الصورة :
وأخيراً أضفت إطاراً رابعاً , وحذفت منه كلمة أمي بالطريقة نفسها .
...
والآن انظري إلى الناتج بالضغط على سهم التحريك :
سنجد أن كلمة أمي أصبحت متحركة :
ولكنها تتحرك بسرعة كبيرة وغير مناسبة !
لذلك سنقوم بتغيير زمن عرض كل نافذة ,
لو لاحظنا فالزمن المكتوب تحت كل نافذة هو 0 sec
فسنقوم بتغييره قليلاً لتصبح الحركة أفضل.
أنا اخترت أن تكون النوافذ التي تظهر فيها كلمة أمي زمنها 0.5
والنوافذ التي تختفي فيها الكلمة زمنها 0.2
كيف نغير الزمن ؟
بالضغط عليه مرة واحدة فتظهر خيارات متعددة كما توضح الصورة :
والآن قومي بإعادة تشغيل الحركة, وهذا الناتج النهائي :
في الأخير احفظي العمل من قائمة ملف
اختاري Save Optimized as
أو من الكيبورد : Ctl+Shif+Alt+S
.
الواجبــــــــــــ ::
أريد تطبيقات على الدرس .
تكون الحركة فيها مجرد ظهور واختفاء للنص أو الصورة .
ولا أريد أكثر من ذلك حالياً .
.
وفقكن الله
.
في حفظ الرحمن
(:
تعليق