كيفية عمل الكتابة المتحركة بواسطة Adobe Photoshop

[Blood Raven]

أسم الدرس : كيفية عمل الكتابة المتحركة بواسطة Adobe Photoshop على الصور

كل ملف ينتهي بمايسمى Format أو الـ Extension أو الامتداد

الصور تتميز بعدة أمتدادات وهي Bmp أو JPG JPEG أو GIF أو Tiff أو PNG ...الخ

على سبيل المثال PhotoName.GIF

ولعمل الصور المتحركة أو الكتابة المتحركة على الصور يجب ان يكون أمتداد ينتهي

بعد الانتهاء من العمل GIF

ويتميز هذا الامتداد بدمج مجموعة في الصور لتشكل صورة واحد متحركة كما في الشكل

http://img173.echo.cx/img173/3108/msnframes9at.gif

http://img173.echo.cx/img173/328/0293kg.gif

أي أن الصورة ستشكل من مجموعة من الـ Frames إطارات أو الهياكل لتشكل نموذج واحد متحرك

لكي يتم عمل ذلك يجب أن تكون لديك أحد البرامج التي تدعم الصور المتحركة مثل


Adobe ImageReady الملحق مع الـ Adobe Photoshop

أو

Ulead GIF Animator

وأذا كنت تريد الكتابة المتحركة بالخطوط العربية يجب أن يكون لديك نسخة Adobe Photoshop

التي تدعم اللغة العربية وتسمى Adobe Photoshop 7 , CS ME


كيفية عمل ذلك عن طريق الـ Adobe ImageReady الملحق مع الـ Adobe Photoshop


أفتح أي صورة تريد الكتابة عليها ولتكن هذه الصورة أدناه

http://img128.echo.cx/img128/6377/l8ab8wn.jpg

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

كما في الصورة
http://img86.echo.cx/img86/8139/12ln.jpg

هنا المهم ... يجب عمل Duplicate Layer للـ Text Layer بعد تظليله بالماوس
كما في الصورة بالضغط على يمين الماوس للـ Text Layer ثم أختار Duplicate Layer

http://img110.echo.cx/img110/6626/20nv.jpg

http://img106.echo.cx/img106/6711/32oy.jpg

ثم قم بتحريك الـ Text للمكان الذي ترغب به من أداة Move
http://www.mediacollege.com/graphics/photoshop/tool/images/move.gif

وبعدها بنفس الطريقة Duplicate Layer للـ Text Layer الجديد أي ليس للـ Text Layer
القديم ... تصاعديا ... الى أن تنشأ عدة مكانات حسب لرغبتك للحركة

ستصبح لديك على سبيل المثال الصورة التالية

http://img175.echo.cx/img175/8870/45pg.jpg

بعد الانتهاء سنعمل الصورة المتحركة بواسطة Adobe ImageReady

وذلك بالضغط من Adobe Photoshop على Edit in ImageReady من الادوات

http://img168.echo.cx/img168/9813/58zj.jpg

سيتم فتح البرنامج ImageReady


من قائمة الاوامر للبرنامج أذهب الى Windows ثم تأكد من وضع أختيار Animation علامة صح
http://img107.echo.cx/img107/4945/61wb.jpg

سينفتح لديك Animation

http://img14.echo.cx/img14/5945/98tj.jpg

في الصورة الاولى أخفي جميع الـ Text Layers ماعدا الصورة من أزالة العين

قم بأنشاء Layer جديد من الـ Animation

http://img181.echo.cx/img181/5200/102hi.jpg

ثم ضع العين في Text Layer الاول لكي يظهر لديك

http://img181.echo.cx/img181/9817/119ag.jpg

وبعدها بنفس الطريقة أنشأ Layer جديد وأخفي العين الاولى للـ Text Layer الاول

وضع العين في الذي يليه مع مراعاة الصورة دائما موضوع العين فيها

http://img144.echo.cx/img144/3049/120dd.jpg

وهكذا للبقية الى أخر Text Layer وحدد الزمن للحركة

http://img144.echo.cx/img144/138/202xi.jpg

وبعد الانتهاء أحفظ الصورة على شكل GIF

http://img144.echo.cx/img144/1095/l8ab6vp.gif

[مصطفى31]

تشكر اخي Blood Raven

[ana3sola]

درس جميل وشرح اجمل
اشكرك اخى واتمنى لك مذيد من التقدم

[sidina2005]

مشكور على الدرس الرائع

[wmar]

الف شكر على الدرس السهل الرائع

[albahit]

شكرا جزيلا على هدا الدرس

[Blood Raven]

1000 شكر للمروركم وتشجيعكم

[mody200649]

لو سمحت انا عاوز استفسر فى حاجة هى انى بعد ما انتهى من التصميم مش بعرف احفظه بصيغة gif رجاء المساعدة

[ahmad shadeed]

شكرا لك اخي على الدرس البسيط
تقبل تحياتي

[mm110575]

مشكوررررررررررررررر على مجهودك الرائع

[nokia 8800i]

أريد منك سؤال
كيف نسخت هذه الصور الى المنتدى
و أريد أن تجيبني بسرعة من فضلك

[kabdel]

شكرا لك أخي الكريم و جعلها الله في ميزان حسناتك

[™HoSSaM]

الف شكر على الدرس المفيد
تحياتى

[youcefmino]

مشكور اخي انا استفدت من هذا كثيرا
تحياتي

[arch.M@jed]

يسلموا الايادي على الدرس الجميل
شكررررا

[ScoRpIoN_TeMaRa]

مشكور اخي على الدرس الرائع بارك الله فيك

[حريف النت]

شكراااااااااااااااااااااااااااااااااااااا

[حريف النت]

جدااااااااااااااااااااااااااااااااااااا

[حريف النت]

انا نفسي اتعلم

[حريف النت]

الفوتوشوب ارجو التعلم

[حريف النت]

انا نفسييييييييييي

[حريف النت]

ابقاااااااااااااااااااااااااااااااااااااااااا ا

[حريف النت]

مشرففففففففففففففففففففففف عااااااااااااااااااااااااااااااااااااااااااااااااا ااااااااااااااااااااااااااااااااااام

[حريف النت]

www.primoradio.com

[][ ksa ][]

يعطيك العافيه على الدرس

الى الامام

[usama sulaiman]

مشكوووووووووووووووووور على الشرح

[hish1980]

ألف شكر ويعطيك ألف العافية

[ahm(ali)edy]

ممكن رابط تحميل الفوتوشوب والايمج ريدي؟

[efag64]

درس واضح جداً بارك الله فيك

[CLik.Ymeen]

درس رائع تقبل تحياتي ومجهود اروع .. تقبل مروري وفائق احترامي ..

[beckham_250]

مش عارف اشكرك ازاى انا اتعلمت على ايدك

حاجه كان نفسى اتعلمها من زماااااااااااااااااااااااااان

[مصراوية 2008]

بارك الله فيكم

http://www.usharer.net/uploads/images/USharer.Net-98ca8d7e1c.gif

[yin yang]

شكرااا لك اخي raven كنت ابحث فعلا عن دروس مثل هذه فأنا اريد احتراف الفوتوشوب والأن مستوااااي لا بأس ع العمووووووم شكراااا

[bramjnet2001]

مشكورررررررررر

[aymangigo]

شكرا لك أخي الكريم

[العجوز حمودي]

بعد السلام على الجميع شكرا على شنو هو وين الشرح

[nfrtity]

ماشاء الله فكرة جامدة

[lajwad]

بارك الله فيك اخي :)

[الــBoss]

مشكور اخى على الدرس

[sa-khalid]

http://gostshare.com/download.php?img=516
http://gostshare.com/download.php?img=517
http://gostshare.com/download.php?img=518

[.: Photoshop :.]

.: ^_^ :.
Thank You
.: ^_^ :.

[trunks14]

شكرا اخوي على الدرس المميز
تحياتي

[raed_ms]

بارك الله فيك

[u9e6]

مشكور على هذا لأني الآن فهمت كيفية الإيميج ردي

[2u4ever]

ايه ياعم دا
مين قال ان الطريقه كدا؟؟
دى طريقه بدائية قوى

[M.B.Z]

مشكووووووووور على الدرس