การสร้าง Interface หน้าที่ 2

ขั้นต่อไปเราจะมาสร้างแถบสีเหลืองเพื่อใช้สำหรับพิมพ์ตัวอักษรลงไป ขั้นแรกให้กำหนดสี Foreground เป็นสีเหลืองและ Background เป็นสีดำ จากนั้นคลิกปุ่ม Add new layer (รูปกระดาษ) บน Layer Pallette จะได้ Layer 2 ขึ้นมา

จากนั้นวาดสี่เหลี่ยมผืนผ้าบนแถบสีเทาตามตัวอย่าง แล้วคลิกเครื่องมือ Gradient Tool เลือก Option ให้เป็นแบบ Linear Gradient

ลากเม้าส์จากด้านล่างของ Selection สี่เหลี่ยมผืนผ้าขึ้นไปด้านบน Tip: ถ้าลากเม้าส์เลยขึ้นไปจากเส้น Selection มากเท่าใด สีที่ได้ก็จะอ่อนลง เท่านั้น

ต่อไปเราจะทำให้รูปสี่เหลี่ยมสีเหลืองมีลักษณะยุบตัวลงไป โดยใช้เมนู Layer > Layer Style > Bevel and Emboss ปรับค่าตามตัวอย่าง

เราจะได้ภาพปุ่มดังรูปซ้ายมือ

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

ต่อไปก็พิมพ์ตัวอักษรลงไป โดยกดเครื่องมือ Type Tool (รูปตัว T) แล้วพิมพ์ตัวอักษรที่ต้องการปรับขนาดและสี แล้วใช้เม้าส์คลิกเลื่อน ไปวางตรงกลางสี่เหลี่ยมสีเหลือง

เมื่อเสร็จแล้วก็ทำการบันทึกเป็นไฟล์ นามสกุล PSD เพื่อใช้แก้ไขใน ภายหลังหรือ Save for Web แล้วบันทึกเป็นไฟล์ นามสกุล Gif หรือ JPG ตามต้องการ

หน้าที่ 1