เอกสารประกอบการสอนคอมพิวเตอร์กราฟิก 3

11.ดนตรี(Music) และ เสียงประกอบพเิ ศษ (Sound Effect) ดนตรี(Music) เปน็ ภาษาทก่ี ่อให้เกิดอารมณ์ด้านต่างๆไดแ้ ละสร้างจนิ ตนาการแห่งความทรงจำ เสยี งประกอบโฆษณาพิเศษ(Sound Effect) คือการใช้เสยี งธรรมชาติมาประกอบการโฆษณา เพอื่ ก่อให้เกิดความ สมจริงในเหตุการณ์ขณะนัน้ เชน่ เสียงนำ้ ตก เสยี งนกรอ้ ง เสียงไก่ขัน เปน้ ต้น 12.ความเปน็ เอกภาพ (Unity) เปน็ การจดั ใหอ้ งคป์ ระกอบต่างๆมคี วามสมั พนั ธเ์ กย่ี วเนอ่ื งกันอย่างกลมกลนื เปน็ อันหน่ึงอนั เดยี วกนั โดยมคี วาม เดน่ ชดั มีลกั ษณะเฉพาะตวั ขั้นตอนการจัดทำ Layout 1.Thumbnail Sketches คอื แบบร่างคร่าวๆวาดขึน้ มาหลายๆแบบเพื่อพจิ ารณาดูตำแหนง่ องคป์ ระกอบตา่ งๆ อยา่ งครา่ วๆเพื่อให้เกดิ ความคดิ ที่ดหี รือเป็นแนวทางของการวางผังโฆษณาตอ่ ไป 2.Rough Layout เป็นแบบรา่ งอยา่ งหยาบๆทคี่ ัดเลอื กมาจาก Thumbnail Sketches ทีเ่ ห็นวา่ เหมาะสมโดยนำ รา่ งใหมใ่ นขนาดเทา่ ของจรงิ และใสส่ ว่ นประกอบต่างๆให้มคี วามชัดเจนขึ้น 3.Finished Layout เป็นขนั้ ที่นำ Rough Layout มาแต่งเตมิ รายละเอียดใหม้ ีความสมบูรณข์ ้ึน 4.Comprehensive Layout คอื Layout ทเ่ี สรจ็ สมบูรณ์จนใกลเ้ คยี งกบั ช้ินงานโฆษณาท่ีจะนำไปเผยแพร่ 5.Artwork คือแบบสำเรจ็ ของชิน้ งานโฆษณา

รปู แบบของการจดั Layout 1. รปู แบบแถบ (Band Layout) เปน็ การวางองคป์ ระกอบอนั ได้แกร่ ปู ภาพและขอ้ ความในลักษณะเป็นแถบตามแนวตงั้ ชดิ ขอบภาพด้านในด้าน หนึง่ 2.รูปแบบตารางหรอื แบบมอนเครียน (Mondrian Layout) เปน็ การวางองคป์ ระกอบในลกั ษณะตารางยอ่ ย ๆ โดยมขี นาดท่แี ตกต่างกนั ในภาพ 3. รูปแบบหน้าต่าง (Picture Window Layout) เปน็ การจดั วางรูปภาพใหอ้ ย่ใู นกรอบช่องสี่เหลย่ี มคลา้ ยช่องหนา้ ต่าง

4.รปู แบบกรอบภาพ (Frame Layout) เป็นการสร้างกรอบภาพล้อมรปู ภาพและขอ้ ความภายในเพือ่ บบี สายตาผู้ดูใหพ้ ุง่ เข้าไปท่กี รอบภาพนนั้ 5. รปู แบบเน้นรายละเอยี ดของข้อความมากกว่ารปู ภาพหรอื แบบหนกั บท (Copy Heavy Layout) เปน็ การวางองค์ประกอบโดยเนน้ ขอ้ ความมากกวา่ รปู ภาพ

6. รปู แบบเน้นตวั อักษร (Type Layout) เปน็ การนำตัวอักษรทมี่ ีลกั ษณะและขนาดต่างกนั มาจัดวางอยา่ งเหมาะสมตามหลักองคป์ ระกอบศิลป์ 7.แบบภาพปรศิ นา (Rebus Layout) เป็นการใช้ภาพเลก็ ๆมาสอดแทรกระหว่างประโยคแทนคำเขียน ในแบบโฆษณาประเภทนเ้ี ราจะเห็นภาพปรากฏ อยู่ในประโยคเป็นครง้ั คราว

8.แบบภาพเงา (Silhouette layout) เป็นการใชภ้ าพถา่ ยขนาดใหญ่เตม็ หน้ากระดาษ ตดั เอาแต่เฉพาะตัววัตถุท่ีสำคญั เพยี งบางส่วน วางลงบน พ้ืนสเี ข้มจดั หรือออ่ นมากๆ พยายามยดื ส่วนประกอบใหไ้ ปจรดขอบเพือ่ มใิ ห้ภาพเงาลอย และเพือ่ สร้างความ แตกตา่ งใหด้ โู ดดเดน่ ภาพทอ่ี อกมาจะดูเหมอื นรอยทาบของเงาบนพื้น นอกจากจะจัด Layout สำหรบั โฆษณาทางส่ิงพมิ พแ์ ลว้ ผู้จัดทำโฆษณายังสามารถทำLayout สำหรับโฆษณาใน ส่ืออื่นๆที่เรยี กวา่ Story board Story board เป็น Layout สำหรบั ภาพยนต์โฆษณาทางโทรทัศนโ์ ดยทำเป็นภาพชดุ ที่ต่อเนอ่ื งกนั พรอ้ มท้ังมีบทบรรยาย การลำดับภาพ บทพูด และเสียงประกอบ สำหรบั บทภาพยนตร์โฆษณาทางโทรทัศนท์ ีไ่ ม่ มีภาพชดุ ประกอบดว้ ย เราเรียกว่า Script

หน่วยท่ี 4 โปรแกรมกราฟกิ ท่ีใชใ้ นการออกแบบส่ือโฆษณาประชาสัมพนั ธ์ โปรแกรม Photoshop เป็นโปรแกรมในตระกลู Adobe ที่ใช้สำหรับตกแต่งภาพถา่ ยและภาพกราฟกิ ได้อยา่ งมีประสิทธภิ าพ ไม่ว่าจะเปน็ งานด้านส่งิ พิมพ์ นติ ยสารและงานดา้ นมลั ติมเี ดยี อีกทัง้ ยงั สามารถ Retouching ตกแต่งภาพ และการสร้างภาพซ่ึง กำลงั เป็นทนี่ ิยมสูงมากในขณะนี้ เราสามารถใชโ้ ปรแกรม Photoshop ในการตกแต่งภาพ การใส่ Effect ตา่ ง ๆ ใหก้ บั ภาพ และตัวหนงั สือ การทำภาพขาวดำ การทำภาพถา่ ยเป็นภาพเขียน การนำภาพมารวมกนั การ Retouch ตกแตง่ ภาพตา่ งๆ โปรแกรม Adobe Photoshop CS6 เมือ่ ทำการเปิดโปรแกรมแลว้ จะพบ หน้าตาของโปรแกรม ดงั รูปภาพท่ี 1-1 มีส่วนสำคญั หลกั ทต่ี อ้ งร้ดู งั น้ี 1. เมนขู องโปรแกรม Application menu หรือ Menu bar ประกอบดว้ ย 1.1 File หมายถงึ รวมคำสั่งท่ีใช้จดั การกบั ไฟลร์ ูปภาพ เชน่ สร้างไฟล์ใหม่, เปิด, ปดิ , บันทกึ ไฟล์, นำเข้า ไฟล์, สง่ ออกไฟล์ และอ่ืน ๆ ท่เี ก่ียวกบั ไฟล์ ดงั รูปภาพที่ 1-2

1.2 Edit หมายถึง รวมคำสัง่ ท่ีใช้สำหรับแก้ไขภาพ และปรับแตง่ การทำงานของโปรแกรมเบื้องต้น เช่น ก๊อปป,้ี วาง, ยกเลิกคำสง่ั , แก้ไขเครอื่ งมือ และอื่น ๆ ดังรปู ภาพที่ 1-3 1.3 Image หมายถงึ รวมคำส่ังท่ใี ช้ปรับแต่งภาพ เช่น สี, แสง, ขนาดของภาพ (image size), ขนาดของ เอกสาร (canvas), โหมดสีของภาพ, หมนุ ภาพ และอนื่ ๆ ดังรูปภาพท่ี 1-4

1.4 Layer หมายถึง รวมคำส่งั ทีใ่ ช้จัดการกบั เลเยอร์ ท้งั การสร้างเลเยอร์, แปลงเลเยอร์ และการจัดการ กับเลเยอรใ์ นด้านต่าง ๆ ดังรปู ภาพท่ี 1-5 1.5 Select รวมคำส่งั เกยี่ วกบั การเลือกวตั ถุหรือพื้นท่ีบนรปู ภาพ (Selection) เพอ่ื นำไปใชง้ านรว่ มกับคำส่งั อน่ื ๆ เช่น เลอื กเพ่ือเปล่ยี นส,ี ลบ หรือใช้ Effects ตา่ งๆ กบั รูปภาพ ดังรปู ภาพที่ 1-6

1.6 Filter เปน็ คำสง่ั การเลน่ Effects ต่างๆสำหรบั รูปภาพและวตั ถุ ดงั รปู ภาพที่ 1-7 1.7 View เปน็ คำสั่งเก่ียวกบั มุมมองของภาพและวตั ถุในลักษณะตา่ ง ๆ เช่น การขยายภาพใหด้ ใู หญ่ และยอ่ ภาพให้ดเู ลก็ ดังรูปภาพท่ี 1-8

1.8 Window เปน็ ส่วนคำสง่ั ในการเลือกใช้อปุ กรณ์เสริมต่างๆที่จำเปน็ ในการใช้สร้าง Effects ตา่ ง ๆ ดงั รปู ภาพที่ 1-9

1.9 Help เปน็ คำสั่งเพื่อแนะนำเกี่ยวกับการใชโ้ ปรแกรม และจะมรี ายละเอียดของโปรแกรมอยูใ่ นน้ัน ดงั รูปภาพที่ 1-10 2.เมนขู องพืน้ ที่ทำงาน Panel menu Panel (พาเนล) เป็นวนิ โดว์ยอ่ ย ๆ ทใ่ี ช้เลือกรายละเอยี ด หรอื คำสั่งควบคมุ การทำงานตา่ งๆ ของโปรแกรม ใน Photoshop มีพาเนลอยเู่ ป็นจำนวนมาก เชน่ พาเนล Color ใช้สำหรบั เลือกสี, พาเนล Layers ใช้สำหรับ จดั การกบั เลเยอร์ และพาเนล Info ใช้แสดงคา่ สีตรงตำแหน่งทีช่ เ้ี มาส์ รวมถึงขนาด/ตำแหน่งของพนื้ ทีท่ ่ีเลอื กไว้ ดงั รปู ภาพที่ 1-11

3.พื้นท่ี Stage หรือ Panel เปน็ พน้ื ท่วี า่ งสำหรบั แสดงงานท่ีกำลงั ทำอยู่ ดังรปู ภาพที่ 1-12 4.เครือ่ งมือท่ใี ช้งาน Tools panel หรอื Tools box Tool Panel (ทูลพาเนล) หรอื กล่องเครอ่ื งมือ จะประกอบไปด้วยเครอ่ื งมือตา่ ง ๆ ท่ีใช้ในการวาด ตกแตง่ และแกไ้ ขภาพ เคร่อื งมือเหล่านีม้ จี ำนวนมาก ดงั นนั้ จงึ มีการรวมเครอื่ งมอื ที่ทำหน้าท่ีคล้ายๆ กนั ไวใ้ นปมุ่ เดยี วกนั โดย จะมลี กั ษณะ รูปสามเหลยี่ มอย่บู ริเวณมมุ ดา้ นล่าง ดังรปู ภาพที่ 1-13 เพอ่ื บอกใหร้ ู้วา่ ในปุ่มน้ยี ังมีเคร่อื งมืออืน่ อย่ดู ้วย

5. สงิ่ ท่คี วบคุมเครือ่ งมอื ที่ใช้งาน Tools Control Menu หรอื Option Bar Option Bar (ออปช่ันบาร์) เป็นส่วนท่ีใช้ปรับแต่งค่าการทำงานของเครื่องมือต่าง ๆ โดยรายละเอียดใน ออปช่ันบาร์จะเปล่ียนไปตามเครื่องมือที่เราเลือกจากทูลบ็อกซ์ในขณะนั้น เช่น เม่ือเราเลือกเครื่องมือ Brush (พกู่ ัน) บนออปชั่นบารจ์ ะปรากฏออปชน่ั ท่ีใชใ้ นการกำหนดขนาด และลักษณะหัวแปรง, โหมดในการระบายความ โปร่งใสของสี และอตั ราการไหลของสี ดังรปู ภาพที่ 1-14 รูปภาพท่ี 1-14 การจัดการกล่องเคร่อื งมอื (Toolbox) กล่องเครอ่ื งมือ หรือ Toolbox หรอื พาเนล Tools เปน็ กลอ่ งเครอื่ งมอื ทีเ่ กบ็ รวบรวมเคร่ืองมอื ตา่ งๆ โดยจะ ถูกจดั แยกเปน็ หมวดหมู่ตามลักษณะการใช้งาน โดยปกตจิ ะปรากฏอยูท่ างดา้ นซ้ายของจอภาพ

1.การเปิด-ปดิ กลอ่ งเครอื่ งมอื --> เลอื กคำสง่ั Window > Tools ดงั รูปภาพท่ี 3-1 รปู ภาพท่ี 3-1 2.การปรับขนาดกลอ่ งเครอื่ งมือ

เมือ่ นกั เรียนเปิดใชง้ านครั้งแรก จะเหน็ กล่องเครื่องมอื เป็นแบบคอลัมน์เดยี วอย่ทู างซา้ ยของจอภาพ นกั เรยี น สามารถขยายใหเ้ ปน็ แบบ 2 คอลมั นไ์ ด้ โดยการคลกิ ท่ปี มุ่ สามเหลยี มคู่เลก็ ๆในแถบบนสุดของกลอ่ งเคร่ืองมือ และ เมอื คลิกซ้ำอีกคร้งั ก็จะลดขนาดเป็นแบบคอลัมน์เดยี วเหมือนเดมิ ดงั รปู ภาพที่ 3-2 รูปภาพท่ี 3-2 3.การเคลื่อนย้ายกลอ่ งเครอื่ งมอื หากต้องการเคลอ่ื นยา้ ยกลอ่ งเครอ่ื งมือนไ้ี วท้ ่อี ื่น ใหค้ ลิกลากตรงสว่ นที่เป็นแถบจดุ แล้วไปวางไวย้ ังตำแหน่งท่ี ต้องการซึ่งอาจเปน็ ขอบซา้ ย, ขอบขวา หรือปลอ่ ยเปน็ พาเนลอสิ ระก็ได้ ดงั รูปภาพที่ 3-3 รูปภาพท่ี 3-3 4.การเรยี กใชเ้ คร่ืองมอื ตา่ งๆ

กล่องเครื่องมอื หรือ Toolbox จะประกอบไปด้วยเครอื่ งมือต่างๆท่ีจำเป็นต่อการทำงาน เครื่องมือบางชนิด ก็จะถูกจัดเก็บรวมเป็นกลุ่ม ซ่ึงจะมีรูปสามเหลี่ยมสีดำอยู่ที่มุมขวาล่าง เพ่ือบอกว่ายังมีเคร่ืองมือย่อยอยู่อีก เช่น กลุ่มเคร่ืองมือแปรงระบายสี (Brush tool) ก็จะประกอบไปด้วยการใช้เครื่องมือแปรงหลายรูปแบบ ดัง รูปภาพที่ 3-4 1. เล่ือนตัวช้ีของเมาส์ ไปยังเครื่องมือที่มีรูปสามเหลี่ยมสีดำท่ีมุมด้านขวาล่าง ที่เครื่องมือ (Brush tool) 2. กดเมาส์ปุ่มขวาท่เี ครอื่ งมือนกั เรียนจะเห็นเครื่องมือย่อยปรากฏออกมา 3. คลกิ เลือกเคร่อื งมือทต่ี อ้ งการใชง้ าน รปู ภาพที่ 3-4 5. เคร่ืองมอื ตา่ งๆ 1. Move tool (V) ใช้สำหรับเลือกพน้ื ทบ่ี นภาพเปน็ รูปสีเ่ หลย่ี ม วงกลม วงรีหรือเลือกเป็น แถว คอลมั นข์ นาด1 พิกเซล 2. Rectangular Marquee tools (M) ใช้สำหรบั เลือกพื้นท่ีในลกั ษณะเป็นรูปทรงสเี่ หลย่ี ม วงกลม ดังรปู ภาพที่ 3-5 3. Lasso tools (L) รปู ภาพท่ี 3-5 ใชเ้ ลือกพ้ืนท่บี นภาพเป็นแนวเขตแบบอสิ ระ ดงั รปู ภาพท่ี 3-6 รูปภาพท่ี 3-6

4. Quick Selection tools (W) ใช้เลอื กพื้นที่ตามคา่ ของสี ดังรูปภาพท่ี 3-7 5. Crop and Slice tools (C) รกู ภาพที่ 3-7 ใช้ตัดบางส่วนของรูปภาพ ดังรูปภาพที่ 3-8 รูปภาพท่ี 3-8 6. Eyedropper/Ruler/Note tools (I) ใชด้ ูดสี/ไม้บรรทัด/หมายเหตุ ดังรปู ภาพที่ 3-9 7. Retouching tools (J) รปู ภาพท่ี 3-9 ใช้ปรบั แตง่ และแกไ้ ขรูปภาพ ดังรปู ภาพที่ 3-10 8. Brush tools (B) รูปภาพท่ี 3-10 ใชร้ ะบายสีและวาดเส้น ดงั รูปภาพที่ 3-11 รูปภาพท่ี 3-11

9. Stamp tools (S) ใช้สำหรบั คัดลอกและเตมิ ลวดลาย ดังรูปภาพท่ี 3-12 10. History Brush tools (Y) รปู ภาพที่ 3-12 ใชย้ กเลิกการลงสีและระบายสี ดังรูปภาพที่ 3-13 11. Eeaser tools (E) รปู ภาพที่ 3-13 ใช้ลบบริเวณภาพท่ีเลือก ดงั รูปภาพที่ 3-14 รปู ภาพที่ 3-14 12. Gradient/Paint Bucket tools (G) ใชใ้ นการ Fill สเี หมือนกนั แตเ่ ปน็ การ Fill แบบมีการไล่สี ดว้ ย/เทสีลงในช้นิ งาน ดงั รปู ภาพที่ 3-15 13. Blur/Sharpen/Smudge tools รปู ภาพท่ี 3-15 ใช้ทำภาพเบลอ คมชัด และเกลยี่ ภาพให้ดูกลมกลืน ดงั รูปภาพท่ี 3-16 รูปภาพที่ 3-16 14. Dodge/Burn/Sponge tools (O) ใช้เพิม่ แสงสวา่ ง เพมิ่ ความคมชดั และปรบั ระดับสีให้กลมกลนื กัน ดงั รูปภาพที่ 3-17 รปู ภาพที่ 3-17

15. Path Creation tools (P) ใชว้ าดเส้น Path เป็นเสน้ ตรง หรอื เส้นโค้ง และการปรับแตง่ เส้น Path ดังรูปภาพท่ี 3-18 16. Type tools (T) รูปภาพท่ี 3-18 ใชพ้ มิ พ์ตวั อกั ษรแนวนอน แนวตง้ั ดงั รูปภาพท่ี 3-19 17. Path Selection tools (A) รปู ภาพที่ 3-19 ใช้เลอื กรปู ทรงและเสน้ ดังรปู ภาพที่ 3-20 รปู ภาพท่ี 3-20 18. Rectangle tools (U) เปน็ เครอ่ื งมือสำหรับวาด สี่เหล่ียม ซึ่งมีส่วนประกอบเป็นเสน้ รอบรูป และสีพืน้ เชน่ เดียวกับวงรี/วงกลม นอกจากนน้ั เครอ่ื งมือน้ยี งั มี modifier สำหรบั ปรบั มุมให้มีลักษณะโค้งมน ดงั รูปภาพท่ี 3-21 19. Hand tool (H) รูปภาพที่ 3-21 ใช้เลือ่ นดภู าพ และหมุนภาพ ดังรปู ภาพที่ 3-22 รูปภาพท่ี 3-22

20. Zoom tool ใช้ย่อหรือขยายมมุ มองภาพ 21. Set Foreground/Background color ใช้ในการดูและเปลี่ยนสีที่ใช้สำหรับสี foreground ดงั รูปภาพที่ 3-23 และ background ดังรปู ภาพที่ 3-24 รูปภาพที่ 3-23 22. Edit in Quick Mask mode รปู ภาพท่ี 3-24 เรยี กใชโ้ หมดการบังภาพ ดงั รปู ภาพท่ี 3-25 23. Change Screen Mode (F) รปู ภาพท่ี 3-25 ใช้ในการเลือกมุมมองการแสดงผลบนจอภาพ

การปรบั แตง่ ภาพ การปรบั แตง่ ภาพให้คมชดั ถือวา่ เปน็ การแตง่ ภาพข้นั พน้ื ฐานทนี่ กั แตง่ รูปต้องทำโดยโปรแกรม Photoshop เครอื่ งมอื ที่ช่วยในการปรับภาพให้คมชัดข้ึนอยา่ งคอื คำสั่ง sharpen 1. เปดิ ภาพหรอื ไฟล์ท่ีภาพเบลอหรือไม่คมชัด 2. สร้าง Layer Copy โดยกด Ctrl + J จะได้ layer ใหม่ที่เปน็ ภาพเดยี วกนั อีกหน่ีง layer ดงั ภาพ 3. เตมิ แต่งสีสนั ใหส้ ดใสข้นึ ด้วย Image > Adjustments > Color Balance..

4. ปรับคา่ ตามความสมควรให้ดมู ีชีวิตชีวามากข้ึน 5. หลงั จากแต่งสีแลว้ เรามาแตง่ แสงด้วย Image > Adjustments > Curves... 6. เลือ่ นจดุ กลางทีละนดิ เพือ่ ไล่แสงและเงาให้สมจรงิ ข้ึน

7. หลงั จากนน้ั มาเพิม่ ความคมชัดขน้ึ อีก ดว้ ยเคร่ืองมือ Filter > Sharpen > Smart Sharpen... 8. ปรบั ค่า Radius ทีละนดิ ค่อยๆปรับไปจนคมชดั พอดี ผลลพั ธท์ ไ่ี ด้จากการปรบั

การปรับพ้ืนใหโ้ ปร่งใส วิธกี ารทำภาพพืน้ ให้โปรง่ ใสใน Photoshop cs6 แบบงา่ ยๆ 1. เปดิ โปรแกรม Photoshop ข้นั มาจากน้ันคลกิ ที่ File -> Open เพ่ือเปิดรูปภาพวัตถทุ ย่ี ังไม่ไดท้ ำ การตดั ภาพพน้ื หลงั ขึ้นมาแกไ้ ขบนโปรแกรม 2. ให้คลิกขวา Layer ทชี่ อื่ Background และเลอื ก Duplicate Layer.. (วิธีนเ้ี ปน็ การ Copy Layer ทชี่ ่อื Background) 3. จะเห็นไดว้ ่าตอนน้มี ี Layer อยู่ 2 Layer ให้ทำการปิดการแสดงวตั ถุของ Layer ทช่ี อื่ Background โดยใหส้ งั เกตทุ ีร่ ปู ดวงตา ตรงข้างหนา้ Layer ต้องไม่มีรูปดวงตา 4. คลิกทำงานบน Layer ที่มีชือ่ วา่ Testและคลิก เครือ่ งมือท่ีมีชอื่ ว่าMagic Wand Tool

5. หลงั จากเลอื กทเ่ี คร่อื งมอื Magic Wand Tool จากนั้นใหค้ ลิกพนื้ ทีๆ่ ต้องการลบออกใหเ้ ป็นพน้ื ท่ี โปร่งใส (ในตัวอย่างคอื พ้นื ทโ่ี ตะ๊ ไมท้ จี่ ะตอ้ งการ ใหเ้ ป็นพ้นื ท่ีโปรง่ ใส) เม่ือคลิกลงบนพืน้ ทีโ่ ต๊ะไม้แลว้ จะปรากฏเสน้ ประลอ้ มรอบพืน้ ท่ีๆ ทเ่ี ราเลอื กไว้ นนั้ หมายความว่าเรากำลงั เลือกพื้นทน่ี ้ันอยู่ กด Delete ออก 6. เป็นข้ันตอนสุดท้าย นั้นคือขั้นตอนการบันทกึ รปู ภาพ ให้เราคลิกไปท่ีแท็บเมนู File -> Save for Web ต้ังค่าชนิดของไฟล์เปน็ PNG-24 และกด SAVE เลอื กปลายทางทต่ี อ้ งการบนั ทกึ ลงในคอมพิวเตอร์ จากน้ันกด Save ดงั ตวั อยา่ งบนั ทึกลงบนหนา้ Desktop เลือกปลายทางท่ตี อ้ งการบนั ทกึ ลงในคอมพิวเตอร์ จากนน้ั กด Save ดังตวั อยา่ งบนั ทกึ ลงบนหน้า Desktop

การใสก่ รอบให้ภาพ ขัน้ ตอนการทำกรอบภาพโดยใช้ Photoshop 1. เปดิ รปู ภาพท่ีเราตอ้ งการขน้ึ มา แล้วเลอื กใชเ้ ครื่องมือ Rectangular Marquee Tool โดยเลอื ก แบบกรอบสเ่ี หลี่ยมกอ่ น (หรืออาจจะใช้ Elliptical Marquee Tool กจ็ ะเปน็ การเลอื กแบบกรอบโคง้ วงรี หรือ วงกลม) 2. เลือกพน้ื ทีท่ ี่ตอ้ งการให้เปน็ กรอบภาพ แล้วแต่ความเหมาะสม หรอื ตามท่ตี ้องการ

3. ไปท่ีเมนู Select -->Inverse เพื่อทำการกลับส่วนทเ่ี ราไดเ้ ลือกไว้จากตรงกลางภาพไปเปน็ สว่ นด้านขอบๆของภาพดงั รูป 4. ลบสว่ นท่เี ลอื ก (ขอบ( นนั้ ท้ิงไปจะไดพ้ น้ื ทีว่ า่ งๆข้ึนมาบริเวณขอบรูปภาพ 5. เลอื กสีท่ตี อ้ งการโดยคลกิ ที่ คลิก Foreground Color ดงั ภาพ

6. ใชเ้ คร่อื งมอื Paint Bucket Tool โดยคลกิ ท่ี แลว้ เลอื กถงั สี เพอื่ เทสีลงใน สว่ นของกรอบรปู ภาพ 7. ตกแต่งขอบรปู เพ่มิ เตมิ ตามตอ้ งการดังภาพ เทคนิคการสร้างกรอบเนน้ รูปภาพใหโ้ ดดเด่น ในการแยกกรอบของรปู ภาพเพื่อให้ดชู ดั เจนขึ้นนน้ั ทำไดโ้ ดยเพมิ่ ความหนาของเสน้ ขอบ ซงึ่ สามารถเปลี่ยน สีเส้นขอบเพ่อื ให้กรอบรูปภาพดลู งตัวมากขึ้น อีกทงั้ อาจเพม่ิ เงาของกรอบรูปให้ภาพดมู ติ มิ ากขนึ้ ได้ 1. กด Ctrl+R เพื่อใช้เคร่ืองมือท่เี ป็นรูปภาพไม้บรรทัด ดังรูป

2. คลกิ เครือ่ งมอื Rectangular Marquee เพ่อื ทจี่ ะวาดกรอบสี่เหลยี่ มลงไปในรปู ภาพ 3. คลกิ และลากเมาสเ์ ป็นรปู สี่เหล่ยี มตรงบริเวณทีต่ อ้ งการเน้นเปน็ หลัก เพอ่ื ใหภ้ าพดคู มชัดยงิ่ ข้นึ ดังรปู 4. จากน้ันไปท่ีแถบเมนูด้านบน คลิก Select 5. คลกิ Inverse เพือ่ ทำการสลับพน้ื ท่รี ะหวา่ งพื้นทถ่ี กู เลือกและพน้ื ที่ไม่ถูกเลอื ก ดงั ภาพ 6. กดคยี ์บอด Ctrl+J เพ่ือสลบั พื้นท่ีไปยงั ส่วนท่ไี ม่ไดเ้ ลือกบน Layer นั้น 7. คลิกป่มุ Layer Style 8. คลิก Stoke บนเมนจู ะเหน็ วา่ กล่อง Layer Style จะปรากฤข้ึนมา

9. เลือก Center ในแถบเมนู Positions 10. คลิกและสไลด์ Size เพือ่ เพิ่มความหนาของเส้น 11. เลือกสะไตล์ Layer ท่ีชอบ ตวั อยา่ งเช่น Bevel & Emboss แลว้ ทำเคร่อื งหมายถกู เพอ่ื ให้ภาพออกมา สมบรู ณ์ จากน้ันคลิกปมุ่ OK ดังภาพ ในกรณที ีร่ ูปภาพของเรานน้ั มพี ้นื หลังกว้างมาก แต่ภาพถ่ายของเรามีความคมชดั หรือความละเอยี ดไม่เพียง พอทีจ่ ะทำการ Crop หรอื Resize ได้ ดังนั้นการเปลยี่ นพ้ืนที่ส่วนเกนิ มาทำเปน็ กรอบรปู กจ็ ะช่วยเสริมจดุ โฟกัส ของภาพให้เด่นได้อกี ทางหนงึ่ การสรา้ งกรอบรูปจากภาพเอง เปน็ วธิ ีทสี่ ะดวกรวดเรว็ เปน็ วิธที ที่ ำให้ภาพออกมามี ความคลาสสิกอีกดว้ ย โดยเราเลอื กรปู ภาพท่ีคณุ ชอบจากน้ันกท็ ำการ Invert เพ่อื สลับพน้ื ที่ของภาพให้กลายเป็น กรอบรูป ยังสามารถทำกรอบรูปในรูปรา่ งท่ีแตกต่างได้นอกเหนือจากรปู ส่ีเหลี่ยม ซ่ึงอาจเลอื กสร้างกรอบแบบวงรี โดยการกำหนดเส้นกรอบของรปู ให้มลี ักษณะเปน็ วงรี ในการทำกรอบรปู ด้วยรปู ภาพเองไดด้ ้วย

การตดั ตอ่ ภาพ สำหรับ Adobe Photoshop CS6 นัน้ มคี วามสำคัญและความสามารถในการตดั ตอ่ ภาพได้อย่างหลากหลาย และมีประสทิ ธิภาพ และต่อไปเป็นข้นั ตอนการตัดต่อภาพเบือ้ งต้น 1. ข้ันตอนแรกเตรียมรปู ภาพท่ตี ้องการตัดต่อ มา 2 รปู 2. เปิดโปรแกรม Photoshop CS6 และ Open ไฟล์รปู ภาพทง้ั สองรูปภาพข้ึนมา 3.ใชเ้ คร่ืองมอื ทช่ี ื่อว่า Quick Selection Tool หรือ Magic Wand Tool และคอ่ ยๆลากตามเสน้ ของภาพท่ี ตอ้ งการตดั ตอ่

4.ไปทีภ่ าพท่ีเราต้องการวาง กด Ctrl + T เพื่อปรบั ขนาดรูปภาพ 5.ปรับภาพทต่ี ัดมาแล้วให้เขา้ กับมุมมองของภาพท่ตี อ้ งการนำไปต่อ (Image -> Adjustment- >Hue/Satuation....) 6.ปรบั แสง - เงาของภาพและสี ให้สอดคล้องกบั บรรยากาศรอบข้างของภาพท่ตี ้องการนำไปตอ่

การสร้างตัวอักษร เคร่ืองมือท่ีใชใ้ นการสร้างตัวอกั ษร มที ้ังหมด 4 เครอ่ื งมอื ดว้ ยกัน สังเกตง่าย ๆ ว่าจะเปน็ รปู ตัวอกั ษร T 1. Horizontal type tool เคร่ืองมอื ตวั น้มี ักใชง้ านยอ่ ยที่สุด เป็นการพิมพ์ตัวอกั ษรปกติ

2. Vertical type tool เป็นเคร่อื งมอื ที่พิมพ์ตวั อักษรแนวด่งิ ลงมาก 3. Horizontal type mask tool เครื่องมือตัวนี้ใช้พิมพต์ ัวอกั ษร เม่อื เราพมิ เสร็จแล้ว จะเกดิ Selection รูปตัวหนังสอื แทนตัวหนังสอื ปกติ มี ประโยชน์ในการที่เราอยากให้ตัวอักษรของเรามีสีสัน ตามพ้ืนหลังและตัดไปใช้งานได้ง่าย และยังสามารถใช้ ประโยชน์อ่ืน ๆ ไดอ้ ีก 4. Vertical type mask tool เป็นการสรา้ งตัวอกั ษรแนวดงิ่ ท่ีมลี กั ษณะเหมือนเครอื่ งมือชน้ิ ท่ี 3 5. Options bar ของเครอื่ งมือ Type เม่ือเราเลือกเครื่องมือใดเครื่องมือหน่ึง ในเคร่ืองมือ Type ในส่วนของ Option bar จะให้เรากำหนดค่า ตา่ งๆ ในการพมิ พ์ดังนี้ Orientation ใช้ในการเปลี่ยนสลบั ระหวา่ งขอ้ ความแนวตง้ั กับแนวนอน Font Family เลอื กแบบอักษร Style เลอื กลักษณะตวั อักษร เช่น ตวั หนา,ตวั เอน Anti - Aliasing เลือกลักษณะการปรับขอบตวั อกั ษรท่แี สดงบนภาพ ซง่ึ อาจเป็น - None ไม่ต้องปรับขอบ - Sharp ปรับขอบใหค้ มชัด - Crisp ปรบั ขอบให้คมชัดกว่า Sharp - Strong ปรบั ขอบให้คมชัดที่สุด - ปรับขอบให้เนียนเรยี บ Alignment เลอื กการจัดวางขอ้ ความ เช่น ชดิ ซา้ ย,กงึ่ กลาง,หรอื ชิดขวา เปน็ ตน้ Color เลือกสีตัวอักษร warp ใสเ่ อฟเฟคใหก้ บั ตวั อกั ษร เปดิ -ปิดพาเนล Character/Paragraph

โปรแกรม Illustrator โปรแกรมพื้นฐานที่นักออกแบบทุกคนตอ้ งเรียนรใู้ นการสร้างงานกราฟิกมี 2 ชนิด คอื โปรแกรมประเภทวาดภาพ และโปรแกรมประเภทตกแต่งภาพ Illustrator คือ โปรแกรมที่ใช้ในการวาดภาพ โดยจะสร้างภาพที่มีลักษณะเป็นลายเส้น หรือท่ี เรียกว่า Vector Graphic จัดเป็นโปรแกรมระดับมืออาชีพที่ใช้กันเป็นมาตรฐานในการออกแบบระดับสากล สามารถทำงานออกแบบต่างๆ ไดห้ ลากหลาย ไม่ว่าจะเป็นสง่ิ พิมพ์ บรรจุภัณฑ์ เว็บ และภาพเคล่ือนไหวตลอดจน การสร้างภาพเพ่ือใช้เปน็ ภาพประกอบในการทำงานอน่ื ๆ เชน่ การต์ ูน ภาพประกอบหนังสอื เป็นตน้ การสร้างเอกสารใหม่ คลิกที่เมนู File และคลิก New เพื่อสร้างเอกสารใหม่ดังภาพ กำหนดขนาดเอกสาร เป็น A4 และวาง กระดาษในแนวต้งั จากนัน้ คลิกปุ่ม OK • Name สำหรับตั้งชื่อช้ินงาน • Profile มอี ย่ดู ้วยกันหลายแบบ แตส่ ว่ นมากจะเลอื กท่ี Print • Number of Artboards สำหรับเลอื กจำนวน Artboard ที่ต้องการใช้งาน ถ้าเลอื กมากกว่าหนึ่ง จะมสี ่วน ท่ีเกี่ยวข้องเพ่มิ ข้ึนคอื ในส่วนของ Grid, Arrange and Layout ให้กำหนดเพิ่ม • Spacing ชอ่ งวา่ งแต่ละ Artboard • Column จำนวนคอลมั นท์ ตี่ ้องการแสดง • Bleed คอื การกำหนดพ้ืนที่พิเศษรอบชิน้ งาน เหมะกับการกำหนดเพ่ือทำ Name Card ถ้าเป็นงานปกติ อาจจะเพิ่มนิดหน่อยเช่น 0.125 โดยการคลิกที่ลูกศร อันใดก็ได้ เพราะถ้าเราคลิกไอคอน link ท่ีอยู่ ด้านหลังไว้ก็จะปรับตัวเลขให้เท่ากันหมดในทุกส่วน และเมื่อเปิดชิ้นงานขึ้นมาจะเห็นเส้นสีแดง รอบ Artboard Advance ใช้สำหรบั กำหนด Color Mode ซ่งึ คา่ Default จะเปน็ CMYK • Raster Effect ควรเลอื ก High (300 ppi) • Preview Mode เลือก Default • สำหรับในสว่ น align to pixel grid ไมต่ ้องเลือก

เมื่อได้หน้าต่างเอกสารใหม่แล้วให้คลิกท่เี มนู View เพื่อให้ โปรแกรมแสดงแถบไม้บรรทัดและเส้นตาราง โดย คลกิ ท่ีเมนู Show Grid แลคลิกเมนู Rulers และ Show Rulers ในหนา้ ตา่ งท่แี สดงแถบไมบ้ รรทัดและเส้นตารางนี้ กพ็ ร้อมที่จะเขา้ สูง่ านในดา้ นการออกแบบ หลกั การทำงานของ Layer เลเยอร์ (Layer) หมายถงึ ช้นั โดยในการจัดภาพท่เี รยี งทบั ซอ้ นกัน การทำงานของเลเยอร์มีลกั ษระคล้ายกับการนำ แผน่ ภาพมาทับซ้อนกันเป็นชัน้ ๆโดยแผ่นภาพแต่ละแผ่นเปรยี บเสมือนเลเยอร์แตล่ ะเลเยอร์ ซึ่งเราสามารถทำการ ซอ่ น แสดงผลได้ จากรูปตวั อย่างจะเห็นว่า ในขณะที่เราทำงานในโปรแกรม illustrator กบั รูปภาพ ในสว่ นของเล เยอร์ จะแสดงใหเ้ ห็นว่ามีการซ้อนกนั ของภาพ โดยแตล่ ะเลเยอร์จะบอกหมายเลขเลเยอรไ์ ว้ Layer panel มีหลายส่วนคล้ายกับ Layer ของโปรแกรม Photoshop เช่นคลิก Create New Layer เพ่ือสร้าง Layer ใหม่ หรือ คลิกที่ชื่อ Layer เพ่ือแก้ไขช่ือ แต่มจี ุดท่ีไม่เหมือนคือ ในส่วนของ Click to Target คือปุ่มท่ีอยู่ด้านท้ายของแต่ ละ Layer เม่ือคลิกแลว้ จะรูว้ ่า Object ใดอยตู่ รงใหนเพราะจะมี Bounding Box แสดงขนึ้ มาที่ Object น้ัน การปรับขนาด Layer Thumbnail ทำโดยคลกิ ที่ลกู ศรบนแถบ Layer Panel เลือก Panel Option ปรบั แตง่ ในส่วนของ Row Size และ อ่นื ๆ ตามต้องการ การยา้ ยตำแหน่ง Layer ให้คลกิ บนพืน้ ท่ีวา่ งของ Layer ค้างแลว้ ลากไปไวท้ ่ีตำแหนง่ ต้องการ

การเปลยี่ น Layer เมอื่ มีการสรา้ ง Layer เปล่า ข้ึนมา แล้วต้องการย้าย Layer ท่ีมีอยู่เดิมมาไว้เพ่ือแยกเป็นรายการเฉพาะ ทำได้โดยการคลิกค้างตำแแหน่งว่างถัดจากปุ่ม Click to Target จะมีกรอบสี สี่เหลื่ยมเล็กแสดงให้เห็น จากน้ัน คลิกท่กี รอบสีนี้ แลว้ ลากมาไว้ท่ี Layer ท่สี ร้างขึ้น ถ้าเลเยอรน์ ้นั มกี ารใส่สไี ว้ เม่ือย้าย Layer มาแล้วจะเปล่ียนสใี ห้ ตาม Layer ที่สร้างไว้ Layer ทีถ่ ูกนำมาใส่ จะเป็น Sub Layer ของ Layerท่สี ร้าง การใสส่ ี และกำหนดค่าต่างๆ ใหก้ ับ Layer ทำไดโ้ ดยดับเบ้ิลคลิกบนท่ีวา่ งของ Layer จะมีหน้าตา่ ง Layer Option แสดงขึน้ มา สามารถเปลี่ยน ชือ่ สี และอ่ืนๆ ได้จากทีน่ ี่ การล็อค และ การลบ Layer ให้คลิกช่องท่อี ยถู่ ดั จากไอคอนรูปดวงตาบน Layer จะเปน็ การลอ็ ค และปลดลอ็ คก็เพยี งคลิกทีเ่ ดมิ ซำ้ อกี ครั้ง สามารถล็อค Sub Layer ได้โดยไม่ต้องล็อค Layer ใหญ่ หรอื ถ้าจะลอ็ คทั้งหมดกล็ ็อคท่ี Layer ใหญ่ สว่ น การลบ Layer ก็เพียงคลิกที่ Layer นั้นแล้วมาคลิกทไี่ อคอนถงั **** การจดั การ layer ใน illustrator แม้จะไม่สำคัญมากเท่ากบั photoshop แตถ่ ้ามวี ัตถมุ ากช้ิน การ แยก layer ก็จะปอ้ งกันความสบั สนในการปรับและแกไ้ ขไดง้ ่ายขนึ้ การกำหนด Artboards Layout ใช้สำหรับกำหนด Layout ให้กับการสร้าง Artboards หลายชิ้นในหนึ่งช้ินงาน การสร้างนี้จะทำขณะที่สร้าง งานใหม่ แลว้ เลอื กไอคอนต่างๆ ซ่งึ มี 5 แบบด้วยกนั เมือ่ เลือกรูปแบบ Layout ไดแ้ ล้ว ใหก้ ำหนดความกวา้ งระหวา่ Artboards ไดจ้ าก Spacing คำศัพท์ควรรู้ Artboard = ชิ้นงานเปลา่ ตอนที่เปดิ ขืนึ มา Artwork = ส่วนตา่ งๆ ทร่ี วมกนั อยบู่ น Artboard เชน่ Object, Path Attribute = ได้แก่ สว่ นของ Fill, Stroke, Effect ต่างๆ การ Edit Artboard ทำไดโ้ ดยการใช้เมนู File - Document Setup - Edit Artboard การใช้คำส่ังน้ีจะให้ Artboard ที่มีอยู่ มีผลกับ Artborad Tool รวมท้ังถ้ามีการเพิ่มArtborad ใหม่ก็จะมีผลกับ เครอื่ งมอี Artborad Tool เชน่ กนั สามารถปรับเลื่อนตำแหน่ง Artborad ได้ใน Artborad Panel

การปรบั ขนาด Artboards ถ้าต้องการเปล่ียนขนาด Artboards ให้คลิกเลือกเคร่ืองมือ Artboard Tool (Shift + O) แล้วทำการคลิก Artboard ทีต่ อ้งการปรับเปล่ียนขนาด จากน้ันลากปรบั ขนาดได้ตามต้องการ ถ้าต้องการขนาดทแ่ี นน่ อน ให้พมิ พ์ ตัวเลขที่แถบด้านบน ในส่วนของ W and H และยังสามารถคลกิ เลือก Artboard เพ่อื เลอ่ื นตำแหนง่ ได้อีกดว้ ย Selection Tools ( V ) เป็นเครอื่ งมอื ท่ใี ชส้ ำหรบั การเลอื กทงั้ หมด เช่น Object, Path ต่างๆ เปน็ ต้น Direction Selection and Group Direction Tool ( A ) เป็นเคร่ืองมือท่ีใช้ในการเลือกเฉพาะส่วน แตถ่ ้าใช้ Group Direction Tool แล้วทำการคลิกคร้ังแรก จะเป็นการ เลอื กเฉพาะส่วนทีค่ ลิก ถ้าคลิกครั้งทีสองจะเลือกเพิ่มสว่ นอนื่ คลกิ คร้งั ตอ่ ไปเปน็ การเลือกทั้งหมด การปรับเปลี่ยนรูปร่าง Transform Object ใช้ Selection Tool คลกิ ที่ Object นั้น จะทำให้สามารถปรับเปล่ยี นได้โดยการลากปรบั ขนาดของ Bounding Box ท่ีคลุม Object โดยให้สังเกตุเม้าส์จะเปล่ียนเป็นหัวลูกศรสองฝั่ง ถึงจะทำการลากเปลี่ยนขนาดได้ หรือทำ Rotating ได้ หรือจะคลิกไอคอนเคร่ืองหมายลูกศรโค้ง นั่นคือเครื่งอมือ Rotate Tool ( R ) มาทำการ Rotate โดยตรงก็ได้เช่นกัน สว่ นถ้าใช้เครอื่ งมือที่ติดกับ Rotate Tool น่ันคือ Scale Tool ( S ) เมื่อคลกิ ที่ Object จะไม่ เหน็ Bounding Box แตส่ ามารถคลิกและปรับขนาดได้เลย การทำ Repeating Transforming ถ้าต้องการใช้คำสง่ั เพือ่ ให้เกิดผลเหมอื นกับการกระทำคำส่งั ก่อนหน้า หลงั จากท่ไี ด้ทำคำส่ังนั้นแลว้ เช่น การ Copy สามารถใช้ คำสง่ั Ctrl + D เพือ่ ให้เกิดการ Copy ซำ้ ได้ การทำ Reflection and Skewing Object ใช้ Selection Tool คลิกที่ Object น้ันแล้วใช้เคร่ืองมือ Reflect ซ่ึงอยู่รวมกับ Rotate Tool จากนั้นให้กด ปุ่ม Alt ก่อนทีจ่ ะคลกิ เมื่อคลกิ แลว้ จะมีหนา้ ต่าง Reflect แสดงขึน้ มาเพอื่ ทำการตั้งคา่ โดยสามารถเลอื กการ Reflect แบบ Vertical หรือ Horizental ได้ รวมท้ังสามารถกำหนดองศาได้ด้วย ถ้าต้องการเห็นการเกิดส่วนท่ี Reflect ให้ คลกิ เลือกท่ี Preview ถ้าต้องการทำ Reflect Object แบบสรา้ งเพิม่ ให้กดที่แถบ Copy จากน้นั กด OK

สว่ นการ Skew ทำไดจ้ าก Tranform Panel ในส่วนของ Shear หรือจะทำจากเครอื งมอื Shear Tool ซ่งึ อยรู่ วม กับ Scale Tool ทำการคลิกแล้วลากให้เกิดการ Shear การทำ Align and Distribution bjects ให้ใช้เมนู Window - Align เพื่อเป็นการเปิด Align Panle ส่วนการทำนน้ั ต้องเลือก Object ที่จะทำการ Align ก่อน แล้วเลอื กรปู แบบการ Align ซ่งึ จะเกิดการ Align กบั Artboard หรอื จะใช้เคร่ืองมือบนแถบเมนูของ Selection tool ก็ไดเ้ ช่นกนั การสรา้ ง Swatch Color and Global Swatch Color มีวิธีการทำได้สองแบบ โดยการคลิกที่ Object แล้วมาคลิกไอคอน New Swatch บน Swatch Panel จะได้ หน้าต่าง New Swatch ข้ึนมา จากน้ันทำการต้ังชอ่ื หรือ คลิกสีบนแถบเคร่ืองมอื แล้วลากไปท่ี Swatch Panel ก็ จะไดส้ นี ้ันเกบ็ ไว้ท่ี Swatch Panel ถ้าดบั เบ้ิลคลิกท่ีสีนนั้ กจ็ ะมีหนา้ ตา่ ง Swatch Option จากนนั้ ให้ตงั้ ชอ่ื Color ถา้ ต้องการสร้างสีน้ีให้เป็นแบบ Gobal ก็ใหค้ ลิกเลือกที่ช่อง Global การเลือกเป็นแบบ Global จะทำให้กรอบสี นั้นมีสัญญลักษณ์สามเหล่ียมท่ีมุมล่างขวาให้เห็นด้วย เพราะเมื่อเปลี่ยนสีท่ีใช้ร่วมกันใน Object ที่เป็น Global Color ก็จะมกี ารอัพเดทเปล่ียนสใี หห้ มดทกุ Object ท่ไี ด้ใช้ Global Swath Color นี้ การลบสีจาก Swatch Panel ก็เพยี งแตค่ ลิกทสี่ ีนั้น แลว้ มาคลกิ ทร่ี ูปถัง จะมหี นา้ ตา่ งยนื ยนั การลบสีนนั้ ใหก้ ดเลือก Yes

การสรา้ ง Color Group ให้ทำการเลอื กสีบน Swatch Panel แลว้ คลกิ ท่ไี อคอน New Color Group จากนั้นทำการตั้งชอ่ื การกำหนด Swatch Option ทำได้โดยคลกิ สีบน Swatch Panel แล้วมาคลกิ ทไ่ี อคอน Swatch Options จากนัน้ ทำการปรับตงั้ คา่ สีต่าง การสรา้ ง Spot Color เหมือนการสร้าง Swath Color แต่เลือกเป็น Spot Color ในแถบของ Color Type (ประกอบด้วย Process Color and Spot Color) จะมีสัญญลักษณท์ ่ตี ำแหน่งเดียวกับการสรา้ ง Global Color การใช้ Swatch Libraries Menu ไอคอนของ Libraries จะอยูท่ ี่มุมซ้ายล่างของ Swath Panel ถ้าตอ้ การ Importing Swatch ให้คลิกเลือก ที่ Other Library แล้วเลือกไฟล์สีท่ีบันทึกเก็บไว้ท่ีคอมพิวเตอร์ จะได้หน้าต่างสีข้ึนมาท่ีโปรแกรมอีกหน่ึงอัน ให้ ดับเบิล้ ที่โฟลเดอรส์ ีที่ตอ้ งการก็จะไปสรา้ งไว้ที่ Ai Swath Color แตถ่ ้ามกี ารเปิดชิ้นงานใหม่จะตอ้ งทำการ Import ใหม่ โดยใช้เมนู Window - Swatch Libraries - Other Libraries เชน่ เดมิ ถ้าต้องการส่งโฟลเดอรส์ มี าเกบ็ ไว้ใชท้ ่ี โปรแกรม ให้ทำการคลกิ ลูกศรบนแถบ Swath - Save Swatch Library as ASE or as AI การสรา้ งตัวหนังสอื ตัวหนังสือของโปรแกรม Illustrator จะเป็นตัวหนังสอื ทีส่ รา้ งบนเส้น Path ประกอบด้วย Point and Area text และวิธีการใช้งานเหมือนกับโปรแกรม Test in Photoshop การปรับขนาด และ Rotate เมื่อพิมพ์ ตวั หนังสอื แลว้ สามารถปรับขนาดโดยการการใช้ Selection Tool คลกิ ที่ Bounding box ลากปรบั ขนาดไดเ้ ลย การสร้าง Link Area Text เรม่ิ แรกใหส้ ร้าง Area text ข้ึนมาหน่งึ อนั กอ่ น จากนั้นเมื่อพิพมข์ ้อความใน Area แรกเตม็ แลว้ จะเห็นเครือง หมาย + ที่กรอบด้านล่างขวา ให้เปล่ียนเป็น Selection Tool ก่อน แล้วคลิกที่ Area Text แรก แล้วมาคลิกท่ี เครื่องหมาย + จะเห็นเครื่องหมาย Area Text ทีเม้าส์ กใ็ ห้ทำการลากแถบ Area Text เพ่ิมใหมไ่ ดเ้ ลย ***กรณีท่ีมกี ารสร้างกรอบ Area Text ไว้ก่อนแล้ว การ Link ให้คลิกเคร่ืองหมาย + ของ Area Text แรก แลว้ นำไปคลิกกบั กรอบ Area Text ท่ีสร้างไว้สำหรบั การ Link ไดเ้ ลย การยกเลิกการ Link Area Text ให้คลิกท่ีเครื่องหมายมุมบนซ้ายของ Area Text ท่ีต้องการยกเลิกการ Link จะเห็นเคร่ืองหมาย Unlink จากนนั้ ใหม้ าคลิกท่เี คร่อื งหมายการ Link ท่ดี า้ นล่างขวาของ Area Text ทเี่ ปน็ ตัวท่ี Link ไว้ การสร้าง Type on Path ใหเ้ ปล่ยี นเปน็ เครอ่ื งมอื น้ี หรอื ขณะอยูท่ ี่เคร่อื งมือ Type ธรรมดา ให้กดป่มุ Alt กไ็ ด้ หลงั จากพมิ พ์เสรจ็ แล้ว ให้เปลี่ยนเป็น Selection Tool ก็จะเห็นสัญญลักษณ์ Control Handle ท่ีใช้ในการปรับแต่ง การปรับแต่งหรือ ลากตัวหนงั สอื ให้คลิกท่ีก้านของ Handleก้านของ Handle ใช้สำหรับลากเลอ่ื นตวั หนังสือ และก้านสำหรับเลือน เข้าออก ด้าน ใน และน อก Path ให้ น ำเม้าส์ไป Hover ที่ ก้าน แต่ละก้ าน จะ มีเครื่อ งหม ายบ อก ไว้ เมื่อเลอื่ นตวั หนังสือ แล้วทำใหบ้ างส่วนไมเ่ หน็ แสดงว่าตอ้ งมกี ารลากเส้นปลายยอ้ นกลับมาถึงจะเห็น

การสร้างตัวอกั ษร 3D ขั้นตอนการทำ 1. เปิดเอกสารขนึ้ มาใหม่ แลว้ พิมพต์ ัวอักษรตามตอ้ งการ พร้อมใสส่ ีตามใจชอบ 2. ไปทเ่ี มนู Effect > 3D > Extrude & Bevel 3. จะปรากฏหน้าต่างออกมา ให้ปรับตัง้ ค่าดงั ภาพน้ี แล้วกด OK 4. เสรจ็ แล้วจะได้รูป การ Save Artwork ใช้เมนู File - Save As ทำการต้ังช่ือ ในส่วนของ Save as type ให้เลือกเป็น Adobe Illustrator (*AI) เมอ่ื คลกิ Save จะไปทหี่ น้า Option ให้ปลอ่ ยตามค่า Default แล้วกด Save การ Save File บางครงั้ การที่โปรแกรมทใ่ี ช้นนั้ เป็นเวอรช์ ั่นใหม่ กว่าผอู้ ่ืนซง่ึ ใช้เวอรช์ ั่นเก่ากว่า อาจทำใหไ้ มส่ ามารถเปดิ ชน้ิ งานท่ีส่งไปให้ได้ ดังนน้ั ควรจะมกี ารปรบั การ Save ชิ้นเพือ่ ให้โปรแกรมร่นุ เก่ากวา่ เปดิ ได้โดยใช้เมนู File - Save as เมอื่ ตัง้ ชื่อแลว้ กด Save จากส่วนนใี้ ห้เลือกใน สว่ นของ Version ให้เป็นรนุ่ ทีต่ อ้ งการ แต่ถา้ เลือก Version ท่ตี ่ำกว่ามากอาจทำให้โปรแกรมตัด Attribute ในเวอรช์ นั่ ใหม่ ท่ีได้สรา้ งขึน้ ออกไป เพราะฉะนนั้ ตอนสร้างช้นิ งานควรนึกถึง ในสว่ นนี้ด้วย

การ Saving Template คอื การสรา้ ง Artwork เพ่ือให้เปน็ ตน้ แบบแล้วให้ผู้อื่นสามารถนำไปใช้ได้ เชน่ Template ของ นามบัตร ใน การสร้างนี้จะต้องทำการล็อคเลเยอร์ของ Object ท่ีไม่ต้องการให้เปลี่ยนก่อนทำการ Save ดังนั้นผู้ที่นำไปใช้ จะ สามารถแกไ้ ขเฉพาะส่วนท่กี ำหนดให้เปลย่ี นได้เทา่ นั้น เชน่ สามารถเปล่ียนเฉพาะชื่อ แลว้ กส็ ั่งพมิ พ์ได้เลย วิธีการทำโดยใช้เมนู File - Save as Template นามสกุลของงานจะเป็น xxx.ait (adobe illustrator template) สว่ น Save as type กำหนดให้เปน็ Illustrator Template (*AIT) วิธีเปิด Template File ทำโดยใช้เมนู File - New from Template แล้วเลือกรูปแบบท่ีเป็น Preset หรือที่ได้ สรา้ งไวม้ าใชง้ าน การ Save ช้ินงานใหเ้ ปน็ PDF File การส่งงานในรูปแบบนี้ดีท่ีสุด เพราะส่วนมากทุกเคร่ืองจะมีโปรแกรมอ่าน PDF File วิธีทำคือใช้ เมนู File - Save as - PDF จากนั้นต้ังค่าในส่วนต่างๆ General : Adobe PDF Preset = เลือกเป็น Illustrator Default แต่ถ้าเลือก PDF/X จะเป็น รูปแบ บของโรงพิมพ์ , ส่วน Press Quality ดีที่สุด, Smallest File Size เหมาะสำหรับเว็บ Standard = ระบบจะตั้งให้ตามการเลือกค่า Preset Compatibility = เป็นการเลือก รูปแบบโปรแกรมท่ใี ชใ้ นการอ่านไฟลส์ ำหรับส่วนอ่ืนๆ กส็ ามารถตง้ั คา่ ไดอ้ ีกมากมาย การ Save for Web วิธนี ี้ใชเ้ พอื่ การลดขนาดชนิ้ งานให้เล็กลงเพ่ือเหมาะสมกับการใช้งานบนเวบ็ ไซด์ วธิ ีทำโดยการใชเ้ มนู File - Save for Web สามารถ Save เป็นไฟล์อะไรก็ได้ เช่น Jpeg, gif, png แต่ถ้าชิ้นงานมี Gradient ประกอบอยู่ด้วยไม่ ควรทำเป็น Gif File จากน้ันก็ปรับตั้งค่าให้เหมาะสมกับแต่ละประเภทไฟล์ เพ่ือให้ช้ินงานยังคงรักษารายละเอียด ความสวยงาม การ Export to be High Resolution Bitmap Image โดยการ Export เปน็ TIFF File ซ่ึงเหมาะกบั งาน Commercial Print วิธที ำ คอื เปิดเมนู File - Export – ทำการต้งั ช่อื ชน้ิ งาน และเลอื กประเภทเป็น TIFF จะมี หนา้ ต่าง TIFF Option แสดงขน้ึ มาเพื่อทำ การต้ังคา่ ต่างๆตามภาพ ส่วนถา้ เลอื ก LZW จะทำให้มกี ารบบี อดั ไฟลง์ าน

Adobe InDesign โปรแกรมสรา้ งสื่อส่ิงพิมพ์ InDesign หรอื มชี อ่ื เตม็ ว่า “Adobeesign” เปน็ โปรแกรมที่ใช้ในการสร้างส่ือส่ิงพมิ พ์ และไดร้ บั ความนยิ ม มากทีส่ ุดในปจั จบุ นั เราจะใช้ในการออกแบบงานด้านสอื่ สง่ิ พมิ พ์ เขา้ สโู่ ปรแกรมInDesign 1. คลิกที่ปุ่ม start แล้วเลือก All Programs à Adobe InDesign 2. จะแสดงหน้าตา่ งโปรแกรม Adobe InDesign ขนึ้ มา 3. เม่อื เข้ามาในโปรแกรม จะปรากฏหนา้ ต่าง Template สำหรบั การสรา้ งไฟลง์ าน

หนา้ จอแรกของโปรแกรม Adobe InDesign เม่ือเราเร่มิ ตน้ ใชง้ านโปรแกรม หนา้ จอจะประกอบด้วยส่วนประกอบต่าง ๆ ซ่ึงมีหน้าท่ีการใชง้ านทีแ่ ตกต่าง กนั ออกไป เราจงึ ตอ้ งทำความเขา้ ใจกบั สว่ นประกอบต่าง ๆ ของหนา้ จอ และพื้นทใ่ี นการทำงาน แถบคำสง่ั (Menu bar) คำสัง่ ใน Menu Bar มที ้งั หมด 9 คำส่ัง ดงั ตอ่ ไปนี้ File เปน็ คำสัง่ การทำงานเกย่ี วกับไฟล์ Edit เปน็ คำสัง่ เกยี่ วกับการปรับแตง่ ต่าง ๆ Layout เป็นคำสั่งทเ่ี ก่ียวกับการวางหนา้ เอกสารทง้ั หมด Type เปน็ คำส่ังทเ่ี ก่ียวกบั การทำงานกบั ตัวอักษร Object เป็นคำสัง่ เกีย่ วกับการจัดการออบเจก็ ต์ทั้งหมด Table เป็นคำสงั่ เกยี่ วกบั การใช้งานตาราง View กำหนดมุมมองการแสดงภาพในรูปแบบตา่ ง ๆ window จดั การแต่ละหน้าตา่ งท่ีปรากฏบนหนา้ จอโปรแกรม Help รวบรวมวธิ กี ารใช้งานและคำแนะนำเกีย่ วกับโปรแกรม กลอ่ งเคร่อื งมอื (Toolbox) เป็นเครื่องมือทใ่ี ช้งานในการสรา้ ง การปรับแตง่ และการแกไ้ ขภาพ โดยจะแบง่ กล่มุ เครอ่ื งมอื ดังน้ี 1. กลุ่มคำส่ัง Selection tools เก่ียวกับการเลือกวตั ถุ 2. กลมุ่ คำส่ัง Drawing and Type tools เกี่ยวกบั การวาดภาพ และใส่ตวั อักษร 3. กลุ่มคำสัง่ พิเศษ Transformation tools เก่ียวกบั การปรับแตง่ ภาพ 4. กล่มุ คำส่ัง Modification and Navigation tools เกี่ยวกบั การดภู าพ และปรับมมุ มอง 5. กลุม่ คำสั่งในการเลือกสีในช้ินงานและเสน้ ขอบของช้นิ งาน 6. กลุม่ คำสั่งทเี่ กย่ี วกบั การแสดงหน้าจอของ InDesign

แถบคอนโทรลพาเนล(Control Panel ) เป็นแถบตัวเลือกสำหรับกำหนดค่าต่างๆ ของวัตถุเพ่ืออำนวยความสะดวกให้แก่ผู้ใช้ โดยจะปรับเปล่ียน ตวั เลือกไปตามการใช้งานระหว่างการทำงานกับวัตถุ และการทำงานกับข้อความ ให้สามารถกำหนดค่า สี ขนาด ตำแหนง่ และคณุ สมบัติต่างๆ ของวัตถแุ ละรูปแบบของข้อความทีเ่ ลอื กไดง้ ่ายข้ึน

การจดั การกับหนา้ ตา่ งการทำงาน (Workspace) ในการออกแบบช้ินงานแต่ละประเภท หนา้ ต่างการทำงาน (Workespace) เป็นสว่ นท่สี ำคญั ที่มผี ลต่อการ ใช้ในเครอื่ งมอื ต่างๆ ในสะดวกและเร็วขึ้น และการตอบสนองผูใ้ ช้ได้อย่างเหมาะสม ซ่ึงเราสามารถจัดการหนา้ ต่าง การทำงานให้เหมาะสมกับงานที่ทำได้ โดยสามารถเรียกใชไ้ ด้ ดงั นี้ 1. เลือกคำส่ัง Window àWorkespaceà New Workspace… 2. ตง้ั ชื่อใหก้ ับรปู แบบของหนา้ ต่างการทำงาน 3. กำหนดค่าเพม่ิ เติม 4. กด OK

การกำหนดคยี ์ลดั 1. เลือกคำสั่ง Edit à Keyboard Dhortcuts… 2. เลือกรูปแบบของคยี ล์ ดั ตามโปรแกรมที่ถนัด 3. กด OK สร้างคีย์ลัดเกบ็ ไว้ใชง้ าน 1. เลอื กคำส่ัง Edit à Keyboard Shortcuts… 2. คลกิ เลอื ก New set… 3. ต้ังชื่อและกำหนดชุดคยี ์ลัดการอา้ งอิง 4. กด OK 5. คลิกเลอื กท่ีอยู่ในสว่ นของ Commands 6. คลิกกำหนดคียล์ ัดใหม่ 7. กด OK ลบคียล์ ดั ที่ไม่ได้ใช้ออก 1. เลือกคำสั่ง Edit à Keyboard Shortcuts… 2. คลิกเลือกชอื่ ของชุดคีย์ลัดท่ีต้องการลบ 3. กด Delete set 4. จะขึ้นกรอบคำถาม ใหก้ ด YES

การสร้างไฟลง์ าน การสร้างไฟลง์ านเป็นขนั้ ตอนแรกในการสร้างชิ้นงาน เราจะตอ้ งทำการกำหนดรูปแบบและองค์ประกอบตา่ งๆ ใหเ้ หมาะสมกับชิ้นงาน ซ่ึงการสร้างไฟล์งานใน InDesign นม้ี ีอยู่ด้วยกัน 2 รูปแบบ คอื 1. การสรา้ งไฟล์งานจากไฟลต์ ้นแบบ วิธีการสรา้ งงานจากไฟลต์ น้ แบบ 1. คลิกท่ีปุ่ม Start แล้วเลือก All Programs -> Adobe InDesign 2. คลิกทเ่ี มนู File->New->Document from Template… เพ่อื เลือกช้ินงานจากไฟลต์ ้นฉบับ 3. หน้าตา่ ง Adobe Bridge จะปรากฏขนึ้ มา โดยจะแสดงไฟลต์ ้นแบบแบ่งเปน็ หมวดหมู่ 4. คลกิ เลอื กรปู แบบงานพมิ พ์ 5. ดบั เบิลคลิกเพือ่ เปดิ ช้ินงานทต่ี อ้ งการ 6. ปรากฏงานพิมพท์ เ่ี ปน็ งานนำเสนอท่สี ร้างจากไฟล์ต้นแบบทเ่ี ราเลอื ก 7. เลอื ก File->Place เพือ่ เลอื กไฟล์รปู ภาพท่ตี อ้ งการนำมาแทนที่รปู ภาพเดิมในไฟล์ต้นแบบ 8. เลือกรปู ภาพท่ีต้องการ 9. คลิกที่ปมุ่ Open เพื่อเปดิ ไฟลเ์ ข้ามาแทนทีร่ ูปจากชิน้ งานตัวอยา่ ง 10. คลกิ เมาส์เพื่อวางไฟลร์ ปู ท่ีเลือกแทนท่ีโลโก้ของต้นแบบ 11. คลกิ เลอื กรปู และกดปมุ่ <Delete> เพอื่ ลบรปู ต้นแบบ 12. ใช้ Type Tool จากนน้ั แก้ไขขอ้ ความ และขนาดตวั อักษรจากคอนโทรลพาเนล 13. คัดลอกรูปภาพและจัดตำแหนง่ 14. ใช้ eyedropper tool คลกิ เลือกสแี ละคลิกท่ีรูปภาพใหม้ สี ีพื้นเปน็ สีเดยี วกบั พนื้ หลัง 15. ใช้ Type Tool จากนนั้ แกไ้ ขขอ้ ความ และข้อความสว่ นอนื่ ๆ ที่ตอ้ งการนำเสนอ 2. การสรา้ งไฟลง์ านจากการกำหนดเอง 1. เลือกคำสัง่ File->New->Document 2. ปรากฏหนา้ ตา่ ง New Document ข้ึนมา เพอ่ื ใหก้ ำหนดรูปแบบของหน้ากระดาษ

การบันทึกไฟล์งาน 1. เลือกคำส่งั File ที่เมนูบาร์และเลือกรูปแบบการบันทึกไฟล์ 2. กำหนดตำแหน่งโฟลเดอรเ์ พื่อใช้เก็บไฟล์ 3. พมิ พ์ช่ือไฟล์ที่จะบนั ทึก 4. เลือกชนดิ ของไฟล์ 5. คลิกเมาสเ์ พอ่ื บันทกึ ไฟล์ การปิดไฟล์งาน เราสามารถปิดหน้าต่างไฟล์งานได้ 2 วิธีดังนี้ วิธที ี่ 1 เลอื กคำส่ัง File->Close วิธีที่ 2 คลกิ ปุ่ม X ที่อยู่มุมซา้ ยมือของหนา้ ต่าง การเปดิ ไฟล์งานเดมิ เปน็ การเปิดไฟล์งานท่บี นั ทกึ ไวข้ ้ึนมาแกไ้ ขและใช้งาน ซงึ่ มีข้ันตอน ดังน้ี 1. เลอื กคำสงั่ File->Open หรือกด Ctrl+O 2. เลือกไฟล์งานท่ีตอ้ งการเปิด 3. คลิกเมาสท์ ่ปี มุ่ Open เพ่ือเปดิ ไฟล์งาน การย่อ – ขยายมุมมอง เราสามารถกำหนดขนาดของมุมมองในการแสดงหน้ากระดาษ โดยขยายใหญ่ข้ึนเพื่อแก้ไขข้อมูลใน หน้ากระดาษโดยละเอียด หรือย่อให้มีขนาดเล็กลงเพื่อดูองค์ประกอบโดยรวมของงานพิมพ์ เราสามารถ เปลีย่ นแปลงมุมมองในการยอ่ – ขยาย ได้ 2 วธิ ดี ังนี้ 1. ปรบั มุมมองจากเมนูคำส่งั View 1. เลอื กคำสง่ั View->Actual Size เพ่อื แสดงขนาด 100% 2. ขนาดมมุ มองเปล่ียนเป็น 100% ตามทก่ี ำหนด 2. ปรบั มมุ มองโดยใช้เครอ่ื งมือ Zoom

การขยายมมุ มอง 1. คลกิ เลือก Zoom Tool 2. คลกิ เมาส์เพ่อื ขยายขนาดมมุ มองในบริเวณที่ตอ้ งการ 3. หนา้ กระดาษถูกขยายมมุ มองข้ึน จากขนาด 75% เปน็ 100% การยอ่ มุมมอง 1. คลิกเลือก Zoom Tool 2. กดปมุ่ Alt+คลิกเมาสเ์ พอื่ ลดขนาดมุมมอง 3. หนา้ กระดาษจะถูกลดมมุ มองลง จากขนาด 100% เป็น 50% การใช้งานเคร่อื งมอื วัด การจดั วางวัตถุในงานพมิ พ์ ไดแ้ ก่ ข้อความ ภาพ และเฟรม ให้อย่ใู นตำแหน่งท่เี หมาะสม ไม่คลาดเคล่อื น จะมี เคร่ืองมือตา่ งๆ ท่ชี ว่ ยอำนวยความสะดวก ดังน้ี แถบไมบ้ รรทดั (Ruler) ใช้อา้ งอิงตำแหนง่ และตรวจดูขนาดของวัตถุ เสน้ ไกด์ (Guide) เปน็ เส้นทใ่ี ชเ้ ปน็ แนวอ้างอิงในการจดั วางวตั ถุ เส้นกริด (Grid) เป็นเส้นตารางท่ีใช้เป็นแนวอา้ งองิ ในการจดั วางวตั ถุ การทำงานกับขอ้ ความ สรา้ งขอ้ ความ รูปแบบของข้อความในโปรแกรม InDesign นั้นมีอยู่ 2 ประเภท โดยท่ีข้อความทั้ง 2 รูปแบบมี คุณสมบัติและลกั ษณะที่แตกต่างกัน ดังนี้ การสร้างขอ้ ความประเภท Text block ซ่งึ เปน็ ขอ้ ความเกือบทงั้ หมดที่อยู่ในงานพิมพ์ทส่ี ร้างจากโปรแกรม InDesign ซ่ึงสร้างขึน้ โดยใช้ Type Tool สำหรบั พิมพข์ ้อความลงบนงานพมิ พ์ และ Type on a Path Tool สำหรับพิมพ์ข้อความบนพาธ เราสามารถสร้างข้อความ ประเภท Text block โดยใช้ Type Tool ไดด้ งั น้ี 1. คลิกเลอื ก Type Tool ทก่ี ลอ่ งเครอื่ งมอื 2. คลิกเมาส์ แล้วลากเพอื่ สร้างพนื้ ท่พี ิมพ์ขอ้ ความ