ใบความรู้ การตลาด บทที่ 1 shop

3308-2402 คอมพวิ เตอรเพื่องานสิ่งพิมพ

รหสั วิชา 3308-2402 คอมพิวเตอรเ พือ่ งานส่งิ พิมพร ะดับ ปวส.2 การตลาด
วทิ ยาลยั อาชีวศกึ ษาชลบุรี

ใบความรูบทท่ี 1

หนว ยการเรียนรูท ่ี 1 ความรพู ื้นฐานเก่ยี วกับโปรแกรม Photoshop CS6
หนวยการเรียนรูที่ 1
เรือ่ ง คณุ สมบัติเครอื่ งมือและองคประกอบของโปรแกรม Adobe Photoshop CS6

สาระการเรยี นรู
1. สัญลกั ษณข องโปรแกรม Adobe Photoshop CS6
2. คุณสมบตั พิ น้ื ฐานของโปรแกรม
3. เคร่ืองมอื พื้นฐานของโปรแกรม
4. ความหมายและความสําคญั ของเลเยอร(Layer)
5. การเปดพื้นท่กี ารใชงาน การนําภาพเขาใชงาน และการบนั ทึกงาน

สาระที่ 1
Icon แสดงสญั ลักษณข องโรปแกรม Adobe Photoshop CS6

สาระที่ 2 คณุ สมบัติพนื้ ฐานของโปรแกรม
โปรแกรม Photo shop เปน โปรแกรมในตระกูล Adobe ทใ่ี ชสาํ หรับตกแตงภาพถา ยและภาพกราฟฟก ไดอ ยางมี
ประสิทธิภาพ ไมว า จะเปนงานดานส่ิงพมิ พ นิตยสาร และงานดา นมลั ตมิ ีเดีย อกี ท้งั ยงั สามารถ retouching
กแตงภาพและการสรางภาพ ซ่งึ กาํ ลงั เปนทมี่ นยิ มสงู มากในขณะน้ี เราสามารถใชโปรแกรม Photoshop ในการ
ตกแตงภาพ การใส Effect ตา ง ๆใหก บั ภาพ และตัวหนงั สอื การทาํ ภาพขาวดาํ การทําภาพถา ยเปน ภาพเขยี น
การนําภาพมารวมกัน การ Retouch ตกแตงภาพตา ง

เราสามารถเรยี นรวู ิธีการใชโปรแกรม Adobe Photoshop น้ไี ดด ว ยตวั เอง คณุ สามารถทจี่ ะทําการแกไขภาพ
ตกแตงภาพ ซอนภาพในรูปแบบตา งๆ ไดอ ยา งงายดาย และสิง่ ที่ขาดไมไดกค็ อื การใสขอความประกอบลงใน
ภาพประกอบดวย

3308-2402 คอมพวิ เตอรเ พื่องานสิ่งพมิ พ

3308-2402 คอมพิวเตอรเ พือ่ งานส่ิงพมิ พ

ความสามารถพ้ืนฐานของ Adobe Photoshop ทคี่ วรทราบ
ตกแตง หรอื แกไขรูปภาพ
ตดั ตอ ภาพบางสว น หรอื ท่ีเรียกวา crop ภาพ
เปล่ียนแปลงสขี องภาพ จากสีหน่งึ เปน อกี สหี น่งึ ได
สามารถลากเสน แบบฟรสี ไตล หรือใสรปู ภาพ สเ่ี หลี่ยม วงกลม หรือสรางภาพไดอ ยางอิสระ
มกี ารแบง ชัน้ ของภาพเปน Layer สามารถเคลอ่ื นยายภาพไดเปน อิสระตอ กนั
การทาํ cloning ภาพ หรอื การทําภาพซ้าํ ในรปู ภาพเดียวกัน
เพมิ่ เติมขอความ ใส effect ของขอความได
Brush หรือแปรงทาสี ทส่ี ามารถเลอื กรูปแบบสําเรจ็ รูปในการสรา งภาพไดแ ละอื่นๆ อีกมากมา

โปรแกรม Adobe Photoshop CS6 เมอื่ ทาํ การเปด โปรแกรมแลว จะพบหนา ตาของโปรแกรมดัง รูป

มสี ว นสาํ คัญหลกั ทีท่ ีต่ องรูดงั น้ี
1. เมนูของโปรแกรม Application menu หรอื Menu bar ประกอบดว ย

1. File หมายถึง รวมคาํ สงั่ ทีใ่ ชจ ดั การกบั ไฟลรูปภาพ เชน สรางไฟลใหม, เปด , ปด , บันทึกไฟล, นาํ เขา ไฟล,
สงออกไฟล และอนื่ ๆ ท่ีเกย่ี วกับไฟล

2. Edit หมายถงึ รวมคาํ สัง่ ท่ใี ชส าํ หรับแกไขภาพ และปรบั แตงการทํางานของโปรแกรมเบอื้ งตน เชน กอ ปป,
วาง, ยกเลิกคาํ สง่ั , แกไขเคร่อื งมือ และอืน่ ๆ

3. Image หมายถึง รวมคําสงั่ ที่ใชป รบั แตงภาพ เชน ส,ี แสง, ขนาดของภาพ (image size), ขนาดของ
เอกสาร (canvas), โหมดสขี องภาพ, หมุนภาพ และอ่นื ๆ

4. Layer หมายถงึ รวมคําสัง่ ท่ีใชจ ดั การกับเลเยอร ทั้งการสรา งเลเยอร, แปลงเลเยอร และการจัดการกับเ
ลเยอรในดา นตาง ๆ

3308-2402 คอมพิวเตอรเพ่อื งานสิ่งพมิ พ

3308-2402 คอมพวิ เตอรเ พือ่ งานส่ิงพมิ พ

5. select รวม คําส่ังเกีย่ วกับการเลอื กวัตถุหรอื พน้ื ทบี่ นรูปภาพ (Selection) เพื่อนําไปใชง านรวมกับคาํ สั่งอนื่ ๆ
เชน เลอื กเพื่อเปล่ียนสี, ลบ หรือใชเ อฟเฟกตต า ง ๆ กับรปู ภาพ

6. Filter เปน คําสงั่ การเลน Effects ตา งๆสาํ หรบั รูปภาพและวัตถุ
7. View เปน คําสัง่ เกีย่ วกับมุมมองของภาพและวตั ถุในลกั ษณะตางๆ เชน การขยายภาพและยอภาพใหดูเล็ก
8. Window เปนสว นคําสง่ั ในการเลอื กใชอ ุปกรณเ สริมตา งๆที่จาํ เปน ในการใชส ราง Effects ตางๆ
9. Help เปน คาํ สัง่ เพื่อแนะนําเกี่ยวกบั การใชโปรแกรมฯและจะมลี ายละเอยี ดของโปรแกรมอยูในนน้ั

2. เมนขู องพ้ืนท่ีทาํ งาน Panel menu
Panel (พาเนล) เปนวินโดวยอ ย ๆ ทใี่ ชเลอื กรายละเอยี ด หรือคําส่งั ควบคมุ การทาํ งานตาง ๆ ของโปรแกรม ใน

Photoshop มพี าเนลอยเู ปน จํานวนมาก เชน พาเนล Color ใชสําหรับเลือกส,ี พาเนล Layers ใชส าํ หรับจัดการกับ
ลเยอร และพาเนล Info ใชแสดงคา สีตรงตาํ แหนง ทชี่ ีเ้ มาส รวมถงึ ขนาด/ตําแหนง ของพนื้ ทีท่ ่เี ลือกไว

3. พ้นื ท่ีทาํ งาน Stage หรอื Panel
เปนพ้นื ทีว่ างสําหรับแสดงงานท่กี าํ ลงั ทาํ อยู

4. เคร่อื งมือทใี่ ชง าน Tools panel หรือ Tools box
Tool Panel (ทลู พาเนล) หรอื กลองเครอ่ื งมอื จะประกอบไปดว ยเครอื่ งมอื

ตาง ๆ ทใี่ ชในการวาด ตกแตง และแกไขภาพ เครอ่ื งมือเหลา นม้ี จี าํ นวนมาก ดังนน้ั
จึงมีการรวมเครอ่ื งมอื ทที่ ําหนาทีค่ ลาย ๆ กนั ไวในปมุ เดียวกนั โดยจะมลี ักษณะรปู
สามเหลยี่ มอยูบรเิ วณมมุ ดานลา งดงั ภาพ 2 เพื่อบอกใหร ูว าในปมุ นย้ี ังมีเคร่ืองมือ
อนื่ อยูด ว ย

5. สง่ิ ทคี่ วบคุมเครื่องมอื ท่ีใชง าน Tools control menu หรอื Option bar
Option Bar (ออปชั่นบาร) เปน สวนทีใ่ ชปรบั แตง คาการทํางานของ

ครือ่ งมือตาง ๆ โดยรายละเอียดในออปชัน่ บารจะเปลี่ยนไปตามเครอ่ื งมือท่ี
เราเลอื กจากทูลบ็อกซในขณะนัน้ เชน เม่อื เราเลือกเครือ่ งมือ Brush (พกู ัน)
บนออปช่ันบารจ ะปรากฏออปชนั่ ทใี่ ชในการกําหนดขนาด และลักษณะหวั แปรง,
โหมดในการระบายความโปรง ใสของสี และอตั ราการไหลของสี เปนตน

สาระที่ 3 เครือ่ งมอื พ้ืนฐานของโปรแกรม Tools

3308-2402 คอมพวิ เตอรเพอ่ื งานส่งิ พมิ พ

3308-2402 คอมพิวเตอรเ พือ่ งานสิ่งพมิ พ

Tool Panel (ทลู พาเนล) หรอื กลอ งเครือ่ งมือ จะประกอบไปดว ยเครือ่ งมือตา ง ๆ ทใี่ ชในการวาด ตกแตง
และแกไขภาพ เครอ่ื งมือเหลานม้ี จี าํ นวนมาก ดังนั้นจงึ มีการรวมเครื่องมอื ท่ที าํ หนา ที่คลาย ๆ กนั ไวในปุมเดยี วกนั
โดยจะมลี กั ษณะรูปสามเหลี่ยมอยบู ริเวณมุมดานลางดงั ภาพ 2 เพื่อบอกใหรูวา ในปมุ น้ียังมเี ครื่องมืออน่ื อยดู ว ย
ทําการแบงกลมุ เครื่องมอื ไดด ังภาพตอ ไปน้ี

เครอื่ งมือแตละช้ินมีคุณสมบัติดังน้ี Magic Wand
ใชเ ลอื กพ้ืนทด่ี วยวธิ รี ะบายบนภาพ หรอื เลือกจากสีที่
Move
ใชส ําหรับเลอื กพนื้ ท่ีบนภาพเปน รปู ส่ีเหลี่ยม วงกลม ใกลเ คียงกัน

วงรี หรือเลอื กเปนแถวคอลัมน ขนาด 1 พเิ ซล Crop
ใชตัดขอบภาพ
Marquee
ใชส าํ หรับยายพนื้ ที่ทเ่ี ลอื กไวข องภาพ หรอื ยา ยภาพในเ Slice
ใชตดั แบง ภาพเพอ่ื บันทกึ ไฟลภ าพยอย ๆ ท่เี รียกวา สไลซ
ลเยอรหรือยา ยเสนไกด
(Slice)สําหรับนาํ ไปสรา งเวบ็ เพจ
Lasso
ใชเลอื กพื้นทบ่ี นภาพเปน แนวเขตแบบอสิ ระ Eyedropper
ใชเ ลอื กสีจากสีตาง ๆ บนภาพ

3308-2402 คอมพิวเตอรเพือ่ งานสงิ่ พมิ พ

3308-2402 คอมพวิ เตอรเพื่องานส่งิ พมิ พ Dodge
ใชร ะบายเพอ่ื ใหภาพสวางขน้ึ
Healing Brush
ใชตกแตง ลบรอยตาํ หนใิ นภาพ pen
ใชวาดเสน พาธ (Path)
Brush
ใชระบายลงบนภาพ Horizontal Type
ใชพ มิ พต วั อกั ษรหรือขอ ความลงบนภาพ
Clone Stamp
ใชท าํ สําเนาภาพ โดยกอ ปปภ าพจากบริเวณอ่นื มาระบาย Path Selection
ใชเลือกและปรบั แตง รปู ทรงของเสน พาธ
หรอื ระบายดวยลวดลาย
Rectangle
History Brush ใชว าดรูปทรงเรขาคณิตหรือรปู ทรงสาํ เรจ็ รปู
ใชระบายภาพดว ยภาพของขน้ั ตอนเดมิ ท่ีผานมา หรือภาพ
Hand
ของสถานะเดมิ ทีบ่ ันทึกไว ใชเล่อื นดสู วนตาง ๆ ของภาพ

Eraser Zoom
ใชล บภาพบางสวนทไี่ มต องการ ใชย อ หรือขยายมมุ มองภาด

Gradient set Foreground Color, Set Background Color
ใชเตมิ สีแบบไลร ะดบั โทนสีหรือความทึบ ใชสําหรบั กําหนดส-ี Foreground Color และ
Background Color
Blur
ใชระบายภาพใหเบลอ

Bern เปดแสดงหนากระดาษ แบบ Full screen
ใชระบายเพ่ือใหภาพมืดลง

3308-2402 คอมพวิ เตอรเ พ่ืองานสงิ่ พิมพ

3308-2402 คอมพิวเตอรเพอ่ื งานส่ิงพมิ พ

สาระที่ 4 ความหมายและความสําคัญของเลเยอร Layer
เลเยอร Layer ชิน้ งานยอ ย หรอื เรียกใหเขาใจงา ยคอื ช้นั ของช้ินงานใหญ เปน หลักการทํางานของโปรแกรม
Photoshop นน่ั คือการนาํ ชนั้ ตางๆ มาผสมกันเพอื่ ปรบั แตงใหเ กดิ ความสวยงามมากข้นึ

Layer
สามารถทําอะไรกบั เลเยอร
แสดงหรอื ซอ น (Show or Hide Layer) การคลกิ ทีร่ ปู ดวงตาแตล ะคร้ัง จะเปนการเปด เพื่อแสดง หรอื ปด เพื่อ
ซอนสงิี ทีอ่ ยูในเลเยอร เชน ถา เราไมตองการใหแสดงภาพของเลเยอรใด กท็ ําการปด หรือซอนไป คดั ลอก และ
ทาํ ซํ้าเลเยอร (Copy and Duplicate Layer) แบงเปน การคัดลอเเลเยอรจ ากช้ินงานหนึ่งไปยงั อีกช้ิน งานหนง่ึ
ทําไดหลายวธิ ีคลิกเลเยอรท ต่ี อ งการทําการคดั ลอก ใชโปรแกรมเมนู Edit เลอื ก Copy หรอื กดปุม Ctrl C
คลกิ Tab ของชน้ิ งานท่ีเราตอ งการจะใหเลเยอรน นั้ มาวางไวแ ลวคลิก Edit เลอื ก Paste หรือกดปมุ Ctrl V
คลกิ เลเยอรท ีต่ องการทําการคัดลอก คลกิ ขวาท่ีเมา ส เลอื ก Duplicate Layer จะไดหนาตา งตามภาพดา นลา ง
ใสช อื่ ในชอง Destination ใหเ ปน ช่อื ช้นิ งานทเี่ ราตองการนาํ เลเยอรน ้ีไปไว
คลกิ เลเยอรท่ตี องการทาํ การคดั ลอกคา งไว แลว ลากไปยังอกี Tab ของอีกชิ้นหนง่ึ โดยตรง

การคดั ลอกเลเยอรในช้ินงานเดยี วกนั
คลิกท่ีเลเยอร ใชโปรแกรมเมนู Layer เลือก Duplicate Layer จะมีหนาตางเหมอื นภาพท่ดี านบนเชน กนั แตช อ ง

Destination ไมตอ งกําหนดชือ่ ชิน้ งานอื่น
คลกิ ทเ่ี ลเยอร ใชโปรแกรมเมนู Layer เลอื ก New เลอื ก Layer via Copy (คียล ัด Ctrl + J)
คลกิ ท่ีเลเยอรน นั้ และกดคยี  Alt พรอ มกับลากเลเยอรไปยงั ตําแหนง ใน Panel ทตี่ องการวาง ปลอ ยเมาส
ยายตาํ แหนงเลเยอร (Move Layer)
ขน้ั ตอนการทําคลายกับการคดั ลอก เพยี งเปลย่ี นคาํ สัง่ จาก Edit - Copy เปน Edit Cut หรอื Ctrl X ในกรณที ่ยี า ย
คนละชิน้ งาน แตถาชนิ้ งานเดียวกนั เพยี งคลกิ ท่ีเลเยอร และทําการเล่ือนไปยังตําแหนง บน Panel ทีต่ องการเทานนั

3308-2402 คอมพวิ เตอรเพ่อื งานสง่ิ พมิ พ

3308-2402 คอมพวิ เตอรเ พอ่ื งานส่งิ พิมพ

เพิ่มเลเยอร (Add Layer)
เพียงแคค ลกิ ไอคอน Create a new Layer ซึง่ อยูดา นลางของ
Layer Panel ตดิ กบั รูปถงั กจ็ ะไดเลเยอรเ พมิ่ แลว
หรอื ถา ตองการใชคาํ ส่งั จากเมนโู ปรแกรม เลอื ก Layer เลือก
New เลอื ก Layer ต้งั ช่ือ และ Enter ก็ไดเหมือนกนั

ลบเลเยอร (Delete Layer)
วิธลี บเลเยอรทําโดย คลกิ ที่เลเยอรท ่ีตอ งการลบ กดปมุ Backspace
หรือใชโปรแกรมเมนู Layer เลอื ก Delete เลือก Layer หรอื โดยการ
คลิกทเี่ ลเยอรแลวลากมาทรี่ ูปถัง

การล็อค และ ปลดล็อค เลเยอร (Lock and Unlock Layer)
การล็อคเลเยอร ทาํ ไดโดย คลิกทเ่ี ลเยอรท ีต่ อ งการล็อค แลว คลิกท่รี ูปกญุ แจ
สวนการปลดลอ็ คกเ็ พยี งทําซํ้าขน้ั ตอนเดยี วกัน

การปลดลอ็ คเลเยอร Background วธิ ีปลดลอ็ คทาํ ไดโดย ดับเบล้ิ คลกิ
ทเ่ี ลเยอร จะมหี นา ตา งดงั ภาพข้นึ มา จะตัง้ ชอ่ื
เลเยอรใหมหรอื ไมกไ็ ด เลเยอรนั้นกจ็ ะปลดล็อคเปนเลเยอรธ รรมดา

ต้งั ชอ่ื เลเยอร (Name Layer)
วธิ ตี ัง้ ช่ือใหก บั เลเยอร ทําโดยดับเบ้ลิ คลกิ ท่ีชอ่ื บนเลเยอรนน้ั และพมิ พช อ่ื เสร็จแลว Enter สาํ หรบั Photoshop CS6
เม่อื พมิ พช ื่อเลเยอรห นง่ึ เสรจ็ แลว สามารถกด Tab เพือ่ เล่ือนไปยงั เลเยอรอ นื่ เพอื่ ทําการพมิ พชอื่ ไดเ ลย ไมต อ งมาทาํ
ซาํ้ ขนั้ ตอนเดิม ทําใหประหยดั เวลาไดม าก
คลิปปง เลเยอร (Clipping Layer)
หมายถึงการทําใหเลเยอรหน่ึงมีผลกับอกี เลเยอรหน่ึงเทานั้น ไมไปกระทบเลเยอรอ ื่นซ่ึงอยูถดั ลงไป
จากภาพจะเหน็ เลเยอร Wood Gain ซ่ึงเปน ลายไม ผมตอ งการใหล ายไมน ้มี ีผลกบั กรอบภาพซงึ่ เปน เลเยอร
Frame ที่อยูถดั ลงไปดา นลา งเทาน้ัน ผมจึงใชก าร Clipping ซง่ึ จะเหน็ ลกู ศรอยทู ี่ดา นหนา นของเลเยอร Wood Gain
การทาํ เชน น้ี จะทําใหไดก รอบภาพที่มีลายไมส วยงามขน้ึ มาแทนกรอบสีแดงเหลอื ง ในเลเยอร Frame

การทํา Clipping โดยการใชค ยี ลดั ใหก ดปมุ Alt
แลววางเมาสไวระหวา งทั้งสองเลเยอร จากนั้นคลิก หรือถาจะใช
คาํ ส่งั โปรแกรมเมนู Layer เลอื ก Create Clipping Mask
(คยี ล ดั Alt + Ctrl + G) ถา ตองการยกเลกิ กเ็ พียงแคท ํา
ซา้ํ วิธเี ดิม โปรแกรมเมนู Layer เลือก Release Clipping Mask
หรอื กดปุม Alt แลวคลกิ เมาสท่เี ดมิ อีกคร้งั

3308-2402 คอมพิวเตอรเ พื่องานสิ่งพมิ พ

3308-2402 คอมพิวเตอรเพื่องานสง่ิ พิมพ

สาระที่ 5 การเปด พ้นื ทก่ี ารใชง าน การนําภาพเขา ใชงาน และการบันทึกงาน
การเปดพ้นื ท่ีการใชงานใหม
1. ไปที่ Application menu เลือก File > New จะปรากฎหนาตา งดังรปู ดา นลา ง

2. จากรปู มกี ารกาํ หนดคาตา งๆมากมาย
ชอง Name คือการกาํ หนดชอ่ื ของช้ินงาน
ชอง Preset คือ ชนิดของงานตางๆ ทกี่ าํ หนดไวใหแลว มีใหเลอื กมากมาย เชน Web , Photo ,U.S.paper ,
international paper
ชอง size จะสมั พนั ธกบั ชอง Preset คือ ขนาดของงานแตล ะชนดิ เชน คา Preset เปน International paper
ชอง Size ก็จะมตี วั เลือก คอื A4 , A3 , A2 ,A1 และอ่ืนๆ
ชอ ง width คอื ขนาดความกวา งของช้นิ งาน หากตอ งการกําหนดเอง มหี นว นใหเ ลือก 7 ชนิด
ชอง Hight คอื ขนาดความสงู ของชิ้นงาน
ชอง Resolution คือ ความละเอยี ดของงาน มีหนวยเปน Pixelตอน้ิว และ Pixel ตอเซนติเมตร
ชอง Color mode คอื ชนิดของพน้ื ทส่ี ีในการทาํ งาน มีใหเ ลอื กหลากหลาย เชน RGB , CMYK และมีคาความละเอยี ด
ใหเ ลอื กเปน bit
ชอ ง Background Contents คอื เลือกชนดิ ของ พน้ื หลังงาน มี 3 แบบ คอื แบบขาว แบบสี และแบบโปรงใส

เม่อื ทําการกาํ หนดขนาดของงานเสร็จเรยี บรอยแลว ใหคลิปปมุ OK เพือ่ ทาํ การเปดพ้นื ท่กี ารทํางานดัง
ตัวอยางภาพ เปด พื้นที่งานขนาด A4 พื้นหลงั สีขาว

3308-2402 คอมพิวเตอรเ พอ่ื งานสิง่ พมิ พ

3308-2402 คอมพิวเตอรเ พอ่ื งานสิ่งพมิ พ

การนาํ ภาพเขาใชง าน
หากเรามีภาพทตี่ องการเปด เขาใชง านในโปรแกรม ในทาํ การ ตามขน้ั ตอนตอ ไปนี้
ไปท่ี File > open เลือก Floder ทม่ี รี ปู ท่ีเราตอ งการ เลือกรูปนน้ั แลวกด Open

จะไดรปู มาปรากฎอยูท่ี Stage หรือพน้ื ทกี่ ารทํางานดังรูป ตามตัวอยางดานลาง ใชรปู ดอกบัว

การบันทึกงาน
สมมุตวิ า เราไดแตงรปู พระทราย ดงั ตวั อยา งภาพดานลาง เสรจ็ เรียบรอ ยแลว เราตอ งการบันทึก

การทํางาน ทําตามข้ันตอนดังตอไปน้ี

1. ไปท่ี File > Save as จะปรากฎหนา ตางดงั รูปดา นลาง
ชอง File name คือใหเราต้ังชอ่ื งาน
ชอง Format คือ การบนั ทึกไฟลง านประเภทตางๆ เชน PSD , JPEG , TIFF และอืน่ ๆ
เม่อื เลอื กเสรจ็ เรียบรอ ยแลว กด Save ก็จะทําการบันทกึ สําเรจ็

3308-2402 คอมพิวเตอรเ พ่ืองานสิง่ พมิ พ