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

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

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

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

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

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

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

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

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

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

Size : 760*770 pixels

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

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

rounded rectangle tool

ونخلى raduis

10 pixels

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

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

وبعدل نضغط

CTRL+T ( Free transform tool )

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

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

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

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

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

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

الاولى

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

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

بتضغط

CTRL+E

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

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

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

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

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

هتغط

ctrl+sheift

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

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

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

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

blending options

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

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

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

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

copy layer style

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

paste layer style

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

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

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

ودى النتيجة

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

ودى النتيجة

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

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

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

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

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

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

نختار اداة

rounded rectangle tool

ونخلى raduis

10 pixels

ونعمل مستطيل

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

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

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

ونضغط على

ctrl

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

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

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

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

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

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

ctrl

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

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

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

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

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

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

وهيا

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

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

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

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

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

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

psd

من هنا

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

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

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

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