นี่คือเทมเพลตที่เราจะสร้างในวันนี้:

ออกแบบเทมเพลตแบบเต็มสำหรับเค้าโครงเว็บไซต์ร้านอาหารบาร์ - บทช่วยสอน PS Lorelei การออกแบบเว็บไซต์

เริ่มต้นด้วยการสร้างแคนวาสใหม่ 900*700px
สร้างเลเยอร์ใหม่บนผืนผ้าใบของคุณและเติมด้วยลวดลายคล้ายไม้ หากคุณไม่มีลวดลายไม้ ให้ดาวน์โหลดไฟล์ PSD ของเรา

ออกแบบเทมเพลตแบบเต็มสำหรับเค้าโครงเว็บไซต์ร้านอาหารบาร์ - บทช่วยสอน PS Lorelei การออกแบบเว็บไซต์

จากนั้น ใช้เครื่องมือปะรำสี่เหลี่ยม เลือกสายรัดที่ส่วนบนของเทมเพลต สมมติว่าสูง 140 หรือ 170 พิกเซล สร้างเลเยอร์ใหม่และเติมสีน้ำตาลเฉดสีใดก็ได้

ออกแบบเทมเพลตแบบเต็มสำหรับเค้าโครงเว็บไซต์ร้านอาหารบาร์ - บทช่วยสอน PS Lorelei การออกแบบเว็บไซต์

ไปที่เลเยอร์ >> สไตล์เลเยอร์ >> ไล่ระดับสี และใช้สี #000000 … #FFFFFF … #000000 ใช้เอฟเฟกต์การไล่ระดับสีด้วยความทึบ 28% ตรวจสอบให้แน่ใจว่าได้ตั้งค่าการเติมของเลเยอร์เองไว้ที่ประมาณ 30% เช่นกัน

ออกแบบเทมเพลตแบบเต็มสำหรับเค้าโครงเว็บไซต์ร้านอาหารบาร์ - บทช่วยสอน PS Lorelei การออกแบบเว็บไซต์

ออกแบบเทมเพลตแบบเต็มสำหรับเค้าโครงเว็บไซต์ร้านอาหารบาร์ - บทช่วยสอน PS Lorelei การออกแบบเว็บไซต์

ขั้นตอนต่อไป. ใช้เครื่องมือปะรำสี่เหลี่ยมอีกครั้ง เลือกกล่องใต้เลเยอร์ก่อนหน้าของคุณ จากด้านหนึ่งไปอีกด้านหนึ่ง แต่สูงกว่าประมาณสองเท่า

ออกแบบเทมเพลตแบบเต็มสำหรับเค้าโครงเว็บไซต์ร้านอาหารบาร์ - บทช่วยสอน PS Lorelei การออกแบบเว็บไซต์

สร้างเลเยอร์ใหม่และตั้งค่าสีหลักของคุณเป็น #013814 และสีรองเป็น #005e29 การใช้เครื่องมือไล่โทนสี ลากเส้นจากล่างขึ้นบน เพื่อให้สีเข้มขึ้นอยู่ด้านล่าง

ออกแบบเทมเพลตแบบเต็มสำหรับเค้าโครงเว็บไซต์ร้านอาหารบาร์ - บทช่วยสอน PS Lorelei การออกแบบเว็บไซต์

ออกแบบเทมเพลตแบบเต็มสำหรับเค้าโครงเว็บไซต์ร้านอาหารบาร์ - บทช่วยสอน PS Lorelei การออกแบบเว็บไซต์

ในขณะที่เลเยอร์นี้ยังคงถูกเลือกอยู่ ให้ไปที่เลเยอร์ >> สไตล์เลเยอร์ >> ตัวเลือกการผสม และใช้การตั้งค่าต่อไปนี้:
ลากเส้น
เงา

จนถึงตอนนี้ผืนผ้าใบของคุณควรมีลักษณะเช่นนี้

ออกแบบเทมเพลตแบบเต็มสำหรับเค้าโครงเว็บไซต์ร้านอาหารบาร์ - บทช่วยสอน PS Lorelei การออกแบบเว็บไซต์

การใช้เครื่องมือ Rectangular Marquee ให้เลือกกล่องที่มุมซ้ายบนของเทมเพลตของคุณ ดังที่แสดงในภาพด้านล่าง:

ออกแบบเทมเพลตแบบเต็มสำหรับเค้าโครงเว็บไซต์ร้านอาหารบาร์ - บทช่วยสอน PS Lorelei การออกแบบเว็บไซต์

สร้างเลเยอร์ใหม่และเปลี่ยนไปใช้เครื่องมือไล่ระดับสีอีกครั้ง คราวนี้ใช้สีเขียวเหมือนเดิม ลากเส้นจากบนลงล่างเพื่อให้สีเขียวเข้มขึ้นอยู่ด้านบน สิ่งนี้จะทำให้เลย์เอาต์มีความสมดุลที่ดีขึ้น

ออกแบบเทมเพลตแบบเต็มสำหรับเค้าโครงเว็บไซต์ร้านอาหารบาร์ - บทช่วยสอน PS Lorelei การออกแบบเว็บไซต์

ในขณะที่ยังคงเลือกอันหลังอยู่ ให้ไปที่เลเยอร์ >> สไตล์เลเยอร์ และใช้การตั้งค่าต่อไปนี้ (เหมือนกับกล่องก่อนหน้า)