درس تصميم وسائط و صور متحركة + تصاميمي
السلام عليكم ورحمة الله وبركاتة
أسعد الله اوقاتكم بالخير و المسرات
:girl face (187):
بما اننا إجازة قلت احسن شئ نقضي اوقات الفراغ فيه بالتصميم
و اتفقت مع البنات على البدء في درس تصميم الوسائط
درس بسيط و خفيف و لذيذ و الكل يقدر يصمم و يبدع
و قبل نبدأ بالدرس لازم نعرف اساسيات "الوسائط" او الصور المتحركة
برنامج الفوتوشوب معروف انه برنامج التصميم
لكن لما نجي نحرك الصورة نستخدم البرنامج الآخر و اللي اكيداً جاي مع الفوتوشوب اسمة
adobe imageready
http://www.freelearn110.com/images/Imageready.gif
هالبرنامج يجي منفصل عن برنامج الفوتوشوب
لكن
في الاصدارات الاخيرة مثل الاصدار اللي انا استخدمةAdobe Photoshop CS3و المسمى بالاصدار العاشر و ما بعده فإن الاميج ريدي
برنامج الصور المتحركة مدمج معة و هذا سهل الشغلة كثير
http://www.saudienglish.net/vb/uploa...1279946876.jpg
نجي الان الى التصميم
من قائمة أبدأ نفتح برنامج الفوتوشوبAdobe Photoshop
انا واجهة البرنامج عندي عربية فاللي عندة واجهة انجليزية يتابع معنا الخطوات بالصور وراح يفهم
من قائمة ملف نفتح الصورة اللي راح نصمم عليها الوسائط مثل ما احنا شايفين
http://www.saudienglish.net/vb/uploa...1279946876.jpg
للي عندهم اصدار الاميج ريدي لوحدة مو مدموج مع الفوتوشوب نكتب النص اللي ودنا نحركة
بحيث ان كل حركة لها نصها يعني مثلاً انا بكتب جملة
I love Saudi English
Iلوحدها
loveلوحدها
Saudi Englishلوحدها
علشان كل وحده تتحرك براحتها :)
نجي التطبيق
كذا
http://www.saudienglish.net/vb/uploa...1279946876.jpg
بعدها رتبوا النص على الشكل اللي تحبوه في الصورة
انا رتبته كذا
http://www.saudienglish.net/vb/uploa...1279946876.jpg
الان نجي للحركة
:smile (72):
الجزء الممتع في الموضوع
لمستخدمي الاصدارات الحديثة من الفوتوشوب كل اللي عليكم تروحوا الى قائمة نافذة بالاعلى و تختاروا "مشاهد متحركة"
http://www.saudienglish.net/vb/uploa...1279947254.jpg
و راح تطلع لكم
قائمة جديدة مثل الفيديو هذي اللي راح نشتغل عليها
http://www.saudienglish.net/vb/uploa...1279947254.jpg
بالنسبة للاعضاء اللي عندهم الاميج ريدي منفصل عن الفوتوشوب كل اللي عليكمتجوا على القائمة اللي على يدكم اليسار و بالاسفل منها فيه
شكل الاميج ريدي اضغطوا عليه
طبعاً انا اصداري جديد لكن تقريباً بيكون مكان الاشارة هنا اللي بالصورة
http://www.saudienglish.net/vb/uploa...1279947254.jpg
و هذا شكلها
http://www.hypergurl.com/blog/images/imageready.gif
الان يجي الجزء الممتع ^_^
تحريك الصورة
في بوكس التحريك اللي يشبة الفيديو فيه عده خيارات
فيه ايقونات زي الفيديو تقديم و تأخير و توقف و متابعة
فيه حاجة زي السلسة اسمها تواصل اطارات هذي مالها لازمة بالنسبة لي
و فيه شكل ورقة هذي مهمة اضغطوها سته مرات علشان تضاعف لنا الطبقة و نبدأ الشغل
:small (5):
بحيث يصير فيديو
http://www.saudienglish.net/vb/uploa...1279947254.jpg
فيه ايقونة قمامة تدل على الحذف اذا بغيتوا تحذفوا احد طبقات الفيديو
و تحت كل طبقة فيه زر مثلث صغيرررررر هذا علشان تضبطوا التوقيت
يعني متى تتحرك الكلمة و متى تظهر و كم مدة ظهورها و هكذا
فيه بالثواني و فيه بالدقايق مثل الصورة هنا
http://www.saudienglish.net/vb/uploa...1279947498.jpghttp://www.saudienglish.net/vb/uploa...1279947498.jpg
نختار الطبقة الاولى بحيث تصير زرقاء يعني اننا اخترناها
و لنا في الحركة طريقتين
اما التحريك العادي
او اللعب في الشفافية
و راح نطبق الشفافية
بعد مانكون محددين طبقة الفيديو الاولى بالازرق
نضغط على
حرف I
و من بوكس الطبقات الموجود على يدنا اليمين (اذا ماكان موجود نروح قائمة نافذة و نختار طبقات)
نخلي التضليل صفـــــر بحيث تختفي ال I
و كلمتينlove + saudi english
نشيل العين من جنبهم مثل الصورة و ذلك بمجرد الضغط على العين
http://www.saudienglish.net/vb/uploa...1279947498.jpghttp://www.saudienglish.net/vb/uploa...1279947498.jpg
و الان نحط التحديد على طبقة الفيديو الثانية
و نفس اللي فوق
من بوكس الطبقات الموجود على يدنا اليمين
نخلي تضليل الI
50
و الان نكرر العملية نحط التحديد على طبقة الفيديو الثالثة
و نعيد الحركة اللي فوق
من بوكس الطبقات الموجود على يدنا اليمين
نخلي تضليل الI
100
نضعة على طبقة الفيديو الرابعة
و نعيد الحركة اللي فوق تماماً
من بوكس الطبقات الموجود على يدنا اليمين
نخلي تضليل ال I
100
و في نفس الوقت نرجع العين اللي جنب كلمةloveوحدها
مثل الصورة
http://www.saudienglish.net/vb/uploa...1279947637.jpg
الان نحدد طبقة الفيديو الخامسة
و نعيد الحركة اللي فوق
من بوكس الطبقات الموجود على يدنا اليمين
نخلي تضليل ال I
100
و بس
و في الطبقة السادسة و الاخيرة من الفيديو
نعيد حركة نخلي تضليل ال I
100
و زيادة نحدد العين على كلمة love
و كلمة saudi english
http://www.saudienglish.net/vb/uploa...1279947637.jpg
و الان نجي عند المثلث الصغير الاسود حق التوقيت ذكرتووووه؟؟؟
نخلي كل الطبقات 0.2
ثانيتين
ماعدا آخر طبقة نخليها 0.5
خمس ثواني
http://www.saudienglish.net/vb/uploa...1279947637.jpg
و نضغط زر التشغيل حق الفيديو و شوفوا كيف شغلكم؟؟
الان عند الحفظ
للاصدارات الحديثة
نروح ملف
حفظ للويب و الاجهزة
و موافق
اما للاصدرات اللي فيها الاميج ريدي منفصل عن الفوتوشوب
نروح الى حفظ بالاميج ريدي
و نختار حفظ بإسم
و بحيث تكون الصيغة GIF
http://www.saudienglish.net/vb/uploa...1279947637.jpg
و هذا النتيجة
صورة متحركة
http://www.saudienglish.net/vb/uploa...1279947765.gif
و هنا مجموعة من تصاميمي قديمة شوي ايام كنت Renoa :girl face (190):
http://www.saudienglish.net/vb/uploa...1279947765.gifhttp://www.saudienglish.net/vb/uploa...1279947765.gifhttp://www.saudienglish.net/vb/uploa...1279947765.gif
http://www.saudienglish.net/vb/uploa...1279947872.gif
http://www.saudienglish.net/vb/uploa...1279947872.gif
ايش رأيكم في الدرس ان شاء الله واضح؟؟؟
الواجب:::
اشوف تصاميمكم الحلوة + أرائكم حول تصاميمي
و بالتوفيق يا حلوين
^___^
رد: درس تصميم وسائط و صور متحركة + تصاميمي
يعطيك الف عافية موني
طبقت كل الخطوات شئ رااااائع
وصلت حتى الحفظ وانحفظت كصورة فوتشوب مو gif
اصداري تسعة
ومن خلال شرحك ياقمر حسيت انه من اللي منفصل
do u have any way to save it?
اخليني انجز بس وبعدبن ارجع اعلق على درسك ياقمر
رد: درس تصميم وسائط و صور متحركة + تصاميمي
طيب ياعيوني
احفظية كصفحة ويب
http://upload.traidnt.net/upfiles/jig88646.gif
و طبقي الاعدادت اللي باللون الاحمر
http://upload.traidnt.net/upfiles/4XV88705.gif
ان شاء الله يضبط معاك بكذا
:)
نورتي التوبك يا عسل
رد: درس تصميم وسائط و صور متحركة + تصاميمي
ما شاء الله تبارك الله
شرح متعوب عليه
اما بالنسبة للتصاميم و الله حلوة
كل التوفيـــــــــــــــق
keep going
رد: درس تصميم وسائط و صور متحركة + تصاميمي
جزاك الله خير يا عسل
انا طبقت
الصورة الأولى فيها خطا
http://www.saudienglish.net/vb/uploa...1279979555.gif
بس الثانية صح
http://www.saudienglish.net/vb/uploa...1279979555.gif
جزاك الله خير والله انك عسل وما قصرتي
يللا تعالي صححي لنا وقولي رايك
رد: درس تصميم وسائط و صور متحركة + تصاميمي
نوافي وين صورتك ؟؟؟؟؟؟؟؟؟
أانا اشطر منك
رد: درس تصميم وسائط و صور متحركة + تصاميمي
رد: درس تصميم وسائط و صور متحركة + تصاميمي
يعطيك الف عافية
شرح كافي ووافي
الف شكر
تحياتي
رد: درس تصميم وسائط و صور متحركة + تصاميمي
رد: درس تصميم وسائط و صور متحركة + تصاميمي
رد: درس تصميم وسائط و صور متحركة + تصاميمي
رد: درس تصميم وسائط و صور متحركة + تصاميمي
رد: درس تصميم وسائط و صور متحركة + تصاميمي
miss noor
راااائعه كروعة حضورك :)
رد: درس تصميم وسائط و صور متحركة + تصاميمي
فهد ان انجلش
ثرى المدينة
Stream
دروب البنفسج
تسلموا اخواني و اخواتي
^_^
الله يعطيكم العافية و شكراً على تشجيعكم
رد: درس تصميم وسائط و صور متحركة + تصاميمي
رد: درس تصميم وسائط و صور متحركة + تصاميمي
الطالبة الحلوة
black_knight
http://www.saudienglish.net/vb/uploa...1280009753.gif
جميل جداً يا مبدعة
واصلـي
رد: درس تصميم وسائط و صور متحركة + تصاميمي
الف شكر حبيبتي
وبارك الله فيك
رد: درس تصميم وسائط و صور متحركة + تصاميمي
رد: درس تصميم وسائط و صور متحركة + تصاميمي
مشكورة استاذة مون
وانا في انتظار دروسك القادمة
رد: درس تصميم وسائط و صور متحركة + تصاميمي
ماشاء الله تبارك الرحمن
إبداااااااااااااااااااع
شرح وافي وكافي (بس عاد أنا قلت لك بالمجلس خخخخ نشبه )
أبدعتي والله ماقصرتي
إذا ضبط المزاج وطبقت
أحط لك تطبيقي هنا
مع العلم انه وحده من البنات زميلتي بالمدرسه علمتني وسويت صوره حلوه
بس الحين نسيت خخخخ
ألف مليوووون تشكرات خيتو
أحلى تقييم لعيونك
رد: درس تصميم وسائط و صور متحركة + تصاميمي
صباح الخير ابلة موني
سويت من امس لليوم يجي عشر تصاميم وكل واحد احلا من الثاني
وعلمت كل الجيران واللي حولي ,,,,ماصدقت تتعلم
تأخرت بس عشان الحفظ
والحمد لله لقيت طريقة
وهذا اول نموذج سويتة معاك بالخطوات مو مثلك تمام بس كان تجربة
http://www.saudienglish.net/vb/uploa...1280023433.gif
تصاميمك رائعة جداا سلمت يداك عليها
وجزاك ربي الجنة
مس نور ولا يهمك التصاميم في الطريق
رد: درس تصميم وسائط و صور متحركة + تصاميمي
الووووووووووووووووووووووو وووو ,,,,
من جد مشكورة بصراحه على هالمواضيع مثل التصاميم اللى انا ماعرف استخدمها ,,,,:smile (38):
لكن انشاءالله بحمل البرنامج هاليومين ,,,,
واسوي احلى واااااااااااااااااااااااا جب ,,, :smile2 (2)::smile2 (2):
رد: درس تصميم وسائط و صور متحركة + تصاميمي
أبله أنا ما حليت الواجب :(
miss noor يصير أستلف معك واجب ماشاء الله عليك شغلك تمــــــام !!!!!!
بس والله استمتعت بالمتصفح
وتصاميمك مررررره رووووووووعه يامون الرائعه والمبدعـــــــه
رد: درس تصميم وسائط و صور متحركة + تصاميمي
صبـــاح الـورد
تسلم لي الطالبـــة المتفوقـــة
شوقتيـــني اشوف بـــاقي التصاميم
http://www.saudienglish.net/vb/uploa...1280035430.gif
يعطيك العافية قلبـــو
رد: درس تصميم وسائط و صور متحركة + تصاميمي
سمـــــــو الاحســــاس
راح أكــــــــون بإنتظار تصاميمك
:)
شكـراً لمرورك أخـوي