دورة تصميم المواقع

[Chakira]

النهاردة ومع ثالث دروس دورة

تصميم المواقع على شبكة فوكـ


ودا نتيجة الدرس مفصل اللى سيتم شرح طريقةة الان

http://romanticsoft.googlepages.com/idearesult.jpg

بسم الله

اولا هنفتح عمل جديد بالمقاس دا




766x700 px and 72 dpi.

واملآ العمل باللون دا

#27282C

http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/1.jpg


هنختار اداة http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/Tools/EllipseTool.gif ونعمل بيها دائرة زى ما قدمنا كدا

http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/2.jpg

ونعمل على الدائرة التأثيرات الاتيه عن طريق

Blending option

Blending Options-Gradient Overlay

http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/3.jpg

http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/4.jpg

Stroke

http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/5.jpg
http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/6.jpg

علشان يكون الناتج عندنا

http://romanticsoft.googlepages.com/idea1.jpg

نعمل دائة اخرى بنفس المقاس بس باللون الاحمر ونعمل عليها التأثيرات الاتيه

Blending Options-Gradient Overlay

http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/8.jpg
http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/9.jpg
http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/10.jpg
http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/11.jpg

ودا الناتج

http://romanticsoft.googlepages.com/idea2.jpg

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

ونعمل عليها ايضا التأثيرات الاتيه

Blending Options-Gradient Overlay

http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/12.jpg

http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/13.jpg

http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/14.jpg
http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/15.jpg

ودا تكون النتيجه بتاعتنا

http://romanticsoft.googlepages.com/idea3.jpg

نعمل دائرة اخيره بنفس المقاس بس الدور دا باللون الازرق

ونعمل عليها ايضا التأثيرات الاتيه

Blending Options-Gradient Overlay

http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/16.jpg
http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/17.jpg
http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/18.jpg
http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/19.jpg

ودا نتيجة الدائرة الاخيره

http://romanticsoft.googlepages.com/idea4.jpg

وبكدا تكون النتيجة الاخيره للدوائر هيا دى

http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/7.jpg

الوقتى عاوزيين نعمل الاضاءة على الدوائر

هنجيب الدائره الاولى ونعمل فوق لير جديدة ونعمل دائره بنفس النظام دا

http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/20.jpg

باللون الابيض ونخلى

Fill 10%

علشان تكون دى النتيجه اللى عندنا

http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/21.jpg

ونطبق الطريقه دى على الدوائر كلها علشان تكون دى النتيجة

http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/22.jpg

خليكو بقى معايا الوقتى فى الحتة دى

اولا هنروح على الدائرة البرتقالى

مع الضغط على ctrl

نضغط كليك شمال علشان نعمل التحديد دا

http://romanticsoft.googlepages.com/idea5.jpg

ونعمل لير جديده ونملأها باللون الابيض

وبعدين هنروح على المسار دا

http://romanticsoft.googlepages.com/idea6.jpg


ونعمل التالى

http://romanticsoft.googlepages.com/idea7.jpg

ونمسح الدائره اللى فى النص

ونمعل على اللير التأثيرات الاتيه

http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/25.jpg

http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/26.jpg

علشان يكون الناتج دا

http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/23.jpg


بكدا كدا هنعمل نسخ للير دى

duplicate layer

ونعمل عليها التأثيرات الاتيه

Blending Options-Gradient Overlay

http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/30.jpg

http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/31.jpg

وبعد كدا هنعمل التحديد دى فوق اللير الاخيره اللى احنا عملناها وعملنا عليه التأثير الاخير

http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/28.jpg

ودى هتكون النتيجة

http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/29.jpg

ونفس الخطوات مع الدوائر الاخرى

علشان تكون النتيجة للدوائر

http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/32.jpg

وبكدا يعتبر الدرس مفصل انتهى

فاضل بس الكتابة على الزراير

http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/33.jpg

http://www.illustrateddesigns.com/img/PhotoshopDesign/tutorials/tutorial176/35.jpg


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

ودا نتيجة الدرس مفصل بتاعنا

http://romanticsoft.googlepages.com/idearesult.jpg

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

وايضا منتظر كل تطبيق منكم اخواتى

وايضا الملف PSD موجود فى المرفقات


فى رعاية الله وامنه:yaaahoooooooh:[/QUOTE]


http://www.focvb.com/vb/showthread.php?t=9428

الرابط الاصلى



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©