เพิ่มความเก๋ไก๋ให้ข้อความ ด้วยกรอบแบบต่างๆ (ตอนที่ 1 กระดาษพับขอบ)
หลายท่านคงเคยเห็นเว็บไซต์บางเว็บ มีการทำกรอบสี่เหลี่ยมล้อมรอบเนื้อหาทำให้เนื้อหานั้นดูเด่นขึ้น แต่เด่นแค่นั้น อุ๊ย!!! ธรรมดาวันนี้เรามาลองทำให้ดูเก๋ขึ้นด้วยการเพิ่มขอบแบบพับกระดาษกันดีกว่า
- สร้าง File ขึ้นมาใหม่ขนาดประมาณ 400x400 pixel (เพียงแค่ยกตัวอย่างนะครับ จะทำขนาดใหญ่หรือเล็กกว่านี้ไม่มีปัญหา)

- ที่หน้าต่าง Layer ให้เราสร้าง Layer ขึ้นมาใหม่ แล้วตั้งชื่อว่า Paper

- ใช้ Retangular Marquee Tool เลือกพื้นที่ที่จะทำเป็นกระดาษแล้วเทสีที่เราชอบลงไปครับ (พอดีผมชอบสีแดง)

- ใช้ Polygonal Tool เลือกส่วนขอบที่เราต้องการครับ

- ปรับค่าสีให้แตกต่างกับสีเดิมโดยใช้ Image --> Adjustments --> Hue/Saturation (Ctrl+U) แล้วปรับตรงค่า Lightness ให้เข้ม หรือสว่างขั้นเพื่อสร้างความแตกต่าง
- ใช้คำสั่ง Edit --> Cut (Ctrl+X) แล้ว Edit --> Paste (Ctrl+V) จะได้ Layer ใหม่ซึ่งมีขอบกระดาษที่เราต้องการ จากนั้นใช้คำสั่ง Edit --> Transform --> Rotate 180 ํ
- ขยับตำแหน่งของขอบ มาไว้ในตำแหน่งที่เราตัดออกไป เราจะได้กระดาษพับขอบ จากนั้นสามารถตกแต่งเงา และใส่ตัวอักษรตามต้องการ

Download ไฟล์ตัวอย่าง
***แม้ว่าทางทีมงาน ReadyPlanet จะไม่สามารถ Support โปรแกรม Photoshopให้ท่านได้ แต่บทความนี้ เป็นความตั้งใจของทีมงานฝ่าย Web Designที่เขียนขึ้นมาเพื่อให้ท่านได้เป็นแนวทางในการศึกษาเพิ่มเติม จากโปรแกรมPhotoshop เพื่อใช้ในการออกแบบและตกแต่งภาพบนเว็บไซต์ให้ออกมาสวยงามเท่านั้น***
12 June 2008
Pumipat Promwong
www.ReadyPlanet.com