منتديات الأستاذ الأفضل التعليمية المغربية
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.



 
الرئيسيةالبوابةأحدث الصورالتسجيلدخولصفحتنا على الفايسبوكدليل الشروق الجزائري



 

 كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب

اذهب الى الأسفل 
كاتب الموضوعرسالة
IMADZZ
الادارة العامة
الادارة العامة
IMADZZ


آخر مواضيع العضو :
موقع تبادل الزوار + تبادل الفتحات الاجبارية مع المواقع
قصة ( أمل ) التائبة مع الشيخ غرم البيشي ( مؤثرة جدا )
بين الزاكي والطاوسي
فلاش إخبار ي لنيابة تارودانت حول الزيارات الميدانية للنائب الإقليمي للمؤسسات التعليمية
Valeurs du présent dans l’autobiographie
نعمية النسيان - النسيان
ساماراس لميركل: اليونان في حاجة لمزيد من الوقت لا المال

اسم متصفحك : فيرفوكس
الصفة : الادارة العليا للمنتدى - مؤسس الموقع
الهواية : المطاعة
الدولة : المغرب
أوسمة العضو : الاداري المميز
ذكر عدد المساهمات : 1868
نقاط العضو : 4609
العمر : 27
المهنة : التعليم

كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب Empty
مُساهمةموضوع: كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب   كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب I_icon_minitimeالثلاثاء 30 أغسطس 2011 - 16:58


كيف تعمل صور متحركة وكتابات متحركة بالفوتوشوب

كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب F900fcom060829063059125

ماهو الإميج ريدي؟

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



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



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



ومقولتي
دائماً ليس للإبداع أي حدود





ولماذا
يتميزهذا البرنامج الموجود بالفوتوشوب؟ حيث انه يستخدم لتحريك وصنع الصور من نوع
GIF


إسم البرنامج


Adobe ImageReady



كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب Stringsimageready



أين أجد البرنامج
؟
يوجد برنامج الايميج ريدي في النسخ الفوتوشوب أرقام 7 + 8+ 9
أما النسخ الفوتوشوب 10 + 11 فهو مدموج مع نفس
البرنامج.


كيفية فتح برنامج الايميج
ريدي ؟
في النسخة الفوتوشوب 7+8+9 عن طريق زر البرنامج من لوحة الأدوات
أسفلها أو الدخول مباشرة من أيقونة البرنامج من Start - All - programes

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


كيفية فتح قائمة
الأنيمشن؟
من
قائمة Windows -
animation


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


ما هي طريقة إستخدام
الايميج ريدي؟
بعد الانتهاء من التصميم في برنامج الفوتوشوب ننتقل الي
برنامج الايميج ريدي المرفق معه من لوحة الادوات.أو عند التعديل على الصور المتحركة
عليك بفتحها مباشرة ببرنامج الايميج ريدي عن طريق كليك يمين ثم اختر برنامج
الايميج ريدي او فتح البرنامج اولا ومن قائمة file -
open


شرح قائمة الانيمشن
؟
التوينز Tweens وظيفتها عمل حركة تكرارية بطريقة تدريجية وجميلة مثل الرسوم
المتحركة بمعني ظهور الكلمة

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


كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب 3

كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب 4

كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب 5

كيف يمكن إدخال دخال الصور
المتحركة للبرنامج ؟
في النسخ 7+8+9 ؟

عن
طريق برنامج أيميج ريدي
مباشرة
في النسخ 10+11
؟
File > Import >Video Frames
To Layars
أولا لابد من تسطيب برنامج QuickTime
Player
ثانياً التاكد من فتح قائمة Animation من قائمة Window

ثالثاً من layer - video layer - new video layer from file

امام كلمة File Name نكتب كتابة *.* نجمة نقطة نجمة سوف تظهر كلمة
load مكان open ثم نختار مكان الصورة
المتحركة.


ما هي طريقة الحفظ العمل
الاخير؟
النسخ 7+8+9 File = Save Optimize
As
النسخ 10+11 File +save for web & devices ثم نوع الصورة gif ثم
save


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


لمشاهدة الصور أكبر وأوضح عليك بحفظها على سطح المكتب وتكبيرها مثل
الصورة التالية.


كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب 7

أكشنات جاهزة في نفس
البرنامج؟
الاكشنات جاهزة بالايميج ريدي 15 أكشن خاصة بالكتابات
والصور وخلافه.
من قائمة Windows -
Actions
وبضغطة زر تنفذ العمل
المطلوب.


كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب 8

كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب 22



أولا : شروحات متنوعة
لتحريك الكتابات


1- تحريك عدة كتابات مع خلفية .


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


كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب 9

2- إظهار كتابة جملتين وراء بعض مع
إستخدام Tweens .


عمل طبقتين من
الكتابة
مع عمل طبقة خلفية بأي لون أو تدرج لوني ثم الدخول لبرنامج
الأيميج
ريدي عمل
فريمان فقط في كل فريم إظهار طبقة الخلفية مرة مع كل طبقة كتابة ثم نقف على
الطبقة الثانية ثم الضغط على زر التوينز Tweens ونحدد 5 مرات للتكرار ثم ok.
ويمكننا
التحكم عدد مرات التكرار بعد الانتهاء من الحركة وأيضاً زمن الوقت بين كل
الطبقات.



كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب 10

3- تحريك النص من اليمين الى اليسار مثل شريط
الاخبار.


عمل طبقتين من الكتابة مع عمل طبقة خلفية بأي لون أو تدرج لوني ثم
الدخول
لبرنامج الأيميج ريدي عمل فريمان فقط في كل فريم إظهار طبقة الخلفية مرة مع كل طبقة كتابة
في الفريم الاول نحرك الكتابة بأداة التحرك جهة الشمال الي النهائية تقريباً ثم نقف
على الفريم الثاني ونحرك طبقة الكتابة مرة اخري الي نهاية جهة اليمين تقريباً ثم
الضغط على زر التوينز Tweens ونحدد 5 مرات للتكرار ثم ok.
ويمكننا
التحكم عدد مرات التكرار بعد الانتهاء من الحركة وأيضاً زمن الوقت بين كل
الطبقات.


كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب 11

4- عمل تأثير ال Zoom in



نعمل
طبقة
خلفية مع
طبقة
كتابة ثم
مضاعفة الكتابة 4 مرات ثم الايميج ريدي ونقف على كل طبقة من الكتابات ونحدد

من Numeric ثم Transform ثم Edit

مرة نختار 20 ومرة 40 ومرة 60 ومرة 80 في المائة والاخيرة تبقي كما
هي ثم اضافة هذه الطبقات في لوحة الانيمشن مع تحديد التكرار
والزمن.


كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب 12

5- تحريك
كتابة من الخارج الي المنتصف ثم الي الخارج أسفل
الصورة.


يمكن
تحديد عدد فريمان معا عند تطبيق التوينز سوف يتحول الي كلمة
Selection
عمل طبقتين فقط خلفية وكتابة ثم الايميج
ريدي
الفريم الاول تحريك الكتابة الي خارج أعلي الصورة ثم عمل اضافة فريم
اخر
ونحرك الكتابة في المنتصف ثم الضغط على الفريمان معا الكتابة والصورة
ثم عمل
التوينز
ونحدد 5 مرات ثم نضف
فريم اخر ونحرك الكتابة الي اسفل خارج الصورة ثم
نحدد الفريم الاخير وماقبله معاً ونعمل التوينز 5
مرات.


كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب 13

6- عمل
التلاشي عن طريق التوينز.


ادخال
طبقة
خلفية
وطبقة
كتابة ثم
الايميج ريدي اضافة فريم جديد ونقلل الشفافية الي 20% اصبح لدينا فريمان

للكتابة واحد عادي والاخر قليل الشفافية نحدد الفريمان معا بالضفط
على ctrl ونضغط على الزر توينز ونحدد عدد
المرات 5 .


كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب 14





ثانياً : شرح عمل ألبوم صور


ويشترط لعمل ذلك عمل مجلد به الصور المراد عمل ألبوم صور بها وان تكون جميع
المقاسات احجام الصور متساوية. ثم نفتح برنامج الايميج ريدي
ومن قائمة file- import - folder as frams ثم نحدد له
المجلد والباقي سوف يتولاه . تجد صور المجلد دخلت البرنامج عليك الان فقط تحديد
زمن الوقت بين الفريمات وتحديد طريقة
التكرار.


كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب 15





رابعاً : اخذ مقطع من فيلم وتحويله الي صورة
متحركة


يشترط اولا
تسطيب برنامج كويك تايم ثم من برنامج الايميج ريدي open وفتح الفيلم مع مراعاة الضغط على مفتاح
shift لاخذ جزء من الفيلم بسيط ثم الحفظ في هيئة
صورة في النهائية.


كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب 16

كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب 22


خامساً : العيون والجفون
المتحركه


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


كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب Ar4up-0640378511





سادساً : عمل بوابة متحركة


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


كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب Gates


سابعاً : تحويل الصور المتحركة بصيغة
gif الي فلاش


فتح الصورة
المتحركة gifببرنامج الايميج ريدي مباشرة ثم من قائمة file -export -macromedia
flash ثم الحفظ اوكي.


كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب 17





ثامناً : عمل
الجليتر مع التطبيق


لعمل الجليتر افتح عمل
جديد صغير بالمقاس 60*30 وخلفية شفافة ثم كرر الطبقة مرتان اصبح
عندك 3
طبقات.
اقف على كل طبقة
واعمل تدرج لوني على كل واحدة ولكن غير طريقة الحركة السحب في كل
مرة.
اقف على كل طبقة ومن edit - define pattern وسمي
كل واحد باسم معين اصبح الان 3 طبقات موجودين في الباترن.
اخر شيء احفظ كل طبقة لحالها عن طريق تفعيل العين
فقط والباقي لا ولاتنسي الحفظ gif اصبح عندك 3 صور جيف محفوظين على السطح.


اذن ماذا الاستفادة الان من الحفظ
3 اشكال كباترن وايضا الحفظ 3 صور gif.


1- حفظ 3 صور لعمل الجليتر لعمل الجليتر كيف الان افتح برنامج
الايميج ريدي وادخل 3 صور وادخلهم في طبقة واحدة اما بالسحب أو من فايل ثم استيراد صور
من المجلد ثم اعمل لهم 3 فريمات في لوحة الانيمشن واحفظ العمل وشاهد
الصورة
المحفوظة.


2- حفظت 3 اشكال كابترن وذلك ولتطبيقهم على اي أجزاء من الشكل
اوالصور


الصورة الاولي عمل 3صور كالباترن
وحفظهم


كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب Ar4up-027e644529

الصورة الثانية تحويل الصور 3
الي جليتر


كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب 18

الصورة الثالثة كيف تفك جليتر كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب 19 اعجبك
لتستخدمه


الطريقة عن طريق فتح برنامج الايميج ريدي ثم استدعي هذا الجليتر اللي هو الصورة
المتحركة سوف تشاهد تفيكهها الي 3 طبقات وهي عدد طبقات الجليتر.ثم ادخل برنامج
الفوتوشوب بهم ب3 طبقات واحفظ كل طبقة كابترن حتي تستطيع تطبيق الجليتر على اي شيء
كما في الصورة القادمة


نطبق الجليتر على كتابة ويمكن
تطبيقه على الصورة او اي شكل .عمل طبقة كتابة ثم مضاعفاتها مرتان ليصبح عدد الطبقات
3.
اقف على كل طبقة وباداة Magic Wand أداة اليد السحرية اضغط على جزء فيها ثم استخدم اداة
الدلو الالوان لان فيها عينات الباترن المحفوظة واختر اول
باترن.
وهكذا طبق ذلك على الطبقتان
الاخريان مع الباترن 2 و 3 اصبح عندك 3 طبقات كتابات علي كل واحد نقول هنا لمعة
معينة ومختلفة المكان في كل واحدة . انتقل الان لللايميج ريدي ومن لوحة الانيمشن
ادخل 3 طبقات واحفظهم وشاهد تأثير الجليتر على الكتابة.


كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب 20





تاسعاً : عمل الوردة
المتحركة


فتح طبقة جديدة ثم باداة الاشكال إختر أي شكل وليكن وردة ثم ctrl +t لتحريك الشكل
جهة الشمال او اليمين مرة واحدة فقط إذا كنت تريد التحريك منتظم إضغط على مفتاح
shift مع التحريك مرة واحدة فقط يتحرك الشكل هنا 15 درجة
وهكذا ضاعف الطبقة السابقة وإعمل تحريك أخر بنفس الطريقة السابقة ثم ضاعف هذه
الطبقة حتي مرات من الطبقات. ادخل برنامج الاميج ريدي وافتح لوحة الأنيمشن ومن
خيارات اللوحة إختر make frames from layers وبعد ذلك حدد التكرار والزمن ثم احفظ
العمل.


كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب Ar4up-ad5100d24d






عاشراً :
عمل قلب
متحرك


عمل شكل قلب او اي شكل اخر او صورة ثم مضاعفة الطبقة 4 مرات اخري لتصبح 5 طبقات ثم الايميج ريدي ونطبق
على 4 طبقات فقط 20-40-60-80% ماعدا الطبقة الاخيرة من من Numeric ثم Transform ثم
Edit
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://forum.dzaire.info
 
كيفية تصميم وعمل صور متحركة وكتابات متحركة بالفوتوشوب
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» اسلوب القص بالفوتوشوب
» صور متحركة و مضحكة
» كيفية الاقلاع عن التدخين
» كيفية استرجاع الايميل المسروق
» شرح بالصور كيفية إدراج صور في مشاركاتك بالمنتدى

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات الأستاذ الأفضل التعليمية المغربية :: التقنية و التطويرية :: منتدى التصميم والكرافيكس-
انتقل الى:  
E3LAN CHOROUK
منتدى الشروق الجزائري www.chourok.net/vb