การทำกรอบภาพให้ดูสวยงามและมีมิติ
ภาพสินค้าหรือภาพประกอบบทความต่างๆ นำมาใส่ในเว็บไซต์ คงจะดูธรรมดา และไม่น่าสนใจ หากไม่มีกรอบของภาพเป็นตัวเสริม ช่วยแต่งให้ภาพสวยงาม และดูมีมิติมากขึ้น วันนี้ทางทีม Web Design ReadyPlanet จึงนำเทคนิคนี้มาแนะนำให้เพื่อนสมาชิก ได้นำไปประยุกต์ใช้กับเว็บไซต์ของท่านค่ะ
เราจะมาสร้างกรอบให้ภาพแบบที่มีขอบภาพสีขาว และมีเงาอยู่ด้านหลังนิดหน่อยกันค่ะ
ขั้นตอนการทำ
1. เปิดโปรแกรม Photoshop แล้วไปที่ File-->New
กำหนดขนาดประมาณ 400x400 (สามารถกำหนดขนาดเท่าไรก็ได้*) เสร็จแล้วกด OK
2. จากนั้นทำการสร้างขอบโดยเลือกเครื่องมือ ที่ชื่อว่า Rectangular marquee แล้วทำการลากลงบนพื้นที่การทำงานให้ได้ขนาดตามรูปด้านล่าง
3. จากนั้นเทสีใดก็ได้ลงไปในพื้นที่ที่เรากำหนดไว้
เมื่อเทสีลงไปจะได้ผลลัพธ์เหมือนภาพด้านล่าง
4. ไปที่เครื่องมือที่ชื่อว่า Add Layer Style เมื่อคลิกที่รูปจะปรากฎหน้าต่างเล็กๆ ขึ้นมาให้เลือกไปที่ Stroke
กำหนดค่า Size=5 px ในช่อง Color เลือกสีขาว
เมื่อใส่ค่าเสร็จแล้วยังไม่ต้องกด OK ให้คลิกที่ Ourter Glow ตามภาพลูกศรอันที่ 3 ปรับค่า Blend Mode ที่ Normal
ปรับค่า Opacity =59 % ปรับสีเป็นสีเทา Size=15 px แล้วกด OK
ภาพผลลัพทธ์ที่ได้ จะได้กรอบภาพมาแล้วทีนี้เราก็ลองหาภาพสวยๆ มาใส่กันได้ตามใจชอบเลยค่ะ
ภาพที่ใส่กรอบเรียบร้อยแล้ว
|