ݺߣ

ݺߣShare a Scribd company logo
เทคนิกการใช้  Photoshop
เทคนิกการใช้ Photoshop  มีมากมายตัวอย่างเช่นแบบที่1การทำให้ภาพคมชัด1. ภาพนี้เป็นภาพต้นฉบับที่ไม่ค่อยชัดเลย
2. ใช้คำสั่ง Filter > Sharpen > Unsharp Mask... แล้วปรับค่า Amout เป็น 500% Radius เป็น 0.9 Threshold เป็น 10 ภาพจะชัดขึ้น
แบบที่2การสร้างตัวอักษร Carved ในหัวข้อนี้ เราจะมาทำตัวอักษรที่บุ๋มลงไปใน Background ก่อนอื่นเราจะต้องมีพื้นผิวสำหรับวางตัวอักษรก่อน (ถ้าต้องการรูปตัวอย่างของผม Click Here)
สร้าง Layer ใหม่มาหนึ่งอันโดยการกดปุ่มรูปกระดาษพับใน Layers Palette ใช้เครื่องมือ Type พิมพ์ตัวอักษรที่ต้องการลงไป
สร้าง Layer ใหม่ขึ้นมาอีกอัน แล้วเอาไปวางระหว่าง Layer 1 และ Layer 3 กด Ctrl-Click ที่ Layer 2 บน Layers Palette เพื่อสร้าง Selection ที่มีรูปร่างเหมือน Layer 2 หรืออาจจะใช้คำสั่ง Select > Load Selection... ก็ได้เหมือนกันใช้คำสั่ง Select > Feather... กำหนดค่า Radius เท่ากับ 2
กดปุ่ม D บน Keyboard เพื่อปรับค่า Foreground - Background Color ให้เป็นสีดำ-ขาวกดปุ่มลูกศรบน Keyboard ไปทางซ้ายและบนอย่างละ 2 ครั้ง แล้วเติมสีดำลงไปโดยการกด Alt-Delete กดปุ่มลูกศรบน Keyboard ไปทางขวาและล่างอย่างละ 4 ครั้ง แล้วเติมสีขาวลงไปโดยการกด Ctrl-Delete Load Selection จาก Layer 2 อีกครั้งหนึง (กด Ctrl-Click ที่ Layer 2) กดปุ่ม Delete เพื่อลบส่วนที่อยู่ตรงกลางออก
ไปที่ Layers Palette ปรับค่า Opacity ของ Layer 2 ให้เท่ากับ 20% เพื่อให้มองเห็นส่วนที่เป็น Background ข้างล่างได้
แบบที่3การสร้างภาพขอบเบลอ (Vignettes) เปิดรูปที่ต้องการเข้ามาใน Photoshop จากนั้นให้เปลี่ยนจากโหมดธรรมดาไปใช้ quickmask mode โดยการคลิกที่ไอคอน ด้านล่างของ tools palette จากนั้นให้เลือกใช้เครื่องมือ ระบายบริเวณที่ต้องการ หรืออาจจะประยุกต์ไปเลือกใช้เครื่องมือ gradient ก็ได้ ถ้าต้องการให้รูปค่อยๆ จางไปเพียงด้านเดียว
เมื่อระบายครอบคลุมบริเวณที่ต้องการเสร็จ ก็ให้ใช้คำสั่ง Filter > Blur > Gausian Blur เพื่อทำให้ขอบของรูปเบลอ กำหนดค่าความเบลอตามความเหมาะสม แต่ในกรณีที่ใช้เครื่องมือ gradient แทนการระบายสีก็ไม่จำเป็นต้องใช้คำสั่งนี้
ขั้นสุดท้ายคือเปลี่ยนจาก quickmask mode กลับไปเป็นโหมดธรรมดาโดยการคลิกที่ไอคอน ด้านล่างของ tools palette เมื่อได้ selection ล้อมรอบบริเวณที่ต้องการแล้วก็ให้ใช้ mask บังบริเวณที่ไม่ต้องการเอาไว้โดยการคลิกไอคอน บน layers palette เหมือนเดิม จะได้รูปขอบเลอตามที่ต้องการ
แต่การนำไปใช้บนเว็บ จำเป็นจะต้องเปลี่ยนตารางหมากรุกด้านหลัง ให้มีลักษณะเหมือน background ของเว็บเสียก่อน อาจทำได้โดยใช้คำสั่ง GIF89A Export หรือนำ background มาวางใน layer ด้านล่างก็ได้ แต่ในกรณีนี้ผมแนะนำให้ใช้วิธีหลังจะดีกว่า
แบบที่4การทำปุ่ม (Button) 1. File --> new แล้วตั้งค่า width="110" height="20" แล้ว คลิก OK 2. Layer --> 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 ดังรูป 9. Edit --> Copy แล้ว Edit --> Paste แล้วจะได้ Layer ใหม่มาอีก 1 Layer หลังจากนั้น ให้เลือก Edit --> transform --> flip Horizontal เพื่อกลับ Layer นั้นให้เป็นภาพตรงกันข้ามกับ Layer ต้นแบบ แล้วจัดให้ได้ดังรูป          โดยใช้ (Move Tool)
10. กด Ctrl + e เพื่อรวม layer ทั้งสองเข้าด้วยกัน แล้วเลือก Layer --> Effects --> Inner Shadow แล้วตั้งค่าให้เหมือนดังรูป แล้วจะได้ผลเป็นแบบนี้ ให้พิมพ์ข้อความลงบนปุ่มแล้วจะได้ผลดังรูป
Ad

Recommended

PPT
๶ทคȨคการใช้ Photoshop (การทำปุ่ม)
paijittri15
PPT
Ppt9213.pptm [บันทึกอัตโนมัติ]
paijittri15
PDF
๶ทคȨคทำภาพหยึϸ้ำ
chaiwat vichianchai
PDF
การสร้างเงาสะท้อนในน้ำด้วย Photoshop
Atail Thankamon
PPT
๶ทคȨค
Natthakan
PPT
๶ทคȨค
Natthakan
PDF
๶ทคȨคการทำฟองอากาศเก๋ ๆ
chaiwat vichianchai
DOC
ใบงานที่ 49 หลักวิธีการทำหยดน้ำบนพื้นหลัง
Suda Sangtong
PPTX
Pwpdata 7.1-7.4
mill0917047796
PDF
การสร้างงานด้วย Photoshop
กชพร มณีพงษ์
PDF
ใบความรู้ที่ 13 ม้วนขอบภาพให้โค้งงอ
Nimanong Nim
PDF
ใบความรู้ที่ 14การทำโปสการ์ด
Nimanong Nim
PDF
การสร้างงานด้วย Photoshop
กชพร มณีพงษ์
PDF
การสร้างงานด้วย Photoshop
กชพร มณีพงษ์
PDF
การสร้างงานด้วย Photoshop
กชพร มณีพงษ์
PDF
๶ครื่องมือและคำสั่งพื้นฐาน
กชพร มณีพงษ์
DOC
ใบงานที่ 30 การทำโลโก้ windows xp
Suda Sangtong
DOC
ใบงานที่ 70 ๶ทคȨคสร้างรูปเทียน
Suda Sangtong
PDF
การลอกลาย(Drafting) Adobe Flash CS3
Thanawat Boontan
PDF
๶ครื่องมือต่างๆและหȨาที่การทำงาน
กชพร มณีพงษ์
PDF
การคัดลอกลายภาพโดยโปรแกรม Flash cs5 1
kanjana312845
PDF
หนังสือ SketchUp อธิบายการสร้างและใช้ Component อย่างมีประสิทธิภาพ
SKETCHUP HOME
PDF
วิธีทำ การ์ตูนลอกลายอย่างง่าย
ณัฏยาภรณ์ ดอกบัว
PDF
Design+Bill of Material+Shop drawing ด้วยโปรแกรม SketchUp
SKETCHUP HOME
PPTX
หน่อย
Yupa
PPT
ขนมไทย
sawalak
PDF
JUNAR Case study Palo Alto m1116
Pierre GEORGES
PDF
JUNAR Case study Costa Rica
Pierre GEORGES
PPTX
Windows Mobile65 Ve Mobil Gelecek Yg
ekinozcicekciler

More Related Content

What's hot (17)

DOC
ใบงานที่ 49 หลักวิธีการทำหยดน้ำบนพื้นหลัง
Suda Sangtong
PPTX
Pwpdata 7.1-7.4
mill0917047796
PDF
การสร้างงานด้วย Photoshop
กชพร มณีพงษ์
PDF
ใบความรู้ที่ 13 ม้วนขอบภาพให้โค้งงอ
Nimanong Nim
PDF
ใบความรู้ที่ 14การทำโปสการ์ด
Nimanong Nim
PDF
การสร้างงานด้วย Photoshop
กชพร มณีพงษ์
PDF
การสร้างงานด้วย Photoshop
กชพร มณีพงษ์
PDF
การสร้างงานด้วย Photoshop
กชพร มณีพงษ์
PDF
๶ครื่องมือและคำสั่งพื้นฐาน
กชพร มณีพงษ์
DOC
ใบงานที่ 30 การทำโลโก้ windows xp
Suda Sangtong
DOC
ใบงานที่ 70 ๶ทคȨคสร้างรูปเทียน
Suda Sangtong
PDF
การลอกลาย(Drafting) Adobe Flash CS3
Thanawat Boontan
PDF
๶ครื่องมือต่างๆและหȨาที่การทำงาน
กชพร มณีพงษ์
PDF
การคัดลอกลายภาพโดยโปรแกรม Flash cs5 1
kanjana312845
PDF
หนังสือ SketchUp อธิบายการสร้างและใช้ Component อย่างมีประสิทธิภาพ
SKETCHUP HOME
PDF
วิธีทำ การ์ตูนลอกลายอย่างง่าย
ณัฏยาภรณ์ ดอกบัว
PDF
Design+Bill of Material+Shop drawing ด้วยโปรแกรม SketchUp
SKETCHUP HOME
ใบงานที่ 49 หลักวิธีการทำหยดน้ำบนพื้นหลัง
Suda Sangtong
Pwpdata 7.1-7.4
mill0917047796
การสร้างงานด้วย Photoshop
กชพร มณีพงษ์
ใบความรู้ที่ 13 ม้วนขอบภาพให้โค้งงอ
Nimanong Nim
ใบความรู้ที่ 14การทำโปสการ์ด
Nimanong Nim
การสร้างงานด้วย Photoshop
กชพร มณีพงษ์
การสร้างงานด้วย Photoshop
กชพร มณีพงษ์
การสร้างงานด้วย Photoshop
กชพร มณีพงษ์
๶ครื่องมือและคำสั่งพื้นฐาน
กชพร มณีพงษ์
ใบงานที่ 30 การทำโลโก้ windows xp
Suda Sangtong
ใบงานที่ 70 ๶ทคȨคสร้างรูปเทียน
Suda Sangtong
การลอกลาย(Drafting) Adobe Flash CS3
Thanawat Boontan
๶ครื่องมือต่างๆและหȨาที่การทำงาน
กชพร มณีพงษ์
การคัดลอกลายภาพโดยโปรแกรม Flash cs5 1
kanjana312845
หนังสือ SketchUp อธิบายการสร้างและใช้ Component อย่างมีประสิทธิภาพ
SKETCHUP HOME
วิธีทำ การ์ตูนลอกลายอย่างง่าย
ณัฏยาภรณ์ ดอกบัว
Design+Bill of Material+Shop drawing ด้วยโปรแกรม SketchUp
SKETCHUP HOME

Viewers also liked (18)

PPTX
หน่อย
Yupa
PPT
ขนมไทย
sawalak
PDF
JUNAR Case study Palo Alto m1116
Pierre GEORGES
PDF
JUNAR Case study Costa Rica
Pierre GEORGES
PPTX
Windows Mobile65 Ve Mobil Gelecek Yg
ekinozcicekciler
PPT
Intro computer
turm2506
PPTX
Mobil Cihaz Uygulamalarında Sql Server Ce Kullanımı
ekinozcicekciler
PPT
Esperanzas
vaonaaitor
PPT
4 MEDIESYSTEM
inviba
PPTX
หน่อย
Yupa
PPTX
งาน2ชุติมา.ยุพา(ม.62)
Yupa
PDF
JUNAR Case study Chile m1120
Pierre GEORGES
PPTX
หน่อย
Yupa
PDF
100 things i like about katie pdf
jessicaure
PPT
sweet
sawalak
DOCX
Bases biologicas del lenguaje
cindy Veliz Ponce
PPTX
Planes
crazyryan22
DOCX
consonante P
cindy Veliz Ponce
หน่อย
Yupa
ขนมไทย
sawalak
JUNAR Case study Palo Alto m1116
Pierre GEORGES
JUNAR Case study Costa Rica
Pierre GEORGES
Windows Mobile65 Ve Mobil Gelecek Yg
ekinozcicekciler
Intro computer
turm2506
Mobil Cihaz Uygulamalarında Sql Server Ce Kullanımı
ekinozcicekciler
Esperanzas
vaonaaitor
4 MEDIESYSTEM
inviba
หน่อย
Yupa
งาน2ชุติมา.ยุพา(ม.62)
Yupa
JUNAR Case study Chile m1120
Pierre GEORGES
หน่อย
Yupa
100 things i like about katie pdf
jessicaure
sweet
sawalak
Bases biologicas del lenguaje
cindy Veliz Ponce
consonante P
cindy Veliz Ponce
Ad

Similar to งาน3ชุติมา.ยุพา(ม.62) (20)

PPT
๶ทคȨคการใช้ Photoshop (การทำปุ่ม)
paijittri15
PPT
๶ทคȨคการใช้ Photoshop (การทำปุ่ม)
paijittri15
PDF
ใบความรู้ที่ 4 ภาพlomo
Noofang DarkAnegl
PDF
ใบความรู้ที่ 17
Nimanong Nim
PPT
๶ทคȨคการใช้photo
sirikunyaa
DOC
ใบงานที่ 68 ๶ทคȨควิธีการทำอักษรไฟแนวทางใหม่
Suda Sangtong
PDF
๶ทคȨคโฟโต้
weena22
PPT
๶ทคȨคการใช้งาน Photoshop
Pakawat Songsaengthammachai
PPT
งาȨำเสนอ1
Somchok Yaemwong
PDF
๶วลาพลบค่ำใȨมือง
IvIy Alice
DOC
ใบงานที่ 28 การทำ wallpaper แนวสีสัน
Suda Sangtong
PDF
Lara croft
IvIy Alice
PDF
รู้จักโปรแกรม Adobe Photoshop CS6
Khon Kaen University
DOC
ใบงานที่ 24 ๶ทคȨคการสร้างตัวอักษรสีสวย
Suda Sangtong
DOC
ใบงานที่ 64 ๶ทคȨคการสร้างให้ภาพโปรงใสเฉพาะที่
Suda Sangtong
PDF
ม้วนขอบภาพให้โค้งงอ
IvIy Alice
DOC
ใบงานที่ 20 ๶ทคȨคการทำตัวอักษรสีทอง
Suda Sangtong
๶ทคȨคการใช้ Photoshop (การทำปุ่ม)
paijittri15
๶ทคȨคการใช้ Photoshop (การทำปุ่ม)
paijittri15
ใบความรู้ที่ 4 ภาพlomo
Noofang DarkAnegl
ใบความรู้ที่ 17
Nimanong Nim
๶ทคȨคการใช้photo
sirikunyaa
ใบงานที่ 68 ๶ทคȨควิธีการทำอักษรไฟแนวทางใหม่
Suda Sangtong
๶ทคȨคโฟโต้
weena22
๶ทคȨคการใช้งาน Photoshop
Pakawat Songsaengthammachai
งาȨำเสนอ1
Somchok Yaemwong
๶วลาพลบค่ำใȨมือง
IvIy Alice
ใบงานที่ 28 การทำ wallpaper แนวสีสัน
Suda Sangtong
Lara croft
IvIy Alice
รู้จักโปรแกรม Adobe Photoshop CS6
Khon Kaen University
ใบงานที่ 24 ๶ทคȨคการสร้างตัวอักษรสีสวย
Suda Sangtong
ใบงานที่ 64 ๶ทคȨคการสร้างให้ภาพโปรงใสเฉพาะที่
Suda Sangtong
ม้วนขอบภาพให้โค้งงอ
IvIy Alice
ใบงานที่ 20 ๶ทคȨคการทำตัวอักษรสีทอง
Suda Sangtong
Ad

งาน3ชุติมา.ยุพา(ม.62)

  • 2. เทคนิกการใช้ Photoshop มีมากมายตัวอย่างเช่นแบบที่1การทำให้ภาพคมชัด1. ภาพนี้เป็นภาพต้นฉบับที่ไม่ค่อยชัดเลย
  • 3. 2. ใช้คำสั่ง Filter > Sharpen > Unsharp Mask... แล้วปรับค่า Amout เป็น 500% Radius เป็น 0.9 Threshold เป็น 10 ภาพจะชัดขึ้น
  • 4. แบบที่2การสร้างตัวอักษร Carved ในหัวข้อนี้ เราจะมาทำตัวอักษรที่บุ๋มลงไปใน Background ก่อนอื่นเราจะต้องมีพื้นผิวสำหรับวางตัวอักษรก่อน (ถ้าต้องการรูปตัวอย่างของผม Click Here)
  • 5. สร้าง Layer ใหม่มาหนึ่งอันโดยการกดปุ่มรูปกระดาษพับใน Layers Palette ใช้เครื่องมือ Type พิมพ์ตัวอักษรที่ต้องการลงไป
  • 6. สร้าง Layer ใหม่ขึ้นมาอีกอัน แล้วเอาไปวางระหว่าง Layer 1 และ Layer 3 กด Ctrl-Click ที่ Layer 2 บน Layers Palette เพื่อสร้าง Selection ที่มีรูปร่างเหมือน Layer 2 หรืออาจจะใช้คำสั่ง Select > Load Selection... ก็ได้เหมือนกันใช้คำสั่ง Select > Feather... กำหนดค่า Radius เท่ากับ 2
  • 7. กดปุ่ม D บน Keyboard เพื่อปรับค่า Foreground - Background Color ให้เป็นสีดำ-ขาวกดปุ่มลูกศรบน Keyboard ไปทางซ้ายและบนอย่างละ 2 ครั้ง แล้วเติมสีดำลงไปโดยการกด Alt-Delete กดปุ่มลูกศรบน Keyboard ไปทางขวาและล่างอย่างละ 4 ครั้ง แล้วเติมสีขาวลงไปโดยการกด Ctrl-Delete Load Selection จาก Layer 2 อีกครั้งหนึง (กด Ctrl-Click ที่ Layer 2) กดปุ่ม Delete เพื่อลบส่วนที่อยู่ตรงกลางออก
  • 8. ไปที่ Layers Palette ปรับค่า Opacity ของ Layer 2 ให้เท่ากับ 20% เพื่อให้มองเห็นส่วนที่เป็น Background ข้างล่างได้
  • 9. แบบที่3การสร้างภาพขอบเบลอ (Vignettes) เปิดรูปที่ต้องการเข้ามาใน Photoshop จากนั้นให้เปลี่ยนจากโหมดธรรมดาไปใช้ quickmask mode โดยการคลิกที่ไอคอน ด้านล่างของ tools palette จากนั้นให้เลือกใช้เครื่องมือ ระบายบริเวณที่ต้องการ หรืออาจจะประยุกต์ไปเลือกใช้เครื่องมือ gradient ก็ได้ ถ้าต้องการให้รูปค่อยๆ จางไปเพียงด้านเดียว
  • 10. เมื่อระบายครอบคลุมบริเวณที่ต้องการเสร็จ ก็ให้ใช้คำสั่ง Filter > Blur > Gausian Blur เพื่อทำให้ขอบของรูปเบลอ กำหนดค่าความเบลอตามความเหมาะสม แต่ในกรณีที่ใช้เครื่องมือ gradient แทนการระบายสีก็ไม่จำเป็นต้องใช้คำสั่งนี้
  • 11. ขั้นสุดท้ายคือเปลี่ยนจาก quickmask mode กลับไปเป็นโหมดธรรมดาโดยการคลิกที่ไอคอน ด้านล่างของ tools palette เมื่อได้ selection ล้อมรอบบริเวณที่ต้องการแล้วก็ให้ใช้ mask บังบริเวณที่ไม่ต้องการเอาไว้โดยการคลิกไอคอน บน layers palette เหมือนเดิม จะได้รูปขอบเลอตามที่ต้องการ
  • 12. แต่การนำไปใช้บนเว็บ จำเป็นจะต้องเปลี่ยนตารางหมากรุกด้านหลัง ให้มีลักษณะเหมือน background ของเว็บเสียก่อน อาจทำได้โดยใช้คำสั่ง GIF89A Export หรือนำ background มาวางใน layer ด้านล่างก็ได้ แต่ในกรณีนี้ผมแนะนำให้ใช้วิธีหลังจะดีกว่า
  • 13. แบบที่4การทำปุ่ม (Button) 1. File --> new แล้วตั้งค่า width="110" height="20" แล้ว คลิก OK 2. Layer --> new --> Layer --> ok แล้วเลือก (Elliptical Marquee) ดังรูป (ถ้าเป็นรูปอื่นอยู่ให้ click mouse ค้างไว้) แล้ว double click แล้วให้ตั้งค่าดังรูป (อยู่ทางฝั่งขวาของ Photoshop)
  • 14. 3. แล้วคลิก 1 ครั้งที่ชิ้นงานจะได้ selection ดังรูป 4. เลือกสีแดง แล้วใช้ (paint bucket) เทลงไปใน selection แล้วกด Ctrl + d จะเป็นดังรูป
  • 15. 5. Layer --> new --> Layer --> ok แล้วเลือก (Rectangular Marquee) ดังรูป (ถ้าเป็นรูปอื่นอยู่ให้ click mouse ค้างไว้) แล้ว double click แล้วให้ตั้งค่าดังรูป (อยู่ทางฝั่งขวาของ Photoshop) 6. แล้วคลิก 1 ครั้งที่ชิ้นงานจะได้ selection ดังรูป
  • 16. 7. เลือกสีแดง แล้วใช้ (paint bucket) เทลงไปใน selection แล้วกด Ctrl + d จะเป็นดังรูป 8. กด Ctrl + e เพื่อรวม layer ทั้งสอง (วงกลมกับสี่เหลี่ยม) เข้าด้วยกัน แล้วใช้ (Magic Wand) click ลงไปที่สีแดง แล้วจะเป็น selection ดังรูป 9. Edit --> Copy แล้ว Edit --> Paste แล้วจะได้ Layer ใหม่มาอีก 1 Layer หลังจากนั้น ให้เลือก Edit --> transform --> flip Horizontal เพื่อกลับ Layer นั้นให้เป็นภาพตรงกันข้ามกับ Layer ต้นแบบ แล้วจัดให้ได้ดังรูป โดยใช้ (Move Tool)
  • 17. 10. กด Ctrl + e เพื่อรวม layer ทั้งสองเข้าด้วยกัน แล้วเลือก Layer --> Effects --> Inner Shadow แล้วตั้งค่าให้เหมือนดังรูป แล้วจะได้ผลเป็นแบบนี้ ให้พิมพ์ข้อความลงบนปุ่มแล้วจะได้ผลดังรูป