46 ภาพที่ 4.22 การสรา้ ง Text wrap 4.9.5 เลอื กการจัดวางText wrap ตามรปู แบบท่ีต้องการ ภาพที่ 4.23 การจดั วาง Text wrap 4.9.6 สร้างเฟรมข้อความข้นึ มาอีกหน่งึ เฟรม ภาพที่ 4.24 การสรา้ งเฟรมข้อความข้ึนมาอกี หนง่ึ เฟรม 4.9.7 ลากไปวางไว้ตรงกลางรูปภาพ ซ่ึงจะมองไมเ่ ห็นตวั อกั ษรใน Frame
47 ภาพท่ี 4.25 การซอ้ น Frame 4.9.8 คลกิ ขวาใน Frame ท่ีสร้างข้นึ จากนนั้ เลือก Text Frame Options... ภาพท่ี 4.26 การเลือก Text Frame Options เพอ่ื กำหนดค่า 4.9.9 ปรากฏหน้าตา่ ง Text Frame Options... เลอื ก Ignore Text Warp ภาพที่ 4.27 กำหนดค่า Text Frame Options
48 4.9.10 ข้อความทถ่ี ูกซ่อนจะปรากฏขึน้ ภาพท่ี 4.28 การซ้อน Frame โดยใช้ Ignore Text Warp
50 แบบทดสอบทา้ ยบท บทที่ 4 การปรับแตง่ และจดั วางขอ้ ความ
51 บทท่ี 4 การปรบั แต่งและจดั วางขอ้ ความ 1. Font ควบคมุ การทำงานของตัวอกั ษรในเรื่องใด ก. รปู แบบตัวอักษร ข. ลักษณะตวั อกั ษร ค. ขนาดตวั อกั ษร ง. ระยะห่างของตวั อกั ษร 2. Leading ควบคมุ การทำงานของตวั อักษรในเรื่องใด ก. รูปแบบตัวอกั ษร ข. ลักษณะตัวอักษร ค. ขนาดตวั อกั ษร ง. ระยะห่างของตัวอักษร 3. วิธขี ึ้นตน้ ย่อหน้าด้วยตวั อักษรขนาดใหญ่ สามารถกดคยี ใ์ ดได้ ก. Alt+Ctrl+V ข. Alt+Ctrl+T ค. Alt+Ctrl+C ง. Alt+Ctrl+A 4. การเปลี่ยนสีขอ้ ความ ตอ้ งไปทีค่ ำส่ังใด ก. File ->Color ข. Edit->Color ค. Window->Color ง. Type ->Color 5. Weight ใชป้ รับอะไรในเสน้ ขอบข้อความ ก. ลดขนาดมุมเสน้ ขอบ ข. ขนาดของเส้น ค. ปรบั เส้นขอบใหโ้ ค้งมน ง. ปรับเส้นขอบใหม้ มี มุ เอียง
54 บทท่ี 5 การนำ�ภาพมาใช้ใน Adobe indesign
55 บทท่ี 5 การนำภาพมาใชใ้ น Adobe indesign สาระสำคญั Adobe InDesign cs6 เปน็ หนึ่งในชดุ โปรแกรม Adobe Creative Cloud สามารถออกแบบ รายละเอยี ดต่างๆ ของสอื่ ส่ิงพิมพ์ไดม้ ากมาย ไม่วา่ จะเป็นการนำรปู วาด หรือการนำรูปถ่ายมาดีไซน์ เปน็ หน้าปกหนงั สอื การจดั รปู แบบหนังสือ และตัวอักษร การจัดวางรายละเอียดในหน้าต่างๆ ภายใน หนงั สอื ชว่ ย ใหก้ ารจดั ทำนติ ยสารในแตล่ ะเลม่ และลดเวลาในการออกแบบ เพอ่ื เพม่ิ ความ สะดวกสบายให้แกผ่ ู้ออกแบบ สื่อสิง่ พิมพส์ รา้ งความนา่ สนใจของชนิ้ งาน และยังทำให้ดมู ชี ีวิตชวี า จุดประสงคก์ ารเรียนรู้ - ผู้เรียนสามารถอธิบายขน้ั ตอนการนำภาพเข้ามาใชง้ านในโปรแกรม InDesign ได้อยา่ งถกู ตอ้ ง - ผ้เู รยี นสามารถประยุกตใ์ ช้ขน้ั ตอนการนำภาพเขา้ มาใช้งานในโปรแกรม InDesign สร้างสรรคช์ ิ้นงาน ไดอ้ ยา่ งสวยงาม 5.1 วธิ ีการนำภาพเขา้ มาใชง้ านในโปรแกรม Adobe InDesign 5.1.1 ไปท่ี Menu File > Place 5.2.2 เลอื กรปู ภาพทตี่ อ้ งการแล้วกดOpen 5.2.3 แล้วคลกิ ลงบนพ้นื ท่ีทตี่ ้องการนำภาพมาวาง ภาพที่ 5.1 แถบคำส่งั การแทรกภาพ
56 ภาพท่ี 5.2 การนำภาพเข้ามาใช้งานในโปรแกรมจากโฟลเดอร์ ภาพท่ี 5.3 การแสดงภาพที่แทรกจากโฟลเดอร์ 5.2 การสร้างภาพโปร่งแสง 5.2.1 คลิกบนรูปภาพทต่ี ้องการสร้างภาพโปรง่ แสง 5.2.2 เลอื กคำสง่ั Window>Effects 5.2.3 ปรบั ค่า opacity ให้ตำ่ กวา่ 100 ภาพจะโปร่งแสงขึน้ เร่อื ยๆ ภาพท่ี 5.4 เลอื กภาพที่ต้องการสร้างภาพโปรง่ แสง
57 ภาพที่ 5.5 แถบเมนูWindow>Effects การสรา้ งภาพโปร่งแสง ภาพท่ี 5.6 การปรับค่า opacity ให้ภาพโปร่งแสง 5.3 กำรใส่ Effect ใหก้ บั ภาพ 5.3.1 คลิกเลอื กภาพทเ่ี ราต้องการปรบั แต่ง 5.3.2 ใช้Selection tool แลว้ เลอื กคำสงั่ Object 5.3.3 Effect >Transparency
58 ภาพท่ี 5.7 การใส่ Effect ให้กับภาพ 5.4 ลักษณะการใชง้ านเอฟเฟ็กต์ ภาพที่ 5.8 ลักษณะการใช้งานเอฟเฟก็ ต์ Drop Shadow สร้างเงาให้กับภาพ ดา้ นนอกของกรอบเฟรม Inner Shadow สร้างเงาใหก้ ับภาพ ด้านในของกรอบเฟรม Outer Glow สร้างรัศมีบริเวณกรอบนอกวตั ถ Bevel and Emboss สรา้ งมุมเหลย่ี มและลายนูน Satin สรา้ งเงาแบบหยาบดา้ น Basic Feather ไลเ่ ฉดสใี ห้อ่อนลง มุมของวตั ถุเปน็ มุมโค้ง Directional Feather ไลเ่ ฉดสีใหอ้ ่อนลง มุมของวัตถุเปน็ มุมเหล่ยี ม Gradient Feather ไลเ่ ฉดสีให้ออ่ นลงท้ังวตั ถุ
60 แบบทดสอบท้ายบท บทท่ี 5 การนำ�ภาพมาใชใ้ น Adobe indesign
61 บทท่ี 5 การนำภาพมาใช้ใน Adobe indesign 1. การนำภาพเข้ามาใช้งานในโปรแกรม Adobe InDesign ต้องใชค้ ำสง่ั ใด ก. Place ข. Cplor ค. Styles ง. Effect 2. การปรับค่า opacity ของภาพตอ้ งเลือกคำส่ังใด ก. Place ข. Cplor ค. Styles ง. Effect 3. ข้อใดคอื ผลเอฟเฟ็กต์ของ Drop Shadow ก. สรา้ งเงาใหก้ บั ภาพ ด้านในของกรอบเฟรม ข. สร้างเงาให้กบั ภาพ ด้านนอกของกรอบเฟรม ค. Outer Glow สรา้ งรัศมบี รเิ วณกรอบนอกวัตถุ ง. สร้างเงาแบบหยาบดา้ น 4. ข้อใดคือผลเอฟเฟ็กตข์ อง Satin ก. สร้างเงาให้กบั ภาพ ดา้ นในของกรอบเฟรม ข. สร้างเงาให้กบั ภาพ ดา้ นนอกของกรอบเฟรม ค. สร้างรศั มีบริเวณกรอบนอกวตั ถุ ง. สร้างเงาแบบหยาบด้าน 5. ข้อใดคือผลเอฟเฟ็กต์ของ Basic Feather ก. สร้างรัศมบี ริเวณกรอบนอกวตั ถุ ข. สร้างมุมเหล่ยี มและลายนนู ค. ไลเ่ ฉดสใี ห้ออ่ นลง มมุ ของวัตถเุ ป็นมุมโค้ง ง. ไล่เฉดสใี ห้อ่อนลง มุมของวตั ถเุ ปน็ มมุ เหลีย่ ม
64 บทท่ี 6 Hyperlink
65 บทที่ 6 Hyperlink สาระสำคญั การออกแบบสิ่งพิมพ์ หรอื นิตยสาร หนงั สือตา่ งๆ ด้วยโปรแกรม Adobe InDesign โดยการ สรา้ ง ช้ินงานใหน้ า่ สนใจ การใสล่ ูกเลน่ ให้หลากหลาย เชน่ การใส่ Hyperlink เอกสารทำใหเ้ หมือนกบั การไดอ้ า่ น หนงั สอื จริงๆ และสามารถลงิ คไ์ ปยงั หนา้ ต่างๆทต่ี ้องการได้ สามารถดงึ ดดู ความสนใจมากข้นึ จดุ ประสงคก์ ารเรียนรู้ - ผู้เรยี นมีความรใู้ นการใชง้ านคำส่ัง Hyperlink ในโปรแกรม Adobe InDesign ได้ - ผ้เู รียนอธบิ ายการใช้งานคำสงั่ Hyperlink ในโปรแกรม Adobe InDesign ได้ - ผู้เรยี นสามารถใชง้ านคำสัง่ Hyperlink ในรปู แบบตา่ งๆของโปรแกรม Adobe InDesign ได้ สร้างการนำเสนอท่ีนำสนใจด้วย Adobe InDesign – Hyperlink Hyperlink หรอื Link เป็นสว่ น หน่งึ ที่เช่อื มโยงกับ Internet โดยมีลักษณะเป็นคำ, ข้อความ และรปู ภาพ แทนข้อความเดมิ ๆที่อยบู่ นเว็บเพจ จะมคี วามโดนเด่นกวา่ ตวั อนื่ ๆ สามารถใสเ่ ปน็ ข้อความสหี รือลกู เล่นตา่ งๆ เพื่อให้เกดิ ความสำคญั ของข้อความ น้ันและสามารถคลิกเข้าไป เพ่ือเกิด การเชอ่ื มต่อโดยส่งใหผ้ ู้ใช้เปดิ หนา้ เวบ็ เพจทีต่ ้องการหรือ web browser ตอ้ งการเปิดเอกสารต่อไป แทนการพมิ พ์ในแถบ web browser โดยตรง 6.1 การใส่ Hyperlink ใน InDesign แบบ URL 6.1.1 เปิดเมนูHyperlink ขึน้ มาโดยการคลกิ เลือก Window 6.1.2 คลกิ เลือก Interactive และเลอื ก Hyperlinks ภาพที่ 6.1 การเลือก Interactive และเลือก Hyperlinks
66 6.1.3 จะปรากฏหน้าเมนูHyperlink ขนึ้ มาดงั รูป ภาพท่ี 6.2 การเปิดเมนู Hyperlink 6.1.4 คลมุ ขอ้ ความทีต่ ้องการใส่ Hyperlink ไปยงั เวบ็ เพจอื่น ภาพท่ี 6.3 เลอื กข้อความท่ีใส่ Hyperlink 6.1.5 คลกิ เลอื ก Create new hyperlink จะปรากฏหน้าตา่ ง ดงั รูป ภาพที่ 6.4 เลือก Create new hyperlink 6.1.6 เมนู Link To คือ การใส่ Link เพอ่ื ไปยังตำแหนง่ ต่างๆ โดยใหค้ ลิกเลอื ก URL ใหล้ ิงค์ ไปยงั หนา้ เว็บ
67 ภาพที่ 6.5 การใส่ Link เพือ่ ไปยงั ตำแหน่งตา่ งๆ 6.1.7 Destination คือ ใส่ท่ีอยูข่ องเวบ็ ทต่ี ้องการให้ลิงค์ ภาพที่ 6.6 การใส่ Destination 6.1.8 Character Style และAppearance สามารถกำหนดรูปแบบของลงิ คเ์ ชน่ สเี ส้น ขอบ 6.1.9 เม่อื กำหนดเสรจ็ เรยี บร้อยแล้ว คลิกเลอื ก OK
68 ภาพท่ี 6.7 การใส่ Destination 6.2 การใส่ Hyperlink ไปยัง E-mail 6.2.1 คลุมข้อความท่ีเปน็ E-mail จากนนั้ คลิก Create new hyperlink จะปรากฏหน้าตา่ ง ดงั รปู ภาพท่ี 6.8 เลือกข้อความท่ีต้องการลงิ ค์E-mail 6.2.2 เลือก Link To เปน็ Email
69 ภาพที่ 6.9 กำหนดเปน็ Link To 6.2.3 Destination ให้ใส่ URL ทอ่ี ยู่ของ Email และ Subject Line คอื หัวขอ้ ท่ีจะสง่ ไปใน Email 6.2.4 เมอื่ กำหนดเสรจ็ เรยี บรอ้ ย คลกิ เลือก OK ภาพที่ 6.10 ก าหนด Destination 6.2.5 วิธีการ Preview เพ่ือตรวจสอบว่าสามารถลงิ ค์ไปยงั ตำแหนง่ ทต่ี ้องการได้คลิก Window และเลือก Interactive 6.2.6 คลิกเลอื ก SWF Preview หรอื Shift+Ctrl+Enter ภาพท8่ี .11 การ Preview ผลงาน
70 8.2.7 คลิกเลอื กขอ้ ความท่ีได้ใส่ Hyperlinks ก็จะแสดงผลไปยงั หนา้ เว็บที่ต้องการ ภาพท8่ี .12 ข้อความท่ไี ดใ้ ส่ Hyperlinks 8.3 กำรใส่ Hyperlinks ไปยงั File 8.3.1 คลุมขอ้ ความทตี่ ้องการลงิ คค์ ลกิ เลือก Create new hyperlink จะปรากฏ หน้าตา่ งดัง รปู ภาพที่ 6.13 เลอื ก Create new hyperlink 6.3.2 เลอื ก Link To เปน็ File 6.3.3 Destination คอื การเปิดไฟล์ที่ตอ้ งการให้ลิงค์ 6.3.4 เม่อื เลือกไฟล์ทตี่ ้องการแลว้ คลิกเลอื ก Open 6.3.5 หากไมต่ ้องการกำหนดค่าใดๆ ให้คลิกเลอื ก OK
71 ภาพที่ 6.14 การเลือก Destination และไฟล์งานท่ีต้องการ 6.4 การสร้าง Hyperlink ไปยัง Text หรือ ข้อความในไฟลง์ าน 6.4.1 คลุมขอ้ ความทต่ี ้องการ คลกิ เลอื กทม่ี ุมดา้ นขวา และเลือก New Hyperlink Destination ภาพที่ 6.15 การเลือก New Hyperlink Destination 6.4.2 เลือก Type เป็น Text Anchor และ Name คอื ข้อความที่ต้องการลงิ ค์ไป 6.4.3 คลิกเลือก OK
72 ภาพท่ี 6.16 การกำหนดเมนูType 6.4.4 เมอื่ เสรจ็ ใหไ้ ปยังหน้าท่ีตอ้ งการใหล้ งิ ค์ไป คลมุ ข้อความทเ่ี ลอื ก และคลิกเลือก Create new hyperlink ภาพท6ี่ .17 กำหนดลิงค์ไปยังหน้าที่ตอ้ งการ 6.4.5 Link To ให้เลือก Text Anchor 6.4.6 Document คอื ต้องการที่จะให้ข้อความลิงค์ไปยงั ตำแหนง่ ใด และ Text Anchor คอื ข้อความทไ่ี ด้สรา้ งไว้แล้ว ถ้าหากยงั ไมไ่ ดส้ ร้างจะปรากฏเปน็ None 6.4.7 เมอ่ื ตงั้ คา่ เสร็จเรียบรอ้ ยแล้ว คลิกเลือก OK ภาพที่ 6.18 กำหนด Link To และ Destination 6.4.8 วธิ ีการ Preview เพ่ือตรวจสอบวา่ สามารถลิงค์ไปยังตำแหนง่ ที่ต้องการได้คลิก Window และเลือก Interactive
73 6.4.9 คลกิ เลือก SWF Preview หรอื Shift+Ctrl+Enter ภาพท่ี 6.19 การ Preview เพ่อื ตรวจสอบว่าสามารถลิงค์ไปยังตำแหนง่ ท่ตี ้องการ 6.4.10 โดยการ Preview ให้คลิกเลอื ก Preview ท้ังหมดที่มุมล่างขวา จะแสดงผลที่ได้ ออกมา ภาพที่ 6.20 การ Preview ไปยงั หนา้ ที่ต้องการทั้งหมด
76 แบบทดสอบทา้ ยบท บทท่ี 6 Hyperlink
77 บทท่ี 6 Hyperlink 1. การ Hyperlinks ตอ้ งเลอื กทเี่ มนูใด ก. File ข. Edit ค. Layout ง. Interactive 2. ต้องใสข่ อ้ มูลใด ในช่อง Destination ก. ใสร่ ูปภาพ ข. ใสข่ อ้ ความ ค. ใสท่ ีอ่ ยู่ของเว็บท่ตี ้องการให้ลงิ ค์ ง. ขอ้ ก และ ข ถูก 3. การสรา้ งHyperlinksมีลำดับขัน้ ตอนอยา่ งไร ก. Hyperlink+Window+Interactive+Hyperlinks ข. Hyperlink+ File +Interactive+Hyperlinks ค. Hyperlink+ Edit +Interactive+Hyperlinks ง. Hyperlink+ Layout +Interactive+Hyperlinks 4. วิธกี ารกด Preview เพื่อตรวจสอบว่าสามารถลิงค์ไปยงั ตำแหนง่ ทต่ี อ้ งการต้องกดท่คี ำส่งั ใด ก. Ctrl+Enter ข. Shift+Ctrl+Enter ค. Shift+ Enter ง. Enter 5. การใส่ Hyperlink ไปยัง E-mail มีลำดบั ข้ันตอนแบบใด ก. คลิก Create new hyperlink +Link To + Youtube ข. คลกิ Create new hyperlink +Link To + Facebook ค. คลิก Create new hyperlink +Link To + Email ง. คลิก Create new hyperlink +Link To + Line
80 บทที่ 7 การ Export file
81 บทท่ี 7 การ Export file สาระสำคัญ การสรา้ งงานส่ิงพมิ พ์ในปัจจบุ ันสามารถสรา้ งได้หลายรูปแบบ แลว้ แต่การออกแบบของงาน แตล่ ะประเภท วา่ ตอ้ งจดั รูปแบบการสรา้ งงานสิง่ พิมพใ์ หอ้ อกมาอย่างสวยงาม ซ่งึ มีกระบวนการจดั ทำงานส่งิ พมิ พห์ ลายอย่าง เช่น ประเภทของสื่อสิง่ พิมพ์ กระบวนการผลิตสือ่ สิง่ พมิ พ์ การเตรยี มงาน พมิ พก์ ่อนสง่ โรงพมิ พ์ และประเภท ของโปรแกรมท่ีใช้ในการผลติ ส่อื สิ่งพิมพ์ก็มีมากมายในการใช้จดั ทำสอ่ื ส่ิงพิมพ์ เช่น Adobe InDesign, Adobe Photoshop เป็นต้น จุดประสงค์การเรียนรู้ - การใสห่ มายเลขหนา้ - ผู้เรยี นสร้างหนังสือได้ด้วยตนเอง - ผู้เรยี นนำโปรแกรม Adobe InDesign ไปประยุกตใ์ นการออกแบบหรือสร้างชิน้ งาน ประเภทอื่นได้ 7.1 การใสห่ มายเลขหน้า 7.1.1 คลิก Pages ดับเบล้ิ คลิกที่หน้ามาสเตอรใ์ น Pages ทีเ่ ราตอ้ งการกำหนดหมายเลขหน้า ภาพท่ี 7.1 การกำหนดหมายเลขหนา้
82 7.1.2 ใช้Type Tool คลกิ แล้วลาก เพือ่ สร้างกรอบขอ้ ความในตำแหนง่ ท่ีต้องการ และแสดง เคอเซอรเ์ พือ่ กำหนดตวั อักษรตน้ แบบในการใสห่ มายเลขหน้า ภาพที่ 7.2 ก าหนดตวั อักษรตน้ แบบในการใสห่ มายเลขหนา้ 7.1.3 เลือกคำส่งั Type->Insert Special Character->Markers Current Page Number เพอ่ื ใสห่ มายเลขหน้า ภาพท่ี 7.3 ต้งั คา่ การใสเ่ ลขหน้า
83 7.1.4 ปรากฏหมายเลขหนา้ เป็นตวั อักษร ในหน้ามาสเตอร์ ภาพที่ 7.4 หมายเลขหนา้ ท่เี ป็นตัวอักษร 7.5 การ Export File 7.5.1 คลกิ ที่เมนู File เลือก Export หรือ Ctrl+E ภาพที่ 7.14 การ Export File
84 7.5.2 เลอื กโฟลเดอรท์ ่ีต้องการเกบ็ ไฟล์ Export จากนัน้ ต้ังชื่อไฟล์งาน แล้วเลือกประเภทไฟล์ ท่ตี อ้ งการ Export กด Save ภาพท่ี 7.15 หน้าตา่ งในการ Export File 7.5.3 หน้าตา่ งการต้ังค่าในการ Export กด OK ภาพท่ี 7.16 หนา้ ต่างการตัง้ ค่าในการ Export
86 แบบทดสอบทา้ ยบท บทท่ี 7 การ Export file
87 บทที่ 7 การ Export file 1.การกำหนดหมายเลขหนา้ ต้องใชค้ ำสัง่ ใด ก. Layers ข. Pages ค. Stroke ง. Color 2. ขอ้ ใดใชส้ ร้างกรอบข้อความ ก. Character Style ข. Preview ค. Type Tool ง. Link To 3. ต้องเลือกคำสั่งใดเพ่ือใสห่ มายเลขหน้า ก. Character Style -> Insert Special Character->Markers Current Page Number ข. Preview ->Type->Insert Special Character->Markers Current Page Number ค. Export ->Insert Special Character->Markers Current Page Number ง. Type ->Insert Special Character ->Markers Current Page Number 4. การ Export File ตอ้ งเลือกทเี่ มนใู ด ก. File ข. Edit ค. Layout ง. Type 5. การ Export File สามารถใช้คยี ์ลดั ได้ตามขอ้ ใด ก. Ctrl+C ข. Ctrl+V ค. Ctrl+E ง. Ctrl+S
Search
