การสร้างปุ่ม
     
     
 
ขั้นตอนการสร้างปุ่ม
  
 
1.สร้างชิ้นงานใหม่ขนาด 150 x 40 pixels กำหนดพื้นด้านหลังเป็นแบบโปร่งใส (Transparent)
  
 
2.ใช้เครื่องมือ Rectangular Marquee Tool Rectangular Marquee สร้าง Selection แบบสี่เหลี่ยม
 
 
 
       
 
3.เลือกคำสั่งจากเมนู Select => Modify => Smooth
 
 
4.กำหนดค่า Sample Radius = 7 pixels
 
 
5.สร้างเลเยอร์ใหม่
  
 
6.เลือกสีที่ต้องการ แล้วทำการเทสีลงไปภายใน
 
 
 
     
  7.กดปุ่มคำสั่ง Add Layer Style layer style(อยู่ใน Pallete Layer) เพื่อใส่ Effect ให้กับปุ่ม กำหนดค่าดังนี้  
 
Drop Shadow => Opacity = 35, Angle = 135, Distance = 1, Size = 1
 
 
Inner Shadow => Opacity = 100, Angle = -90, Distance = 5, Choke = 15, Size = 15
 
 
กำหนดสีให้เข้มกว่าสีของปุ่ม
  
 
inner shadow
  
         
 
Inner Grow => Blend Mode = Color Dodge, Opacity = 30, Source = Center, Choke = 20
  
 
, Size = 20px กำหนดสีให้เป็นสีขาว
 
 
- คลิกกลางพื้นที่ปุ่ม Contour contour เพื่อเรียกหน้าจอ Contour Editor
 
- ในหน้า Contour Editor คลิกมุมบนซ้ายสุด กำหนดค่า Input = 50, Output = 0
- กำหนดค่า Range = 30
 
inner growContourEd
  
         
      Bevel and Emboss => Depth = 80, Size = 9, Soften = 1, Angle = 90, Attitude = 75, Opacity = 100  
- กำหนดค่าสีใน Shadow Mode ให้เป็นสีเข้ม
 
bevel
  
     
 
ปุ่มสำเร็จ
  
 
ปุ่มเสร็จแล้ว
  
           
           
  ปุ่มรูปแบบอื่น ๆ  
    นักเรียนอาจใช้เครื่องมือในกลุ่ม Shape Tool สร้างปุ่มหลากหลายลักษณะได้ ดังตัวอย่าง  
     
 
      
  
           
           
 
ใบงาน
 
 
คำสั่ง ให้นักเรียนสร้างปุ่ม 2 รูปแบบ (แบบมุมมน และแบบเหลี่ยม) และเพิ่มข้อความลงในปุ่ม ดังนี้
 
    1.ปุ่มแบบไม่มีข้อความ  
 
2.Home
 
 
3.Profile
 
 
4.Favorite
 
 
5.Portfolio
  
    6.Gallery  
 
7.Contact
  
     
 
รวมชิ้นงานทั้งหมด 14 ไฟล์
  
  ปุ่มรูปแบบที่ 1 = 7 แบบ => M6...-Button1...-FirstName (แบบมุมมนให้บันทึกงานด้วยนามสกุล PNG)  
  ปุ่มรูปแบบที่ 2 = 7 แบบ => M6...-Button2...-FirstName (แบบเหลี่ยมให้บันทึกงานด้วยนามสกุล JPEG)  
     
           
       
T.Warangkana Komolpalin