[frame="3 90"]
بسم الله الرحمن الرحيم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته

تعلم فى الهندسة الصناعية كيف تصمم بانر إحترافي لموقعك أو منتداك

الإصدارات " Photoshop CS3-CS2-CS-7 "
مستوى الشرح : متقدم وسوف نجعله متوسطا

الشكل النهائي



وإذا كنت تريد البانر متحركا فهذه فكرة الحركة



حياكم الله جميعا

سوف نتعلم فى هذا الدرس طريقة تصميم بانر " لافتة " Banner لموقعك أو منتداك بطريقة سهلة واحترافية فى نفس الوقت

والله اسأل ان يوفقنى فى تقديم الشرح المناسب لكافة المستويات.

وكى لانطيل فى بعض الخطوات سوف نستخدم بعض الملحقات كى نختصر فى الخطوات ويسهل علينا التطبيق

1. .تدريجات .... Gradients
2. باترين ....... Patterns

يمكنكم تحميل هذه الأدوات من هذه المشاركات ان شاء الله تعالى

http://sites.ienajah.com/vb2/showthread.php?t=706
http://sites.ienajah.com/vb2/showthread.php?t=3598

وفى هذه المشاركة طريقة إضافة الملحقات

http://sites.ienajah.com/vb2/showthread.php?t=229


=====/ بداية الشرح \=====

1- نبدأ بإنشاء ملف جديد بالمقاس التالي 468x60بيكسل



2- نضيف طبقة جديدة ونملئها باللون الأبيض وننسى الطبقة الأخرى مؤقتا ربما نحتاج إليها إذا اردنا بانر متحرك !

3- نضيف ثلاثة طبقات جديدة ونسمى كل طبقة بالتالي ( الجسم - يمين - شمال )



4- نقف على طبقة الجسم ونستخدم أداة التلوين ونضيف اللون الأبيض لهذه الطبقة وسوف نحصل على هذا الشكل



5- نقوم بتطبيق هذه التأثيرات على هذه الطبقة




- تفتح لنا النافذة وسوف نختار من Layer Style فقط كما هو مبين فى الصورة


- الآن نقوم بإضافة أو استبدال التدريجات الموجودة بالتدريج الذى قمنا بتحميله من المرفقات وهذه هى الطريقة

Gradient



- بعد إضافة التدريجات سوف نختار التدريج المشار إليه وهو باللون الأسود




الآن نقوم بالتعديل على إعدادات Stroke ونضع القيم مثل التى فى الصورة . واللون 333333#

Stroke




- وسوف نحصل على الشكل التالي




ملحوظة :( يمكنك إدخال أى تأثير وبالقيم التى تراها مناسبة ( كالأنماط ) ، أنا فقط أستخدم هذه الملحقات للإختصار فى الشرح ) وهذا مثال :




5- الآن نقف على الطبقة التى وضعنا لها إسم ( يمين ) ونستخدم أداة رسم المستطيل

ونرسم مستطيل صغير كما فى الشكل الذى فى الصورة التالية









ملحوظة :( يمكنك إدخال أى تأثير وبالقيم التى تراها مناسبة ( كالأنماط )، أنا فقط أستخدم هذه الملحقات للإختصار فى الشرح ) وهذا مثال :





وسوف نحصل على هذه النتيجة



6- الآن نقف على الطبقة التى أسميناها ( شمال ) ونستخدم أداة رسم المستطيل

وبنفس طريقة الخطوة السابقة نرسم مستطيل على جهة الشمال ولكن بحجم أكبر كما فى هذه الصورة



نتابع معا مالذى يجب تعينه فى خيارات كل تأثير

Gradient Overlay


ملحوظة :( يمكنك استخدام أى تأثير وبالقيم التى تراها مناسبة ( كالأنماط ) ، أنا فقط أستخدم هذه الملحقات للإختصار فى الشرح ) وهذا مثال :



Pattern Overlay


Stroke




وبعد الضغط على OK سنحصل على الشكل التالي




وسوف ننتهى عند هذه المرحلة بكتابة إسم الموقع وعنوانه بهذا الشكل




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

والله أسأل أن أكون قد وفقت فى تقديم الدرس بسهولة كى يستفيد أكبر عدد ممكن من محبي التصميم
أخير لايبقى إلا طلب الدعاء فلا تنسونا من صالح دعائكم

مـ(أجمل تحية لكم جميعا)ـع
أبو هــــMــــام


[/frame]