10112711110204_1805020115803

39 ➢ หมุนวตั ถุด้วยพาเนล Transform ➢ หมุนวตั ถุดว้ ยคาส่งั Rotate 1.1.1 หมนุ วัตถดุ ้วย Bounding Box เป็นวิธีพ้ืนฐานท่ีใชห้ มุนวตั ถุ โดยใช้ Selection Tool คลิกเลือกวัตถุ และเล่ือนเมาส์มาที่มุมของกรอบ Bounding Box ให้ตัวชี้เมาส์เปล่ียนเป็นรูป จากน้นั คลกิ หมุนทภี่ าพ ภาพที่ 4.44 การคลิกเลอื ก Select Tool ภาพท่ี 4.45 การคลิกเลือกวตั ถุ

40 ภาพท่ี 4.46 การเล่ือนเมาสม์ าที่มมุ ของวตั ถเุ พอ่ื หมนุ 1.1.2 หมุนวตั ถุดว้ ย Free Transform Tool เป็นการหมุนวัตถุอีกวิธีหนึ่ง ซึ่งมีการใช้งานเหมือนกับการใช้ Bounding Box โดยคลิกเลือก Free Transform Tool จากนั้นคลิกเลือกวัตถุ และเลื่อนเมาส์มาท่ีมุมของ Bounding Box ให้ตัวชี้เมาส์เปลี่ยนเป็นรปู ให้คลิกหมนุ วัตถุ ภาพที่ 4.47 การคลิกเลือก Free Transform Tool ภาพที่ 4.48 การคลิกเลอื กวตั ถุก่อนการใช้คาส่งั

41 ภาพที่ 4.49 การคลิกเลอ่ื นเมาส์มาทีม่ ุมของวตั ถุเพื่อหมุน 1.1.3 หมนุ วัตถุด้วย Rotate Tool เป็นการหมุน โดยใช้จุดศูนย์กลางเป็นตัวกาหนด ให้คลิกเลือก Rotate Tool และคลิกดึงวัตถุให้หมุนไปในมุมท่ี ต้องการ ภาพท่ี 4.50 การคลกิ เลอื กหมุนวตั ถดุ ้วย Rotate Tool

42 ภาพท่ี 4.51 การคลิกเลอื กหมนุ วตั ถุดว้ ย Rotate Tool 7.4 หมุนวตั ถดุ ว้ ยพาเนล Transform เป็นการหมุนท่ีมีความแม่นยา สามารถกาหนดมุมองศาได้อย่างเจาะจง ผ่านการใช้งานพาเนล Transform โดย คลิกเลือกวัตถุ คลิกเลือก เพ่ือกาหนดจุดหมุนของวัตถุ และกาหนดมุมในการหมุน ถ้าค่ามุมบวกจะหมุนทวนเข็ม นาฬกิ า ถ้าคา่ มมุ ลบจะหมนุ ตามเขม็ นาฬกิ า ภาพที่ 4.52 การคลิกเลือกวตั ถุ

43 ภาพที่ 4.53 การกาหนดคา่ มุมในออปช่นั

44 ภาพที่ 4.54 แสดงผลลพั ธท์ ่ีได้ 7.5 หมนุ วัตถุด้วยคาสั่ง Rotate เป็นการหมนุ วัตถุ โดยกาหนดคา่ มุมท่ีแน่นอน และสามารถกาหนดให้หมนุ เฉพาะวัตถุ หรือลวดลายภายในวัตถุ โดยคลิกเลือกวัตถุ เลอื กเมนคู าสัง่ Object->Transform->Rotate …จะปรากฏหนา้ ต่าง Rotate กาหนดค่าต่าง ๆ ดงั นี้ ภาพที่ 4.55 แสดงการใสจ่ านวนคา่ มุมที่ต้องการหมุน Angle กาหนดคา่ มมุ ในการหมุน Options กาหนดคุณสมบัติอืน่ ๆ เพ่ิมเติม Objects เลือกวัตถเุ พือ่ หมุน

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

46 ภาพท่ี 4.56 แสดงการใช้งานเลเยอร์ การใชเ้ ลเยอรจ์ ะทาให้แกไ้ ขรูปภาพเฉพาะส่วนใดส่วนหนึง่ ได้ง่าย สามารถเคลื่อนย้ายหรือเปลีย่ นขนาดของออบ เจ็คในเลเยอร์ต่าง ๆ ได้อย่างเป็นอิสระจากกัน โดยเฉพาะอย่างยิ่งการวาดออบเจค็ ท่ีมีความซับซอ้ น เนื่องจากสามารถ จัดการกับออบเจ็คได้เช่นกัน ไม่ว่าจะเป็นการเลือกออบเจ็ค, การซ่อน/แสดง, การล็อค, การเปล่ียนลาดับการซ้อนของ ออบเจ็ค รวมไปถึงการใช้เลเยอร์เพื่อแบ่งจังหวะเคล่ือนไหวของแอนิเมชั่น flash ด้วย (หมายถึง การเอ็กซ์พอร์ต อาร์ตเวริ ค์ เป็นไฟล์ SWF) ข้อดีในการใช้งานเลเยอร์อีกอย่างหน่ึง คือการนาไฟล์ไปใช้ร่วมกับโปรแกรมอ่ืน ๆ เช่น Photoshop โดยไฟล์ ภาพน้ันจะยังคงรูปแบบของเลเยอร์ไว้ และออบเจ็คที่อยู่ในแต่ละเลเยอร์ยังแยกกันอยู่เหมือนเดิม ซ่ึงจะง่ายในการ ปรบั แตง่ ต่อไป แต่หากไม่ไดใ้ ช้เลเยอร์ออบเจค็ ทัง้ หมดจะถูกรวมเป็นชิน้ เดียว ใช้งานพาเนล Layers พาเนล Layers จะแสดงรายชื่อเลเยอร์ทั้งหมดท่ีมีในไฟล์ ในแต่ละเลเยอร์จะประกอบไปด้วยเลเยอร์ย่อย และ ชั้นของออบเจ็คในรูปแบบต่าง ๆ เช่น Path คือออบเจ็คปกติ, Group คือออบเจ็คที่ถูกรวมกลุ่ม, Envelope คือออบ เจ็คท่ีถูกปรับรูปทรงด้วยคาสั่ง Envelope Distort เป็นต้น ก็สามารถเปิดพาเนล Layers โดยใช้คาสั่ง Window > Layers

47 ภาพท่ี 4.57 แสดงการใชง้ านเลเยอร์ ด้านหลงั ชื่อเลเยอร์และช้ันของออบเจ็คบนเลเยอร์จะปรากฏสญั ลักษณ์รูปวงกลม ซึ่งมีความหมาย คือ หมายถงึ ออบเจ็คสที บึ ปกติ หมายถึง ออบเจ็คถูกกาหนดความโปรง่ ใส, มกี ารใช้สไตล์ หรอื ถกู ปรบั แต่งดว้ ยพาเนล Appearance หมายถงึ ออบเจ็คนัน้ กาลังถกู เลอื ก การสร้างเลเยอร์ใหม่ การสรา้ งเลเยอรข์ น้ึ มาใหมส่ าหรบั แยกเกบ็ วตั ถุต่าง ๆ ของช้ินงาน เพ่อื ใหง้ ่ายตอ่ การแกไ้ ข ซึ่งเลเยอร์มีอยู่ 2 ลักษณะ คือ เลเยอร์หลัก Layer และเลเยอร์ย่อย (Sublayer) โดยเลเยอร์ท่ีสร้างขึ้นใหม่จะถูกกาหนดช่ือขึ้นต้นด้วย Layer ตามดว้ ยลาดับเลขของเลเยอร์ คือ Layer1 , Layer2 … การสร้างเลเยอรห์ ลัก สามารถทาได้ ดงั นี้ 1. คลิกไอคอน Create New Layer 2. เลเยอร์ทสี่ รา้ งขึน้ มาใหม่จะอยู่เหนือเลเยอร์ทกี่ าลงั ทางานอยู่

48 ภาพที่ 4.58 แสดงการสร้างเลเยอร์ใหม่ การสรา้ งเลเยอร์ยอ่ ย เปน็ การสร้างเลเยอรซ์ ่อนเข้าไปในเลเยอร์หลัก เพอ่ื แบ่งกลุ่มของวัตถใุ นเลเยอร์ โดยมขี ้ันตอน ดงั นี้ 1. คลกิ เลอื กเลเยอร์หลักทตี่ อ้ งการเพิม่ เลเยอร์ย่อย 2. คลกิ ไอคอน Create New Sublayer 3. เลเยอรท์ ี่ยอ่ ยถูกสร้างขน้ึ จะอยูภ่ ายใตเ้ ลเยอร์หลกั ท่เี ลือกไว้ ภาพที่ 4.59 แสดงการสร้างเลเยอร์ย่อยใหม่ นอกจากนยี้ ังสามารถสร้างเลเยอร์หลักและเลเยอรย์ ่อยได้อีกวธิ ีหน่ึง ซึง่ วธิ นี ีส้ ามารถตั้งชอ่ื หรอื กาหนด คณุ สมบัตติ า่ ง ๆ ของเลเยอรไ์ ด้ โดยมีขั้นตอน ดังน้ี

49 1. คลกิ ไอคอน ที่พาเนล Layer 2. เลอื ก New Layer สรา้ งเลเยอร์หลัก หรือเลือก New Sublayer สร้างเลเยอรย์ อ่ ย 3. กาหนดคุณสมบตั ิต่าง ๆ ของเลเยอร์ 4. คลิกปุ่ม Ok จากนนั้ เลเยอร์ท่ีสร้างขนึ้ มาใหมจ่ ะอยเู่ หนือเลเยอร์ที่กาลงั ทางานอยู่ ภาพท่ี 4.60 แสดงการเปลย่ี นชอื่ เลเยอร์ การเปล่ียนชอ่ื เลเยอร์ เพ่อื ใหเ้ ราทางานกับวัตถุชิน้ งานต่าง ๆ ได้ง่ายขึน้ ควรตัง้ ชอ่ื เลเยอร์ให้ส่อื ความหมายกับวตั ถชุ ้นิ งานนั้น ๆ โดยมี ขั้นตอนดังน้ี 1. ดับเบิลคลิกเลเยอรท์ ่ตี ้องการเปลย่ี นชื่อ 2. ที่ Name ให้ต้ังชือ่ ใหม่ 3. คลกิ ปมุ่ OK 4. ชอ่ื เลเยอรจ์ ะเปลีย่ นไป อีกวิธีหนึ่ง สามารถเปลี่ยนช่อื เลเยอรโ์ ดยดบั เบิลคลกิ ทช่ี ่ือเลเยอร์ แล้วพิมพ์ชื่อใหม่ไดท้ นั ที

50 ภาพท่ี 4.61 แสดงการเปลี่ยนช่อื เลเยอร์ การซอ่ นและแสดงเลเยอร์ ช้ินงานหนึ่งช้ินจะประกอบด้วยเลเยอร์จานวนมาก ทาให้ยากต่อการแก้ไข ดังน้ันก็อาจเลือกซ่อนเลเยอร์ท่ียัง ไม่ได้ทางานไว้ก่อน ซึ่งการซ่อนเลเยอร์นี้จะมีผลต่อวัตถุชิ้นงานในเลเยอร์น้ัน เมื่อแก้ไขเสร็จเรียบร้อยจึงค่อยยแสดง เลเยอรน์ ัน้ ออกมาไดเ้ ชน่ กัน ขั้นตอนการซอ่ นเลเยอร์ ดังน้ี 1. คลิกไอคอนรปู ตา หนา้ เลเยอร์ท่ีต้องการซอ่ น (สงั เกตสญั ลักษณร์ ปู ดวงตาจะหายไป) 2. วตั ถุบนเลเยอร์จะถูกซ่อนไมแ่ สดง

51 ภาพที่ 4.62 แสดงการซอ่ นเลเยอร์ ขั้นตอนการแสดงเลเยอร์ ดังน้ี 1. คลิกไอคอนทร่ี ูปตาหายไป หนา้ เลเยอรท์ ต่ี ้องการแสดง (สังเกตสัญลกั ษณ์รปู ดวงตาจะโชวค์ นื มา) 2. วัตถุบนเลเยอร์จะแสดงให้เหน็ ทนั ที ภาพท่ี 4.63 แสดงการใช้คาสง่ั แสดงเลเยอร์ การลอ็ คและปลดลอ็ กเลเยอร์ ในกรณีท่ีต้องการปรับแต่งวัตถัในเลเยอร์โดยไม่ให้วัตถุบนเลเยอร์อ่นื ถูกแก้ไขโดยบังเอิญ ก็สามารถล็กอเลเยอร์ ไว้ก่อนได้ โดยคลิกที่ช่องด้านหน้าช่ือเลเยอร์ จะปรากฏไอคอนรูปกุญแจ และหาต้องการปลดล็อคเลเยอร์ก็คลิกไอคอน รปู กญุ แจอีกคร้ัง

52 ภาพท่ี 4.64 แสดงการลอ็ คและปลดลอ็ กเลเยอร์ การคัดลอกเลเยอร์หรือ Copy Layer เพ่ือป้องกันความผิดพลาดในการทางานกับวัตถุ อาจจะทาการคัดลอกเลเยอร์สารองไวก้ ่อนได้ โดยเลเยอร์ใหม่ ที่ถูกคดั ลอกจะมีคาว่า Copy ต่อทา้ ยชอ่ื สามารถทาได้โดยคลิกลากเลเยอร์ท่ีต้องการคัดลอกลงมาทับท่ีไอคอน Create New Layer จะได้เลเยอร์ข้นึ มาใหม่ ภาพท่ี 4.65 แสดงการคัดลอกเลเยอร์ ข้ันตอนการเปลย่ี นลาดบั ชัน้ ของเลเยอร์

53 ลาดับช้ันของเลเยอร์ท่ีสร้างคร้ังล่าสุดจะอยู่ด้านบนเสมอ ซ่ึงเม่ือบนเลเยอร์มีวัตถุก็จะแสดงทับวัตถุบนเลเยอร์ ลา่ ง แต่กส็ ามารถเปล่ยี นลาดับการแสดงผลของวัตถใุ นแตล่ ะเลเยอร์ได้ด้วยกนั 2 วธิ ี ดังนี้ วธิ ีที่ 1 คลิกเลอื กเลเยอรท์ ต่ี อ้ งการ แล้วลากเมาส์ย้ายไปวางตาแหนง่ ทีต่ อ้ งการ ภาพที่ 4.66 แสดงการเรยี งลาดบั ชนั้ ของเลเยอร์ วิธที ี่ 2 ใชค้ าสงั่ จัดลาดบั วตั ถุ 1. คลกิ ป่มุ ด้านหลังเลเยอร์ที่ตอ้ งการ 2. จะปรากฏ Selection เปน็ กรอบรอบวตั ถุ 3. คลกิ ขวาแล้วเลือกคาสั่ง Arrange ->เลือกจัดลาดับทตี่ ้องการ - Bring to Front : นาวตั ถุชน้ิ ทเี่ ลือกมาไว้ด้านบนสุด - Bring to Forward : นาวัตถุชน้ิ ท่เี ลอื กมาไว้ดา้ นบนทีละช้ัน - Send Backward : นาวตั ถชุ น้ิ ทเ่ี ลือกมาไวด้ า้ นลา่ งทลี ะช้ัน - Send to Back : นาวตั ถุชิ้นทีเ่ ลือกมาไวด้ า้ นลา่ งสุด 4. จะไดภ้ าพแสดงตามลาดับทเี่ ลือก 5. หากต้องการเลือกเลเยอร์มากกว่า 1 เลเยอร์ ให้กดแป้น Shift หรือ Ctrl ค้างไว้แล้วคลิกเลือกเล เยอร์ จะไดเ้ ลเยอร์จานวนหลายเลเยอร์ตามตอ้ งการ

54 ภาพท่ี 4.67 แสดงการเรยี งลาดับชน้ั ของเลเยอร์ การแสดงเลเยอรแ์ บบโครงรา่ ง การแสดงวัตถุแบบเส้นโครงร่าง Outline จะทาให้เครื่องทางานได้เร็วข้ึนในกรณีท่ีช้ินงานมีความซับซ้อน สามารถทาได้ดงั น้ี 1. กดแปน้ Ctrl และคลกิ ไอคอนรปู ดวงตาท่หี น้าเลเยอร์ที่ตอ้ งการ 2. สังเกตสญั ลักษณ์จะเปลีย่ นเป็น 3. ภาพบนอาร์ตบอร์ดจะแสดงเปน็ แบบโครงร่าง 4. หากต้องการแสดงภาพตามเดิมให้กดแป้น Ctrl และคลกิ ไอคอน อีกคร้ัง

55 ภาพที่ 4.68 แสดงการใช้คาสงั่ โครงรา่ งของเลเยอร์ ภาพท่ี 4.69 แสดงการใชค้ าสั่งโครงรา่ งของเลเยอร์ การสงั่ พิมพง์ าน 1. พ้นื ที่การพมิ พ์ (Page Tiling) พ้ืนท่กี ารพิมพ์ คอื บรเิ วณเส้นกรอบทีแ่ สดงขอบเขตการพิมพ์ออกทางเครอื่ งพิมพ์ สามารถสารวจเสน้

56 กรอบพ้ืนที่การพิมพ์ได้โดยคลิกเมนู View -> Show Print Tilling จะปรากฏเส้นประ รอบอาร์ตบอร์ด ซึ่งเส้นกรอบน้ี จะมีขนาดกระดาษตามที่ตั้งค่าไว้ตอนสร้างไฟล์งาน หากต้องการซ่อนเส้นกรอบให้คลิกเมนู View -> Hide Print Tilling) เส้นกรอบสดี ำทบึ คอื กรอบพนื ้ ท่ตี ดั ตก พนื ้ ทกี่ ำรพิมพ์ กรอบอำร์ตบอร์ด ภาพที่ 4.70 แสดงพ้ืนที่ก่อนส่งั พมิ พง์ าน 2. การตรวจสอบความถูกต้องของสี กอ่ นสงั่ พมิ พ์ชิน้ งาน ควรตรวจสอบความถกู ต้องของสี เพื่อเมอื่ ปรน้ิ งานออกมาแลว้ สจี ะได้มีผิดเพี้ยนไปจาก ต้นฉบับ อาจส่งผลให้เกิดความเสียหายได้ เน่ืองจากช้ินงานเมื่อแสดงบนจอภาพจะใช้โหมดสี RGB ส่วนช้ินงานท่ีแสดง บนกระดาษจะใชโ้ หมดสี CMYK โดยมีวธิ กี ารดงั น้ี 1. คลิกเมนู View -> Proof Setup -> เลือกโหมดสี 2. คลิกเมนู View -> Proof Colors 3. จากนน้ั ชิน้ งานจะแสดงสใี นโหมดท่เี ลือก

57 ภาพท่ี 4.71 แสดงพ้นื ท่จี ากการเรียกใช้คาสั่ง Proof Setup 3. การสงั่ พิมพ์งาน เมอ่ื ตรวจสอบความถกู ตอ้ งของสีเรยี บร้อยแลว้ สามารถสงั่ พมิ พง์ านออกทางเคร่อื งพิมพ์ได้ โดยมขี ั้นตอน ดงั นี้ 1. คลกิ เมนู File -> Print เพ่ือเปิดหน้าต่างการพมิ พ์ข้นึ มา 2. คลิกเลอื กเครอ่ื งพิมพ์ทีต่ อ้ งการใชง้ าน 3. กาหนดจานวนชุดท่ีตอ้ งการ 4. คลิกเลอื กอาร์ตบอรด์ ท่ตี อ้ งการพิมพ์ กรณมี หี ลายอารต์

58 5. กาหนดขนาดกระดาษและแนวการพิมพท์ ี่ต้องการ 6. กาหนดขนาดของภาพ 7. คลกิ ปมุ่ Print เพือ่ พมิ พ์งาน ภาพท่ี 4.72 แสดงการกาหนดค่าการใช้คาสัง่ Print 4. การใช้งาน Crop Mark Crop Mark คอื เสน้ บอกแนวในการตดั ขอบกระดาษท่ีอยู่ตรงมุมทงั้ สข่ี องช้ินงาน และมสี ญั ลักษณ์สาหรับ

59 ตรวจสอบสีท่ีพิมพ์ออกมาว่าผิดเพ้ียนหรือไม่ โดยสามารถกาหนดได้ในส่วนของ Marks and Bleed ในหน้าต่าง Print โดยมีข้นั ตอนดงั นี้ 1. คลกิ เมนู File -> Print เพ่อื เปดิ หน้าตา่ งการพมิ พข์ ้ึนมา 2. คลิกเลือกหวั ขอ้ Marks and Bleed 3. คลิกเลือกสัญลกั ษณท์ าการพมิ พ์ท่ตี ้องการ 4. เลอื กแบบตัวอักษรสาหรับแสดงขอ้ มูลภาพอารต์ เวิร์ค 5. กาหนดความหนาของเส้น Mark 6. กาหนดระยะหา่ งของภาพจากสญั ลกั ษณ์ทางการพมิ พ์ 7. กาหนดระยะหา่ งการพิมพอ์ าร์ตเวริ ค์ จากขอบทง้ั 4 ดา้ น 8. คลกิ ปมุ่ Print เพอื่ พมิ พง์ าน ภาพที่ 4.73 แสดงการกาหนดคา่ การใช้คาสั่ง Print

60 ภาพท่ี 4.74 แสดงการกาหนดค่าให้โชว์เส้น Scale 5. การแบง่ ชน้ิ งานพิมพห์ ลายหนา้ Tilling หากตอ้ งการพิมพภ์ าพขนาดใหญท่ ีเ่ คร่ืองพิมพ์ไมส่ ามารถพิมพ์ได้ สามารถแบ่งส่วนชน้ิ งานนน้ั ใหม้ ี ขนาดพอดีกับกระดาษที่เลือกแล้วนามาเรียงต่อกันได้ โดยกาหนดรูปแบบการพิมพ์แบบ Tile Full Pages ซึ่งมีวิธีการ ดงั น้ี 1. คลกิ เมนู File -> Print เพ่อื เปดิ หนา้ ต่างการพมิ พ์ข้นึ มา 2. คลิกตวั เลอื ก Ignore Artboards เพอ่ื พิมพต์ ามขนาดจรงิ โดยไม่สนใจขอบเขตของอาร์ตบอรด์ 3. กาหนดขนาดกระดาษ 4. เลือก Title Full Pages เพ่ือพมิ พ์หลายหนา้ 5. หากภาพที่ใชม้ ขี นาดเลก็ สามารถปรับขนาดไดท้ ี่ Scale โดยระบคุ า่ ลงไป 6. ลกั ษณะของภาพทีจ่ ะถูกแบ่งพิมพ์ 7. คลิกป่มุ Print เพ่ือพมิ พง์ าน

61 ภาพที่ 4.75 แสดงการแบง่ ช้ินงานพมิ พห์ ลายหน้า การเอก็ พอรต์ ไฟลอ์ ารต์ เวริ ์ก (Export) โปรแกรมสามารถเอ็กพอรต์ ไฟลอ์ าร์ตเวริ ์คไปใชง้ านในโปรแกรมอน่ื ๆ ได้ ไมว่ า่ จะเป็น งานเวบ็ Animation 1. Export อารต์ เวิรค์ ไปใชใ้ น โปรแกรม Photoshop เม่ือต้องการนาอาร์ตเวริ ค์ ไปปรับแตง่ การลงสใี ห้ดูสมจริงมากขึ้นด้วยโปรแกรม Photoshop เราสามารถ Export อารต์ เวริ ค์ ไปใช้งานต่อไปทนั ที โดยมวี ิธกี ารดังนี้ 1. คลกิ เมนู File -> Export เพอ่ื เปดิ หนา้ ตา่ ง Export ขน้ึ มา 2. เลือกโฟลเดอร์สาหรบั เก็บไฟล์งาน 3. ตั้งชอื่ ไฟล์

62 4. เลอื กประเภทไฟล์เป็นแบบ PSD 5. คลิกเลือก Use Artboards เพ่ือ Export แบบแยกไฟล์ 6. คลกิ ป่มุ Export ภาพที่ 4.76 แสดงการเรยี กใช้คาสง่ั Export

63 ภาพท่ี 4.77 แสดงการเรียกใช้คาส่งั Export ภาพที่ 4.78 แสดงการเรียกใชค้ าส่งั Export 7. เลอื กโหมดสีของภาพ 8. กาหนดความละเอยี ดของภาพ 9. คลกิ เลือกเพ่ือรกั ษาโครงรา่ งของเลเยอร์ 10. คลกิ ตัวเลือกเพือ่ อนญุ าตใหแ้ กไ้ ขได้ 11. คลิกตวั เลือกเพือ่ ใชโ้ พรไฟล์สีทีไ่ ด้ตง้ั คา่ ไว้ 12. เมอ่ื เสรจ็ แล้วคลกิ ปมุ่ Ok

64 เม่ือเรียกใช้ไฟล์ที่ Export ด้วยโปรแกรม Photoshop จะได้ไฟล์แบบ PSD ที่ประกอบไปด้วยเลเยอร์ ต่าง ๆ จากนัน้ สามารถปรบั แตง่ ภาพได้ตามต้องการ ภาพท่ี 4.79 แสดงการเรียกใชค้ าสง่ั Export ไปโปรแกรม Photoshop 2. Export อาร์ตเวิรค์ เปน็ ไฟล์ JPEG ไฟลแ์ บบ JPEG เปน็ ไฟล์ภาพทไ่ี ม่สามารถรักษาโครงสร้างของเลเยอร์ไว้ได้ และไมส่ ามารถนากลับมาแกไ้ ข ได้ สามารถนาไปใชง้ านไดห้ ลากหลาย เหมาะสาหรับการนาเสนอทงั้ สื่อมัลตมิ ิเดยี และเวบ็ ไซต์ โดยมีวธิ ีการดังนี้ 1. คลกิ เมนู File ->Export เพอื่ เปดิ หนา้ ต่าง Export ขน้ึ มา 2. เลือกโฟลเดอร์สาหรับเกบ็ ไฟล์งาน 3. ตง้ั ชื่อไฟล์ 4. เลือกประเภทไฟลเ์ ป็นแบบ JPEG 5. คลิกเลือก Use Artboards เพื่อ Export แบบแยกไฟล์ สามารถ Export ท้ังหมดหรือเลือกเฉพาะ อาร์ตบอรด์ ทตี่ อ้ งการได้ 6. คลิกปมุ่ Export

65 ภาพที่ 4.80 แสดงการเรยี กใชค้ าสงั่ Export เป็น ไฟล์ jpg

66 ภาพที่ 4.81 แสดงการกาหนดคา่ คาสัง่ Export เป็น ไฟล์ jpg 7. กาหนดคุณสมบตั ไิ ฟล์ 8. เมอื่ เสรจ็ แลว้ คลกิ ปมุ่ OK 3. Export อารต์ เวิร์คเปน็ ไฟล์ PNG ไฟล์แบบ PNG เป็นไฟล์ภาพทม่ี ขี นาดเลก็ มีความคมชดั สูง สามารถกาหนดใหพ้ นื้ หลงั เปน็ พืน้ โปรง่ ใส ได้ (Transparent) โดยมีวธิ ีการดงั น้ี 1. คลกิ เมนู File ->Export เพ่ือเปดิ หนา้ ตา่ ง Export ข้ึนมา 2. เลอื กโฟลเดอรส์ าหรบั เก็บไฟล์งาน ภาพที่ 4.82 แสดงการเรยี กใช้คาส่งั Export เปน็ ไฟล์ jpg 3. ตัง้ ชอื่ ไฟล์

67 4. เลอื กประเภทไฟลเ์ ปน็ แบบ PNG 5. คลิกเลือก Use Artboards เพ่ือ Export แบบแยกไฟล์ (สามารถ Export ทั้งหมดหรือเลือก เฉพาะอารต์ บอรด์ ท่ีต้องการได้) 6. คลกิ ปุ่ม Export 7. กาหนดคณุ ภาพของไฟล์ 8. เลือกความคมชดั ของเส้น Path 9. เลือกสีพื้นหลงั Transparent แบบโปรง่ ใส White แบบสขี าว Black แบบสีดา 10. เมือ่ เสร็จแลว้ คลกิ ป่มุ OK ภาพท่ี 4.83 แสดงการกาหนดค่าคาสัง่ Export เป็น ไฟล์ jpg 4. Export อารต์ เวริ ค์ เปน็ ไฟล์ TIFF ไฟล์ TIFF เปน็ ไฟลท์ เี่ หมาะสาหรับเกบ็ บันทึกภาพต้นฉบับ และภาพทีส่ ร้างส่อื สงิ่ พิมพ์ โดยมีความละเอียด

68 มากถึง 300 dpi ท่ีสาคัญไม่ต้องกังวลว่าภาพท่ีใช้ในงานจะตกหล่นหรือลิงก์หายหรือไม่ โดยมีวิธีการ Export เป็นไฟล์ TIFF ดังน้ี 1. คลิกเมนู File -> Export เพ่ือเปิดหน้าต่าง Export ขนึ้ มา 2. เลอื กโฟลเดอร์สาหรับเกบ็ ไฟลง์ าน ภาพท่ี 4.84 แสดงการกาหนดค่าคาส่งั Export เปน็ ไฟล์ TIFF 3. ตงั้ ชอื่ ไฟล์ 4. เลอื กประเภทไฟลเ์ ปน็ แบบ TIFF 5. คลิกเลือก Use Artboards เพื่อ Export แบบแยกไฟล์ สามารถ Export ท้ังหมดหรือเลือกเฉพาะ อาร์ตบอร์ดทต่ี ้องการได้ 6. คลิกปมุ่ Export 7. เลือกโหมดสีของภาพ หากนาไปสง่ พมิ พใ์ หเ้ ลือกเปน็ CMYK 8. กาหนดคา่ ความละเอยี ดของภาพ 9. เลือกใช้ค่าโพรไฟลส์ ตี ามท่ีตัง้ ค่าไว้ 10. เม่อื เสร็จแลว้ คลกิ ปุ่ม OK

69 ภาพท่ี 4.85 แสดงการกาหนดค่าคาสงั่ Export เป็น ไฟล์ TIFf 5. บนั ทกึ อารต์ เวริ ค์ เปน็ ไฟล์ PDF เมื่อต้องการตรวจสอบความถกู ตอ้ งของไฟลก์ ่อนส่งั พิมพ์ สามารถบันทึกอาร์ตเวริ ์คใหเ้ ปน็ ไฟล์ PDF ได้ โดยมวี ิธกี ารดงั นี้ 1. คลิกเมนู File -> Save As เพอ่ื เปิดหนา้ ตา่ ง Save As ข้ึนมา 2. เลอื กโฟลเดอร์สาหรบั เก็บไฟล์งาน

70 ภาพท่ี 4.86 แสดงการเรยี กใช้คาสั่ง Export เปน็ ไฟล์ PDF 3. ต้ังชอ่ื ไฟล์ 4. เลอื กประเภทไฟลเ์ ปน็ แบบ PDF 5. คลกิ ป่มุ Save 6. จากน้ันจะแสดงไฟล์ PDF โดยโปรแกรมอ่าน PDF ภาพที่ 4.87 แสดงการกาหนดคา่ คาสัง่ Export เปน็ ไฟล์ PDF การสรา้ งหนงั สือ การสรา้ งหนังสือและแผ่นพับในโปรแกรม Illustrator มีลกั ษณะคล้าย ๆ กันคือ อนั ดบั แรกต้องกาหนด ขนาดกระดาษตามต้องการ ที่ Document Setup สามารถวดั ขนาดตามความจรงิ แลว้ ใส่ขนาดกระดาษ พรอ้ มท้งั ควร

71 มกี ารทาคา่ เผอ่ื ขอบกระดาษในตอนปร้ินคือการกาหนดค่า Bleed ทกุ ดา้ นของกระดาษ ประมาณ 0.25 นว้ิ และควร เผือ่ กระดาษด้านใน ทใี่ ส่เนื้อหา โดยการกาหนดดว้ ยการสรา้ งสีเ่ หล่ยี มเพื่อเป็นไกด์ไลน์ในการทางานไม่ให้ออกนอก ขอบเขตที่ได้เผ่ือไว้ ประมาณ 0.25-0.5 นืว้ เมอ่ื ทาเชน่ น้แี ล้ว เวลาปร้ินงานจะไมม่ ปี ัญหาเรอื่ งเนอ้ื หาออกมาไมค่ รบตาม กาหนด ยกตัวอย่างภาพ การสรา้ งหนังสอื อย่างงา่ ย ด้วย ไฟล์ PDF ภาพที่ 4.88 แสดงการกาหนดขนาดกระดาษในการสรา้ งหนงั สือเปน็ ขนาดกระดาษ A4 แนวตั้ง

72 ขัน้ ตอนการสรา้ งหนงั สือ 1. คลกิ เมนู file -> New ภาพท่ี 4.91 แสดงการกาหนดคา่ ขนาดกระดาษขนาด A4 2. เลือกกระดาษขนาด A4 แนวตงั้ ตั้งชื่อไฟล์ bookA4 3. กาหนดเพ่ิม Artboards มาอีก 8 หน้า

73 ภาพท่ี 4.92 แสดงการเพิ่ม artboard 8 หนา้ 4. กาหนดคา่ Bleed ตามแบบ 0.0394 in เพื่อเปน็ ขอบเขตข้อความจะมเี ส้นสีแดงใหเ้ หน็ เด่นชัด ภาพที่ 4.93 แสดงเส้น Bleed ทก่ี าหนด จะสีแดงเหน็ ชัดเจน 5. คลกิ เครื่องมือ เพ่ือวาดรูปสีเ่ หล่ียม โดย คลกิ ท่ีพน้ื ที่ว่าง ๆ แล้วใสค่ า่ กาหนดพน้ื ท่สี ีเหล่ยี ม กาหนด ขอบเขตลดขนาดจากขนาดจรงิ ลงมาด้านละ ประมาณ 0.25 น้วิ คอื ขนาดกระดาษ A4 8.25 x 11.60 เป็นขนาดสเ่ี หล่ียม 8 x 11.33 ตามภาพ

74 ภาพท่ี 4.94 แสดงเสน้ Bleed ที่กาหนด จะสแี ดงเห็นชดั เจน 6. เมื่อไดส้ ่เี หลย่ี มมาแลว้ ใหค้ ลิกทพ่ี าเนล Align เพือ่ จดั ให้อยู่กึ่งกลางหน้ากระดาษ ตามภาพ

75 ภาพท่ี 4.95 แสดงกาหนดคาสงั่ Align จัดเสน้ ขอบให้อยูก่ ่ึงกลางกระดาษ 7. คลกิ ขวาตรงกลางเสน้ ไกด์สี่เหลีย่ ม เลอื กคาสงั่ Make Guides ภาพที่ 4.96 แสดงกาหนดคาสั่ง Make Guides เพอื่ สรา้ งเส้นไกดข์ อบเขตข้อความ

76 8. จะได้เสน้ ไกด์สีฟ้าอ่อน ๆ ข้ึนที่กรอบกระดาษด้านใน เพื่อใหท้ างานภายในกรอบเท่านั้น ภาพที่ 4.97 แสดงเส้นไกด์ขอบเขตขอ้ ความ 9. นารูปภาพทีเ่ ตรยี มไว้แล้วมาใสใ่ น Artboards ใหอ้ ย่ใู นขอบเขตเสน้ ไกด์ทก่ี าหนดไวแ้ ลว้ ให้ครบทุก Artboards 10. พร้อมใส่เลขหน้าที่มุมบน ซ้าย ขวา ตามแบบ

77 ภาพที่ 4.98 แสดงการนาภาพมาวางภายในเส้นไกด์ขอบเขตข้อความ 11. เมือ่ ทาเสรจ็ ครบทุกหน้าแล้วโดยมีปกหน้าที่ Artboards ที่ 1 และปกหลงั จัดทาที่ Artboards หน้า สดุ ทา้ ย ใหบ้ ันทกึ ไฟลเ์ ป็น ไฟล์ PDF 12. เมอ่ื ได้ไฟล์ PDF แล้ว สามารถปรน้ิ งานหนังสือออกตามหน้าทเ่ี รียงไว้ที่ละหนา้ ได้ตามต้องการ 13. สามารถกาหนดการปรน้ิ ทีห่ น้า คู่ หรือ หน้าคี่ ก่อน ให้คลกิ ทป่ี ่มุ คาส่งั more options->odd pages เพ่ือปรน้ิ หนา้ คี่ก่อน โดยจะเร่ิมปรนิ้ หน้าแรกคอื ปกหนา้ ตามด้วย หน้าคี่ อน่ื ๆ จบครบทุกหน้าคี่ ตาม ภาพ

78 ภาพท่ี 4.99 แสดงการกาหนดใหป้ ริ้นหน้าค่ี 14. เม่อื ครบหน้าคแ่ี ล้ว ให้คลกิ ท่ีคาสั่ง Even pages only ปรนิ้ หน้าคู่ โดยใหใ้ สก่ ระดาษทปี่ ริ้นหน้าคีม่ า เมือ่ ก้ีมาใส่ ก็จะสามารถปริ้นครบทัง้ สองด้านอย่างง่ายดาย ภาพที่ 4.100 แสดงการกาหนดให้ปริ้นหนา้ คู่ 15. ข้อดีของไฟล์ PDF คือ สามารถส่ังปร้นิ ได้ง่ายเน่ืองจากโปรแกรม PDF ได้จดั เรยี งหนา้ ตามท่ีไดจ้ ัด Artboard ไวแ้ ล้ว จงึ สะดวกในการสร้างหนงั สอื อยา่ งง่ายได้ทันที

79 . ภาพที่ 4.101 แสดงการสรา้ งไฟลเ์ ปน็ PDF เพื่อทาหนงั สืออย่างงา่ ย

80 สรปุ สาระสาคญั ทา้ ยบทที่ 4 บทน้กี ลา่ วถึง การนาเข้าไฟล์รปู ภาพ การยา้ ยและคัดลอกรูปภาพ การปรบั เปล่ียนขนาดรูปภาพ การใช้งานวัตถุ หรือออบเจ็กต์ การใช้งานเลเยอร์ การใช้เลเยอร์ การส่ังพิมพ์ การสร้างหนังสือ ซึ่งทาให้ทราบวิธีการสร้างสื่อส่งิ พิมพ์ได้ อยา่ งเขา้ ใจมากย่งิ ขึ้น สามารถผลติ สื่อสิ่งพิมพ์ได้ตามความต้องการ เป็นความร้ทู างด้านการสร้างผลงานเพ่ือเผยแพร่ต่อ ผู้อื่นได้ ช่วยให้ส่ือสารไปยังผู้รับได้รับรู้ความหมาย เกิดความเข้าใจจากส่ือสิ่งพิมพ์ต่าง ๆ ที่ต้องการสื่อสารอย่างเข้าใจ ตรงกัน ซึ่งในปัจจุบันการสอื่ สารเชิงเอกสารน่ัน ได้นามาใช้ในทุกหนว่ ยงานไม่วา่ จะเป็นการส่อื สารทางตรงหรอื ทางอ้อม อย่างเช่น การสื่อสารโฆษณาประชาสัมพันธข์ องการภาครัฐ คือระเบียบการเข้ามาติดต่อประสานงานหรอื ตลอดจนการ เข้ามาใช้บริการในหน่วยงาน ในส่วนภาคเอกชน ได้นาส่ือส่ิงพิมพ์มาช่วยออกแบบส่ือให้มีความสวยงาม ดึงดูดในการ เลือกซ้ือสินค้าต่าง ๆ เพื่อเพ่ิมช่องทางการจัดจาหน่ายและโฆษณาผลิตภัพณ์ต่าง ๆ ไปยังผู้รับสาร เช่น การแจกใบปลวิ ใบปดิ ใบแจก บตั รคอนเสิร์ตฯลฯ จึงเปน็ บทเรียนทมี่ ีความสาคัญมาก

81 คาศัพท์ หนว่ ยท่ี 4 คาศัพท์ ความหมาย Scale ปรับขนาดวดั ระยะ Stroke เสน้ ขอบ Opacity Align กาหนดความโปร่งแสง Distribute การจดั เรยี งวัตถุ Bring ระยะหา่ งวตั ถุ Front Rotate สง่ วัตถุไปยังท่ีต่าง ๆ Back ส่วนหน้า Backward หมุนวัตถุ ยอ้ นกลบั ย้อนหลังสุด

82 ใบงานที่ 4.1 เรอ่ื ง การจัดการกับรูปภาพและวัตถุ จุดประสงค์ 1. นักเรียนสามารถจดั การกับรูปภาพได้ 2. นักเรียนสามารถจัดการกับวตั ถุได้ 3. นกั เรียนสามารถออกแบบปกนิตยสารได้ 4. นักเรียนสามารถบนั ทกึ ไฟลง์ านได้ 5. นกั เรียนสามารถพมิ พ์งานออกทางเคร่อื งพมิ พไ์ ด้ กิจกรรมและแนวทางปฏิบตั ิ ใหน้ ักเรยี นออกแบบปกนิตยสาร มีขั้นตอนการทาดงั น้ี เปน็ การวาดภาพแบบการ์ตนู แบบงา่ ยๆ โดยใชเ้ คร่ืองมือ Pen และการไลเ่ ฉดสีแบบเกรเดียนท์ เพ่ือทาใหภ้ าพดู มแี สงเงา 1. กาหนดค่าเร่ิมตน้ งาน โดยเลอื กคาส่ัง File>New แล้วกาหนดขนาดของหนา้ ปก ขนาดเทา่ กบั A4 แต่ตอ้ งมีการกาหนดคา่ ท่ีสาคญั ดังนี้ - Bleed ( ตดั ตก ) = 0.3 cm - Color Mode ( ประเภทของส)ี = CMYK - Raster Effects ( ความละเอียดของไฟล์ ) =Hight ( 300 ppi)

83 รูปท่ี 1 การเปดิ เอกสารใหม่ 2. แบง่ สัดสว่ นระหว่างชือ่ หนังสือภาพกราฟิก โดยกดคีย์ ctrl+R เพ่ือเปิดไม้บรรทัด จากน้ันคลิกเมาสเ์ พ่ือวางเส้นไกด์ รปู ท่ี 2 ใชค้ าส่ังเรยี กไมบ้ รรทัด

84 รูปที่ 3 ใช้คาสัง่ เรยี กเสน้ ไกด์ 3. ใส่สใี หก้ บั สว่ นชอื่ หนังสือและส่วนภาพกราฟกิ โดยใชเ้ ครอ่ื งมือ Rectangle วาดรูปส่เี หลี่ยมตามขนาดของพืน้ ทท่ี ่ีแบง่ ไว้

85 . รูปที่ 4 ใช้คาสง่ั เรียกสร้างสเี่ หล่ียมเพือ่ ทาพื้นหลงั 4. ลงมอื ออกแบบภาพกราฟิก ในข้นั ตอนแรกต้องสรา้ งเลเยอรใ์ หม่โดยคลกิ ท่พี าเนล layers จากน้นั โดยใชเ้ คร่อื งมือ Pen วาดรูปทรงดังรูป รูปท่ี 5 ใชเ้ ครอ่ื งมือ pan วาดเสน้ พาธ 5. ตกแตง่ ลวดลาย โดยใช้เครอ่ื งมือ Pen วาดรปู ทรงดงั รูป

86 รปู ที่ 6 ใชเ้ คร่ืองมือ convert เพ่ือดึงเสน้ พาธให้โค้งมน 6. วาดรปู ดวงดาว 5 แฉก โดยใช้เครื่องมอื Star tool แล้วกอ๊ ปป้แี ละยอ่ ขนาดดวงดาวให้เล็กลงเปน็ ชัน้ ๆ ดงั รูป รูปที่ 7 ใชเ้ ครอ่ื งมือ Star tool สรา้ งรปู ดาว 7. สรา้ งพน้ื หลงั แล้วใส่สพี ื้นหลัง โดยเรยี กลวดลายตา่ ง ๆ ท่ีสวยงามในพาเนล Swatches

87 รปู ที่ 8 ใชพ้ น้ื หลงั ท่พี าเนล Swatches 8. สรา้ งพ้นื หลงั สีดา และ สลี วดลายตามภาพ รูปที่ 9 ใส่สีดา และ ใส่สีพ้ืนหลงั ที่พาเนล Swatches 9. ซ่อนรปู พ้ืนหลังตา่ ง ๆ โดยการคลกิ ท่ี layer รปู ดวงตาทุก Layer จนเหลือแตก่ ระดาษเปล่า ๆ

88 รปู ท่ี 10 ซ่อนlayer อนื่ ๆ คลิกทรี่ ูปดวงตา 10. ทาการสรา้ งสายรงุ้ เพ่ือนามาตกแตง่ ปกนติ ยสาร ใหใ้ ช้เครื่องมือ pen วาดเส้นขน้ึ มา 4 เส้นตามภาพ รูปที่ 11 วาดดว้ ยเครือ่ งมอื pen 11. เลือกเสน้ ทง้ั หมด คลกิ เครือ่ งมือ Blend tool แล้วดบั เบลิ คลกิ ท่ีไอคอน จะมีพาเนล Blend Options ขึน้ มา รปู ท่ี 12 เรยี กใช้คาส่งั จากเครื่องมือ Blend Tool