الدرس الاول من دورة تصميم المواقع (تصميم موقع استضافه)

[عبدالله ابراهيم]

السلام عليكم ورحمة الله وبركاته

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

تصميم موقع استضافه

يارب يكون الدرس خفيف عليكم

دى نتيجة الدرس

http://img441.imageshack.us/img441/5481/resultwm4.jpg


الموضوع الاصلى

http://www.focvb.com/vb/t9314.html (http://www.focvb.com/vb/t9314.html)

ياريت تخليكم معايا واحده واحده ومش عاوز حد يتوه منى

هنفتح عمل جديد

Size : 760*770 pixels

هنملآ العمل بخلفيه بيضه

وبعديين هنختار اداة

rounded rectangle tool

ونخلى raduis

10 pixels

http://img101.imageshack.us/img101/496/11258232xe2.jpg

وبعديين نعمل الاشكال زى اللى موجود قدامنا دا

http://www.talk-mania.com/tutorials/tutorial133/1.jpg

بعد كدا هنعمل مربع تانى بنفس الاداة ولكن انا استخدمت اللون الاحمر علشان نميزه

http://www.talk-mania.com/tutorials/tutorial133/2.jpg

وبعدل نضغط

CTRL+T ( Free transform tool )

ونلف المربع او ممكن نلف المربع باضافه القيمة دى

http://www.talk-mania.com/tutorials/tutorial133/3.jpg

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

http://www.talk-mania.com/tutorials/tutorial133/4.jpg

والوقتى لازم تكون فايقيين معايا شويه

احنا عاوزيين نعمل الشكليين دول شكل واحد بحيث يكون كدا

http://www.talk-mania.com/tutorials/tutorial133/10.jpg

خليكو معايا شويه

احنا عندنا طريقتيين لعمل الطريقة دى

الاولى

احنا عندنا 2 لير

http://www.talk-mania.com/tutorials/tutorial133/5.jpg

عندنا شكل 3 وعندنا شكل 2

بتضغط

CTRL+E

وتدمج اللير فى بعض

وبعديل بتعمل تحديد وتمسح اللير وتختا اداة الالوان وتملآ التحديد

والطريقة التانيه

اول حاجه هتضغط ctrl وهتضغط ضغطه بالماوس على شكل 3

هيطلع ليك التحديد حوليين الشكل

هتغط

ctrl+sheift

وتضغط على اللير اللى فوقها وهيا شكل 2

هيطلع ليك التحديد اللى احنا محتاجينه

تعمل لير جديد وتملآ التحديد وتمسح الاتنين لير القديمه

بعد كدا هنروح نعمل شوية تأثيرات على اللير اللى احنا عملناه عن طريق

blending options

http://www.talk-mania.com/tutorials/tutorial133/6.jpg

http://www.talk-mania.com/tutorials/tutorial133/7.jpg

http://www.talk-mania.com/tutorials/tutorial133/8.jpg

http://www.talk-mania.com/tutorials/tutorial133/9.jpg

علشانتبقى دى النتيجة

http://www.talk-mania.com/tutorials/tutorial133/10.jpg


هنعمل نفس التأثيرات على العمود اللى فى الشمال

وعلشان مش تتعب نفسك وتعمل التأثيرات من اول وجديد

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

copy layer style

ونروح للير الجديد اللى هيا العمود وكليك يمين عليها ونختار

paste layer style

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

http://www.talk-mania.com/tutorials/tutorial133/12.jpg

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

هنروح على اللى باللون الاخضرونعمل عليها ايضا بعض التأثيرات

http://www.talk-mania.com/tutorials/tutorial133/13.jpg
http://www.talk-mania.com/tutorials/tutorial133/14.jpg

http://www.talk-mania.com/tutorials/tutorial133/8.jpg
http://www.talk-mania.com/tutorials/tutorial133/9.jpg

ودى النتيجة

http://www.talk-mania.com/tutorials/tutorial133/15.jpg

هنروح عى المربع اللى جمبة على اليمين وهنعمل ايضا نفس التأثيرات بس مع تغير الالوان

http://www.talk-mania.com/tutorials/tutorial133/16.jpg
http://www.talk-mania.com/tutorials/tutorial133/17.jpg

http://www.talk-mania.com/tutorials/tutorial133/8.jpg
http://www.talk-mania.com/tutorials/tutorial133/9.jpg

ودى النتيجة

http://www.talk-mania.com/tutorials/tutorial133/18.jpg

ومن هنا تكون دى نتيجة التأثيرات اللى احنا عملناه على التأثير

http://www.talk-mania.com/tutorials/tutorial133/19.jpg

يا رتى يا جماعه لسا معايا ولا ايه بالظبط

حاسس الناس تاهمت منى

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

يلا كملو معايا

الوقتى هنعمل الزراير

نختار اداة

rounded rectangle tool

ونخلى raduis

10 pixels

ونعمل مستطيل

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

http://www.talk-mania.com/tutorials/tutorial133/30.jpg
http://www.talk-mania.com/tutorials/tutorial133/31.jpg

http://www.talk-mania.com/tutorials/tutorial133/8.jpg
http://www.talk-mania.com/tutorials/tutorial133/9.jpg

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

http://www.talk-mania.com/tutorials/tutorial133/21.jpg

هنروح بقى على ا لمربع الكبير اللى فى النص

ونضغط على

ctrl

وكليك شمال بالماوس على لير المربع علشان يظهر لنا التحديد على المربع

http://www.talk-mania.com/tutorials/tutorial133/22.jpg

ونختار اداة التحديد ونختار نظام التحديد زى الصورة اللى قدامن دى

http://img134.imageshack.us/img134/7960/66381102ed7.jpg

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

http://www.talk-mania.com/tutorials/tutorial133/23.jpg

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

http://www.talk-mania.com/tutorials/tutorial133/24.jpg

نعمل لير جديده للتحديد الناتج دا ونملآه باللون الابيض

http://img134.imageshack.us/img134/1870/25tu0.jpg

بعد كدا هنروح على المربع الاخضر بالضغط على

ctrl

والضغط على لير المربع لينتج لينا التحديد

http://www.talk-mania.com/tutorials/tutorial133/26.jpg

وهنختار اداة التحديد وهيا الدائره وهنختار نظام التحديد دا

http://www.talk-mania.com/tutorials/tutorial133/27.jpg

ونعمل التحديد زى منتو شايفيين كدا

http://www.talk-mania.com/tutorials/tutorial133/28.jpg

علشان ينتج لينا التحديد دا

http://www.talk-mania.com/tutorials/tutorial133/29.jpg

نعمل لير جديده للتحديد ونملآه باللون الابيض ونعمل علية التأثيرات الاتيه

وهيا نفس تأثيرات الزراير

وهيا

http://www.talk-mania.com/tutorials/tutorial133/30.jpg
http://www.talk-mania.com/tutorials/tutorial133/31.jpg

http://www.talk-mania.com/tutorials/tutorial133/8.jpg
http://www.talk-mania.com/tutorials/tutorial133/9.jpg

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

http://www.talk-mania.com/tutorials/tutorial133/32.jpg

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

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

وبكدا تكون نتيجة الدرس عندنا


http://img441.imageshack.us/img441/5481/resultwm4.jpg

أى استفسار من اى حد انا موجود

للحصول على الملف

psd

من هنا

http://www.focvb.com/vb/t9314.html (http://www.focvb.com/vb/t9314.html)

فى رعاية الله وامنه

واى استفسار انا حاضر

ومستنى منكم التطبيقات


انا شكلى طولت عليكم

[عـبـد الـلـه]

مبدع يالغلا , بارك الله فيك يالغلا ., .

[Var]

بارك الله فيك على النقل\

[خ ــادم الإسلام]

يعطيك الف عافية يا الطيب

[عبدالله ابراهيم]

تسلموا للمرور حبيبى والله

[بو هشام]

يعطيك الف عافية يا الغالي :)

[عبدالله ابراهيم]

تسلم ابو الورد للمرور والله

[عمر]

بارك الله فيك على النق

[عبدالله ابراهيم]

تسلم لللمرور حبيبى