Photoshop

1. คู่มือการใช้งาน
Photoshop CS3 ขั้นพื้นฐาน

2. ทำความรู้จักกับโปรแกรม Photoshop CS3
โปรแกรม Photoshop เป็นโปรแกรมที่ใช้ในการสร้างหรือตกแต่งภาพกราฟิก ซึ่งตัวโปรแกรม
สามารถจัดการได้ทั้งภาพ Bitmap และ ภาพ Vector
• ภาพ Bitmap หรือ ภาพ Raster
เป็นภาพที่ประกอบขึ้นมาจากจุดสีเล็ก ๆ ที่เรียกว่า Pixel มาเรียงต่อกันจนกลาย
เป็นภาพ เมื่อมองดูโดยรวม ตาเราจะเห็นเป็นภาพเสมือนจริง แต่เมื่อมีการปรับขนาด
ของภาพจะทำให้ความคมชัดของภาพลดลง ไฟล์ภาพประเภทนี้ ได้แก่ .gif .jpg และ
.bmp เป็นต้น

3. ชนิดของกราฟฟิคไฟล์ประเภท Raster

4. คุณสมบัติและข้อดี, ข้อเสียของกราฟฟิคไฟล์ประเภท Raster

5. • ภาพ Vector
เป็นภาพที่เกิดขึ้นจากการคำนวณของโปรแกรม ทำให้เกิดเส้นและรูปทรงต่าง ๆ
เมื่อมีการปรับขนาดของภาพ ความคมชัดของภาพจะยังคงไม่เสียไป ไฟล์ภาพประเภทนี้
ได้แก่ .ai และ .swf เป็นต้น
Resolution of graphic / ความละเอียดของ กราฟฟิก
Resolution คือ การวัดของไฟล์ที่ออกมาว่ามีคุณภาพ หรือความละเอียดเท่าไร โดยใช้การวัด
จากหน่วย pixel หรือ dot
- Pixel คือจุดสี่เหลี่ยมเล็กๆ ที่อยู่ในภาพ หรือ ประกอบเป็นภาพที่คุณเห็นในจอคอมพิวเตอร์หรือทีวี
- DPI (dot per inch) คือ หน่วยแสดงความละเอียด หรือ คุณภาพของงานพิมพ์ หรือหมายถึง
จำนวนจุดต่อ 1 ตารางนิ้วบนภาพประเภท raster
ไฟล์ที่เหมาะสมกับงานพิมพ์จะเป็น 300 dpi แต่ถ้าทำงานอื่นๆ เช่น web, presentation ที่อาศัยแค่
การแสดงผลทางหน้าจอคอมพิวเตอร์ ไฟล์ที่เหมาะสมจะเป็น 72 หรือ 96 dpi

6. ส่วนประกอบหน้าจอโปรแกรม
- เมนูหลัก (Menu Bar) จะประกอบด้วยกลุ่มคำสั่งต่างๆ ที่ใช้จัดการกับไฟล์, ทำงานกับรูปภาพ
และใช้ปรับแต่งการทำงานของโปรแกรมโดยแบ่งตามลักษณะการใช้งาน ซึ่งในบางเมนูหลักจะมีเมนูย่อย
ซ้อนอยู่ ซึ่งเราต้องเปิดเข้าไปเพื่อเลือกคำสั่งภายในอีกที
- แถบเครื่องมือ (Toolbox) จะประกอบด้วยเครื่องมือต่างๆ ที่ใช้ในการวาด ตกแต่ง และแก้ไขภาพ
เครื่องมือเหล่านี้มีจำนวนมาก ดังนั้นจึงมีการรวบรวมเครื่องมือที่ทำหน้าที่คล้ายๆ กัน ไว้ในปุ่มเดียวกัน
- แถบตัวเลอืก (Option Bar) เป็นส่วนที่ใช้ปรับแต่งค่าการทาํงานของเครื่องมือต่างๆ โดยรายละเอยีด
ใน Option Bar จะเปลี่ยนไปตามเครื่องมือที่คุณเลือกใช้
- แถบพาเนล (Panel) เป็นวินโดว์ย่อยๆ ที่ใช้เลือกรายละเอียด หรือคำสั่งควบคุมการทำงานต่างๆ
ของโปรแกรม ใน Photoshop มีพาเนลอยู่เป็นจำนวนมาก เช่น Color ใช้สำหรับเลือกสี, Layers
ใช้สำหรับจัดการกับเลเยอร์, Info ใช้แสดงค่าสีตรงตำแหน่งที่เมาส์ชี้ รวมถึงขนาดตำแหน่งของพื้นที่ที่เลือกไว้

7. สิ่งที่ควรรู้ก่อนใช้งาน Photoshop CS3
1. ความละเอียดของภาพ (Resolution)
ค่าความละเอียดของภาพ มีหน่วยเป็น Pixels ต่อตารางนิ้ว ซึ่งหากค่าความละเอียดมาก จำนวนพิกเซลก็จะ
มากตามไปด้วย และทำให้ภาพมีคุณภาพมากขึ้น สามารถตรวจสอบได้ โดยคลิกที่เมนู Image –> Image Size
2. เลเยอร์ (Layers)
การตกแต่งภาพตั้งแต่สองภาพขึ้นไปบนหน้าผลงานเดียวกันใน Photoshop จะอาศัยการซ้อนภาพเป็นชั้นๆ
เรียกว่า เลเยอร์ (Layers)

8. 3. โหมดสีที่สำคัญ (ไปที่เมนู Image < Mode)
โหมดสีมีหลายชนิดและมีคุณสมบัติที่แตกต่างกันควรเลือกให้เหมาะสมกับการใช้งานแต่ละประเภท แต่ถ้าจะ
กล่าวถึงโหมดที่นิยม และมีผู้ใช้กว้างขวางที่สุดก็จะมีอยู่ ดังนี้
Grayscale เป็นโหมดสีขาว/ดำ ที่ให้เฉดสี 256 สี มีการไล่โทนน้ำหนักแสงเงา เหมาะกับงาน
ออกแบบสีเดียว สามารถนำไปเปลี่ยนเป็นสีอื่นแทนสีดำได้เมื่อเข้าสู่ระบบการพิมพ์ ไฟล์ภาพมีขนาดเล็กกว่า
ไฟล์ขาว/ดำชนิดอื่นๆ
Duotone เป็นภาพที่มีสีมากกว่าแบบขาว/ดำ สามารถใช้สีได้สองโทนสีมาผสมกัน เหมาะกับงานที่
ต้องการสีสัน แต่ใช้ต้นทุนการพิมพ์ไม่มาก

9. RGB Color เป็นโหมดสีที่นิยมใช้กันมาก สามารถพบได้จากภาพถ่ายดิจิทัล งานออกแบบที่
แสดงผลทางจอมอนิเตอร์ สีกลุ่มนี้เกิดจากการผสมของแม่สีแสง ได้แก่ สีแดง (Red) สีเขียว (Green) และ
สีน้ำเงิน (Blue)
CMYK Color เป็นโหมดสีที่ใช้ในระบบงานพิมพ์ ประกอบด้วยสีสี่สี คือ สีฟ้า (Cyan) สีชมพูบานเย็น
หรือชมพูม่วง (Magenta) สีเหลือง (Yellow) และสีดำ (Black) ในระบบงานพิมพ์มักจะเรียกว่า พิมพ์สี่สี ซึ่งก็
คือการใช้แม่สีสี่สีนี้มาซ้อนกันจนเกิดเป็นสีใหม่มากมาย ที่ทำให้ได้ภาพสีสันสมจริงขึ้นมา

10. สารบัญ
เริ่มต้นกับโปรแกรม Photoshop CS3 ........................................................................................................ 1
ประเภทของภาพ Graphic ......................................................................................................................... 1
ส่วนประกอบหน้าจอโปรแกรม ................................................................................................................ 2
การสร้างไฟล์ภาพใหม่ .............................................................................................................................. 3
การเปิดไฟล์ภาพ ....................................................................................................................................... 4
การจัดเก็บไฟล์ภาพ ................................................................................................................................... 5
การนำเข้าภาพ........................................................................................................................................... 6
เครื่องมือต่าง ๆ (Toolbox) ......................................................................................................................... 7
การปรับขนาดและความละเอียดของภาพ .................................................................................................. 8
การปรับรูปทรงของภาพ (Transform) ..................................................................................................... 10
การเลือกพื้นที่บนภาพ (Selection & Mask) ............................................................................................. 11
การตัดแบ่งภาพออกเป็นหลายชิ้นส่วน .................................................................................................... 13
การพิมพ์ตัวอักษรหรือข้อความบนภาพ ................................................................................................... 14
การวาดและตกแต่งภาพ .......................................................................................................................... 16
การเลื่อนดูภาพด้วยเครื่องมือ Hand ......................................................................................................... 19
การย่อ/ขยายมุมมองของภาพด้วยเครื่องมือ Zoom.................................................................................... 19
การใช้งาน .............................................................................................................................................. 20
Layers Palette ........................................................................................................................................ 21
การเลือกสี .............................................................................................................................................. 24
Palette สำหรับการปรับแต่งตัวอักษร ...................................................................................................... 27
การสร้างจุดไข่ปลารอบ ๆ รูป ................................................................................................................. 28
การทำรูปขอบพับมุม .............................................................................................................................. 34
การสร้างข้อความที่มีพื้นตัวอักษรเป็นรูปภาพต่าง ๆ ................................................................................. 39
การเปลี่ยนสีภาพ ..................................................................................................................................... 42
การทำภาพโพลาลอยด์ ............................................................................................................................ 45
การทำภาพให้พื้นหลังมีสีเทา ภาพหลักสี ................................................................................................. 50
การทำ Background ลายอมยิ้ม ................................................................................................................ 54

11. Page 3
การสร้างไฟล์ภาพใหม่
ªขัน้ตอนในการสร้างไฟล์ภาพใหม่
1. คลิกที่เมนู File > New
2. กำหนดขนาดความกว้าง และความยาวของภาพตามต้องการ
• Width : ความกว้างของภาพ
• Height : ความสูงของภาพ
3. กำหนดความละเอียดของภาพ (Resolution)
4. เลือกโหมดสีของภาพ (Color Mode)
5. เลือกลักษณะของพื้นหลัง ซึ่งมีอยู่ 3 แบบ คือ
• White : ให้พื้นหลังมีสีขาว
• Background Color : ให้พื้นหลังเป็นสีตามที่กำหนด
• Transparent : ให้พื้นหลังเป็นแบบโปร่งใส
6. คลิกปุ่ม
Ok

12. Page 4
การเปิดไฟล์ภาพ
ªขัน้ตอนในการเปิดไฟล์ภาพ
7. คลิกที่เมนู File > Open
8. คลิกเลือกไฟล์ที่ต้องการเปิด
9. คลิกปุ่ม
10. ไฟล์ภาพจะปรากฏบนพื้นที่ของโปรแกรม

13. Page 5
การจัดเก็บไฟล์ภาพ
ªขัน้ตอนในการจัดเก็บไฟล์ภาพ
1. คลิกที่เมนู File > Save As
2. เลือก Drive และ Folder ที่จะใช้เก็บไฟล์
3. ตัง้ชื่อไฟล์
4. คลิกปุ่ม
Note : ถ้าต้องการบันทึกเพื่อใช้ในการแก้ไขครัง้ต่อไปให้บันทึกเป็นไฟล์นามสกุล .psd แต่ถ้าต้องการ
บันทึกเพื่อนำไฟล์ไปใช้งานให้บันทึกเป็นไฟล์นามสกุล .gif , jpg หรือ png

14. Page 6
การนำเข้าภาพ
ªขัน้ตอนในการนำเข้าภาพ
่1. เลืม
อกคำสัง่ File > Place
2. เลือก Drive และ Folder ที่เก็บไฟล์ภาพ
3. คลิกเลือกไฟล์ภาพที่ต้องการวาง
4. คลิกปุPlace
5. ภาพจะปรากฏบนหน้าจอ ให้ปรับขนาด และตำแหน่งตามต้องการ
6. กดคีย์ Enter เพื่อยืนยัน

15. Page 7
เครื่องมือต่าง ๆ (Toolbox)
• Move : ใช้ในการย้ายพื้นที่ที่เลือกไว้ หรือย้ายเส้น Guide
• Marquee : ใช้ในการเลือกพื้นที่บนภาพเป็นรูปสี่เหลี่ยม วงกลม วงรี หรือ เลือกเป็น
แถว คอลัมน์ที่ขนาด 1 Pixel
• Lasso : ใช้เลือกพื้นที่บนภาพแบบอิสระ
• Magic Wand / Quick Selection : ใช้เลือกพื้นที่จากสีที่ใกล้เคียงกัน
• Crop : ใช้ตัดขอบภาพ
• Slice / Slice Select : ใช้ตัดแบ่งภาพเป็นภาพย่อย ๆ สำหรับนำไปสร้างเว็บเพจ
• Healing Brush / Patch / Red Eye : ใช้ตกแต่งลบรายตำหนิในภาพ และแก้ปญัหาตา
แดงในภาพถ่าย

16. • Brush / Pencil : ใช้ระบายสีภาพเหมือนกับพู่กัน หรือดินสอ เพื่อเปลี่ยนสีให้กับวัตถุ
• Clone / Pattern Stamp : ใช้ทำสำเนาภาพโดยการคัดลอกภาพจากบริเวณอื่น ๆ มา
ระบาย หรือระบายด้วยลวดลายที่เลือก
• History / Art History Brush : ใช้ระบายภาพด้วยภาพเดิมที่ผ่านมา
Page 8
• Eraser : ใช้ลบภาพ
• Gradient / Paint Bucket : ใช้เติมสีแบบไล่ระดับโทนสี หรือเทสีลงบนพื้นที่ของภาพ
• Blur / Sharpen / Smudge : ใช้ระบายสีให้เบลอ หรือ คมชัดขึ้น
• Dodge / Burn / Sponge : ใช้ระบายเพื่อเพมิ่ความสว่าง/มืดของสี หรือเพมิ่/ลด
ความสดของสี
• Pen / Anchor Point : ใช้วาดเส้น Path
• Type : ใช้พิมพ์ตัวอักษรหรือข้อความบนภาพ
• Path / Direct Selection : ใช้เลือกและปรับแต่งเส้น Path
• Shape : ใช้วาดรูปทรงเรขาคณิต หรือ รูปทรงสำเร็จรูป
• Note / Audio Annotation : ใช้บันทึกหมายเหตุกำกับภาพ
• Eyedropper / Color Sampler / Ruler / Count : ใช้เลือกสี หรือ วัดระยะและมุม
ระหว่างจุดต่าง ๆ บนภาพ หรือ ใช้นับจำนวนวัตถุบนภาพ
• Hand : ใช้เลื่อนดูส่วนต่าง ๆ ของภาพ
• Zoom : ใช้ย่อ / ขยายมุมมองภาพ
การปรับขนาดและความละเอียดของภาพ
การปรับขนาดของภาพ มี 2 วิธี ได้แก่

17. 1. การปรับโดยเพมิ่/ลดจำนวน Pixel ของภาพ (Pixel Dimensions)
2. การปรับ Document Size และ Resolution โดยให้จำนวน Pixel คงเดิม
ªขัน้ตอนในการปรับขนาดของภาพด้วยวิธีปรับ Document Size
1. คลิกที่เมนูหลัก เลือกคำสัง่ Image > Image Size
2. คลิก ; Resample Image ออก เพื่อให้จำนวน Pixel คงเดิม
3. กำหนดค่า Width , Height และ Resolution ใหม่
4. คลิกปุ่ม
Page 9
Ok

18. Page 10
การปรับรูปทรงของภาพ (Transform)
ªขัน้ตอนในการปรับรูปทรงของภาพ
1. คลิกที่เมนูหลักเลือก Edit > Transform
2. คลิกเลือกคำสัง่ปรับรูปทรง
คำสัง่ในการปรับรูปทรง มีดังนี้
• Scale : ปรับขนาด
• Rotate : หมุนภาพ
• Skew : บิดด้านหรือมุมของภาพไปตามแนวกรอบด้านใดด้านหนึ่ง
• Distort : บิดด้านหรือมุมของภาพไปตามแนวอย่างอิสระ
• Perspective : บิดภาพให้เกิดสัดส่วนแบบใกล้ไกล
• Warp : บิดและดึงส่วนต่าง ๆ อย่างอิสระ

19. การเลือกพื้นที่บนภาพ (Selection & Mask)
ƒ เครื่องมือกลุ่ม Marquee : ใช้ในการเลือกพื้นที่บนภาพเป็นรูปทรงเรขาคณิต
o Rectangular Marquee : ใช้เลือกพื้นที่รูปสี่เหลี่ยม
o Elliptical Marquee : ใช้เลือกพื้นที่รูปวงกลม หรือวงรี
o Single Row Marquee : ใช้เลือกพื้นที่ในแนวนอน ขนาด 1 Pixel
o Single column Marquee : ใช้เลือกพื้นที่ในแนวตัง้ ขนาด 1 Pixel
ªขัน้ตอนการเลือกพื้นที่ด้วยเครื่องมือ Marquee
1. เลือกเครื่องมือ Maquee ที่ต้องการจาก Toolbox
2. กำหนด Option ต่าง ๆ บน Options Bar
3. ใช้เมาส์คลิกลากให้คลุมพื้นที่ที่ต้องการ จะเห็นมีเส้นล้อมรอบภาพเกิดขึ้น
ƒ เครื่องมือกลุ่ม Lasso : ใช้ในการเลือกพื้นที่แบบอิสระ
o Lasso : ใช้เลือกพื้นที่ด้วยการใช้เมาส์คลิกลากไปตามส่วนต่าง ๆ ของ
ภาพตามต้องการ
o Polygonal Lasso : ใช้เลือกพื้นที่ด้วยการใช้เมาส์คลิกเพื่อสร้างรูปหลายเหลี่ยม
ล้อมรอบพื้นที่
o Magnetic Lasso : ใช้เลือกพื้นที่โดยให้โปรแกรมกำหนดขอบเขตเองโดย
อัตโนมัติ ตามเส้นทางที่เมาส์เลื่อนผ่านไป
Page 11

20. ªขัน้ตอนการเลือกพื้นที่ด้วยเครื่องมือ Lasso
1. เลือกเครื่องมือ Lasso จาก Toolbox
2. กำหนด Option ต่าง ๆ บน Options Bar
3. ใช้เมาส์คลิกลากรอบพื้นที่ที่ต้องการเลือก จนวนกลับไปที่จุดเรมิ่ต้นอีกครัง้ จะเห็นมีเส้น
ล้อมรอบภาพเกิดขึ้น
ƒ เครื่องมือ Magic Wand : ใช้เลือกพื้นที่โดยการดูจากค่าสีที่ใกล้เคียงกันในตำแหน่งที่
เราคลิก
ªขัน้ตอนการเลือกพื้นที่ด้วยเครื่องมือ Magic Wand
o เลือกเครื่องมือ Magic Wand จาก Toolbox
o กำหนด Option ต่าง ๆ บน Options Bar
o ใช้เมาส์คลิกบริเวณของสีที่เราต้องการเลือก จะเห็นมีเส้นล้อมรอบภาพเกิดขึ้น
ƒ เครื่องมือ Crop : ใช้เลือกพื้นที่ของภาพโดยการเพิ่ม และตัดขอบภาพ
ªขัน้ตอนการเลือกพื้นที่ด้วยเครื่องมือ Crop
o เลือกเครื่องมือ Crop จาก Toolbox
o ใช้เมาส์คลิกลากบนภาพเป็นกรอบสี่เหลี่ยมบริเวณที่ต้องการ
o กดคีย์ Enter เพื่อยืนยัน จะเห็นมีเส้นล้อมรอบภาพเกิดขึ้น
Page 12

21. Page 13
การตัดแบ่งภาพออกเป็นหลายชิ้นส่วน
ƒ เครื่องมือ Slice : ใช้ในการตัดแบ่งภาพออกเป็นชิ้นส่วน
o Slice : ใช้ตัดแบ่งภาพออกเป็นชิ้นส่วน
o Slice Select : ใช้เลือกและจัดการกับภาพแต่ละชิ้นส่วน
ªขัน้ตอนในการสไลด์ภาพ
1. เปิดภาพ หรือสร้างภาพขึ้นมา
2. คลิกเลือก Slice จาก Toolbox
3. คลิกเมาส์ลากวาดเป็นกรอบสี่เหลี่ยมลงบนภาพ เพื่อตัดแบ่งเป็นชิ้นส่วน
4. เมื่อคลิกเมาส์ตัดแบ่งชิ้นส่วนแล้ว ถ้าต้องการปรับปรุงแก้ไขให้คลิกเลือก Slice Select เพื่อ
ปรับแก้ไข

22. การพิมพ์ตัวอักษรหรือข้อความบนภาพ
ƒ เครื่องมือที่ใช้จะเป็นเครอื่งมือในกลุ่ม Type
o Horizontal Type : ใช้พิมพ์ข้อความแนวนอน
o Vertical Type : ใช้พิมพ์ข้อความแนวตัง้
o Horizontal Type Mask : ใช้สร้าง Selection ให้พิมพ์ข้อความในแนวนอน
o Vertical Type Mask : ใช้สร้าง Selection ให้พิมพ์ข้อความในแนวตัง้
ªขัน้ตอนในการพิมพ์ตัวอักษรหรือข้อความแนวนอน
1. เลือกเครื่องมือ Horizontal Type จาก Toolbox
2. คลิกตรงบริเวณที่ต้องการวางข้อความ
3. พิมพ์ข้อความตามต้องการ
4. ปรับแต่งข้อความได้จาก Options Bar ด้านบน หรือ Character และ Paragraph
Palette
Page 14

23. ªขัน้ตอนในการพิมพ์ตัวอักษรหรือข้อความภายในรูปทรง
1. เลือกเครื่องมือ Pen เพื่อสร้างเส้น Path ปลายปิด หรือสร้างรูปทรงอิสระ
2. เลือกเครื่องมือ Horizontal Type จาก Toolbox
3. คลิกภายในรูปทรง แล้วพิมพ์ข้อความ
ªขัน้ตอนในการพิมพ์ตัวอักษรหรือข้อความตามเส้น Path
1. เลือกเครื่องมือ Pen จาก Toolbox
2. วาดเส้น Path เป็นเส้นโค้ง หรือ รูปทรงอิสระ
3. เลือกเครื่องมือ Horizontal Type
4. คลิกบนเส้น Path ตรงตำแหน่งที่จะเรมิ่พิมพ์
5. กำหนด Option ของตัวอักษร จาก Options Bar เพื่อกำหนดลักษณะต่าง ๆ เช่น ชนิด
ตัวอักษร ขนาดตัวอักษร เป็นต้น
6. พิมพ์ข้อความตามต้องการ
Page 15

24. การวาดและตกแต่งภาพ
ƒ เครื่องมือ Brush และ Pencil : ใช้ในการวาดรูป
ªขัน้ตอนในการวาดรูปด้วยเครื่องมือ Brush
1. เลือกเครื่องมือ Brush หรือ Pencil จาก Toolbox
2. คลิกเลือกสีของหัวแปรง หรือ ปรับลักษณะรูปแบบของหัวแปรงได้จาก Brush Palette หรือ
จาก Options Bar
3. วาดหรือระบายสีบนพื้นที่ภาพตามต้องการ
Page 16

25. ƒ เครื่องมือ Pen : ใช้ในการวาดเส้น Path
o Pen : ใช้วาดเส้น Path ด้วยวิธีคลิกเพื่อกำหนดจุดตำแหน่ง
o Freeform Pen : ใช้วาดเส้น Path ด้วยวิธีคลิกลากเมาส์แบบอิสระ
o Add Anchor Point : ใช้เพมิ่จุด
o Delete Anchor Point : ใช้ลบจุด
o Convert Point : ใช้เปลี่ยนจส่วนโค้งเป็นมุม หรือกลับกัน
ªขัน้ตอนในการวาดเส้น Path
1. เลือกเครื่องมือ Pen จาก Toolbox
2. คลิกบนพื้นที่ของภาพเป็นจุดหลาย ๆ จุด เพื่อใช้ในการสร้างภาพขึ้นมา วนกลับ
มาถึงจุดเรมิ่ต้น เป็นการสร้างเส้น Path แบบปิด
3. เลือกเครื่องมือ Add Anchor Point เมื่อต้องการเพมิ่จุด เพื่อปรับลักษณะของภาพ
ที่วาด
4. เลือกเครื่องมือ Delete Anchor Point เมื่อต้องการลบจุด เพื่อปรับลักษณะของ
ภาพที่วาด
Page 17

26. ƒ เครื่องมือ Shape : ใช้ในการวาดรูปทรงเรขาคณิต และรูปทรงสำเร็จรูป
o Rectangle ใช้วาดรูปสี่เหลี่ยม
o Rounded Rectangle ใช้วาดรูปสี่เหลี่ยมมุมโค้ง
o Ellipse ใช้วาดรูปวงกลม และวงรี
o Polygon ใช้วาดรูปหลายเหลี่ยม และรูปดาว
o Line ใช้วาดเส้น
o Custom Shape ใช้วาดรูปทรงสำเร็จรูปต่าง ๆ ที่โปรแกรมกำหนดมาให้
Page 18

27. ªขัน้ตอนในการวาดรูปทรงเรขาคณิต และรูปทรงสำเร็จรูป
1. เลือกเครื่องมือในการวาดรูปทรงเรขาคณิต จาก Toolbox
2. คลิกเมาส์ลากลงบนพื้นที่ภาพ เพื่อวาดภาพตามต้องการ
3. ปรับสีเส้น และสีที่เติมในพื้นที่ภาพตามต้องการ
ƒ เครื่องมือ Selection : ใช้ในการปรับแต่งเส้นพาธ
o Path Selection ใช้ในการย้าย หมุน หรือปรับขนาดเส้น Path ทัง้เส้น
o Direct Selection ใช้ในการเลือกจุดเพื่อดัดแปลงรูปทรงของเส้น Path
Page 19
การเลื่อนดูภาพด้วยเครื่องมือ Hand
ªขัน้ตอนในการการเลื่อนดูภาพ
1. คลิกเลือกเครื่องมือ Hand จาก Toolbox
2. เลื่อนเมาส์ไปคลิกลากบนภาพ
การย่อ/ขยายมุมมองของภาพด้วยเครื่องมือ Zoom
ªขัน้ตอนในการซูมภาพ
1. คลิกเลือก เครื่องมือ Zoom จาก Toolbox
2. เลื่อนเมาส์ไปคลิก หรือวาดเป็ดกรอบสี่เหลี่ยมบนภาพ
• ใช้ขยายมุมมองของภาพ
• ใช้ย่อมุมมองของภาพ

28. การใช้งาน Palette
Palette เป็น Window เล็ก ๆ ที่ใช้สำหรับแสดงรายละเอียด หรือควบคุมการทำงานต่าง ๆ ของ
โปรแกรม
ƒ วิธีเปิด / ปิด Palette : เลือกคำสัง่ Window > ชื่อ Palette
Page 20

29. Page 21
Layers Palette
ƒ การซ่อน/แสดง Layer : ทำได้โดยการคลิกในช่องหน้า Layer
o เปิด Layer
o ปิด Layer
ƒ การสร้าง Layer ใหม่ : คลิกที่ เพื่อสร้าง Layer ใหม่
ƒ การคัดลอก Layer : คลิกลาก Layer ไปวางทับปุ่ม
ƒ การลบ Layer : คลิกลาก Layer ไปวางทับที่ปุ่ม
ƒ การจัดกลุ่มให้ Layer (Group) :
1. คลิกที่ปุ่ม
เพื่อสร้างกลุ่ม Layer แล้ว
2. คลิก Layer ที่ต้องการจัดกลุ่ม ลากไปวางทับกลุ่ม Layer ที่สร้างขึ้นมา
ƒ การปรับความทึบของ Layer
o Opacity : เป็นค่าความทึบหลัก ซึ่งจะส่งผลทัง้ต่อภาพใน Layer และ Style ที่เรา
กำหนดให้ layer นั้นด้วย
o Fill : เป็นค่าที่ส่งผลต่อภาพใน Layer เท่านั้น โดยไม่มีผลต่อ Style ของ Layer

30. ƒ การย้าย Layer ออกจากกลุ่ม : ทำได้โดยคลิกลาก Layer ย้ายไปแทรกระหว่าง Layer
อื่นที่อยู่นอกกลุ่ม
ƒ การรวม Layer (Merge) : คือการรวมภาพหลาย ๆ Layer เข้าด้วยกันให้เป็น Layer
เดียว ซึ่งโปรแกรมจะทำการซ้อนทับ Layer ต่าง ๆ ทำนำมารวมกัน หลังจากรวมแล้วก็
จะไม่สามารถแก้ไขภาพแต่ละส่วนได้อย่างอิสระอีก
o Merge Down : รวม Layer ปจัจุบันเข้ากับ Layer ที่อยู่ถัดลงไปด้านล่าง 1 Layer
o Merge Visible : รวมทุก ๆ Layer ที่แสดงอยู่ในขณะนั้น
o Flatten Image : รวม Layer ทัง้หมดให้กลายเป็น Layer Background เพียง Layer
เดียว
Page 22

31. ƒ Layer Effect แบบต่าง ๆ
o Drop Shadow : สร้างเงาแบบตกบนพื้นหลังของภาพ
o Inner Shadow : สร้างเงาบริเวณขอบภายในของภาพ จะทำให้ภาพดูยุบลง
o Outer Glow : สร้างแสงเรืองบริเวณขอบด้านนอกของภาพ
o Inner Glow : สร้างแสงเรืองบริเวณขอบด้านในของภาพ
o Bevel and Emboss : เพมิ่แสงและเงาตามส่วนต่างๆ ของภาพจะทำให้ภาพดูนูนขึ้น
o Contour : ใช้ในการปรับลักษณะการนูนของภาพให้เป็นแบบต่าง ๆ
o Texture : ใช้เพมิ่ลวดลายพื้นผิว
o Satin : ทำให้พื้นผิวของภาพมีสีเหลื่อมเป็นเงา
o Color Overlay : เติมสีภายในภาพ
o Gradient Overlay : เติมสีแบบไล่เฉดสีภายในภาพ
o Pattern Overlay : เติมลวดลายพื้นผิวภายในภาพ
o Stroke : เติมเส้นขอบให้ภาพ
Page 23

32. Page 24
การเลือกสี
ƒ สี Foreground และ Background
เป็นส่วนที่ใช้ในการเลือกสีให้กับอุปกรณ์ต่าง ๆ การเลือกสี Foreground และ
Background นี้ทำได้โดยใช้เครื่องมือบน Toolbox
ƒ วิธีการเปลี่ยนสีของ Foreground และ Background
่1. คม
ลิกที่ช่องสี Foreground หรือ Background บน Toolbox
2. จะแสดง Dialog Box Color Picker
3. คลิกเลือกตรงสีที่ต้องการ
4. คลิกปุOk

33. Page 25
ƒ Color Palette
เลือกสี
Foreground
Background
o การเปิด / ปิด Color Palette ทำได้โดยเลือกคำสัง่ Window > color
ªขัน้ตอนในการใช้สีใน Color Palette
1. คลิกเลือกว่าต้องการเปลี่ยนสี Foreground หรือ Background
2. คลิกเลือกสีที่ต้องการ
ƒ Swatches Palette
เป็น Palette ที่ใช้สำหรับเก็บสีต่าง ๆ ที่ต้องใช้บ่อย ๆ เอาไว้ เพื่อให้เรียกกลับมาได้
สะดวก
o การเปิด / ปิด Swatches Palette ทำได้โดยเลือกคำสัง่ Window > Swatches
ªขัน้ตอนในการใช้สีใน Swatches Palette
1. คลิกเลือกว่าต้องการเปลี่ยนสี Foreground หรือ Background
2. คลิกเลือกสีที่ต้องการ

34. Page 26
ƒ Styles Palette
o การเปิด / ปิด Styles Palette ทำได้โดยเลือกคำสัง่ Window > Swatches
ƒ วิธีการเรียกใช้ Styles สำเร็จรูป
1. เลือก Layer
2. คลิกเลือก Styles ที่ต้องการ

35. Page 27
Palette สำหรับการปรับแต่งตัวอักษร
ƒ Character Palette
ประกอบด้วย Options ต่าง ๆ ที่ใช้ในการจัดรูปแบบตัวอักษร เช่น ชนิดตัวอักษร
ลักษณะตัวอักษร ขนาดตัวอักษร เป็นต้น
ƒ Paragraph
ประกอบด้วย Options ต่าง ๆ ที่ใช้ในการจัดตำแหน่งของข้อความ เช่น ชิดซ้าย ตรง
กลาง ชิดขวา เต็มขอบ เป็นต้น

36. Page 28
Workshop
การสร้างจุดไข่ปลารอบ ๆ รูป

37. ªขัน้ตอนในการสร้างจุดไข่ปลารอบ ๆ รูป
Page 29
1. เปิดไฟล์ภาพต้นฉบับ
2. เลือกเครื่องมือ Wand หรือ เครื่องมืออื่นๆ จาก Toolbox โดยดูจากลักษณะของภาพ เพื่อ
ทำการ Selection
3. ทำ Selection รอบรูปที่เราต้องการ

38. 4. เลือกคำสัง่ Select > Modify > Expand เพื่อขยับระยะห่างออกมาจากภาพที่เลือก
5. ใส่ค่าระยะตามต้องการ ในที่นี้ใส่ค่าประมาณ 8px แล้วคลิกปุ่ม
Page 30
Ok
6. จะได้ภาพที่มีเส้น Selection ห่างออกมาจากภาพ

39. 7. เลือกเครื่องมือ Brush จาก Toolbox
8. ที่ Brush Tip Shape ให้เลือกหัวแปรงขนาดตามต้องการ และ ที่ Spacing ให้ปรับค่าระยะห่างของ
จุดไข่ปลา
9. ไปที่ Paths Palette กดปุ่ม Make work path from selection เพื่อสร้าง Path ใหม่เพมิ่ขึ้น
อีก 1 อัน
Page 31
10. จะได้ภาพที่มีเส้น Path ล้อมรอบ

40. 11. เลือกสี Foreground ที่ต้องการ
12. คลิกขวาที่ Path ที่เราเพงิ่สร้างขึ้นมา แล้วเลือกคำสัง่ Stroke Path
Page 32
13. ให้เลือก Brush แล้วคลิกปุ่ม
Ok
14. จะได้ภาพที่เป็นลายจดุไข่ปลาขึ้นมาตามเส้น Path

41. 15. คลิกเลือก Work Pathใน Path Palette แล้วลากไปที่ปุ่ม
เพื่อลบ Path
Page 33
16. จบขัน้ตอนการสร้าง

42. Page 34
การทำรูปขอบพับมุม

43. Page 35
ªขัน้ตอนในการทำรูปขอบพับมุม
1. เปิดไฟล์ภาพต้นฉบับ
2. คลิกที่ Layer ภาพต้นฉบับ แล้วคลิกเมาส์ลากไปที่ปุ่ม
เพื่อทำการ Duplicate Layer ต้นฉบับ
ให้สามารถทำการแก้ไขได้

44. Page 36
3. เลือกคำสัง่ Edit > Transform > Warp
4. จะมีเส้นปรากฏขึ้นดังภาพ

45. 5. ใช้เมาส์ดึงมุมล่างขวาของภาพขึ้นมา แล้วคลิกที่ เพื่อยืนยัน
6. คลิกขวาที่ Layer ภาพ เลือก Blending Options
7. Blending Mode > Drop Shadow เพื่อใส่เงาให้ภาพ โดยปรับแต่งเงาตามต้องการ แล้วคลิกปุ่ม
Page 37
Ok

46. สร้าง Layer ใหม 8.่ 1 Layer แล้วคลิกลากย้ายไปไว้ใต้ Layer ภาพ
9. เลือกสี Foreground เป็นสีขาว
10. เลือกเครื่องมือ Paint Bucket จาก Toolbox เพื่อเทสีขาวลงบน Layer ใหม่
11. จบขัน้ตอนการสร้างภาพ
Page 38

47. การสร้างข้อความที่มีพื้นตัวอักษรเป็นรูปภาพต่าง ๆ
ªขัน้ตอนในการสร้างข้อความพื้นตัวอักษรรูปภาพ
1. สร้างไฟล์ภาพใหม่
2. คลิกเครื่องมือ Horizontal Type จาก Toolbox
3. ไปที่ Character Palette เพื่อปรับแต่งลักษณะต่าง ๆ ของตัวอักษร
4. พิมพ์ข้อความที่ต้องการแสดง แล้วคลิกปุ่ม ที่ Options Bar เพื่อยืนยัน
5. เลือกคำสัง่ File > Place เพื่อนำไฟล์ภาพเข้ามา
Page 39

48. 6. คลิกขวาที่ Layer ภาพ แล้วเลือก Create Clipping Mask
Page 40
7. จะปรากฏดังภาพ

49. 8. เลือกเครื่องมือ Move ลากบนภาพ เพื่อปรับตำแหน่งของภาพตามต้องการ
9. จบขัน้ตอนการสร้างภาพ
Page 41

50. Page 42
การเปลี่ยนสีภาพ

51. Page 43
ªขัน้ตอนในการเปลี่ยนสีภาพ
1. เปิดไฟล์ภาพต้นฉบับ
2. เลือกคำสัง่ Image>Adjustments>Hue/Saturation
3. คลิก ; Preview เพื่อให้แสดงภาพทันทีที่มีการปรับเปลี่ยน

52. เลื่อน Scale สีต่าง ๆ ให้ได้สีตามต้องการ แล้วคลิกปุ่ม
4. Ok
5. จบขัน้ตอนการสร้างภาพ
Page 44

53. Page 45
การทำภาพโพลาลอยด์

54. Page 46
ªขัน้ตอนในการทำภาพโพลาลอยด์
1. สร้างไฟล์ภาพใหม่โดยใช้ Background สีขาว โดยสร้างขนาดให้ใหญ่กว่าภาพจริงเล็กน้อย
2. คลิกที่ เพื่อสร้าง Layer ใหม่
3. เลือกสี Foreground ตามต้องการ แล้วเทสีที่เลือกลงบน Layer ใหม่

55. Page 47
4. เปิดไฟล์ภาพต้นฉบับ
5. คลิกเลือกที่ Layer ใหม่ แล้วเลือกคำสัง่ Edit > Free Transform เพื่อปรับขนาดให้ใหญ่กว่าภาพ
ต้นฉบับ ปรับขนาดให้ดูสวยงาม

56. 6. เมื่อปรับเสร็จแล้วให้คลิกปุ่ม
ที่ Options Bar เพื่อยืนยัน
7. เลือกคำสัง่ Layer > Layer Style > Drop Shadow เพื่อใส่เงาให้กับภาพ
Page 48
8. ปรับแต่งค่าตามต้องการ แล้วคลิกปุ่ม
Ok

57. 9. ภาพจะมีเงาปรากฏขึ้น ให้ตกแต่งข้อความตามต้องการ
10. จบขัน้ตอนการสร้างภาพ
Page 49

58. Page 50
การทำภาพให้พื้นหลังมีสีเทา ภาพหลักสี

59. ªขัน้ตอนในการทำภาพพื้นหลังสีเทา ภาพหลักสี
1. เปิดไฟล์ภาพต้นฉบับ
คลิกลาก Layer ไฟล์ภาพต้นฉบับ ไปที่ปุ่ม
2. เพื่อ Duplicate Layer ภาพต้นฉบับ
3. เลือก Layer รูป แล้วเลือกคำสัง่ Image > Adjustments > Desaturate
Page 51

60. Page 52
4. จะได้ภาพมีสีขาว ดำ
5. เลือกเครื่องมือ Eraser ลบบริเวณที่ต้องการให้มีสีปกติ

61. 6. เลือกคำสัง่ Layer > Flatten Image เพื่อรวม Layer
7. จบขัน้ตอนการสร้างภาพ
Page 53

62. Page 54
การทำ Background ลายอมยิ้ม

63. ªขัน้ตอนในการทำ Background ลายอมยิ้ม
1. สร้าง Pattern ใหม่ โดยการสร้างไฟล์ภาพใหม่ และกำหนดขนาดเป็น 50 x 50 พื้นสีขาว
เลือกเครื่องมือ Marquee มาทำ Selection บนพื้นที่ตามภาพ โดยเลือก ที่ Options
Bar เพื่อให้สามารถทำแบบต่อเนื่องได้
2.
Page 55

64. 3. เลือกสีที่ต้องการเทลงใน Selection แล้วกดปุ่ม
Ctrl + D เพื่อลบ Selection
4. กด Ctrl + A ที่ Keyboard 1 ครัง้ แล้วเลือกคำสัง่ Edit > Define Pattern เพื่อสร้าง Pattern ใหม่
5. สร้างไฟล์ภาพใหม่ขึ้นมาอีกครัง้ โดยกำหนดขนาดตามต้องการ
6. สร้าง Layer ใหม่
Page 56

65. Page 57
7. กดปุ่ม
Shift + F5 จะมีหน้าจอให้กำหนด Fill Pattern เลือก Use : Pattern และคลิกที่ Custom
Pattern เป็น Pattern ที่เราเพิ่งสร้างใหม่ แล้วคลิกปุ่ม
Ok
8. จะปรากฏลายบนพื้นที่ภาพ

66. 9. เลือกคำสัง่ Filter > Distort > Polar Coordinates
10. จะปรากฏหน้าจอ Polar Coordinates คลิกปุ่ม Ok
Page 58

67. 11. เลือกคำสัง่ Filter > Distort > Twirl
จะปรากฏหน้าจอ ปรับค่าตามภาพ แล้วคลิกปุ่ม
12. Ok
13. จบขัน้ตอนการสร้างภาพ
Page 59