คู่มือ-indesign

40 4.7.3 เลอื กไฟล์ที่ต้องการ 4.7.4 กด Open ภำพท่ี 4.14 วิธีเลือกข้อความจากไฟลโ์ ปรแกรม Microsoft Word 4.7.5 ขอ้ ความจากไฟล์ Microsoft Word จะถูกนาเข้ามาในโปรแกรม InDesign ภำพที่ 4.15 ขอ้ ความจากไฟล์ Microsoft Word จะถูกนาเขา้ มาในโปรแกรม InDesign

41 4.8 กำรใช้งำน Text Frame Option การใช้งาน Text Frame Option เป็นการปรับรายละเอียดของงานใน Frame ใหส้ มบูรณ์ ตามตอ้ งการ 4.8.1 คลกิ ที่ Frame ข้อความ จากน้นั ไปท่ีคาส่ัง Object เลือก Text Frame Options... หรือคลกิ ขวาที่ Frame ขอ้ ความ เลือก Text Frame Options... 4.8.2 คลกิ ลากขนาดตามต้องการ ภำพท่ี 4.16 การใช้งาน Text Frame Option 4.8.3 เลอื กเครื่องมือ Type Tool 4.8.4 คลิกตาแหนง่ ของขอบรูปท่เี ราตอ้ งการจดั แนว ภำพที่ 4.17 เลือกเคร่อื งมือ Type Tool พมิ พ์ข้อความทต่ี ้องการ

42 4.8.5คลกิ ท่ี Frame ขอ้ ความ จากน้ันไปท่ีคาสั่ง Object 4.8.6 เลือก Text Frame Options… ภำพที่ 4.18 การใชค้ าสัง่ Text Frame Option เพื่อกาหนดค่าการจดั รูปแบบ 4.8.7 กาหนดค่าใน Text Frame Options ตามต้องการ แล้วคลิก OK เมอื่ ปรับคา่ ตาม ตอ้ งการเรียบรอ้ ย ภำพที่ 4.19 การกาหนดค่าใน Text Frame Options

43 Columns ใช้กาหนดจานวนคอลัมนใ์ นเฟรม Width ความกว้างของคอลมั น์ Gutter ระยะหา่ งระหวา่ งคอลมั น์ Inset Spacing การเวน้ วรรค และกาหนดระยะหา่ งในคอลัมน์ Vertical Justification Align กาหนดรปู แบบการลดั วางตัวอักษร Frame Ignore Text Warp คอการกาหนดให้ Text Warp ซอ้ น Text Warp โดยไม่บังกัน Preview การดูภาพตัวอย่างขณะปรับเปล่ยี น 4.8.8 จะไดร้ ปู แบบตามที่ตง้ั ค่าไว้ แลว้ พมิ พ์ข้อความท่ีต้องการลงไป ภำพที่ 4.20 การใชง้ าน Text Frame Option เปน็ การปรับรายละเอยี ดของงานใน Frame

44 4.9 กำรซ้อน Frame โดยใช้ Ignore Text Warp 4.9.1 ในหนา้ กระดาษท่ีมีข้อความอยู่ คลิกสรา้ งรปู วงกลม หรอื ส่เี หล่ยี ม สามารถสรา้ งได้จาก Ellipse Tool หรอื Ellipse Frame Tool 4.9.2 พมิ พ์ข้อความที่ต้องการลงไป ภำพท่ี 4.21 การสรา้ ง Frame 4.9.3 ปมุ่ คาส่งั windows 4.9.4 เลอื ก Text wrap ภำพท่ี 4.22 การสร้าง Text wrap

45 4.9.5 เลอื กการจัดวาง Text wrap ตามรปู แบบที่ต้องการ ภำพท่ี 4.23 การจัดวาง Text wrap 4.9.6 สร้างเฟรมข้อความข้ึนมาอีกหนึง่ เฟรม ภำพที่ 4.24 การสรา้ งเฟรมข้อความข้นึ มาอกี หนง่ึ เฟรม

46 4.9.7 ลากไปวางไว้ตรงกลางรูปภาพ ซึ่งจะมองไมเ่ ห็นตัวอกั ษรใน Frame ภำพที่ 4.25 การซ้อน Frame 4.9.8 คลิกขวาใน Frame ทีส่ รา้ งขนึ้ จากนน้ั เลือก Text Frame Options... ภำพที่ 4.26 การเลือก Text Frame Options เพอื่ กาหนดคา่

47 4.9.9 ปรากฏหน้าตา่ ง Text Frame Options... เลอื ก Ignore Text Warp ภำพที่ 4.27 กาหนดคา่ Text Frame Options 4.9.10 ขอ้ ความทถี่ ูกซ่อนจะปรากฏขนึ้ ภำพที่ 4.28 การซ้อน Frame โดยใช้ Ignore Text Warp

Adobe InDesign cs6 เปน็ หนง่ึ ในชุด โปรแกรม Adobe Creative Cloud สามารถออกแบบ รายละเอียดต่างๆ ของส่ือสิ่งพิมพ์ได้มากมาย ไม่ว่าจะเป็นการนารูปวาด หรือการนารูปถ่ายมาดีไซน์ เป็นหน้าปกหนังสือ การจดั รูปแบบหนงั สอื และตัวอักษร การจัดวางรายละเอียดในหน้าต่างๆ ภายใน หนังสือ ช่วยให้การจัดทานิตยสารในแต่ละเล่ม และลดเวลาในการออกแบบ เพ่ือเพ่ิมความ สะดวกสบายให้แก่ผ้อู อกแบบสอ่ื ส่งิ พิมพ์ สรา้ งความนา่ สนใจของชิน้ งาน และยังทาใหด้ ูมชี วี ิตชวี า 2.1 ผ้เู รียนสามารถอธิบายขัน้ ตอนการนาภาพเขา้ มาใช้งานในโปรแกรม InDesign ไดอ้ ยา่ ง ถกู ต้อง 2.2 ผู้เรียนสามารถประยุกต์ใชข้ น้ั ตอนการนาภาพเข้ามาใช้งานในโปรแกรม InDesign สร้างสรรค์ช้นิ งานได้อย่างสวยงาม 3.1 วธิ ีการนาภาพเขา้ มาใช้งานในโปรแกรม InDesign 3.2 การสรา้ งภาพโปรง่ แสง 3.3 การใส่ Effect ใหก้ บั ภาพ 3.4 ลักษณะการใช้งานเอฟเฟ็กต์

49 5.1 วิธกี ำรนำภำพเข้ำมำใช้งำนในโปรแกรม InDesign 5.1.1 ไปท่ี Menu File > Place 5.2.2 เลอื กรูปภาพทีต่ อ้ งการแลว้ กดOpen 5.2.3 แลว้ คลิกลงบนพื้นที่ที่ต้องการนาภาพมาวาง ภำพท่ี 5.1 แถบคาสั่งการแทรกภาพ ภำพที่ 5.2 การนาภาพเข้ามาใช้งานในโปรแกรมจากโฟลเดอร์

50 ภำพท่ี 5.3 การแสดงภาพที่แทรกจากโฟลเดอร์ 5.2 กำรสร้ำงภำพโปร่งแสง 5.2.1 คลกิ บนรูปภาพที่ต้องการสรา้ งภาพโปรง่ แสง 5.2.2 เลอื กคาส่งั Window>Effects 5.2.3 ปรบั ค่า opacity ให้ต่ากว่า 100 ภาพจะโปรง่ แสงขึ้นเร่อื ยๆ ภำพที่ 5.4 เลือกภาพท่ตี อ้ งการสร้างภาพโปร่งแสง

51 ภำพที่ 5.5 แถบเมนู Window>Effects การสร้างภาพโปร่งแสง ภำพที่ 5.6 การปรับค่า opacity ให้ภาพโปรง่ แสง 5.3 กำรใส่ Effect ให้กับภำพ 5.3.1 คลิกเลือกภาพท่ีเราต้องการปรับแตง่ 5.3.2 ใช้ Selection tool แล้วเลือกคาส่งั Object 5.3.3 Effect >Transparency

52 ภำพท่ี 5.7 การใส่ Effect ให้กับภาพ 5.4 ลักษณะกำรใชง้ ำนเอฟเฟก็ ต์ ภำพที่ 5.8 ลกั ษณะการใชง้ านเอฟเฟ็กต์ Drop Shadow สร้างเงาให้กับภาพ ดา้ นนอกของกรอบเฟรม Inner Shadow สรา้ งเงาให้กับภาพ ด้านในของกรอบเฟรม Outer Glow สรา้ งรศั มีบริเวณกรอบนอกวัตถุ

53 Bevel and Emboss สร้างมมุ เหล่ยี มและลายนูน Satin สร้างเงาแบบหยาบดา้ น Basic Feather ไลเ่ ฉดสใี ห้อ่อนลง มมุ ของวตั ถเุ ปน็ มมุ โค้ง Directional Feather ไลเ่ ฉดสใี หอ้ อ่ นลง มมุ ของวตั ถุเปน็ มุมเหล่ยี ม Gradient Feather ไลเ่ ฉดสีให้อ่อนลงท้งั วัตถุ

การวาดวัตถุประกอบ เป็นการวาดภาพเวกเตอร์จะเป็นการสร้างเส้นพาธ จากจุดหนึ่งไปยัง จุดหน่ึง ต่อกันไปจนเป็นรูปทรงหรือภาพตามท่ีเรากาหนด โดยที่จุดปลายท้ัง 2 ด้าน ของเส้นแต่ละ เส้นนั้น ทาหน้าที่เปน็ ตัวยึดเส้นให้เช่ือมต่อกนั ซ่ึงประกอบดว้ ย 2 ประเภท คือ เสน้ พาธแบบเปิด เส้น พาธแบบเปิด 2.1 ผเู้ รียนสามารถอธบิ ายความหมายของเสน้ พาธได้ 2.2 ผู้เรยี นสามารถวาดภาพโดยใช้เสน้ พาธได้ถูกต้อง 2.3 ผู้เรียนสามารถสรา้ งเสน้ พาธเป็นชิ้นงานได้อยา่ งสวยงาม 3.1 ทาความรู้จักกับพาธ (Path) 3.2 ประเภทของเส้นพาธ 3.3 ชนดิ ของจุดยดึ 3.4 ความโคง้ ของเสน้ พาธ 3.5 การวาดเสน้ ตรง 3.6 การวาดรปู ทรงแบบตายตัว 3.7 การวาดรูปทรงอย่างอสิ ระ 3.8 การเปลี่ยน 3.9 วาดภาพดว้ นดินสอ (Pencil Tool)

55 6.1 ทำควำม รู้จักกบั พำธ (Path) การวาดภาพเวกเตอร์จะเป็นการสร้างเส้นพาธ จากจุดหน่ึงไปยังจุดหน่ึง ต่อกันไปจนเป็น รปู ทรงหรือภาพตามท่ีเรากาหนด โดยท่ีจุดปลายท้ัง 2 ด้าน ของเส้นแต่ละเสน้ นั้น จาทาหน้าท่ีเป็นตัว ยึดเสน้ ให้เช่อื มต่อกนั 6.2 ประเภทของเส้นพำธ เส้นพาธจะมีอยู่ 2 ประเภท 1. เสน้ พำธแบบเปิด (open path) เป็นเสน้ พาธทีม่ ีจดุ ยดึ จดุ เรม่ิ ต้น และจดุ จบของพาธ ไมเ่ ป็นจดุ เดยี วกนั 2. เส้นพำธแบบเปิด (close path) เปน็ เส้นพาธท่ีมีจดุ ยึด จดุ เร่มิ ต้นของพาธ และจดุ จบ ของพาธเป็นจดุ เดยี วกัน 6.3 ชนิดของจดุ ยึด 1. จดุ ยึดด่วนมุม (corner point) เป็นจดุ ยดึ ทีเ่ ชื่อมต่อเส้นตรงเข้ากบั เส้นตรง หรือ เส้นตรงเขา้ กบั เสน้ โค้ง 2. จุดยึดส่วนโค้ง (smooth point) เป็นจุดยึดทีเ่ ช่ือมต่อระหวา่ งเสน้ โค้งกบั เสน้ โคง้ ซึง่ จะ มลี ักษณะ เป็นสว่ นโคง้ ทม่ี ีความต่อเน่ืองกนั 6.4 ควำมโค้งของเส้นพำธ ความโค้งของเส้นพาธนัน้ ขน้ึ อย่กู บั แขนปรับความโค้งท่ีจดุ ยึด หากแขนยาวกจ็ ะไดม้ มุ โค้งท่ี กวา้ ง และหากแขนส้ันก็จะได้มมุ โค้งท่แี คบลงหรอื หากจุดยึดไม่มีแขน 2 จุดอยตู่ ดิ กนั เส้นพาธระหวา่ ง 2 จุดนีจ้ ะเป็นเสน้ ตรง 6.5 กำรวำดเส้นตรง ในหัวข้อนี้เราจะวาดภาพจากเครื่องมือต่าง ๆ โดยเร่ิมจากการวาดเส้นตรงกันก่อนด้วย Line Tool โดยคลกิ เลอื กเครือ่ งมอื Line Tool และคลกิ ลากเส้นบนหนา้ กระดาษ 6.5.1 คลิกเลือก Line Tool 6.5.2 คลกิ ลากเส้นตรง 6.5.3 ดบั เบล้ิ คลกิ เพ่ือเปลย่ี นสเี สน้ 6.5.4 เลอื กสที ี่ต้องการ 6.5.5 กาหนดความหนาของเสน้ ในคอนโทรลพาเนลเท่ากบั 3 pt

56 ภำพที่ 6.1 การเริม่ ต้นวาดเส้นตรง ภำพท่ี 6.2 การวาดเส้นตรง ภำพท่ี 6.3 การวาดและตกแตง่ สีเส้นตรง

57 6.5 กำรวำดรูปทรงแบบตำยตัว 6.5.1 วำดรูปวงกลมหรอื วงรีด้วย Ellipse Tool 6.5.1.1 คลิกวาดรูปวงกลมหรือวงรีดว้ ย Ellipse Tool 6.5.1.2 คลิกเลือก Ellipse Tool 6.5.1.3 คลกิ วาดรปู ภำพที่ 6.4 การวาดรปู วงกลมหรือวงรีด้วย Ellipse Tool ภำพที่ 6.5 การวาดรปู วงกลมหรือวงรดี ้วย Ellipse Tool 6.5.2 วำดรูปหลำยเหลี่ยมด้วย Polygon Tool 6.5.1.1 คลิกเลอื ก Polygon Tool 6.5.1.2 คลกิ วาดรูป ภำพที่ 8.6 การวาดรปู หลายเหลี่ยมดว้ ย Polygon Tool

58 6.8 กำรวำดรปู ทรงอย่ำงอิสระ 6.8.1 วำดภำพด้วย Pen Tool Pen Tool เปน็ เครือ่ งมือทใี่ ช้วาดเส้นได้อย่างอสิ ระ โดยแต่ละสว่ นของเสน้ นั้น จะถกู เช่อื มต่อถงึ กันดว้ ยจุดยดึ ซ่งึ ภายในกล่มุ ของ Pen Tool จะมีเครอ่ื งมอื ต่าง ๆ สาหรบั ปรับแต่งเสน้ พาธ ใหเ้ ปน็ รปู ททรงตา่ ง ๆ 6.8.1.1 กำรวำดเสน้ ตรง (1) คลิกเลือก Pen Tool (2) คลิกวาดจุดเริ่มตน้ (3) คลิกวาดจุดปลายของเส้น ภำพที่ 6.7 การวาดเส้นตรง 6.8.1.2 กำรวำดเสน้ โคง้ ในการใช้ Pen Tool วาดเส้นโค้งจะมีแขนปรับความโค้งย่ืนออกมาสาหรับ ให้เราปรับความโค้งได้ตามตอ้ งการ ดังนี้ เส้นโค้งแบบตวั C 1. คลกิ เลือก Pen Tool 2. คลกิ และดงึ ขนาดของจุด จากนั้นคลกิ และดึงแขนของจุดลง ภำพท่ี 6.8 เสน้ โคง้ แบบตัว C

59 6.9 กำรเปลี่ยนลักษณะจุดยึดระหว่ำงจดุ ยดึ ส่วนโคง้ เปลี่ยนเส้นโค้งเป็นตรง ใช้ Direct Selection Tool คลิกเลือกพาธท่ีต้องการปรับ จากนั้น คลิกเลือก Convert Direction Point Tool เปลยี่ นเส้นตรงเปน็ เส้นโคง้ คลกิ เลือกพาธที่ต้องการปรับ จากน้ันใช้ Convert Direction Point Tool คลิกท่ีจุดยึดของเส้นตรงและดึงแขนปรับความ โค้ง ออกมาจากยึดสว่ นมุม จะไดเ้ สน้ ตรงเปล่ยี นเปน็ เส้นโค้งแทน 6.10 วำดภำพดว้ นดนิ สอ (Pencil Tool) 6.10.1 วำดเส้นอยำ่ งอิสระ 6.10.1.1 คลกิ เลอื ก Pencil Tool จากนัน้ คลิกเมาสว์ าดภาพ 6.10.1.2 คลิกเมาสว์ าดเช่ือมต่อปลายทง้ั 2 ของเสน้ พาธให้เปน็ แบบปดิ ภำพที่ 6.9 การวาดเส้นอย่างอสิ ระ 6.10.2 แกไ้ ขลำยเสน้ ของภำพ นอกจากเราจะใช้ดินสอ (Pencil Tool) วาดเส้นขึ้นมาใหม่ให้เป็นภาพแล้ว เรายัง สามารถใช้ดินสอวาดลงไปในภาพเพ่อแก้ไขลายเส้นท่ีมีอยู่ให้เป็นรูปร่างท่ีเปล่ียนไป หรือวาดต่อเติม ลายเส้นจากเดมิ ให้ยาวเพ่ิมขึ้นอกี ได้ 6.10.3 ตกแตง่ เสน้ ใหโ้ คง้ เรยี บ 6.10.3.1 คลิกเลือก Smooth Tool 6.10.3.2 กดคยี ์ <Ctrl> และคลิกเลือกเส้นพาธที่ต้องการปรบั แต่งเสน้ พาธ ภำพท่ี 6.10 ตกแต่งเส้นใหโ้ ค้งเรยี บ

60 6.10.4 ลบเสน้ ที่ไมต่ ้อง 6.10.4.1 คลิกเลอื ก Erase Tool 6.10.4.2 กดคีย์<Ctrl> และคลิกเลือกเส้นพาธที่ต้องการลบ จากน้ันคลิก ลบเส้น ภำพท่ี 6.11 ลบเสน้ ทไี่ มต่ ้องการ

โปรแกรม Adobe InDesign เป็นเคร่ืองมือสาหรับสร้างงานด้านส่ือส่ิงพิมพ์ เพราะสามารถ สร้างไฟล์สิ่งพิมพ์ท่ีมีความละเอียดสูงได้ และยังเป็นโปรแกรมท่ีนิยมใช้สาหรับการจัดทาหนังสือ นติ ยสาร และสามารถเพ่ิมสีสัน ลูกเล่นตา่ งๆใหแ้ กผ่ ลงานไดอ้ ยา่ งสวยงาม และน่าสนใจ 2.1 ผเู้ รยี นมีความรใู้ นการใช้งานเครอ่ื งมือทเ่ี ก่ยี วกับสีในโปรแกรม Adobe InDesign ได้ 2.2 ผู้เรียนอธิบายการใชง้ านเครอ่ื งมือทีเ่ ก่ยี วกบั สีในโปรแกรม Adobe InDesign ได้ 2.3 ผ้เู รียนสามารถใช้งานเคร่ืองมือที่เกี่ยวกับสีในโปรแกรม Adobe InDesign ได้ 3.1 โหมดสีท่ใี ช้งานในโปรแกรม InDesign 3.2 การใสส่ ใี ห้วัตถุ 3.3 การเลอื กสีจาก Color Picker 3.4 เลือกสีจากพาเนล Color 3.5 การเลอื กสีจากพาเนล Swatches 3.6 การระบายสีดว้ ยเคร่ืองมือ Eyedropper Tool 3.7 การระบายสีแบบไล่โทน (Gradient) 3.8 การสรา้ งภาพโปร่งแสง

62 7.1 โหมดสที ่ีใช้งำนในโปรแกรม InDesign 7.1.1 โหมด RGB ใชห้ ลกั การของโมเดล RGB โดยมีการกาหนดคา่ ความเขม้ ขน้ ของสีแดง เขยี ว และนา้ เงนิ ท่ีมาผสมกนั ในแตล่ ะพิกเซล เป็นคา่ ตัง้ แต่ 0-255 ภาพท่เี กิดจากโหมด RGB 7.1.2 โหมด CMYK ใชห้ ลกั การของโมเดล CMYK โดยมีการกาหนดคา่ สีจากเปอร์เซน็ ตค์ วาม เข้มขน้ ของสแี ตล่ ะสที ่ีมาผสม 7.1.3 โหมด Lab ใช้หลักการของโมเดล Lab ในการผสมสี โดยโปรแกรมจะยึดโหมดน้ีเป็น เหมือนตัวกลางในการแปลงจากโหมดสีหนึ่งไปอีกโหมดสีหน่ึง เนื่องจากหลักการของ Lab น้ีเป็น มาตรฐานท่ไี มข่ น้ึ อยู่กับโมเดลใดๆ จงึ ใช้เป็นโหมดตวั กลาง 7.2 กำรใส่สใี ห้วตั ถุ 7.2.1 คลิกเมาส์ที่ สี จะเป็นการเปลี่ยนสีขอวตั ถุ และเสน้ ขอบของวัตถุ ภำพที่ 7.1 การเลือกสขี องวัตถุ 7.2.2 กาหนดรูปแบบการใสส่ ี เปน็ การกาหนดรปู แบบของสีพน้ื หรือสีเส้นขอบตามท่เี รา เลอื ก คือ - Color เป็นการกาหนดสีเพียงสีเดยี วลงในพนื้ ที่ หรือเส้นขอบของวัตถุ - Gradient เปน็ การระบายสีแบบไลโ่ ทนสีใหก้ บั พ้นื ท่ี หรอื เส้นขอบวัตถุ - None ไม่มีการใสส่ ลี งในพ้ืนที่ หรอื เส้นขอบของวตั ถุ

63 ภำพที่ 7.2 กาหนดรูปแบบใส่สขี องวัตถุ 7.3 กำรเลือกสีจำก Color Picker 7.3.1 คลกิ เลอื กวัตถุ ภำพท่ี 7.3 เลือกวตั ถุ 7.3.2 ดบั เบล้ิ คลกิ เมาสท์ ส่ี ีพน้ื หรอื สเี สน้ เลื่อนสไลด์เลอื กโทนสีตามท่ตี อ้ งการ 7.3.3 กาหนดค่าสี และคลกิ OK

64 ภำพท่ี 7.4 กาหนดคา่ สี 7.3.4 จะปรากฏสีทีเ่ ลอื กของวตั ถุ ภำพที่ 7.5 สที เี่ ลอื กของวัตถุ

65 7.4 เลอื กสีจำกพำเนล Color 7.4.1 คลกิ เลือกวตั ถุ ภำพที่ 7.6 เลอื กวัตถุ 7.4.2 คลิกเลอื กกาหนดสีพ้นื หรือสเี ส้น ภำพที่ 7.7 กาหนดสพี นื้ หรอื สีเสน้

66 7.4.3 คลิกเลือกที่ Color และเลือกสีทีต่ อ้ งการ ภำพท่ี 7.8 เลอื กสที ่ตี ้องการ 7.4.4 คลิกเลือกโหมดสีได้ตามตอ้ งการ ได้แก่ CMYK LAB RGB ภำพที่ 7.9 เลอื กโหมดสี

67 7.4.5 เมื่อเลือกโหมดสีแลว้ คลิกเลอื กกาหนดค่าสีไดต้ ามต้องการ ภำพที่ 7.10 กาหนดคา่ สีตามตอ้ งการ 7.5 กำรเลือกสีจำกพำเนล Swatches 7.5.1 คลิกเลือกวัตถุ ภำพที่ 7.11 เลอื กวัตถุ

68 7.5.2 คลิกเลอื กกาหนดสีพ้นื หรือสเี สน้ ภำพท่ี 7.12 กาหนดสีพื้น และสีเส้น 7.5.3 คลกิ เลือก Swatches ภำพที่ 7.13 เลือก Swatches

69 7.5.4 กาหนดค่าสีตามตอ้ งการ และคลกิ เลือกความโปรง่ ใสของสีได้ ภำพที่ 7.14 เลือก Swatches 7.6 กำรระบำยสดี ้วยเครอ่ื งมือ Eyedropper Tool 7.6.1 คลิกเลือกวตั ถุ ภำพท่ี 7.15 เลอื กวตั ถุที่ต้องการ

70 7.6.2 คลิกเลอื ก Eyedropper Tool 2 ภำพท่ี 7.16 เลอื ก Eyedropper Tool 7.6.3 คลกิ เลือกสีจากตน้ แบบ ภำพท่ี 7.17 เลอื กสจี ากต้นแบบ

71 7.6.4 เมื่อคลกิ เลอื กสีจากตน้ แบบแล้ว นามาคลกิ ลงในรูปทรงที่เลอื กไวใ้ หเ้ ป็นสเี ดียวกบั ตน้ แบบ ภำพที่ 7.18 เลอื กรูปทรงใหเ้ ป็นสีเดยี วกัน 7.7 กำรระบำยสีแบบไลโ่ ทน (Gradient) Gradient เป็นคาส่ังที่ใช้ในการระบายสแี บบไลโ่ ทนสีจากสีหน่ึงไปยงั อีกสีหนึ่ง ซงึ่ เราสามารถ กาหนดสีแต่ละช่วงท่ีใช้ และมุมมองการไล่โทนสีได้อีกด้วย โดยจะใช้งานควบคู่กันระหว่างพาเนล Gradient และเคร่ืองมอื Gradient Swatch Tool 7.7.1 ใสโ่ ทนสีให้กบั วัตถุ 7.7.1.1 คลิกเลอื กภาพหรอื วัตถทุ ต่ี ้องการ ภำพที่ 7.19 เลือกภาพ

72 7.7.1.2 คลกิ เลอื กกาหนดสีพ้ืนแบบไลส่ ี (Gradient) ภำพท่ี 7.20 กาหนดสพี น้ื แบบไลส่ ี 7.7.1.3 เลือกลกั ษณะการไล่สี 7.7.1.4 เม่ือกาหนดลักษณะการไล่สีเรยี บรอ้ ยแล้ว คลกิ OK ภำพที่ 7.21 ลักษณะการไล่สี

73 7.7.1.5 เปลยี่ นเป็นสีที่เราตอ้ งการ ภำพที่ 7.22 สีทไี่ ดจ้ ากการกาหนดลกั ษณะการไล่สี 7.7.1.6 คลิกลากเสน้ เพ่ือเลื่อนกาหนดการไลโ่ ทนของสี และกาหนดมมุ เอยี ง ภำพท่ี 7.23 การไล่โทนสโี ดยการลากเสน้

74 7.7.1.7 ปรากฏสีไดท้ าการไลโ่ ทนสเี รยี บรอ้ ยแล้ว ภำพท่ี 7.24 วตั ถทุ ไ่ี ด้กาหนดการไลโ่ ทนสีแลว้ 7.8 กำรสร้ำงภำพโปรง่ แสง 7.8.1 คลกิ เลอื กวตั ถุ ภำพท่ี 7.25 เลอื กวัตถุทีจ่ ะสรา้ งให้โปร่งแสง

75 7.8.2 กาหนดค่า Opacity ของวตั ถุ เพื่อให้วตั ถุโปรง่ ใส จะไดว้ ัตถทุ ่ีมคี วามโปรง่ ใส ภำพที่ 7.26 วตั ถทุ ีไ่ ด้จากการกาหนดคา่ Opacity

การออกแบบสงิ่ พิมพ์ หรอื นิตยสาร หนังสอื ตา่ งๆ ด้วยโปรแกรม Adobe InDesign โดยการ สร้างชิ้นงานใหน้ ่าสนใจ การใสล่ กู เล่นใหห้ ลากหลาย เช่น การใส่ Hyperlink เอกสารทาให้เหมอื นกับ การได้อ่านหนังสือจรงิ ๆ และสามารถลิงค์ไปยงั หน้าต่างๆท่ีต้องการได้ สามารถดงึ ดูดความสนใจมาก ขนึ้ 2.1 ผู้เรยี นมีความรู้ในการใชง้ านคาสั่ง Hyperlink ในโปรแกรม Adobe InDesign ได้ 2.2 ผเู้ รยี นอธิบายการใช้งานคาสั่ง Hyperlink ในโปรแกรม Adobe InDesign ได้ 2.3 ผเู้ รยี นสามารถใชง้ านคาส่ัง Hyperlink ในรูปแบบตา่ งๆของโปรแกรม Adobe InDesign ได้ 3.1 การใส่ Hyperlink ใน InDesign แบบ URL 3.2 การใส่ Hyperlink ไปยัง E-mail 3.3 การใส่ Hyperlinks ไปยัง File 3.4 การสรา้ ง Hyperlink ไปยงั Text หรอื ข้อความในไฟล์งาน

77 สร้ำงกำรนำเสนอท่ีน่ำสนใจด้วย Adobe InDesign – Hyperlink Hyperlink หรือ Link เป็นส่วนหน่ึงท่ีเชื่อมโยงกับ Internet โดยมีลักษณะเป็นคา, ข้อความ และรูปภาพ แทนข้อความเดิมๆที่อยู่บนเว็บเพจ จะมีความโดนเด่นกว่าตัวอ่ืนๆ สามารถใส่เป็น ข้อความสีหรือลูกเล่นต่างๆ เพ่ือให้เกิดความสาคัญของข้อความนั้นและสามารถคลิกเข้าไป เพ่ือเกิด การเชื่อมต่อโดยส่งให้ผู้ใช้เปิดหน้าเว็บเพจท่ีต้องการหรือ web browser ต้องการเปิดเอกสารต่อไป แทนการพิมพ์ในแถบ web browser โดยตรง 8.1 กำรใส่ Hyperlink ใน InDesign แบบ URL 8.1.1 เปิดเมนู Hyperlink ข้นึ มาโดยการคลกิ เลือก Window 8.1.2 คลกิ เลอื ก Interactive และเลอื ก Hyperlinks ภำพท่ี 8.1 การเลอื ก Interactive และเลือก Hyperlinks

78 8.1.3 จะปรากฏหน้าเมนู Hyperlink ขึน้ มาดังรปู ภำพที่ 8.2 การเปิดเมนู Hyperlink 8.1.4 คลุมข้อความทต่ี ้องการใส่ Hyperlink ไปยังเว็บเพจอื่น ภำพที่ 8.3 เลอื กขอ้ ความท่ใี ส่ Hyperlink

79 8.1.5 คลิกเลือก Create new hyperlink จะปรากฏหน้าต่าง ดงั รปู ภำพท่ี 8.4 เลอื ก Create new hyperlink 8.1.6 เมนู Link To คือ การใส่ Link เพ่ือไปยังตาแหน่งต่างๆ โดยให้คลิกเลือก URL ให้ลิงค์ ไปยังหนา้ เว็บ ภำพท่ี 8.5 การใส่ Link เพอื่ ไปยังตาแหน่งต่างๆ

80 8.1.7 Destination คือ ใสท่ ี่อยู่ของเว็บท่ตี อ้ งการใหล้ ิงค์ ภำพท่ี 8.6 การใส่ Destination 8.1.8 Character Style และAppearance สามารถกาหนดรปู แบบของลงิ ค์ เชน่ สี เสน้ ขอบ 8.1.9 เมอ่ื กาหนดเสรจ็ เรยี บร้อยแลว้ คลกิ เลือก OK ภำพที่ 8.7 การใส่ Destination

81 8.2 กำรใส่ Hyperlink ไปยงั E-mail 8.2.1 คลมุ ขอ้ ความทเ่ี ป็น E-mail จากน้นั คลิก Create new hyperlink จะปรากฏหน้าต่าง ดงั รูป ภำพท่ี 8.8 เลือกข้อความที่ต้องการลิงค์ E-mail 8.2.2 เลือก Link To เป็น Email ภำพที่ 8.9 กาหนดเปน็ Link To

82 8.2.3 Destination ให้ใส่ URL ที่อยู่ของ Email และ Subject Line คือ หัวข้อที่จะส่งไปใน Email 8.2.4 เมือ่ กาหนดเสร็จเรียบรอ้ ย คลิกเลอื ก OK ภำพท่ี 8.10 กาหนด Destination 8.2.5 วิธีการ Preview เพ่ือตรวจสอบว่าสามารถลิงค์ไปยังตาแหน่งที่ต้องการได้ คลิก Window และเลอื ก Interactive 8.2.6 คลกิ เลือก SWF Preview หรือ Shift+Ctrl+Enter ภำพท่ี 8.11 การ Preview ผลงาน

83 8.2.7 คลกิ เลือกขอ้ ความท่ีไดใ้ ส่ Hyperlinks ก็จะแสดงผลไปยงั หน้าเว็บทต่ี อ้ งการ ภำพท่ี 8.12 ขอ้ ความทไ่ี ดใ้ ส่ Hyperlinks 8.3 กำรใส่ Hyperlinks ไปยัง File 8.3.1 คลุมขอ้ ความท่ีต้องการลงิ ค์ คลิกเลือก Create new hyperlink จะปรากฏหน้าต่างดงั รปู ภำพท่ี 8.13 เลือก Create new hyperlink

84 8.3.2 เลือก Link To เป็น File 8.3.3 Destination คือ การเปิดไฟลท์ ่ีตอ้ งการให้ลงิ ค์ 8.3.4 เมอ่ื เลอื กไฟลท์ ่ตี ้องการแล้ว คลกิ เลอื ก Open 8.3.5 หากไมต่ ้องการกาหนดคา่ ใดๆ ให้คลิกเลือก OK ภำพท่ี 8.14 การเลอื ก Destination และไฟลง์ านทต่ี ้องการ 8.4 กำรสร้ำง Hyperlink ไปยงั Text หรือ ข้อควำมในไฟลง์ ำน 8.4.1 คลมุ ข้อความที่ต้องการ คลกิ เลอื กทม่ี ุมดา้ นขวา และเลอื ก New Hyperlink Destination . ภำพท่ี 8.15 การเลอื ก New Hyperlink Destination

85 8.4.2 เลอื ก Type เป็น Text Anchor และ Name คอื ข้อความที่ต้องการลงิ คไ์ ป 8.4.3 คลิกเลอื ก OK ภำพที่ 8.16 การกาหนดเมนู Type 8.4.4 เม่ือเสร็จให้ไปยังหนา้ ที่ต้องการให้ลงิ ค์ไป คลมุ ข้อความทีเ่ ลอื ก และคลิกเลอื ก Create new hyperlink ภำพท่ี 8.17 กาหนดลงิ ค์ไปยังหน้าทต่ี อ้ งการ

86 8.4.5 Link To ใหเ้ ลอื ก Text Anchor 8.4.6 Document คือ ต้องการท่ีจะให้ข้อความลิงค์ไปยังตาแหนง่ ใด และ Text Anchor คอื ข้อความที่ได้สร้างไว้แลว้ ถา้ หากยงั ไมไ่ ด้สรา้ งจะปรากฏเปน็ None 8.4.7 เมือ่ ตงั้ ค่าเสรจ็ เรยี บร้อยแลว้ คลิกเลอื ก OK ภำพที่ 8.18 กาหนด Link To และ Destination 8.4.8 วิธกี าร Preview เพ่อื ตรวจสอบวา่ สามารถลงิ ค์ไปยงั ตาแหนง่ ที่ต้องการได้ คลิก Window และเลือก Interactive 8.4.9 คลกิ เลอื ก SWF Preview หรือ Shift+Ctrl+Enter ภำพที่ 8.19 การ Preview เพื่อตรวจสอบว่าสามารถลิงค์ไปยังตาแหนง่ ทีต่ ้องการ

87 8.4.10 โดยการ Preview ใหค้ ลกิ เลือก Preview ท้ังหมดที่มมุ ลา่ งขวา จะแสดงผลท่ไี ด้ ออกมา ภำพท่ี 8.20 การ Preview ไปยังหนา้ ท่ีตอ้ งการทงั้ หมด

การสร้างงานส่ิงพิมพ์ในปัจจุบันสามารถสร้างได้หลายรูปแบบ แล้วแต่การออกแบบของงาน แต่ละประเภทว่าต้องจัดรูปแบบการสร้างงานส่ิงพิมพ์ให้ออกมาอย่างสวยงาม ซ่ึงมีกระบวนการจัด ทางานส่ิงพิมพ์หลายอย่าง เช่น ประเภทของสื่อสิ่งพิมพ์ กระบวนการผลิตส่ือสิ่งพิมพ์ การเตรียมงาน พมิ พ์ก่อนส่งโรงพิมพ์ และประเภทของโปรแกรมท่ีใช้ในการผลิตสื่อสิ่งพมิ พก์ ็มีมากมายในการใช้จัดทา สื่อสิง่ พิมพ์ เชน่ Adobe InDesign, Adobe Photoshop เปน็ ตน้ 2.1 ผเู้ รยี นอธบิ ายรปู แบบการสรา้ งงานพมิ พไ์ ด้ 2.2 ผเู้ รียนสรา้ งเลขหนา้ ใหก้ ับหนงั สือได้ 2.3 ผู้เรยี นสรา้ งหนังสอื ได้ดว้ ยตนเอง 2.4 ผูเ้ รียนนาโปรแกรม Adobe InDesign ไปประยุกต์ในการออกแบบหรือสร้างชิน้ งาน ประเภทอื่นได้ 3.1 การใส่หมายเลขหนา้ 3.2 กาหนดหมายเลขหน้าเริ่มตน้ และรปู หมายเลขหน้า 3.3 การรวมไฟล์เปน็ หนังสือ (Book) และรับหนา้ ต่อเนื่อง 3.4 การเพ่ิมไฟลง์ าน 3.5 การ Export File

89 9.1 กำรใส่หมำยเลขหนำ้ 9.1.1 คลกิ Pages ดบั เบล้ิ คลกิ ท่ีหนา้ มาสเตอร์ใน Pages ที่เราต้องการกาหนดหมายเลขหนา้ ภำพท่ี 9.1 การกาหนดหมายเลขหน้า 9.1.2 ใช้ Type Tool คลิกแลว้ ลาก เพ่ือสร้างกรอบข้อความในตาแหน่งที่ต้องการ และแสดง เคอเซอร์ เพ่อื กาหนดตวั อักษรต้นแบบในการใส่หมายเลขหน้า ภำพท่ี 9.2 กาหนดตัวอักษรต้นแบบในการใสห่ มายเลขหนา้