SlideShare a Scribd company logo
1 of 17
เทคนิกการใช้   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 แล้วตั้งค่าให้เหมือนดังรูป  แล้วจะได้ผลเป็นแบบนี้  ให้พิมพ์ข้อความลงบนปุ่มแล้วจะได้ผลดังรูป

More Related Content

What's hot

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

What's hot (17)

ใบงานที่ 49 หลักวิธีการทำหยดน้ำบนพื้นหลัง
ใบงานที่ 49 หลักวิธีการทำหยดน้ำบนพื้นหลังใบงานที่ 49 หลักวิธีการทำหยดน้ำบนพื้นหลัง
ใบงานที่ 49 หลักวิธีการทำหยดน้ำบนพื้นหลัง
 
Pwpdata 7.1-7.4
Pwpdata 7.1-7.4Pwpdata 7.1-7.4
Pwpdata 7.1-7.4
 
การสร้างงานด้วย Photoshop
การสร้างงานด้วย Photoshopการสร้างงานด้วย Photoshop
การสร้างงานด้วย Photoshop
 
ใบความรู้ที่ 13 ม้วนขอบภาพให้โค้งงอ
ใบความรู้ที่ 13 ม้วนขอบภาพให้โค้งงอใบความรู้ที่ 13 ม้วนขอบภาพให้โค้งงอ
ใบความรู้ที่ 13 ม้วนขอบภาพให้โค้งงอ
 
ใบความรู้ที่ 14การทำโปสการ์ด
ใบความรู้ที่ 14การทำโปสการ์ดใบความรู้ที่ 14การทำโปสการ์ด
ใบความรู้ที่ 14การทำโปสการ์ด
 
การสร้างงานด้วย Photoshop
การสร้างงานด้วย Photoshopการสร้างงานด้วย Photoshop
การสร้างงานด้วย Photoshop
 
การสร้างงานด้วย Photoshop
การสร้างงานด้วย Photoshopการสร้างงานด้วย Photoshop
การสร้างงานด้วย Photoshop
 
การสร้างงานด้วย Photoshop
การสร้างงานด้วย Photoshopการสร้างงานด้วย Photoshop
การสร้างงานด้วย Photoshop
 
เครื่องมือและคำสั่งพื้นฐาน
เครื่องมือและคำสั่งพื้นฐานเครื่องมือและคำสั่งพื้นฐาน
เครื่องมือและคำสั่งพื้นฐาน
 
ใบงานที่ 30 การทำโลโก้ windows xp
ใบงานที่ 30 การทำโลโก้ windows xpใบงานที่ 30 การทำโลโก้ windows xp
ใบงานที่ 30 การทำโลโก้ windows xp
 
ใบงานที่ 70 เทคนิคสร้างรูปเทียน
ใบงานที่ 70 เทคนิคสร้างรูปเทียนใบงานที่ 70 เทคนิคสร้างรูปเทียน
ใบงานที่ 70 เทคนิคสร้างรูปเทียน
 
การลอกลาย(Drafting) Adobe Flash CS3
การลอกลาย(Drafting) Adobe Flash CS3การลอกลาย(Drafting) Adobe Flash CS3
การลอกลาย(Drafting) Adobe Flash CS3
 
เครื่องมือต่างๆและหน้าที่การทำงาน
เครื่องมือต่างๆและหน้าที่การทำงานเครื่องมือต่างๆและหน้าที่การทำงาน
เครื่องมือต่างๆและหน้าที่การทำงาน
 
การคัดลอกลายภาพโดยโปรแกรม Flash cs5 1
การคัดลอกลายภาพโดยโปรแกรม Flash cs5  1การคัดลอกลายภาพโดยโปรแกรม Flash cs5  1
การคัดลอกลายภาพโดยโปรแกรม Flash cs5 1
 
หนังสือ SketchUp อธิบายการสร้างและใช้ Component อย่างมีประสิทธิภาพ
หนังสือ SketchUp อธิบายการสร้างและใช้ Component อย่างมีประสิทธิภาพหนังสือ SketchUp อธิบายการสร้างและใช้ Component อย่างมีประสิทธิภาพ
หนังสือ SketchUp อธิบายการสร้างและใช้ Component อย่างมีประสิทธิภาพ
 
วิธีทำ การ์ตูนลอกลายอย่างง่าย
วิธีทำ การ์ตูนลอกลายอย่างง่ายวิธีทำ การ์ตูนลอกลายอย่างง่าย
วิธีทำ การ์ตูนลอกลายอย่างง่าย
 
Design+Bill of Material+Shop drawing ด้วยโปรแกรม SketchUp
Design+Bill of Material+Shop drawing ด้วยโปรแกรม SketchUpDesign+Bill of Material+Shop drawing ด้วยโปรแกรม SketchUp
Design+Bill of Material+Shop drawing ด้วยโปรแกรม SketchUp
 

Viewers also liked

หน่อย
หน่อยหน่อย
หน่อยYupa
 
ขนมไทย
ขนมไทยขนมไทย
ขนมไทยsawalak
 
JUNAR Case study Palo Alto m1116
JUNAR Case study Palo Alto m1116JUNAR Case study Palo Alto m1116
JUNAR Case study Palo Alto m1116Pierre GEORGES
 
JUNAR Case study Costa Rica
JUNAR Case study Costa Rica JUNAR Case study Costa Rica
JUNAR Case study Costa Rica Pierre GEORGES
 
Windows Mobile65 Ve Mobil Gelecek Yg
Windows Mobile65 Ve Mobil Gelecek YgWindows Mobile65 Ve Mobil Gelecek Yg
Windows Mobile65 Ve Mobil Gelecek Ygekinozcicekciler
 
Intro computer
Intro computerIntro computer
Intro computerturm2506
 
Mobil Cihaz Uygulamalarında Sql Server Ce Kullanımı
Mobil Cihaz Uygulamalarında Sql Server Ce KullanımıMobil Cihaz Uygulamalarında Sql Server Ce Kullanımı
Mobil Cihaz Uygulamalarında Sql Server Ce Kullanımıekinozcicekciler
 
4 MEDIESYSTEM
4 MEDIESYSTEM4 MEDIESYSTEM
4 MEDIESYSTEMinviba
 
หน่อย
หน่อยหน่อย
หน่อยYupa
 
งาน2ชุติมา.ยุพา(ม.62)
งาน2ชุติมา.ยุพา(ม.62)งาน2ชุติมา.ยุพา(ม.62)
งาน2ชุติมา.ยุพา(ม.62)Yupa
 
JUNAR Case study Chile m1120
JUNAR Case study Chile m1120JUNAR Case study Chile m1120
JUNAR Case study Chile m1120Pierre GEORGES
 
หน่อย
หน่อยหน่อย
หน่อยYupa
 
100 things i like about katie pdf
100 things i like about katie pdf100 things i like about katie pdf
100 things i like about katie pdfjessicaure
 
Bases biologicas del lenguaje
Bases biologicas del lenguajeBases biologicas del lenguaje
Bases biologicas del lenguajecindy Veliz Ponce
 

Viewers also liked (18)

หน่อย
หน่อยหน่อย
หน่อย
 
ขนมไทย
ขนมไทยขนมไทย
ขนมไทย
 
JUNAR Case study Palo Alto m1116
JUNAR Case study Palo Alto m1116JUNAR Case study Palo Alto m1116
JUNAR Case study Palo Alto m1116
 
JUNAR Case study Costa Rica
JUNAR Case study Costa Rica JUNAR Case study Costa Rica
JUNAR Case study Costa Rica
 
Windows Mobile65 Ve Mobil Gelecek Yg
Windows Mobile65 Ve Mobil Gelecek YgWindows Mobile65 Ve Mobil Gelecek Yg
Windows Mobile65 Ve Mobil Gelecek Yg
 
Intro computer
Intro computerIntro computer
Intro computer
 
Mobil Cihaz Uygulamalarında Sql Server Ce Kullanımı
Mobil Cihaz Uygulamalarında Sql Server Ce KullanımıMobil Cihaz Uygulamalarında Sql Server Ce Kullanımı
Mobil Cihaz Uygulamalarında Sql Server Ce Kullanımı
 
Esperanzas
EsperanzasEsperanzas
Esperanzas
 
4 MEDIESYSTEM
4 MEDIESYSTEM4 MEDIESYSTEM
4 MEDIESYSTEM
 
หน่อย
หน่อยหน่อย
หน่อย
 
งาน2ชุติมา.ยุพา(ม.62)
งาน2ชุติมา.ยุพา(ม.62)งาน2ชุติมา.ยุพา(ม.62)
งาน2ชุติมา.ยุพา(ม.62)
 
JUNAR Case study Chile m1120
JUNAR Case study Chile m1120JUNAR Case study Chile m1120
JUNAR Case study Chile m1120
 
หน่อย
หน่อยหน่อย
หน่อย
 
100 things i like about katie pdf
100 things i like about katie pdf100 things i like about katie pdf
100 things i like about katie pdf
 
sweet
sweetsweet
sweet
 
Bases biologicas del lenguaje
Bases biologicas del lenguajeBases biologicas del lenguaje
Bases biologicas del lenguaje
 
Planes
PlanesPlanes
Planes
 
consonante P
consonante P consonante P
consonante P
 

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

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

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

เทคนิคการใช้ Photoshop (การทำปุ่ม)
เทคนิคการใช้ Photoshop (การทำปุ่ม)เทคนิคการใช้ Photoshop (การทำปุ่ม)
เทคนิคการใช้ Photoshop (การทำปุ่ม)
 
เทคนิคการใช้ Photoshop (การทำปุ่ม)
เทคนิคการใช้ Photoshop (การทำปุ่ม)เทคนิคการใช้ Photoshop (การทำปุ่ม)
เทคนิคการใช้ Photoshop (การทำปุ่ม)
 
ใบความรู้ที่ 4 ภาพlomo
ใบความรู้ที่ 4 ภาพlomoใบความรู้ที่ 4 ภาพlomo
ใบความรู้ที่ 4 ภาพlomo
 
ใบความรู้ที่ 17
ใบความรู้ที่ 17ใบความรู้ที่ 17
ใบความรู้ที่ 17
 
เทคนิคการใช้photo
 เทคนิคการใช้photo เทคนิคการใช้photo
เทคนิคการใช้photo
 
ใบงานที่ 68 เทคนิควิธีการทำอักษรไฟแนวทางใหม่
ใบงานที่ 68 เทคนิควิธีการทำอักษรไฟแนวทางใหม่ใบงานที่ 68 เทคนิควิธีการทำอักษรไฟแนวทางใหม่
ใบงานที่ 68 เทคนิควิธีการทำอักษรไฟแนวทางใหม่
 
เทคนิคโฟโต้
เทคนิคโฟโต้เทคนิคโฟโต้
เทคนิคโฟโต้
 
เทคนิคการใช้งาน Photoshop
เทคนิคการใช้งาน Photoshopเทคนิคการใช้งาน Photoshop
เทคนิคการใช้งาน Photoshop
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1
 
เวลาพลบค่ำในเมือง
เวลาพลบค่ำในเมืองเวลาพลบค่ำในเมือง
เวลาพลบค่ำในเมือง
 
ใบงานที่ 28 การทำ wallpaper แนวสีสัน
ใบงานที่ 28 การทำ wallpaper แนวสีสันใบงานที่ 28 การทำ wallpaper แนวสีสัน
ใบงานที่ 28 การทำ wallpaper แนวสีสัน
 
Lara croft
Lara croftLara croft
Lara croft
 
รู้จักโปรแกรม Adobe Photoshop CS6
รู้จักโปรแกรม Adobe Photoshop CS6รู้จักโปรแกรม Adobe Photoshop CS6
รู้จักโปรแกรม Adobe Photoshop CS6
 
ใบงานที่ 24 เทคนิคการสร้างตัวอักษรสีสวย
ใบงานที่ 24 เทคนิคการสร้างตัวอักษรสีสวยใบงานที่ 24 เทคนิคการสร้างตัวอักษรสีสวย
ใบงานที่ 24 เทคนิคการสร้างตัวอักษรสีสวย
 
ใบงานที่ 64 เทคนิคการสร้างให้ภาพโปรงใสเฉพาะที่
ใบงานที่ 64 เทคนิคการสร้างให้ภาพโปรงใสเฉพาะที่ใบงานที่ 64 เทคนิคการสร้างให้ภาพโปรงใสเฉพาะที่
ใบงานที่ 64 เทคนิคการสร้างให้ภาพโปรงใสเฉพาะที่
 
ม้วนขอบภาพให้โค้งงอ
ม้วนขอบภาพให้โค้งงอม้วนขอบภาพให้โค้งงอ
ม้วนขอบภาพให้โค้งงอ
 
ใบงานที่ 20 เทคนิคการทำตัวอักษรสีทอง
ใบงานที่ 20 เทคนิคการทำตัวอักษรสีทองใบงานที่ 20 เทคนิคการทำตัวอักษรสีทอง
ใบงานที่ 20 เทคนิคการทำตัวอักษรสีทอง
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
Kikjl
KikjlKikjl
Kikjl
 
Kikjl
KikjlKikjl
Kikjl
 

งาน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 แล้วตั้งค่าให้เหมือนดังรูป แล้วจะได้ผลเป็นแบบนี้ ให้พิมพ์ข้อความลงบนปุ่มแล้วจะได้ผลดังรูป