في Photoshop ، يمكنك إنشاء تخطيط موقع ويب ، وفقًا لذلك تم إنشاؤه بالفعل بلغة html. هذه العملية بسيطة نسبيًا.
ضروري
برنامج أدوبي فوتوشوب
تعليمات
الخطوة 1
افتح برنامج فوتوشوب وأنشئ مستندًا بدقة 1020 × 1200 بكسل فيه. اضبط لون الخلفية على # a8a995. إذا كان الموقع مخصصًا لشركة ، فيمكنك وضع شعارها في الجزء العلوي الأيسر في شريط التنقل. اترك بعض المساحة على اليمين للروابط للتنقل في الموقع.
الخطوة 2
استخدم أداة Rectangle Tool وأنشئ مستطيلًا بحجم 80 × 54 بكسل في شريط التنقل بالموقع. سيشير إلى عنصر القائمة النشط في التنقل في الموقع.
الخطوه 3
انتقل إلى قائمة Layer-Layer Style ، وتحقق من مربع اختيار Color Overlay ، واللون # ADAE9E ، و Opacity - 100٪ ، وخانة Stroke ، الحجم - 1 بكسل ، والموضع - الخارج ، والتعتيم - 100٪ ، واللون # CED0BB
الخطوة 4
في الجزء العلوي من المستطيل الذي لديك بالفعل ، أضف 71x50 صورة أخرى ، وقم برسمها باستخدام # cfbe28. انتقل إلى قائمة Layer-Layer Style ، واضبط المعلمات التالية لهذا المستطيل: Drope Shadow: Blend Mode - Multiply ، color # 000000 ، Opacity - 27٪ ، Angle - 90 ، Distance - 1 ، Spread - 0 ، Size - 5 ؛ الظل الداخلي: وضع المزج - المضاعفة ، اللون # 000000 ، التعتيم - 27٪ ، الزاوية - 90 ، المسافة - 1 ، الاختناق - 0 ، الحجم - 18 ؛ الحد: الحجم - 1 ، الموضع - الخارج ، التعتيم - 100 ، نوع التعبئة - اللون ، اللون # D6C72C.
الخطوة الخامسة
أضف ظلًا للروابط الموجودة في شريط التنقل. للقيام بذلك ، حدد الطبقة التي تحتوي على نص هذه الروابط ، وانتقل إلى قائمة Layer-Layer Style وقم بتعيين المعلمات التالية: Drope Shadow: Blend Mode - Multiply ، color # 000000 ، Opacity - 75٪ ، Angle - 90 ، Distance - 1 ، انتشار - 0 ، الحجم - 1. كرر هذه الخطوات لكل طبقة تحتوي على نص الروابط.
الخطوة 6
أنت الآن بحاجة إلى إنشاء جزء تمهيدي من النموذج. حدد أداة Rectangle Tool وقم بعمل مستطيل تحت الشعار ، واملأه باللون الأبيض ، وقم بتقليل التعتيم إلى 20٪.
الخطوة 7
حدد أداة Ellipse Tool وقم بعمل شكل بيضاوي أسفل هذا المستطيل. انتقل إلى مرشح> ضباب> ضباب غاوصي واضبط نصف القطر على 7 ، 8.
الخطوة 8
خذ أداة Rectangular Marque Tool وحدد الجزء السفلي من المستطيل والبيضاوي غير الواضح. احذفه.
الخطوة 9
بعد ذلك ، أدخل النص في زر المستطيل. أنشئ خطًا فوقه مباشرةً بالمعلمات التالية: 866 × 1 صورة.
