OWATMATE.COM Slogan slogan slogan
Simple New simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simple simle
***Note: Right click here. And select for Edit header image ***
Search

Main Menu
Counter
Today  262 คน
 Months 5944 คน 
 Year 21344 คน 
Total 5587428 คน
Start 2008-11-28

Link
My marquee text
Welcome to Website .........
 

การทำกรอบภาพให้ดูสวยงามและมีมิติ

ภาพสินค้าหรือภาพประกอบบทความต่างๆ นำมาใส่ในเว็บไซต์ คงจะดูธรรมดา และไม่น่าสนใจ หากไม่มีกรอบของภาพเป็นตัวเสริม ช่วยแต่งให้ภาพสวยงาม และดูมีมิติมากขึ้น วันนี้ทางทีม 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


 
ภาพผลลัพทธ์ที่ได้ จะได้กรอบภาพมาแล้วทีนี้เราก็ลองหาภาพสวยๆ มาใส่กันได้ตามใจชอบเลยค่ะ 
 
 
 
        ภาพที่ใส่กรอบเรียบร้อยแล้ว


More


Copyright (c) 2006 by Your Name