طريقة عمل صوره تتحرك

طريقه عمل صورة متحركة gif بالفوتوشوب

طريقه عمل صورة متحركة gif بالفوتوشوب جي اي اف
عمل كتابة متحركة بالفوتوشوب

طريقة عمل صوره متحركه

سنتعلم في هذا الدرس طريقة عمل صورة متحركة بالفوتوشوب بصيغة جي اي اف gif
حيث يمكنك رسم ما تريد عن طريق الفوتوشوب وتحريكه او عمل كتابة متحركة او إضافة بعض الصور الجاهزه وترتيب ظهورها
مما تعطي شكلا جماليا للصور أثناء عرضها وسنعرض بعض الامثله العمليه
فصيغة gif تستخدم بكثر علي الانترنت لما تقدمه من مميزات عن صيغة JPEG وخصوصا في الشفافية
وذلك من خلال قائمة Animation المتوفرة في الفوتوشوب
شاهد الصورة التالية وهي مثال لما سوف نقوم به في درسنا هذا علي برنامج الفوتوشوب وهو مثال بسيط
عمل صورة متحركةنسخة برنامج الفوتوشوب المستخدمة في هذا الشرح هي adobe photoshop cs5
أولا : افتح برنامج الفوتوشوب ومن قائمة Window إختار Animation كما بالصوره التاليه
 تحريك الصور بالفوتوشوبسيظهر شريط اسفل برنامج الفوتوشوب وهو الشريط الخاص بــ Animation والذي سيساعدنا في عمل صوره متحركه

الان قم بعمل لاير جديد بالمقاسات التي تريدها من خلال قائمة File ثم إختيار New ستفتح نافذه صغير منها اختار طول وعرض اللاير
ستجد انه تم إنشاء إطار رسوم متحركة في الشريط الخاص بــ Animation أسفل برنامج الفوتوشوب
طرريقة تحريك الصورالان قم بملأ اللاير layer بأي لون تريده عن طريق اختيار اللون الذي تفضله ثم بأداة الملأ قم بملأ اللايرlayer باللون الذي إخترته
طريقة عمل صورة متحركةالان قم برسم دائرة وذلك عن طريق أداة التحديد عن طريق الضغط بالماوس مع السحب
وستكون بمثابة الوجه وسنقوم بملأها باللون المناسب عن طريق أداة الملأ
ثم نرسم دائرتين وسيكونان بمثابة العينين وسنقوم برسمهم ايضا عن طريق أداة التحديد ثم عمل اطار حولهما وإختيار حجم الاطار 1 بيكسل
وذلك عن طريق كليك يمين داخل الدائرة ( يجب ان تكون مختار أداة التحديد ) واختيار stroke واختيار اللون الاسود او اي لون تريده
ثم بعد ذلك نقوم بملأ الدائرتين باللون الابيض عن طريق أداة الملأ
وسنقوم برسم دائرة اخري لتكون الانف وسنقوم بملأها باللون الأسود او اي لون تريده عن طريق أداة الملأ .
ملحوظة : لإخفاء التحديد قم بالضغط من لوحة المفاتيح علي CTRL+D
شاهد الصورة التالية للتوضيح أكثر
 صورة متحركة وستصبح النتيجه بهذا الشكل بعد تطبيق الخطوات السابقة
عمل صور بصيغة جي اي اف.الان إنتهينا من رسم الإطار1 أو اللاير رقم1
سنقوم الأن بتكرار هذا اللاير الي 5 مرات عن طريق الوقوف علي اللاير ثم كليك يمين وإختيار Duplicate Layer ثم Ok
ليصبح لدينا الأن 6 لاير Layer متشابهه مع بعضها
ـــ الأن من الشريط السفلي الخاص بــ Animation ( الشريط الذي أسفل برنامج الفوتوشوب )
قم بإنشاء 6 frames من خلال الضغط علي ايقونة Duplicates Selectes Frames
من خلال اختيار الـ frames ثم الضغط علي ايقونة Duplicates Selectes Frames
فلو انت اخترت فريم واحد سيتم تكرار فريم اخر ولو اخترت 2 فريم سيتم تكرار 2 فريم اخري
شاهد الصور التاليه للتوضيح
جعل الصور تتحركبعد أن قمنا بعمل 6 فريم frames سيمكننا الان عمل 6 حركات مختلفه كما نشاء ويمكنك زيادة الحركات علي حسب إحتياجك
ــ بإختصار شديد
كل صورة تقوم بعملها سيقابلها فريم frames( حركة )
اي كل حركة او تغيير في الصورة يكون لها فريم frames ( حركة )
الان كليك علي الفريمframes رقم 1 ثم كليك علي الصورة (layer) التي نريدها أن تظهر في هذا الفريم ( وإخفاء بقية الصور )
وهنا طبعا كل الصور نسخه واحد ( متشابهه )
لذلك سنختار أول صورة (layer) من الاعلي … ونقوم بعمل التغيرات التي نريدها علي الصورة
رسوم متحركةوهنا سأقوم برسم سواد العين والحواجب والفم وأجعل الوجه مبتسم
شاهد الصورة التاليه 
 الرسم بالفوتشوب.بنفس الطريق سأختار الفريم 2 واختار الصورة (layer) التاليه وأقوم بعمل التغيرات التي اريدها
ملحوظة : عند اختيار الصور (layers) من الاعلي لأسفل كل صوة تختارها قم بإخفاء الصورة أو الصور التي فوقها
ولو قمت بإختيار الصور من الاسفل لأعلي قم بإخفاء جميع الصور التي فوق منها
وهكذا : ستختار الفريم من الشريط الذي بالأسفل ثم تختار الصوره (اللاير) وتقوم بعمل التغيرات التي تريدها علي اللاير(layer)
الرسم بالفوتوشوب ــ سنقوم مره اخري برسم سواد العينين والحواجب والفم ولكن نجعل تعبيرات الوجه مختلفه
وبنفس الطريقة
 نقوم بإختيار الصورة ونخفي الصور التي فوقها ونختار الفريم الخاص بها
بحيث يصبح لكل صورة فريم خاص بها الي ان تنتهي من عمل كل الصور
شرح شريط الانيميشن Animation (Frames)photoshop
شرح الانيميشن في الفوتوشوبيحتوي شريط الانيميشن علي مجموعه ايقونات بالأسفل
ــ من اليمين ستجد سلة المحذوفات التي منها نقوم بحذف اي فريم تختار
ـــ يلي سلة المحذوفات ايقونه منها يمكنك تكرار الفريم او الفريمات التي تختارها
ــ ثالث ايقونه tweens animation frames وهي تقوم بعمل تلاشي
بمعني لو اخترت فريم 4 وفريم 5 ثم اخترت تلك الايقون tweens
سيقوم البرنامج بعمل تلاشي للفريم4 حتي يظهر الفريم 5
شاهد الصورة التالي للتوضيح
تحريك صورة ببطئ
ــ الايقونات الاخري للتنقل بين الفريمان ولتشغيل العرض ومشاهدة النتيجه
ــ أسفل كل فريم Frame ستجد سهم صغير ومنه نختار وقت ظهور الفريم
ملحوظة : يمكنك جعل اكثر من صورة تظهر في الفريم الواحد عن طريق غختيار الفريم ومن الصور قم بوضع علامة امام الصور التي تريد ظهورها في هذا الفريم .
طريقة الحفظ
بعد الإنتهاء من عمل جميع الصور من قائمة File نختار Save for web&Devices
أو من لوحة المفتايح نضغط Alt+Shift+Ctrl+S
سيظهر مربع … من الأعلي نجعل صيغة الصورة جي اي اف GIF
ومن زر Preview يمكنك مشاهدة النتيجه
واخيرا إضغط Save ليظهر مربع إختار إسم للصورة ثم إضغط Save
شاهد الصورة التاليه النتيجه النهائية التي قمت بها 
طريقة عمل صورة متحركةملحــوظـة 
قم بتطبيق الدرس حتي يمكنك فهمه جيدا
يمكنك تطبيق الخطوات السابقة سواء من خلال إنشاء لاير (Layer) والرسم عليه
أو من خلال فتح مجموعه من الصور وترتيبها حسب رغبتك
كما يمكنك عمل عمل ذلك علي الكتابات
شاهد الصورة التالية
موقع الدروس المجانيةطريقة عمل كتابة متحركة بالفوتوشوب 
سنقوم بإنشاء لاير فارغ
ثم نقوم بإنشاء لاير أخر فوق منه ونكتب اول شئ نريد ظهوره وهنا اخترنا موقع
ننشئ لاير ثالث ونكتب فيه الدروس
ننشئ لاير رابع ونكتب فيه المجانية
وفي شريط الانيميشن بالاسفل نقوم بإنشاء أربعة Frame
الان أصبح لديك 4 لاير و 4 Frame
قم يإخفاء جميع الاير Layer
نضغط علي الفريم1 ونقوم بإظهار اللاير الفارغ
نضغط علي الفريم2 ونختار اللاير الفرغ ولاير موقع
نضغط علي الفريم3 ونقوم بإظهر اللاير الفارغ ولاير موقع  ولاير الدروس
نضغط علي الفريم4 ونقوم بإظهر اللاير الفارغ ولاير موقع  ولاير الدروس ولاير المجانية
الان اجعل وقت كل فريم 5. وقم بالتجربه بالضغط علي زر التشغيل ستجد الكتابة تبدأ في الظهور وتختفي
وبنفس الطريقة السابقة يمكنك عمل صوره متحركة من ابداعك وخيالك
ويمكنك إضافة الكتابات مع الصور وهكذا المهم ترتيب العمل جيدا وترتيب الفكرة في عقلك قبل البدأ في تنفيذها
وبإذن الله سنقوم قريبا بعمل فيديو نقوم فيه بشرح الخطوات السابقه حتي تكون الفائدة أكبر
وننتظر مقرتحاتكم حتي نضعها في حسباننا عن عمل الفيديو
أتمني في النهاية ان يكون الشرح قد نال إعجابكم
أي إستفسار او سؤال سنكون سعداء به 

التعليقات

التعليقات

شارك هاذا المقال !

لا توجد تعليقات

أضف تعليق