IT4X เทคนิคคอมพิวเตอร์ โน๊ตบุค ข่าว IT
ข่าวสาร / ความรู้ => ทิป เทคนิค Photoshop => ข้อความที่เริ่มโดย: Moshi ที่ ตุลาคม 26, 2009, 12:45:45
-
เทคนิค Photoshop : การทำขอบ แบบกระดาษพับขอบ
เพิ่มความเก๋ไก๋ให้ข้อความ ด้วยกรอบแบบต่างๆ (ตอนที่ 1 กระดาษพับขอบ)
หลายท่านคงเคยเห็นเว็บไซต์บางเว็บ มีการทำกรอบสี่เหลี่ยมล้อมรอบเนื้อหาทำให้เนื้อหานั้นดูเด่นขึ้น แต่เด่นแค่นั้น อุ๊ย!!! ธรรมดาวันนี้เรามาลองทำให้ดูเก๋ขึ้นด้วยการเพิ่มขอบแบบพับกระดาษกันดีกว่า
- สร้าง File ขึ้นมาใหม่ขนาดประมาณ 400x400 pixel (เพียงแค่ยกตัวอย่างนะครับ จะทำขนาดใหญ่หรือเล็กกว่านี้ไม่มีปัญหา)
(http://oxygen.readyplanet.com/images/1213251526/image01.gif)- ที่หน้าต่าง Layer ให้เราสร้าง Layer ขึ้นมาใหม่ แล้วตั้งชื่อว่า Paper
(http://oxygen.readyplanet.com/images/1213251526/image02.gif)- ใช้ Retangular Marquee Tool เลือกพื้นที่ที่จะทำเป็นกระดาษแล้วเทสีที่เราชอบลงไปครับ (พอดีผมชอบสีแดง)
(http://oxygen.readyplanet.com/images/1213251526/image03.gif)- ใช้ Polygonal Tool เลือกส่วนขอบที่เราต้องการครับ
(http://oxygen.readyplanet.com/images/1213251526/image04.gif)- ปรับค่าสีให้แตกต่างกับสีเดิมโดยใช้ Image --> Adjustments --> Hue/Saturation (Ctrl+U) แล้วปรับตรงค่า Lightness ให้เข้ม หรือสว่างขั้นเพื่อสร้างความแตกต่าง
(http://oxygen.readyplanet.com/images/1213251526/image05.gif) - ใช้คำสั่ง Edit --> Cut (Ctrl+X) แล้ว Edit --> Paste (Ctrl+V) จะได้ Layer ใหม่ซึ่งมีขอบกระดาษที่เราต้องการ จากนั้นใช้คำสั่ง Edit --> Transform --> Rotate 180 ํ
(http://oxygen.readyplanet.com/images/1213251526/image06.gif) - ขยับตำแหน่งของขอบ มาไว้ในตำแหน่งที่เราตัดออกไป เราจะได้กระดาษพับขอบ จากนั้นสามารถตกแต่งเงา และใส่ตัวอักษรตามต้องการ
(http://oxygen.readyplanet.com/images/1213251526/image07.gif)[/list]
Download ไฟล์ตัวอย่าง (http://oxygen.readyplanet.com/images/1213251526/sample.zip)
***แม้ว่าทางทีมงาน ReadyPlanet จะไม่สามารถ Support โปรแกรม Photoshopให้ท่านได้ แต่บทความนี้ เป็นความตั้งใจของทีมงานฝ่าย Web Designที่เขียนขึ้นมาเพื่อให้ท่านได้เป็นแนวทางในการศึกษาเพิ่มเติม จากโปรแกรมPhotoshop เพื่อใช้ในการออกแบบและตกแต่งภาพบนเว็บไซต์ให้ออกมาสวยงามเท่านั้น***
12 June 2008
Pumipat Promwong
www.ReadyPlanet.com (http://www.readyplanet.com/)
-
ขอบคุณนะครับ