.|| عـبـود ||.
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
واللي عنده استفسار عن نقطه معينه انا حاضر
لكم مني كل الود
عبود
اقدم لكم درس تصميم نص مشع وجدته بإحد المنتديات
واعجبني فحبيت افيدكم فيه ..
الدرس سهل وجميل جدا , واكيد رح يعجبكم لانه فيه حركة
خلينا نبدا , احب اقول شئ وهو ان كل مصمم وذوقه وطريقة
تعامله في التصميم يعني مش بالضرورة ان يكون تطبيقكم مثل
تطبيقي , ممكن يكون في شوية اختلاف لكن المهم نفس النتيجة
نبدأ
اولا افتح عمل جديد بالمقاسات التالية :
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
واللي عنده استفسار عن نقطه معينه انا حاضر
لكم مني كل الود
عبود