(احتــرف Photoshop ) طريقة إضافة الصورة المتحركة للتصميم

[Wang Cenbe]

" درس أمــج ريــدي "
الدرس : 14
فكرة وتصميم : CenBe

http://www.mexat.com/vb/attachment.php?attachmentid=408797&d=1205768055

السلام عليكم ورحمة الله وبركاته

مرحباً برواد قسم الدروس :)
سأطرح بين يديكم هذا اليوم درس تلقيت كثيراً من الطلبات عليه , و سؤال اغلب الأعضاء عـنه .

ألا وهـو " طريقة إضافة الصورة المتـحركة في التصميم الثابت أو التوقيع " و بالإضافة كيف تستورد الصورة المتحركة في الفوتوشوب و تؤثر عليه .. الخ .

أتـرككم مع الـدرس :

1)افـتح برنامج " امج ريدي " .
2)اضـغط على File >>>Open و افتح الملف المتحرك .
3)سـيظهر الملف لديك في الـ " امج ريدي " كما يلي :
http://www.mexat.com/vb/attachment.php?attachmentid=408781&d=1205766803

4)الآن اضغط على هذا الزر لينتقل بك إلى الفـوتوشوب : http://www.mexat.com/vb/attachment.php?attachmentid=408782&stc=1&d=1205766803 أو من الاختصار : Ctrl+Shift +M
5)الآن إذا أردت إضافة أي تأثير فيمكنك إضافته الآن , الصورة برأيي الآن لا تحتاج لإضافة أي تأثير , لذلك اضغط : ( لمن لديه فوتوشوب 9 : Ctrl + G ) , ( لمن لديه فوتوشوب 8 : اضغط على زر المجلد هذا :
http://www.mexat.com/vb/attachment.php?attachmentid=408783&stc=1&d=1205766803
ثم قم بتحديد جميع الليرات عن طريق اضغط على : Select >>> Select all layer ثم اسحبهم داخل المجلد
6)الآن افتح التصميم الذي تريد إضافة الصورة المتحركة إليـه و ليكن مثلاُ هذا :
http://www.mexat.com/vb/attachment.php?attachmentid=408784&d=1205766803

7)أضف لير جديد واستخدام أداة الـشكل :
http://www.mexat.com/vb/attachment.php?attachmentid=408832&stc=1&d=1205769543
8)ارسمها في المكان الذي تريد وضع الصورة فيه و اضغط بزر الفأرة الأيمن Make Selection .
9)اضـغط على أداة الـدلو :
http://www.mexat.com/vb/attachment.php?attachmentid=408833&stc=1&d=1205769618
و اختر لون منـاسب لتصميم ثم اصبغ به . ثم Ctrl +Alt+D
10)قم بالضغط على زر تقليص مساحة العمل يـعني هذا :
http://www.mexat.com/vb/attachment.php?attachmentid=408785&stc=1&d=1205766803
للـعملين وقربهـما هكذا :
http://www.mexat.com/vb/attachment.php?attachmentid=408786&d=1205766960
11)اسحب لير مجلد الصورة المتحركة إلى مساحة عمل التصميم يـعني هكذا :
http://www.mexat.com/vb/attachment.php?attachmentid=408787&d=1205766960
12)جيـد :) , الآن اضغط على أداة المؤشر هـذه :
http://www.mexat.com/vb/attachment.php?attachmentid=408788&d=1205766960
ثم حرك الصورة إلى المكان الذي تريده .
13)ضع علامة صـح إمام خيار : Show Transform Controls :
http://www.mexat.com/vb/attachment.php?attachmentid=408789&stc=1&d=1205766960
14)ستظهر حدود حول التصميم اضغط على المربع الموجود في الزاوية :
http://www.mexat.com/vb/attachment.php?attachmentid=408790&d=1205766960
ثم صغر الصورة حتى تكون هكذا :
http://www.mexat.com/vb/attachment.php?attachmentid=408791&d=1205767455
15)اضغط على السهم الموجود في جانب المجلد :
http://www.mexat.com/vb/attachment.php?attachmentid=408792&stc=1&d=1205767455
حتى تظهر الليرات الموجودة بداخلة .
16)اضغط على أسفل لير في الصورة المتحركة :
http://www.mexat.com/vb/attachment.php?attachmentid=408793&d=1205767455
17)ثم اضغط على الير الذي رسمت فيه الشـكل بزر الـ Ctrl ( سوف تظهر حدود الشكل ) اضغط Ctrl + Shift + I لعـكس التحديد ثم اضغط Delete .
18)اظهر عين اللير الثاني وكـرر الأمر نفسه معه ومع اللير الثالث من الصورة المتحركة .
19)إذا كان تطبيقك صحيح لجميع الخطوات السابقة فيجب أن تكون النتيجة كالتالي :
http://www.mexat.com/vb/attachment.php?attachmentid=408794&d=1205767455
20)انتقل الآن إلى الـ " امج ريدي "
21)في مجلد الصورة المتحركة . اخف العين عن اللير الثالث والثاني و ابق عين اللير الأول .
22)في شريط الأنـميشن :
http://www.mexat.com/vb/attachment.php?attachmentid=408795&d=1205767455
اضغط على زر لير جديد .
23)اخف العـين عن اللير الأول في مجلد الصورة المتحركة و اظهر عين اللير الثاني .
24)أضف لير جديد في شريط الأنميشن , و اخف العين عن اللير الثاني من مجلد الصورة المتحركة واظهر عين اللير الثالث :
http://www.mexat.com/vb/attachment.php?attachmentid=408799&d=1205768055
25)الآن غير التوقيت في ليرات شريط الأنميشن إلى :
http://www.mexat.com/vb/attachment.php?attachmentid=408821&stc=1&d=1205768612
26)ثم اضغط File >>>Save Optimized as .

هـذا هـو الدرس :) أتـمنى أن يـكون نال إعجابكم .
أتـمنى لكم وقتاً ممـتعاً في تطبيقه , للـسؤال أو الاستفسار عـن أي خطوة أنـا موجود .
هـذي هي نتيجة الـدرس :
http://www.mexat.com/vb/attachment.php?attachmentid=408796&d=1205768055

الـصورة المـستعملة في الـدرس :

http://www.mexat.com/vb/attachment.php?attachmentid=408798&stc=1&d=1205768055

مـعلومة إضـافة " كيف تدرج الصورة المتحركة و تتعـامل معها :

http://www.mexat.com/vb/attachment.php?attachmentid=408807&d=1205768290

درس الأكـشن 1 (http://www.mexat.com/vb/showthread.php?t=301801)

( لبيجيتا )

درس للأكشن 2 (http://www.alflash.com/Droos/download.php?image_id=208)

( منقول )
دمــتم بحفظ الرحمن

[Šσlσm]

يشرفني اول من رد على موضوعك

و

شكرا يا صديقي على درس جميل ^^

بس عندي سؤال

انا عندي فوتوشوب 10
هو
Adobe Photoshop CS3
عندما اضيف صور متحركه على فوتوشوب كيف افك القفل
عشان مافي يميج ريدي في فوتوشوب 10 .... و اتمنى يكون في حل لهاذي مشكله ^^ :سعادة2:

[Expert Virus]

مشكوووور أخـــوي على الدرس الرائع
أنتظر جديدك

وسلام

[king marik]

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

[لمعة الالماس]

تسلم يديك// لي عودة اذا سمح وقتي

[L . A . P . D]

الف شكر لك على هذا الدرس الاكثر من رائع
وان شاء الله يفيد الاعضاء
وانتظر تطبيقي قريباً

[Silent Smile]

درس رائع
ان شاء الله مايكون صعب علي في التطبيق

[Wang Cenbe]

يشرفني اول من رد على موضوعك

و

شكرا يا صديقي على درس جميل ^^

بس عندي سؤال

انا عندي فوتوشوب 10
هو
Adobe Photoshop CS3
عندما اضيف صور متحركه على فوتوشوب كيف افك القفل
عشان مافي يميج ريدي في فوتوشوب 10 .... و اتمنى يكون في حل لهاذي مشكله ^^ :سعادة2:

الـعفو .

الامـج ريدي تم دمجه مع نفس الفوتوشوب العـاشر .

صراحه ما عندي الفوتوشوب العـاشر لذلك لا اعرف كيف هـو , كم انه تغير تغير جذري .

لذلك متأسف .

دمت بحفظ الرحمن

[Wang Cenbe]

البـاقين . شكرا ً على ردوردكم :)

[E L E N E A]

هاي بيجيتا

كيفك !!! . . .

درسك مميز و خطييييييييييييييييييييير

وان شاء الله لي رجعه مع التطبيق

سي يا

[لمعة الالماس]

يشرفني اول من رد على موضوعك



و


شكرا يا صديقي على درس جميل ^^


بس عندي سؤال


انا عندي فوتوشوب 10

هو

Adobe Photoshop CS3

عندما اضيف صور متحركه على فوتوشوب كيف افك القفل

عشان مافي يميج ريدي في فوتوشوب 10 .... و اتمنى يكون في حل لهاذي مشكله ^^ :سعادة2:


حبيت اساعدك خيووو وكنت سامعه عن هالمشكله قبل


اتفضل..


عشان تظهر الايميج ريدي روح لقائمة window

ومن القائمه اختار animation

وراح يظهر شريط الحركه

طريقة الحفظ زي طريقة الحفظ القديمه ببرنامج الفوتوشوب

تابع الصور

http://www.9m.com/upload/1-11-2007/0.249011939259.jpg

ومن الوامر اللي باليمين اختار زي اللي بالصوره

http://www.9m.com/upload/1-11-2007/0.735011939343.jpg

ربي يوفقك للامانه نقلته لك من احد المواقع..

[الأمل الطائر]

مشكور أخي ننتظر جديدك بإذن الله

[Šσlσm]

حبيت اساعدك خيووو وكنت سامعه عن هالمشكله قبل

اتفضل..

عشان تظهر الايميج ريدي روح لقائمة window
ومن القائمه اختار animation
وراح يظهر شريط الحركه

طريقة الحفظ زي طريقة الحفظ القديمه ببرنامج الفوتوشوب

تابع الصور

http://www.cache.mexat.com/

ومن الوامر اللي باليمين اختار زي اللي بالصوره

http://www.cache.mexat.com/

ربي يوفقك للامانه نقلته لك من احد المواقع..

شكرا بس انا اعرف هاذي تريقه بس مشكله موجود هو القفل ما نفك هاذي هي مشكله وبس
يمكن لنه عندي فوتوشوب 10 :نوم:

[Wang Cenbe]

شكرا بس انا اعرف هاذي تريقه بس مشكله موجود هو القفل ما نفك هاذي هي مشكله وبس
يمكن لنه عندي فوتوشوب 10 :نوم:

إذا ادخلت صورة بصيغة Gif فاختر :

Image >>> Mode >>> RGB Color

أمـا اذا كانت صورة بصيغة Jpeg أو Bmb او اي صيغة اخرى . فاضغط على اللير الأول مرتين ,تظهر لك نافذه اضغط Ok وينفك الضغط :) .

دمت بحفظ الرحمن

[Mεgα]

وعليكمـ ـآلسلامـ و ـآلرحمـة

أهـلاً أخـي الكريـم CenBe .

درسك الجديد ممتاااز و شيـق جـداً بالنسبة لـي

أحببت أن أضع تطبيقي

ولـكـن :نوم:

في الفوتوشوب الـعااشر لااا يوجـد image Ready :(

لذلك أنتظر ـآلرد :)

في أمـآن الله

[mandos]

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

[لمعة الالماس]

السلام عليكم..

هذا تطبيقي

اتمنى يكون صح..

http://i258.photobucket.com/albums/hh279/qfui/19700101F00208.gif?t=1205986856

وهذه الصوره المتحركه المستخدمه..

http://i258.photobucket.com/albums/hh279/qfui/21_2878297E4.gif?t=1205986916

مااتقيدت بالدرس لكن اتمنى ان النتيجه تكون مرضيه..

[Šσlσm]

إذا ادخلت صورة بصيغة Gif فاختر :

Image >>> Mode >>> RGB Color

أمـا اذا كانت صورة بصيغة Jpeg أو Bmb او اي صيغة اخرى . فاضغط على اللير الأول مرتين ,تظهر لك نافذه اضغط Ok وينفك الضغط :) .

دمت بحفظ الرحمن

شكرا يا صديقي على حل ^^ :cool:

[ajx]

يسلمووو على الدرس
بصراحه مره خطير

[sandybelly]

وعليكم السلام اخوي CenBe

درس متميز كالعادة .. من دروسك المميزة

شكرا لك وشكر للأخ بيجيتا ..!!

هذا تطبيقي

7
7
7

http://www.moq3.com/img/17012008/J0I94419.gif (http://www.moq3.com/img/)

اتمنى انه يكون جيد


سلاااااااااااام

:p:p:p

[Wang Cenbe]

الـسلام عليكم ورحمة الله وبركاته

M Ě G A


وعليكمـ ـآلسلامـ و ـآلرحمـة

أهـلاً أخـي الكريـم CenBe .

درسك الجديد ممتاااز و شيـق جـداً بالنسبة لـي

أحببت أن أضع تطبيقي

ولـكـن

في الفوتوشوب الـعااشر لااا يوجـد image Ready

لذلك أنتظر ـآلرد

في أمـآن الله

كـما قلت هـو مدموج مع الـفوتوشوب نفسه , راجع هذه الرد:

http://www.mexat.com/vb/showpost.php?p=10587528&postcount=11

لمعة الالماس

http://www.mexat.com/vb/image.php?u=207259&dateline=1205914508



السلام عليكم..

هذا تطبيقي

اتمنى يكون صح..

http://www.cache.mexat.com/

وهذه الصوره المتحركه المستخدمه..

http://www.cache.mexat.com/

مااتقيدت بالدرس لكن اتمنى ان النتيجه تكون مرضيه..

وعلـيكم السلام .

مـرحبا ً اختي لمعه .

مـاشاء الله تبارك الله .

تطبيقك ممـتاز 10/ 10

أتـمنى لك التوفيق :)

محب يامي 1

http://www.mexat.com/vb/image.php?u=273633&dateline=1204831098


شكرا يا صديقي على حل ^^

الـعفو ^^

sandybelly

http://www.mexat.com/vb/image.php?u=249193&dateline=1205865761





وعليكم السلام اخوي CenBe

درس متميز كالعادة .. من دروسك المميزة

شكرا لك وشكر للأخ بيجيتا ..!!

هذا تطبيقي

7
7
7

http://www.cache.mexat.com/ (http://www.moq3.com/img/)

اتمنى انه يكون جيد


سلاااااااااااام

:p:p:p

مـرحباً اختي ساندي :)

اشكرك على رأيك .

و تـطبيقك 10 / 10

وفـقك اللـه اختي .

الـبقيه شكـراً على ردودكم :)

[ماتيلدا]

السلام عليكم

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

الشرح واضح ومفهوم

بس عند السؤال بالبداية لما ابغى افتح ملف لازم يكون صورة gif ؟

[Wang Cenbe]

السلام عليكم

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

الشرح واضح ومفهوم

بس عند السؤال بالبداية لما ابغى افتح ملف لازم يكون صورة gif ؟

وعليكم السلام ورحمة الله وبركاته

الـعفو .

طبـعا ً لإن الصـورة المتحركه دائماً Gif . :رامبو:

[SAM-X]

يسلمووو على الدرس
بصراحه مره خطير

ولي عوده

[βчαĸυчā]

شكـراً أخـي CenBe علـى آلـدرس , لـي عـودة مـع آلتطبيـق ] ~


:)

[Seto150]

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

بس ممكن أختصر بعض الخطوات صح و لا ^_^

[SuƞShiƞe]

الســـــــــلام عليكم ورحمة الله


كيفك اخويه العزيز انشاء الله تكون بخير


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


وأتمنى لك ان تقدم المزيد من هذه الدروس ليستفيد الجميع منها


وأنتظر تطبيقي بأقرب وقت


وتحياتي الك

[Sana Kurata]

الســـــلام عليكـــــم



::سعادة::


درس رائـــــــع


من زماان أحب أتعلم


اضافة الصور المتحركه


لصور ثابته....


والحمد لله تعلمت .


شكراً لك أخي ع الدرس


http://www.cache.mexat.com/images/images-cache/2008/03/139.gif (http://imageshack.us)



وهذا تطبيق سريع وبسيط


وان شاء الله أعمل أحلى..


المهم يكون تطبيقي صح :


تحياتي : ساناا-

[مُجمع الخبرات]

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

جاري التطبيق........

[Last Genius]

السلام عليكم ورحمة الله وبركاتة

شــكرا يا CenBe على هذا الدرســ الحلو
وهذا هو تطبيقيــ .

http://www.up.00op.com/data/visitors/2008/03/28/storm_877062514_1803657541.gif

ويعطيــ العافية ـــكــ

[M A N G O]

17)ثم اضغط على الير الذي رسمت فيه الشـكل بزر الـ Ctrl ( سوف تظهر حدود الشكل ) اضغط Ctrl + Shift + I لعـكس التحديد ثم اضغط Delete .
18)اظهر عين اللير الثاني وكـرر الأمر نفسه معه ومع اللير الثالث من الصورة المتحركة .
19)إذا كان تطبيقك صحيح لجميع الخطوات السابقة فيجب أن تكون النتيجة كالتالي
اخوي CenBe
مافهمت هذي النقطه انا سويت كل الي قولته
الا هذي النقطه

[Wang Cenbe]

السلام عليكم ورحمة الله وبركاتهت

شكراً لكم على الردود ..

دمتم بحفظ الرحمن

[Wang Cenbe]

17)ثم اضغط على الير الذي رسمت فيه الشـكل بزر الـ Ctrl ( سوف تظهر حدود الشكل ) اضغط Ctrl + Shift + I لعـكس التحديد ثم اضغط Delete .
18)اظهر عين اللير الثاني وكـرر الأمر نفسه معه ومع اللير الثالث من الصورة المتحركة .
19)إذا كان تطبيقك صحيح لجميع الخطوات السابقة فيجب أن تكون النتيجة كالتالي

بالنسبة للخطوة18 :

اضهـر العين الموجودة بجانب اللير الثاني , و اضغط زر Ctrl و اضغط على اللير الذي رسمت فيه شكل المربع المقوس الاطراف سوف تظهر حدود ثم اضغط Ctrl + Shift +I لعكس التحديد ثم Delete .

كرر الامر نفسه مع الصورة الثالثة من الصورة المتحركه .

اتمنى تكون فهمت .

[ROOK POWER]

شكرا لك اخي الغالي لقد تم تطبيق الدرس بحذافيره شكرا لك

http://www.up.00op.com/data/visitors/2008/04/04/storm_456951688_851181859.gif

[rukawa kaide]

السلام عليكم ورحمة الله وبركاته

مرحبا أخي سينبي ^^
كيف حالك ؟ أرجو أن تكون بخير

أشكرك على الدرس الرائع ... ::سعادة::
كما أشكر لك مجهودك الطيب .. ^ـ^

سأحاول التطبيق في أقرب فرصة
تمنياتي لك بكل التوفيق والنجاح .. سلامي .

[عاشقة SasuNaru]

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

[ماتشي ريودان]

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

والله كنت دايما اريد احط صورة متحركه بس تطلع كل وحده بجهه :D

بس هسه تعلمت ::جيد::

لك جزيييييييييل الشكر اخوي...

وهذا تطبيقي :D

http://www.mexat.com/vb/attachment.php?attachmentid=496880&stc=1&d=1215432892

شكرا لك...

سلاموووووووز ::سعادة:: :D

[G O H A N]

السلام عليكم اخي الكريم
كيف الاحوال ان شاء الله بخير
درس خطييير جدا
تشكر عليه مليوون مرة
هذا تطبيقي ان شاء الله يكون صحيح:
http://www.mexat.com/vb/attachment.php?attachmentid=497274&stc=1&d=1215462149


انتظر تقييمك اخي الكريم

تحياتي لك
سلاام

[ZOX]

يسلمووو على الدرس

بصراحه مبدع

أن شاء الله أطبقه واحسن التطبيق

[هـ ـمسة ع ـشق]

أخي ممكن سؤال..
أنا لما أبغى أروح للإيمج ردي..ماتطلع عندي هالخانة /

http://www.mexat.com/vb/attachment.php?attachmentid=408795&d=1205767455

ممكن تعلمني كيف أظهرها..
وأنا إلي عندي فتوشوب الاصدار رقم 8 وعربي ..
وعذرا ع الازعاج :نوم:

[zoey2]

شكراا ع الدرس

[وحش السرعة]

للسلام عليكم
ازيك اخى CenBe

ان شاء الله تكون بخير

والله الدرس حلو اوى

وسهل

وعجبنى

وتطبيقى اهوه:رامبو:

http://www.mexat.com/vb/attachment.php?attachmentid=708933&stc=1&d=1231146794

وانا غيرت الشكل

:D


هه كام من 10؟؟؟؟

مع تحياتى

[the dangerus]

شكرررررررررررررررررررررررررررررررر

[^ــ^ mile$ ^ــ^]

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


http://www.up-00.com/s2files/B2O25090.gif (http://www.up-00.com/)
أرجوا أن ينال إعجابك
تحياتي...::سعادة::

[الكـوثر]

مشكوور بس انا اطلب منك طلب ارسلي رسالة لبرنامج الفتشوب كامل ولأخير بتحميل تورنت
ولأعضاء ارسلولي فوتوشوب لأخير تورنت سريع التحميل وشكرا حبايبي

[gilgamesh1]

مشكور على الموضوع الروعه