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

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

COMTE NTS บทที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รใส่ PPLLUUGGIINN BBRRUUSSHH

การใส่ 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 8.เม่ือนักเรยี น คลิก๊ Load Brush จะปรากฏหน าตา ง ใหนักเรียนไป เลือกบรัชท่ี นักเรียนโหลดมาไดเ ลย เม่อื เลอื กไดแลว ให คลิก๊ “Load” ดังตัวอยา งภาพดานลา ง 9.รูปแบบ บรัชจะมาปรากฏในแถบบรชั ซ่งึ เป็นท่รี วบรวมรูปแบบบรชั ทัง้ หมดภายใน โปรแกรม นักเรียนสามารถทเี่ พ่ิมเขา มาได 17

การใส่ Plugin Brush 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.เม่ือ ตกแตง เสร็จเรยี บรอย ก็ใหเซฟงานนามบตั ร แลวกป็ ิดไปเลย รอเรยี กใช 23 ใหมครับ โดยไปที่ เมนู File > save ตงั้ ช่ือไฟล แลวเลอื กเป็นนามสกุล .JPEG ครบั

ภาพรวม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. ทาํ การออกแบบหน าแผนพับไดตามตองการ ภาพรวมworkshop 26 การทําแผ่นพับ

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

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

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

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

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