تقدم ,, وارقى تميّزاً ...[ Mms lesson ]

[الع ـابره]

صباحاتكم / مساءاتكم طهر ,,



سَ تنطلق بإذن سلسلة دروس الوسائط , أو إضافة مؤثرات حركية للتصميم .

يتم ذلك عن طريق إستخدام الأنيميشن ( فوتشوب 10 - 12 ) أو برنامج الايميج ردي ( فوتشوب 8 ) ..

بإذن الله نأخذ في كل إسبوع درس , وقد تقصر المدة على حسب الإنشغالات , أو يضاف درسين .

مسكن جميع الدروس هنا في هذا المتصفح ..



تلويحة /

تمنع الردود منعا باتا , ماعدا [ الإستفسار - التطبيق ] , غيره يرجى عدم إدارجه حتى لا تكدس الصفحات وتضيع الفائدة : )

لن تزيد الدروس عن 10 , لأنه جُعل لنتعلم أساسياته وإنما هو إبداعك الخاص : )



أطيب المنى وأعذبها ..,

[الع ـابره]

الدرس الأول /


نفتح عمل جديد بِ مقاسات 170×170 , " الأفضل للوسائط هذا المقاس " نسحب الصورة المختارة إلى مساحة العمل , ثم نضاعف الطبقة عن طريق ctrl+J .

نطبق على الطبقة رقم 2 مايلي :

مرشح ~> تنقيطية ~> تشطير .

filter~> pixelate~> fragment

بعدها نضاعف 2 ونطبق على الطبقة رقم 3 مثل ماسبق , وكذلك إلى نصل إلى طبقة 6 حتى يتضاعف التأثير في كل طبقة .

المجموع الكلي للطبقات 6 طبقات .

بعدها نضيف النص .. نسحب النص الأول [ سبحان الله ] إلى الأعلى عن طريق الفارة أو الأسهم إلى أن يخرج عن مساحة العمل .

ونسحب النص الثاني [ وبحمد ] إلى اليمين لحين أن يختفي أو يخرج عن مساحة العمل .


ننتقل الآن إلى الإيميج ردي عن طريق الإيقونة http://www.m1111.net//uploads/images/m1111.net-ea03f965d0.jpg أسفل الأدوات لأصحاب الفوتشوب 8 , أما 12 عن طريق النافذة ~> مشاهد الحركة أو الأنيميشن .

* أصحاب فوتشوب 8 , إذا لم يظهر لديكم في برنامج الإيمج ريدي شريط مشاهد الحركة , اذهب إلى النافذة ~> مشاهد حركة .


1- نخفي العين عن جميع الطبقات ماعدا الأولى http://www.m1111.net//uploads/images/m1111.net-b6ec23620e.jpg

2- نضغط على http://www.m1111.net//uploads/images/m1111.net-41e6d4db3a.jpg أسفل شريط الإنيميشن , ونفتح العين عن الطبقة رقم 2 .

3- نكرر الخطوة السابقة ونفتح العين عن الطبقة رقم 3 .... وكذلك إلى 6 .

4- وصلنا عند النص .. نضيف طبقة في شريط الإنيميشن http://www.m1111.net//uploads/images/m1111.net-41e6d4db3a.jpg نفتح العين عن لير الكتابة [ سبحان الله ] "كلمة سبحان الله لن تظهر لأنها بالأساس خارج مساحة العمل " , طبعا تكون الليرات الستة السابقة كلها ظاهرة .

5- نضيف طبقة في شريط الإنيميشن ثم نسحب كلمة [ سبحان الله ] من خارج مساحة العمل إلى منتصفه "يعني من أعلى إلى أسفل " يفضل هنا إستخدام الأسهم حتى لا تتغير مواضع الكلمة .

6 - نضغط على http://www.m1111.net//uploads/images/m1111.net-a0b364be31.jpg أسفل شريط الأنيميشن ونترك القيم على ماهي أو نضع 5 في إطارات الإضافة ثم نضغط موافق .

نلاحظ تكرر الطبقات في شريط الإنيميشن إلى 5 طبقات .

7 - نضيف طبقة http://www.m1111.net//uploads/images/m1111.net-41e6d4db3a.jpg نفتح العين عن لير [ وبحمد ] ثم نضيف طبقة ثانية.

8- نسحب [ وبحمده ] من اليمين إلى اليسار , ثم نضغط على http://www.m1111.net//uploads/images/m1111.net-a0b364be31.jpg نضع القيم 5 ثم موافق .

آخر خطوة , نأخر ثواني أخر طبقة في الأنيميشن إلى 5 ثواني http://www.m1111.net//uploads/images/m1111.net-3b62fd1056.jpg

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

http://www.m1111.net//uploads/images/m1111.net-73320692fe.jpg

النتيجة : )


http://www.m1111.net//uploads/images/m1111.net-5d62b52bb7.gif





تسعدني إستفساراتكم / تطبيقاتكم ..


أتمنى أني وفقت في الشرح .. وشكرا مطرا ع الإنصات : ) .

[كاتم الجروح]

شآكر لكٍ آختي الع ـآبره ..ع الفكره والمجهود .
.
وهذآ تطبيقي آلبسيط ..:



http://www.mareeb.net/vb/uploaded/11415_1303203532.gif

[الع ـابره]

أهلا بك أخوي كاتم , ماشاء الله ع تطبيقك 10/10 ..

آخر طبقة في الإنيميشن لو مدت في ثوانيها منشان توقف عندها شوي وبعدها يعيد التصميم,.

على فكرة حلوة إضافاتك على التصميم , شكرا لحضورك وتطبيقك : )

[قلب شبوه]

آمنيتي اتعلم الوسائط فعلا
واسوي لي وسائط خاصه بكلمات خاصه بي
ان شاء الله رح احققها
بس خلوني احمل الفوتو ذا ..

شكرا جزيل على المجهود وجزاج ربي خير

[الع ـابره]

وقريبا : )

هنا البرامج من رفع الأخ الجشعاني http://www.mareeb.net/vb/showthread.php?t=38732


وانتظرك بإبداعك ..

[الع ـابره]

الدرس الثاني /




نفتح عمل بِ مقاسات 170×170 , نختار الصورة , ونضيف النص مع التأثيرات ,

آخر طبقة تكون مطلية بِ لون واحد http://www.m1111.net//uploads/images/m1111.net-e30e4ea18b.jpg .

2- نجعل لير أو طبقة الصورة فوق الطبقات جميعها , نختار أداة التحديد http://www.m1111.net//uploads/images/m1111.net-432025bd69.jpg نحدد على مربع واحد ولكم الحرية في الإبتداء : )

http://www.m1111.net//uploads/images/m1111.net-a3d52f2ee4.jpg بعدها نضغط على ctrl+J ,

نلاحظ أن المربع المحدد قد تكرر , ونكرر ذلك على باقي أجزاء الصورة , يظهر معنا في الليرات http://www.m1111.net//uploads/images/m1111.net-d6eb9e2519.jpg


3- نضاعف لير النص الأول [ سقف البلاء ] ctrl+J , ونطبق عليه الفلتر الآتي

مرشح ~> تمويه ~> تمويه توجيهي
filter~> Blur ~> Motion Blur

ونجعل القيمة في الفراغ الأول [ 0 ] وفي الفراغ الثاني [ 50 ] .

4- نضاعف لير النص الثاني [ أكثر إرتفاعا للصابرين ] مرتين ctrl+J . في اللير المنسوخ الأول نخلي موده ضبابي والشفافية صفر , أما الثاني ضبابي والشفافية 100 http://www.m1111.net//uploads/images/m1111.net-c303229f19.jpg .



نفعل الإيميج ردي أو ننتقل له .



1- عند أول طبقة في صندوق مشاهد الحركة http://www.m1111.net//uploads/images/m1111.net-c4bc1f8379.jpg , نظهر جميع طبقات الصورة " المقسمة " و الطبقة الأخيرة " اللون الموحد", ونخفي طبقات النص ,
http://www.m1111.net//uploads/images/m1111.net-48fc4d5158.jpg


2- نضيف طبقة في مشاهد الحركة http://www.m1111.net//uploads/images/m1111.net-49ec45dbd6.jpg ونختار أي من مربعات الصورة ونخرجه خارج مساحة العمل " كما أخذناه في تأثير النص الدرس السابق "
ثم نضغط على http://www.m1111.net//uploads/images/m1111.net-8a3c329a6d.jpg والقيمة تكون 10 ........... وهكذا مع جميع الطبقات المقسمة .

* سَ تظهر لنا الطبقة الأخيرة " اللون الموحد "

3- نضيف طبقة http://www.m1111.net//uploads/images/m1111.net-49ec45dbd6.jpg ونظهر لير النص الأول [ سقف البلاء ] "المنسوخ -تأثير-" . ونضيف طبقة ثانية http://www.m1111.net//uploads/images/m1111.net-49ec45dbd6.jpg ونخفي العين عن لير المنسوخ ونظهر الأساسي , ثم من مربع http://www.m1111.net//uploads/images/m1111.net-8a3c329a6d.jpg نجعل القيمة 7

4- نضيف طبقة http://www.m1111.net//uploads/images/m1111.net-49ec45dbd6.jpg ونظهر لير [ أكثر إرتفاعا للصابرين ] "المنسوخ الأول -ضبابي-" شفافية ( صفر ) , ثم طبقة أخرى http://www.m1111.net//uploads/images/m1111.net-49ec45dbd6.jpg ونخفي عن المنسوخ الأول , ونظهر الثاني "شفافية 100" , ومن خلال http://www.m1111.net//uploads/images/m1111.net-8a3c329a6d.jpg نجعل القيمة 7.

5- نضيف طبقة http://www.m1111.net//uploads/images/m1111.net-49ec45dbd6.jpg ونظهر النص الأساسي [ أكثر إرتفاعا للصابرين ] ونخفي المنسوخين , ومدة آخر طبقة تكون ثانية أو أقل بقليل .

عدد الطبقات في صندوق الأنيميشن 69 طبقة : )

النتيجة /


http://www.m1111.net//uploads/images/m1111.net-d5adeac7bb.gif

　
مع أرق التحايا : )

[كاتم الجروح]

بعد عنآ مع آلفوتوشوب .. :18:

درس جميل .وسهلآ لكن في بعض آلصعوبه ..


آلتطبيق /



http://www.mareeb.net/vb/uploaded/11415_1306866336.gif



وآلعفو منكٍ آآختي آلع ـآبره ع عدم آلمتآبعه

دمتٍ بخير ’’

[الع ـابره]

أشكرك أخي / كاتم , على التطبيق ..

كذلك شكرا لِـ تفانيك في قسم التصميم ..

عموما في الدرسين الماضيين تم إضافة أكثر من حركة لـ الإنيميشن, ونظرا لعدم التواجد المسبق من المصممين الأكارم اضطررت إلى توقيف السلسة , لأنني أظن أن المرجو قد وصل : ) ..

الأهم في الأنيميشن زر الـ تولين ...

أتمنى صادقة أنني قد أفدت ولو بِ يسير ..

شكرا لـِ الجميع وخاصة ريشة الأخ كـأتم ....

مع أطيب الأماني وأصدقها : )

[الع ـابره]

فين أيقونة التعديل !!

قصدت بِ الـ تولين هذا الزر http://www.mareeb.net/vb/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAASCAIAAAA luTLKAAADoklEQVQ4ja1TS0szSRTtXzMMzP+SKLhw6VbQT5cKB qOJiemY3gSMTwgEhKCBSEQmRGPMo82j+lGv7qru6kdUehblyMz +u9xFcaHuPffcc5R0Ol2pVPb29srlcj6fPzo60jQtk8nIdzqdL hQKqqrmcrlMJqNpWqlUKhQK2Ww2m82enJyUy2VVVeVbhnJxceF 5HiEkjmNKKUIojmPHcTzPE0LEcQwAWCwWjDEhBCGEMcYY45z7v s85p5QyxsIwZP+Gsr+/H0VRGIa+72OMMcaccwgh5xwhZJpmFEW2bfu+77oupdRxHIyxbE QIMQzDsiz3P6EUCoUkSYIgQAgxxuRkhND19XUqlVpdXa3VaqZp BkGwWCwQQkIIzrnrupzzIAjCMJSVn/juiBACAMiS67qMseXl5SRJkiRZWlpijE0mE8MwOOeWZVFKKaUQ QkKI7/ue50nUMpRcLpckie/7P0wRQoQQKysrcRwHQZBKper1+tbW1vb29v39PcZY4uWcY4wJI ZTSH34ZY98dgyBgjLmuixDCGEMIq9Xq2tra+vr6wcHBr1+/XNdNkmRjYwNCOJvN5vO54zhCCPnL87z/8fj19eU4DoTQcZwwDKMoMk3TNM1Op/Pw8NBsNnd3d33fD8NQwtQ07fT0tN1uy0NBCOWhvjEWi8XPz0+p G9d1Jdm2bQMA3t7e+v3+y8vL+fn55ubmzs5OpVIpFouUUs65qq qu61qWRQgJgkB2p5Qqx8fHkkd5E9u2IYTy7qZpAgBM0xwOh61W q9lsPj09qaoqhLBtW9O0VqvVaDRqtVq325VjPM9T8vl8kiScc3 kZyWMQBBhjhJBlWYZhSBLG43G32726ujo7OyuVStVqtV6vSxCN RmM+n8stlVKplCQJxtiyLCGE53mMMSlPORNjLDvOZrPBYAAhlH gHg8HNzY2u65PJ5PLyUtd127YZY9969DwPQiiV6DgOQkhu8WM1 aSdK6fPz83Q67ff7nU6n2Wze3d3d3t4+Pj72er3JZAIhVA4PDz 8+PuI4jqJI+kwIIZUhDSfFIWmRjiaEzGaz4XA4Ho+lHtrt9mg0 AgAghJRqteo4jmVZclPTNH3fp5RKiUnBS6FJPfi+DwAQQiRJYh iGbdtRFEmPyxWVXq8PIX56+hsAczx+f319A8Ds9wfd7ouuT+Zz YzTSX1/fBoPRePw+Gukyu92X2QwMh+PpdN7r9YfDsa5P3t+no5Gu/PnHX783FQvg35v/ACKis2FEvJdFAAAAAElFTkSuQmCC