درس تصميم واجهة موقع احترافيه

طبعا أفتح برنامج Adobe Photoshop 7.0 ME )


1 - افتح ملف << جديد : file << new



2 - حط المقاسات الطول 777 والعرض 600 كما بالصوره









2 - حط المقاسات الطول 777 والعرض 600 كما بالصوره

اضغط هنا لمشاهدة الصورة كاملة.

3 - أختر الألوان الي تعجبك بالنسبه لي انا اخترت اللون الأزرق



4 - اختر اداه التعبئة وعب الخلفيه باللون الي انت مختاره




5 - اضغط Alt + H وستظهر لك شبكة بالواجهه كما في الصوره

اضغط هنا لمشاهدة الصورة كاملة.

6 - اختر اداة المربع علشان نسوي البنر



7 - الحين نحط مربع علي حسب الارقام الي موجود 10 مربعات
الارقام انا كاتبهم يعني انت لا تسوي نفسي بس انا حطيتهم علشان تعرف العدد

اضغط هنا لمشاهدة الصورة كاملة.

8 - نختار فلتر Wave



9 - الان تحط القياسات والمجموعات نفس الي بالصوره

اضغط هنا لمشاهدة الصورة كاملة.

10 - الان طلع الشكل نفس جذي ومخربط البنر
اضغط هنا لمشاهدة الصورة كاملة.


11 - علشان نعدل البنر ونعدله اضغط حرف V من الكيبورد
واضغط السهم فوق لين توصل المربع العاشر ويطلع لك الشكل هكذا

اضغط هنا لمشاهدة الصورة كاملة.

12 - نروح الحين نحدد لير البنر ونضغط الاف الي تحت انا
محددها بالاحمر ونختار اول دقمه ...



راح يعلق البرنامج شوي يعني لا تستعجل

13 - تطلع لنا هالنافذه الجديده ونضغط على اول اسم لها
بس دير بالك خل كل المربعات فاضيه بس المربع الاول حط صح
وعدل الارقام والقياسات نفس الصوره طبعا اللون
الي انا حاط مربع عليه انت علي كيفك بس يكون قريب
للون حق البنر والخلفيه ... ونضغط موافق


اضغط هنا لمشاهدة الصورة كاملة.
راح تلقى البنر الحين له ظل من تحت الحين باقي نحط فيه صور


14 - نضغط ملف << فتح | FILE <<< Open






15 - الحين نختار صوره لنضيفها مع البنر

اضغط هنا لمشاهدة الصورة كاملة.

16 - نسحب الصوره الحين الي البنر ونخليها فوق وعاد كيفك يمين ولا يسار
بس المهم فوق اول شي
اضغط هنا لمشاهدة الصورة كاملة.


17 - نضغط الحين Alt + t ونكبر الصوره شوي اذا كانت صغيره
ونضغط الحين Alt + G تلقى الصوره اندمجت مع البنرالحين
نعدل الخيارات الي باللير ونخليها نفس الي بالصوره



18 - الحين تلقى الواجهه صارت نفس هذي الصوره

اضغط هنا لمشاهدة الصورة كاملة.

19 - الحين نختار صوره ثانيه ونحطها بالجهة الثانيه بالبنر
يعني انت مثلا حطيت الصوره الاولى باليمين نختار صورة ثانيه ونحطها باليسار
مع نفس الاعدادات وراح يطلع لك الشكل هكذا

اضغط هنا لمشاهدة الصورة كاملة.

20 - الحين نحط صورة مثلا صورة ورد او اي شي بين الصورتين
مثل جذي

اضغط هنا لمشاهدة الصورة كاملة.

21 - ونختار الفلتر التالي نفس الي بالصور



22 - الحين خلاص خلصنا من البنر كله بس باقي له كم لمسه ابداع
واسم الموقع والرابط وبسسسسس وهذا الشكل للبنر



23 - الحين باقي الفوتر الي هو اخر شي بالموقع نسويه نفس طريقه البنر
من فلاتر بس تغير الصور وتسوي نفس الخطوات وراح يطلع لك رووووعه
وهذي صوره للفوتر بعد ماخصلت منه انا

اضغط هنا لمشاهدة الصورة كاملة.

الدرس منقول ولم أجد أفضل من هذا الدرس في تصميم واجهه المواقغ