الرسوم المتحركه في فوتوشوب Photoshop

الرسوم المتحركه

إعتمد فن الرسوم المتحركه علي نظريه علميه فحواها أن شبكيه العين تحتفظ بالرؤيه لمده 1/10من الثانيه بعد زوال الصوره فعليا فعمدا فنانو الرسوم المتحركه إلي تصميم رسوم تمثل مراحل الحركه يتم عرضها بشكل متلاحق بفاصل زمني لا يتعدي 10/1من الثانيه حت لا تلحظ العين أن هناك صورا يتم عرضها بشكل متلاحق وإنما تشعر بأن هناك ثمه حركه حقيقيه تتم امامها.

ورغم أن برنامج photoshop CS3 ليس متخصصا في ذلك إلا أنه بإمكانك أن تنتج من خلاله صورا متحركه بسيطه وتقوم بحفظها علي إسطوانتك الصلبه في أحد الملفات ذات الإمتداد GIF فهو الإمتداد الذي يستطيع حفظ (اللقطات) المختلفه بالتالي الإحتفاظ بتفاصيل الحركه

ويعتمد برنامجphotosop CS3 في عمليه التحريك علي طريقتين أساسيتين: هما

التحريك عن طريق إنشاء لقطات متلاحقه: وهي الطريقه التي سبقت الإشاره إليها التي تعتمد علي نظريه الإحتفاظ بالرؤيه بشبكيه العين حيث يتم وفقا لهذه الطريقه تصميم عده صور تمثل مراحل الحركه (اللقطات) ويتم ضبط الفواصل الزمنيه لعرض هذه اللقطات لتنتج الصوره المتحركه في النهايه.

التحريك من نقطه إلي اخري:

وهذه الطريقه تعتمدعلي صوره واحده يتم تحريكها من نقطه إلي أخري داخل لوحه التصميم

(التي يمكننا أن نعتبرها شاشه العرض).

التحريك عن طريق إنشاء لقطات متلاحقه

سوف نتعلم كيفيه إنشاء الرسوم المتحركه وفقا لهذه الطريقه من خلال إنشاء ثلاث لقطات مختلفه لصوره الرجل ليبدو وكأنه يغمض عينيه ويفتحها ويتمتم بشفتيه وهي اللقطات الموضحه فيما يلي:

Photoshop 2-52_03

تابع معي الخطوات التاليه لنتعرف معا علي كيفيه تصميم تلك اللقطات ثم نقوم بعدها بعمليه التحريك:

1- قم بإنشاء لوحه تصميم جديده ثم إستدع داخلها صوره الرجل.

2- إذهب إلي الطبقه التي تحتوي علي الصوره (صوره الرجل) المراد تكرارها ثم قم بعمل نسختين متطابقتين لهذه الصوره وذلك بالضغط (مرتين)فوق المفتاحينCTRL=J من لوحه المفاتيح.

ولاحظ.. ظهور الطبقات داخل لوحه الطبقات علي النحو التالي:

Photoshop 2-52_07

3- قم بإخفاء الطبقه الأولي وذلك بالنقر فوق رمز العين eyesالمجاور لاسمها

4- إذهب إلي الطبقه الثانيه ثم لإستخدم أداه المزجSmudge-Tool-(R) لخلط الألوان في منطقه الشفتين لتبدوان كما بالشكل التالي:

Photoshop 2-53_03

5-قم بإفاء الطبقه الثانيه(التي تم تعديل الشفتين بها)ثم إذهب إلي الطبقه الثالثه وإستخدم –أيضا_أداه المزجSmudge-Tool-(R) لخلط الألوان في منطقه العين لتبدو كما بالشكل التالي:

Photoshop 2-53_06

6- قم بإظهارالطبقتين – الأولي والثانيه-مره أخري.

7- قم بإلغاء طبقه الخلفيه Background)) لتحتوي لوحه الطبقات علي الطبقات الثلاث التي تمثل مراحل الحركه (اللقطات)فحسب.

لاحظ.. أن لوحه الطبقات بعد تلك الإجراءات قد اصبحت كما بالشكل التالي:

Photoshop 2-53_08

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

8- قم بإظهار اللوحه Animation وذلك بإختيار Animation لتظهر لك القائمه التاليه:

Photoshop 2-54_03

9- انقر فوق العلامة PsPaletteMenu  الموجودة بأقصي يمين اللوحة Animation لتظهر لك القائمة التالية :

Photoshop 2-54_06 

10- إختر Make Frames From Layers ليتم نسخ الطبقات من لوحه الطبقات إلي اللوحه Animation التي ستصبح الطبقات داخلها عباره عن اللقطات التي تمثل المراحل المختلفه للحركه:

Photoshop 2-54_09

11- إنقر فوق الأداه playالمشار إليها بالشكل التالي لتتم معاينه الحركه داخل لوحه التصميم التي سوف تتحول إلي شاشه للعرض:

Photoshop 2-55_03

12- إنقر فوق الاداه المشار إليها بالشكل التالي ليتم إيقاف العرض:

Photoshop 2-55_06

ضبط الفواصل الزمنيه للعرض

لا يقوم البرنامج بوضع أيه فواصل زمنيه تعمل علي بقاء عرض اللقطه الحاليه لفتره زمنيه معينه قبل إخفائها وعرض اللقطه التي تليها وبالتالي تنتج صوره متحركه سريعه جدا لا يمكن للعين ملاحقتها. ويمكنك تأخير عرض اللقطات بالقدر الذي يسمح بمتابعه الحركه عن طريق إتباع الخطوات التاليه:

1- إذهب بإشاره الموس داخل اللوحه Animation إلي اللقطه التي تريد أن تظل ثابته لفتره زمنيه معينه قبل إخفائها وإظهار اللقطه التي تليها ولتكن اللقطه الأولي.

2- إنقر فوق السهم second الموجود أسفل اللقطه و المشار إليه بالشكل التالي: لتظهر لك قائمه تحتوي علي القيم الزمنيه (بوحده الثانيه) والتي يمكنك أن تجعل اللقطه تظل ثابته بمقدارها قبل أن يتم عرض اللقطه التي تليها.

Photoshop 2-56_03

3- إختر 0و5(علي سبيل المثال) لتخبر البرنامج بأن مقدار الفاصل الزمني بين هذه اللقطه والتي تليها هو نصف ثانيه.

الآن ... إذا قمت بمعاينه العرض ستجد ان اللقطه الأولي ستظل ثابته لمده نصف ثانيه قبل أن تلحق بها اللقطه التاليه:

هذا .... ويمكنك ضبط الفواصل الزمنيه لكافه اللقطات (دفعه واحده)عم طريق النقر فوق العلامهPsPaletteMenu الموجوده بأقصي يمين اللوحه Animation لتظهر لك القائمه الرئيسيه ثم إختيار Select all Frames منها ليتم تحديد كافه اللقطات ثم عليك – بعد ذلك ان تقوم بتغيير الفاصل الزمني لإحدي هذه اللقطات وستجد أن ذلك سيؤثر بدوره علي كافه اللقطات الأخري.

التحكم في عدد مرات تكرار اللقطات

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

ويمكنك ان تتحكم في دد مرات التكرار بإتباع الخطات التاليه:

1- إنقر فوق السهم الموجود بأسفل اللوحه Animation onceلتظهر لك القائمه الموضحه بالشكل التالي والتي تحتوي علي طرق التكرار المختلفه:

Photoshop 2-57_03

حيث:

الخيار Once :لتشغيل العرض لمره واحده فقط وعدم تكراره.

الخيار Forever :لتكرار العرض بشكل لا نهائي.

الخيار Other: لتكرار العرض وفقا لعدد معين من المرات يمكنك تحديده.

2- إنقر فوق Other.

ولاحظ... ظهور النافذه التاليه:

Photoshop 2-57_07

3- إكتب عدد المرات التي تود أن يتكرر العرض وفقا لها وذلك داخل الخانه play.

4- إنقر فوق OK

الآن ... إذا قمت بتشغيل العرض ستجد انه يتكرر وفقا لعدد المرات التي قمت بتحديدها ثم يتوقف بعد ذلك.

حفظ العرض

تعال معي الآن، لنقوم بتنفيذ آخر الإجراءات واهمها الا وهو إنتاج الملف النهائي ذي الامتداد GIF الذي سنتمكن فيما بعد من تشغيله لعرض الصوره المتحركه دون الحاجه إلي تشغيل برنامج photishop}ٍ3 وذلك وفقا للخطوات التاليه:

1-إختر Save for Web &Devices من قائمه File:

Photoshop 2-58_03

ولاحظ... ظهور النافذه التاليه:

Photoshop 2-58_07

2- إنقر فوق Save لتظهر لك النافذه التاليه:

Photoshop 2-58_11

3- حدد المشغل (وكذلك المجلد) الذي تريد حفظ الملف داخله ثم إنقر فوق Save لتتم عمليه الحفظ.

الآن.. يمكنك الذهاب إلي المجلد الذي قمت بحفظ الملف داخله لتجد رمزا للملف الجديد حيث يمكنك النقر المزدوج فوق ذلك الرمز ليتم عرض الصوره المتحركه (حتي إن لم تقم بتشغيل برنامج photoshop CS3 )

التحريك من نقطه إلي أخري

سوف نتعلم كيفيه إنشاء الرسوم المتحركه وفقا لهذه الطريقه من خلال صوره السياره حيث سنجعل البرنامج يقوم بإنشاء عده لقطات تمثل مراحل حركتها من النقطه A)) إلي النقطه B)) داخل شاشه العرض (لوحه التصميم)كما يتضح من الشكل التالي:

Photoshop 2-59_03

تابع معي الحطوات التاليه لنتعرف معا علي كيفيه تحريك صوره السياره من نقطه إلي أخري :

1- قم بإنشاء لوحه تصميم جديده وفقا للمواصفات الموضحه بالشكل التالي:

Photoshop 2-59_07

ولاحظ... أن اللوحه يتبدو لك كما بالشكل التالي:

Photoshop 2-60_03

2- قم بإستدعاء صوره السياره وغنسخها إلي اللوحه الجديده وإنقلها إلي أقصي يسار اللوحه:

Photoshop 2-60_06

3- قم بإستدعاء اللوحه Animation التي ستجدها قد إحتوت علي لقطه وحيده لصوره لسياره كما بالشكل التالي :

Photoshop 2-60_09

4- إنقر فوق الأداه photoshopالموجوده بأسفل اللوحه Animationليتم إنشاء لقطه جديده لصوره السياره.

Photoshop 2-61_03

ولاحظ.. ظهور لقطه جديده داخل اللوحه Animation .

Photoshop 2-61_06

5- إختر الاداه Photoshop toolbar icon_12من صندوق الأدوات وإذهب إلي نافذه التصميم ثم قم بتحريك الصوره إلي أقصي يمين لوحه التصميم لتبدو كما بالشكل التالي:

Photoshop 2-61_08

لاحظ... أن اللوحه Animation تحتوي الآن علي لقطتين لصوره السياره يمثلان بدايه الحركه ونهايتها كما بالشكل التالي:

Photoshop 2-61_11

الآن المطلوب إضافه لقطات تمثل مراحل الحركه المختلفه فيما بين اللقطه الأولي واللقطه الثانيه وهو ما سنفعله في الخطوه التاليه تابع معي::

6- إنقر فوق الأداهphoto الموجوده بأسفل اللوحهAnimation والمشار إليها بالشكل التالي فهي الاداه التي تقوم بإنشاء لقطات جديده تمثل مراحل الحركه:

Photoshop 2-62_03

ولاحظ.. ظهور النافذه التاليه التي يطلب البرنامج من خلالها تحديد عدد اللقطات التي تود إضافتها:

Photoshop 2-62_07

7-إكتب عدد اللقطات داخل الخانه frames to Add .

8-إنقر فوق OK.

ولاحظ... أنه تم إنشاء عدد من اللقطات تمثل مراحل الحركه بين اللقطه الأولي والثانيه, كما يتضح من الشكل التالي:

Photoshop 2-63_03

هذا ... ويمكنك – كما تعلمت من قبل – أن تقوم بضبط مقدار الفواصل الزمنيه بين اللقطات والتحكم في عدد مرات تكرار العرض وكذلك يمكنك أن تقوم بحفظ لعرض في ملف بالإمتداد GIF حتي تتمكن من تشغيله في أي وقت تشاء .

التسميات: