SlideShare a Scribd company logo
1 of 16
เทคนิคการใช้  Photoshop เรื่อง การทำปุ่ม  ( Button)
1. File --> new  แล้วตั้งค่า  width="110" height="20"  แล้ว คลิ๊ก  OK
2. Layer --> new --> Layer --> ok  แล้วเลือก  (Elliptical Marquee)  ดังรูป  ( ถ้าเป็นรูปอื่นอยู่ให้  click mouse  ค้างไว้ )  แล้ว  double click  แล้วให้ตั้งค่าดังรูป  ( อยู่ทางฝั่งขวาของ  photoshop) new --> Layer --> ok  แล้วเลือก  ( Elliptical Marquee)  ดังรูป  ( ถ้าเป็นรูปอื่นอยู่ให้  click mouse  ค้างไว้ )  แล้ว  double click  แล้วให้ตั้งค่าดังรูป  ( อยู่ทางฝั่งขวาของ  photoshop) ">
 
3.  แล้วคลิ๊ก  1  ครั้งที่ชิ้นงานจะได้  selection  ดังรูป
4.  เลือกสีแดง แล้วใช้  (paint bucket)  เทลงไปใน  selection  แล้วกด  Ctrl + d  จะเป็นดังรูป
5. Layer --> new --> Layer --> ok  แล้วเลือก  (Rectangular Marquee)  ดังรูป  ( ถ้าเป็นรูปอื่นอยู่ให้  click mouse  ค้างไว้ )  แล้ว   double click  แล้วให้ตั้งค่าดังรูป  ( อยู่ทางฝั่งขวาของ  photoshop)
 
6.  แล้วคลิ๊ก  1  ครั้งที่ชิ้นงานจะได้  selection  ดังรูป
7.  เลือกสีแดง แล้วใช้  (paint bucket)  เทลงไปใน  selection  แล้วกด  Ctrl + d  จะเป็นดังรูป
8.  กด  Ctrl + e  เพื่อรวม  layer  ทั้งสอง   ( วงกลมกับสี่เหลี่ยม )  เข้าด้วยกัน แล้วใช้  (Magic Wand) click  ลงไปที่สีแดง แล้วจะเป็น  selection  ดังรูป
[object Object]
[object Object]
[object Object]
ให้พิมพ์ข้อความลงบนปุ่มแล้วจะได้ผลดังรูป
[object Object],[object Object],[object Object],[object Object]

More Related Content

What's hot

ใบงานที่ 25 เทคนิคการสร้าง m web
ใบงานที่ 25 เทคนิคการสร้าง m webใบงานที่ 25 เทคนิคการสร้าง m web
ใบงานที่ 25 เทคนิคการสร้าง m web
Suda Sangtong
 
เทคนิคการทำภาพขอบจุดกระจาย
เทคนิคการทำภาพขอบจุดกระจายเทคนิคการทำภาพขอบจุดกระจาย
เทคนิคการทำภาพขอบจุดกระจาย
Naphisa Ritloy
 
ใบงานที่ 43 เทคนิดการวาดหน้าการ์ตูน
ใบงานที่ 43 เทคนิดการวาดหน้าการ์ตูนใบงานที่ 43 เทคนิดการวาดหน้าการ์ตูน
ใบงานที่ 43 เทคนิดการวาดหน้าการ์ตูน
Suda Sangtong
 
ใบงานที่ 32 เทคนิคการทําภาพขอบจุดกระจาย
ใบงานที่ 32 เทคนิคการทําภาพขอบจุดกระจายใบงานที่ 32 เทคนิคการทําภาพขอบจุดกระจาย
ใบงานที่ 32 เทคนิคการทําภาพขอบจุดกระจาย
Suda Sangtong
 
ใบปฏิบัติงานที่ 1 1
ใบปฏิบัติงานที่ 1 1ใบปฏิบัติงานที่ 1 1
ใบปฏิบัติงานที่ 1 1
Duangsuwun Lasadang
 
เทคนิค
เทคนิคเทคนิค
เทคนิค
Natthakan
 
เทคนิค
เทคนิคเทคนิค
เทคนิค
Natthakan
 
เทคนิคทำภาพหยดน้ำ
เทคนิคทำภาพหยดน้ำเทคนิคทำภาพหยดน้ำ
เทคนิคทำภาพหยดน้ำ
chaiwat vichianchai
 

What's hot (16)

58670214 lab
58670214 lab58670214 lab
58670214 lab
 
ใบงานที่ 25 เทคนิคการสร้าง m web
ใบงานที่ 25 เทคนิคการสร้าง m webใบงานที่ 25 เทคนิคการสร้าง m web
ใบงานที่ 25 เทคนิคการสร้าง m web
 
ทำเส้นพริ้ว
ทำเส้นพริ้วทำเส้นพริ้ว
ทำเส้นพริ้ว
 
Pwpdata 7.1-7.4
Pwpdata 7.1-7.4Pwpdata 7.1-7.4
Pwpdata 7.1-7.4
 
เทคนิคการทำภาพขอบจุดกระจาย
เทคนิคการทำภาพขอบจุดกระจายเทคนิคการทำภาพขอบจุดกระจาย
เทคนิคการทำภาพขอบจุดกระจาย
 
Arc view userguide
Arc view userguideArc view userguide
Arc view userguide
 
เทคนิคการทำฟองอากาศเก๋ ๆ
เทคนิคการทำฟองอากาศเก๋ ๆเทคนิคการทำฟองอากาศเก๋ ๆ
เทคนิคการทำฟองอากาศเก๋ ๆ
 
ใบงานที่ 43 เทคนิดการวาดหน้าการ์ตูน
ใบงานที่ 43 เทคนิดการวาดหน้าการ์ตูนใบงานที่ 43 เทคนิดการวาดหน้าการ์ตูน
ใบงานที่ 43 เทคนิดการวาดหน้าการ์ตูน
 
ใบงานที่ 32 เทคนิคการทําภาพขอบจุดกระจาย
ใบงานที่ 32 เทคนิคการทําภาพขอบจุดกระจายใบงานที่ 32 เทคนิคการทําภาพขอบจุดกระจาย
ใบงานที่ 32 เทคนิคการทําภาพขอบจุดกระจาย
 
ใบปฏิบัติงานที่ 1 1
ใบปฏิบัติงานที่ 1 1ใบปฏิบัติงานที่ 1 1
ใบปฏิบัติงานที่ 1 1
 
งานนำเสนอ2
งานนำเสนอ2งานนำเสนอ2
งานนำเสนอ2
 
เทคนิค
เทคนิคเทคนิค
เทคนิค
 
เทคนิค
เทคนิคเทคนิค
เทคนิค
 
เทคนิคทำภาพหยดน้ำ
เทคนิคทำภาพหยดน้ำเทคนิคทำภาพหยดน้ำ
เทคนิคทำภาพหยดน้ำ
 
เทคนิคการทำภาพโลโม่
เทคนิคการทำภาพโลโม่เทคนิคการทำภาพโลโม่
เทคนิคการทำภาพโลโม่
 
วิธีทำ การ์ตูนลอกลายอย่างง่าย
วิธีทำ การ์ตูนลอกลายอย่างง่ายวิธีทำ การ์ตูนลอกลายอย่างง่าย
วิธีทำ การ์ตูนลอกลายอย่างง่าย
 

Similar to เทคนิคการใช้ Photoshop (การทำปุ่ม)

ใบความรู้ที่ 17
ใบความรู้ที่ 17ใบความรู้ที่ 17
ใบความรู้ที่ 17
Nimanong Nim
 
ใบความรู้ที่ 4 ภาพlomo
ใบความรู้ที่ 4 ภาพlomoใบความรู้ที่ 4 ภาพlomo
ใบความรู้ที่ 4 ภาพlomo
Noofang DarkAnegl
 
เทคนิคโฟโต้
เทคนิคโฟโต้เทคนิคโฟโต้
เทคนิคโฟโต้
weena22
 
ใบงานที่ 28 การทำ wallpaper แนวสีสัน
ใบงานที่ 28 การทำ wallpaper แนวสีสันใบงานที่ 28 การทำ wallpaper แนวสีสัน
ใบงานที่ 28 การทำ wallpaper แนวสีสัน
Suda Sangtong
 
เทคนิคการใช้งาน Photoshop
เทคนิคการใช้งาน Photoshopเทคนิคการใช้งาน Photoshop
เทคนิคการใช้งาน Photoshop
Pakawat Songsaengthammachai
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1
Somchok Yaemwong
 
การสร้างเงาสะท้อนในน้ำด้วย Photoshop
การสร้างเงาสะท้อนในน้ำด้วย Photoshopการสร้างเงาสะท้อนในน้ำด้วย Photoshop
การสร้างเงาสะท้อนในน้ำด้วย Photoshop
Atail Thankamon
 
ใบงานที่ 68 เทคนิควิธีการทำอักษรไฟแนวทางใหม่
ใบงานที่ 68 เทคนิควิธีการทำอักษรไฟแนวทางใหม่ใบงานที่ 68 เทคนิควิธีการทำอักษรไฟแนวทางใหม่
ใบงานที่ 68 เทคนิควิธีการทำอักษรไฟแนวทางใหม่
Suda Sangtong
 
เวลาพลบค่ำในเมือง
เวลาพลบค่ำในเมืองเวลาพลบค่ำในเมือง
เวลาพลบค่ำในเมือง
IvIy Alice
 
ใบงานที่ 64 เทคนิคการสร้างให้ภาพโปรงใสเฉพาะที่
ใบงานที่ 64 เทคนิคการสร้างให้ภาพโปรงใสเฉพาะที่ใบงานที่ 64 เทคนิคการสร้างให้ภาพโปรงใสเฉพาะที่
ใบงานที่ 64 เทคนิคการสร้างให้ภาพโปรงใสเฉพาะที่
Suda Sangtong
 
เทคนิคPhotoshop
เทคนิคPhotoshopเทคนิคPhotoshop
เทคนิคPhotoshop
Monsicha Saesiao
 
ใบความรู้ที่ 14การทำโปสการ์ด
ใบความรู้ที่ 14การทำโปสการ์ดใบความรู้ที่ 14การทำโปสการ์ด
ใบความรู้ที่ 14การทำโปสการ์ด
Nimanong Nim
 
โปรแกรมกราฟิกการสร้างลูกบอลไฟอีกรูปแบบหนึ่งในPhotoshop
โปรแกรมกราฟิกการสร้างลูกบอลไฟอีกรูปแบบหนึ่งในPhotoshopโปรแกรมกราฟิกการสร้างลูกบอลไฟอีกรูปแบบหนึ่งในPhotoshop
โปรแกรมกราฟิกการสร้างลูกบอลไฟอีกรูปแบบหนึ่งในPhotoshop
Pop You
 
การสร้างลูกบอลไฟอีกรูปแบบหนึ่งในPhotoshop
การสร้างลูกบอลไฟอีกรูปแบบหนึ่งในPhotoshopการสร้างลูกบอลไฟอีกรูปแบบหนึ่งในPhotoshop
การสร้างลูกบอลไฟอีกรูปแบบหนึ่งในPhotoshop
Pop You
 
ใบงานที่ 20 เทคนิคการทำตัวอักษรสีทอง
ใบงานที่ 20 เทคนิคการทำตัวอักษรสีทองใบงานที่ 20 เทคนิคการทำตัวอักษรสีทอง
ใบงานที่ 20 เทคนิคการทำตัวอักษรสีทอง
Suda Sangtong
 
ใบงานที่ 70 เทคนิคสร้างรูปเทียน
ใบงานที่ 70 เทคนิคสร้างรูปเทียนใบงานที่ 70 เทคนิคสร้างรูปเทียน
ใบงานที่ 70 เทคนิคสร้างรูปเทียน
Suda Sangtong
 
ใบงานที่ 30 การทำโลโก้ windows xp
ใบงานที่ 30 การทำโลโก้ windows xpใบงานที่ 30 การทำโลโก้ windows xp
ใบงานที่ 30 การทำโลโก้ windows xp
Suda Sangtong
 

Similar to เทคนิคการใช้ Photoshop (การทำปุ่ม) (20)

ใบความรู้ที่ 17
ใบความรู้ที่ 17ใบความรู้ที่ 17
ใบความรู้ที่ 17
 
ใบความรู้ที่ 4 ภาพlomo
ใบความรู้ที่ 4 ภาพlomoใบความรู้ที่ 4 ภาพlomo
ใบความรู้ที่ 4 ภาพlomo
 
เทคนิคโฟโต้
เทคนิคโฟโต้เทคนิคโฟโต้
เทคนิคโฟโต้
 
ใบงานที่ 28 การทำ wallpaper แนวสีสัน
ใบงานที่ 28 การทำ wallpaper แนวสีสันใบงานที่ 28 การทำ wallpaper แนวสีสัน
ใบงานที่ 28 การทำ wallpaper แนวสีสัน
 
เทคนิคการใช้งาน Photoshop
เทคนิคการใช้งาน Photoshopเทคนิคการใช้งาน Photoshop
เทคนิคการใช้งาน Photoshop
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1
 
การสร้างเงาสะท้อนในน้ำด้วย Photoshop
การสร้างเงาสะท้อนในน้ำด้วย Photoshopการสร้างเงาสะท้อนในน้ำด้วย Photoshop
การสร้างเงาสะท้อนในน้ำด้วย Photoshop
 
ใบงานที่ 68 เทคนิควิธีการทำอักษรไฟแนวทางใหม่
ใบงานที่ 68 เทคนิควิธีการทำอักษรไฟแนวทางใหม่ใบงานที่ 68 เทคนิควิธีการทำอักษรไฟแนวทางใหม่
ใบงานที่ 68 เทคนิควิธีการทำอักษรไฟแนวทางใหม่
 
เวลาพลบค่ำในเมือง
เวลาพลบค่ำในเมืองเวลาพลบค่ำในเมือง
เวลาพลบค่ำในเมือง
 
ใบงานที่ 64 เทคนิคการสร้างให้ภาพโปรงใสเฉพาะที่
ใบงานที่ 64 เทคนิคการสร้างให้ภาพโปรงใสเฉพาะที่ใบงานที่ 64 เทคนิคการสร้างให้ภาพโปรงใสเฉพาะที่
ใบงานที่ 64 เทคนิคการสร้างให้ภาพโปรงใสเฉพาะที่
 
เทคนิคPhotoshop
เทคนิคPhotoshopเทคนิคPhotoshop
เทคนิคPhotoshop
 
ใบความรู้ที่ 14การทำโปสการ์ด
ใบความรู้ที่ 14การทำโปสการ์ดใบความรู้ที่ 14การทำโปสการ์ด
ใบความรู้ที่ 14การทำโปสการ์ด
 
โปรแกรมกราฟิกการสร้างลูกบอลไฟอีกรูปแบบหนึ่งในPhotoshop
โปรแกรมกราฟิกการสร้างลูกบอลไฟอีกรูปแบบหนึ่งในPhotoshopโปรแกรมกราฟิกการสร้างลูกบอลไฟอีกรูปแบบหนึ่งในPhotoshop
โปรแกรมกราฟิกการสร้างลูกบอลไฟอีกรูปแบบหนึ่งในPhotoshop
 
การสร้างลูกบอลไฟอีกรูปแบบหนึ่งในPhotoshop
การสร้างลูกบอลไฟอีกรูปแบบหนึ่งในPhotoshopการสร้างลูกบอลไฟอีกรูปแบบหนึ่งในPhotoshop
การสร้างลูกบอลไฟอีกรูปแบบหนึ่งในPhotoshop
 
ใบงานที่ 20 เทคนิคการทำตัวอักษรสีทอง
ใบงานที่ 20 เทคนิคการทำตัวอักษรสีทองใบงานที่ 20 เทคนิคการทำตัวอักษรสีทอง
ใบงานที่ 20 เทคนิคการทำตัวอักษรสีทอง
 
เทคนิค
เทคนิคเทคนิค
เทคนิค
 
Arc view userguide
Arc view userguideArc view userguide
Arc view userguide
 
ใบงานที่ 70 เทคนิคสร้างรูปเทียน
ใบงานที่ 70 เทคนิคสร้างรูปเทียนใบงานที่ 70 เทคนิคสร้างรูปเทียน
ใบงานที่ 70 เทคนิคสร้างรูปเทียน
 
ใบงานที่ 30 การทำโลโก้ windows xp
ใบงานที่ 30 การทำโลโก้ windows xpใบงานที่ 30 การทำโลโก้ windows xp
ใบงานที่ 30 การทำโลโก้ windows xp
 
DIA - Diagram
DIA - DiagramDIA - Diagram
DIA - Diagram
 

More from paijittri15

งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1
paijittri15
 
เทคนิคการใช้ Photoshop (การทำปุ่ม)
เทคนิคการใช้ Photoshop (การทำปุ่ม)เทคนิคการใช้ Photoshop (การทำปุ่ม)
เทคนิคการใช้ Photoshop (การทำปุ่ม)
paijittri15
 
เทคนิคการใช้ Photoshop (การทำปุ่ม)
เทคนิคการใช้ Photoshop (การทำปุ่ม)เทคนิคการใช้ Photoshop (การทำปุ่ม)
เทคนิคการใช้ Photoshop (การทำปุ่ม)
paijittri15
 
Ppt9213.pptm [บันทึกอัตโนมัติ]
Ppt9213.pptm [บันทึกอัตโนมัติ]Ppt9213.pptm [บันทึกอัตโนมัติ]
Ppt9213.pptm [บันทึกอัตโนมัติ]
paijittri15
 
งานนำเสนอ1234
งานนำเสนอ1234งานนำเสนอ1234
งานนำเสนอ1234
paijittri15
 
งานนำเสนอ1234
งานนำเสนอ1234งานนำเสนอ1234
งานนำเสนอ1234
paijittri15
 
งานนำเสนอ1234
งานนำเสนอ1234งานนำเสนอ1234
งานนำเสนอ1234
paijittri15
 
งานนำเสนอ11
งานนำเสนอ11งานนำเสนอ11
งานนำเสนอ11
paijittri15
 
งานนำเสนอ1234
งานนำเสนอ1234งานนำเสนอ1234
งานนำเสนอ1234
paijittri15
 
การสร้างแผนผัง Organization chat.ppt1
การสร้างแผนผัง  Organization  chat.ppt1การสร้างแผนผัง  Organization  chat.ppt1
การสร้างแผนผัง Organization chat.ppt1
paijittri15
 
การสร้างแผนผัง Organization chat.ppt1
การสร้างแผนผัง  Organization  chat.ppt1การสร้างแผนผัง  Organization  chat.ppt1
การสร้างแผนผัง Organization chat.ppt1
paijittri15
 
การสร้างแผนผัง Organization chat
การสร้างแผนผัง  Organization  chatการสร้างแผนผัง  Organization  chat
การสร้างแผนผัง Organization chat
paijittri15
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1
paijittri15
 

More from paijittri15 (14)

งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1
 
เทคนิคการใช้ Photoshop (การทำปุ่ม)
เทคนิคการใช้ Photoshop (การทำปุ่ม)เทคนิคการใช้ Photoshop (การทำปุ่ม)
เทคนิคการใช้ Photoshop (การทำปุ่ม)
 
เทคนิคการใช้ Photoshop (การทำปุ่ม)
เทคนิคการใช้ Photoshop (การทำปุ่ม)เทคนิคการใช้ Photoshop (การทำปุ่ม)
เทคนิคการใช้ Photoshop (การทำปุ่ม)
 
Ppt9213.pptm [บันทึกอัตโนมัติ]
Ppt9213.pptm [บันทึกอัตโนมัติ]Ppt9213.pptm [บันทึกอัตโนมัติ]
Ppt9213.pptm [บันทึกอัตโนมัติ]
 
123
123123
123
 
งานนำเสนอ1234
งานนำเสนอ1234งานนำเสนอ1234
งานนำเสนอ1234
 
งานนำเสนอ1234
งานนำเสนอ1234งานนำเสนอ1234
งานนำเสนอ1234
 
งานนำเสนอ1234
งานนำเสนอ1234งานนำเสนอ1234
งานนำเสนอ1234
 
งานนำเสนอ11
งานนำเสนอ11งานนำเสนอ11
งานนำเสนอ11
 
งานนำเสนอ1234
งานนำเสนอ1234งานนำเสนอ1234
งานนำเสนอ1234
 
การสร้างแผนผัง Organization chat.ppt1
การสร้างแผนผัง  Organization  chat.ppt1การสร้างแผนผัง  Organization  chat.ppt1
การสร้างแผนผัง Organization chat.ppt1
 
การสร้างแผนผัง Organization chat.ppt1
การสร้างแผนผัง  Organization  chat.ppt1การสร้างแผนผัง  Organization  chat.ppt1
การสร้างแผนผัง Organization chat.ppt1
 
การสร้างแผนผัง Organization chat
การสร้างแผนผัง  Organization  chatการสร้างแผนผัง  Organization  chat
การสร้างแผนผัง Organization chat
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1
 

เทคนิคการใช้ Photoshop (การทำปุ่ม)

  • 1. เทคนิคการใช้ Photoshop เรื่อง การทำปุ่ม ( Button)
  • 2. 1. File --> new แล้วตั้งค่า width="110" height="20" แล้ว คลิ๊ก OK
  • 3. 2. Layer --> new --> Layer --> ok แล้วเลือก (Elliptical Marquee) ดังรูป ( ถ้าเป็นรูปอื่นอยู่ให้ click mouse ค้างไว้ ) แล้ว double click แล้วให้ตั้งค่าดังรูป ( อยู่ทางฝั่งขวาของ photoshop) new --> Layer --> ok แล้วเลือก ( Elliptical Marquee) ดังรูป ( ถ้าเป็นรูปอื่นอยู่ให้ click mouse ค้างไว้ ) แล้ว double click แล้วให้ตั้งค่าดังรูป ( อยู่ทางฝั่งขวาของ photoshop) ">
  • 4.  
  • 5. 3. แล้วคลิ๊ก 1 ครั้งที่ชิ้นงานจะได้ selection ดังรูป
  • 6. 4. เลือกสีแดง แล้วใช้ (paint bucket) เทลงไปใน selection แล้วกด Ctrl + d จะเป็นดังรูป
  • 7. 5. Layer --> new --> Layer --> ok แล้วเลือก (Rectangular Marquee) ดังรูป ( ถ้าเป็นรูปอื่นอยู่ให้ click mouse ค้างไว้ ) แล้ว double click แล้วให้ตั้งค่าดังรูป ( อยู่ทางฝั่งขวาของ photoshop)
  • 8.  
  • 9. 6. แล้วคลิ๊ก 1 ครั้งที่ชิ้นงานจะได้ selection ดังรูป
  • 10. 7. เลือกสีแดง แล้วใช้ (paint bucket) เทลงไปใน selection แล้วกด Ctrl + d จะเป็นดังรูป
  • 11. 8. กด Ctrl + e เพื่อรวม layer ทั้งสอง ( วงกลมกับสี่เหลี่ยม ) เข้าด้วยกัน แล้วใช้ (Magic Wand) click ลงไปที่สีแดง แล้วจะเป็น selection ดังรูป
  • 12.
  • 13.
  • 14.
  • 16.