درس تصميم وسائط و صور متحركة + تصاميمي

**M.o_o.N** · 24-07-2010, 09:06 AM

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

أسعد الله اوقاتكم بالخير و المسرات

بما اننا إجازة قلت احسن شئ نقضي اوقات الفراغ فيه بالتصميم

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

درس بسيط و خفيف و لذيذ و الكل يقدر يصمم و يبدع

و قبل نبدأ بالدرس لازم نعرف اساسيات "الوسائط" او الصور المتحركة

برنامج الفوتوشوب معروف انه برنامج التصميم

لكن لما نجي نحرك الصورة نستخدم البرنامج الآخر و اللي اكيداً جاي مع الفوتوشوب اسمة
adobe imageready

هالبرنامج يجي منفصل عن برنامج الفوتوشوب

لكن

في الاصدارات الاخيرة مثل الاصدار اللي انا استخدمةAdobe Photoshop CS3و المسمى بالاصدار العاشر و ما بعده فإن الاميج ريدي

برنامج الصور المتحركة مدمج معة و هذا سهل الشغلة كثير

نجي الان الى التصميم

من قائمة أبدأ نفتح برنامج الفوتوشوبAdobe Photoshop

انا واجهة البرنامج عندي عربية فاللي عندة واجهة انجليزية يتابع معنا الخطوات بالصور وراح يفهم

من قائمة ملف نفتح الصورة اللي راح نصمم عليها الوسائط مثل ما احنا شايفين

للي عندهم اصدار الاميج ريدي لوحدة مو مدموج مع الفوتوشوب نكتب النص اللي ودنا نحركة
بحيث ان كل حركة لها نصها يعني مثلاً انا بكتب جملة

I love Saudi English

Iلوحدها
loveلوحدها
Saudi Englishلوحدها

علشان كل وحده تتحرك براحتها :)

نجي التطبيق

كذا

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

الان نجي للحركة

الجزء الممتع في الموضوع

لمستخدمي الاصدارات الحديثة من الفوتوشوب كل اللي عليكم تروحوا الى قائمة نافذة بالاعلى و تختاروا "مشاهد متحركة"

و راح تطلع لكم

قائمة جديدة مثل الفيديو هذي اللي راح نشتغل عليها

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

شكل الاميج ريدي اضغطوا عليه

طبعاً انا اصداري جديد لكن تقريباً بيكون مكان الاشارة هنا اللي بالصورة

و هذا شكلها

الان يجي الجزء الممتع ^_^

تحريك الصورة

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

فيه حاجة زي السلسة اسمها تواصل اطارات هذي مالها لازمة بالنسبة لي

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

بحيث يصير فيديو

فيه ايقونة قمامة تدل على الحذف اذا بغيتوا تحذفوا احد طبقات الفيديو

و تحت كل طبقة فيه زر مثلث صغيرررررر هذا علشان تضبطوا التوقيت
يعني متى تتحرك الكلمة و متى تظهر و كم مدة ظهورها و هكذا

فيه بالثواني و فيه بالدقايق مثل الصورة هنا

الان نبدأ الحركة

نختار الطبقة الاولى بحيث تصير زرقاء يعني اننا اخترناها

و لنا في الحركة طريقتين

اما التحريك العادي

او اللعب في الشفافية

و راح نطبق الشفافية

بعد مانكون محددين طبقة الفيديو الاولى بالازرق

نضغط على
حرف I

و من بوكس الطبقات الموجود على يدنا اليمين (اذا ماكان موجود نروح قائمة نافذة و نختار طبقات)
نخلي التضليل صفـــــر بحيث تختفي ال I
و كلمتينlove + saudi english

نشيل العين من جنبهم مثل الصورة و ذلك بمجرد الضغط على العين

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

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

نضعة على طبقة الفيديو الرابعة

و نعيد الحركة اللي فوق تماماً
من بوكس الطبقات الموجود على يدنا اليمين
نخلي تضليل ال I
100
و في نفس الوقت نرجع العين اللي جنب كلمةloveوحدها

مثل الصورة

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

و في الطبقة السادسة و الاخيرة من الفيديو
نعيد حركة نخلي تضليل ال I
100
و زيادة نحدد العين على كلمة love
و كلمة saudi english

و الان نجي عند المثلث الصغير الاسود حق التوقيت ذكرتووووه؟؟؟

نخلي كل الطبقات 0.2
ثانيتين
ماعدا آخر طبقة نخليها 0.5
خمس ثواني

و نضغط زر التشغيل حق الفيديو و شوفوا كيف شغلكم؟؟

الان عند الحفظ

للاصدارات الحديثة

نروح ملف

حفظ للويب و الاجهزة
و موافق

اما للاصدرات اللي فيها الاميج ريدي منفصل عن الفوتوشوب
نروح الى حفظ بالاميج ريدي
و نختار حفظ بإسم
و بحيث تكون الصيغة GIF

و هذا النتيجة

صورة متحركة

و هنا مجموعة من تصاميمي قديمة شوي ايام كنت Renoa

ايش رأيكم في الدرس ان شاء الله واضح؟؟؟

الواجب:::

اشوف تصاميمكم الحلوة + أرائكم حول تصاميمي

و بالتوفيق يا حلوين

^___^

**نوافي** · 24-07-2010, 09:43 AM

يعطيك الف عافية موني

طبقت كل الخطوات شئ رااااائع

وصلت حتى الحفظ وانحفظت كصورة فوتشوب مو gif

اصداري تسعة

ومن خلال شرحك ياقمر حسيت انه من اللي منفصل

do u have any way to save it?

اخليني انجز بس وبعدبن ارجع اعلق على درسك ياقمر

**M.o_o.N** · 24-07-2010, 09:59 AM

طيب ياعيوني

احفظية كصفحة ويب

و طبقي الاعدادت اللي باللون الاحمر

ان شاء الله يضبط معاك بكذا

:)

نورتي التوبك يا عسل

**فهد ان انجلش** · 24-07-2010, 03:15 PM

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

شرح متعوب عليه

اما بالنسبة للتصاميم و الله حلوة

كل التوفيـــــــــــــــق

keep going

**Endless Hope** · 24-07-2010, 05:54 PM

جزاك الله خير يا عسل

انا طبقت
الصورة الأولى فيها خطا

بس الثانية صح

جزاك الله خير والله انك عسل وما قصرتي

يللا تعالي صححي لنا وقولي رايك

**Endless Hope** · 24-07-2010, 05:55 PM

نوافي وين صورتك ؟؟؟؟؟؟؟؟؟

أانا اشطر منك

**ツأميمة الأحمديツ** · 24-07-2010, 06:46 PM

**Stream** · 24-07-2010, 06:46 PM

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

شرح كافي ووافي

الف شكر

تحياتي

**ξجنــوبــيهےξ** · 24-07-2010, 07:15 PM

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

وهذا تطبيقي

:)

**Endless Hope** · 24-07-2010, 08:49 PM

و شو رأيكم بهاي؟؟

**دروب البنفسج** · 24-07-2010, 08:56 PM

رووووووووووووعة ياابلة

**Endless Hope** · 24-07-2010, 09:13 PM

وكيف هالصورة؟

**ξجنــوبــيهےξ** · 24-07-2010, 09:16 PM

miss noor

راااائعه كروعة حضورك :)

**M.o_o.N** · 25-07-2010, 02:04 AM

فهد ان انجلش
ثرى المدينة
Stream
دروب البنفسج

تسلموا اخواني و اخواتي
^_^
الله يعطيكم العافية و شكراً على تشجيعكم

**M.o_o.N** · 25-07-2010, 02:16 AM

طالبتـــــي الغالية و المتميزة

miss noor

تصاميم مبدعة ما شاء الله عليك حبيتهـــــم كلهم

و الاكثر هذي

**M.o_o.N** · 25-07-2010, 02:17 AM

الطالبة الحلوة

black_knight

جميل جداً يا مبدعة

واصلـي

**جاكوار2** · 25-07-2010, 02:22 AM

الف شكر حبيبتي

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

**M.o_o.N** · 25-07-2010, 02:26 AM

جاكوار

العفـــــو

^___^

**Endless Hope** · 25-07-2010, 02:49 AM

مشكورة استاذة مون

وانا في انتظار دروسك القادمة

**جـــــودي** · 25-07-2010, 04:54 AM

ماشاء الله تبارك الرحمن

إبداااااااااااااااااااع

شرح وافي وكافي (بس عاد أنا قلت لك بالمجلس خخخخ نشبه )

أبدعتي والله ماقصرتي

إذا ضبط المزاج وطبقت

أحط لك تطبيقي هنا

مع العلم انه وحده من البنات زميلتي بالمدرسه علمتني وسويت صوره حلوه

بس الحين نسيت خخخخ

ألف مليوووون تشكرات خيتو

أحلى تقييم لعيونك

**نوافي** · 25-07-2010, 06:18 AM

صباح الخير ابلة موني

سويت من امس لليوم يجي عشر تصاميم وكل واحد احلا من الثاني

وعلمت كل الجيران واللي حولي ,,,,ماصدقت تتعلم

تأخرت بس عشان الحفظ

والحمد لله لقيت طريقة

وهذا اول نموذج سويتة معاك بالخطوات مو مثلك تمام بس كان تجربة

تصاميمك رائعة جداا سلمت يداك عليها
وجزاك ربي الجنة

مس نور ولا يهمك التصاميم في الطريق

**سمـ الاحساس ـو** · 25-07-2010, 06:43 AM

الووووووووووووووووووووووو وووو ,,,,

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

لكن انشاءالله بحمل البرنامج هاليومين ,,,,

واسوي احلى واااااااااااااااااااااااا جب ,,,

**j o r y** · 25-07-2010, 07:56 AM

أبله أنا ما حليت الواجب :(

miss noor يصير أستلف معك واجب ماشاء الله عليك شغلك تمــــــام !!!!!!
بس والله استمتعت بالمتصفح
وتصاميمك مررررره رووووووووعه يامون الرائعه والمبدعـــــــه