تصميم واجهة أحترافية بالصور خطوة بخطوة

["the best"]

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

يسرني أخواني أعضاء ورواد منتدى الرائدية
أن اقدم لكم هذا الشرح لتصميم موقع متكامل وأحترافي
وقد قمت بترجمته لكم من الانجليزية وأتمنى من الله لكم المتعة والفائدة والدرس بسيط وسهل التطبيق
وبأمكانك فقط بالتركيز تطبيقة كاملا دون أي مشاكل حيث ان الدرس عملي وبعيدا عن النضريات
يأخذك خطوه بخطوه وبالصور لتصميم موقع أحترافي وقد عانيت في ترجمته لأنني لا اجيد اللغة الانجليزية
ولكن بفهم بعض مصطلحات الفوتوشوب تمكنت والحمدلله من ترجمته وأي تقصير في الترجمة أتمنى منكم
عذري
أتمنى لكم التوفيق ولا تنسونا من دعائكم .
1 - قم بإنشاء عمل جديد بمقاسات 800 * 600 وقم بتعبئة الخلفية باللون الأسود (#00000)
--------------------------------------------------------------------------------
2- ضع طبقة جديدة ثم قم باختيار أداه marquee tool () التحديد المستطيل لتصنع الهيدر ( العنوان الرأسي ) الخاص بتخطيطنا



ثم بعد ذلك اختر اللونين #230000للمقدمة و #AF0000 للخلفية ( ) ومن ثم اختر أداة التدرج اللوني (), وتأكد من نوع التدرج كما هو موضح بالصورة




ومن ثم قم بالسحب من الأعلى الى الأسفل لتصبح النتيجة بهذا الشكل :


ثم بعد ذلك اختر اللير واضغط على ( ) واختر Bevel and Emboss واعطه القيم التالية :



النتيجة :


--------------------------------------------------------------------------------
3 - ضع لون المقدمة #FF4E00 ومن ثم اختر أداة قلم الرصاص Pencil Tool ( ) وأعطه القيم التالية :


أضف طبقة جديدة ثم قم برسم خط مستقيم أثناء القيام بالضغط على SHIFT أسفل التدرج الذي قمنا بعمله لتحصل على خط مستقيم هكذا :



ثم بعد ذلك اختر اللير واضغط على ( ) واختر Bevel and Emboss واعطه القيم التالية :




لتصبح النتيجة هكذا ( الصورة مكبرة )



--------------------------------------------------------------------------------
4 - ضع طبقة جديدة ثم قم باختيار أداه marquee tool () التحديد المستطيل لعمل مستطيل صغير أسفل الهيدر ومن ثم قم بتعبئته بأداة التعبئة ( )




وضع اللون #434343 ومن ثم قم بإعطائها القيم التالية :



ليصبح بهذا الشكل :


بعد ذلك ضع لون المقدمة #FF4E00 وقم بعمل طبقة جديدة و أختر أداة قلم الرصاص مثل ما عملنا سابقا وضع خط أسفل منه بهذا الشكل :


ومن ثم اعطه القيم التالية :



لتصبح النتيجة : ( الصورة مكبرة )


--------------------------------------------------------------------------------
5 - ضع طبقة جديدة ثم قم باختيار أداه marquee tool () التحديد المستطيل لعمل مستطيل بمقاس 150 بيكسل وقم بوضعه بهذا الشكل :



ثم قم بتعبئته بالون #434343 هكذا :



--------------------------------------------------------------------------------
6 - ضع طبقة جديدة ثم قم باختيار أداه marquee tool () التحديد المستطيل لعمل مستطيل صغير داخل المستطيل الرمادي الكبير هكذا :



ثم قم بتعبئته بهذا اللون #585858 ومن ثم اذهب الى Edit->Stroke واختر القيم التالية :



النتيجة :





البقية بعد قليل