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

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

 

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

 

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

 

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

 

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

Leave a Comment