หนังสือเรียนรายวิชา กราฟิก 2 มิติ ม.5

4 ภาพท่ี 8.18 ภาพการ Insert Pages 4) เอกสารก็จะถูก Add เพม่ิ เข้ามาตามทีต่ ้องการ 151

8.3 การพมิ พ์ข้อความและการใช้เครื่องมอื Text Tool โปรแกรม InDesign หัวใจสําคัญนอกจากการจดั หน้ากระดาษ กค็ ือการใสต่ ัวอักษรและจดั วาง องค์ประกอบโดยรวมเพราะชน้ิ งานส่วนใหญ่จะออกมาในรูปแบบงานพมิ พ์เชิงเผยแพร่ ซ่ึงตัวอักษรจะมคี วาม สําคญมาก โดยหลักโปรแกรม InDesign ตวั อักษรจะแบง่ เป็น 2 สว่ นคอื กรอบตวั อักษรและตัวอักษร 12 ภาพที่ 8.19 ภาพการใชเ้ ครอื่ งมอื Rectangle Frame tool 1) ทแ่ี ถบเคร่ืองมอื Toolbox เลือก Rectangle Frame Tool 2) แดรกเมาสส์ ร้างขอบเขตของเฟรมข้นึ มา 3 4 ภาพที่ 8.20 ภาพการใชเ้ ครื่องมือ Text tool 3) ทแ่ี ถบเคร่อื งมือ Toolbox เลือก Text Tool 4) คลกิ พนื้ ทีภ่ ายใน Frame แลว้ พิมพ์ข้อความตามท่ีตอ้ งการลงไป 152

5 ภาพที่ 8.21 ภาพการจดั การตัวอกั ษรด้วย Character 5) ท่แี ถบ Menu Bar เลอื ก Window > Type & Tables > Character 6 ภาพที่ 8.22 ภาพการจดั การตัวอักษรดว้ ย Character 6) จะปรากฏแพเนล Character ขึน้ มา แพเนลน้จี ะเป็นเครื่องมอื ท่เี กี่ยวขอ้ งกับการปรับแตง่ ตวั อกั ษรท้งั หมด 7 ภาพที่ 8.23 ภาพการจัดการตัวอกั ษรด้วย Character 7) ปรับแต่งรูปแบบ และขนาดของตวั อกั ษร 153

8 ภาพที่ 8.24 ภาพการจดั การกับสดี ้วยแพเนล Swatches 8) ท่ีแพเนล Swatches คลิ๊กทไ่ี อคอน Formatting affects texts > เลอื กสตี ามตอ้ งการ 9 ภาพท่ี 8.25 ภาพการสร้างตัวอกั ษรขนาดตา่ ง ๆ 9) ทดลองสร้างตัวอกั ษร และทดลองปรบั ขนาดและรปู แบบใหม้ ีความหลากหลาย 154

การแบง่ คอลมั นข์ องตวั อกั ษร 2 1 ภาพท่ี 8.26 ภาพเลอื กตวั อักษร 1) ท่ีแถบเครอื่ งมือ Toolbox เลอื กท่ี Selection Tool 2) คลิกเลอื กที่ Text frame ดา้ นขวามือ 3 ภาพที่ 8.27 ภาพการปรับคา่ Number of Columns 3) ที่แถบ Option Bar ดา้ นบน ท่ชี ่อง Number of Columns ใหใ้ ส่เลข 2 เข้าไป 4 ภาพท่ี 8.28 ภาพการปรบั ค่า Number of Columns 4) สงั เกตดูผลลพั ธ์จะเห็นว่าชดุ ตวั อกั ษรที่ถูกเลอื กจะแบง่ ออกเป็น 2 คอลัมน์ ดงั รปู 155

8.4 การใสร่ ปู ภาพ 1 2 ภาพที่ 8.29 ภาพการใส่ไฟล์รปู ภาพด้วย Place 1) ทแี่ ถบ Menu Bar คลิกเลือกที่ Place 2) เลือกไฟล์รูปภาพท่ีไดเ้ ตรยี มไว้ > Open 3 ภาพท่ี 8.29 ภาพการใสไ่ ฟลร์ ปู ภาพดว้ ย Place 3) คลกิ บริเวณใดก็ได้บนหน้ากระดาษ รปู ทที่ ำ�การเลอื กไว้จะปรากฏในหนังสือทนั ที 156

4 ภาพท่ี 8.29 ภาพการใส่ไฟล์รปู ภาพดว้ ย Drag and Drop 4) การใสไ่ ฟล์รปู ภาพอีกวธิ ีหนงึ่ กค็ ือการ Drag and Drop ซึ่งกค็ อื การลากไฟลจ์ ากโฟลเดอร์ท่ีเกบ็ รปู ภาพลงมา ไวบ้ ริเวณใดก็ไดบ้ นหนา้ จอการท�ำ งานโปรแกรม Indesign ดงั รูป 5 6 ภาพที่ 8.30 ภาพการใช้เครื่องมือ Free Transform Tool 5) ท่ีแถบ Toolbox เลือกเครื่องมอื Free Transform Tool หรือกด E บนคยี ์บอร์ด 6) กด Shift บนคีย์บอรด์ และทำ�การปรับขนาดของวตั ถุตามต้องการ (การกด Shift จะชว่ ยใหว้ ัตถไุ ม่เสียทรงเมอ่ื มกี ารแดรกเมาส์ปรบั ขนาดนน่ั เอง) 157

7 8 9 ภาพที่ 8.31 ภาพการปรับ Quality ของรปู ภาพ 7) ท่ีแถบเครอ่ื งมอื Toolbox เลือกเคร่ืองมอื Selection Tool 8) คลิกขวาทีว่ ัตถุ 9) เลอื กท่ี Display Performance > High Quality Display เพอ่ื ปรบั ความคมชัดของภาพ 10 ภาพท่ี 8.32 ภาพการปรบั Quality ของรูปภาพ 10) จะเหน็ ได้ว่า ภาพท่ีทำ�การ Import เขา้ มาจะมคี วามคมชดั มากยง่ิ ขึน้ ซงึ่ ก็จะท�ำ ใหก้ ารประมวลผลของ คอมพิวเตอร์ต้องทำ�งานหนกั ข้ึนดว้ ย (ในกรณีทีม่ ีรูปภาพประกอบหลายรปู ) 158

การแทรกรูปภาพลงบน Text Frame 1 2 ภาพท่ี 8.33 ภาพแทรกรปู บนตัวอกั ษร 1) ที่แถบ Toolbox เลือกท่ี Selection Tool 2) เลือกทว่ี ัตถุ 3 ภาพท่ี 8.34 ภาพแทรกรูปบนตวั อกั ษร 3) ลากวัตถุมาไว้บนตัวอกั ษร ดงั รปู 159

4 ภาพที่ 8.35 ภาพแทรกรูปบนตัวอกั ษร 4) สงั เกตดูว่า รปู จะบงั ตวั อกั ษร 5 6 7 ภาพท่ี 8.36 ภาพการใช้ Pen Tool 5) ท่ีแถบเครอื่ งมือ Toolbox เลอื กท่ี Pen Tool 6) แดรกเมาสส์ รา้ งบรเิ วณรอบ ๆ ตวั ละคร เพอื่ กำ�หนดพ้ืนทใ่ี ห้ตวั อกั ษรเลย่ี ง 7) ใหไ้ ดร้ ปู ทรงดงั ภาพ 160

8 ภาพที่ 8.37 ภาพการปรับ Fill กับ Stroke ให้เปน็ None 8) ปรบั Fill กับ Stroke ใหเ้ ป็น None 9 10 ภาพที่ 8.38 ภาพการใช้ Pen Tool 9) ที่แถบ Option Bar > ในหมวดหมคู่ �ำ สงั่ Text Wrap > เลือก Wrap Around Object Shape 10) ตวั อักษรจะถกู จดั วางใหมโ่ ดยเลยี่ งท่จี ะไมท่ ับซ้อนกับรปู ทรงทส่ี ร้างขนึ้ มาในตอนต้น 161

11 ภาพท่ี 8.39 ภาพการตรวจเชก็ ความเรียบรอ้ ย 11) กด W บนคีย์บอร์ดเพื่อตรวจดคู วามเรียบรอ้ ย 162

การใส่รูปภาพลงบน Frame Tool 1 2 ภาพท่ี 8.40 ภาพการใชเ้ ครือ่ งมอื Frame Tool 1) ที่แถบเคร่ืองมือ Toolbox เลือกที่ Elipse Frame Tool 2) แดรกเมาส์สรา้ งวงกลมขึ้นมา 3 4 ภาพที่ 8.41 ภาพเลือกตัวอักษร 3) ทีแ่ ถบเคร่ืองมอื Toolbox เลือกท่ี Selection Tool 4) คลิกเลือกทีต่ วั ละคร 163

5 ภาพท่ี 8.42 ภาพการใชค้ ำ�ส่ัง cut 5) คลิกขวาท่ีตวั ละคร > เลือกคำ�สัง่ Cut (Ctrl + X) 6 7 ภาพที่ 8.43 ภาพการใช้ Selection Tool 6) ท่ีแถบเครือ่ งมอื Toolbox เลือกที่ Selection Tool 7) คลิกเลอื กท่ี Frame Tool 164

8 9 ภาพที่ 8.44 ภาพการใช้ Selection Tool 8) คลกิ ขวาทตี่ ัวละคร > เลอื กคำ�สั่ง Paste Into 9) สังเกตดูรปู ภาพตัวละครจะถูกวางลงภายในพน้ื ท่ขี อง Frame Tool ทก่ี ำ�หนดไว้ 11 10 ภาพที่ 8.45 ภาพการปรับขนาดวัตถภุ ายใน Frame Tool 10) คลิกเลอื กท่วี งบรเิ วณกึ่งกลางของ Frame Tool 11) จะเกดิ กรอบส่ีเหลีย่ มขน้ึ เพือ่ ให้สามารถย่อขยายวัตถุทอ่ี ย่ภู ายใน Frame Tool ได้ 165

12 ภาพท่ี 8.45 ภาพการปรบั ขนาดวัตถุภายใน Frame Tool 12) ปรบั ขนาดใหไ้ ดต้ ามเหมาะสม 13 14 ภาพที่ 8.45 ภาพการปรับขนาดวัตถุภายใน Frame Tool 13) ท่ีแพเนล Swatches ใหป้ รับ Fill เป็น None และ เปลย่ี น Stroke เปน็ สีดำ� เพอื่ ก�ำ หนดกรอยวงกลมของ Frame Tool 14) กด W เพ่อื ตรวจดูความเรยี บรอ้ ย 166

เอกสารอา้ งอิง อดิศกั ดิ์ คงสัตย์(2552). คัมภรี ์ Adobe Indesign กรุงเทพฯ : โปรวชิ ัน่ ฯ โปรแกรมทใี่ ช้ประกอบการสอน Adobe Indesign เวอรช์ ัน่ CS 6 167

Workshop กจิ กรรมท่ี 8 ใบงานที่ 8.1 การออกแบบสอื่ สง่ิ พมิ พง์ า่ ย ๆ โดยใช้โแรแกรม Indesign ใหน้ ักเรียนสร้างสรรคผ์ ลงานตามโจทย์ดงั ต่อไปนี้ ใหน้ ักเรยี นออกแบบสือ่ ส่งิ พมิ พ์ประเภทแคต็ ตาลอ็ กสนิ คา้ แบบง่าย ๆ โดยมี ผลิตภัณฑป์ ระมาณ 6-7 โปรดกั ส์ ซ่ึงเปน็ สนิ คา้ ชนดิ ใดก็ได้ จ�ำนวนไม่ต�ำ่ กวา่ 6 หนา้ 168

Workshop กจิ กรรมท่ี 8 ใบงานที่ 8.2 การออกแบบโบรชวั ร์ ใบปลวิ สนิ ค้า หา้ งรา้ น โดยใชโ้ ปรแกรม Indesign ใหน้ ักเรียนสร้างสรรคผ์ ลงานตามโจทยด์ ังตอ่ ไปนี้ ใหน้ กั เรียนสมมตสิ ถานการณ์วา่ ตนเองเปน็ เจา้ ของห้างรา้ น หรือกจิ การอยา่ งใด อยา่ งหนงึ่ แล้วใหน้ ักเรยี นออกแบบ โบรชวั ร์ ใบปลวิ โฆษณาสนิ คา้ ของตนเอง โดยใช้ขนาด A4 จัดวางโดยใชโ้ ปรแกรม Indesign โดยไม่จ�ำ กดั แนวคดิ และ เทคนคิ 169

Workshop กจิ กรรมท่ี 8 ใบงานที่ 8.3 การออกแบบโปสเตอรโ์ ดยใช้โปรแกรม Indesign ใหน้ ักเรียนสร้างสรรคผ์ ลงานตามโจทยด์ งั ต่อไปนี้ การออกแบบโปสเตอร์ เชิญชวนรณรงค์ให้ งดสูบบุหรี่ จัดวางโดยใช้โปรแกรม In- design โดยไมจ่ ำ�กดั แนวคิดและเทคนคิ 170

บทท่ี 9 สรา้ งหนา้ หนงั สอื จากตัวอย่างงานจริง การท�ำ งานสื่อส่ิงพิมพ์ประเภทหนังสอื หรอื งานท่ีมจี �ำ นวนหน้ามาก ๆ หรืองานประเภท Page Layout ทกุ ชนิด มักจะมสี ว่ นประกอบทเี่ หมือนกันทุก ๆ หน้าอยหู่ ลายส่วน เช่น เลขหน้า, ชอ่ื หนังสือ ,ชื่อบททกุ ๆ หนา้ หรือแมก้ ระทงั่ กราฟกิ หรือภาพประกอบบางสว่ น ซึ่งถา้ หากตอ้ งสร้างสิ่งเหลา่ นี้ ทุก ๆ หนา้ กค็ งจะสิ้นเปลอื ง เวลาไปไมน่ อ้ ย ดงั น้นั ในบทน้จี ึงกล่าวถึงการจดั การกบั File ต่าง ๆ ทส่ี ามารถทำ�ให้เป็น Pattern ที่สามารถใช้ ร่วมกนั ไดอ้ ยา่ งสะดวกสบายและประหยัดเวลาในการทำ�งานไดม้ ากยง่ิ ข้นึ 9.1 การสร้างหน้า Master เพอ่ื จดั การกับเอกสารทมี่ ีจ�ำ นวนหนา้ มาก Master Page คือ หน้าเอกสารท่สี ร้างข้ึนเพอ่ื ใช้เป็นแมแ่ บบ หรือตน้ แบบ โดยหน้า Master Page น้ีจะ ประกอบไปด้วยสว่ นตา่ ง ๆ ท่จี ำ�เปน็ ตอ้ งมใี นทกุ ๆ หนา้ เช่น ชื่อหนังสอื ชือ่ บท เลขหน้า หรือกราฟิกบางสว่ น เป็นตน้ 2 1 ภาพท่ี 9.1 ภาพการเรยี กใชห้ น้า Master Page 1) ทีแ่ ถบ Menu Bar คลิกที่ Window > Pages 2) จะปรากฏแพเนล Pages ขน้ึ มาบริเวณขวามอื 171

4 5 3 ภาพที่ 9.2 ภาพการเพมิ่ หนา้ Master Page 7 3) คลกิ เลือกท่ี Master Pages 4) คลกิ ที่ปุ่ม Panel Menu ที่มมุ ขวาบน 5) คลิกที่ New Master 6 ภาพที่ 9.3 ภาพการเพมิ่ หนา้ Master Page 6) จะปรากฏหน้าตา่ งการต้งั ค่าการ Add New Master ซ่งึ ประกอบไปดว้ ย Prefix - กำ�หนดค�ำ นำ�หนา้ ของกระดาษ เชน่ A,B,C หรือ 1,2,3 เป็นต้น Name - ต้งั ช่ือหน้า Master Pages ทีต่ อ้ งการ Based on Master - กำ�หนดว่าหน้าเอกสารท่ีใชอ้ ยนู่ ั้น ขึ้นมาอยใู่ นหมวดใด Number of Pages - ก�ำ หนดจำ�นวนหน้า Master Pages ทตี่ ้องการ โดยใสจ่ ำ�นวนตวั เลขลงไป Page size - กำ�หนดขนาดของกระดาษ Width - กำ�หนดความกวา้ งของกระดาษ Height - กำ�หนดความสูงของกระดาษ Orientation - การกำ�หนดค่ากระดาษเปน็ แนวตั้งหรือแนวนอน 7) เมือ่ เสร็จเรียบร้อยแลว้ คลกิ ที่ OK 172

8 ภาพที่ 9.4 ภาพการเพ่ิมหนา้ Master Page 8) จะเห็นวา่ หน้า Master Pages ได้ถูก Add เพิ่มเข้ามาบนแพเนล Pages เป็นทเ่ี รยี บรอ้ ยแล้ว การลบหนา้ Master Page และ Page การลบหน้า Page และ Master นน้ั มีอยู่ 3 วธิ ดี ังนี้ การลบด้วยคำ�สัง่ Layout บน Menu Bar 1 ภาพที่ 9.5 ภาพการลบหนา้ Page และ Master Page 1) ทแ่ี ถบ Menu Bar เลอื กที่ Layout > Pages > Delete Pages 2 ภาพที่ 9.6 ภาพการลบหน้า Page และ Master Page 2) ใส่หมายเลขหน้าทีต่ อ้ งการลบ > คลิกที่ OK 173

การลบดว้ ย Menu Panel 3 12 ภาพที่ 9.7 ภาพการลบหน้า Page และ Master Page 1) ทแ่ี ถบแพเนล Pages เลอื กหนา้ ทต่ี ้องการลบ 2) คลิกทป่ี ุม่ Panel Menu ท่มี มุ ขวาบน 3) คลกิ ที่ Delete Page การลบดว้ ยปมุ่ Delete Selected Pages 1 2 ภาพท่ี 9.8 ภาพการลบหน้า Page และ Master Page 1) ทีแ่ ถบแพเนล Pages เลือกหนา้ ที่ต้องการลบ 2) คลกิ ที่ป่มุ ไอคอน Delete Selected Pages 174

การสรา้ งคอลมั นใ์ นหน้า Master Page การสรา้ งคอลมั นส์ �ำ หรบั หนา้ Master Page เป็นการวางเสน้ ไกด์ เพื่อให้การจดั วางองค์ประกอบของ ภาพ และตัวอักษร ทีอ่ ย่ใู นรูปแบบคอลมั น์นั้นง่ายข้ึน ซง่ึ ผู้ใชส้ ามารถกำ�หนดไดเ้ องวา่ จะให้ หน้าไหนมหี รอื ไม่มี คอลมั น์กไ็ ด้ ซึง่ การสร้างคอลมั น์ส�ำ หรับหน้า Master Page มวี ธิ ีการดงั น้ี 1 ภาพที่ 9.9 ภาพแพเนล Page 1) ที่แถบแพเนล Page > เลือกท่ี Master Pages 2 ภาพที่ 9.10 ภาพการตัง้ คา่ Margins and Columns 2) ทีแ่ ถบ Menu Bar เลอื กท่ี Layout > Margins and Columns 175

4 3 ภาพท่ี 9.11 ภาพการค้ังคา่ Margins and Columns 3) จะปรากฏหนา้ ต่างการต้ังค่า Margins and Columns ข้นึ มา Columns Number - จ�ำ นวนคอลัมนท์ ีต่ อ้ งการเพมิ่ Gutter - ระยะหา่ งระหว่างคอลมั น์ 4) เสร็จแล้วคลิกที่ OK 5 ภาพที่ 9.12 ภาพการเพิ่มคอลัมน์บน Master Page 5) สงั เกตดทู ี่ Master Pages จะปรากฏคอลัมน์ขน้ึ มาหน้าละ 3 แถว ตามที่ได้ตง้ั ค่าเอาไว้ 176

6 ภาพท่ี 9.13 ภาพการตรวจสอบ Margins and Columns บนหนา้ Page 6) ท่แี ถบแพเนล Page > เลือกท่ี Pages ธรรมดาอ่ืน ๆ ดู จะเห็นได้วา่ ทุก ๆ Page ก็ไดถ้ ูกแบ่งคอลัมนอ์ อกเปน็ หน้าละ 3 คอลมั น์เหมอื นกนั 177

9.2 การกำ�หนดเลขหนา้ อตั โนมตั ิ ในหน้า Master เป็นการสรา้ งเลขหน้าข้นึ มาบนหนา้ Master Pages แลว้ ตั้งคา่ ใหโ้ ปรแกรมคำ�นวนโดยอัตโนมัติ ซงึ่ จะ สะดวกรวดเร็วและประหยัดเวลามากข้นึ การใสเ่ ลขหน้าน้ัน มีหลากหลายสไตล์ เชน่ ใส่เป็นตวั เลข ตัวอกั ษร อกั ษรโรมัน เลขโรมัน เปน็ ต้น 1 ภาพที่ 9.14 ภาพแพเนล Page 1) ที่แถบแพเนล Page > เลอื กที่ Master Pages 2 ภาพที่ 9.15 ภาพการใช้ Text Tool 2) ทแ่ี ถบ Tool box เลอื กท่ี Text Tool > แดรกเมาส์สร้าง Text Frame ข้ึนมาตรงมุมล่างของกระดาษ 178

3 ภาพที่ 9.16 ภาพการใช้ Current Page Number 3) ท่แี ถบ Menu Bar เลอื กท่ี Type > Insert Special Character > Markers > Current Page Number 4 ภาพที่ 9.17 ภาพการใช้ Current Page Number 4) สงั เกตดูตรง Text Frame ทีเ่ พิง่ สรา้ งขึน้ ไดก้ ลายเปน็ ตวั อกั ษร A แลว้ 179

5 ภาพท่ี 9.18 ภาพการใชแ้ พเนล Character ในการปรับขนาดตวั อกั ษร 5) ปรบั เปล่ยี นตัวอกั ษรทแี่ พเนล Character > ปรบั ขนาดและรูปแบบของตัวอกั ษรตามใจชอบ 6 ภาพที่ 9.19 ภาพการ Copy ตัวอกั ษรอา้ งองิ เลขหนา้ 6) ทำ�การ Copy Text Frame อา้ งองิ เลขหน้าโดยการ กด Alt + แดรกเมาส์ + Shift (เพื่อให้วตั ถอุ ย่ใู นระนาบ เดยี วกัน) 180

7 ภาพท่ี 9.20 ภาพการใชค้ �ำ สั่ง Align 7) ทแี่ ถบ Option Bar เลอื กที่ Align Right เพอ่ื ย้ายตวั อกั ษรไปไว้มมุ ขวาของ Text Frame ดงั รูป 8 ภาพที่ 9.21 ภาพการตรวจเช็กเลขหน้าที่ Page แบบปกติ 8) ลองคลิกดทู ี่ Page หนา้ ปกติจะเห็นว่า มีเลขหน้าอยู่บรเิ วณมมุ ของกระดาษครบทุกหน้าเป็นที่เรียบร้อยแลว้ 181

Workshop Master กจิ กรรมท่ี 9 ใบงานท่ี 9.1 การออกแบบสื่อสิ่งพิมพโ์ ดยมกี ารจดั วางกราฟิกบนหน้า Pages พรอ้ มเลขหนา้ กำ�กบั ให้นกั เรียนสร้างสรรค์ผลงานตามโจทยด์ งั ต่อไปน้ี ให้นกั เรียนสรา้ งสรรค์หนงั สือภาพประกอบ โดยใชโ้ ปรแกรม Indesign ในหัวข้อ เรยี งความภาพประกอบ ชวี ประวตั ิของตนเอง ตง้ั แต่อดตี จนถึงปจั จบุ นั โดยใช้ การกำ�หนด Master Pages ตามทไ่ี ด้อา้ งองิ ในบทเรียนที่ 9 พรอ้ มน�ำ เสนอไฟล์ งานหน้าช้นั เรยี น 182

Workshop กจิ กรรมที่ 9 ใบงานที่ 9.2 การสรา้ งสรรค์การต์ ูนตอนสนั้ โดยใชโ้ ปรแกรม Indesign ในการจดั วาง Layout ให้นกั เรยี นสร้างสรรค์ผลงานตามโจทย์ดังต่อไปนี้ ใหน้ กั เรยี นสร้างสรรค์การต์ ูนตอนสน้ั ไม่ต�่ำกว่า 10 หน้า โดยไม่จ�ำกัดเนอ้ื เรื่อง และการน�ำเสนอ โดยใชโ้ ปรแกรม Indesign จัดวาง Layout 183

บทที่ 10 การเผยแพรไ่ ฟลใ์ นรูปแบบตา่ ง ๆ และการสร้างโพรเจกหนงั สอื อสิ ระส่วนบคุ คล การ Export ไฟลใ์ น Indesign สามารถทำ�ไดอ้ ยา่ งหลากหลาย ไม่วา่ จะเป็น PDF, PNG, JPG,...หรอื แมก้ ระท่งั File Digital Flippage อย่าง HTML, SWF หรอื EPUB ซึง่ สามารถน�ำ เสนอบนไฟลร์ ปู แบบดิจทิ ลั ได้ อยา่ งสะดวกและงา่ ยดาย ท้งั น้ีข้ึนอยกู่ บั การวางแผนในเบอ้ื งต้นวา่ ผ้อู อกแบบ ตอ้ งการจะนำ�เสนองานในรูปแบบ ไหน แล้วจึงกำ�หนด Size โทนสี และ Theme Art ได้อย่างเหมาะสม 10.1 การ Export ไฟลใ์ นรูปแบบของ PDF 1 ภาพที่ 10.1 ภาพเตรียมไฟล์ท่จี ดั วาง Layout เรียบรอ้ ยแลว้ 1) จัดเตรยี มไฟลท์ ่ีไดม้ ีการจัดวางรปู เลม่ เสรจ็ สมบรู ณแ์ ล้ว 2 ภาพท่ี 10.2 ภาพการ Export โดยใช้ Adobe PDF Preset 2) ทีแ่ ถบ Menu Bar เลือกที่ File > Adobe PDF Preset > [Press Quality] 184

3 ภาพที่ 10.3 ภาพการเลือกโฟลเดอรท์ ี่ใชเ้ ก็บงาน 3) เลือกโฟลเดอร์ในการจัดเกบ็ ไฟล์งาน > ต้ังช่อื ไฟล์ > Save 4 ภาพท่ี 10.4 ภาพการต้ังคา่ Export Adobe PDF 4) จากนั้นจะปรากฏหน้าต่าง Export Adobe PDF ขน้ึ มา > ทชี่ อ่ ง General ใหต้ ้ังค่าตามนี้ 185

5 6 ภาพท่ี 10.5 ภาพการต้งั ค่า Export Adobe PDF 5) เลือกทีช่ ่อง Marks and Bleeds > คลกิ เครือ่ งหมายถกู ในเมนู Marks ให้ครบทกุ อนั > ที่ชอ่ ง Bleed and Slug คลิกเคร่อื งหมายถูกท่ี Use Document Bleed Settings 6) คลิกท่ี Export 7 ภาพท่ี 10.6 ภาพการตรวจดไู ฟล์งานที่ Export เรียบร้อยแล้ว 7) ตรวจดูไฟล์งานท่ี Export 186

10.2 การ Export ไฟลใ์ นรูปแบบของ e-book และ SWF/html เพื่อใชใ้ นการเพยแพรบ่ น หน้าเวบ็ และ platform ประเภท Tablet 1 ภาพที่ 10.7 ภาพเตรยี มไฟลท์ จ่ี ัดวาง Layout เรยี บรอ้ ยแลว้ 1) จัดเตรยี มไฟลท์ ่ไี ดม้ กี ารจัดวางรูปเล่มเสรจ็ สมบูรณ์แลว้ 2 3 ภาพท่ี 10.8 ภาพการ Export เปน็ ไฟล์ SWF 2) ท่ีแถบ Menu Bar เลอื กท่ี File > Export 3) เลอื กโฟลเดอร์ในการจดั เกบ็ ไฟล์งาน > ตั้งช่ือไฟล์ > เลอื กนามสกลุ ไฟลเ์ ปน็ SWF > Save 187

4 ภาพท่ี 10.9 ภาพการ Export โดยใช้ Adobe PDF Preset 4) จากน้ันจะปรากฏหนา้ ต่าง Export SWF ขนึ้ มา > ตรวจเชก็ ความเรียบรอ้ ย > คลกิ ที่ OK 5 ภาพท่ี 10.10 ภาพการตรวจสอบไฟล์งานดว้ ย Google Chrome 5) ตรวจดไู ฟลง์ านท่ี Export ไดด้ ว้ ย Web Browser หรอื โปรแกรม Flash Player 188

เอกสารอา้ งอิง อดิศกั ดิ์ คงสัตย์(2552). คัมภรี ์ Adobe Indesign กรุงเทพฯ : โปรวชิ ัน่ ฯ โปรแกรมทใี่ ช้ประกอบการสอน Adobe Indesign เวอรช์ ัน่ CS 6 189

Workshop กจิ กรรมท่ี 10 ใบงานท่ี 10.1 การออกแบบสอ่ื ส่งิ พิมพโ์ ดยใช้โปรแกรม Indesign (งานเดยี่ ว) ใหน้ ักเรยี นสร้างสรรคผ์ ลงานตามโจทยด์ ังตอ่ ไปน้ี ให้นักเรียนจัดหนังสือเรียนท่ีมีภาพประกอบและการจัดวางที่สวยงามโดยให้ นกั เรียนเลอื กวชิ าใดกไ็ ดท้ ีต่ นเองสนใจ มา 1 วชิ า นำ�มา Re-Design ข้นึ มาใหม่ โดยยังคงเนอ้ื หาเดิม จดั วาง Layout ให้สวยงามและออกแบบกราฟกิ ใหส้ วยงาม แลดเู ปน็ มืออาชพี 190

Workshop กจิ กรรมท่ี 10 ใบงานท่ี 10.2 การออกแบบส่ือสงิ่ พมิ พโ์ ดยใชโ้ ปรแกรม Indesign (งานกลมุ่ ) ใหน้ กั เรยี นสร้างสรรคผ์ ลงานตามโจทยด์ ังตอ่ ไปน้ี ให้นกั เรียนแบง่ กลุ่มและจดั ทำ�นิตยสารแนว Gossip โดยการนำ�ภาพและเน้อื หา ที่เป็นเชงิ บวกมานำ�เสนอ จัดวาง Layout ใหส้ วยงามและออกแบบกราฟกิ ให้ สวยงามแลดเู ปน็ มอื อาชีพ 191

บรรณานุกรม ปยิ ะบตุ ร สทุ ธิดารา(2550). Photoshop Workshop สนุกไม่ยั้งกบั งาน ตัด-ต่อ-แต่งภาพ นนทบรุ ี : ไอดซี ีฯ อนรุ ักษ์ วไิ ลวลั ย์(2547). Photoshop CS Retouch Master นนทบุรี : ไอดซี ีฯ เกยี รติพงษ์ บญุ วจิ ติ ร(2551). Photoshop CS3 Basic นนทบุรี : ไอดีซฯี กษิรา ศริ วิ ัฒนากลุ , วรางคณา ธนสิริตระกูล(2551). Computer Art & Graphi Design เส้นทางสนู่ ักกราฟกิ มืออาชีพ กรงุ เทพฯ: โรงเรียนอินเทอร์เน็ตและการออกแบบ (Net Design) อดศิ กั ดิ์ คงสตั ย์(2552). คมั ภรี ์ Adobe Indesign กรงุ เทพฯ : โปรวชิ ัน่ ฯ วสันต์ พงึ่ พลู ผล(2551). Illustrator CS3 Basic นนทบุรี : ไอดีซฯี ชติ พงษ์ กิตตนิ ราดร(2547). Adobe Illustrator CS Idea Kit กรุงเทพฯ : บรษิ ัทฟวิ เจอรว์ วิ จำ�กดั 192

คณะกรรมการด�ำ เนนิ งานพัฒนาเอกสารประกอบการสอนรายวิชาคอมพวิ เตอรม์ ลั ตมิ เี ดยี เบ้อื งต้น นายสิริวิชย ์ พังสุวรรณ คณะบรรณาธิการ คณะกรรมการฝ่ายเสริมวิชาการ 193

สำ�นกั งานคณะกรรมการอดุ มศึกษา กระทรวงศกึ ษาธิการ 194