SlideShare a Scribd company logo
1 of 12
Download to read offline
การสร้ างงานด้ วยโปรแกรม
        Photoshop
1. นําภาพมาสร้ างเป็ นหัวพู่กน
                                    ั


                                        ั
        เปิ ดภาพทีต้องการทําเป็ นหัวพูกน จากนันใช้คาสัง
                                                   ํ
Magic Wand เลือกส่ วนของภาพทีต้องการ เลือกทีคําสัง Edit -
> Define Brush เพือใช้ทาเป็ นหัวพูกนทําการตังชือหัวพู่กน
                         ํ          ่ ั                 ั
จากนันให้เปิ ดชินงานใหม่และเลือกทีเครื องมือ Pen ในส่ วนของ
                                ่ ั
Option คลิกลูกศรเลือกชือหัวพูกนทีเราได้สร้างไว้ขางต้น คลิก
                                                 ้
ทีชินงานหรื อลากเมาส์ตามต้องการรู ปภาพก็จะปรากฏให้เห็น
รู ปที 1 แสดงตัวอย่ างการนําภาพมาสร้ างเป็ นหัวพู่กน
                                                   ั
2.. สร้ างลวดลายแบบต่ อเนืองด้ วย Pattern


        เรารู ้จกการทํา Pattern และการเรี ยกใช้งานไปแล้วจาก
                ั
หัวข้อ การทําภาพลาย TV และ หัวข้อการทําลายตาราง การใช้
Pattern เหมาะกับการทําภาพทีต้องทําซําๆ หรื อภาพทีเป็ นพืน
หลัง เรามาลองใช้ pattern ทําภาพพืนหลังหลายๆแบบดู
สร้างไฟล์ใหม่ File > New ขนาดประมาณ 40x40 pixel
แล้วลองหาภาพเล็กๆมาใส่ หรื อทําภาพมัวๆ อะไรก็ได้ ดัง
ตัวอย่างเหล่านีหลังจากนันทําให้เป็ น Pattern โดยไปที Edit >
Define Pattern... แล้วตังชือตามต้องการ หลังจากนัน สร้างไฟล์
ใหม่ขนาด 200x200 pixel แล้วใช้คาสัง Fill โดยไปที Edit >
                                      ํ
Fill... แล้วเรี ยก Pattern ทีสร้างไว้ขึนมา ก็จะได้ดงภาพ
                                                   ั
รู ปที 2 แสดงตัวอย่ างการนําภาพมาสร้ างเป็ น Pattern
จะเห็นว่า เราใช้เวลาเล็กน้อยในการสร้างภาพเล็กๆ ก็ สา
มารนําไปใช้เป็ น background ได้ มาลองดูตวอย่าง การใช้ pattern
                                         ั
ทํา background แบบต่างๆ ให้กบภาพั




  รู ปที 3 แสดงตัวอย่ างภาพทีได้ จากการสร้ าง
3. เทคนิคการสร้ างตัวอักษรให้ โดดเด่ น

          สร้างตัวอักษร เมือเปิ ดโปรแกรม Photoshop แล้ว คลิก
เมนู file > New เพือสร้างภาพใหม่ ขนาดใดก็ได้ค่ะ จากนันให้
คลิกเลือก Horizontal Type Tool (T) มาวาดลงทีพืนทีว่างและ
พิมพ์ตวอักษรทีต้องการ
        ั
รู ปที 4 แสดงการพิมพ์ ข้อความด้ วยเครืองมือ Horizontal Tool
แล้วกดปุ่ ม Ctrl ทีคียบอร์ดค้างไว้ แล้วใช้เมาส์คลิกที
                               ์
Layer ทีเป็ น Text ทีสร้างขึนมา เพือ select ตัวอักษรทีพิมพ์ขึนมา
จากนันไปเลือก เมนู Layer > Rasterize > Type เพือเปลียนชนิด
ของ Layer จาก Text ให้เป็ นรู ปภาพ




     รู ปที 5 แสดงตัวอย่ างขั*นตอนการสร้ างตัวอักษรขอบสี
แล้วเลือกสี Foreground ทีต้องการให้เป็ นสี ขอบของ
ตัวอักษร ในทีนีจะเลือกเป็ นสี แดงนะคะ จากนันก็ไปเลือกเมนู
Edit > Stroke… แล้วกําหนดให้ Width เท่ากับ 3 px และให้
Location เป็ น Outside แล้วคลิกปุ่ ม OK ค่ะ




                             รู ปที 6 แสดงตัวอย่ างขั*นตอนการสร้ าง
                             ตัวอักษรขอบสี
เลือก Magic Wand Tool นําไปคลิกที ตัวอักษร เพือ เอา
Selection ออก นะคะ แล้วก็จะได้ ตัวอักษรทีมีขอบเป็ นสี ตาม
ต้องการค่ะ




        รู ปที 7 แสดงตัวอย่ างขั*นตอนก ารสร้ างตัวอักษรขอบสี

More Related Content

What's hot

ใบความรู้ที่ 14การทำโปสการ์ด
ใบความรู้ที่ 14การทำโปสการ์ดใบความรู้ที่ 14การทำโปสการ์ด
ใบความรู้ที่ 14การทำโปสการ์ดNimanong Nim
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopjutamat
 
เครื่องมือที่ใช้วาดภาพในโปรแกรม Paint
เครื่องมือที่ใช้วาดภาพในโปรแกรม Paintเครื่องมือที่ใช้วาดภาพในโปรแกรม Paint
เครื่องมือที่ใช้วาดภาพในโปรแกรม PaintBenjapeon Jantakhot
 
ใบความรู้ที่ 2เครื่องมือตแต่งภาพ
ใบความรู้ที่ 2เครื่องมือตแต่งภาพใบความรู้ที่ 2เครื่องมือตแต่งภาพ
ใบความรู้ที่ 2เครื่องมือตแต่งภาพNimanong Nim
 
ใบความรู้ที่ 1
ใบความรู้ที่ 1ใบความรู้ที่ 1
ใบความรู้ที่ 1Khanittha Bumrunglan
 
เครื่องมือต่างๆ ในโปรแกรม Paint
เครื่องมือต่างๆ ในโปรแกรม Paintเครื่องมือต่างๆ ในโปรแกรม Paint
เครื่องมือต่างๆ ในโปรแกรม PaintBenjapeon Jantakhot
 
การเน้นภาพในจุดที่ต้องการ
การเน้นภาพในจุดที่ต้องการการเน้นภาพในจุดที่ต้องการ
การเน้นภาพในจุดที่ต้องการNimanong Nim
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshoppumpuiza
 
ใบความรู้ที่ 2เครื่องมือตกแต่งภาพ
ใบความรู้ที่ 2เครื่องมือตกแต่งภาพใบความรู้ที่ 2เครื่องมือตกแต่งภาพ
ใบความรู้ที่ 2เครื่องมือตกแต่งภาพNimanong Nim
 
1.3 การทำงานด้านต่างๆของโปรแกรม sketch up 2015
1.3 การทำงานด้านต่างๆของโปรแกรม sketch up 20151.3 การทำงานด้านต่างๆของโปรแกรม sketch up 2015
1.3 การทำงานด้านต่างๆของโปรแกรม sketch up 2015วิชา อาคม
 
ใบความรู้ที่ 17
ใบความรู้ที่ 17ใบความรู้ที่ 17
ใบความรู้ที่ 17Nimanong Nim
 

What's hot (20)

Knowlage14
Knowlage14Knowlage14
Knowlage14
 
ใบความรู้ที่ 14การทำโปสการ์ด
ใบความรู้ที่ 14การทำโปสการ์ดใบความรู้ที่ 14การทำโปสการ์ด
ใบความรู้ที่ 14การทำโปสการ์ด
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshop
 
หน่วยที่ 5
หน่วยที่ 5หน่วยที่ 5
หน่วยที่ 5
 
Photoshop cs3
Photoshop cs3Photoshop cs3
Photoshop cs3
 
เครื่องมือที่ใช้วาดภาพในโปรแกรม Paint
เครื่องมือที่ใช้วาดภาพในโปรแกรม Paintเครื่องมือที่ใช้วาดภาพในโปรแกรม Paint
เครื่องมือที่ใช้วาดภาพในโปรแกรม Paint
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
ใบความรู้ที่ 2เครื่องมือตแต่งภาพ
ใบความรู้ที่ 2เครื่องมือตแต่งภาพใบความรู้ที่ 2เครื่องมือตแต่งภาพ
ใบความรู้ที่ 2เครื่องมือตแต่งภาพ
 
ใบความรู้ที่ 1
ใบความรู้ที่ 1ใบความรู้ที่ 1
ใบความรู้ที่ 1
 
เครื่องมือต่างๆ ในโปรแกรม Paint
เครื่องมือต่างๆ ในโปรแกรม Paintเครื่องมือต่างๆ ในโปรแกรม Paint
เครื่องมือต่างๆ ในโปรแกรม Paint
 
การเน้นภาพในจุดที่ต้องการ
การเน้นภาพในจุดที่ต้องการการเน้นภาพในจุดที่ต้องการ
การเน้นภาพในจุดที่ต้องการ
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshop
 
ใบความรู้ที่ 2เครื่องมือตกแต่งภาพ
ใบความรู้ที่ 2เครื่องมือตกแต่งภาพใบความรู้ที่ 2เครื่องมือตกแต่งภาพ
ใบความรู้ที่ 2เครื่องมือตกแต่งภาพ
 
วิชากราฟิก
วิชากราฟิกวิชากราฟิก
วิชากราฟิก
 
การยืมselection ในโปรเกรม photoshop
 การยืมselection ในโปรเกรม photoshop การยืมselection ในโปรเกรม photoshop
การยืมselection ในโปรเกรม photoshop
 
photoshopการรวมภาพ
photoshopการรวมภาพphotoshopการรวมภาพ
photoshopการรวมภาพ
 
Pwpdata 7.1-7.4
Pwpdata 7.1-7.4Pwpdata 7.1-7.4
Pwpdata 7.1-7.4
 
1.3 การทำงานด้านต่างๆของโปรแกรม sketch up 2015
1.3 การทำงานด้านต่างๆของโปรแกรม sketch up 20151.3 การทำงานด้านต่างๆของโปรแกรม sketch up 2015
1.3 การทำงานด้านต่างๆของโปรแกรม sketch up 2015
 
Namo webeditor 6
Namo webeditor 6Namo webeditor 6
Namo webeditor 6
 
ใบความรู้ที่ 17
ใบความรู้ที่ 17ใบความรู้ที่ 17
ใบความรู้ที่ 17
 

Similar to การสร้างงานด้วย Photoshop

ใบความรู้หน่วยที่6ตัวอักษร+animation3
ใบความรู้หน่วยที่6ตัวอักษร+animation3ใบความรู้หน่วยที่6ตัวอักษร+animation3
ใบความรู้หน่วยที่6ตัวอักษร+animation3Pop Thakonwan
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshoppumpuiza
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopjutamat
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshoppumpuiza
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshoppumpuiza
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopjutamat
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshoppumpuiza
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopjutamat
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshoppumpuiza
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopjutamat
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshoppumpuiza
 
C:\Users\Karnpitcha\Ms Power Point2003\Teach Power Point2003
C:\Users\Karnpitcha\Ms Power Point2003\Teach Power Point2003C:\Users\Karnpitcha\Ms Power Point2003\Teach Power Point2003
C:\Users\Karnpitcha\Ms Power Point2003\Teach Power Point2003karnpitcha jeerasiri
 
ใบความรู้ที่ 1รู้จักโฟโต้ชอป
ใบความรู้ที่ 1รู้จักโฟโต้ชอปใบความรู้ที่ 1รู้จักโฟโต้ชอป
ใบความรู้ที่ 1รู้จักโฟโต้ชอปNimanong Nim
 
โปรแกรม Paint
โปรแกรม Paintโปรแกรม Paint
โปรแกรม Paintguestf00501
 

Similar to การสร้างงานด้วย Photoshop (20)

การใช้โปรแกรม Paint
การใช้โปรแกรม Paintการใช้โปรแกรม Paint
การใช้โปรแกรม Paint
 
Pwpdata5.8+
Pwpdata5.8+Pwpdata5.8+
Pwpdata5.8+
 
Pwpdata5.8+
Pwpdata5.8+Pwpdata5.8+
Pwpdata5.8+
 
ใบความรู้หน่วยที่6ตัวอักษร+animation3
ใบความรู้หน่วยที่6ตัวอักษร+animation3ใบความรู้หน่วยที่6ตัวอักษร+animation3
ใบความรู้หน่วยที่6ตัวอักษร+animation3
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshop
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshop
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshop
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshop
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshop
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshop
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshop
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshop
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshop
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshop
 
Step by step
Step by stepStep by step
Step by step
 
C:\Users\Karnpitcha\Ms Power Point2003\Teach Power Point2003
C:\Users\Karnpitcha\Ms Power Point2003\Teach Power Point2003C:\Users\Karnpitcha\Ms Power Point2003\Teach Power Point2003
C:\Users\Karnpitcha\Ms Power Point2003\Teach Power Point2003
 
บทที่3
บทที่3บทที่3
บทที่3
 
ใบความรู้ที่ 1รู้จักโฟโต้ชอป
ใบความรู้ที่ 1รู้จักโฟโต้ชอปใบความรู้ที่ 1รู้จักโฟโต้ชอป
ใบความรู้ที่ 1รู้จักโฟโต้ชอป
 
Word3
Word3Word3
Word3
 
โปรแกรม Paint
โปรแกรม Paintโปรแกรม Paint
โปรแกรม Paint
 

การสร้างงานด้วย Photoshop

  • 2. 1. นําภาพมาสร้ างเป็ นหัวพู่กน ั ั เปิ ดภาพทีต้องการทําเป็ นหัวพูกน จากนันใช้คาสัง ํ Magic Wand เลือกส่ วนของภาพทีต้องการ เลือกทีคําสัง Edit - > Define Brush เพือใช้ทาเป็ นหัวพูกนทําการตังชือหัวพู่กน ํ ่ ั ั จากนันให้เปิ ดชินงานใหม่และเลือกทีเครื องมือ Pen ในส่ วนของ ่ ั Option คลิกลูกศรเลือกชือหัวพูกนทีเราได้สร้างไว้ขางต้น คลิก ้ ทีชินงานหรื อลากเมาส์ตามต้องการรู ปภาพก็จะปรากฏให้เห็น
  • 3. รู ปที 1 แสดงตัวอย่ างการนําภาพมาสร้ างเป็ นหัวพู่กน ั
  • 4. 2.. สร้ างลวดลายแบบต่ อเนืองด้ วย Pattern เรารู ้จกการทํา Pattern และการเรี ยกใช้งานไปแล้วจาก ั หัวข้อ การทําภาพลาย TV และ หัวข้อการทําลายตาราง การใช้ Pattern เหมาะกับการทําภาพทีต้องทําซําๆ หรื อภาพทีเป็ นพืน หลัง เรามาลองใช้ pattern ทําภาพพืนหลังหลายๆแบบดู
  • 5. สร้างไฟล์ใหม่ File > New ขนาดประมาณ 40x40 pixel แล้วลองหาภาพเล็กๆมาใส่ หรื อทําภาพมัวๆ อะไรก็ได้ ดัง ตัวอย่างเหล่านีหลังจากนันทําให้เป็ น Pattern โดยไปที Edit > Define Pattern... แล้วตังชือตามต้องการ หลังจากนัน สร้างไฟล์ ใหม่ขนาด 200x200 pixel แล้วใช้คาสัง Fill โดยไปที Edit > ํ Fill... แล้วเรี ยก Pattern ทีสร้างไว้ขึนมา ก็จะได้ดงภาพ ั
  • 6. รู ปที 2 แสดงตัวอย่ างการนําภาพมาสร้ างเป็ น Pattern
  • 7. จะเห็นว่า เราใช้เวลาเล็กน้อยในการสร้างภาพเล็กๆ ก็ สา มารนําไปใช้เป็ น background ได้ มาลองดูตวอย่าง การใช้ pattern ั ทํา background แบบต่างๆ ให้กบภาพั รู ปที 3 แสดงตัวอย่ างภาพทีได้ จากการสร้ าง
  • 8. 3. เทคนิคการสร้ างตัวอักษรให้ โดดเด่ น สร้างตัวอักษร เมือเปิ ดโปรแกรม Photoshop แล้ว คลิก เมนู file > New เพือสร้างภาพใหม่ ขนาดใดก็ได้ค่ะ จากนันให้ คลิกเลือก Horizontal Type Tool (T) มาวาดลงทีพืนทีว่างและ พิมพ์ตวอักษรทีต้องการ ั
  • 9. รู ปที 4 แสดงการพิมพ์ ข้อความด้ วยเครืองมือ Horizontal Tool
  • 10. แล้วกดปุ่ ม Ctrl ทีคียบอร์ดค้างไว้ แล้วใช้เมาส์คลิกที ์ Layer ทีเป็ น Text ทีสร้างขึนมา เพือ select ตัวอักษรทีพิมพ์ขึนมา จากนันไปเลือก เมนู Layer > Rasterize > Type เพือเปลียนชนิด ของ Layer จาก Text ให้เป็ นรู ปภาพ รู ปที 5 แสดงตัวอย่ างขั*นตอนการสร้ างตัวอักษรขอบสี
  • 11. แล้วเลือกสี Foreground ทีต้องการให้เป็ นสี ขอบของ ตัวอักษร ในทีนีจะเลือกเป็ นสี แดงนะคะ จากนันก็ไปเลือกเมนู Edit > Stroke… แล้วกําหนดให้ Width เท่ากับ 3 px และให้ Location เป็ น Outside แล้วคลิกปุ่ ม OK ค่ะ รู ปที 6 แสดงตัวอย่ างขั*นตอนการสร้ าง ตัวอักษรขอบสี
  • 12. เลือก Magic Wand Tool นําไปคลิกที ตัวอักษร เพือ เอา Selection ออก นะคะ แล้วก็จะได้ ตัวอักษรทีมีขอบเป็ นสี ตาม ต้องการค่ะ รู ปที 7 แสดงตัวอย่ างขั*นตอนก ารสร้ างตัวอักษรขอบสี