ليس من الصعب جدًا إنشاء قالب موقع ويب في Photoshop. يتضمن النموذج القوائم ونماذج البحث والرسومات وربما بعض النصوص على سبيل المثال. سيتم بالفعل برمجة الموقع نفسه على أساسه.
تعليمات
الخطوة 1
ابدأ في تشكيل قالب موقعك في Photoshop عن طريق إنشاء مستند جديد بحجم 1020 × 1020 صورة. اجعل الخلفية بيضاء. اضبط اللون الأمامي على # c5e0dd ولون الخلفية على # ece5cf.
الخطوة 2
استخدم أداة Gradient وحدد نوع التعبئة الأول في لوحة الإعدادات الخاصة به. اسحب خط التدرج اللوني عبر الحقل الأبيض من أعلى إلى أسفل.
الخطوه 3
احصل على أداة النص ، واكتب عنوان موقعك في الزاوية اليمنى العليا بحيث يتماشى مع نموذج البحث ، والذي سيكون موجودًا في الزاوية اليسرى العليا. اضبط حجم الخط ، على سبيل المثال ، 12.
الخطوة 4
لإنشاء شكل البحث ، حدد أداة المستطيل وارسم مستطيلاً أبيض في الزاوية اليمنى العليا. قم بتطبيق إعدادات الطبقة التالية: الظل الداخلي - وضع المزج - المضاعفة ، اللون - # a2b7b1 ، التعتيم - 43 ، الزاوية - 90 ، المسافة - 0 ، الاختناق - 0 ، الحجم - 10.
الخطوة الخامسة
استخدم أداة النص لعمل نص ناعم داخل هذا الشكل.
الخطوة 6
حدد أداة Rounded Rectangle Tool وقم بعمل زر داخل شكل البحث عند حدوده اليمنى. قم بتطبيق أنماط الطبقة التالية: Gradient Overlay - Blend Mode - Normal ، Opacity - 100 ، Gradient من Dark إلى Light (ألوان من # 754f39 إلى # a1704f) ، Style - Linear ، Angle - 90 ، Scale - 59.
الخطوة 7
استخدم أداة النص لكتابة "go" أو شيء من هذا القبيل على هذا الزر.
الخطوة 8
لإنشاء التنقل ، استخدم أداة Rounded Rectangle Tool وارسم مستطيلاً طويلاً أسفل العنوان وشكل البحث. قم بتطبيق أنماط الطبقة التالية: Gradient Overlay - Blend Mode - Normal ، Opacity - 100 ، Gradient من Dark إلى Light (الألوان من # 76503e إلى # a46ecd) ، Style - Linear ، Angle - 90 ، Scale - 59 ؛ بنية الحد - 1 ، الموضع - الداخل ، وضع المزج - عادي ، التعتيم - 100 ، نوع التعبئة - اللون ، اللون # 9F6038.
الخطوة 9
استخدم أداة Rounded Rectangle Tool وارسم مستطيلًا صغيرًا على الجانب الأيسر من شريط التنقل. قم بتطبيق أنماط الطبقة التالية: الظل الداخلي - وضع المزج - الضرب ، التعتيم - 75 ، الزاوية - 90 ، المسافة - 1 ، الاختناق - 0 ، الحجم - 8 ؛ تراكب متدرج - وضع المزج - عادي ، عتامة - 100 ، تدرج من الظلام إلى الفاتح (ألوان من # 76503c إلى # a46e4d) ، النمط - خطي ، زاوية - 90 ، مقياس - 59 ؛ السكتة الدماغية - الهيكل - 1 ، الموضع - الداخل ، وضع المزج - عادي ، التعتيم - 100 ، نوع التعبئة - اللون ، اللون # 8f6347.
الخطوة 10
أضف تسميات إلى شريط التنقل.
