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

مشاهدة النسخة كاملة : [درس] تصميم نص مشع - جميل جداً !! لا يفوتكم !!


.|| عـبـود ||.
17-09-06, 02:08 AM
السلام عليكم ..

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

واعجبني فحبيت افيدكم فيه ..

الدرس سهل وجميل جدا , واكيد رح يعجبكم لانه فيه حركة

خلينا نبدا , احب اقول شئ وهو ان كل مصمم وذوقه وطريقة

تعامله في التصميم يعني مش بالضرورة ان يكون تطبيقكم مثل

تطبيقي , ممكن يكون في شوية اختلاف لكن المهم نفس النتيجة

نبدأ

اولا افتح عمل جديد بالمقاسات التالية :

Width = 250

Height = 120

والافضل ان نقوم بتعبئة الخلفية باللون الاسود

الان نقوم بكتابة ما نريدة في العمل

http://www.tassmim.com/upload/Photoshop/Lesson2/1.jpg

نقوم بمضاعفة طبقة (لاير) الكتابة

(بالامكان الاختصار والضغط على Ctrl + J)

http://www.tassmim.com/upload/Photoshop/Lesson2/2.jpg

الان في اللاير الجديد الذي قمنا بعمله نقوم بالضغط بالزر الايمن

للفارة ومن ثم اختيار Blending Options

http://www.tassmim.com/upload/Photoshop/Lesson2/3.jpg

نختار Outer Glow ونضبط الاعدادات كما هو موضح في الصورة

http://www.tassmim.com/upload/Photoshop/Lesson2/4.jpg

ومن ثم نضغط OK

http://www.tassmim.com/upload/Photoshop/Lesson2/5.jpg

والنتيجة هي

http://www.tassmim.com/upload/Photoshop/Lesson2/6.jpg

الان سننتقل الى برنامج ال ImageReady وهو برنامج

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

نضغط كما هو موضح بالصورة

http://www.tassmim.com/upload/Photoshop/Lesson2/7.jpg

ننتظر بضع دقائق حتى يتم تشغيل البرنامج . هذا البرنامج مشابه

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

الان بعد ان تم فتح البرنامج سنرى ان التصميم الذي نعمل عليه

مفتوح في هذا البرنامج في الجانب من ناحية اليمين في صندوق

اللايرات (الطبقات) نقوم بإزالة العين من جانب اللاير الذي يحتوي

على النص المشع

http://www.tassmim.com/upload/Photoshop/Lesson2/8.jpg

الان نذهب الى صندوق Animation في الاسفل ونقوم باضافة

مقطع جديد كما هو موضح في الصورة

(ملاحظة : اذا لم تجد صندوق الAnimation اضغط على

Window في البرنامج من الاعلى واختر Animation)

http://www.tassmim.com/upload/Photoshop/Lesson2/9.jpg

الان ونحن في المقطع الجديد الذي اضفناه نذهب الى صندوق اللايرات

(الطبقات) في اليمين ونقوم باضافة العين مرة اخرى بجانب النص المشع

http://www.tassmim.com/upload/Photoshop/Lesson2/10.jpg

الان نقوم باختيار المقطعين بنفس الوقت ونضغط على Tween كما

في الصورة ..

( لاختيار المقطعين في نفس الوقت نضغط Ctrl ونضغط بزر

الفارة على المقطع الذي نريد اختياره )

http://www.tassmim.com/upload/Photoshop/Lesson2/11.jpg

نضبط الاعدادات كما في الصورة

http://www.tassmim.com/upload/Photoshop/Lesson2/12.jpg

الان سيتكون لدينا 7 مقاطع نقوم بالضغط على المقطع الاخير

والمفروض ان يكون رقم 7

ثم نقوم بعمل مقطع جديد

(من المهم جدا ان نختار المقطع السابع قبل اختيار اضافة مقطع جديد)

http://www.tassmim.com/upload/Photoshop/Lesson2/13.jpg

بعد ان اضفنا المقطع الجديد وهو المقطع الثامن نقوم بالذهاب

مره اخرى الى صندوق اللايرات (الطبقات) ونزيل العين من جانب

النص المشع

http://www.tassmim.com/upload/Photoshop/Lesson2/14.jpg

الان نقوم باختيار المقطعين السابع والثامن في نفس الوقت

(كما وضحت الطريقة سابقا)

http://www.tassmim.com/upload/Photoshop/Lesson2/15.jpg

نقوم بضبط الاعدادات كما في الصورة

http://www.tassmim.com/upload/Photoshop/Lesson2/16.jpg

وفي النهاية نقوم بحفظ الصورة المتحركة

File -->Save Optimized As

http://www.tassmim.com/upload/Photoshop/Lesson2/17.jpg

والنتيجة

http://www.tassmim.com/upload/Photoshop/Lesson2/18.gif

وهذا مثال لبنرنا حق الدعايه

طبعا هو مو نص مشع لكن صور متحركه

انا وضعت البنر عشان تعرفون ان ما فيه فرق بدال

الكتابه شبكة للتصميم تحطون صوره

http://www.7zzz7.com/images/7zzz7.gif

واللي عنده استفسار عن نقطه معينه انا حاضر

لكم مني كل الود

عبود

دلوعة ابوها
17-09-06, 02:19 AM
حلو الدرس

بس شويه طويل

ان شاء الله اتشوف تطبيقي بأقرب وقت

شكرا لك

.|| عـبـود ||.
17-09-06, 02:25 AM
:7zzz7 (27

ايه فعلا شوي طويل

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

قلت انقله لان كثير يريدون تحريك الصور عن طريق الايمج ردي

وونتظر تبطيقك .. وخوذي راحتك يالغلا

لكِ كل الود

:7zzz7 (27

دلوعة ابوها
17-09-06, 09:48 AM
سويته سهل اخذ مني بس 30 دقيقة

هذا تطبيقي :)

http://www.tit2.com/up/uploads/30f0ad5c5e.gif

حــنــان
18-09-06, 09:08 PM
شكراااااااااا عبــود عالدرس

حلوو كثير.. يعطيك العافية..


سويته . بس احس انه فيه شي غلط!!!!

:s-29:

:s-50:

.|| عـبـود ||.
19-09-06, 02:58 AM
والله رووووعه تطبيقاتكم حيييييييل روووووعه

حنان بالنسبه انتي ما اخرتي الوقت يعني خلي الشريحه الاخيره

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

لكن جد طالعه جوناااااااااااان

شاكر لكم على مروركم وتفاعلكم مع الشرح

لكم مني ارق التحايا