منتديات مدينة الاحلام

منتديات مدينة الاحلام (http://m.dreamscity.net/)
-   قسم تطوير المواقع و المنتديات (http://m.dreamscity.net/f41.html)
-   -   شرح تصميم ثيم نيوك من الالف إلى الياء (http://m.dreamscity.net/t7981.html)

php pro 10 - 03 - 2008 19:40

شرح تصميم ثيم نيوك من الالف إلى الياء
 
:: بسم الله الرحمن الرحيم ::
[ و الصلاة والسلام على اشرف الرسلين سيدنا محمد وعلى آله وصحبه أجمعين ]



http://www.traidnt.net/vb/images/smilies/idea.gif http://www.traidnt.net/vb/images/smilies/idea.gif http://www.traidnt.net/vb/images/smilies/idea.gif


:: بسم الله نبدأ الدرس الثالث من الدورة ::


[ :: تصميم الثيم باستخدام برنامج الفوتوشوب :: ]

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

أولاً: قبل ما نشتغل على الفوتوشوب فى حاجات لازم نعرفها قبل ما نبدأ

.:: فقط تابعو الصور ::.

1- الهيدر

http://eng.bido.googlepages.com/10_Gamma.gif

2- الفوتر

http://eng.bido.googlepages.com/11_Gamma.gif

إذاً , عرفنا أماكن الهيدر و الفوتر و البلوك

و الآن نفتح برنامج الفوتوشوب
و نختار file >> new لعمل ملف جديد
نختار المقاسات التالية
http://eng.bido.googlepages.com/12_Gamma.gif

بعدين نختار هذه الاداة علشان نلون الخلفية


http://eng.bido.googlepages.com/13_Gamma.gif

ثم نختار لون الخلفية
انا هنا هاشتغل على اللون الازرق و النيلى و تدرجاتهم

http://eng.bido.googlepages.com/14_Gamma.gif

بعدين نختار هذه الاداة علشان نبدأ فى رسم الهيدر

http://eng.bido.googlepages.com/15_Gamma.gif

ثم نرسم مستطيل فى الاعلى بهاذا الشكل

http://eng.bido.googlepages.com/16_Gamma.gif

نذهب الى الليرات فى اسفل اليمين ونضغط كليك يمين على لير المستطيل الذى رسمنهاه
و نختار Blending opthions
سيظهر هذا المربع

http://eng.bido.googlepages.com/17_Gamma.gif

نختار Gradient overlay على اليسار ثم نضغط على هذا الشريط كما بالصورة

http://eng.bido.googlepages.com/18_Gamma.gif

القسم ده خاص بعمل تدرج لونى للمستطيل
لتغيير الالوان تابع الصورة

http://eng.bido.googlepages.com/19_Gamma.gif

http://eng.bido.googlepages.com/20_Gamma.gif

هنا غيرت الالوان الى اللون النيلى وتدرجاته
ثم نضغط على ok


نعود ثانيةً إلى لوحة التأثيرات نختار stroke
و نطبق الإعدادات اللى فى الصورة بالدقة

http://eng.bido.googlepages.com/21_Gamma.gif

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

http://eng.bido.googlepages.com/22_Gamma.gif

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


http://eng.bido.googlepages.com/15_Gamma.gif

http://eng.bido.googlepages.com/23_Gamma.gif

بعد ذلك نذهب الى الليرات فى اسفل اليمين ونضغط كليك يمين على لير المستطيل الثانى الذى رسمنهاه

و نختار Blending opthions
بعد ذلك نختار Gradient overlay
http://eng.bido.googlepages.com/24_Gamma.gif

بعد ذلك نعمل stroke كما بالصورة

http://eng.bido.googlepages.com/26_Gamma.gif

بعد ذلك نطبق هذا التأثير

http://eng.bido.googlepages.com/26_Gamma.gif

الشكل النهائى للمستطيل الأصفر
بعد ذلك نستخدم نفس الأداة

http://eng.bido.googlepages.com/27_Gamma.gif

لرسم مستطيل ثالث تحت الاصفر ونطبق نفس التأثيرات لاكن بلون اخضر فاتح

http://eng.bido.googlepages.com/27_Gamma.gif

نطبق هذه الاعدادات على لير المستطيل الثالث

http://eng.bido.googlepages.com/28_Gamma.gif

http://eng.bido.googlepages.com/29_Gamma.gif

http://eng.bido.googlepages.com/30_Gamma.gif

انتهينا
هذا هو شكل الهيدر النهائى

http://eng.bido.googlepages.com/31_Gamma.gif

بعد اضافة شوية تأثيرات و اللوجو
انا هنا اخترت لوجو الخبراء
يكون الشكل النهائى كالتالى

http://eng.bido.googlepages.com/32_Gamma.gif

ايه رايكم

http://www.traidnt.net/vb/images/smilies/icon30.gif
انتهينا من الهيدر

قلب جرئ 11 - 03 - 2008 00:10

يعطيك العافية اخوي الغالي


الساعة الآن 09:53.

Powered by vBulletin Version 3.8.7
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd
ترقية وتطوير: مجموعة الدعم العربى
جميع الحقوق محفوظه لمدينة الاحلام ©


SEO by vBSEO