เทคนิคทำเว็บ สร้างกรอบรูปด้วย Brush Tool

สร้างกรอบรูปด้วย Brush Tool

วันนี้ขอนำเสนอวิธีการง่าย ๆ ที่สามารถทำให้รูปภาพธรรมดา ๆ ที่เรามีอยู่นั้น ดูน่าสนใจมากขึ้น ด้วยการนำเทคนิคการใช้ Brush Tool และ Layer Mask เข้ามาใช้งานร่วมกัน เทคนิคนี้ท่านสมาชิก สามารถนำไปประยุกต์ใช้ในการออกแบบรูปภาพเพื่อประดับตกแต่งหน้าเว็ปไซต์ให้สวยงามขึ้นได้ค่ะ

1. สร้าง File ขึ้นมาใหม่ขนาดประมาณ 500x600 pixel

2. หลังจากสร้างไฟล์ขึ้นมาใหม่แล้ว ให้ทำการเปิดรูปภาพขึ้นมา 1 รูป โดยเข้ามาที่ File ---> Open (Ctrl+O)

3. จากนั้นทำการลากรูป มายังไฟล์แรกที่ได้ทำการสร้างเอาไว้ โดยคลิกเมาส์ซ้ายค้าง แล้วลากมาปล่อยที่ไฟล์แรกที่ได้ทำการสร้างเอาไว้ ดังรูปตัวอย่าง

4. คลิกเลือกที่ Layer 2 (Layer รูปภาพ) ไปที่ เมนู Layer-->Create Cliping Mask หรือ (Alt+Ctrl+G)

5. จากนั้นให้ทำการโหลดหัวแปรงแปลก ๆ สวย ๆ ขึ้นมาใช้ โดยเข้าคลิกเลือกที่ Brush Tool และทำตามขั้นตอนดังรูปตัวอย่างค่ะ
(ถ้ายังไม่มีหัวแปรงนี้สามารถโหลดหัวแปรงไปใช้ได้ค่ะ คลิก Download Brush)

6. เมื่อทำการโหลดหัวแปรงตามขึ้นตอนที่ 5 เรียบร้อยแล้ว ให้ทำการเลือก หัวแปรงชื่อ Azalea (เมื่อนำเมาส์ไปชี้ที่รูปหัวแปรงจะมีชื่อหัวแปรงขึ้นมาบอกค่ะ ท่านสมาชิกสามารถเลือกหัวแปรงแปลก ๆ แบบอื่นก็ได้ตามใจชอบค่ะ)

7. เมื่อเลือกหัวแปรงที่ต้องการเรียบร้อยแล้ว ให้เลือก Layer1 ดังรูปตัวอย่างค่ะ และทำการระบายสีลงไปที่ Layer 1 โดยใช้ เครื่องมือ Brush Tool ที่ได้เลือกไว้แล้วในขั้นตอนที่ 6 ค่ะ เพียงเท่านี้เราก็จะได้กรอบรูปที่มีรูปทรงแปลกตาไม่เหมือนใครแล้วค่ะ

8. หลังจากที่ได้รูปที่ต้องการแล้ว ทีนี้มาถึงขั้นตอนการตกแต่งรูปภาพให้ดูมีมิติมากขึ้น ด้วยการใส่แสงเงา และขอบภาพเล็กน้อย โดย ดับเบิลคลิกที่ Layer1 ที่เราได้ระบายสีไว้ในตอนแรก จะมีกล่องเครื่องมือ Layer Style ขึ้นมา คลิกเลือกที่ Stroke และปรับค่าดังนี้

Size = 3
Position = Outside
Blead Mode = Normal
Opacity = 100%
สีให้เลือกตามต้องการ (จากตัวอย่างใช้สี #FFFFFF หรือ สีขาวค่ะ)

จากนั้น คลิกที่ Drop Shadow และปรับค่าดังนี้

Distance = 8
Size = 5
Angle = 120
Blead Mode = Multiply
Opacity = 60 %

เมื่อทำตามขั้นตอนเรียบร้อยแล้ว คลิก OK เพื่อเซฟรูปภาพ และสามารถนำไปใช้งานได้เลยค่ะ

รูปภาพที่ทำเรียบร้อยแล้ว

Download ไฟล์ตัวอย่าง