M.o_o.N
24-07-2010, 09:06 AM
السلام عليكم ورحمة الله وبركاتة
أسعد الله اوقاتكم بالخير و المسرات
:girl face (187):
بما اننا إجازة قلت احسن شئ نقضي اوقات الفراغ فيه بالتصميم
و اتفقت مع البنات على البدء في درس تصميم الوسائط
درس بسيط و خفيف و لذيذ و الكل يقدر يصمم و يبدع
و قبل نبدأ بالدرس لازم نعرف اساسيات "الوسائط" او الصور المتحركة
برنامج الفوتوشوب معروف انه برنامج التصميم
لكن لما نجي نحرك الصورة نستخدم البرنامج الآخر و اللي اكيداً جاي مع الفوتوشوب اسمة
adobe imageready
http://www.freelearn110.com/images/Imageready.gif
هالبرنامج يجي منفصل عن برنامج الفوتوشوب
لكن
في الاصدارات الاخيرة مثل الاصدار اللي انا استخدمةAdobe Photoshop CS3و المسمى بالاصدار العاشر و ما بعده فإن الاميج ريدي
برنامج الصور المتحركة مدمج معة و هذا سهل الشغلة كثير
http://www.saudienglish.net/vb/uploaded/53254_01279946876.jpg
نجي الان الى التصميم
من قائمة أبدأ نفتح برنامج الفوتوشوبAdobe Photoshop
انا واجهة البرنامج عندي عربية فاللي عندة واجهة انجليزية يتابع معنا الخطوات بالصور وراح يفهم
من قائمة ملف نفتح الصورة اللي راح نصمم عليها الوسائط مثل ما احنا شايفين
http://www.saudienglish.net/vb/uploaded/53254_11279946876.jpg
للي عندهم اصدار الاميج ريدي لوحدة مو مدموج مع الفوتوشوب نكتب النص اللي ودنا نحركة
بحيث ان كل حركة لها نصها يعني مثلاً انا بكتب جملة
I love Saudi English
Iلوحدها
loveلوحدها
Saudi Englishلوحدها
علشان كل وحده تتحرك براحتها :)
نجي التطبيق
كذا
http://www.saudienglish.net/vb/uploaded/53254_21279946876.jpg
بعدها رتبوا النص على الشكل اللي تحبوه في الصورة
انا رتبته كذا
http://www.saudienglish.net/vb/uploaded/53254_31279946876.jpg
الان نجي للحركة
:smile (72):
الجزء الممتع في الموضوع
لمستخدمي الاصدارات الحديثة من الفوتوشوب كل اللي عليكم تروحوا الى قائمة نافذة بالاعلى و تختاروا "مشاهد متحركة"
http://www.saudienglish.net/vb/uploaded/53254_01279947254.jpg
و راح تطلع لكم
قائمة جديدة مثل الفيديو هذي اللي راح نشتغل عليها
http://www.saudienglish.net/vb/uploaded/53254_11279947254.jpg
بالنسبة للاعضاء اللي عندهم الاميج ريدي منفصل عن الفوتوشوب كل اللي عليكمتجوا على القائمة اللي على يدكم اليسار و بالاسفل منها فيه
شكل الاميج ريدي اضغطوا عليه
طبعاً انا اصداري جديد لكن تقريباً بيكون مكان الاشارة هنا اللي بالصورة
http://www.saudienglish.net/vb/uploaded/53254_21279947254.jpg
و هذا شكلها
http://www.hypergurl.com/blog/images/imageready.gif
الان يجي الجزء الممتع ^_^
تحريك الصورة
في بوكس التحريك اللي يشبة الفيديو فيه عده خيارات
فيه ايقونات زي الفيديو تقديم و تأخير و توقف و متابعة
فيه حاجة زي السلسة اسمها تواصل اطارات هذي مالها لازمة بالنسبة لي
و فيه شكل ورقة هذي مهمة اضغطوها سته مرات علشان تضاعف لنا الطبقة و نبدأ الشغل
:small (5):
بحيث يصير فيديو
http://www.saudienglish.net/vb/uploaded/53254_31279947254.jpg
فيه ايقونة قمامة تدل على الحذف اذا بغيتوا تحذفوا احد طبقات الفيديو
و تحت كل طبقة فيه زر مثلث صغيرررررر هذا علشان تضبطوا التوقيت
يعني متى تتحرك الكلمة و متى تظهر و كم مدة ظهورها و هكذا
فيه بالثواني و فيه بالدقايق مثل الصورة هنا
http://www.saudienglish.net/vb/uploaded/53254_01279947498.jpg
الان نبدأ الحركة
http://www.saudienglish.net/vb/uploaded/53254_11279947498.jpg
نختار الطبقة الاولى بحيث تصير زرقاء يعني اننا اخترناها
و لنا في الحركة طريقتين
اما التحريك العادي
او اللعب في الشفافية
و راح نطبق الشفافية
بعد مانكون محددين طبقة الفيديو الاولى بالازرق
نضغط على
حرف I
و من بوكس الطبقات الموجود على يدنا اليمين (اذا ماكان موجود نروح قائمة نافذة و نختار طبقات)
نخلي التضليل صفـــــر بحيث تختفي ال I
و كلمتينlove + saudi english
نشيل العين من جنبهم مثل الصورة و ذلك بمجرد الضغط على العين
http://www.saudienglish.net/vb/uploaded/53254_21279947498.jpg
http://www.saudienglish.net/vb/uploaded/53254_31279947498.jpg
و الان نحط التحديد على طبقة الفيديو الثانية
و نفس اللي فوق
من بوكس الطبقات الموجود على يدنا اليمين
نخلي تضليل الI
50
و الان نكرر العملية نحط التحديد على طبقة الفيديو الثالثة
و نعيد الحركة اللي فوق
من بوكس الطبقات الموجود على يدنا اليمين
نخلي تضليل الI
100
نضعة على طبقة الفيديو الرابعة
و نعيد الحركة اللي فوق تماماً
من بوكس الطبقات الموجود على يدنا اليمين
نخلي تضليل ال I
100
و في نفس الوقت نرجع العين اللي جنب كلمةloveوحدها
مثل الصورة
http://www.saudienglish.net/vb/uploaded/53254_01279947637.jpg
الان نحدد طبقة الفيديو الخامسة
و نعيد الحركة اللي فوق
من بوكس الطبقات الموجود على يدنا اليمين
نخلي تضليل ال I
100
و بس
و في الطبقة السادسة و الاخيرة من الفيديو
نعيد حركة نخلي تضليل ال I
100
و زيادة نحدد العين على كلمة love
و كلمة saudi english
http://www.saudienglish.net/vb/uploaded/53254_11279947637.jpg
و الان نجي عند المثلث الصغير الاسود حق التوقيت ذكرتووووه؟؟؟
نخلي كل الطبقات 0.2
ثانيتين
ماعدا آخر طبقة نخليها 0.5
خمس ثواني
http://www.saudienglish.net/vb/uploaded/53254_21279947637.jpg
و نضغط زر التشغيل حق الفيديو و شوفوا كيف شغلكم؟؟
الان عند الحفظ
للاصدارات الحديثة
نروح ملف
حفظ للويب و الاجهزة
و موافق
اما للاصدرات اللي فيها الاميج ريدي منفصل عن الفوتوشوب
نروح الى حفظ بالاميج ريدي
و نختار حفظ بإسم
و بحيث تكون الصيغة GIF
http://www.saudienglish.net/vb/uploaded/53254_31279947637.jpg
و هذا النتيجة
صورة متحركة
http://www.saudienglish.net/vb/uploaded/53254_01279947765.gif
و هنا مجموعة من تصاميمي قديمة شوي ايام كنت Renoa :girl face (190):
http://www.saudienglish.net/vb/uploaded/53254_11279947765.gif
http://www.saudienglish.net/vb/uploaded/53254_21279947765.gif
http://www.saudienglish.net/vb/uploaded/53254_31279947765.gif
http://www.saudienglish.net/vb/uploaded/53254_01279947872.gif
http://www.saudienglish.net/vb/uploaded/53254_11279947872.gif
ايش رأيكم في الدرس ان شاء الله واضح؟؟؟
الواجب:::
اشوف تصاميمكم الحلوة + أرائكم حول تصاميمي
و بالتوفيق يا حلوين
^___^
أسعد الله اوقاتكم بالخير و المسرات
:girl face (187):
بما اننا إجازة قلت احسن شئ نقضي اوقات الفراغ فيه بالتصميم
و اتفقت مع البنات على البدء في درس تصميم الوسائط
درس بسيط و خفيف و لذيذ و الكل يقدر يصمم و يبدع
و قبل نبدأ بالدرس لازم نعرف اساسيات "الوسائط" او الصور المتحركة
برنامج الفوتوشوب معروف انه برنامج التصميم
لكن لما نجي نحرك الصورة نستخدم البرنامج الآخر و اللي اكيداً جاي مع الفوتوشوب اسمة
adobe imageready
http://www.freelearn110.com/images/Imageready.gif
هالبرنامج يجي منفصل عن برنامج الفوتوشوب
لكن
في الاصدارات الاخيرة مثل الاصدار اللي انا استخدمةAdobe Photoshop CS3و المسمى بالاصدار العاشر و ما بعده فإن الاميج ريدي
برنامج الصور المتحركة مدمج معة و هذا سهل الشغلة كثير
http://www.saudienglish.net/vb/uploaded/53254_01279946876.jpg
نجي الان الى التصميم
من قائمة أبدأ نفتح برنامج الفوتوشوبAdobe Photoshop
انا واجهة البرنامج عندي عربية فاللي عندة واجهة انجليزية يتابع معنا الخطوات بالصور وراح يفهم
من قائمة ملف نفتح الصورة اللي راح نصمم عليها الوسائط مثل ما احنا شايفين
http://www.saudienglish.net/vb/uploaded/53254_11279946876.jpg
للي عندهم اصدار الاميج ريدي لوحدة مو مدموج مع الفوتوشوب نكتب النص اللي ودنا نحركة
بحيث ان كل حركة لها نصها يعني مثلاً انا بكتب جملة
I love Saudi English
Iلوحدها
loveلوحدها
Saudi Englishلوحدها
علشان كل وحده تتحرك براحتها :)
نجي التطبيق
كذا
http://www.saudienglish.net/vb/uploaded/53254_21279946876.jpg
بعدها رتبوا النص على الشكل اللي تحبوه في الصورة
انا رتبته كذا
http://www.saudienglish.net/vb/uploaded/53254_31279946876.jpg
الان نجي للحركة
:smile (72):
الجزء الممتع في الموضوع
لمستخدمي الاصدارات الحديثة من الفوتوشوب كل اللي عليكم تروحوا الى قائمة نافذة بالاعلى و تختاروا "مشاهد متحركة"
http://www.saudienglish.net/vb/uploaded/53254_01279947254.jpg
و راح تطلع لكم
قائمة جديدة مثل الفيديو هذي اللي راح نشتغل عليها
http://www.saudienglish.net/vb/uploaded/53254_11279947254.jpg
بالنسبة للاعضاء اللي عندهم الاميج ريدي منفصل عن الفوتوشوب كل اللي عليكمتجوا على القائمة اللي على يدكم اليسار و بالاسفل منها فيه
شكل الاميج ريدي اضغطوا عليه
طبعاً انا اصداري جديد لكن تقريباً بيكون مكان الاشارة هنا اللي بالصورة
http://www.saudienglish.net/vb/uploaded/53254_21279947254.jpg
و هذا شكلها
http://www.hypergurl.com/blog/images/imageready.gif
الان يجي الجزء الممتع ^_^
تحريك الصورة
في بوكس التحريك اللي يشبة الفيديو فيه عده خيارات
فيه ايقونات زي الفيديو تقديم و تأخير و توقف و متابعة
فيه حاجة زي السلسة اسمها تواصل اطارات هذي مالها لازمة بالنسبة لي
و فيه شكل ورقة هذي مهمة اضغطوها سته مرات علشان تضاعف لنا الطبقة و نبدأ الشغل
:small (5):
بحيث يصير فيديو
http://www.saudienglish.net/vb/uploaded/53254_31279947254.jpg
فيه ايقونة قمامة تدل على الحذف اذا بغيتوا تحذفوا احد طبقات الفيديو
و تحت كل طبقة فيه زر مثلث صغيرررررر هذا علشان تضبطوا التوقيت
يعني متى تتحرك الكلمة و متى تظهر و كم مدة ظهورها و هكذا
فيه بالثواني و فيه بالدقايق مثل الصورة هنا
http://www.saudienglish.net/vb/uploaded/53254_01279947498.jpg
الان نبدأ الحركة
http://www.saudienglish.net/vb/uploaded/53254_11279947498.jpg
نختار الطبقة الاولى بحيث تصير زرقاء يعني اننا اخترناها
و لنا في الحركة طريقتين
اما التحريك العادي
او اللعب في الشفافية
و راح نطبق الشفافية
بعد مانكون محددين طبقة الفيديو الاولى بالازرق
نضغط على
حرف I
و من بوكس الطبقات الموجود على يدنا اليمين (اذا ماكان موجود نروح قائمة نافذة و نختار طبقات)
نخلي التضليل صفـــــر بحيث تختفي ال I
و كلمتينlove + saudi english
نشيل العين من جنبهم مثل الصورة و ذلك بمجرد الضغط على العين
http://www.saudienglish.net/vb/uploaded/53254_21279947498.jpg
http://www.saudienglish.net/vb/uploaded/53254_31279947498.jpg
و الان نحط التحديد على طبقة الفيديو الثانية
و نفس اللي فوق
من بوكس الطبقات الموجود على يدنا اليمين
نخلي تضليل الI
50
و الان نكرر العملية نحط التحديد على طبقة الفيديو الثالثة
و نعيد الحركة اللي فوق
من بوكس الطبقات الموجود على يدنا اليمين
نخلي تضليل الI
100
نضعة على طبقة الفيديو الرابعة
و نعيد الحركة اللي فوق تماماً
من بوكس الطبقات الموجود على يدنا اليمين
نخلي تضليل ال I
100
و في نفس الوقت نرجع العين اللي جنب كلمةloveوحدها
مثل الصورة
http://www.saudienglish.net/vb/uploaded/53254_01279947637.jpg
الان نحدد طبقة الفيديو الخامسة
و نعيد الحركة اللي فوق
من بوكس الطبقات الموجود على يدنا اليمين
نخلي تضليل ال I
100
و بس
و في الطبقة السادسة و الاخيرة من الفيديو
نعيد حركة نخلي تضليل ال I
100
و زيادة نحدد العين على كلمة love
و كلمة saudi english
http://www.saudienglish.net/vb/uploaded/53254_11279947637.jpg
و الان نجي عند المثلث الصغير الاسود حق التوقيت ذكرتووووه؟؟؟
نخلي كل الطبقات 0.2
ثانيتين
ماعدا آخر طبقة نخليها 0.5
خمس ثواني
http://www.saudienglish.net/vb/uploaded/53254_21279947637.jpg
و نضغط زر التشغيل حق الفيديو و شوفوا كيف شغلكم؟؟
الان عند الحفظ
للاصدارات الحديثة
نروح ملف
حفظ للويب و الاجهزة
و موافق
اما للاصدرات اللي فيها الاميج ريدي منفصل عن الفوتوشوب
نروح الى حفظ بالاميج ريدي
و نختار حفظ بإسم
و بحيث تكون الصيغة GIF
http://www.saudienglish.net/vb/uploaded/53254_31279947637.jpg
و هذا النتيجة
صورة متحركة
http://www.saudienglish.net/vb/uploaded/53254_01279947765.gif
و هنا مجموعة من تصاميمي قديمة شوي ايام كنت Renoa :girl face (190):
http://www.saudienglish.net/vb/uploaded/53254_11279947765.gif
http://www.saudienglish.net/vb/uploaded/53254_21279947765.gif
http://www.saudienglish.net/vb/uploaded/53254_31279947765.gif
http://www.saudienglish.net/vb/uploaded/53254_01279947872.gif
http://www.saudienglish.net/vb/uploaded/53254_11279947872.gif
ايش رأيكم في الدرس ان شاء الله واضح؟؟؟
الواجب:::
اشوف تصاميمكم الحلوة + أرائكم حول تصاميمي
و بالتوفيق يا حلوين
^___^