Peach and White and Black Photo Simple Fashion Flyer (15)

photoshop cs6 น า ม บั ต ร แ ผ่ น พั บ โ ป ส เ ต อ ร์ BY นักเรยี นนักศึกษาวิทยาลัยเทคนิคประจวบคีรขี ันธ์ แผนกวิชาคอมพิวเตอรธ์ ุรกิจ

CON TENTS บทที1 อปุ กรณแ์ ละเครอื งมอื 1-7 บทที2 Layout 8-12 บทที3 Plugin Brusg 13-19 บทที4 workshop แผ่นพับ นามบตั ร โปสเตอร์ 20-31

บทที 1 อุ ปกรณ์และเครืองมือ ((TTOOOOLLBBAARR))

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

เครอื งมอื ทนี ่ารจู้ กั กลมุ ท่ี 3 Lasso กลมุ ที่ 4 Quick Select กลุม ที่ 5 Slice กลุมที่ 6 Eyedropper 2

เครอื งมอื ทนี า่ รู้จกั กลุมที่ 7 Healing Brush กลมุ ท่ี 8 Brush กลมุ ท่ี 9 Stamp กลมุ ท่ี 10 History Brush กลมุ ท่ี 11 Eraser 3

เครืองมือทนี า่ รจู้ กั กลุมท่ี 12 Gradient กลุมที่ 13 Blur กลุมที่ 14 Dodge กลุม ที่ 15 Pen 4

เครืองมือทนี ่ารจู้ กั กลมุ ที่ 16 Type กลุมที่ 17 Path Selection กลุม ท่ี 18 Rectangle กลุมท่ี 19 3D Rotate 5

เครืองมือทนี า่ ร้จู กั กลุม ท่ี 20 3D Camera กลุมท่ี 21 Hand กลมุ ท่ี 22 Zoom 6

ภาพรวมเครอื งมือทงั หมด 7

บทที 2 LAYOUT

รจู้ กั กบั เลเยอร์ เลเยอร (Layers) มลี ักษณะเหมือนแผนพลาสติกใสทีป่ ระกอบดวย ขอ ความหรอื รปู ภาพทวี่ างเรียงซอ นกนั จนกลายเป็นชนิ้ เดยี วเลเยอรท่ีอยู ดา นบนจะบังเลเยอรท ่อี ยดู านลา งชว ยใหเราสามารถแกไขภาพแตล ะสว น ไดงาย และโดยไมตอ งแกไขทงั้ หมดและแสดงเพมิ่ หรือลดเลเยอรได ซ่งึ เราสามารถใชง านและจดั การเลเยอรตางๆไดโ ดยผา นพาเลทเลเยอร ข้ึนมาแลว คลกิ เมนู window > Layers หรือกดแป นพิมพ F7 จะได Palette Layers 8

1. เลือกโหมดการทํางานใน Layers เพ่ิมเตมิ 2. รปู แบบผสมเลเยอร 3. รปู แบบการลอ็ คเลเยอร 4. ซอน/แสดงเลเยอร 5. ช่อื เลเยอร 6. ลิงก/ยกเลกิ ลงิ ก 7. ใสเอฟเฟ็กตใ หเลเยอร 8. สรา งเลเยอรมาสก 9. สรา งเลเยอรสําหรบั ปรับสีภาพ 10. สรางเลเยอรเ ซ็ต 11. สรา งเลเยอรใ หม 12. ลบเลเยอร 13. สญั ลกั ษณลอ็ คเลเยอร 14. เลเยอรท ่กี าํ ลงั เลอื ก 15. ความโปรง ใสของภาพในเลเยอร 16. ความโปรงใสของภาพ 17.รปู แบบ Filter ตา งๆ ทเี่ ลอื กจากโหมดการทาํ งาน ใน Layers 18.การปิดเปิด รูปแบบ Filter ตา งๆ 9

การแทรกขอความ TYPE เขาไปในชิน้ งาน การใสขอความในชิน้ งาน Photoshop CC สามารถพมิ พต ัวอกั ษรหรอื ขอ ความตา ง ๆ ลงบนภาพได รวมทัง้ กาํ หนดคณุ สมบตั ิตา ง ๆ ไดคลา ยกับโปรแกรม Microsoft Word เชน ฟอนต (Font) ขนาดและสีตวั อักษร ระยะหางระหวา งบรรทัด วธิ จี ัดขอความในยอ หน า และอ่ืน ๆ ตวั อกั ษร (Type) จัดเป็นภาพประเภท เวคเตอรแ บบหน่ึง ดังนัน้ จึงยอ หรอื ขยายใหมีขนาดเทาไรก็ได โดยทยี่ งั คมชดั เหมือนเดิม นอกจากนี้ ยงั สามารถเปลยี่ นตวั อักษร เป็นรูปทรง และเสนพาธเพ่ือนําไปดัดแปลง รูปราง และ เปล่ยี นเป็นภาพราสเตอร เพ่อื ปรับแตง ดว ยเคร่อื งมอื ระบายสี และเคร่ืองมือปรับสี หรือแสงเงา ตาง ๆ ได กลุม เคร่ืองมือ Type Horizontal Type คอื ใชพ มิ พขอความแนวนอน Vertical Type คือ ใชพิมพข อ ความแนวตงั้ Horizontal Type Mask คือ ใชสราง Selection เป็นรปู ขอ ความในแนวนอน Vertical Type Mask คอื ใชส ราง Selection เป็นรปู แบบขอความในแนวตงั้ ผลท่ีไดจ ากเคร่ืองมือ และ จะอยูบนเลเยอรพ เิ ศษทเ่ี รียกวา เลเยอรข อ ความ (Type Layer) ซ่งึ เราสามารถแกไขตวั สะกด หรือ จัดรปู แบบใหมได 10

แถบ Option Bar ของ ตวั อกั ษร Type แถบสีแดง คือ สวนทใี่ ชเ ปิด แถบสชี มพู คอื การปรบั ความโคง มน เคร่อื งมอื Preset Pigger ของขอความ แถบสสี ม คือ การเปลยี่ นรูปแบบ ตวั อักษร แถบสเี ทา คือ การยกเลิก และนําไปใช ของการตัง้ คาขางตนทงั้ หมด แถบสีเขียว คอื ลักษณะของตวั อักษร เชน ตวั หนา ตวั เอียง ขดี เสนใต และแบบปกติ แถบสีน้ําเงนิ คือ รูปแบบอกั ษร 3 มิติ แถบสเี หลือง คอื ขนาดของตวั อกั ษร ที่จะใหป รากฏ แถบสฟี  า คอื ปรบั รูปทรงของตัวหนังสอื แถบสีน้ําตาล คอื การกําหนดสขี องตวั อักษร แถบสมี วง คอื การจดั ตําแหนงขอความบนชนิ้ งาน แถบสีชมพู คอื การปรบั ความโคง มนของขอ ความ 11

ภาพรวมเลเยอร์ 12

บททกี า3รใส่ PLUGIN BRUSH

การใส่ Plugin Brush การใส Plugin Brush Brush เป็น รปู แบบแปลงพกู นั ท่เี ราสามารถสรางข้นึ เอง หรอื โหลดเขา มาใชงานก็ได ซ่ึงมผี ูทอ่ี อกแบบ บรัช ใหบ ริการนํามาใชไ ด มที ัง้ แบบฟรีและแบบเสียคา ใชจ า ย เด๋ียววนั นี้เราจะไดมาเรียนรู วธิ กี ารใสบรัชกนั มาเรมิ่ กนั เลย 1.เรมิ่ แรก ใหทําการโหลด บรชั จากอินเตอรเน็ต 2.ใหเ ลือกรปู แบบ บรัช ที่เราตอ งการ ดังภาพ 13

การใส่ Plugin Brush 3.ใหคลกิ๊ โหลด บรัช แลว บันทกึ ไวใ นโฟลเดอรท ่ไี ดเ กบ็ งานของตนเองไว 14

การใส่ Plugin Brush 4.ใหเปิดโฟลเดอรท่ีเกบ็ บรชั แลวใหนักเรียน แตกไฟล ดงั ภาพ 5.เม่อื แตกไฟล winrar แลว จะได ไฟล รูปภาพ แลวกไ็ ฟล บรัช ที่จะนําไปใชใ น โปรแกรม Photoshop 15

การใส่ Plugin Brush 6.ตอ มา จะเป็นวิธีการ เพิ่มบรชั เขา ไปในโปรแกรม Photoshop CC ใหทาํ การ เปิดโปรแกรม Photoshop แลว สรางชนิ้ งาน พรอ มกับสราง Layer ข้ึนมา ตงั้ ช่ือวา Brush เพ่อื จะเกบ็ รปู แบบ บรัช ทน่ี ักเรยี นสรา ง จากนัน้ ใหนักเรยี น คลกิ๊ เลือกเคร่อื งมือ Brush ดงั ตวั อยา งภาพ 7.จากนัน้ จะเป็นการ นําบรชั ที่โหลดจากอนิ เตอร เขามาใช ใหท าํ ตามภาพ ตวั อยา งทาง ดานลาง 16

การใส่ Plugin Brush 7.จากนัน้ จะเป็นการ นําบรัชทนี่ ักเรียนโหลดจากอินเตอร เขามาใช ให นักเรยี นทาํ ตามภาพ ตวั อยา งทาง ดา นลา ง 8.เม่ือนักเรยี น คลกิ๊ Load Brush จะปรากฏหน าตา ง ใหน ักเรียนไป เลอื กบรัชท่ี นักเรียนโหลดมาไดเ ลย เม่อื เลอื กไดแ ลว ให คลิก๊ “Load” ดังตวั อยา งภาพดา นลาง 17

การใส่ Plugin Brush 9.รปู แบบ บรชั จะมาปรากฏในแถบบรชั ซ่ึงเป็นทีร่ วบรวมรปู แบบบรัชทงั้ หมด ภายในโปรแกรม นักเรยี นสามารถท่เี พ่มิ เขา มาได 10.ใหน ักเรียนเลือกใช รปู แบบบรัช ทีน่ ักเรยี นโหลด จากนัน้ กน็ ํามาใชก ับชนิ้ งาน ไดเ ลย ดงั ตวั อยางภาพดา นลาง 11.เสรจ็ ขัน้ ตอนการเพ่ิม บรชั ในโปรแกรม Photoshop 18

ภาพรวมการใส่ Plugin Brush 19

บทที 4 workshop แผน่ พับ นามบัตร โปสเตอร์

workshop นามบตั ร 1.ขัน้ แรกกเ็ ปิดโปรแกรม Photoshop ข้นึ มาครบั แลว สรา งชนิ้ งานเปลา ข้ึนมา โดยไปที่ เมนู File > New ครบั จะปรากฏไดอะลอ กใหเรากาํ หนดขนาดของชนิ้ งานครบั สาํ หรบั ตวั อยา ง จะกาํ หนดขนาดนามบตั รที่ 5.5cm x 9cm (ซ่ึงคดิ วานาจะเป็นขนาดมาตรฐานท่ีสดุ ครับ ทา น สามารถกําหนดขนาดตามใจทานไดนะครับ) สาํ หรบั ความละเอียด Resolution ในงานการพิมพ เราจะกาํ หนดท่ีประมาณ 150-300 pixels/inch ครับ (ในตัวอยา งกําหนดที่ 300 ครบั นัน่ หมายความวา รูปทจ่ี ะนํามาประกอบนามบตั รตองมีความละเอยี ดสูงดว ยครบั ) เสรจ็ แลวกด OK 20

workshop นามบัตร 2.ขนั้ ตอ ไปเรากม็ าตกแตง นามบตั รของเรากนั ครบั ในทน่ี ี้ผมจะสอนตกแตงแบบพ้นื ฐานๆ นะครับ โดยอาจจะใสสีสว นบนของนามบัตรกอนครับ จะเลือกเป็นกี่สีอันนี้แลว แตค วามตองการ เลยครบั ใหไปที่ Rectangular marquee tool(ปุมสเ่ี หล่ียมทเี่ ป็นเสนประ อยอู นั แรกเลยครบั )� จากนัน้ มาลากบนชิน้ งานตามขนาดท่เี ราจะเทสไี ปครับ โดยคลกิ๊ เมา คา งแลวลากนะครบั ตอ ไปในชอง layer ใหเราสรา ง layer ใหมข ้นึ มานะครับ ตงั้ ช่อื วา bar1(โดยดับเบิลคลกิ๊ ท่ี เลเยอรน ัน้ 2 ครงั้ ) จากนัน้ คลิก๊ บนเลเยอรเพ่อื ใหเลเยอรนัน้ เพ่อื ใหเ ราทํางานบนเลเยอรนัน้ 21

workshop นามบัตร เทสลี งไปในกรอบส่เี หลม่ี เสน ประที่ไดว าดไวค รบั โดยกดที่ปมุ ถงั สี แลวเลือกสบี น foreground ครบั 3.คราวนี้ก็ตกแตง รายละเอียดเลยครับ โดยอาจจะใสโลโกข องทาน และช่อื บริษทั ลงไป บนแถบบนนะครับ การแทรกรูปโลโกใ หเราไปไปเมนู File > Open แลวเปิดโลโกข้นึ มาครบั จากนัน้ กล็ ากมาบนชนิ้ งานนามบัตรเลยครับ� และใชเ คร่อื งมือ Type tool (ปมุ ตัว T )เพ่อื พมิ พ ตัวอกั ษรลงไป โดยการคลิก๊ ทป่ี มุ แลวไปคลกิ๊ บนชิน้ งานครบั 22

workshop นามบัตร 4.ขัน้ ตอ ไปเรามาตกแตง พ้ืนทีว่ างซกั นิด โดยการหาภาพมาไวท่ีพ้นื หลงั ของนามบัตรครบั เม่ือนําภาพเขา มาบนชิน้ งานแลว ก็คลกิ๊ ท่ีเลเยอรข องภาพ จากนัน้ ลดคาความเขมของภาพลง ครับที่ Optical ใหเหลอื ตามความตองการของทานครับ 5.จากนัน้ กใ็ สรายละเอยี ดเก่ยี วกับตัวทานลงไปในนามบัตรเลยครบั 6.เม่อื ตกแตง เสรจ็ เรียบรอย กใ็ หเซฟงานนามบัตร แลวกป็ ิดไปเลย รอเรียกใชใหมครบั โดยไปที่ เมนู File > save ตัง้ ช่ือไฟล แลว เลือกเป็นนามสกลุ .JPEG ครับ 23

ภาพรวมworkshop การทาํ นามบตั ร 24

workshop แผน่ พับ 1. ทําการกําหนดขนาดกระดาษ : File > New > Preset : International Paper = A4 2. ทําการกลับกระดาษ : Image > Rotate Canvas : 90 CW 3. แบง หน ากระดาษเป็น 3 ชอ ง : Tools > Rectangular Marquee > Style : Fixed Size : Width = 9.9 cm 4. กาํ หนดขอบกระดาษ สําหรบั โรงพิมพ : Image > Canvas Size เพิ่มขอบ 2 mm. 25

workshop แผ่นพบั 5. ทาํ การออกแบบหน าแผนพับไดตามตองการ 26

ภาพรวมworkshop การทาํ แผ่นพบั 27

workshop โปสเตอร์ ขัน้ ตอนท่ี 1 เตรยี มรปู ภาพทคี่ ณุ ตองการใช โดยทางทีม Creative Design ไดเตรียม ภาพหวั ของหุน ยนตมาใชงานในครงั้ นี้ และเร่ิมตนดว ยการสรา งไฟลงานข้ึนมาใหมใหมีขนาด 1300 × 1700 px โดยจะใชภ าพทมี่ คี วามละเอียด 72 dpi แตถ า หากตองการใหผ ลงาน สามารถพิมพออกมาอยางสวยงาม กใ็ หค ุณเลอื กตัง้ คา ความละเอยี ดอยูท่ี 300 dpi แทน ขัน้ ตอนที่ 2 ทาํ การ Dicut รูปภาพท่ไี ดเตรยี มมาเพ่อื ตัดพ้นื หลงั หรือสว นทคี่ ณุ ไม ตอ งการออก ซ่งึ งานในสว นนี้คณุ สามารถใชเคร่อื งมอื Pen Tools หรอื แลว แตค วามถนัดของ คณุ เลยก็ได เม่อื ไดภาพที่ไมม ีพ้นื หลังหรือสวนเกินทีค่ ณุ ไมต อ งการแลว ตอมาก็ใหค ุณทําการ จบั ภาพทผ่ี านขัน้ ตอนการ Dicut แลว มาใสไวบ น Workspace งานของคุณไดเลย 28

workshop โปสเตอร์ ขนั้ ตอนท่ี 3 ขนั้ ตอนนี้จะเป็นขัน้ ตอนของการยอ มสี หรอื เปลี่ยนสีภาพ ท่ีคณุ ตอ งการ โดยทําใหภ าพท่เี ตรียมมาเป็นสีขาว – ดาํ สามารถทาํ ได ดวยการเลือกทเ่ี ลเยอรไ ปทห่ี ัวของหนุ ยนต หรือภาพของคณุ แลว ไปท่ีคาํ สงั่ Image > Adjustments > Black & White เทา นี้ภาพของคุณก็จะเปล่ยี นเป็นสขี าว – ดําแลว จากนัน้ ใหค ุณทําการยอ มสีภาพดว ยการไปที่ Layers panel และ ทาํ การสรางเลเยอรข้ึนมาใหม โดยการกดไปท่ี Create a new layer แลว ไปทแ่ี ถบเคร่ืองมอื Paint Bucket Tools (กด G) และทําการ ระบุคา สีที่ตอ งการจะใชใ นการดาํ เนินการของคณุ โดยใหค ุณเลอื กใชสี และทาํ การเปลยี่ น Blending Mode เป็น Overlay เทา นี้คุณก็จะไดภาพโปสเตอรเป็นสตี ามทีร่ ะบุสไี วแลว 29

workshop โปสเตอร์ ขัน้ ตอนท่ี 5 เม่ือไดภาพตามทีต่ องการแลว ขัน้ ตอนสุดทายของการทาํ Liquify ใหส มบูรณแบบสวยงาม คอื การใสขอความท่คี ุณตองการลงไปบนภาพในสวนนี้คุณอยาก ใสอะไรลงไปก็ไดต ามความตองการ แตส่ิงท่สี ําคญั คอื สขี องขอความที่จะตอ งเลอื กใหดี เพราะหากเลือกสขี องขอ ความผดิ โปสเตอรข องคุณก็จะอานยาก ทําใหโ ปสเตอรห มดความนาสนใจไดงาย 30

ภาพรวมworkshop การทําโปสเตอร์ 31

ภาพรวมการ worksshop โปสเตอร์ แผน่ พบั นามบัตร 31