المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : دروس أدوبي درس :: !!عمل تصميم متحرك بالفوتوشوب!! :: درس


almokan3 ADV
26-09-2005, 03:37 PM
السلام عليكمــ


اليوم جبت لكم درس أكثركم يتمناه ~_-


ممكن واحد منكم يقول الفوتوشوب لعمل تصاميم ثابته فقط *_* !!

أقوله صدقت الفوتوشوب لعمل التصاميم الثابته فقط

<< طيب وش لون تقول عمل تصميم متحرك بالفوتوشوب ؟؟ :vereymad:


أقولكم هدوا أعصابكم وتابعوا معي الدرس وراح تتأكدوا إنكم راح تقدرون تسوون تصميم متحرك بالفوتوشوب


أولا ودنا نعرض النتيجه بعد ما تتابع الدرس عشان ممكن تفرح بعضكم :D



بعد ما تتابع الدرس بإذن الله ستخرج بهذه النتيجه :


http://drr.cc/11/NTEGH.gif
PHOTOSHOP 100%


والآن نبدأ الدرس :


أول شي افتح مقاس عمل بالفوتوشوب
ويفضل يكون صغير لأننا بنسوي توقيع متحرك كـ مثال

يحبذ يكون المقاس 450 بكسل في 100 بكسل


أول ما تدخل الفوتوشوب طبيعي حتطلع لك قائمة الأدوات هذه :
http://drr.cc/11/drss1.gif

تشوفون الزر الموجود بمؤخرة القائمة ^^
انا محدده لكم باللون الأحمر^^

أيوه هذا هو برنامج الآيميج ريدي !!

هذا البرنامج أخو الفوتوشوب التوأم !!

يعني إذا كان عندك الفوتوشوب بجهازك أكيد بإذن الله الآي ميج ريدي موجود معاه تلقائي :)


لا تظغطونها ولا شي خلونا نكمل الدرس ونرجع لها :D


الآن صمم تصميم من ثلاث شفائف ( ليرز)

الشفيفه الأولى : خلفيه
الشفيفه الثانيه : اسمك
الشفيفه الثانيه : متميز دائما ..


راح تطلع لك هذه النتيجه :

http://drr.cc/11/drss2.gif


طيب وهذي هي الشفائف أو الليرز :
http://drr.cc/11/drss3.gif

كما هو موضح الاولى موجود فيها خلفيه
والثانيه اسمي ^_^
والثالثه : متميز دائما أو أي كلمه حاب تحطها :)



طيب الآن وبعد ما صممنا التصميم حيطلع لنا ثابت !

الآن ننتقل للخطوه الشيقه

!! خطوة التحريك !!



الآن ارجع لقائمة الادواة واظغط الزر المذكور في أول الدرس





انتظر قليلا ..

راح يطلع لك برنامج الآي ميج ريدي !


ممكن يكون هذا أول لقاء بينكم :09:

هذي هي واجهة الآيميج ريدي

http://drr.cc/11/DRSS4.gif


1- هنا التصميم اللي سويناه بالفوتوشوب !

2- هنا نفس الشفائف ( الليرز ) الثلاثه اللي سويناها

3- هذا هو سر الإبداع بالآي ميج ريدي

راح نتعرف عليه ;)


هذي صوره مقربه له
http://drr.cc/11/DRSS5.gif


وهو عباره عن ( منظم اللشرائح )

هنا إذا قمت بإضافة 6 شرائح يعني حيعرضها في 6 ثواني !

في هذه الصوره موجوده شريحه وحده ^

طبعا لأننا تونا لسا بادين :)



الآن نبغى نرتب الشرائح عشان يظبط معانا العمل

بسم الله :



الآن شيل العين من شفيفة ( متميز دائما )
عشان ما احد يقدر يشوفه .. يكون مخفي :05:

وبالظغط على العين الموجوده بجانب اللير ( الشفيفه )
ستزول العين :)

http://drr.cc/11/DRSS6.gif


وإذا شلناها يعني

إننا حددنا إن اللقطه الأولى بالتصميم حتكون للتصميم من دون كلمة ( متميز دائما )

يعني حيطلع العمل من دون ( متميز دائما )
almokan3 ADV
26-09-2005, 03:38 PM
وحيكون زي كذا :

http://drr.cc/11/DRSS7.gif

الآن هذه اللقطه ستجلس ثانيه واحد للأسف ^


وحنا نبغاها تجلس 5 ثواني ثم تنظم إليها ( متميز دائما ) لمدة خمس ثواني كما هو التطبيق في أول الموضوع ^ :11:

بالظغط على الزر المحدد بالاحمر في الصوره التاليه :
http://drr.cc/11/DRSS8.gif

ستزود لقطه

اظغط عليه الآن خمس مرات ليزداد إلى 5 شرائح = خمس ثواني !!


ويصبح الناتج هكذا :
http://drr.cc/11/DRSS9.gif






وهذا يعني أن أول 5 ثواني سيعرض لنا العمل كلمة ALMOKAN3 ADV
والخلفيه من دون ( متميز دائما )

والآن

نريد أن تكون ( متميز دائما )
في الخمس الثواني التاليه

فيكون العمل :

عباره عن
خمس ثواني بدون ( متميز ادئما ) وخمس ثواني أخرى مع ( متميز دائما ) !!


والآن كيف نقوم بوضع ( متميز دائما في الخمس ثواني التاليه ؟!


الأمر بسيط جدا


أظغط على العين مره أخرى لاسترجاعها وعدم بقائها مخفيه عن أعين الناس !! :blackeye:


بعد أن تظغط ستعود إلى مكانها وتصبح الشفائف ( الليرز ) هكذا :
http://drr.cc/11/DRSS10.gif


والآن نريد إضافة 5 ثواني أخرى

والطريقه : بالظغط على زر إظافة شريحه جديده مرة أخرى كما فعلنا في المره السابقه


والآن ستصبح لدينا 10 شرائح 5 منها بدون ( متميز دائما ) والخمسه الآخرى مع ( متميز دائما )


وأخيرا انتهينا من العمل :o

الآن نريد عرض ما قمنا به

الأمر بسيط

وهو بالظغط على زر التشغيل الموجود أسفل منظم الشرائح :

http://drr.cc/11/DRSS12.gif


الآن سيعرض لنا التصميم هكذا :

http://drr.cc/11/NTEGH.gif


انجاز جميل صح ؟ ;)


طيب بقي علينا نحفظ العمل


والطريقه هي :

إذهب إلى قائمة File >> Save Optmized As

ثم قم بتحديد المكان المراد حفظ العمل فيه


واذهب إلى المكان المحفوظ فيه

وستجده كاملا جاهزا


ارفعه على الإنترنت

واجعله كتوقيع





أخيرا : ..

آسف على الشرح الممل الطويل

لكن عشان بعض المبتدئين لازم يستفيدون



وإذا كان فيه أي سؤال أو استفسار يا ليت تطرحونه وانا كلي إذن صاغيه



واللي أعجبه الدرس أو زار الموضوع لا يحرمنا من الترشيح :09:
almokan3 ADV
26-09-2005, 03:47 PM
الصور .. ;)
almokan3 ADV
26-09-2005, 03:49 PM
الباقي .. :p
C.Falcon
26-09-2005, 10:00 PM
السلام عليكم ^_^

تفضل << تطبيق بخطوات مختصرة ^_^

228887
almokan3 ADV
26-09-2005, 10:35 PM
يا هلا فيك أستاذ حسّان ..


صحيح فيه طريقه مختصره :)

وأشكر الأستاذ حسان على إنه علمني إياها .. وهذا الشرح :

وترى أبغى أختصر في هذا الشرح لأن أغلب الخطوات مذكوره في الدرس الأول :)



أولا افتح عمل جديد
بمقاس 450 في 100 بكسل


صمم عمل من 3 شفائف ( ليرز)

الأولى : خلفيه
الثانيه : إسمك
الثالثه : اسم المنتدى الملتحق به

http://drr.cc/11/DRSS13.gif




الآن انتقل للآي ميج ردي بالظغط على الأيقونه المخصصه آخر شريط الأدوات في الفوتوشوب ( راجع أول الدرس )


الآن نريد الإسم مع الخلفيه يخرج في ( ثانيتين ) والمنتدى الملتحق به في ( ثانه واحده )



والطريقه :

نبعد العين عن ( montada.com )


نذهب إلى منظم الشرائح
سترى تحت كل شريحه كلمة Sec

وهنا تستطيع تحدد المده في كل شريحه

http://drr.cc/11/drss14.gif


بالظغط عليها ستخرج لك قائمة .. حدد عدد الثواني كما هو موضّح :

http://drr.cc/11/drss15.gif



إذا نحن نريد الشريحه الأولى تجلس مدة ثانيتين إذا نحدد ثانيتين بالظغط على الرقم 2.0

وستكون الشريحه بهذا الشكل :

http://drr.cc/11/drss16.gif


لاحظ وجود :
2 Sec !

يعني : الشريحه تُعرض لمدة ثانيتين

والآن كرر نفس المعليه على الشريحه الثانيه ( montada.com )
لكن لا تختار 2 Sec بل اختر 1.Sec لأننا نريد الشريحه الأولى مدة ثانيتين والشريحه الثانيه مدة ثانيه وحده !


ستخرج بهذه النتيجه

http://drr.cc/11/drss17.gif


وإذى عرضت التصميم ستجد أنه كما أردنا

الشريحه الاولى ثانيتين والشريحه الثانيه ثانيه واحده :D



وهذي هي النتيجه :
http://drr.cc/11/ntegh12.gif


ملاحضه :

إذا لم تفهم هذا الدرس .. فعليك مراجعة الدرس الاول ^
وياليت ما تحرمونا من الترشيح :09:
بن حساوي
07-10-2005, 06:32 PM
انا بعطيك رابط فيه طرقة اسهل من الي قلته بالف مرة ادخل وشوف وتاكد بنفسك
http://www.alhsa.com/ib/index.php?showtopic=30397
slim
07-10-2005, 08:12 PM
مشكووووور ويعطيك العافيه على هذا الدرس الجميل وإلى الامام


وان شاء الله نشوف مشاركاتك القادمه وبالتوفيق وكل عام وانتم بخير :ciao:

التطبيق في المرفق :
kuru-neko
08-10-2005, 08:34 PM
مشكور أخوي على الدرس

والله يجازيك عنا ألف خير كشكور وايد أخوي
S.A.R.S
29-10-2005, 06:20 AM
شكرا لك اخوي على الدرس الحلو

اخوك سارس
منواش
16-11-2005, 07:30 AM
يعطيكح العافية أخوي

ودمت سالما

أخوك
أنوش