การสร้างเทมเพลตเว็บไซต์ใน Photoshop ไม่ใช่เรื่องยาก เทมเพลตประกอบด้วยเมนู แบบฟอร์มการค้นหา กราฟิก อาจเป็นข้อความ เป็นต้น ไซต์นั้นจะถูกตั้งโปรแกรมตามพื้นฐานแล้ว
คำแนะนำ
ขั้นตอนที่ 1
เริ่มสร้างเทมเพลตไซต์ของคุณใน Photoshop โดยสร้างเอกสารใหม่ที่มีขนาด 1020 x 1020 pic ทำให้พื้นหลังเป็นสีขาว ตั้งค่าสีพื้นหน้าเป็น # c5e0dd และสีพื้นหลังเป็น # ece5cf
ขั้นตอนที่ 2
ใช้เครื่องมือไล่โทนสีและเลือกประเภทการเติมแรกในแผงการตั้งค่า ลากเส้นไล่ระดับสีผ่านช่องสีขาวจากบนลงล่าง
ขั้นตอนที่ 3
หยิบเครื่องมือข้อความ เขียนชื่อไซต์ของคุณที่มุมบนขวาเพื่อให้สอดคล้องกับแบบฟอร์มการค้นหา ซึ่งจะอยู่ที่มุมซ้ายบน กำหนดขนาดฟอนต์ เช่น 12
ขั้นตอนที่ 4
ในการสร้างรูปร่างการค้นหา ให้เลือกเครื่องมือ Rectangle และวาดรูปสี่เหลี่ยมผืนผ้าสีขาวที่มุมขวาบน ใช้การตั้งค่าเลเยอร์ต่อไปนี้: Inner Shadow - Blend Mode - Multiply, Color - # a2b7b1, Opacity - 43, Angle - 90, Distance - 0, Choke - 0, Size - 10.
ขั้นตอนที่ 5
ใช้เครื่องมือข้อความเพื่อสร้างข้อความที่อ่อนนุ่มภายในรูปร่างนี้
ขั้นตอนที่ 6
เลือกเครื่องมือ Rounded Rectangle แล้วสร้างปุ่มภายในรูปร่างการค้นหาที่ขอบด้านขวา ใช้สไตล์เลเยอร์ต่อไปนี้: โอเวอร์เลย์ไล่ระดับ - โหมดผสมผสาน - ปกติ, ความทึบ - 100, ไล่โทนสีจากมืดเป็นสว่าง (สีตั้งแต่ # 754f39 ถึง # a1704f), สไตล์ - เชิงเส้น, มุม - 90, มาตราส่วน - 59
ขั้นตอนที่ 7
ใช้เครื่องมือข้อความเพื่อเขียน "ไป" หรืออะไรทำนองนั้นบนปุ่มนี้
ขั้นตอนที่ 8
ในการสร้างการนำทาง ให้ใช้เครื่องมือ Rounded Rectangle Tool แล้ววาดรูปสี่เหลี่ยมผืนผ้ายาวใต้ชื่อและค้นหารูปร่าง ใช้สไตล์เลเยอร์ต่อไปนี้: การไล่ระดับสีซ้อนทับ - โหมดผสมผสาน - ปกติ, ความทึบ - 100, ไล่โทนสีจากมืดเป็นสว่าง (สีจาก # 76503e ถึง # a46ecd), สไตล์ - เชิงเส้น, มุม - 90, มาตราส่วน - 59 โครงสร้างจังหวะ - 1, ตำแหน่ง - ภายใน, โหมดผสมผสาน - ปกติ, ความทึบ - 100, ประเภทการเติม - สี, สี # 9F6038
ขั้นตอนที่ 9
ใช้เครื่องมือ Rounded Rectangle Tool แล้ววาดสี่เหลี่ยมเล็กๆ ทางด้านซ้ายของแถบนำทาง ใช้สไตล์เลเยอร์ต่อไปนี้: Inner Shadow - Blend Mode - Multiply, Opacity - 75, Angle - 90, Distance - 1, Choke - 0, Size - 8; โอเวอร์เลย์ไล่ระดับ - โหมดผสมผสาน - ปกติ, ความทึบ - 100, ไล่โทนสีจากมืดเป็นสว่าง (สีจาก # 76503c ถึง # a46e4d), สไตล์ - เชิงเส้น, มุม - 90, มาตราส่วน - 59; Stroke - โครงสร้าง - 1, ตำแหน่ง - ภายใน, Blend Mode - Normal, Opacity - 100, Fill Type - Color, Color # 8f6347.
ขั้นตอนที่ 10
เพิ่มป้ายกำกับให้กับแถบนำทาง
