تسجيل الدخول

مشاهدة النسخة كاملة : تصميم شعار windows vista بالفوتوشوب.


سراب_88
2008-12-17, 22:10
http://djmagicsaid.ifrance.com/bsm.gif
http://djmagicsaid.ifrance.com/lin.gif
تصميم شعار أو لوجو Windows Vista.
http://djmagicsaid.ifrance.com/lin.gif
نبد أ على بركة الله مع الدرس:
http://djmagicsaid.ifrance.com/lin.gif

1-إفتح برنامج الفوتوشوب كيف العادة(ههههه:D ).

2-قم بعمل جديد بالضغط على file ثم new و اختر مقاس 500*500.

3-(ممكن تضع أي خلفية أنا عملت degrade مثل اللي موجود في اللوجو) تقوم باختيار هذه الأداةhttp://djmagicsaid.ifrance.com/img/eclps.gif و تقوم بعمل دائرة وتملأها بهذا اللون 192D5C.
http://djmagicsaid.ifrance.com/img/vistalogo/me1.jpg

4-تقوم بتطبيق هذه الإعدادات على Blending Options:

Blending Options-Inner Glow
http://djmagicsaid.ifrance.com/img/vistalogo/1.jpg

Blending Options-Gradient Overlay
http://djmagicsaid.ifrance.com/img/vistalogo/2.jpg

Gradient’s parameters
http://djmagicsaid.ifrance.com/img/vistalogo/3.jpg

وهذا الناتج:
http://djmagicsaid.ifrance.com/img/vistalogo/me1.jpg

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

5-ستكون هذه الأداة http://djmagicsaid.ifrance.com/img/PenTool.gif هي الأفضل للمتابعة قم برسم الشكل التالي:
http://djmagicsaid.ifrance.com/img/vistalogo/me2.jpg


6-تقوم بتطبيق هذه الإعدادات على Blending Options:

Blending Options-Outer Glow
http://djmagicsaid.ifrance.com/img/vistalogo/4.jpg

Blending Options-Bevel and Emboss
http://djmagicsaid.ifrance.com/img/vistalogo/5.jpg

Blending Options-Gradient Overlay
http://djmagicsaid.ifrance.com/img/vistalogo/6.jpg

Gradient’s parameters
http://djmagicsaid.ifrance.com/img/vistalogo/7.jpg

فتحصل على الشكل التالي:
http://djmagicsaid.ifrance.com/img/vistalogo/me2.jpg

7-إعمل مضاعفة للاير duplicate layer ثم حرك اللايرات المحصل عليها لتحصل على الشكل التالي:(ستكون باللون الأخضر فقط و سنقوم بتغييرها في المراحل التالية)
http://djmagicsaid.ifrance.com/img/vistalogo/me3.jpg

8-بالنسبة للون البرتقالي طبق الإعدادات التالية على Blending Options:

Blending Options-Outer Glow
http://djmagicsaid.ifrance.com/img/vistalogo/8.jpg

Blending Options-Bevel and Emboss
http://djmagicsaid.ifrance.com/img/vistalogo/9.jpg

Blending Options-Gradient Overlay
http://djmagicsaid.ifrance.com/img/vistalogo/10.jpg

Gradient’s parameters
http://djmagicsaid.ifrance.com/img/vistalogo/11.jpg

9-بالنسبة للون الأحمر طبق الإعدادات التالية على Blending Options:

Blending Options-Outer Glow
http://djmagicsaid.ifrance.com/img/vistalogo/12.jpg

Blending Options-Bevel and Emboss
http://djmagicsaid.ifrance.com/img/vistalogo/13.jpg

Blending Options-Gradient Overlay
http://djmagicsaid.ifrance.com/img/vistalogo/14.jpg

Gradient’s parameters
http://djmagicsaid.ifrance.com/img/vistalogo/15.jpg

10-بالنسبة للون الأزرق طبق الإعدادات التالية على Blending Options:

Blending Options-Outer Glow
http://djmagicsaid.ifrance.com/img/vistalogo/16.jpg

Blending Options-Bevel and Emboss
http://djmagicsaid.ifrance.com/img/vistalogo/17.jpg

Blending Options-Gradient Overlay
http://djmagicsaid.ifrance.com/img/vistalogo/18.jpg

Gradient’s parameters
http://djmagicsaid.ifrance.com/img/vistalogo/19.jpg

11-ستحصل أخيرا على هذا الشكل لكن لا بد من إضافة تأثيرات على الإضاءة و سنقوم بالشرح في المرحلة التالية:
http://djmagicsaid.ifrance.com/img/vistalogo/me3.jpg

12-إستخدم هذه الأداة http://djmagicsaid.ifrance.com/img/eclps.gif مرة أخرى و ارسم مثل هذا الشكل و أضف قليلا من الشفافية أي قلل من نسبة transparence:
http://djmagicsaid.ifrance.com/img/vistalogo/me4.jpg

13-طبق عليه هذه الإعدادات:

Blending Options-Gradient Overlay
http://djmagicsaid.ifrance.com/img/vistalogo/20.jpg

Gradient’s parameters
http://djmagicsaid.ifrance.com/img/vistalogo/21.jpg

14-ضاعف اللاير السابق و حركه على اليمين:
http://djmagicsaid.ifrance.com/img/vistalogo/me5.jpg

طبق على اللاير الناتج هذه الإعدادت:
http://djmagicsaid.ifrance.com/img/vistalogo/22.jpg

15-إستخدم هذه الأداة http://djmagicsaid.ifrance.com/img/eclps.gif مرة أخرى و ارسم إهليج صغير بين اللايرين السابقين و أضف قليلا من الشفافية أي قلل من نسبة transparence.
http://djmagicsaid.ifrance.com/img/vistalogo/me6.jpg

16-وتحصل على التطبيق النهائي (و هو من تصميمي):D :
http://djmagicsaid.ifrance.com/img/vistalogo/djmagicsaid%20copie.jpg



http://djmagicsaid.ifrance.com/lin.gif
الى هنا نصل الى نهاية هذا الدرس أتمنى أن يروقكم ولا تترددوا بطرح أي سؤال اذا كان هناك شيء غير مفهوم. كما أتمنى أن أرى تطبيقاتكم و تكون بأفكار جديدة.

الى اللقاء في دروس أخرى إن شاء الله
http://djmagicsaid.ifrance.com/lin.gif

هاوي تصميم
2008-12-19, 22:25
السلام عليكم
درس جميل جدا و تطبيق أروع
تسلم يديك

امير الجود
2009-01-31, 01:45
بارك الله فيــك اخـــي على المجهود

الأخ سعيد
2009-02-19, 00:30
http://img21.imageshack.us/img21/7444/2794nx1.gif

hamada djelfa jdida
2009-02-20, 05:17
mكيف عملت الدائرة انا خوك راني راح نهبل

OUSSAMA46
2009-03-04, 21:54
مممممممممممشششششششششككككككككككككككوووووووووورررررر ررررررررررررر