درس تصميم موقعك بالفوتوشوب الجزء الاول

صمم موقعك بالفوتوشوب
تعلم كيف تصمم موقعك بالفوتوشوب
خطوات سهلة وبسيطة، أعمل ستايل وطبقه

إفتح ملف بحجم الموقع الذي تريد تصميمه، هنا إستخدمنا 720 في 500
إختر اللون الرصاصي الغامق للخلفية
إستخدم أداة التحديد المربعة وقم بعمل تحديد من أعلى الخلفية لأسـفلها مع ترك مسافة صغيرة على الأطرافوقم بتلوين هذا التحديد بلون أخف قليلاً من لون الخلفية
أذهب إلى أداة الـ Stroke
Edit > Stroke
إختر لون أسود وبالقيمة 1
ستحصل على الشكل التالي

أختر لاير جديد وأعمل تحديد مستطيل في أعلى الشكل، هذه المنطقة ستحتوي على المنيو حيث سنضع فيها أزارا الموقع
لاتجعل التحديد صغير جداً ولا تجعله كبير في نفس الوقت
بعد عمل التحديد لوّن التحديد يتدريج من رصاصي فاتح لرصاصي معتدل كما في الشكل التالي
أيضاً لاتنسى أن تضف Stroke للتحديد بمقدار 1 وبلون أسـود
لاحظ الشكل التالي:

كما تلاحظ فأن الجزء العلوي من المستطيل الصغير أغمق من السفلي
الان ومع بقاء تحديد اللاير الجديد هذا إذهب إلى
Layer Style وأختر الألوان كما في الشكل التالي من خيارات الـ
Gradiant Overlay
إستخدام هذه الأداة هو المفتاح لعمل هذا التأثير اللطيف
إجعل خلفية الجراديانت شفافة في الجزء اليسار، في الجزء اليمين المعاكس سنختار اللون الأبيض ولكن هذه المرة بلون 100%
يعني في الجزء اليسار نختار اللون الأبيض وبشفافية 0%
في الجزء اليمين نختار نفس اللون الأبيض وبشافيفة
100%
حرك الآن العتلة قليلاً لليمين لتحصل على تدرج مطابق للتدرج في الشكل أدناه، إن كنت تريد أن يكون تدرج الشكل حاد فلا بأس من إضافة لن أبيض وبشفافية 0% قريب من العتلة البيضاء الموجودة في يمين التدرج
مع قليل من التجربة ستحصل على الشكل التالي:

أحفظ الستايل الذي قمنا بعمله قبل قليل لأننا سنستخدمه في هذا التصميم في الخطوات التالية أو في تصاميم ثانية
لحفظه أضغط على New Style وبعدها قم بحفظه
الآن قم بفتح لاير جديد وأرسم تحديد في الجزء الأيمن من المستطيل المتدرج
بنفس الطريقة قم بعمل تدرج من لون رصاصي قريب للأسود إلى لون رصاصي غامق
الآن طبق نفس الستايل الذي قمنا بحفظه
ستحصل على النتيجة التالي:

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

الآن أضف لاير جديد
وقم برسم تحديد في الجهة اليسار منه وبنفس الخطوات السابقة قم يتلوينه بتدرج رصاصي قريب للأسود إلى رصاصي غامق
الآن قم بتطبيق نفس الستايل الذي حفظناه أول مرّة
ستحصل على الشكل التالي:

الآن أضف لاير جديد
أرسم مستطيل بنفس تدرج المنيو في الأعلى وطبق الستايل الذي حفظناه
أضف Stroke بلون أسود وبقيمة 1 للتحديد
الآن أضف لاير آخر وأضف تدريج من اللون الرصاصي القريب للأسود إلى لون رصاصي غامق وأضف إليه الستايل المحفوظ
ستحصل على الشك لالتالي:

الآن أضف لاير آخر وأضف تدريج من اللون الرصاصي القريب للأسود إلى لون رصاصي غامق وأضف إليه الستايل المحفوظ
ستحصل على الشك لالتالي:

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

Ali

الكاتب

قريبا كتاب التسويق بالمحتوى

موسوعة جيك العرب| معلومات لا تتوقف