ตราสัญลักษณ์ในการออกแบบเว็บหมายถึงตราที่ทุกคนคุ้นเคย ซึ่งมักจะมีข้อมูลเกี่ยวกับส่วนของไซต์ หัวข้อเฉพาะ หรือบริการของไซต์ ป้ายสามารถมีรูปร่างได้หลากหลาย ทั้งแบบธรรมดา (รูปทรงเรขาคณิต) และแบบซับซ้อนมากขึ้น (รวมรูปทรงต่างๆ เข้าด้วยกัน)
จำเป็น
ซอฟต์แวร์ Adobe Photoshop
คำแนะนำ
ขั้นตอนที่ 1
หลังจากเริ่มตัวแก้ไขกราฟิกแล้ว ให้กดแป้นพิมพ์ลัด Ctrl + N (สร้างไฟล์) ในหน้าต่างที่เปิดขึ้น คุณต้องระบุว่ามีการสร้างเอกสาร RGB รูปสี่เหลี่ยมจัตุรัสที่มีขนาด 600 พิกเซล ขอแนะนำให้ใช้พื้นหลังสีขาว
ขั้นตอนที่ 2
ในส่วนด้านซ้ายของหน้าต่างโปรแกรมจะมีแถบเครื่องมือ คลิกที่เครื่องมือ Custom Shape พารามิเตอร์เพิ่มเติมจะปรากฏในแผงด้านบน ซึ่งจะมีตัวเลือกรูปร่างของตราสัญลักษณ์ในอนาคต ในกล่องรายการแบบหล่นลง รูปร่าง ให้เลือกรูปร่างใดก็ได้ หากคุณไม่พบรูปร่างที่เหมาะสม ให้คลิกที่ลูกศรและเลือกคอลเลกชั่น Object ของรูปร่าง
ขั้นตอนที่ 3
สร้างรูปร่างในเอกสารด้วยการยืดออกด้วยปุ่มซ้ายของเมาส์ ใช้คำสั่ง Rasterize Layer จากเมนูบริบทเพื่อวางแรสเตอร์ลงบนรูปภาพ
ขั้นตอนที่ 4
จากนั้นเลือกรูปร่างด้วยวิธีมาตรฐานหรือใช้ปุ่ม Ctrl ซึ่งควรกดพร้อมกันด้วยการคลิกปุ่มซ้ายของเมาส์บนเลเยอร์ที่มีรูปร่างที่สร้างขึ้น
ขั้นตอนที่ 5
ไปที่ตัวเลือกสีแล้วเลือก 2 สี (เบื้องหน้าและพื้นหลัง) สีหนึ่งควรเข้มกว่าสีอื่นเล็กน้อย คลิกที่เครื่องมือไล่โทนสี และลากเส้นบนรูปภาพ หากเป็นรูปร่างที่เรียบง่าย เช่น สี่เหลี่ยมจัตุรัส ให้ลากเส้นจากมุมซ้ายบนและหยุดที่มุมล่างขวา
ขั้นตอนที่ 6
หากต้องการยกเลิกการเลือกรูปร่าง ให้ใช้แป้นพิมพ์ลัด Ctrl + D รูปภาพที่ได้ควรได้รับการประมวลผล เช่น เพิ่มเอฟเฟกต์บางอย่าง เลือกเลเยอร์รูปร่างแล้วคลิกปุ่ม "ตัวกรอง" ในแผงเลเยอร์ ใช้ฟิลเตอร์ Drop Shadow ด้วยพารามิเตอร์ต่อไปนี้: ความทึบ-20, มุม-120, ระยะทาง-10, ขนาด-15
ขั้นตอนที่ 7
จากนั้นใช้ฟิลเตอร์ Bevel และ Emboss กับพารามิเตอร์ต่อไปนี้: Style-Inner Bevel, Technique-Chisel Hard, Size-2
ขั้นตอนที่ 8
ถัดไป คุณต้องสร้างเลเยอร์ใหม่ สำหรับเลเยอร์นี้ คุณต้องรีเซ็ตสีทั้งหมด ซึ่งสามารถทำได้โดยกดตัวอักษรภาษาอังกฤษ D บนแป้นพิมพ์ บนจานสีเครื่องมือ ให้ใช้ "การเลือกแบบกลม" และเลือกขอบของรูปร่างของคุณ ในแผงเลเยอร์ ตั้งค่าพารามิเตอร์ต่อไปนี้: Layers-Lighten, Opacity-20
ขั้นตอนที่ 9
เติมเลเยอร์ใหม่ด้วยสีขาวและยกเลิกการเลือก ตอนนี้เหลือเพียงการเพิ่มข้อมูลเกี่ยวกับส่วนไซต์หรือคำที่คุณเลือกเท่านั้น เมื่อต้องการทำเช่นนี้ ให้ใช้เครื่องมือข้อความ