กราฟิก

8 4. คลกิ เคร่ืองมือ Selection หรือ กดคยี ์ Esc เพ่ือจบการพมิ พ์ ตามรูปต่อไปน้ี ภาพที่ 3.2 การพมิ พ์ข้อความดว้ ยเคร่อื งมือ Type ขัน้ ตอนการสร้างขอ้ ความแนวตง้ั 1. คลิกเครื่องมือ Vertical Type 2. ใช้เมาส์คลกิ ตรงตาแหน่งทีจ่ ะพมิ พ์บนอาร์ตบอร์ด 3. กาหนดรปู แบบขอ้ ความสีและขนาดตวั อักษร 4. พมิ พ์ข้อความ หากต้องการข้ึนบรรทัดใหม่ในย่อหน้าเดิมให้กดคยี ์ Shift Enter และหากต้องการข้นึ ย่อหน้าใหมใ่ หก้ ดคีย์ Enter 5. คลิกเคร่ืองมือ Selection หรือกดคยี ์ ESC เพื่อจบการพมิ พ์

9 ภาพท่ี 3.3 การพมิ พ์ข้อความด้วยเคร่ืองมือ Vertical Type สรา้ งขอ้ ความแบบ Area Type เป็นการสรา้ งข้อความในกรอบสีเ่ หล่ยี มดว้ ยเคร่ือง Type ซึ่งผลท่ไี ด้จากวิธนี ี้ จะเหมอื นกับการสรา้ งข้อความไวใ้ นออบเจค็ รปู ส่โี ดยใชเ้ ครื่องมือ Area Type ภาพที่ 3.4 แถบเคร่อื งมอื Area Type ภาพท่ี 3.5 การพมิ พข์ ้อความด้วยเคร่อื งมือ Area Type สรา้ งข้อความแนวนอนในกรอบออบเจด็ ดว้ ยเคร่ืองมือ Area Type ซ่ึงข้อความจะอย่ภู ายขอบเขตของรูปทรง หรือเส้น path ทสี่ รา้ งไวแ้ ล้ว โดยเส้นจะถกู ยดึ ด้วยคาสง่ั พิมพข์ ้อความ จึงทาให้เวลาสรา้ งกรอบข้อความต้องสร้างกรอบ ไว้จานวน 2 กรอบจึงจะทาให้ไม่มีผลกระทบการทางานท่เี ป็นรปู ทรงตา่ งหรอื เส้น path

10 ภาพท่ี 3.6 การเรียกใชค้ าสั่งพมิ พข์ ้อความด้วยเคร่ืองมือ Area Type Tool ขนั้ ตอนการสร้างขอ้ ความแนวนอนในกรอบออบเจค็ 1. เลือกออบเจ็คท่จี ะใชเ้ ปน็ ขอบเขตของข้อความ 2. คลกิ เคร่ืองมือ Area Type 3. วางเคอรเ์ ซอร์ไว้บนเสน้ path ของออบเจ็ค 4. กาหนดรูปแบบข้อความจากคอนโทรลพาเนล 5. พมิ พ์ข้อความตามปกติ 6. เลอื กเคร่ืองมือ Selection หรอื กดคีย์ ESC เพื่อจบการพิมพ์ ภาพท่ี 3.7 การพมิ พ์ข้อความด้วยเคร่ืองมือ Area Type สร้างขอ้ ความแนวตงั้ ในกรอบออบเจ็คดว้ ยเครื่องมือ Vertical Area Type เป็นการสรา้ งข้อความใหอ้ ยภู่ ายใน ขอบเขตของรปู ทรงหรือเสน้ path โดยจะได้ข้อความในแนวตั้งจากบนลงลา่ ง ข้อความจะเรม่ิ ตน้ ดา้ นขวาบนและข้ึน บรรทดั ใหม่ไปทางด้านซา้ ย

11 ภาพท่ี 3.8 การพมิ พ์ข้อความดว้ ยเครื่องมือ Vertical Area Type ขัน้ ตอนการสร้างข้อความแนวต้งั ในกรอบออบเจ็ค 1. เลอื กออบเจ็คที่จะใช้เป็นขอบเขตของข้อความ 2. คลิกเครื่องมือ Area Type 3. คลกิ เมาสบ์ นออบเจคหรอื เส้น path ของออบเจค 4. กาหนดรปู แบบขอ้ ความจากคอนโทรลพาเนล 5. พิมพ์ข้อความตามปกติ 6. เลอื กเคร่ืองมือ Selection หรือกดคยี ์ ESC เพือ่ จบการพิมพ์

12 ภาพที่ 3.9 การพมิ พ์ข้อความแนวต้งั ดว้ ยเครื่องมอื Vertical Area Type สรา้ งขอ้ ความตามแนวเส้น Path ด้วยเคร่ืองมือ Type on a Path เปน็ การสร้างขอ้ ความใหว้ างอยู่บน เสน้ path เปน็ เสน้ บรรทัด แทนทจ่ี ะเปน็ เส้นตรงตามปกติ ภาพที่ 3.10 การเรียกใช้คาสงั่ พิมพข์ ้อความแนวเสน้ Type on a Path ขนั้ ตอนการพมิ พ์ขอ้ ความแนวนอนตามเส้น Path 1. เลือกออบเจ็คทีจ่ ะใชเ้ ป็นเสน้ บรรทัดข้อความ 2. คลกิ เคร่ืองมือ Type on a Path 3. คลิกเมาส์ที่เสน้ path เพื่อเป็นตาแหน่งเริ่มตน้ ในการพิมพ์ขอ้ ความ 4. กาหนดรูปแบบข้อความจากแถบเครือ่ งมือ 5. พมิ พ์ข้อความตามปกติ 6. คลกิ เคร่ืองมือ Selection หรือ กดคีย์ ESC เพ่ือจบการพิมพ์

13 ภาพท่ี 3.11 การพมิ พข์ ้อความแนวเส้น Path ดว้ ยเคร่อื งมือ Type on a Path สรา้ งขอ้ ความแนวต้ังตามเสน้ Path ดว้ ยเครื่องมือ Vertical Type on a Path เปน็ การสร้างขอ้ ความ ให้อยู่ตามแนวเสน้ path เช่นเดียวกนั กับเคร่ืองมือ Type on a Path แต่จะเป้นการพิมพ์ในแนวตง้ั ภาพที่ 3.12 การเรียกใช้คาสั่งพมิ พข์ ้อความแนวเสน้ Vertical Type on a Path Tool ขั้นตอนการพิมพ์ข้อความแนวเส้น Vertical Type on a Path Tool

14 1. เลือกออบเจ็คที่จะใช้เปน็ เสน้ บรรทดั ข้อความ 2. คลกิ เคร่ืองมือ Type on a Path 3. ใช้เมาส์คลกิ บนเส้น path เพื่อเป็นตาแหน่งเร่ิมต้นในการพิมพ์ 4. กาหนดรปู แบบข้อความจากแถบเครื่องมือ 5. พิมพ์ข้อความตามปกติ 6. คลิกเคร่ืองมือ Selection หรือ กดคยี ์ ESC เพอื่ จบการพิมพ์ ภาพท่ี 3.13 การพิมพข์ ้อความแนวเส้น Vertical Type on a Path Tool การจัดรปู แบบย่อหนา้ ใหก้ ับขอ้ ความ เป็นการกาหนดลักษณะการจัดยอ่ หนา้ ของข้อความ เชน่ ชดิ ซ้าย ชิดขวา ก่ึงกลาง ซ่ึงการปรบั แต่งน้จี ะมีผลกบั ทกุ บรรทัดในย่อหนา้ เดยี วกนั กาหนดลกั ษณะการจัดย่อหน้าได้โดยใชอ้ อปชัน่ ต่าง ๆ บนพาเนล Paragraph การเปดิ พาเนลนท้ี าได้โดยใช้คาสัง่ Window  Type  Paragraph

15 ภาพที่ 3.14 การเรยี กใชเ้ คร่ืองมอื ในการจัดรูปแบบย่อหน้าให้กับขอ้ ความ คาอธบิ ายเครื่องมือ หมายเลขท่ี 1 รูปแบบการจัดย่อหน้า ชดิ ซ้าย ชดิ ขวา กึ่งกลาง ซา้ ยขวาเทา่ กัน หมายเลขท่ี 2 คาส่งั เย้อื งด้านหน้าทั้งยอ่ หน้า หมายเลขที่ 3 คาส่ังเยื้องดา้ นหนา้ เฉพาะบรรทดั แรก หมายเลขที่ 4 คาส่ังเว้นระยะด้านบนก่อนย่อหนา้ หมายเลขที่ 5 คาสง่ั เยื้องดา้ นหลงั ทง้ั ย่อหนา้ หมายเลขที่ 6 คาส่งั เวน้ ระยะดา้ นล่างหลังย่อหนา้ หมายเลขที่ 7 คาสง่ั ให้มีการตดั คาในภาษาอังกฤษโดยการใส่ Hyphen การแบ่งคอลัมน์ข้อความ สาหรบั อารต์ เวิร์คทมี่ ีขอ้ ความเป็นปรมิ าณมาก ควรมีการแบ่งเนือ้ หาออกเป็นคอลมั น์เพื่อง่ายให้การอ่าน เนือ่ งจากการอา่ นผ้อู า่ นต้องอ่านเร่มิ จากดา้ นซ้ายไปด้านขวา มกี ารกวาดสายตาไปตามข้อความท่ยี าวในแตล่ ะบรรทดั

16 หากแบ่งเน้ือหาเป็นคอลัมน์จะช่วยทาให้ข้อความสวยงามและเปน็ ระเบยี บมากขนึ้ การแบ่งคอลัมน์น้ีคณุ จะกาหนดก่อน การพิมพข์ ้อความหรือหลงั จากท่ีพิมพเ์ สรจ็ แลว้ ก็ได้ ภาพที่ 3.15 การเรยี กใชค้ าส่ังแบง่ คอลัมน์ข้อความ ขน้ั ตอนการแบง่ คอลัมนข์ อ้ ความ 1. เลือกข้อความท่ีพิมพ์ไว้แล้ว หรอื หากต้องการกาหนดก่อนการพิมพก์ ใ็ ชเ้ ครื่องมอื Type คลิกลากวาดกรอบ เพื่อเปน็ ขอบเขตในการพิมพ์ 2. เลอื กคาส่ัง Type  Area Type Options 3. กาหนดออปชน่ั ตา่ ง ๆ ซง่ึ มีรายละเอียดดังน้ี - Width ความกวา้ งโดยรวมทั้งหมดของกรอบข้อความ - Height ความสูงโดยรวมท้ังหมดของกรอบข้อความ - Rows หรอื Columns กาหนดค่าในการแบ่งแถว Rows และแบง่ คอลัมน์ Columns ดงั นี้ 1. Number จานวนแถวหรือจานวนคอลมั น์

17 2. Span ความสงู ของแถวหรอื ความกวา้ งของคอลมั น์ 3. Fixed กาหนดความสูงของแถวหรอื ความกวา้ งของคอลัมน์ Span มีขนาดคงที่ตามคา่ ที่กาหนด โดยค่า Width และ Height จะถูกปรบั ใหมใ่ ห้สอดคล้องโดยอตั โนมัติ 4. Gutter ระยะห่างระหวา่ งแถวหรอื คอลมั น์ Offset ตาแหน่งการวางข้อความ - Inset Spacing เปน็ ค่าในการก้นั หนา้ -หลังและบน-ลา่ งของข้อความท้งั หมด - First Baseline ตาแหนง่ ของขอ้ ความในแนวตัง้ - Min กาหนดคา่ เพมิ่ เติมจากตาแหน่งทีก่ าหนดใน First Baseline Options วิธีการจัดวางข้อความไปยังแต่ละแถวและคอลมั น์ - วางจากซ้ายไปขวาก่อนแล้วจงึ เล่ือนไปแถวถดั ไป - วางจากบนลงลา่ งกอ่ นแล้วจึงเลื่อนไปคอลัมน์ถดั ไป 4. คลิกปุ่ม OK

18 ภาพที่ 3.16 ตัวอย่างการแบ่งคอลมั น์ข้อความ 2 คอลมั น์ การพลกิ กลับแนวตัวอกั ษร การสรา้ งข้อความแบบตา่ ง ๆ ต้องมีการเลอื กเครื่องมืออยา่ งใดอยา่ งหนึ่งก่อนแลว้ จึงพิมพ์ ถงึ จะไดต้ วั อักษรเปน็ แนวตามเคร่ืองมือทเ่ี ลือก หากหลงั จากการพิมพเ์ สร็จต้องการเปลยี่ นแนวนอนเปน็ แนวตั้ง หรอื จากแนวต้งั เป็น แนวนอน กส็ ามารถใชค้ าส่ัง Type Orientation ไดโ้ ดยไม่ตอ้ งพิมพ์ข้อความใหม่อีกครั้ง ขนั้ ตอนการพลิกกลับข้อความ 1. เลือกข้อความ ภาพท่ี 3.17 ตวั อย่างการสรา้ งเลอื กขอ้ ความ 2. เลือกคาสัง่ TypeType Orientation  Vertical (แนวตง้ั )

19 ภาพที่ 3.18 การเรยี กใช้คาสั่งจากเมนู Type 3. ผลลพั ธ์ทีไ่ ดค้ ือข้อความแนวตง้ั ภาพท่ี 3.19 ตวั อยา่ งการแสดงผลลัพธท์ ีท่ าเสร็จแล้ว การนาเขา้ ข้อความจากโปรแกรมอ่นื ๆ โปรแกรมนส้ี ามารถนาเข้าไฟล์ข้อความจากโปรแกรมอืน่ ๆ เข้ามาใชง้ านได้ เพื่อชว่ ยอานวยความสะดวก ใน การพมิ พ์พร้อมทั้งแก้ไขงา่ ย และสามารถจดั การกับขอ้ ความไดต้ ามความถนัด จากโปรแกรมตา่ ง ๆ เช่น Microsoft Word หรือ Notepad แล้วนามาวางและตกแต่งข้อความใหมด่ ้วยโปรแกรม Illustrator ไดอ้ ีก

20 ไฟล์ข้อความทสี่ ามารถอิมพอรต์ เขา้ มาใชม้ ีอยู่ 3 แบบ คือ ไฟล์เอกสารของโปรแกรม Microsoft Word (.doc) ไฟล์แบบ Plain Text (.txt) และไฟลแ์ บบ Rich Text (.rtf) ทส่ี รา้ งจากโปรแกรม WordPad หรอื Microsoft Word สาหรับไฟล์ .doc และ .rtf น้ันมขี ้อดี คือเมื่ออิมพอร์ตเขา้ มาแลว้ รปู แบบตวั อักษร และการจัดวางขอ้ ความจะยังคง เหมือนเดมิ ซึ่งจะชว่ ยใหก้ ารปรบั แต่งใน Illustrator สะดอกและรวดเร็วมากขึ้นการนาไฟลข์ ้อความท้ัง 3 ประเภทเข้า มาใช้งานมี 3 วธิ ี คอื อิมพอร์ตเข้ามาโดยสร้างเป็นอารต์ เวริ ์คใหม่ อิมพอรต์ เข้ามาใชก้ ับไฟลอ์ าร์ตเวริ ค์ เดิม และการก๊อป ปข้ี ้อความจากโปรแกรมอืน่ มาวาง ขนั้ ตอนการอิมพอร์ตไฟล์ข้อความมาใช้งาน 1. เลอื กคาสั่ง File -> Open 2. ทช่ี อ่ ง Look in ใหค้ ลิกแลว้ เลอื กโฟลเดอรท์ ่ีเก็บไฟล์ 3. คลกิ เลอื กไฟลข์ ้อความ 4. คลกิ ป่มุ Open 5. กาหนดคณุ สมบตั ขิ องการวางข้อความดังน้ี - Table of Contents Text ใหแ้ สดงข้อความท่ีเป็นสารบัญ - Footnotes/Endnotes ใหแ้ สดงขอ้ ความท่เี ปน็ เชงิ อรรถ - Index Text ใหแ้ สดงข้อความท่ีเปน็ ดชั นี - Remove Text Formatting คลิกเลือกเพื่อยกเลิกรปู แบบท่ีจัดไว้ 6. คลิกปุ่ม OK

21 ภาพท่ี 3.20 การเรยี กใช้คาสงั่ จากเมนู file ภาพที่ 3.21 การเลือกออบชั่นคาสัง่ การนาเข้าข้อความ ภาพท่ี 3.22 การเลือกไฟลจ์ ากโปรแกรม Microsoft Word

22 ภาพท่ี 3.23 ผลลัพธข์ อ้ ความทีน่ าเขา้ มาในโปรแกรม ขั้นตอนการอิมพอรต์ ข้อความเขา้ มาใช้กับไฟลอ์ ารต์ เวิร์คในโปรแกรม Illustrator ในกรณีท่ีได้เตรยี มอารต์ เวิรค์ เพอ่ื ใชง้ านไว้แล้ว ก็สามารถนาข้อความมาวางประกอบในอารต์ เวริ ค์ ได้ โดยมี ขั้นตอนดังน้ี 1. ใช้เครื่องมือ Type คลิกลากวาดกรอบเพ่อื เป็นขอบเขตของข้อความ 2. เลือกคาสั่ง File -> Place 3. ที่ชอ่ ง Look in ใหค้ ลิกแลว้ เลือกโฟลเดอรท์ เี่ ก็บไฟล์ 4. คลกิ เลอื กไฟลข์ ้อความจากรายการ 5. คลกิ ปมุ่ Place 6. กาหนดออปชัน่ ของการวางข้อความ 7. คลิกปมุ่ OK

23 ภาพท่ี 3.24 การใช้เครอ่ื งมอื type วาดกรอบสาหรับวางข้อความ

24 ภาพท่ี 3.25 การเรยี กใช้คาสั่ง Place จากเมนู File ภาพท่ี 3.26 การเลือกออบชนั่ ในการนาเข้าข้อความจากโปรแกรมอน่ื

25 ภาพท่ี 3.27 การเลือกไฟลจ์ ากโปรแกรม Microsoft Word ภาพท่ี 3.28 การสรา้ งอาร์ตเวิรค์ ทม่ี กี ารนาข้อความมาวางเรยี บร้อยแลว้ การใชง้ านเอฟเฟ็กต์

26 เอฟเฟ็กต์ (Effect) เป็นชุดคาสงั่ พเิ ศษใชส้ าหรับตกแต่งวัตถุท้งั แบบเวตเตอรแ์ ละบติ แบพใหม้ ีรูปทรงท่สี วยขึน้ ซ่งึ เอฟเฟ็กต์ ใน illustrator แบ่งออกเป็นสองกลุ่ม ดังนี้ 1. เอฟเฟก็ ตใ์ ช้เพ่ือการปรับแตง่ วตั ถุท่ีวาดข้นึ มาใช้งาน 2. เอฟเฟก็ ต์ใชเ้ พื่อการปรบั แตง่ วัตถตุ ่าง ๆ และภาพบิตแมพ ภาพท่ี 3.29 การเรียกใช้งานเมนู Effect แก้ไขและลบเอฟเฟก็ ต์ออกจากวตั ถุด้วยพาเนล appearance หลงั จากใชเ้ อฟเฟ็กต์ปรบั แต่งวตั ถุไปแลว้ เราสามารถแก้ไขหรือลบออกจากวัตถุประสงค์ไดโ้ ดยใชพ้ าเนล appearance โดยคลิกเมนู window -> appearance ในกรณีที่ต้องการแก้ไขค่าการปรับแตง่ สามารถทาได้ดงั นี้

27 1. เป็นพาเนล appearance 2. คลกิ ข่ือเอฟเฟ็กต์ทต่ี ้องการ เพ่ือเปิดหน้าต่างปรับแก้ 3. แก้ไขคา่ การปรับแต่งตามต้องการ 4. ผลลพั ธ์ท่ไี ด้หลงั จากการปรับแตง่ ภาพท่ี 3.30 การเรียกใช้งานพาเนล Appearance หากต้องการยกเลกิ เอฟเฟ็กตท์ ีเ่ ราปรับแต่งออกจากวัตถุ สามารถทาได้ ดังน้ี 1. เปิดพาเนล appearance 2. คลกิ ชอื่ เอฟเฟก็ ต์ท่ีตอ้ งการลบ

28 3. คลกิ ไอคอน เพ่อื ลบเอฟเฟ็กต์ออกจากวตั ถุ ตกแต่งเสน้ ขอบให้นุ่มนวลด้วย Blur Blur เปน็ เอฟเฟ็กต์ทใ่ี ช้สาหรับปรบั แตง่ เส้นขอบของวตั ถใุ หเ้ บลอ ฟุ้งกระจาย ดเู นียนกลมกลืนกับวตั ถุอ่นื โดย มวี ธิ ใี ชง้ านดังน้ี 1. คลกิ เลอื กวัตถุทต่ี ้องการปรับแต่ง 2. คลิกเมนู Effect -> Convert to shape -> Gaussian blur 3. กาหนาค่า Radius ตามตอ้ งการโดยพจิ ารณาจากภาพตัวอยา่ งดว้ ยเลอื ก Preview 4. เมอ่ื ปรบั แตง่ เสร็จแล้ว ใหค้ ลิกปุม่ ok 5. ภาพที่ไดจ้ ะมีลักษณะเส้นขอบฟุ้งกระจายกลมกลืนกบั วัตถุอ่นื ภาพท่ี 3.31 การเรยี กใช้คาสงั่ Gaussian blur บิดดัดวัตถดุ ้วย Distort & Transform

29 Distort & Transform เป็นเอฟเฟก็ ต์ทใ่ี ชส้ าหรบั บดิ ดดั รูปทรงวตั ถใุ ห้มีมุมมองท่ีแปลกมากขึน้ ซ่งึ ท่ีเอฟเฟ็กต์ ใหเ้ ลือกใชม้ ากมาย ดงั นต้ี วั อย่างตอ่ ไปน้ี 1. วาดรูปทรงตากทต่ี ้องการ 2. คลิกเมนู Effect -> Distort & Transform -> Twist 3. ปรบั องศาในการบิดดัดรปู ทรงตามต้องการ 4. เม่อื เสรจ็ แลว้ คลกิ ปุ่ม ok ภาพที่ 3.32 การเรยี กใชค้ าสง่ั บิดดัดวตั ถุดว้ ย Twist การบดิ วัตถุ ด้วยเอฟเฟ็กต์ zig zag โดยวธิ ีใชง้ าน ดังนี้ 1. วาดรปู ทรงตามทีต่ ้องการ 2. คลกิ เมนู Effect -> Distort & Transform -> zig zag 3. ปรับค่าตา่ ง ๆตามทตี่ ้องการ 4. เมอ่ื เสร็จแล้วคลิกป่มุ ok

30 ภาพท่ี 3.33 การเรียกใช้คาสงั่ บิดดดั วตั ถุดว้ ย zig zag ปรับแต่งวตั ถดุ ้วย stylize Stylize เปน็ เอฟเฟก็ ต์ท่ใี ชส้ าหรับแต่งวตั ถใุ ห้มีลักษณะเฉพาะ เช่น ใสเ่ งาให้วัตถซุ งึ่ เอฟเฟ็กตใ์ ห้เลือกใช้ 6 เอฟ เฟ็กต์ ดังตัวอย่างต่อไปน้ี 1. วาดรปู ทรงตามต้องการ 2. คลิกเมนู Effect > stylize > feather 3. ปรบั ค่าความฟุ้งให้เหมาะกับงาน 4. เมือ่ เสรจ็ แล้วคลกิ ปมุ่ ok 5. ขอบของวตั ถุจะฟุ้งมากข้นึ

31 ภาพท่ี 3.34 การเรียกใชค้ าสง่ั Feather ภาพท่ี 3.35 การเรียกใชค้ าสง่ั Feather ปรบั มุมแหลมให้มนขึน้ ดว้ ย Round corners โดยวธิ ีดงั ต่อไปน้ี 1. วาดรปู ทรงตามท่ีต้องการ 2.คลิกเมนู Effect > stylize > Round corners 3. ปรบั คา่ ความมนตามต้องการ 4. เม่อื เสรจ็ กดปุม่ ok 5. มมุ แหลมของวัตถุจะมนข้นึ

32 ภาพท่ี 3.35 การเรียกใชค้ าสง่ั Round Corners ภาพท่ี 3.36 การเรยี กใชค้ าสงั่ Round Corners สรา้ งภาพสเกตซ์ด้วย Scribble โดยมีวิธใี ช้งานดังนี้ 1. วาดรูปทรงตามตอ้ งการ 2. คลกิ เมนู Effect -> stylize -> Scribble 3. เลอื กรปู แบบภาพสเกตซ์ 4. ปรบั ค่าตา่ ง ๆ เพิ่งเติมตามต้องการ 5. เมื่อเสร็จกดป่มุ ok

33 ภาพที่ 3.37 การเรยี กใชค้ าส่งั Scribble ภาพท่ี 3.38 การปรับค่าตา่ ง ๆ ของคาส่งั Scribble ตัวอยา่ ง การเลอื กรูปแบบต่าง ๆ ของคาสัง่ Scribble

34 Default Childlike Dense Maire Sketch Sharp Snart Swash Tight Zigzag ภาพท่ี 3.39 รปู แบบต่าง ๆ ของคาสั่ง Scribble สรา้ งวตั ถุ 3 มิติ การสร้างวัตถุ 3 มติ ิ สามารถสร้างได้ 2 วิธี ดงี น้ี สร้างวตั ถุให้มมี ิติมากขนึ้ Extrude & Bevel Extrude & Bevel เป็นเอฟเฟก็ ต์ทใี่ ชส้ าหรบั ปรับแตง่ วตั ถุ 3 มิติ ให้มคี วามลึกดสู มจริงมากขึ้น สามารถใชง้ าน ไดโ้ ดยคลิกเมนู Effect -> 3D -> Extrude & Bevel โดยมีวธิ ีใช้งาน ดังน้ี

35 1. คลิกเลือกวัตถุทต่ี ้องการ (หากวัตถุที่เลือกมีหลายชิ้นจะตอ้ ง Group เขา้ ดว้ ยกนั ก่อนโดยเลอื กวตั ถุทั้งหมด แลว้ คลกิ ขวาเลือกคาสงั่ Group หรอื กดแป้น Ctrl + G) 2. คลิกเมนู Effect -> 3D -> Extrude & Bevel 3. คลกิ ตัวเลือก Preview เพ่ือแสดงภาพการปรบั แต่ง 4. แดรกเมาสป์ รับมุมมองและความลกึ ของวตั ถตุ ามต้องการ 5. คลกิ ปมุ่ ok จะไดว้ ัตถุ 3 มติ ิท่มี ีความลกึ ดูสมจรงิ มากข้ึน ภาพท่ี 3.40 การใชคาส่ัง Extrude & Bevel ภาพที่ 3.41 รูปแบบต่าง ๆ การใชคาสงั่ Extrude & Bevel

36 ภาพท่ี 3.42 ผลลพั ธก์ ารใช้คาสงั่ 3D สรา้ งวตั ถุ 3 มิติ ด้วย Revolve Revolve เปน็ คาสง่ั สาหรบั สร้างรปู ทรง 3 มิติ โดยหมุนรอบแกนแนวตง้ั ขงเสน้ พาธท่วี าด สามารถเรยี กใช้คาส่งั ได้โดยคลิกเมนู Effect > 3D > Revolve โดยมวี ิธดี งั น้ี 1. วาดเสน้ พาธวัตถุดว้ ยเคร่อื งมอื Pen Tool และ คลิกเลือกวตั ถุ 2. คลิกเมนู Effect > 3D > Revolve 3. กาหนดค่าต่าง ๆให้กับวัตถุ 4. กาหนดดา้ นของพาธทจ่ี ะใช้เป็นแกนหมุนท่ี From 5. คลิกปุ่ม ok 6. จะไดภ้ าพวตั ถุ 3 มิติ ภาพท่ี 3.42 ผลลัพธก์ ารใชค้ าส่งั 3D Revolve

37 ภาพที่ 3.43 กาหนดคา่ ตามต้องการ

38 ภาพที่ 3.43 ผลลพั ธ์คาสงั่ จะสร้างภาพข้ึนให้อย่างสมบูรณ์ กาหนดทิศทางแสงเงาวตั ถุ การสร้างวตั ถุ 3 มิติจะต้องการคานงึ ถงึ เรื่องแสงท่สี อ่ งกระทบลงบนพื้นผวิ ดว้ ย เพ่อื ให้ไดภ้ าพท่ดี สู มจรงิ มากข้นึ ดงั ตัวอยา่ ง 1. คลกิ ป่มุ More options เพอ่ื กาหนดค่าเพมิ่ เตมิ ในสว่ นของแสงเงา 2. แดรกเมาส์กาหนดตาแหน่งทศิ ทางของแสง 3. ปรบั แตค่ ่าความสว่างองแสงตามต้องการ 4. เมอ่ื ปรบั แต่งเสรจ็ แล้ว ให้คลกิ ปมุ่ ok 5. จะได้วตั ถุ 3 มติ ิ ทม่ี ีแสงเงา ภาพที่ 3.43 การกาหนดค่าใส่แสงเงาบนวตั ถุ 3D

39 การใช้งานพาเนล Graphic Styles พาเนล Graphic Styles เปน็ พาเนลทเี่ ก็บรวบรวมลักษณะการตกแต่งวัตถดุ ว้ ยเอฟเฟก็ ต์สาเรจ็ รูป สามารถ เรยี กใชง้ านได้โดย เมนู Windows -> Graphic Styles โดยมีสว่ นประกอบดังนี้ ภาพที่ 3.44 การเรียกใชค้ าสั่ง Graphic Styles การใช้งานสไตล์ สามารถทาได้ดงั นี้ 1. คลกิ เลือกวัตถุทีต่ ้องการใส่สไตล์ 2. เปิดพาเนล Graphic Styles ขนึ้ มา 3. คลิกไอคอลเพ่ือเรยี กใช้สไตล์อืน่ ๆ 4. เลอื กกลมุ่ ไดต้ ามสไตล์ต้องการ 5. คลกิ เลือกสไตลท์ ต่ี ้องการ 6. วัตถุจะถูกใสส่ ไตล์ทเี่ ลอื กทันที

40 ภาพที่ 3.45 การเรียกใช้คาสั่ง Type Effects ภาพท่ี 3.46 ผลลพั ธท์ ี่ได้จากการเรียกใชค้ าสั่ง Type Effects ยกเลกิ ใช้งานสไตล์ สามารถทาได้โดยใชพ้ าเนล Appearance ดังนี้ 1. คลกิ เลือกวตั ถุที่ต้องการลบสไตล์ 2. เปิดพาเนล Appearance ข้ึนมา 3. คลกิ เลือกสไตล์ทตี่ ้องการลบ 4. คลิกไอคอน เพอื่ ลบสไตล์ออกจากวตั ถุ 5. สไตลท์ เี่ ลอื กจะถูกลบจากวัตถุ

41 ภาพที่ 3.47 การปรบั แตง่ ค่าสไตล์และยกเลิกใช้งานสไตลใ์ นพาเนล Appearance สรา้ งสไตล์เก็บไวใ้ ชง่ านเอง 1. สร้างวัตถุแลว้ ตกแตง่ ดว้ ยเอฟเฟก็ ต์ต่าง ๆ 2. เปิดพาเนล Graphic Styles ข้นึ มา 3. แดรกเมาส์ลากวตั ถุไปในพาเนล Graphic Styles 4. จะไดส้ ไตลท์ ่สี ร้างขน้ึ มาใหม่

42 ภาพท่ี 3.48 การสรา้ งสไตล์ไว้ใช้งานเกบ็ ไว้ในพาเนล ลบสไตล์ สามารถทาได้ ดงั นี้ 1. คลกิ เลือกสไตลท์ ีต่ ้องการลบ ท่ีพาเนล Appearance 2. คลิกไอคอล เพื่อลบสไตล์

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

44 คาศัพท์ หน่วยที่ 3 คาศัพท์ ความหมาย Type ประเภทของสงิ่ ต่าง ๆ Point จดุ ตาแหน่ง Area Paragraph พื้นทีก่ ารทางาน การแบ่งหน้ากระดาษ

45 Off set ตาแหนง่ การวางข้อความ Import การนาเข้าขอ้ มูล Span Fixed กาหนดค่าความสูง กวา้ ง Gutter การกาหนดคา่ Options ระยะหา่ งระหวา่ งแถวหรอื คอลมั น์ กาหนดคุณลกั ษณะของคาส่ัง ใบงานท่ี 3.1 หนว่ ยท่ี 3 การจัดการกบั ขอ้ ความตัวอักษร จดุ ประสงค์ 1. นักเรียนสามารถสร้างข้อความแบบต่าง ๆ ได้

46 2. นักเรียนสามารถใชค้ าส่ังเอฟเฟกสร้างขอ้ ความได้ 3. นักเรยี นสามารถออกแบบโลโกห้ รือแบรนตราสนิ คา้ ได้ 4. นักเรียนสามารถบนั ทึกไฟลง์ านได้ กจิ กรรมและแนวทางปฏิบัติ ใหน้ ักเรียนออกแบบโลโก้รา้ นค้า มีขน้ั ตอนดังน้ี 1. คลกิ เคร่ืองมือ Ellipse Tool เพ่อื วาดรปู ทรงกลม 2. คลิกเลือกสเี ส้น Stroke และสพี ้นื Fill ท่ตี ้องการ 3. คลกิ เลอื กขนาดเส้น 4. แดรกเม้าส์วาดรปู ทรงกลมตามขนาดทีต่ ้องการ รปู ที่ 1 วาดรูปวงกลมด้วยเครื่องมือ Ellipse Tool 5. คลิกเมนู Effect-> Distort Transform-> Zig Zag

47 6. กาหนดคา่ ความหนาของรอยหยกั 7. กาหนดคา่ เพ่ือปรับความลกึ ของรอยหยัก 8. คลกิ เลือก Smooth เพอ่ื ปรับให้รอยหยักมน 9. เม่อื กาหนดค่าเรียบร้อยแลว้ คลิกปุม่ OK รูปท่ี 2 ใช้คาส่งั เอฟเฟกให้กบั รูปทรง รูปท่ี 3 ใช้คาสั่งเอฟเฟกให้กับรูปทรง

48 10. รปู ทรงกลมจะเปลีย่ นรูปไปตามท่กี าหนด แต่โครงสร้างพาธยงั คงเป็นรูปทรงวงกลม 11. คลิกเมนู Object-> Expand Appearance 12. โครงสร้างพาธรูปทรงวงกลมจะกลายเป็นวัตถุ รูปที่ 4 ใชค้ าส่ังกาหนดรปู ทรงให้กลายวตั ถุ 13. คลิกเมนู Object-> Path> Offset Path 14. กาหนดคา่ -10 px เพ่อื ทาเสน้ ขอบด้านใน 15. คลิกปุม่ OK รูปที่ 5 ใช้คาสง่ั กาหนดเสน้ ขอบใหเ้ ปน็ เส้นประ

49 รปู ท่ี 6 ใชค้ าสัง่ กาหนดเสน้ ขอบใหเ้ ป็นเสน้ ประ 16. จะไดเ้ สน้ ขอบด้านใน 17. เลอื กสีจากพาเนล Swatches หรือ Color 18. สีเส้นจะเปลยี่ นตามที่เลือก

50 รูปที่ 7 ใช้คาส่งั กาหนดเส้นขอบให้เปน็ เส้นประ 19. คลกิ ที่ Stroke บนพาเนล Option 20. กาหนดคา่ ความหนาของเส้นขอบ 21. คลิกตวั เลือก Dashed Line เพ่อื ปรับเสน้ ประ 22. กาหนดขนาดของเสน้ ประ 5pt 23. วัตถุจะเปลยี่ นเป็นเสน้ ประตามทก่ี าหนดค่า รปู ท่ี 8 ใช้คาสง่ั กาหนดเสน้ ขอบใหเ้ ป็นเส้นประ สร้างข้อความบนรปู ทรงวงกลมโลโก้ หลังจากสร้างรูปทรงวงกลมของโลโกเ้ รียบรอ้ ยแล้ว ข้นั ตอนต่อมาคอื การสร้างข้อความโดยมีข้นั ตอนดงั นี้ 1. พมิ พข์ ้อความด้วยเครื่องมือ Type Tool 2. เลอื กข้อความทง้ั หมด 3. คลิกที่ Paragraph บนพาเนล Option 4. คลิกไอคอนเพ่ือจดั ข้อความให้อยกู่ ึ่งกลางกนั ในแนวต้ัง

51 5. คลิกไอคอนเพื่อจดั ขอ้ ความให้อยกู่ งึ่ กลางกันในแนวนอน รปู ท่ี 9 ใชค้ าสงั่ พิมพ์ขอ้ ความ ปรบั แตง่ ตัวอกั ษรเปน็ ถ้วยกาแฟ หลงั จากทีส่ รา้ งข้อความแล้ว ข้ันตอนต่อมาคือการตกแตง่ ข้อความ โดยมีข้ันตอนดังน้ี 1. คลกิ เลือกข้อความ I love แลว้ คลิกขวาเลือกคาสงั่ Create outlines เพอ่ื แปลงขอ้ ความวตั ถุ 2. คลกิ เครื่องมือ Direct Selection Tool แลว้ คลกิ ท่ีวงกลมดา้ นในของอักษร O จากน้ันกดแป้น Delete เพื่อลบพาธ 3. คลกิ ท่จี ดุ แองเคอรด์ ้านบนวตั ถตุ วั O แล้วแดรกเมาสล์ ากลงมาใหเ้ ว้าเขา้ เลก็ น้อย 4. วาดรูปทรงวงกลมด้วยเคร่ืองมือ Ellipse Tool โดยกาหนดสเี ส้นขอบเป็นสขี าวไม่กาหนดสพี ื้น 5. คลิกเมนู Object Expand 6. กาหนดตวั เลือก Fill และ Stroke 7. คลิกปุ่ม OK

52 รูปที่ 10 ใชค้ าส่งั พิมพข์ ้อความ 8. คลิกเลือกวตั ถทุ ัง้ สอง 9. เปิดพาเนล Pathfinder ขนึ้ มา แลว้ คลิกไอคอน 10. วตั ถุจะกลายเป็นชน้ิ เดียวกัน 11. กาหนดสีพน้ื 12. วัตถุจะเปลี่ยนเปน็ สีพนื้ ตามท่ีกาหนด สรา้ งควันไอลอยเหนอื ถ้วยกาแฟ ขนั้ ตอนน้ีเป็นการออกแบบไอไวล้ อยเหนอื ถ้วยกาแฟ โดยมีขั้นตอนดังนี้ 1. วาดเส้นตรงดว้ ยเครื่องมือ Line Segment Tool 2. กาหนดขนาดความหนาของเสน้ 3. คลิกเลือกรปู แบบเส้น 4. คลิกเมนู Effect -> Distort & Transform ->Zig Zag

53 รูปที่ 11 ใชค้ าสง่ั พมิ พข์ ้อความ 5. กาหนดค่าความหนาของรอยหยกั 6. กาหนดค่าเพ่อื ปรบั ความลกึ ของรอยหยัก 7. คลกิ เลือก Smooth เพื่อปรับใหร้ อยหยักมน 8. คลิกปุ่ม OK รูปท่ี 12 ใชค้ าสง่ั Smooth เพือ่ ปรับให้รอยหยักมน 9. รูปทรงจะเปล่ียนไปตามทกี่ าหนด 10. ก็อปปีร้ ูปทรงและปรบั ขนาดให้เล็กกวา่ เดมิ

54 ใบงานท่ี 3.2 หน่วยที่ 3 การจดั การกบั ขอ้ ความตวั อกั ษร จดุ ประสงค์ 1. นักเรยี นสามารถสร้างข้อความแบบต่าง ๆ ได้

55 2. นกั เรียนสามารถใชค้ าสัง่ เอฟเฟกสร้างข้อความได้ 3. นกั เรียนสามารถออกแบบแบรนตราสินค้าได้ 4. นักเรยี นสามารถบนั ทึกไฟลง์ านได้ กิจกรรมและแนวทางปฏิบตั ิ ใหน้ กั เรียนออกแบบแบรนตราสนิ คา้ มขี ัน้ ตอนดงั น้ี 1. คลิกเคร่ืองมือ Ellipse Tool เพื่อวาดรูปทรงกลม 2. คลิกเลือกสเี สน้ Stroke และสีพ้นื Fill ที่ต้องการ 3. คลิกเลอื กขนาดเส้น 4. แดรกเมา้ ส์วาดรปู ทรงกลมตามขนาดท่ีต้องการ รปู ที่ 1 วาดรปู วงกลมด้วยเคร่ืองมือ Ellipse Tool 5. คลกิ เมนู window -> brusher 6. เลือกรูปแบบเส้นแบบต่าง ๆ

56 7. เมื่อกาหนดค่าเรยี บร้อยแล้วคลิกปุ่ม OK รปู ท่ี 2 ใช้คาส่ังเพื่อเลือกเสน้ แบบต่าง ๆ รปู ที่ 3 ใช้คาสั่งเอฟเฟกให้กบั รูปทรง รูปที่ 3 เพ่อื เลือกเสน้ แบบตา่ ง ๆ

57 8. วาดวงรีแล้วคลิกเลือกรปู แบบเสน้ พรอ้ มใสส่ ีเสน้ ตามภาพ . รปู ที่ 4 เพื่อเลือกแบบเส้นชนดิ charcoal - feather 9. คลิกเคร่ืองมือ pen tool วาดเปน็ สามเหลี่ยม รปู ที่ 5 เพื่อวาดเสน้ ดว้ ย pen tool 10. คลิกเครื่องมือ convert anchor point tool ดงึ เสน้ ให้โคง้ ตามภาพ