الثلاثاء، 1 مارس 2011

تصميم رأس موقع بالفوتوشوب [مترجم] ..



في هذا ادوبي فوتوشوب تعليمي سوف ترى كيفية جعل ويب بسيطة سلسة رأس الرسم.

photoshop web header tutorial

البدء بجعل مربع كبير مع أداة المستطيل تقريب عبر المرحلة ، واللون لا يهم ، ونحن سوف تتغير في وقت لاحق.

photoshop web header tutorial

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

photoshop web header tutorial

photoshop web header tutorial

photoshop web header tutorial

الآن وضعت في أي شعار أو شعار النص الذي تريده ، (وأنا أعلم الألغام ليست جيدة).

photoshop web header tutorial

وسنعمل الآن على جعل قائمة صغيرة الأعلى ، وذلك باستخدام أداة المستطيل مقربة من جر شكل جديد عبر المرحلة كما هو مبين أدناه.

photoshop web header tutorial

ثم إعطاء نفس الأنماط الأولى.

اكتب الآن في بعض النصوص القائمة مثل ، ، اتصل المنتجات ، المنزل ، الخ.

photoshop web header tutorial

وسنعمل الآن على جعل الفاصل بين النص القائمة لكل "زر" ، وذلك في تكبير قليلا على شريط القوائم.

باستخدام أداة التحديد بيضاوي الشكل اسحب للخارج عبر شريط القوائم كما فعلت وضرب حذف هذا يجب أن يقدم فجوة كما هو مبين أدناه.

photoshop web header tutorial

photoshop web header tutorial

أكرر الآن أن الفجوة بين جميع عناصر القائمة ، وينبغي القيام به.
في امان الله.
AlJna


جولة في النت : مواقع مهمه يحتاجها كل مصمّم ..



للايقونات
.
.
جموعة كبيرة من ال textures , مرجع مهم لمن يحتاج لهذه الملفات.
.
.
افحص بخطوة واحدة هل يظهر موقعك بشكل سليم في المتصفحات المختلفة:
الفايرفوكس, الاكسبلورير, سفاري, اوبرا والمزيد من الامكانيات …
.
.
أكثر من 200 درس فيديو بدقة عالية جدا من شركة Adobe بخصوص اصداراتها الجديدة CS3
.
.
خطوط انجليزية عصرية ومتقنة – موقع يتم تحديثه بشكل دوري.

.
.
أقوى المواقع التي تقدم صور مجانية بدقة عالية, جميعها تملك أرشيف هائل.

.
.
وهذا من افضل المواقع للتصميم فهو موقع عالمى [مهم جداا]
.
.

.
.
بالتوفيق