illustrator CS4

ILLUSTRATOR CS4สร้างงานกราฟิกด้วย Aiเบอ้ื งตน้ By. Computer Center THAKSIN UNIVERSITY PT.

คำนำ ปัจจุบันสอ่ื อิเลก็ ทรอนิกสห์ รอื IT เขา้ มามบี ทบาทในชีวติ เราเป็นอยา่ งมาก จนกลายเป็นสว่ นหน่งึ ใน ชีวิตประจำวนั ไปแลว้ ท่อี ยูอ่ าศยั อาหารการกนิ และการเรียนรู้ ล้วนเกีย่ วข้องกบั IT ทง้ั ส้นิ การเรียนการสอนในสมยั เมอ่ื สิบปที แ่ี ลว้ กบั ปจั จบุ นั นีม้ ีความแตกตา่ งกันอยา่ งมากมาย สมยั ที่ผู้เขยี น ยังเรยี นหนังสือ ตอ้ งอาศยั การจดลงในสมุดจด จะคน้ ควา้ หาความรเู้ พ่มิ เตมิ ตอ้ งไปหายืมหนังสือตำรา มาจากหอ้ งสมุดหอบกันมาเปน็ เลม่ ๆ เพราะหนังสือบางเล่มหาซอ้ื ยากเหลือเกิน ต้องเสยี เงินคา่ ถา่ ยเอก- สารกันทีละหลายรอ้ ยบาท กว่าจะไดม้ าซง่ึ สิ่งทเ่ี ราตอ้ งการจะรู้ แตส่ มัยน้ีมีอนิ เตอรเ์ นต็ มีแทบ็ เล็ต มี Google เราไมต่ อ้ งจดให้เม่อื ยมือ ไม่ต้องแบกตำราใหเ้ ข็ดเอว และประหยดั ค่าถ่ายเอกสารไปไดม้ ากมาย เพียง Search ( ค้นหา ) ใน Google เรากจ็ ะพบกบั ความรทู้ เี่ ราต้องการ จากยุคแบกตำรามาสู่ยคุ การคน้ หาด้วยปลายน้วิ ผูเ้ ขยี นขอเป็นสะพานทอดผา่ นแห่งยุคด้วยการผลิต ตำราอิเลก็ ทรอนกิ ส์ โดยการคน้ ควา้ รวบรวมตำราเล่ม กล่นั กรองแล้วเชอ่ื มต่อตวั หนังสือจากกระดาษให้ กลายเป็นอักษรอเิ ล็กทรอนกิ สใ์ นรปู แบบต่างๆ ดว้ ยอปุ รณค์ อมพวิ ์เตอร์เครื่องน้อยทม่ี อี ยู่ เพื่อใหน้ อ้ งๆ นสิ ติ บุคลากร อาจารย์ และผ้สู นใจท่ัวไป ได้นำความรู้เหลา่ นี้ไปประยกุ ต์ใช้ สรา้ งสรรค์ชิน้ งานตามความ เหมาะสม Illustrator CS4 เปน็ โปรแกรมออกแบบงานกราฟิกท่นี า่ ใช้งาน และเปน็ โปรแกรมมทผ่ี ูเ้ ขียนสนใจ อยากเรียนรู้ มนั จงึ เป็นแรงบนั ดาลใจ ใหผ้ ู้เขยี นไดท้ ำการรวบรวม ศกึ ษาหาอา่ นจากหนังสอื หลายๆเลม่ แลว้ นำมากล่นั กรอง เรียบเรยี ง จัดพิมพ์มนั ขึน้ มาใหอ้ ยใู่ นรปู แบบสืออิเลก็ ทรอนิกส์ เพ่ือเผยแพรต่ อ่ ไปยงั ผู้ท่ีสนใจใฝ่รไู้ ด้นำไปศกึ ษากันโดยไม่คดิ ตงั ก์ และไมส่ งวนลขิ สทิ ธ์ิ สามารถนำไปเผยแพรต่ อ่ ได้ หากมี ขอ้ ผิดพลาดประการใดผู้เขยี นก็ขออภัยมา ณ โอกาสน้ี ศกั ดิ์ หนูรนิ ทร์ สำนักคอมพวิ เตอร์ มหาวทิ ยาลยั ทักษณิ พทั ลงุ

สารบญั หนา้ ท่ี เรื่อง 02 บทที่ 1 : ส่วนประกอบของโปรแกรม 02 03 กลมุ่ เครื่องมอื เก่ยี วกบั การเลือกวตั ถุ 03 กลุ่มเคร่ืองมอื วาดและสรา้ งตัวหนงั สือ 04 กลมุ่ เคร่ืองมอื ตัดแบ่งวตั ถุ 05 กลุม่ เคร่อื งมอื ปรบั แตง่ วตั ถุ 05 กลุ่มเคร่อื งมือสร้าง Symbol และ Graph 06 กล่มุ เครอ่ื งมือเกี่ยวกับการกำหนดสี 07 กลมุ่ เครื่องมอื ที่เก่ียวกบั พน้ื ทีก่ ารทำงาน, การกำหนดรปู แแบบมมุ มองหนา้ จอ 08 ชดุ เครอื่ งมอื เสริม ( Panel ) 08 08 บทท่ี 2 : การเปิดใช้งานโปรแกรม 09 09 การสรา้ งไฟล์งาน 09 อารต์ บอรด์ ( Artboards ) 09 การเพิ่มจำนวนอารต์ บอรด์ 11 การลบอารต์ บอรด์ 11 เครอื่ งมือวัดระยะ 12 12 - ไม้บรรทัด ( Ruler ) 14 - เสน้ ไกด์ ( Guide ) 15 - เสน้ กริด ( Grid ) 15 16 บทท่ี 3 : รู้จกั เครื่องมือพนื้ ฐาน 16 16 การวาดเสน้ ตรงดว้ ยเคร่อื งมอื ( Line Tool ) 17 การวาดเสน้ โคง้ ดว้ ย ( Arc Tool ) 17 การวาดรูปก้นหอยดว้ ย ( Spiral Tool ) การวาดรปู ตารางส่เี หลยี่ มดว้ ย ( Rectangular Grid Tool ) การวาดรปู ตารางวงกลมดว้ ย ( Polar Grid Tool ) การวาดรูปด้วยเครือ่ งมอื ( Pencil Tool ) ปรับเสน้ ให้เรยี บเนยี นดว้ ยเคร่อื งมอื ( Smooth Tool ) ตดั เส้น Path ด้วยเคร่อื งมือ ( Path Eraser Tool ) สรา้ งรปู ทรงสเี่ หลี่ยมดว้ ยเคร่อื งมือ ( Rectangle Tool ) สร้างรูปทรงสีเ่ หล่ียมมุมมนดว้ ยเคร่อื งมอื ( Rounded Rectangle Tool ) สรา้ งรปู ทรงกลมดว้ ยเคร่อื งมือ ( Ellipse Tool ) สรา้ งรปู ทรงหลายเหล่ียมด้วยเคร่ืองมอื ( Polygon Tool )

สารบญั หนา้ ท่ี เรื่อง 17 สร้างรปู ดาวดว้ ยเครือ่ งมือ ( Star Tool ) 18 สร้างประกายแสงด้วยเคร่ืองมอื ( Flare Tool ) 19 วาดรปู ด้วยเคร่อื งมอื ( Pen Tool ) 22 22 บทที่ 4 : สี ( COLOR ) 22 23 โหมดสี RGB 24 โหมดสี CMKY 25 การเลือกใช้สจี าก Tool box 26 การเลอื กใช้สีจาก Panel Color 29 การเลอื กใชช้ ุดสใี น Panel SWATCHE 30 สี 4 แบบใน Illustrator 32 รู้จกั กับ Panel COLOR GUIDE 32 รจู้ ักกบั Panel TRANSPARENCY 33 33 บทท่ี 5 : สรา้ งตัวหนังสอื ด้วยกลมุ่ เคร่อื งมอื ( Type Tool ) 35 37 การสรา้ งข้อความดว้ ยเคร่ืองมอื ( Type Tool ) 37 การสรา้ งข้อความในแนวตั้งดว้ ยเคร่อื งมอื ( Vertical Type Tool ) 38 การสร้างข้อความภายในรูปทรง 38 การพมิ พ์ตวั อักษรตามแนวเสน้ Path 38 สรา้ งตัวอักษรใหไ้ หลไปบนเสน้ Path 39 การจัดรปู แบบตวั อกั ษร 39 การใช้งานอักขระพเิ ศษจาก Panel GLYPHS 39 การทำตวั อกั ษรให้พริ้วไหว 41 ใส่ Style ใหต้ วั อักษร 42 ใส่สีแบบไล่โทนสีใหต้ ัวอักษร 43 กำหนดรปู แบบการไล่โทนสีบนตัวอกั ษร ใส่สแี บบ Pattern ให้กบั ตัวอกั ษร แปลงตวั อกั ษรใหเ้ ป็น Shape ดว้ ย Create Outlines จัดการข้อความด้วย Panel PARAGRAPH การตัดขอ้ ความล้อมภาพดว้ ยคำส่งั Text Wrap การแบ่งขอ้ ความเป็นคอลมั น์ บทที่ 6 : Fill & Stroke การกำหนดสแี ละขนาดของเส้นขอบ

สารบัญ หนา้ ท่ี เรือ่ ง 43 คุณสมบตั ิของ Panel STROKE 43 กำหนดรูปแบบมมุ เสน้ ขอบ 43 กำหนดตำแหนง่ แกนเสน้ ใหก้ ับ Stroke 44 กำหนด Stroke ใหเ้ ป็นเสน้ ประ 44 วาดเสน้ ดว้ ยเครอ่ื งมอื Blob Brush Tool 45 นำหัวแปรงจาก Panel BRUSHES มาใช้งาน 45 เทคนคิ การวาดภาพด้วย Paintbrush Tool 47 ให้เสน้ ขอบปรบั ตาม Scale เมอื่ ยอ่ หรอื ขยายภาพ 47 แปลง Stroke ให้กลายเปน็ Fill 48 การสร้างหัวแปรงเพอ่ื เกบ็ ไว้ใช้งาน 51 51 บทที่ 7 : Layer 51 52 ปรับมุมมอง Panel Layer 52 การสร้าง Layer 52 การเปลีย่ นชือ่ ให้ Layer 53 การจดั ลำดบั ชัน้ Layer 53 การจัดลำดบั วตั ถใุ น Sub Layer 53 การลอ๊ คเลเยอร์ ( Lock Layer ) 53 การซอ่ นเลเยอร์ ( Hide Layer ) 54 การรวมกลุ่มวตั ถุ ( Group ) 56 เคลอื่ นยา้ ยวตั ถทุ ่ถี กู Group ดว้ ย Direct Selection Tool 59 เลอื กวัตถุสเี ดยี วกันดว้ ย Magic Wand Tool 59 การจัดเรยี งวัตถดุ ้วย Panel ALIGN 60 60 บทที่ 8 : Effect 61 61 สรา้ งรูปทรง 3 มิติด้วย Extrude & Bevel 61 การวาดรปู ทรง 3 มิติดว้ ย 3D Revolve ใสล่ วดลายใหร้ ปู ทรง 3 มิติดว้ ย Map Art การหมนุ วตั ถุ 3 มติ ดิ ว้ ย 3D Rotate เปลย่ี นรปู ทรงพน้ื ฐานด้วย Effect Convert Shape การใชง้ านคำสง่ั Effect Stylize Add Arrowheade ( ใสห่ ัวลูกศรใหก้ ับเสน้ ) Drop Shadow ( ใสเ่ งาใหว้ ตั ถุ )

สารบัญ หน้าที่ เร่ือง 61 Feather ( ทำใหว้ ัตถมุ คี วามฟงุ้ เหมือนภาพในฝนั ) 61 Inner Glow ( สรา้ งเงาสะทอ้ นเข้ามายังวัตถุ ) 62 Outer Glow ( สรา้ งแสงสะทอ้ นออกไปรอบวตั ถุ ) 62 Round Corners ( ทำมมุ เหล่ียมให้มน ) 62 Scribble ( ทำให้วตั ถเุ ป็นภาพสเกต ) 63 SVG Filters 64 Effect ตกแต่งภาพกราฟิก 64 Artistic 64 Blur 64 Brush Strokes 65 Distort 65 Pixelate 65 Sharpen 65 Sketch 66 Stylize 66 Texture 66 Video 67 การใส่ Effect ตกแต่งภาพกราฟกิ 67 การใช้ Effect สำเรจ็ รูปจาก Panel GRAPHIC STYLES 70 70 บทท่ี 9 : Symbol 70 70 การใชง้ าน Symbol 71 การสลับ Symbol ( Replace Symbol ) 71 การสร้าง Symbol ไว้ใชเ้ อง 73 การปรับแต่ง Symbol 73 การปรบั แตง่ Symbol อย่างอสิ ระ 73 จดั การกับ Symbol ด้วยเครื่องมอื พิเศษ 74 Graph 74 การสร้าง Graph การเปล่ียนประเภท Graph ปรบั แตง่ Graph Type ตกแตง่ Graph ให้สวยงามด้วยรปู ทรงสีสนั

สารบัญ หน้าท่ี เรอ่ื ง 76 บทท่ี 10 : Print & Export 76 76 สำรวจขอบเขตการพมิ พ์ 77 สว่ นควบคมุ การพิมพ์ทั่วไป 77 ข้นั ตอนการพมิ พง์ าน 77 การพมิ พ์ภาพหลายแผน่ เรยี งต่อกัน 78 การพิมพภ์ าพหลายขนาดดว้ ย Artboard Tool การกำหนดสญั ลกั ษณ์ทางการพิมพ์ Marks & Bleed 79 การ Export งาน เอกสารอ้างองิ

บทที่ 1 กล่มุ เครอ่ื งมือท่ีเก่ยี ว กลุ่มเครือ่ งมือท่ีเก่ยี วกับการ กบั การเลือกวตั ถุ วาดและสรา้ งตวั หนงั สอื สว่ นประกอบของโปรแกรม Illustrator CS4 กลมุ่ เครื่องมอื ที่เกยี่ ว กลุ่มเคร่อื งมือทเ่ี กี่ยวกับการ กอ่ นใช้งานโปรแกรม Illustrator CS4 เรามาทำความรู้จัก กบั การปรับแต่งวตั ถุ สรา้ ง Symbol และ Graph กบั สว่ นประกอบของโปรแกรม ซงึ้ ประกอบด้วย 4 ส่วนหลกั ๆ กลุ่มเครอ่ื งมือท่ีเกยี่ วกับ ด้วยกัน คือ Menu Bar, Toolbox, Panel, และ Artboards กลุ่มเครือ่ งมอื ท่ีเกี่ยวกับ การตดั แบ่งวัตถุ การกำหนดสี กลมุ่ เครื่องมอื ท่ีใช้กำหนด Menu Bar กล่มุ เครือ่ งมือท่ี สีพืน้ และสีเสน้ ใหว้ ัตถุ เก่ียวกบั พน้ื ทที่ ำงาน Toolbox Panel Artboards กำหนดรปู แบบ มุมมองหนา้ จอ เมนูบาร์ ( Menu Bar ) คลิกเพ่ือกำหนดการแสดงกล่องเครื่องมือ Menu Bar คือชดุ คำส่งั ที่ใชจ้ ดั การกับไฟลง์ านในโปรแกรม แบบ 2 คอลัมน์ Illustrator CS4 โดยแบง่ รปู แบบคำสั่งไว้เปน็ หมวดหมูไ่ ดด้ ังนี้ File : เปน็ ชดุ คำสัง่ ที่ใชจ้ ัดการกบั ไฟล์ เชน่ สรา้ งไฟล,์ แบบ 1 คอลัมน์ เปิดไฟล์, Save ไฟล์, Import, Export ไฟล์ เป็นตน้ Edit : เป็นชุดคำส่งั ท่ใี ช้แกไ้ ขงาน เช่น การ Cut, Copy, 01 Paste, Undo, การกำหนดค่าสตี ่างๆรวมไปถงึ การ กำหนดคุณสมบตั ขิ องเส้นไกด์ เส้นกริด เปน็ ตน้ Object : เปน็ ชุดคำสงั่ ที่ใชจ้ ดั การกับวตั ถุ เช่น การหมุน เอยี ง เรยี งลำดับชัน้ ของวตั ถุ แปลงคณุ สมบตั ิวตั ถุ Type : เปน็ ชุดคำสั่งทใ่ี ชจ้ ัดการกบั อักษร เช่น รูปแบบ และขนาดของตัวอักษร Select : เปน็ ชุดคำสงั่ สำหรบั เลือกช้ินสว่ นของวัตถุต่างๆ Effect : เป็นชุดคำส่ังสำหรบั ใสล่ ูกเล่นพเิ ศษให้กับวัตถุ เช่น เพิ่มเงา บิดงอรปู ทรงวตั ถุ เปน็ ต้น View : เปน็ ชุดคำสงั่ สำหรับเลือกรปู แบบการแสดงผล เชน่ การแสดงแถบไมบ้ รรทัด เส้นไกด์ เสน้ กริด การซมู ภาพ เปน็ ต้น Window : เปน็ ชดุ คำส่ังสำหรบั เลอื กใช้งาน Panel และ เลอื กรูปแบบพน้ื ท่กี ารทำงาน Workspace Help : เปน็ ชดุ คำสง่ั ท่รี วบรวมวิธกี ารใช้งานและคำแนะนำ เพ่อื ชว่ ยเหลอื ผ้ใู ช้โปรแกรม กลอ่ งเครื่องมอื ( Toolbox ) เป็นชุดเคร่ืองมือทีใ่ ช้ในการสร้างส่วนประกอบตา่ งๆ ของ ชิ้นงานลงบน Artboards เชน่ การวาดรปู ทรง วาดเสน้ การพิมพข์ ้อความ การกำหนดสขี องวตั ถุ เปน็ ตน้ ซงึ่ ในชุด เครือ่ งมอื จะแบ่งออกเปน็ กลุ่มเครอื่ งมอื ตามลักษณะการ ใช้งานดังน้ี

กลมุ่ เครอื่ งมอื เกย่ี วกบั การเลือกวัตถุ คลกิ คา้ งไว้เพ่อื แสดงเครือ่ งมือยอ่ ย Selection Tool คลกิ เลือก Direct Selection Tool คลกิ ที่แถบเพอื่ แสดง วัตถเุ พ่ือเคลื่อนย้ายหรอื ปรบั คลิกเลือกวตั ถุเพื่อปรบั แต่งรปู ทรง ชุดเคร่ืองมอื ท้ังหมด แตง่ ด้วยคำสงั่ ตา่ งๆ จากเสน้ Path และจุด Anchor ชดุ เคร่ืองมอื ทง้ั หมด Magic Wand Tool คลิก Lasso Tool แดรกเมาส์บน ทแี่ สดง สามารถปิด เลือกวัตถทุ ม่ี ีรูปแบบคล้ายกัน วตั ถใุ นสว่ นที่ต้องการแตง่ รปู ทรง การใชง้ านโดยคลิก จากเส้น Path และจดุ Anchor กากบาท กล่มุ เครอ่ื งมอื วาดและสรา้ งตัวหนังสอื Pen Tool ใช้สร้างเสน้ Path Add Anchor Point Tool Delete Anchor Point Tool Convert Anchor Point Tool ให้เป็นรปู ทรงตา่ งๆ ท่ตี ้องการ ใชเ้ พ่มิ จดุ Anchor บนเส้น Path ใชล้ บจุด Anchor บนเส้น Path ใช้ดัดแขนของเส้น Path ทำใหบ้ ดิ พร้ิวตามต้องการ Line Segment Tool ใชส้ รา้ ง Arc Tool ใชส้ รา้ งเส้นโค้งแบบ Spiral Tool ใช้สรา้ งเส้นโคง้ Rectangular Grid Tool เส้นตรงแบบเปดิ สามารถนำมา เปิดสามารถนำมาตอ่ เป็นรปู ทรงได้ แบบกน้ หอย ใชส้ ร้างตาราง ตอ่ เป็นรูปทรงได้ Computer Center Thaksin University Polar Grid Tool ใช้สร้าง Paintbrush Tool ใช้วาดเส้น Blob Brush Tool ใชว้ าดเสน้ Type Tool ใชส้ รา้ งขอ้ ความ ตารางแบบวงกลม Path ดว้ ยพูก่ ัน ( เสน้ Path ที่วาด Path ด้วยพูก่ นั ( เส้น Path ทว่ี าด แนวนอน จะไมต่ ิดกนั ) สีเหมือนกันทับกนั จะตดิ กัน ) 02

TSm C C T U o e h n n a i Up u t k v e s e e t r i r n s r i t y Area Type Tool ใชส้ ร้าง Type On a Path Tool ใช้สร้าง Vertical Type Tool ใช้สรา้ ง Vertical Area Type Tool ข้อความแนวนอนภายในรูปทรง ขอ้ ความแนวนอนตามแนวเส้น Path ข้อความแนวตงั้ ใช้สรา้ งข้อความแนวตง้ั ภายในรปู ทกี่ ำหนด ของวัตถทุ ่ีกำหนด ทรงทีก่ ำหนด Vertical Type On a Path Tool Rectangle Tool ใชส้ รา้ งรปู Rounded Rectangle Tool Ellipse Tool ใช้สรา้ งรูปทรงกลม ใช้สร้างขอ้ ความแนวตงั้ ตามแนว ทรงส่ีเหล่ยี ม ใชส้ รา้ งรปู ทรงส่ีเหล่ยี มมุมมน เสน้ Path ของวตั ถทุ ก่ี ำหนด Polygon Tool ใช้สร้างรปู ทรง Star Tool ใช้รูปดาว Flare Tool ใช้สร้างประกายแสง Pencil Tool ใชว้ าดเส้น Path หลายเหลี่ยม ด้วยดนิ สอ Smooth Tool ใช้ปรบั แต่งเส้น Eraser Path Tool ใช้ลบสว่ น Pathใหเ้ รยี บเนยี น ของเส้น Path ที่ไมต่ อ้ งการ กลุ่มเครือ่ งมือตัดแบง่ วตั ถุ Eraser Tool ใช้ลบภาพ Scissors Tool ใชต้ ดั รูปทรง Knife Tool ใช้ตดั รปู ทรงออก Slice Tool ใช้หน่ั ภาพออก ทเี่ ลอื กออกเป็นสองสว่ นโดยไม่สร้าง เป็นสองส่วนและสร้างเส้นปิดให้ เป็นชนิ้ ๆเพ่ือบนั ทึกไปใชง้ านในการ เส้น Path ปิดให้ ออกแบบเวบ็ ไซต์ กลมุ่ เครอื่ งมอื ปรับแต่งวัตถุ GGG Rotate Tool ใชห้ มุนวัตถุ Reflect Tool ใช้กลับด้านวัตถุ Warp Tool ใช้ปรับรปู ทรงวัตถุ Twirl Tool ใชห้ มุนรปู ทรงให้ 03 ในแนวนอนหรือแนวต้งั ดว้ ยการแดรกเมาสด์ นั เสน้ Path บิดเปีย้ วดว้ ยการคลกิ เมาส์ทีว่ ตั ถุ

Pucker Tool ใช้ดูดรปู ทรง Bloat Tool ใชท้ ำรูปทรงให้ Scallop Tool ใช้แตง่ รูปทรง Crystallize Tool แต่งรปู ทรง เข้าตรงกลางด้วยการคลิกทวี่ ตั ถุ บวมด้วยการคลิกทวี่ ตั ถุ ให้เปน็ หยักดว้ ยการคลิกทว่ี ัตถุ ใหเ้ ปน็ หยกั แหลมด้วยการคลกิ ทีว่ ตั ถุ Wrinkle Tool ใชแ้ ตง่ รปู ทรง Free Transfrom Tool ใช้หมุน ให้ย่นดว้ ยการคลิกท่วี ัตถุ ย่อ ขยาย กลับด้านวัตถุ กลุ่มเคร่ืองมอื สรา้ ง Symbol และ Graph Symbol Sprayer Tool Symbol Shifter Tool กระจาย Symbol Sizer Tool ใช้ปรบั Symbol Spinner Tool ใชห้ มุน คดั ลอกและเพิม่ จำนวน Symbol Symbol ตามทิศทางการแดรกเมาส์ ขนาด Symbol ให้ใหญข่ นึ้ ( ใหเ้ ลก็ Symbol ตามทศิ ทางการแดรกเมาส์ กด Alt + คลกิ Symbol ) Symbol Stainer Tool เปลีย่ น Symbol Screener Tool ปรับ Symbol Styler Tool นำ Column Graph Tool ใชส้ รา้ ง สี Symbol โดยเลอื กสจี าก Fill มา Symbol ให้โปรง่ ใส Stylers จาก พาเนล GRAPHIC กราฟเปรยี บเทยี บข้อมูลในแนวตั้ง เทลงบน Symbol ทีต่ ้องการ STYLES มาใสใ่ ห้ Symbol แตล่ ะแท่ง Stacked Column Graph Tool Bar Graph Tool สร้างกราฟ Stacked Bar Graph Tool ใช้ Line Graph Tool ใชส้ รา้ ง ใช้สร้างกราฟเปรยี บเทียบขอ้ มูล เปรียบเทียบขอ้ มูลในแนวนอน สร้างกราฟเปรียบเทียบขอ้ มลู ใน กราฟเสน้ เพอื่ เปรียบเทียบข้อมูล ในแนวต้ัง แต่ละแทง่ แนวนอน Area Graph Tool ใชส้ รา้ ง Scatter Graph Tool ใชส้ ร้าง Pie Graph Tool ใช้สรา้ ง Radar Graph Tool ใชส้ รา้ ง กราฟพืน้ ท่ีเปรยี บเทยี บขอ้ มูล กราฟเปรยี บเทยี บความเชื่อมโยง กราฟแบบ Pia เพือ่ เปรียบเทียบ กราฟเพอ่ื เปรยี บเทยี บข้อมูลใน ขอ้ มูล ข้อมูล แตล่ ะช่วงเวลา 04

กลุม่ เครือ่ งมือที่เกยี่ วกบั การกำหนดสี TSU Mesh Tool ใช้ลงสีรปู ทรงโดย Gradient Tool ใชล้ งสรี ปู ทรง Eyedropper Tool ใชด้ ดู สีจาก Live Paint Bucket Tool ใช้ การใช้ตาขา่ ยพกิ ัดเพ่อื ลงสี โดยการไลโ่ ทนสี ลงสวี ตั ถทุ ่ีอยใู่ นเสน้ ขอบ ชน้ิ งานเพื่อนำไปใช้ Blend Tool ใชผ้ สานวตั ถทุ ี่เปน็ Normal Screen Mode : ( แสดงหนา้ จอปกติ ), สพี ้ืนและเส้นขอบให้กลมกลนื กนั Full Screen Mode with Menu Bar : ( แสดงเตม็ จอพร้อม เครื่องมอื และพาเนล), Full Screen Mode : ( แสดงเตม็ จอ การกำหนดสีพนื้ และสเี ส้นใหว้ ตั ถุ ซอ่ นเคร่อื งมอื และพาเนล ) กำหนดสีพ้ืน ( Fill ) สลับสพี น้ื และสเี ส้น กำหนดสเี ส้น ( Stroke ) เลอื กสพี ื้นใหด้ ับเบ้ลิ คลกิ ในสว่ นของสพี นื้ จากน้ันจะปรากฎ Normal Screen Mode แสดงหนา้ จอปกติ ตารางสีขน้ึ มา เลือกสีทีต่ ้องการแลว้ คลิกปุ่ม ok Full Screen Mode with Menu Bar 05 เลอื กสีเส้นใหด้ ับเบิล้ คลกิ ในสว่ นของสีเส้น เมื่อปรากฎ แสดงเตม็ จอพร้อมเครือ่ งมือและพาเนล ตารางสีขนึ้ มา จงึ ทำการเลือกสีเส้นตามต้องการแลว้ คลกิ ok กล่มุ เครื่องมือทเ่ี กี่ยวกบั พ้นื ท่ที ำงาน Hand Tool ใชส้ ำหรบั เลื่อนดู Artborads ท้งั หมด Print Tiling Tool คลกิ บน Artboards เพ่ือดูพน้ื ทกี่ ารพมิ พ์ Zoom Tool คลิกบน Artboards เพอ่ื ขยายมมุ มองภาพ และคลิกพร้อมกดปุ่ม Alt จะยอ่ มุมมองภาพ กำหนดรปู แบบมุมมองหนา้ จอ คลกิ ปุม่ กำหนดรูปแบบมมุ มองหนา้ จอ ( Change Screen Mode ) จะปรากฏเมนูขนึ้ มาให้เราเลอื ก 3 เมนู

ย่อและซ่อน Panel 1. คลกิ ท่สี ัญลกั ษณ์เพอื่ ย่อ Panel ใหเ้ ล็กลง ( จะแสดงดงั ภาพท่ี 2 ) 2. คลกิ อีกครงั้ เพอ่ื ซ่อน Panel ( จะแสดงดงั ภาพท่ี 3 ) ภาพท่ี 1 ภาพท่ี 2 Full Screen Mode แสดงเตม็ จอ ซอ่ นเครอ่ื งมือและพาเนล 3. คลกิ อีกคร้งั เพอ่ื แสดง Panel แบบเต็ม ( แสดงดงั ภาพที่ 1 ) ชุดเครอื่ งมอื เสรมิ ( Panel ) เป็นชดุ เครอื่ งมอื เสริมสำหรบั แตง่ ภาพ สี ตัวอักษร เช่น ภาพท่ี 3 ปรบั แตง่ เสน้ ขอบจากเส้นทึบเป็นเส้นประโดยใช้ Panel ปรบั มมุ มองการแสดง Panel STROKE หรือ การนำภาพกราฟิกสำเรจ็ รูปจาก Panel SYMBOLS มาใชเ้ ป็นต้น 1. คลกิ ทส่ี ญั ลกั ษณ์เพอื่ ลดขนาด ของ Panel ( แสดงดงั ภาพท่ี 2 ) Panel ในโปรแกรม Illustrator นั้นมอี ยมู่ ากมายหลายชดุ 2. คลกิ ท่ีสญั ลักษณเ์ พ่ือขยายขนาด เราสามารถเรยี กใช้ Panel ไดโ้ ดยไปท่ี เมนู > Window > ของ Panel ( แสดงดงั ภาพท่ี 1 ) จากนั้นทำการเลือกใช้งาน Panel ทต่ี ้องการ ภาพท่ี 1 ภาพที่ 2 Panel SWATCHES จดั กลมุ่ และยา้ ยกล่มุ Panel Panel GRAPHIC STYLES 1. แดรกเมาสล์ าก Panel ท่ีต้องการ 2. ไปรวมกับอกี Panel ท่ีต้องการจัดกลมุ่ 3. จะไดก้ ลมุ่ Panel ใหม่ดงั ภาพ 3. 2. 1. Panel COLOR GUIDE จดั การกบั Panel เม่ือเราเรียก Panel ออกมาใช้ เราสามารถบรหิ ารจัดการ กบั Panel ได้ เชน่ ยอ่ และซอ่ น Panel, การปรบั มุมมองการ แสดง Panel, จดั กลุ่มและยา้ ยกลมุ่ Panel ดว้ ยวธิ ีดังต่อไปน้ี 06

บทที่ 2 Basic CMYK Document เปน็ ไฟล์สำหรับงานสิ่งพมิ พ์ กำหนดจำนวนอารต์ บอร์ดได้ การเปิดใชง้ านโปรแกรม Basic RGB Document เมื่อเปิดใช้งานโปรแกรม Illustrator CS4 คร้งั แรก เรากจ็ ะ เปน็ ไฟลอ์ อกแบบกราฟกิ สำหรับเว็บ สามารถกำหนดจำนวน พบกบั หน้าต่าง Welcome Screen โดยมสี ่วนประกอบสำคัญ อารต์ บอร์ดได้ ตา่ งๆ ดงั ตอ่ ไปน้ี เมอื่ เลือรปู แบบไฟล์งานเสรจ็ แล้วก็จะปรากฎหน้าต่าง A. Create New ใช้สำหรับสร้างไฟล์งานใหม่ สามารถ New Document ข้ึนมา เพอื่ ให้เรากำหนดคา่ ต่างๆ เลือกรูปแบบของไฟลง์ านได้ 6 แบบ ดงั ต่อไปน้ี B. Open a Recent Item แสดงไฟล์งานทท่ี ำล่าสดุ 1. 3. สามารถคลกิ เปดิ เพอื่ ทำงานต่อได้ทนั ที 2. C. Open ใช้สำหรับเปิดไฟลง์ านอน่ื ๆ 4. D. สว่ นเรียนรู้การใชง้ านโปรแกรมเบือ้ งตน้ 5. E. คลกิ เพ่อื ซอ่ นหนา้ ต่าง Welcom Screen เมือ่ เราเปิด 6. ใชง้ านโปรแกรมใหม่ในครัง้ ตอ่ ไป 7. 8. 9. B. A. 1. Name ตั้งช่อื ไฟล์งาน C. 2. Number of Artboards กำหนดจำนวนอาร์ตบอรด์ 3. เลือกแนวการจดั วางอาร์ตบอรด์ D. 4. Spacing กำหนดระยะห่างระหว่าง Artboard แต่ละหนา้ E. 5. Size เลือกขนาด 6. Orientation กำหนดแนวของกระดาษ กำหนดเป็นแนวต้งั การสร้างไฟลง์ านใหม่ ( New ) โดยไปที่ Create New เลือกรูปแแบบของไฟล์งานดังน้ี หรอื แนวนอน 7. Advanced คลกิ เพื่อจัดการกับโหมดสี Print Document 8. Color Mode เลือกโหมดสี RGB, CMYK สรา้ งไฟลง์ านทเ่ี หมาะกับงานส่ิงพมิ พ์ สามารถกำหนด 9. Raster Effects กำหนดความละเอยี ดของจุดสี โหมดสีแแบบ CMKY และสามารถกำหนดรูปแบบขนาด กระดาษไดต้ ามตอ้ งการ High ( 300ppi ), Medium ( 150ppi ), Screen ( 72ppi ) * ppi ( Pixels Per Inch ) คอื พกิ เซลตอ่ นวิ้ * Web Document เม่ือกำหนดค่าเสร็จแลว้ กจ็ ะได้ไฟลง์ านใหม่ ขนาดกระดาษ เป็นไฟลอ์ อกแบบกราฟกิ สำหรับเวบ็ โดยสามารถกำหนด A4 จำนวน 10 แผน่ แนวตัง้ โหมดสี CMKY ความละเอยี ดของ ขนาดไฟล์ท่ีมหี นว่ ยเป็น Pixel ตามขนาดของจอภาพ และ จุดสเี ทา่ กับ 72ppi ตามค่าท่ถี กู กำหนดไวด้ ังภาพด้านลา่ ง มโี หมดสแี บบ RGB 07 Mobile and Devices Document เป็นไฟล์สำหรบั งานออกแบบกราฟิกส่อื มีเดยี ของโทรศัพท์ มือถอื Video and Film Document เปน็ ไฟลส์ ำหรับงานออกแบบกราฟกิ VDO หรืองานตัดต่อ ซง่ึ สามารถกำหนดขนาดของระบบการแสดงผลบนจอภาพ แบบตา่ งๆได้

การจดั การอารต์ บอรด์ ( Artboards ) การลบอาร์ตบอร์ด ไมบ้ รรทดั ของ อาร์ตบอร์ด พนื้ ท่กี ารทำงาน เส้นประบอก ขอบเขตการพิมพ์ Navigator ยอ่ /ขยาย ต้องการ ลบ Artboards ใหเ้ รากด Shift + O จากนั้นคลิก พื้นทก่ี ารทำงาน Artboards ท่ีต้องการลบ แลว้ กด Delete สร้างไฟลง์ านจาก Template คลกิ เลือกอาร์ตบอรด์ ที่จะทำงาน ไม้บรรทัดของอารต์ บอร์ด สั่งใหแ้ สดงไดโ้ ดย เราสามารถสรา้ งไฟลง์ านใหมโ่ ดยเลอื กไฟล์ตน้ แบบที่มีอยู่ใน โปรแกรม สำหรบั งานออกแบบ เชน่ โปสเตอร์, โบรชวั ร์,นามบตั ร, คลิก View > Show Artboard Rulers เม่อื คลกิ เมาส์ทีอ่ าร์ตบอรด์ ปก CD ,หน้า Web หรือ Banner ผลติ ภัณฑ์ต่างๆ ไดด้ งั นี้ ไหนไม้บรรทดั ก็จะไปแสดงที่อารต์ บอร์ดนัน้ 1. คลิกเมนู File > New from Template จากนน้ั จะปรากฎ เม่ือตอ้ งการเอาไมบ้ รรทดั ออก คลกิ View > Hide Artboard Rulers หนา้ ตา่ ง New from Template ขึน้ มา เสน้ ประบอกขอบเขตการพมิ พ์ สง่ั ใหแ้ สดงได้โดย 2. ใหเ้ ราเลือกไฟล์ตน้ แบบจากโฟลเดอร์ที่ตอ้ งการ คลิก View > Show Print Tiling เมื่อคลกิ เมาส์ท่ีอารต์ บอรต์ ไหน 3. จากนั้นกดปุม่ New กจ็ ะไดไ้ ฟลต์ น้ แบบที่เลอื ก จากนั้น เสน้ ประก็จะเลอื่ นไปแสดงทอ่ี าร์ตบอรด์ นน้ั ทนั ที ทำการแก้ไขปรับแต่ง ใสภ่ าพ ใสข่ ้อมลู เข้าไปตามต้องการ เม่ือตอ้ งการเอาเสน้ ประออก คลกิ View > Hide Print Tiling Navigator ยอ่ /ขยาย พนื้ ทกี่ ารทำงาน เรยี กใชไ้ ดโ้ ดย 1. คลิก Window > Navigator 2. หรอื ใสค่ า่ ตวั เลข คลกิ เพือ่ ไปยัง 3. เปอรเ์ ซนต์ Artboard การยอ่ /ขยาย ท่ีต้องการ คลกิ เพอื่ ยอ่ ใหเ้ ลก็ คลิกเพ่อื ขยายใหใ้ หญ่ขึน้ การเพิ่มจำนวนอาร์ตบอร์ด 2. กำหนดตำแหนง่ และขนาดอาร์ตบอรด์ แสดงไฟล์ต้นแบบ 1. ต้องการ เพ่มิ Artboards ใหเ้ รากด Shift + O จากนนั้ ทำการ 08 แดรกเมาส์เพื่อสร้าง Artboards ตามต้องการ

เสน้ ไกด์ ตัวอยา่ งไฟลต์ ้นแบบท่ีไดจ้ าก Template การปรับแตง่ เสน้ ไกด์ เราสามารถกำหนดสขี องเส้นไกด์ ลักษณะเส้น โดยคลกิ ที่ เมนู Edit > Preferences > เคร่อื งมือวดั ระยะ Guides & Grid จากนนั้ จะปรากฎหน้าตา่ ง Preferences ขนึ้ มา ใหเ้ ราทำการปรับแตง่ ในส่วนของ Guides ดังนี้ เพอื่ การวางตำแหนง่ วัตถุไดอ้ ยา่ งแมน่ ยำ เรียงกนั เปน็ ระเบยี บและตรงกนั ตามตอ้ งการ ในโปรแกรม Illustrator CS4 1. Color เลือกสตี ามต้องการ มีเครอ่ื งมือท่ชี ว่ ยใหเ้ ราจดั วางตำแหน่งวัตถุลงบนช้นิ งานได้ 2. Style กำหนดเสน้ ( Lines ) เส้นทึบ ( Dots ) เส้นประ อย่างสะดวก ซึ่งมดี ว้ ยกนั 3 แบบ ดังนี้ ไมบ้ รรทดั ( Ruler ), 3. จากน้นั คลกิ Ok เสน้ ไกด์ ( Guide ), และเส้นกริด ( Grid ) ไมบ้ รรทดั ( Ruler ) 1. 3. 2. เราสามารถเรยี กใช้งานไมบ้ รรทัดไดโ้ ดย ใช้คำสั่ง Ctrl + R หรอื คลิกเลอื กเมนู View > Show Rulers จากนั้นไม้บรรทัดจะ แสดงขึน้ มาอยูร่ อบพืน้ ท่ีการทำงาน เมอ่ื จะยกเลกิ ใชไ้ มบ้ รรทดั ให้ใชค้ ำสั่ง Ctrl + R อกี ครัง้ หรือคลิกเลอื กเมนู View > Hide Rulers ไมบ้ รรทดั กจ็ ะหายไป เราสามารถเลอื กหน่วยของ เส้นกรดิ ( Grid ) ไม้บรรทัดได้ โดยคลิกขวา เปน็ เสน้ ตารางสีเทา ใชก้ ำหนดระยะหา่ งและแนวจดั วาง บนไม้บรรทัดจากนัน้ จะปรากฎหนา้ ต่างข้ึนมา ใหเ้ รา เลอื กหน่วยของไม้บรรทดั ท่ีต้องการ ตำแหนง่ ของวัตถุ เราสามารถเรียกใชเ้ ส้นกรดิ ได้โดยใชค้ ำส่ัง Ctrl + ‘ หรือคลิกเลือกเมนู View > Show Grid จากน้ันจะปรากฎ เสน้ ไกด์ ( Guide ) เสน้ ตารางสีเทาขึน้ ท่วั อาร์ตบอร์ด เป็นเส้นตรงแนวตั้งและแนวนอน การใชเ้ ส้นไกดก์ ็เพ่อื เม่ือจะยกเลกิ ใชเ้ ส้นกรดิ ใหใ้ ชค้ ำสงั่ Ctrl + ‘ อกี ครง้ั หรอื กำหนดแนวจดั วางตำแหน่งวัตถุ เราสามารถสร้างเส้นไกด์ได้ คลิกเลอื กเมนู View > Hide Grid เส้นกรดิ ก็จะหายไป โดยแดรกเมาสจ์ ากไม้บรรทัดแล้วลากมาวางในตำแหนง่ ที่ ตอ้ งการ และสามารถปรบั ตำแหนง่ เสน้ ไกดท์ ีส่ รา้ งไวแ้ ล้วได้ 09 โดยใชเ้ คร่ืองมอื ( Selection Tool ) แลว้ แดรกเมาส์ลากไป วางไว้ยังตำแหน่งทต่ี อ้ งการ วธิ ลี บเส้นไกด์ ใหเ้ ราคลิกเสน้ ทตี่ ้องการลบ จากนั้นกด Delete หรอื ต้องการลบท้ังหมด ใหเ้ ราไปท่ี เมนู View > Guides > Clear Guides

21.. Note................................................................... 3. .......................................................................... 4. .......................................................................... .......................................................................... .......................................................................... การปรับแต่งเสน้ กริด เราสามารถปรับแต่งเสน้ กรดิ ได้โดย คลกิ ท่ี เมนู Edit > Preferences > Guides & Grid จากน้ันจะปรากฎหนา้ ตา่ ง Preferences ข้ึนมา ใหเ้ ราทำการ ปรบั แตง่ ในส่วนของ Grid ดังนี้ 1. Color เลอื กสีของเส้นกริด 2. Style กำหนดเสน้ ( Lines ) เส้นทบึ ( Dots ) เสน้ ประ 3. กำหนดความถี่ของเส้นหลักและเสน้ รอง 4. คลกิ กำหนดให้เส้นตารางแสดงหลังวตั ถุ 3. จากนน้ั คลิก Ok 10

บทท่ี 3 1. 3. 2. รู้จักเคร่อื งมือพน้ื ฐาน การวาดเส้นตรงด้วย ( Line Tool ) Line Tool เปน็ เครือ่ งมือทใ่ี ช้สำหรบั สร้างเส้นตรงสามารถ กำหนดความยาวและองศาของเส้นไดด้ ังน้ี วธิ ีที่ 1. 1. คลิกเครอ่ื งมือ Line Tool 2. กำหนดสีและขนาดของเสน้ 3. แดรกเมาส์เพื่อสร้างเส้นตรง ( จะมขี ้อความบอกองศา และความยาวของเส้นในขณะทีเ่ ราทำการแดรกเมาส์ ) 4. เมื่อปล่อยเมาส์จะไดเ้ สน้ ตรงที่ตอ้ งการ 2. 4. 1. การวาดเส้นโค้งด้วย ( Arc Tool ) 3. 4. Arc Tool เป็นเคร่ืองมอื ท่ีใช้สำหรับสร้างเส้นโค้ง สามารถนำ เส้นโคง้ ทส่ี รา้ งข้นึ มาประกอบเปน็ รูปภาพได้สามารถสร้างได้ดังนี้ วธิ ที ี่ 2. 1. คลกิ เครือ่ งมือ Line Tool วิธที ่ี 1. 2. คลิงลงท่ี Artboards จะปรากฎหน้าต่าง 1. คลิกเคร่ืองมือ Arc Tool 2. กำหนดสแี ละขนาดของเส้น Line Segment Tool Options จากน้นั จึงทำการกำหนด 3. แดรกเมาส์เพอื่ สรา้ งเสน้ โค้ง ( จะมขี อ้ ความบอกความสูง คา่ Length : กำหนดความยาวของเส้น และความยาวของเสน้ ในขณะทีเ่ ราทำการแดรกเมาส์ ) Angle : กำหนดองศาการเอยี ง 4. เมอ่ื ปลอ่ ยเมาส์จะไดเ้ ส้นโค้งทตี่ ้องการ Fill Line : ใส่สพี น้ื ให้กบั เส้น 2. 1. 3. 4. การวาดภาพด้วยเครื่องมือ Line Tool วธิ ีที่ 2. เราสามารถนำเสน้ ตรงท่ีสรา้ งข้นึ มาประกอบกันเปน็ ช้ิน 1. คลกิ เครอ่ื งมอื Arc Tool 2. คลิงลงท่ี Artboards จะปรากฎหน้าต่าง Arc Segment งานและสามารถใส่สีให้กับชน้ิ งาน ได้ดังนี้ 1. สรา้ งเสน้ ตรงแล้วนำมาประกอบกนั ใหเ้ ปน็ ชิ้นงาน Tool Options จากน้ันจงึ ทำการกำหนดค่า 2. ใช้เครอ่ื งมอื ( Direct Selection Tool ) แดรกเมาส์ บริเวณรอยตอ่ ของเส้น กำหนดความยาวของเสน้ 3. คลิกขวาแลว้ เลอื กคำส่ัง Join เพื่อรวมเสน้ จะปรากฎ ตามแนวตงั้ และแนวนอน เลือกมมุ หลกั ของรูปทรง หนา้ ตา่ ง Join ขน้ึ มาให้เลือกรปู แบบของมมุ แลว้ คลิก ok ทำจนครบทกุ เสน้ เลอื กประเภทรปู ทรง 4. เสรจ็ แลว้ จะไดช้ นิ้ งานทตี่ ้องการ คลกิ ท่ีเครื่องมอื แบบเสน้ เปิดหรือ Selection Tool แล้วคลิกทีช่ นิ้ งานเลอื กใสส่ พี ื้น เสน้ ปิด สีเสน้ ตามต้องการ เลอื กด้านทเี่ ปน็ กำหนดความ ฐานของรปู ทรง โคง้ ของมุม คลิกเพอ่ื ใส่สีใหก้ ับรูปทรง 11

หลงั จากกำหนดคา่ บนหนา้ ตา่ งคำสงั่ แล้วจะไดผ้ ลลพั ธข์ อง วธิ ที ่ี 2. เส้นโค้งที่แตกต่างกนั ไปดังตวั อยา่ ง 1. คลกิ เคร่อื งมอื Spiral Tool 2. คลิงลงที่ Artboards จะปรากฎหนา้ ตา่ ง Spiral จากนั้นจงึ Length X-Axis : 3.53 cm Length X-Axis : 3.53 cm Length Y-Axis : 3.53 cm Length Y-Axis : 3.53 cm ทำการกำหนดคา่ Type : Open Type : Open Base Along : X Axis Base Along : X Axis กำหนดความ กำหนดขนาดรัศมี Concave Slope : 50 Concave Slope : 50 มว้ นของเส้น Length X-Axis : 3.53 cm Length X-Axis : 3.53 cm กำหนดความ เลอื กรูปแบบ Length Y-Axis : 3.53 cm Length Y-Axis : 3.53 cm หนาแน่นของม้วน ทิศทางการหมุน Type : Open Type : Open Base Along : X Axis Base Along : X Axis Concave Slope : 50 Concave Slope : 50 Length X-Axis : 3.53 cm Length X-Axis : 3.53 cm หลังจากกำหนดค่าบนหน้าต่างคำสั่งแล้ว จะไดผ้ ลลพั ธข์ อง Length Y-Axis : 3.53 cm Length Y-Axis : 3.53 cm รูปกน้ หอยทีแ่ ตกตา่ งกนั ไปดังตวั อย่าง Type : Closed Type : Closed Base Along : X Axis Base Along : X Axis Concave Slope : 50 Concave Slope : 50 Radius : 30 pt Radius : 30 pt Decay : 80 % Decay : 10 % Segments : 10 Segments : 10 Length X-Axis : 3.53 cm Length X-Axis : 3.53 cm Length Y-Axis : 3.53 cm Length Y-Axis : 3.53 cm Type : Closed Type : Closed Base Along : Y Axis Base Along : Y Axis Concave Slope : 50 Concave Slope : 50 Radius : 30 pt Radius : 30 pt Decay : 80 % Decay : 25 % Segments : 25 Segments : 10 Arc Radius : 30 pt Radius : 30 pt Tool Decay : 80 % Decay : 50 % Segments : 50 Segments : 10 การวาดรปู ก้นหอยด้วย ( Spiral Tool ) Spiral Tool เป็นเครอื่ งมอื ทใ่ี ช้สำหรับสรา้ งรูปกน้ หอยเพ่อื Radius : 30 pt Radius : 30 pt Decay : 80 % Decay : 75 % นำมาประยุกต์สร้างช้ินงานสามารถสรา้ งไดด้ ังน้ี Segments : 75 Segments : 10 วธิ ที ่ี 1. 1. คลิกเครอื่ งมือ Spiral Tool การวาดรปู ตารางสเี่ หลีย่ มด้วย ( Rectangular Grid Tool ) 2. กำหนดสแี ละขนาดของเส้น Rectangular Grid Tool เป็นเคร่ืองมือท่ีใช้สำหรบั สรา้ ง 3. แดรกเมาส์สรา้ งรปู ก้นหอย ( จะมีข้อความบอกความสงู ตารางส่ีเหล่ียมเพือ่ นำมาประยกุ ต์สรา้ งชน้ิ งานสามารถทำไดด้ ังน้ี และความกวา้ งของเสน้ ในขณะทเ่ี ราทำการแดรกเมาส์ ) วิธที ี่ 1. 4. เม่ือปล่อยเมาส์จะได้รปู กน้ หอยที่ต้องการ 1. คลกิ เครื่องมอื Rectangular Grid Tool 2. กำหนดสีและขนาดของเสน้ 2. 3. แดรกเมาสส์ รา้ งตารางส่เี หลย่ี ม ( จะมขี อ้ ความบอกความ สูงและความกว้างของตารางขณะทที่ ำการแดรกเมาส์ ) 1. 3. 4. 4. เม่ือปล่อยเมาสจ์ ะไดร้ ปู ตารางส่ีเหล่ยี มทตี่ ้องการ 12

2. การปรับแต่งเปล่ยี นสตี ารางสเี่ หล่ียม เราสามารถทำการปรับแตง่ เปลี่ยนสีตารางสเ่ี หล่ยี มที่สร้างขึ้น 1. จากเครือ่ งมอื Rectangular Grid Tool ไดด้ ังนี้ 3. 4. 1. คลกิ ตารางสเ่ี หล่ยี มทเ่ี ราสร้างข้นึ 2. คลิกเมนู Object > Expand จากนนั้ จะปรากฎหนา้ ตา่ ง วิธที ี่ 2. Expand ข้นึ มาเลอื ก Fill และ Stroke เพือ่ ทำการแยก 1. คลิกเครอื่ งมอื Rectangular Grid Tool วัตถุ จากน้ันคลิก ok 2. คลิงลงท่ี Artboards จะปรากฎหนา้ ต่าง Rectangular 3. ทำการเปลี่ยนสีเส้นหรอื ใสส่ ใี ห้กบั ตารางตามต้องการ Grid Tool Options จากน้ันจงึ ทำการกำหนดคา่ กำหนดขนาดของตาราง 2. กำหนดจำนวน กำหนดจำนวน คอลมั นแ์ ละค่า 1. แถวและกำหนด สมดลุ ความถ่ี 3. คา่ สมดลุ ความ ดา้ นซ้ายและ ถดี่ า้ นบนและ ด้านขวา ตวั อย่างการเปลี่ยนสีเสน้ ขอบใหก้ ับตารางส่ีเหลี่ยม ดา้ นล่าง 1. หลังจากทำการแยกวัตถุแล้ว ใหค้ ลกิ ท่ีเสน้ ขอบตาราง กำหนดกรอบ 2. ทำการเลอื กสเี ส้นขอบ ( Stroke ) นอกเพือ่ ปรับ 3. จะไดส้ เี สน้ ดงั ภาพตวั อยา่ ง ขนาดตาราง 1. 2. คลกิ เพ่ือใส่สใี หพ้ นื้ ตาราง Default Size 3. Width : 3 cm Default Size Height : 3 cm ตัวอยา่ ง การเปล่ียนสเี ส้นภายในตารางสี่เหล่ียม Width : 3 cm Horizontal Dividers 1. หลังจากทำการแยกวัตถุแลว้ ใหค้ ลกิ ที่เสน้ ในตาราง Height : 3 cm Number : 5 2. ทำการเลอื กสีเส้นขอบ ( Stroke ) Horizontal Dividers Bottom / Top Skew : - 50% 3. จะไดส้ ีเสน้ ดงั ภาพตวั อย่าง Number : 5 Vertical Dividers Bottom / Top Skew : 0% Number : 5 Vertical Dividers Left / Right Skew : 0% Number : 5 Left / Right Skew : 0% Default Size Default Size 1. 2. Width : 3 cm Width : 3 cm Height : 3 cm Height : 3 cm Horizontal Dividers Horizontal Dividers Number : 5 Number : 5 Bottom / Top Skew : 0% Bottom / Top Skew : 50% Vertical Dividers Vertical Dividers Number : 5 Number : 5 Left / Right Skew : -50% Left / Right Skew : 0% Default Size 3. Width : 3 cm Height : 3 cm ตวั อย่าง การลงสพี ื้นภายในช่องตาราง Horizontal Dividers 1. หลงั จากทำการแยกวัตถุแลว้ ให้คลกิ ท่ีตาราง Number : 5 2. คลิกท่ีเครอื่ งมือ Live Paint Bucket Bottom / Top Skew : 0% 3. ทำการเลอื กสพี นื้ ( Fill ) แลว้ ทำการลงสตี ามต้องการ Vertical Dividers 4. จะได้ตารางดงั ภาพตัวอยา่ ง Number : 5 Left / Right Skew : 50% ตัวอย่างการกำหนดค่าใน Rectangular Grid Tool Options 13

2. กำหนดขนาด กำหนดกรอบ ของตาราง นอกเพ่อื ปรับ 3. กำหนดจำนวนรศั มี ขนาดตาราง 1. 4. และกำหนดคา่ สมดุล ตวั อยา่ ง หากตอ้ งการเส้นตารางหรือสีพืน้ ทั้งหมดเป็นสี ความถ่ดี ้านในและ Default Size โทนเดยี ว เม่ือเราสร้างตารางข้นึ มาก็ทำการเลอื กสพี น้ื ( Fill ) ด้านนอก Width : 3 cm สเี สน้ ( Stroke ) ใหก้ บั ตารางไดเ้ ลยโดยไมต่ อ้ งใช้คำส่งั แยก Height : 3 cm วัตถุ กำหนดจำนวนเสน้ Concentric Dividers แบ่งวงกลมและค่า Number : 5 สมดุลความถด่ี ้าน In / Out Skew : 50% บนและดา้ นลา่ ง Radial Dividers Number : 5 คลกิ เพ่ือใสส่ ี Bottom / Top Skew : 0% ให้พื้นตาราง Default Size Width : 3 cm Height : 3 cm Concentric Dividers Number : 5 In / Out Skew : 0% Radial Dividers Number : 5 Bottom / Top Skew : 0% การวาดรปู ตารางวงกลมดว้ ย ( Polar Grid Tool ) Default Size Default Size Polar Grid Tool เปน็ เครอื่ งมือทใ่ี ช้สำหรบั สร้างตารางวง Width : 3 cm Width : 3 cm Height : 3 cm Height : 3 cm กลมเพื่อนำมาประยกุ ตส์ ร้างชนิ้ งานโดยสามารถทำไดด้ ังนี้ Concentric Dividers Concentric Dividers วธิ ที ี่ 1. Number : 5 Number : 5 1. คลกิ เครอ่ื งมอื Polar Grid Tool In / Out Skew : -50% In / Out Skew : 0% 2. กำหนดสแี ละขนาดของเสน้ Radial Dividers Radial Dividers 3. แดรกเมาส์สรา้ งตารางวงกลม ( จะมขี ้อความบอกความ Number : 5 Number : 5 สงู และความกว้างของตารางขณะทำการแดรกเมาส์ ) Bottom / Top Skew : 0% Bottom / Top Skew : 50% 4. เมอ่ื ปลอ่ ยเมาส์จะได้รูปตารางวงกลมทีต่ ้องการ Default Size 2. Width : 3 cm Height : 3 cm 1. Concentric Dividers 3. 4. Number : 5 In / Out Skew : 0% วิธที ่ี 2. Radial Dividers 1. คลกิ เคร่ืองมือ Polar Grid Tool Number : 5 2. คลงิ ลงที่ Artboards จะปรากฎหน้าตา่ ง Bottom / Top Skew : -50% Polar Grid Tool Options ตัวอยา่ ง หลงั จากกำหนดค่าใน Polar Grid Tool Options จากนัน้ จงึ ทำการกำหนดค่า การปรบั แตง่ เปล่ียนสตี ารางวงกลม เราสามารถทำการปรบั แตง่ เปลย่ี นสีตารางวงกลมท่สี รา้ งขน้ึ จากเคร่อื งมอื Polar Grid Tool ไดด้ งั น้ี 1. คลิกทีต่ ารางวงกลมที่เราสร้างขึ้น 2. คลิกเมนู Object > Expand จะปรากฎหนา้ ต่าง Expand ข้ึนมา เลอื ก Fill และ Stroke เพอ่ื ทำการแยกวตั ถุ จากนนั้ คลิก ok 3. ทำการเปลยี่ นสีเสน้ หรือใสส่ ีให้กับตารางตามตอ้ งการ 2. 1. 3. 14

ตัวอยา่ ง การเปลยี่ นสเี ส้นวงใหก้ บั ตารางวงกลม การวาดรปู ด้วยเครอ่ื งมอื ( Pencil Tool ) 1. หลังจากทำการแยกวตั ถแุ ลว้ ใหค้ ลกิ ท่เี ส้นวงทตี่ ้องการ Pencil Tool เปน็ เครื่องมอื ท่ใี ชส้ ำหรบั วาดรูป เหมอื นกบั การ 2. ทำการเลอื กสเี ส้นขอบ ( Stroke ) 3. จะไดส้ ีเส้นดังภาพตวั อย่าง ใชด้ นิ สอวาดรปู บนกระดาษ ตอ้ งใชค้ วามสามารถ ความชำนาญ พอสมควรจงึ จะวาดรปู ออกมาอยา่ งสวยงามได้ การใช้เครือ่ งมอื 2. สามารถทำไดด้ ังนี้ 1. 3. 1. คลกิ เคร่ืองมือ Pencil Tool ตวั อย่าง การเปลยี่ นสเี สน้ รศั มภี ายในตารางวงกลม 2. กำหนดสแี ละขนาดของเสน้ 1. หลังจากทำการแยกวตั ถแุ ล้วให้คลกิ เสน้ รศั มีท่ีตอ้ งการ 3. แดรกเมาสเ์ พ่อื วาดรูปที่ตอ้ งการ 2. ทำการเลือกสเี สน้ ขอบ ( Stroke ) 3. จะไดส้ ีเสน้ ดงั ภาพตัวอย่าง 2. 2. 1. 1. 3. 3. ตัวอย่าง การลงสีพ้นื ภายในช่องตารางวงกลม 1. หลังจากทำการแยกวัตถุแลว้ ใหค้ ลกิ ท่ตี ารางวงกลม เราสามารถกำหนดคา่ เรม่ิ ตน้ ก่อนวาดรปู ไดโ้ ดยการ ดับเบลิ้ 2. คลกิ ทีเ่ คร่อื งมือ Live Paint Bucket คลิกที่ Pencil Tool จากน้ันจะปรากฏหน้าต่าง Pencil Tool 3. ทำการเลือกสีพ้ืน ( Fill ) แลว้ ทำการลงสีตามต้องการ Options ขึน้ มา จากนนั้ จงึ ทำการกำหนดคา่ ตา่ งๆตามต้องการ 4. จะได้ตารางดังภาพตวั อยา่ ง กำหนดระยะหา่ ง 2. ระหว่างจดุ Anchor 3. 1. 4. กำหนดความ เรยี กคา่ เดมิ กลับมา นุม่ นวลของเส้น แสดง Selection หากต้องการเสน้ ตารางหรอื สพี ื้นวงกลมเป็นสีโทนเดยี ว ให้ใส่สพี ื้นเมื่อ เมอ่ื วาดเสรจ็ ให้ทำการเลือกสพี ื้น ( Fill ) สีเสน้ ( Stroke ) ได้เลยโดยไม่ วาดชิ้นงาน ตอ้ งใช้คำสั่งแยกวตั ถุ คลิกเลือกเพื่อระบรุ ะยะหา่ งระหวา่ งเส้น Path ที่วาดใกลก้ นั คลิกยกเลิกเพ่อื วาดเสน้ ใหท้ ับกันได้ ปรับเสน้ ใหเ้ รียบเนยี นดว้ ยเครอ่ื งมอื ( Smooth Tool ) Smooth Tool เป็นเคร่ืองมือทีใ่ ชส้ ำหรบั ปรับเส้นหยกั ทเี่ กดิ จากการวาดดว้ ย Pencil Tool ใหเ้ รยี บเนยี นสวยงามข้นึ สามารถ ทำได้โดย 1. คลกิ เคร่อื งมือ Smooth Tool 2. กดป่มุ Ctrl คา้ งไว้ แล้วคลกิ ตรงเสน้ ท่ตี อ้ งการปรบั แตง่ 3. แดรกเมาสเ์ พื่อปรับทศิ ทางของเส้นได้ตามต้องการ 4. จะได้เสน้ ทเี่ รยี บเนียนข้นึ 15

กำหนดระยะห่างระหว่างจดุ Anchor วธิ ีที่ 2. 1. กำหนดสีและขนาดของเสน้ กำหนดความน่มุ นวลของเส้น 2. คลกิ เครอื่ งมือ Rectangle Tool เราสามารถกำหนดคุณสมบตั เิ ครือ่ งมอื Smooth Tool ได้โดยดบั เบิ้ล 3. คลงิ ลงท่ี Artboards จะปรากฎหนา้ ตา่ ง Rectangle ขน้ึ มา คลกิ ที่เครอื่ งมอื Smooth Tool จากนัน้ จะปรากฏหน้าต่าง Smooth Tool Options ข้ึนมาให้เราทำการปรับแต่งตามต้องการ จากนัน้ จึงทำการกำหนดคา่ 4. จะไดร้ ูปทรงส่เี หลีย่ มตามต้องการ ตดั เส้น Path ด้วยเครื่องมอื ( Path Eraser Tool ) Path Eraser Tool เป็นเครื่องมือทีใ่ ชส้ ำหรับลบเส้น Path 1. 2. ทิง้ เพื่อปรบั แตง่ แก้ไขรูปทีเ่ ราวาดขนึ้ มา สามารถทำได้ดงั น้ี 1. คลกิ เครอ่ื งมือ Path Eraser Tool กำหนดความกว้าง 3. 2. กดปุม่ Ctrl คา้ งไว้ แล้วคลกิ ตรงเสน้ ทต่ี ้องการปรับแต่ง กำหนดความสงู 3. แดรกเมาสเ์ พ่อื ลบเสน้ Path ท่ีเลอื กไว้ 4. เส้น Path จะถกู ลบออกดงั ภาพ กลมุ่ เครื่องมือการสรา้ งรปู ทรงแบบต่างๆ สร้างรปู ทรงสีเ่ หลีย่ มมุมมนดว้ ยเคร่ืองมือ ( Rounded Rectangle Tool ) สร้างรปู ทรงส่ีเหลย่ี มดว้ ยเครื่องมือ ( Rectangle Tool ) Rectangle Tool เปน็ เคร่ืองมอื สำหรบั สร้างรูปทรงสเ่ี หลยี่ ม Rounded Rectangle Tool เป็นเครอ่ื งมอื ท่ีใช้สำหรบั สรา้ ง รูปทรงส่เี หล่ียมมุมมน สามารถทำไดด้ ังนี้ สามารถทำไดด้ งั น้ี วธิ ที ่ี 1. วธิ ที ี่ 1. 1. คลกิ เคร่ืองมือ Rectangle Tool 1. คลิกเครอื่ งมอื Rounded Rectangle Tool 2. กำหนดสีและขนาดของเส้น 2. กำหนดสีและขนาดของเสน้ 3. แดรกเมาส์สรา้ งรูปทรงสีเ่ หลย่ี ม ( จะมขี ้อความบอก 3. แดรกเมาสส์ ร้างรูปทรงส่เี หล่ียมมุมมน ( จะมีขอ้ ความบอก ความสงู และความกว้างขณะทำการแดรกเมาส์ ) 4. เมือ่ ปล่อยเมาส์จะได้รูปทรงส่ีเหลี่ยมตามต้องการ ความสูงและความกว้างขณะทำการแดรกเมาส์ ) 4. เมื่อปลอ่ ยเมาสจ์ ะได้รูปทรงสีเ่ หลีย่ มมมุ มนตามตอ้ งการ 2. 2. 1. 4. 3. 1. 4. วธิ ีท่ี 2. 3. 1. กำหนดสีและขนาดของเส้น 2. คลิกเคร่ืองมอื Rounded Rectangle Tool 3. คลิงลงท่ี Artboards จะปรากฎหนา้ ต่าง Rounded 16 Rectangle ขึ้นมา จากนั้นจงึ ทำการกำหนดคา่ 4. จะไดร้ ปู ทรงสี่เหลย่ี มมมุ มนตามต้องการ

1. 3. สรา้ งรปู ทรงหลายเหลีย่ มดว้ ยเครื่องมอื ( Polygon Tool ) Polygon Tool เปน็ เคร่ืองมอื ที่ใช้สรา้ งรปู ทรงหลายเหล่ยี ม 2. กำหนดความกว้าง สามารถกำหนดรูปทรงไดต้ ้งั แต่ 3 เหลย่ี มข้ึนไป ขนั้ ตอนการสรา้ ง สามารถทำได้ดังนี้ กำหนดความสงู วิธที ่ี 1. กำหนดความ โค้งของมุม 1. คลิกเครือ่ งมือ Polygon Tool 2. กำหนดสีและขนาดของเสน้ สรา้ งรปู ทรงกลมดว้ ยเครื่องมอื ( Ellipse Tool ) 3. แดรกเมาสส์ รา้ งรปู ทรงหลายเหลีย่ ม ( จะมีข้อความบอก Ellipse Tool เปน็ เครื่องมือทใ่ี ชส้ ำหรบั สรา้ งรปู ทรงกลม ความสูงและความกว้างขณะทำการแดรกเมาส์ ) และวงรี สามารถทำไดด้ งั นี้ 4. เมือ่ ปลอ่ ยเมาส์จะได้รปู ทรงหลายเหลย่ี มตามตอ้ งการ วิธที ่ี 1. 1. คลกิ เครอ่ื งมือ Ellipse Tool 2. 2. กำหนดสแี ละขนาดของเสน้ 3. แดรกเมาสส์ ร้างรปู ทรงกลมหรอื วงรี ( จะมขี ้อความ 1. บอกความสูงและความกวา้ งขณะทำการแดรกเมาส์ ) 4. เมือ่ ปล่อยเมาส์จะไดร้ ปู ทรงกลมหรอื วงรตี ามต้องการ 3. 4. *** สรา้ งวงกลม ให้กด Shift คา้ งไวพ้ รอ้ มกบั แดรกเมาส์ วิธีท่ี 2. 1. กำหนดสแี ละขนาดของเสน้ 2. 2. คลกิ เคร่ืองมือ Polygon Tool 3. คลิงลงที่ Artboards จะปรากฎหนา้ ต่าง Polygon ขึ้นมา จากน้ันจงึ ทำการกำหนดค่า 4. จะได้รูปทรงต้ังแต่ 3 เหลีย่ มถึงหลายเหลีย่ มตามคา่ ท่เี รา กำหนด 1. 1. 2. 3. 4. กำหนดขนาดของรูปทรง 3. กำหนดจำนวนเหล่ียม วิธีท่ี 2. 1. กำหนดสแี ละขนาดของเสน้ สร้างรปู ดาวด้วยเครอ่ื งมือ ( Star Tool ) 2. คลกิ เครื่องมอื Ellipse Tool Star Tool เปน็ เครอ่ื งมอื ทีใ่ ช้สำหรับสร้างรปู ดาว เราสามารถ 3. คลงิ ลงท่ี Artboards จะปรากฎหนา้ ตา่ ง Ellipse ข้นึ มา จากน้นั จึงทำการกำหนดคา่ 4. จะได้รปู ทรงกลมหรอื วงรตี ามต้องการ 1. 2. กำหนดแฉกของดาวไดต้ ้ังแต่ 3 แฉกขน้ึ ไป ขัน้ ตอนการสร้าง สามารถทำไดด้ งั น้ี กำหนดความกวา้ ง วธิ ที ่ี 1. กำหนดความสงู 3. 1. คลิกเครอ่ื งมอื Star Tool 2. กำหนดสีและขนาดของเสน้ 3. แดรกเมาสส์ ร้างรูปดาว ( จะมขี ้อความบอกความสูงและ ความกว้างขณะทำการแดรกเมาส์ ) 4. เม่อื ปลอ่ ยเมาสจ์ ะได้รปู ดาวตามตอ้ งการ 17

2. สร้างประกายแสงดว้ ยเครื่องมือ ( Flare Tool ) Flare Tool เป็นเครือ่ งมือทใ่ี ช้สำหรับสรา้ งประกายแสงให้กับ 1. ชนิ้ งาน การสร้างประกายแสงน้ันจำเป็นตอ้ งสร้างบนภาพที่มีพนื้ 3. 4. สเี ขม้ จงึ สามารถเหน็ ประกายของแสงทีส่ ร้างขน้ึ ได้ชัดเจน สามารถ สรา้ งได้โดย วิธที ่ี 1. 1. คลิกเครอ่ื งมอื Flare Tool 2. แดรกเมาสเ์ พอื่ สร้างประกายแสง 3. เมือ่ ปลอ่ ยเมาสจ์ ะได้ประกายแสงตามตอ้ งการ วิธที ี่ 2. 1. 1. กำหนดสีและขนาดของเส้น 2. คลกิ เคร่ืองมือ Star Tool 2. 3. 3. คลงิ ลงท่ี Artboards จะปรากฎหน้าตา่ ง Star ข้ึนมา วิธที ่ี 2. จากนน้ั จงึ ทำการกำหนดคา่ 1. คลิกเครอ่ื งมอื Flare Tool 4. จะได้รปู ดาวตง้ั แต่ 3 แฉกถึงหลายแฉกตามคา่ ทเ่ี รา 2. คลิงลงท่ี Artboards จะปรากฎหนา้ ตา่ ง Flare Tool กำหนด Options ข้นึ มา จากน้นั จงึ กำหนดคา่ ตามต้องการ 1. 2. กำหนดความยาว ของแฉกดาว กำหนดความกว้าง/แคบ 3. ของฐานแฉก กำหนดจำนวนแฉกของดาว กำหนดขนาดความโปรงใส กำหนดขนาดและประกายเงาสะทอ้ น ความสว่าง ใหก้ ับจดุ กำเนิเแสง Radius 1 : 40 pt Radius 1 : 40 pt Radius 1 : 40 pt กำหนดจำนวนและ Radius 2 : 10 pt Radius 2 : 15 pt Radius 2 : 10 pt ประกายของวงแหวน Points : 3 Points : 3 Points : 5 กำหนดทศิ ทางของแสง Radius 1 : 40 pt Radius 1 : 40 pt กำหนดจำนวนความยาว 18 Radius 2 : 15 pt Radius 2 : 25 pt และประกายรัศมี Points : 5 Points : 5 ตัวอย่างการ กำหนดค่าให้กบั Star Tool ** หมายเหตุ การใชเ้ ครือ่ งมอื สร้างรูปทรงทีก่ ล่าวมามีวิธี ลัดเพื่อควบคมุ การสร้างรูปทรงด้วยกนั 2 วิธดี ังต่อไปน้ี 1. กด Shift ค้างไว้ แล้วแดรกเมาสเ์ พ่อื สร้างรปู ทรงแบบ สมมาตร ( ทุกส่วนจะเทา่ กัน ) 2. กด Alt คา้ งไว้ แลว้ แดรกเมาส์เพื่อสร้างรูปทรงโดยจดุ ก่ึงกลางของรูปทรงทีส่ รา้ งจะอยู่ท่จี ดุ คลกิ เมาส์

วาดรปู ด้วยเคร่ืองมือ ( Pen Tool ) การลบจดุ แองเคอร์ Delete Anchor Point Tool สามารถทำได้ ดงั น้ี Pen Tool เปน็ เครื่องมือท่ีใช้สำหรับสร้างเส้นตรง เสน้ โค้ง เส้นหยัก เพื่อประกอบกันเปน็ ช้นิ งานขึ้นมา เสน้ ท่ถี ูกสร้างขน้ึ 1. คลิกเครื่องมือ Delete Anchor Point Tool เรยี กวา่ เส้น Path ข้ันตอนการสรา้ งสามารถทำไดด้ ังนี้ 2. คลิกบนจดุ แองเคอรท์ ่ตี อ้ งการลบ 1. คลิกเคร่ืองมือ Pen Tool เสน้ Path ทต่ี อ้ งการลบจุดแองเคอร์ 2. กำหนดสีและขนาดของเสน้ 3. คลกิ เพือ่ กำหนดจุดเริม่ ต้น คลิกจดุ ตอ่ ไปเพื่อสรา้ งเสน้ 1. 2. ดับเบิ้ลคลิกเม่ือตอ้ งการจบการสร้างเสน้ ( จะมีข้อความ บอกความยาวของเส้นขณะกำหนดจดุ ) แต่งมมุ ใหโ้ ค้งดว้ ยเคร่ืองมือ Convert Anchor Point Tool 4. เมือ่ ดบั เบลิ้ คลกิ จุดสิ้นสดุ กจ็ ะไดเ้ สน้ Path ตามตอ้ งการ สามารถทำไดด้ ังน้ี 2. 1. คลกิ เครอื่ งมอื Convert Anchor Point Tool 2. คลกิ บนจุดแองเคอร์ แลว้ แดรกเมาส์ลาก handle ให้โคง้ คลิกเพ่อื สรา้ งเส้น ดบั เบ้ิลคลกิ จดุ สิ้นสุด 3. จะได้เสน้ โค้งตามตอ้ งการ 1. 3. 1. 2. คลกิ เพ่ือสรา้ งเสน้ 4. คลกิ จุดเริม่ ตน้ สว่ นประกอบของเส้น Path จะประกอบด้วย 3. 1. Anchor Point : จุดแองเคอร์ 2. handle : เส้นควบคุมความโค้ง ปรับเส้นโคง้ ใหเ้ ป็นมมุ ดว้ ยเครอ่ื งมือ Convert Anchor Point Tool สามารถทำได้ดังนี้ Anchor Point : จดุ แองเคอร์ เมือ่ ถกู เลือกใชง้ านจะเปน็ สีทบึ 1. คลกิ เครือ่ งมือ Convert Anchor Point Tool handle : เสน้ ควบคมุ ความโค้ง Anchor Point : จุดแองเคอร์ 2. คลกิ บนจดุ แองเคอร์ จุดควบคมุ ทศิ ทางของ handle ปกติเปน็ ส่ีเหล่ียมสีขาว 3. เส้นโคง้ จะกลายเปน็ มุม เมอ่ื ถกู เลอื กใช้งานจะเปน็ สีทบึ 1. เราสามารถทำการเพมิ่ ลบ จดุ แองเคอรแ์ ละทำการแก้ไข 2. เหล่ียมมมุ ของเสน้ Path ได้โดยใชเ้ ครอ่ื งมอื 3. Add Anchor Point Tool เพม่ิ จดุ แองเคอร์บนเสน้ Path Delete Anchor Point Tool ลบจุดแองเคอรบ์ นเส้น Path Convert Anchor Point Tool แก้ไขเหลีย่ มมุมเส้น Path การเพ่มิ จดุ แองเคอร์ Add Anchor Point Tool สามารถ ปรับความโค้งของเสน้ Path ดว้ ย handle สามารถทำไดด้ ังน้ี ทำได้ดังนี้ 1. คลิกเครื่องมือ Direct Selection Tool 2. คลกิ บนจดุ แองเคอร์ท่ตี ้องการปรับความโค้ง 1. คลกิ เครือ่ งมอื Add Anchor Point Tool 3. จะปรากฏ handle ขึน้ มา 2. คลกิ เพม่ิ จดุ แองเคอรบ์ นเสน้ Path ตามตอ้ งการ 4. แดรกเมาสห์ มุน handle เพื่อบดิ งอเสน้ Path 5. จะไดเ้ ส้นโค้งดงั รปู ตวั อย่าง 1. เส้น Path ทต่ี ้องการเพิ่มจุดแองเคอร์ 2. 19

1. ตวั อย่าง การแปลงจดุ แองเคอรใ์ ห้เปน็ มุมด้วยคำส่งั Convert 2. selected anchor point to corner เส้น Path ทีโ่ คง้ จะ 3. ถูกแปลงเปน็ มมุ ตัวอยา่ ง การแปลงจดุ แองเคอรใ์ หโ้ คง้ ดว้ ยคำสัง่ Convert selected anchor point to smooth เสน้ Path ทีเ่ ปน็ มมุ จะถกู แปลงใหโ้ ค้ง 4. ตวั อยา่ ง การลบจดุ แองเคอรด์ ว้ ยคำส่ัง Remove selected 5. anchor points พน้ื ทท่ี ่ีเหลือจาก จดุ แองเคอรท์ ต่ี ้องการลบ การลบจดุ แองเคอร์ พื้นทีร่ ะหวา่ งจดุ แองเคอร์ท้ังสองจะถกู ลบ ปรบั แตง่ จุดแองเคอรด์ ว้ ย Panel Control สามารถทำได้ ตวั อย่าง การตัดเสน้ Path ระหวา่ งจุดสองจุดดว้ ยคำส่ัง Cut ดังน้ี Path at selected anchor points 1. คลกิ เคร่อื งมือ Direct Selection Tool 1. คลิกบนจุดแองเคอร์จุดแรกท่ตี อ้ งการจะตดั 2. คลิกบนเส้น Path ทเี่ ราต้องการปรบั แตง่ 2. คลกิ ท่คี ำส่งั Cut Path at Selected anchor Points 3. จะปรากฏ Panel Control ข้นึ มา และจะมีคำสั่งต่างๆ 3. คลิกบนจุดแองเคอรจ์ ุดท่ีสอง 4. คลิกท่ีคำส่ัง Cut Path at Selected anchor Points ให้เราเลอื กใชง้ าน 5. เส้น Path จะถกู ตัดดังภาพตวั อยา่ ง 1. 2 , 4. คลิกคำสง่ั Cut Path at 2. คลกิ จดุ แองเคอร์จุดแรก 1. selected anchor points แสดง handles เมือ่ เชือ่ มเส้น Path ระหวา่ ง คลิกจดุ แองเคอร์ สองจดุ ท่เี ลอื ก แปลงจุดแอง 5. เคอรใ์ ห้เป็นมุม ลบจุดแองเคอร์ 3. เส้น Path จะถกู ตัดดังภาพตวั อย่าง คลกิ บนจดุ แองเคอรจ์ ดุ ท่สี อง 3. ปรับแต่งเส้น Path ใหเ้ รยี บเนียนดว้ ยคำสั่ง Simplify เสน้ Path แปลงจดุ แอง ซ่อน handles เมือ่ ท่ีเราสรา้ งข้นึ มาอาจมีรอยหยกั มาก ดไู มเ่ รียบเนียน แต่เราสามารถ เคอรใ์ หโ้ ค้ง คลิกจุดแองเคอร์ ตดั เสน้ Path ระหวา่ ง ปรับแตง่ ให้เนยี น สวยงามได ด้ ว้ ยคำสั่ง Simplify โดยเรียกใช้งาน ชดุ คำส่ัง Simplify ได้ดงั น้ี สองจุดทีเ่ ลือก 20

1. ใชเ้ ครอื่ งมือ Selection Tool คลกิ เสน้ Path ที่ตอ้ งการ Note................................................................... ปรบั แต่ง .......................................................................... .......................................................................... 2. เรียกคำสัง่ Simplify ข้ึนมาโดยคลิกทีเ่ มนู Object > .......................................................................... Path > Simplify .......................................................................... 3. ทำการกำหนดคา่ ตามตอ้ งการ เพ่ิม/ลด ความโค้ง ของเส้น Path ปรับองศาแขน handle แปลงเสน้ โคง้ เปน็ เส้นตรง แสดงเสน้ Path กอ่ นการปรับแตง่ ตวั อยา่ ง การปรับแตง่ เส้น Path ด้วยชุดคำส่ัง Simplify ภาพต้นแบบ Curve Precision : 50 % Angle Threshold : 0 Curve Precision : 50 % Curve Precision : 0 % Angle Threshold : 0 Angle Threshold : 0 Show Original Straight Lines Show Original 21

บทที่ 4 ฟ้า + บานเย็น +เหลือง = มว่ งเทา และเมื่อนำสีดำเข้ามาชว่ ยเสริมสที ไ่ี ดจ้ ะเขม้ ขึ้น เช่น สี ( COLOR ) ฟา้ + เหลือง + ดำ = เขยี วเข้ม เหลอื ง + บานเย็น + ดำ = น้ำตาล การทำงานดา้ นกราฟกิ นนั้ ส่ิงท่ีเราตอ้ งทำความเขา้ ใจให้ คณุ ลักษณะของโหมดสี CMYK เหมาะสำหรับงานสงิ่ พมิ พเ์ ชน่ มากทส่ี ดุ กค็ ือเรอื่ งการใชส้ ี คณุ สมบตั ติ า่ งๆของสี ก็เพ่ือท่จี ะ วารสารปา้ ยโฆษณา ทตี่ อ้ งพิมพ์ชิ้นงานออกมา เปน็ ต้น ไดน้ ำมาประยุกต์ใช้ในการสรา้ งสรรค์ช้ินงานของเราใหโ้ ดด เด่นสวยงาม การใช้สใี นโปรแกรม Illustrator หลังจากที่เราไดเ้ ลือกโหมดสใี ห้ไฟล์งานใหมเ่ รียบร้อยแลว้ สจี ะแบง่ ออกเปน็ 2 แบบ เรียกว่าโหมดสี คอื โหมด RGB และ โหมด CMYK ซึ่งโหมดสีดงั กล่าวเราจำเปน็ ต้องเลือก และตอ้ งการใส่สีใหก้ บั ชน้ิ งานท่ไี ด้สรา้ งข้นึ เราสามารถเลอื กสี ใหก้ บั ไฟล์งานท่ีสรา้ งข้นึ ใหม่กอ่ นเสมอ ดังน้ันจึงตอ้ งทำความ ให้กบั ชิน้ งานเหลา่ นน้ั ไดห้ ลายวธิ ี เชน่ เลือกสี จาก Tool box, เขา้ ใจเกยี่ วกับโหมดสดี ังกล่าวเสียกอ่ น Color Picker, Panel Color, Panel SWATCHERS เป็นต้น โดยมีวิธีการดงั น้ี Red Green การเลือกใช้สีจาก Tool box Blue ดับเบล้ิ คลกิ เลอื ก สลับสีพน้ื และสีเส้น โหมดสี RGB คอื การผสมสที างแสงโดยมแี ม่สี 3 สี คอื สพี ้ืน ( Fill ) ดับเบิล้ คลิกเลือก สีแดง ( Red ) , เขยี ว ( Green ), นำ้ เงิน ( Blue ) การผสมสี สีเสน้ ( Stroke ) ของแมส่ ีทง้ั สามจะได้สีออกมาดงั น้ี ใช้สเี ริม่ ต้นคือ ขาว/ดำ แดง + เขยี ว = เหลอื ง แดง + น้ำเงนิ = ม่วง ลงสแี บบทบึ ไมต่ ้องการใส่ค่าสใี ดๆ นำเ้ งนิ + เขียว = ฟ้าเขียว แดง + เขยี ว + นำ้ เงนิ = ขาว ลงสีแบบไล่โทนสี คุณสมบตั ิของโหมดสี RGB เหมาะสำหรับงานทต่ี ้องใชแ้ สดง บนจอภาพ เชน่ กราฟิกโฆษณาบนเวบ็ งาน Presentation 1. คลกิ เลอื กชิน้ งาน เป็นต้น 2. ดบั เบิล้ คลกิ Fill เพอื่ เลอื กสพี ้นื 3. จากนั้นจะปรากฏหน้าต่าง Color Picker ขน้ึ มา คลิกเลือก Cyan Magenta สพี น้ื ท่ีตอ้ งการจากนั้นคลิก ok Yellow 4. สีพ้นื จะเปลี่ยนไปตามทเี่ ราไดเ้ ลือกไว้ 5. คลกิ ช้ินงานอีกคร้งั 6. ดับเบิ้ลคลกิ Stroke เพอ่ื เลือกสเี ส้น 7. จากนั้นจะปรากฏหน้าต่าง Color Picker ข้ึนมา คลิกเลอื ก สีเสน้ ท่ีตอ้ งการจากนั้นคลิก ok 8. จะได้สีเสน้ ตามทเี่ ลือกไว้ โหมดสี CMYK คอื การผสมสีของเครอื่ งพมิ พ์ สีทนี่ ำมา 1. 4. 2. ผสมกนั คือ สีฟ้า ( Cyan ), บานเย็น ( Magenta ), เหลือง 3. ( Yellow ), ดำ ( Black ) ในการผสมสีจะใช้สีสามสีมาผสม 22 กันก่อน คอื ฟ้า, บานเยน็ , เหลือง และใชส้ ีดำเขา้ มาชว่ ยเสริม เพื่อให้สีที่ออกมาเขม้ ขึ้น และผสมเพื่อให้ได้สีบางสี เชน่ สนี ำ้ ตาล การผสมกันของสที ้ังสามคือ ฟ้า, บานเย็น, เหลือง จะได้ สดี งั ต่อไปนี้ ฟา้ + เหลอื ง = เขยี ว ฟ้า + บานเยน็ = ม่วง เหลอื ง + บานเยน็ = แดง

ขัน้ ตอนการลงสีจาก Panel Color เราสามารถทำได้ดังนี้ 1. คลิกชน้ิ งานที่ต้องการลงสี 5. 8. 2. คลิกเลือกสีพืน้ ( Fill ) 7. 6. 3. ทำการเลอื กสีตามตอ้ งการ 2. 4. จะได้สพี น้ื ทเ่ี ราเลอื กไว้ 3. 1. 4. Color Picker การเลือกสเี ส้นกท็ ำตามข้นั ตอนเดยี วกนั Color Picker คือหน้าต่างสำหรับเลอื กสี สามารถกำหนด คลิกเลือกใชโ้ หมดสี เมอื่ เราคลกิ เพื่อเลอื กใช้โหมดสีจะ โทนสแี ละเลือกความเขม้ ของสีไดต้ ามตอ้ งการ ในหนา้ ต่าง ปรากฏเมนขู ้นึ มาใหเ้ ราเลอื กโหมดสตี ่างๆดังนี้ Color Picker มีส่วนประกอบดังตอ่ ไปน้ี 1. Grayscale : ไล่โทนขาวดำ 2. RGB : สำหรบั งานแสดงบนจอภาพ เลอื กความเข้มของสี สที เี่ ลอื กปัจจบุ นั 3. HSB : ผสมสตี ามระดบั ความสว่าง สเี ดิม 4. CMYK : สำหรับงานพิมพ์ 5. Web Safe RGB : สำหรบั งานออกแบบเว็บ เลือกใชส้ ใี น นอกจากโหมดสดี ังกล่าวแล้วและยงั มคี ำสงั่ ตา่ งๆให้เราเลอื ก Swatches ใช้งานดังนี้ - Hide Options : โชว/์ ซอ่ น Options ทมี่ ีอยู่ - Invert : ใชส้ ีตรงขา้ มกับทเี่ ลอื ก - Complement : ใช้สีทีใ่ กล้เคียงกบั ท่ีเลอื ก ใชส้ ำหรับออกแบบเว็บไซต์เลอื กโทนสี โค๊ดสที ถี่ กู เลือก - Create New Swatch : เก็บสที ่ีเลือกไวใ้ น Panel SWATCHES การเลือกใช้สีจาก Panel Color Grayscale RGB ใน Panel Color เราสามารถเลือกลงสีพ้ืนและสีเส้นได้เลย โดยไมต่ อ้ งเปิดหน้าตา่ งสว่ นอื่นเพื่อมากำหนดสี การใช้ Panel Color สามารถทำไดโ้ ดยคลิกเมนู Window > Color หรือ กดปมุ่ ลดั < F6 > จากนนั้ จะปรากฏ Panel Color ข้นึ มาโดย มีส่วนประกอบตา่ งๆ ดงั นี้ แดรกเมาส์เพอื่ ผสมสี คลิกเลือกสพี ้ืน เลือกปรบั คา่ สี HSB Web Safe RGB คลกิ เลอื กสีเสน้ ในโหมดตา่ งๆ ไม่ตอ้ งการ เลือกใช้สีขาว/ดำ ใส่คา่ สใี ดๆ คลกิ เลอื กโทนสี CMYK ภาพแสดงการเลือกโหมดสแี บบตา่ งๆ 23

Panel SWATCHES เลอื กการแสดงผลของสีใน Panel SWATCHE พาเนล SWATCHES เป็นพาเนลสำหรับการเลือกใชส้ ี 1. คลกิ ปุ่ม Show Swatch Kinds menu โดย มีหมวดหมสู่ ใี หเ้ ลือกใช้มากมาย เชน่ การไล่โทนสี และ 2. เลอื กรูปแบบการแสดงผลซง่ึ มดี ้วยกัน 5 แบบ ดังนี้ ลวดลายแบบตา่ งๆ ใน Panel SWATCHES มสี ่วนประกอบ ต่างๆ ดงั ตอ่ ไปน้ี - Show All Swatches : แสดงรูปแบบของสีท้งั หมดคือ สพี ้ืน การไลโ่ ทนสี พนื้ ผวิ สชี ดุ กลุ่มสีท่ีมีอยู่ ออปช่ันเพ่ิมเติม - Show Color Swatches : แสดงเฉพาะสีพ้นื เลือกใช้ชุดสี - Show Gradient Swatches : แสดงเฉพาะการไล่โทนสี แบบต่างๆ - Show Pattern Swatches : แสดงเฉพาะพน้ื ผวิ - Show Color Groups : แสดงเฉพาะสีแบบชดุ เลือกการแสดงผล สรา้ งกลมุ่ สใี หม่ ลบสีออกจากพาเนล ของสีในพาเนล SWATCHE สรา้ งสีใหม่ เลอื กใช้ชดุ สีใน Panel SWATCHE Show All Swatches Show Color Swatches 1. คลิกปุม่ Swatch Libraries menu 2. เลือกชุดสที ่ตี อ้ งการใชง้ าน 3. จะได้ชดุ สที ตี่ ้องการ ตามตวั อย่าง 2. 1. Show Gradient Swatches Show Pattern Swatches 3. Show Color Groups เลือ่ นเพื่อดูชดุ สแี บบตา่ งๆ สรา้ งกลุ่มสใี หม่ Color Group เพือ่ ความสะดวกรวดเรว็ ในการลงสีให้แก่ชนิ้ งาน เราสามารถ สรา้ งกลุม่ สเี ก็บไว้ใชเ้ ฉพาะงานได้ โดยไม่ตอ้ งไปเลือกจากสีชุดอ่นื อยู่เสมอ ตัวอยา่ งชดุ สที ่ีเลอื กจาก Swatch Libraries menu 3. 2. 1. 24 1. คลิกปมุ่ New Color Group 2. ตง้ั ชื่อกลมุ่ สี 3. จะไดท้ ีเ่ ก็บสีที่สร้างขน้ึ

4. แดรกเมาส์นำสีทเ่ี ราต้องการเก็บจาก Panel COLOR เลอื กมมุ มองการแสดงสีของ Panel SWATCHES มาไว้ในทเี่ ก็บสี เราสามารถเลือกมมุ มองการแสดงสีขอ Panel SWATCHES แบบต่างๆเพอื่ การมองเห็นสสี นั อยา่ งชัดเจนไดด้ ังนี้ 5. จะได้สที ี่เราต้องการ 1. คลกิ ปุ่มเมนบู นดา้ นซา้ ยของ Panel SWATCHES 2. กำหนดมมุ มองการแสดงสี 1. 4. Small Thumbnail View 5. 2. Medium Thumbnail View ลบสีและกลมุ่ สีออกจาก Panel SWATCHES เมอื่ ต้องการลบสีหรอื ชุดสีที่ไมต่ อ้ งการออกจาก Panel Large Thumbnail View SWATCHES สามารถทำไดด้ งั นี้ เมื่อต้องการลบบางสี 1. คลกิ สที ่ีตอ้ งการลบ 2. คลกิ ปุม่ Delete Swatch 3. ตอบ Yes เพือ่ ลบสที ่ีเลือกออก 4. สีทไี่ ม่ตอ้ งการจะถกู ลบออกไป 1. 2. 4. Small List View Large List View 3. สี 4 แบบใน Illustrator เมอื่ ตอ้ งการลบทง้ั ชุด สที ี่ใช้ในโปรแกรม Illustrator มีด้วยกนั 4 ชนดิ คอื 1. คลิกชุดสที ตี่ ้องการลบ 1. สีแบบ Process 2. คลิกปุ่ม Delete Swatch คอื สที ึบท่ใี ชส้ ำหรบั งานทัว่ ไป เชน่ สแี ดง สเี ขียว สีนำ้ เงนิ 3. ตอบ Yes เพอื่ ลบชุดสที เ่ี ลอื กออก 4. ชดุ สีที่ไม่ตอ้ งการจะถูกลบออกไป สีส้ม สีเหลอื ง สมี ่วง เปน็ ต้น 2. 4. 2. สแี บบ Spot 1. คอื สแี บบพเิ ศษ เช่น สีเงิน, สที อง, สีสะท้อนแสง ทโ่ี ปรแกรม 3. จำลองขนึ้ มาให้ใกล้เคียงกับของจริง 25

3. สีแบบ Gradient รจู้ ักกบั Panel COLOR GUIDE คือสีในรปู แบบการไล่โทนสี สามารถเรยี กใชง้ านได้โดย เป็นพาเนลที่แสดงสแี บบใกลเ้ คยี งกัน การจดั ความสัมพนั ธ์ การคลิกท่ี Swatch Libraries menu ใน Panel SWATCHES ของสีท่ีแสดงจะจัดเป็นชดุ สี สามารถปรับแตง่ ชุดสที ้ังหมดได้ภาย เลือก Gradients จะมรี ูปแบบสี Gradient ข้นึ มาใหเ้ ราเลือก หลงั สที ี่นำมาใชต้ ้องเปน็ สแี บบ Process หรอื แบบ Spot เรา ใชง้ านมากมาย สามารถเรียกใชง้ าน พาเนล COLOR GUIDE ได้โดย คลิกทีเ่ มนู Window > Color Guide จากนนั้ ก็จะปรากฏ Panel COLOR GUIDE ข้ึนมา เมื่อเราเลือกสีใน Tool box, Color Picker, Panel Color, Panel SWATCHERS สที ่ีเราเลือกก็จะไปแสดงใน Panel COLOR GUIDE ดังภาพตัวอยา่ งด้านลา่ ง จากนั้นจึงเลอื ก สีใน Panel COLOR GUIDE ไปใช้งาน สที ี่เราเลือก แสดงความสัมพนั ธ์ แสดงตารางสี ของชุดสี ชุดสที ่อี ยู่ใน เกบ็ กลมุ่ สไี ว้ใน Library แกไ้ ขความสัมพนั ธ์ของชุดสี SWATCHES 4. สแี บบ Pattern ตวั อย่างการแสดงสีใน Panel COLOR GUIDE คือสที ีม่ ลี วดลายแบบต่างๆ เชน่ ลายลกู ไม้ ลายไม้ แก้ไขความสัมพนั ธข์ องชุดสี Recolor Artwork ลายตาราง ลายหนงั สตั ว์ เชน่ เสอื เป็นต้น เราสามารถเรยี ก เราสามารถปรับแต่งสี ใหแ้ กช่ ุดสีใน Panel COLOR GUIDE ใชง้ านได้โดยการคลิกท่ี Swatch Libraries menu ใน Panel SWATCHES เลือก Patterns จะมรี ปู แบบสี Patterns ข้ึนมา ไดโ้ ดยคลิกท่ี Edit Colors จากนัน้ จะปรากฏหน้าตา่ ง ใหเ้ ราเลอื กใชง้ านมากมาย Recolor Artwork ขนึ้ มา จากนั้นจึงทำการปรับแตง่ รายละเอียด ต่างๆในส่วนท่ีเราต้องการ 2. 1. 13. 4. 12. 3. 14. 9. 6. 7. 8. 11. 5. 10. 26

รายละเอียดตา่ งๆในหน้าตา่ ง Recolor Artwork Display Smooth Color Wheel 1. ชือ่ ของชุดสี แสดงวงลอ้ แบบไล่โทนสี 2. จำนวนสีที่อยใู่ นชุดสี 3. วงกลมสี ( Color Wheel ) Display Segmented Color Wheel 4. ชุดสีท่ีมีใน Panel SWATCHES แสดงวงลอ้ แบบแยกระดบั สี 5. กำหนดค่าสี 6. เลือกรปู แบบการปรับแตง่ สี 7. เพิ่มลดความสว่าง 8. เพม่ิ ลดจุดสี 9. คลกิ เพอ่ื ปรบั แต่งทีละสีหรือท้ังหมด 10. คลกิ เลอื กชุดสีจาก Library มาใชใ้ นวงกลมสี 11. เปลย่ี นสวี ตั ถุทีเ่ ลือก 12. เลอื กโหมดในการปรบั สี 13. บันทกึ การแก้ไขชุดส,ี สรา้ งชดุ สีใหม่, ลบชดุ สี 14. ย่อขยายหน้าตา่ งคำสง่ั Recolor Artwork ข้นั ตอนการปรบั แต่งชดุ สใี น Recolor Artwork 1. คลกิ ท่ี Edit Colors 2. จะปรากฏหน้าต่าง Edit Colors ขึ้นมา 3. แดรกเมาส์เพ่อื ปรับแต่งสี 4. ตัง้ ชือ่ ใหก้ บั ชดุ สี 5. คลิกปุ่ม New Color Group เพอ่ื เพ่มิ ชดุ สลี งใน Panel SWATCHES 6. คลกิ ปุ่ม ok 7. จะไดช้ ุดสีตามตอ้ งการ 2. 1. 7. 4. 5. 3. 6. Display Color Bars เพือ่ สะดวกในการเลือกสี เราสามารถคลกิ เลือกรูปแบบการแสดง แสดงแบบแถบสี วงล้อสไี ด้ 3 แบบ ดังนี้ การเพ่ิมจุดสใี น Recolor Artwork 1. คลกิ ที่ Edit Colors 2. จะปรากฏหน้าต่าง Edit Colors ขน้ึ มา 27 3. คลกิ ป่มุ Add Color Tool 4. จากนนั้ คลกิ เลือกสใี ห้กบั จุดสใี หม่ จะปรากฏแขนจดุ สี เพิม่ ข้ึนมา

5. คลิกป่มุ ok 6. เปล่ยี นสใี หช้ ้ินงานดว้ ย Panel COLOR GUIDE 6. ก็จะได้จุดสีเพิ่มข้ึนมาในชุดสี เราสามารถเปล่ียนสีช้ินงานทั้งโทนสีไดจ้ าก Panel COLOR 2. 1. GUIDE ด้วยวธิ ีดงั ต่อไปนี้ 1. คลิกชน้ิ งานที่ต้องการเปลย่ี นโทนสี 4. 2. คลกิ ปมุ่ Edit or Apply Colors ใน Panel COLOR GUIDE 3. 3. จะปรากฏหน้าตา่ ง Recolor Artwork ขึน้ มา จากนั้นเลอื กสี ในชอ่ ง Color Groups ตามต้องการ 5. 1. 2. 3. การลบจุดสใี น Recolor Artwork 1. คลิกที่ Edit Colors 2. จะปรากฏหน้าต่าง Edit Colors ขึน้ มา 3. คลิกปุ่ม Remove Color Tool 4. จากนน้ั คลกิ จุดสที ต่ี ้องการลบ 5. คลิกปมุ่ ok 6. จดุ สใี นชดุ สีจะหายไป 6. 1. 2. 4. 3. ตัวอย่างการเปล่ียนสใี ห้ชนิ้ งานด้วยคำสง่ั Recolor Artwork 5. 28

รู้จักกบั Panel TRANSPARENCY รจู้ ักกบั Blending Mode ใน Panel TRANSPARENCY เป็นพาเนลสำหรบั สรา้ งเอฟเฟ็กตใ์ ห้กับวตั ถุที่วาดขนึ้ แบบ Blending Mode คือการผสมสีวัตถุทซ่ี ้อนทับกันมีรูปแบบต่างๆ ซอ้ นทับกัน เช่น การปรับความโปรงใสของวัตถุ การปรับแต่ง ให้เลอื กมากมายดงั ภาพตัวอยา่ ง ความหนาทึบของสี สามารถเรียก Panel TRANSPARENCY ข้นึ มาใชง้ านได้โดย คลิกที่เมนู Window >Transparency หรอื กดปุ่ม Shift + Ctrl + F10 กำหนด กำหนด Normal Darken Blending ให้วัตถุ ความโปรงใส ให้กับวตั ถุ Preview วตั ถุที่เราเลือก กำหนดความโปร่งใสใหก้ ับวัตถุ Multiply Color Burn Lighten เราสามารถกำหนดความโปร่งใสใหก้ บั วตั ถุที่เราสร้างขนึ้ Screen Color Dodge Overlay Soft Light เพ่ือใหม้ ีมิติ เกิดแสงเงาบนวตั ถนุ ัน้ ๆ และนำไปประยุกตส์ รา้ ง สรรคท์ ำให้เกดิ เปน็ ชิ้นงานท่ีสวยงามข้นึ มา เช่น การสร้างปุ่ม Hard Light Difference Exclusion Hue กด โลโกต่างๆ ฯลฯ ด้วยวธิ ีการดังต่อไปน้ี 1. วาดรปู ทรงชนิ้ ท่ี 1 ขึ้นมาเพือ่ ใชเ้ ปน็ ปุม่ กดโดยกำหนด ใหเ้ ปน็ สีเขยี วเขม้ 2. สร้างตวั หนงั สือใหก้ ับปมุ่ กด ( NEXT ) กำหนดสีตัว หนังสือใหเ้ ป็นสขี าว 3. วาดรูปทรงชน้ิ ท่ี 2 เพอื่ ใหเ้ ปน็ จุดสะท้อนแสงดา้ นบน 4. วาดรูปทรงช้ินที่ 3 เพ่ือให้เปน็ จุดสะทอ้ นแสงดา้ นล่าง 5. นำรูปทรงที่ 2 และ 3 มาประกอบบนชิน้ ท่ี 1 โดยกำหนด สีรปู ทรงทั้งสองใหเ้ ป็นสขี าว 6. กำหนดค่า Opacity ใหก้ ับรูปทรงท้งั สองเทา่ กบั 35% 7. จะไดป้ ่มุ กดซ่ึงมีมติ แิ สงเงาตามต้องการ NEXT 3. Saturation Color Luminosity 4. 1. 2. NEXT NEXT Note................................................................... .......................................................................... 5. 7. .......................................................................... .......................................................................... 6. .......................................................................... PLAY STOP PAUSE PLAY STOP PAUSE ตัวอย่างการสร้างชน้ิ งานโดยกำหนดความโปร่งใสใหก้ ับวัตถุ 29

บทท่ี 5 Type on a Path Tool เป็นเครื่องมือทใี่ ช้สรา้ งข้อความ แนวนอนตามแนวเสน้ Path ของรูปทรงทีก่ ำหนด สร้างตวั หนงั สือด้วยกลุม่ เครือ่ งมือ ( Type Tool ) UNIVE THAKSIN Type Tool คือกลมุ่ เคร่อื งมือที่ใช้สร้างตัวอักษรในโปรแกรม SITY THAKSIN UNIVERSITY THAKSIN THAKSIN UNIVERSITY THAKSINTHAKSIN UNIVERSITY THAKSIN Illustrator สามารถสรา้ งตัวอักษรไดห้ ลายแบบ เชน่ การสรา้ ง UNIVERSITY THAKSIN UNIVERSITY ข้อความแบบปกติ, การสรา้ งข้อความแบบแนวตัง้ , การสรา้ ง ขอ้ ความแบบแนวนอน ฯลฯ ร้จู กั กบั กลุม่ เคร่อื งมอื Type Tool UNIVERSITY THAKSIN UNIVERSITY เครือ่ งมอื ใน Type Tool มี 6 แบบด้วยกันคือ Type Tool เป็นเครอ่ื งมือท่ีใช้พมิ พ์ข้อความปกติ สามารถ THAKSIN UNIVER ใส่สีรูปแบบตวั อักษร ย่อหรือขยายได้ตามตอ้ งการ สามารถ Vertical Type on a Path Tool เป็นเครื่องมือท่ใี ชส้ รา้ ง ขอ้ ความแนวต้งั ตามแนวเสน้ Path ของรูปทรงท่กี ำหนด สรา้ งข้อความท่มี คี วามยาวได้ Type Tool xxxxxxdsadsdsadsafdsaf KSIN fdsafdsakfldks;fakldskflkdslkfaldksafkd THAKSIN R SREVIUN TE XTType Tool fdskfldskflkdsokfaokefldsalkfldkslfakdls UN S fdskfldska;fkldskafldksalfdlfkldsakfoefk T fkdlskafdksakfldsakflekkfld;salkfekfoefl H dkslkafekflke;sakflds;akoefkfldsakflkdff A kfdldsakfldksa;foekfldsaflkdesaokfd;sa fkdlskaf;eokfldskflekfkdlsakfodklfadkffff NISKA AKSIN jfkjdslajfkdjsalfdksjafijkekflafeifdkslajfffp INU EVINU kfsafiejfkdlxzmvcrmfldszakwdksa;kfkld Vertical Type Tool เป็นเคร่อื งมอื ทใ่ี ช้สรา้ งขอ้ ความใน I แนวต้ัง เหมาะกบั ขอ้ ความสั้นๆ สามารถปรบั แตง่ ขนาด ใสสี T Y Tรูปแบบตัวอักษรไดต้ ามตอ้ งการ T TSU H HIN I S ANI V KV E E R UR S S I I T T Y Y T H การสรา้ งข้อความดว้ ยเครือ่ งมอื ( Type Tool ) การสร้างข้อความดว้ ยกลมุ่ เครอ่ื งมือ Type Tool สามารถทำ ได้ 2 แบบ คอื ข้อศลิ ปแ์ ละข้อความแบบย่อหนา้ ข้อความศลิ ป์ : คือขอ้ ความส้ันๆ ทใี่ ชต้ กแตง่ ภาพกราฟิกให้ดู โดดเดน่ สวยงาม, ข้อความแบบยอ่ หนา้ : คอื ขอ้ ความยาว ที่ใช้ อธบิ ายส่วนต่างๆของงาน วิธสี รา้ งข้อความดังท่กี ลา่ วมาสามารถ ทำได้ดงั นี้ Area Type Tool เปน็ เครอื่ งมือที่ใช้สรา้ งข้อความแบบยอ่ การสร้างขอ้ ความศิลป์ด้วยเคร่อื งมอื Type Tool หน้าแนวนอน โดยบงั คับข้อความใหอ้ ยใู่ นขอบเขตรปู ทรงท่ี 1. คลิกเลอื กเครือ่ งมอื Type Tool แล้วคลิกลงบนอาร์ต กำหนด บอร์ดเพ่ือกำหนดจุดเริม่ ตน้ ของข้อความ 2. กำหนดรปู แบบตวั อักษร ขนาด สี บน Panel Control THAKSIN UNIVER 3. พมิ พข์ ้อความทต่ี ้องการลงไป SITY THAKSIN UNIVE RSITY THAKSIN UNIVERSI THA 2. TY THAKSIN UNIVERSITY THAK KSIN UNI SIN UNIVERSITY THAKSIN UNIVE VERSITY THA 1. RSITY YHAKSIN UNIVERSITY KSIN UNIVERSITY 3. THAKSIN UNIVERSITY T THAKSIN UNIVERSITY HAKSIN UNIVERSIT THAKSIN UNIVERSITY THA KSIN UNIVERSITY THAKSIN UNI Vertical Area Type Tool เป็นเครอ่ื งมอื ท่ใี ชส้ ร้างขอ้ ความ แนวตั้ง โดยบังคบั ข้อความใหอ้ ยใู่ นขอบเขตรูปทรงท่ีกำหนด การปรบั แตง่ ข้อความศลิ ป์ I S S R S เมอ่ื เราไดเ้ สร้างข้อความศลิ ปเ์ ปน็ ที่เรียบร้อยแลว้ เราตอ้ งการ I N I I S I A SR ปรบั แตง่ เพิม่ เติมใหส้ วยงาม สามารถทำได้ดงั น้ี T U T N I N K I K Y N Y U T U T N S T N A 1. ยา้ ยตำแหน่งข้อความ โดยคลิกท่ีเครอ่ื งมือ Selection S T I T N Y N H I I Y U K Tool จากน้ันคลกิ ทขี่ อ้ ความ จะปรากฏ Bounding Box ขน้ึ มา H V H I T I A V N T N S A E A V H V K S E H I I R K E A E I R V S S R K E T ลอ้ มรอบข้อความ ให้ทำการแดรกเมาสบ์ นขอ้ ความแลว้ ลากไปยัง H ตำแหนง่ ทีต่ ้องการ 30

TSU การสร้างขอ้ ความแบบยอ่ หนา้ เป็นการสร้างขอ้ ความเพ่ือใช้อธบิ ายรายละเอยี ดใหก้ บั หัวข้อ แดรกเมาสล์ ากข้อความยา้ ยไปยังตำแหน่งทตี่ อ้ งการ สำคญั ๆต่างๆ เชน่ ขอ้ ความอธบิ ายประวัติความเป็นมาของ 2. ปรับขนาดข้อความใหใ้ หญ่ข้นึ โดยคลิกที่เครอื่ งมอื โบราณสถานในโบรชวั รเ์ ปน็ ต้น ซึ่งการจัดวางข้อความจะคล้าย Selection Tool แลว้ คลกิ บนขอ้ ความท่ตี อ้ งการขยาย จากนัน้ กับการทำงานในโปรแกรม Microsoft Word สามารถทำไดด้ งั นี้ จะปรากฏ Bounding Box ข้นึ มา ให้แดรกเมาส์ท่ีจุดส่เี หลยี่ ม ของ Bounding Box ลากขยายขนาดขอ้ ความตามตอ้ งการ 1. คลกิ ทเ่ี ครอื่ งมือ Type Tool จากนน้ั แดรกเมาส์บนอาร์ต บอรต์ เพ่อื กำหนดขอบเขตของขอ้ ความทจ่ี ะพิมพ์ TSU 2. พิมพข์ อ้ ความท่ีต้องการ แดรกเมาสข์ ยายขอ้ ความตามต้องการ 3. เม่อื พิมพ์ขอ้ ความเสร็จแลว้ ให้กดปุม่ Ctrl + Enter 3. เราสามารถเปลี่ยนสีพนื้ สีเส้นขอบใหก้ ับข้อความได้ 1. การสร้างขอ้ ความแบบย่อหน้า โดยคลิกทีเ่ คร่ืองมือ Selection Tool แลว้ คลกิ บนขอ้ ความ เปน็ การสรา้ งข้อความเพ่ือใช้อธบิ ายรายละเอยี ดให้กับ จากน้ันจงึ ทำการเลอื กสีบน Panel Contrl ตามความตอ้ งการ หวั ข้อสำคัญ ๆ ต่าง ๆ เชน่ ข้อความอธิบายประวัตคิ วาม เปน็ มาของโบราณสถานในโบรชวั รเ์ ป็นตน้ ซ่งึ การจดั วาง TSU ข้อความจะคลา้ ยกับการทำงานในโปรแกรม Microsoft Word สามารถทำไดด้ ังน้ี ใส่สีพื้นและสเี ส้นขอบให้ขอ้ กบั ความ 1. คลิกทีเ่ ครอื่ งมอื Type Tool จากนน้ั แดรกเมาส์ บนอารต์ บอรต์ เพอ่ื กำหนดขอบเขตของขอ้ ความ 4. นำ GRAPHIC STYLES มาใส่ใหก้ ับข้อความ โดยคลิก ท่จี ะพิมพ์ ทเ่ี ครอื่ งมือ Selection Tool แลว้ คลกิ บนข้อความ จากนัน้ 2. พมิ พ์ข้อความท่ตี อ้ งการ 2. เลือกรปู แบบ GRAPHIC STYLES ใหก้ บั ขอ้ ความ 3. เมอ่ื พมิ พข์ อ้ ความเสรจ็ แล้วให้กดปุม่ Ctrl + Enter TSU การ Import ขอ้ ความมาใชง้ าน เราสามารถ Import ไฟลเ์ อกสารจาก Microsoft Word เขา้ มา ใช้ใน โปรแกรม Illustrator ไดโ้ ดย 1. คลิกที่เมนู File > Open หรือกดปุ่ม < Ctrl + O > 2. เลือกไฟล์แลว้ คลิก Open 3. คลกิ เลือก Options ของไฟล์ Word จากนนั้ คลกิ ปมุ่ ok 4. จะปรากฏขอ้ ความของไฟล์ Word ทเ่ี ลือกบนอาร์ตบอรต์ 3. 2. ใส่ GRAPHIC STYLES ใหข้ ้อกับความ 4. 31

การสรา้ งขอ้ ความในแนวต้งั ดว้ ยเคร่ืองมือ 3. ( Vertical TypeTool ) THAKSIN UNIVER การสร้างขอ้ ความดว้ ยเคร่อื งมอื Vertical Type Tool น้นั SITY THAKSIN UNIVE จะสร้างขอ้ ความในแนวตงั้ และจะขึน้ บรรทัดใหมท่ างด้านซา้ ย RSITY THAKSIN UNIVERSI การสร้างข้อความแบบนีจ้ งึ เหมาะกบั ข้อความแบบส้นั ๆ หรือ TY THAKSIN UNIVERSITY THAK ข้อความแบบบรรทดั เดยี ว การเริ่มตน้ สรา้ งข้อความสามารถ SIN UNIVERSITY THAKSIN UNIVE ทำไดด้ ังน้ี RSITY YHAKSIN UNIVERSITY THAKSIN UNIVERSITY T 1. คลิกทเี่ ครอื่ งมอื Vertical Type Tool จากน้นั คลกิ บน HAKSIN UNIVERSIT อารต์ บอรต์ เพ่อื เขยี นข้อความ 4. 2. กำหนดแบบอักษรขนาดและสีตามต้องการ 3. พิมพข์ อ้ ความท่ตี ้องการ การสร้างขอ้ ความแบบแนวตงั้ ใหอ้ ยูใ่ นรูปทรงท่ีกำหนด 4. กดปุ่ม Enter เม่อื ต้องการขนึ้ บรรทัดใหม่ ด้วยเคร่ืองมือ ( Vertical Area Type Tool ) 5. กดปุ่ม < Ctrl + Enter > เมอ่ื พมิ พ์เสร็จ แลว้ ตกแต่งตวั Vertical Area Type Tool เปน็ เครอ่ื งมอื ใช้สร้างสรา้ งข้อความ อักษรให้สวยงามตามตอ้ งการ แบบแนวตงั้ ลักษณะเหมอื นกบั Vertical Type Tool แตจ่ ะบงั คับ ขอ้ ความทเี่ ราไดส้ รา้ งขึ้นให้อย่ใู นขอบเขตของรูปทรงทก่ี ำหนด 1. 2. เราสามารถเริม่ ตน้ สรา้ งขอ้ ความดงั กลา่ วจากเคร่อื งมอื Vertical Area Type Tool ไดด้ งั น้ี T CT T TSU S oS HIN 1. สรา้ งรปู ทรงท่ีตอ้ งการขึน้ มา UU 2. คลิกทีเ่ คร่อื งมอื Vertical Area Type Tool จากนนั้ คลกิ บน S ANI KV ขอบของรปู ทรงทีส่ ร้างข้นึ E 3. กำหนดแบบอักษรขนาดและสี 4. พมิ พข์ อ้ ความท่ีตอ้ งการ เมอ่ื พมิ พ์เสรจ็ ใหก้ ดปุ่ม UR S < Ctrl + Enter > จากนนั้ จะไดข้ ้อความท่ีสร้างข้ึนตาม I ตอ้ งการ T Y 3. 4. 5. การสรา้ งขอ้ ความภายในรูปทรง 1. 2. 3. การสร้างข้อความแบบยอ่ หน้าแนวนอนให้อยใู่ นรูปทรง ท่ีกำหนดดว้ ยเครื่องมือ ( Area Type Tool ) K I I S S R S T S T N I I S I H การสร้างขอ้ ความดว้ ยเคร่ืองมอื Area Type Tool นั้น Y U T N I N A เปน็ การสร้างขอ้ ความแบบย่อหนา้ แนวนอน ขอ้ ความที่สร้าง T N Y U T U K ข้นึ จะอยู่ในขอบเขตของรปู ทรงทกี่ ำหนด โดยเราสามารถเร่มิ H I T N Y N ตน้ สร้างขอ้ ความจากเครอ่ื งมือ Area Type Tool ได้ดังน้ี A V H I T I E A V H V 1. สรา้ งรปู ทรงท่ตี ้องการข้ึนมา R K E A E 2. คลกิ ทเ่ี คร่อื งมอื Area Type Tool จากนน้ั คลิกบนขอบ S S R K ของรูปทรงท่ีสร้างขน้ึ 3. กำหนดแบบอักษรขนาดและสี 4. พิมพข์ อ้ ความทีต่ ้องการ เมือ่ พิมพ์เสรจ็ ใหก้ ดปมุ่ < Ctrl + Enter > จากน้นั จะได้ขอ้ ความที่สรา้ งขน้ึ ตาม ต้องการ 4. 1. 2. 32

การพมิ พ์ตวั อักษรตามแนวเส้น Path THAKSIN UNIVERSITY THAKSIN UNIVERSITY THAKSIN UNIVERSITY 1. 2. R การสร้างขอ้ ความแนวนอนใหไ้ หลไปตามแนวเสน้ Path S AKSIN 3. ของรูปทรงดว้ ยเครื่องมือ Type on a Path Tool T EVINU H KSIN สรา้ งขอ้ ความแนวนอน ตามแนวเส้น Path บนรปู ทรงท่ี A กำหนดโดยใชเ้ ครอื่ งมือ Type on a Path Tool สามารถนำไป I 4. SREVIUN ประยุกต์สรา้ งสว่ นประกอบของชิ้นงานได้หลากหลาย เชน่ T ป้ายโฆษณาท่ตี อ้ งการใหต้ ัวอักษรไหลไปตามรูปทรงที่กำหนด Y สร้างตัวอักษรใหไ้ หลไปบนเสน้ Path หรือการ ทำโลโก เปน็ ต้น ขั้นตอนการสร้างข้อความแนวนอน T เราสามารถวาดเส้น Path ข้ึนมาเอง แล้วสรา้ งขอ้ ความแนว ใหไ้ หลไปตามเสน้ Path ของรูปทรงสามารถทำได้ดงั น้ี H นอนหรือข้อความแนวตั้งใหไ้ หลไปบนเส้น Path ได้โดยมขี นั้ ตอน 1. สรา้ งรูปทรงที่ตอ้ งการข้นึ มา THAKSIN UNIVERSITY THAKSIN ดงั นี้ 2. คลกิ ท่ีเครอื่ งมอื Type on a Path Tool จากนน้ั คลกิ 1. ใชเ้ ครือ่ งมือ Pen Tool วาดเสน้ โค้งขึ้นมา บนขอบของรปู ทรงที่สร้างขึ้น 2. คลิกทเ่ี ครือ่ งมอื Type on a Path Tool เพ่ือทีจ่ ะสรา้ ง 3. กำหนดแบบอักษรขนาดและสี 4. พิมพข์ อ้ ความทต่ี ้องการ เมื่อพมิ พเ์ สร็จใหก้ ดปุ่ม ข้อความแนวนอน จากนัน้ คลิกบนเส้นโค้งทส่ี รา้ งข้ึน 3. กำหนดแบบอกั ษรขนาดและสี < Ctrl + Enter > จากน้นั จะได้ขอ้ ความแนวนอนทไี่ หล 4. พิมพ์ข้อความท่ตี ้องการ เมื่อพมิ พ์เสรจ็ ใหก้ ดปุ่ม ไปบนรูปทรงตามทต่ี ้องการ < Ctrl + Enter > จากนน้ั จะไดข้ ้อความทีไ่ หลไปบนเส้น 1. 2. Path ตามตอ้ งการ 3. 1. 4. สรา้ งขอ้ ความแนวตงั้ ใหไ้ หลไปตามแนวเส้น Path ของ 2. รปู ทรงด้วยเครอ่ื งมอื Vertical Type on a Path Tool 3. สรา้ งข้อความแนวตัง้ ใหไ้ หลไปตามแนวเสน้ Path ของ รปู ทรงที่กำหนด กระบวนการสรา้ งจะเหมอื นกบั การใช้เครื่อง THAKSIN 4U. NIVERSIT Y มือ Type on a Path Tool ทกุ ประการ เพียงแตต่ ัวอกั ษรจะ การปรับแต่งข้อความบนเสน้ Path แสดงเปน็ แนวต้ัง ข้นั ตอนการสรา้ งสามารถทำไดด้ ังนี้ เมื่อเราได้สร้างชิ้นงานทมี่ ขี ้อความบนเสน้ Path เรยี บรอ้ ยแล้ว 1. สร้างรปู ทรงทีต่ อ้ งการขึน้ มา ข้ันตอนตอ่ ไปก็จะเป็นการปรับแตง่ ขอ้ ความเหลา่ น้ันใหส้ วยงาม 2. คลิกที่เครอื่ งมือ Vertical Type on a Path Tool จากนน้ั โดยมวี ิธกี ารปรับแตง่ ดงั นี้ คลกิ บนขอบของรปู ทรงทีส่ ร้างขนึ้ 33 3. กำหนดแบบอกั ษรขนาดและสี 4. พมิ พข์ อ้ ความที่ต้องการ เม่ือพมิ พ์เสรจ็ ใหก้ ดปมุ่ < Ctrl + Enter > จากน้นั จะไดข้ อ้ ความแนวตง้ั ท่ีไหลไป บนรปู ทรงตามต้องการ

การเล่อื นตำแหนง่ ข้อความท่ีสรา้ งขึ้นบนเสน้ Path 1. เม่อื เราได้ข้อความบนเส้น Path แต่ปรากฏวา่ ตัวอกั ษรท่ี เราได้สรา้ งขึ้นอยู่ในตำแหน่งทีไ่ มเ่ หมาะสม เราสามารถเลอ่ื น ตำแหนง่ ของอักษรเหลา่ น้นั ไดด้ งั นี้ 1. คลิกเครอื่ งมือ Direct Selection Tool จากนั้น คลกิ ไปบนขอ้ ความทีต่ อ้ งการเลือนตำแหนง่ จะปรากฏ เส้นกน้ั ตัวอกั ษรข้นึ มา 2. แดรกเมาส์ตรงเส้นกนั้ ตัวอักษรหมุนขอ้ ความไปยัง ตำแหน่งท่ตี อ้ งการ 3. ตัวอักษรจะหมนุ ไปตามการแดรกเมาส์ 1. 2. TSU 2. 3. THAKSIN UNIVERSITY 3. การเปลย่ี นรูปทรงตวั อกั ษรทส่ี ร้างข้นึ บนเส้น Path ดว้ ย คำสง่ั Type on a Path TSU นอกจากการพลกิ กลับดา้ นตวั อกั ษรท่ีสร้างข้นึ บนเส้น Path แลว้ เราสามารถปรบั แต่งตวั อักษรเหล่านัน้ ให้มีรูปทรงต่างๆ ได้ ด้วยคำสงั่ Type on a Path โดยมวี ธิ ีการดงั ตอ่ ไปน้ี 1. คลกิ ตวั อกั ษรบนเส้น Path ทตี่ อ้ งการปรับแตง่ 2. คลกิ เลอื กคำสง่ั บนเมนูบาร์ Type > Type on a Path จากนนั้ ทำการเลอื กรปู แบบท่ีต้องการ การพลิกกลับดา้ นขอ้ ความท่ีสรา้ งข้ึนบนเส้น Path 1. เราสามารถพลกิ กลบั ดา้ นข้อความทสี่ ร้างขน้ึ บนเสน้ Path 2. ได้ด้วยการ 34 1. คลกิ เครอื่ งมอื Direct Selection Tool จากนน้ั คลกิ ไปบนขอ้ ความท่ีต้องการพลกิ กลับดา้ น จะปรากฏ เสน้ กั้นตัวอักษรขึน้ มา 2. แดรกเมาสต์ รงเส้นกัน้ ตัวอักษรแล้วพลิกกลบั ด้านเขา้ ไปด้านใน 3. ตวั อักษรจะพลิกกลบั ดา้ นตามการแดรกเมาส์ จากนั้น ทำการปรับแต่งแบบตวั อักษร ขนาดและสี ตามตอ้ งการ

SUSHI SUSHI การกำหนดตำแหนง่ ขอ้ ความบนเสน้ Path และการควบคมุ ระยะห่างให้ข้อความบนเสน้ Path เราสามารถกำหนดคา่ ไปใน คราวเดยี วกนั ได้เลยจากหนา้ ต่าง Type on a Path Options ซง่ึ การกำหนดตำแหนง่ ข้อความบนเสน้ Path สามารถเลอื กรปู แบบได้ 4 แบบดว้ ยกันดงั น้ี Rainbow : รปู แบบปกติขอ้ ความ Skew : ฐานจะเรียงไปตามความ Baseline : ตำแหนง่ ปกติของ Ascender : ตำแหนง่ ตวั อักษรอยู่ จะเอยี งไปตามความโคง้ ของเส้น โคง้ ของเสน้ Path ดา้ นบนจะถกู ข้อความ ฐานตัวอกั ษรจะชิด ใต้เส้น Path Path บีบรวมเข้าหากนั เสน้ Path SUSHI SUSHI 3D Ribbon : เอยี งข้อความให้ Stair Step : ตัวอกั ษรจะเรียงกัน สัมพนั ธก์ บั แนวเสน้ Path เปน็ ขั้นบันไดตามความโคง้ ของ USIเสน้ Path S H Descender : ตำแหน่งตวั อกั ษรอยู่ Center : ตำแหน่งของข้อความอยู่ เหนอื เสน้ Path ขึ้นไปเลก็ นอ้ ย กึง่ กลางของเสน้ Path Gravity : ดงึ ตัวอักษรให้เอียง การจดั รปู แบบตัวอักษร บานออกเปน็ รูปพดั เราสามารถเปลีย่ นรูปแบบตวั อักษร ขนาดและสขี องตวั อกั ษร การกำหนดตำแหน่งของข้อความบนเสน้ Path และการ ภายหลงั จากทที่ ำการพิมพ์เสรจ็ ด้วย Panel CHARACTER การ ควบคุมระยะห่างใหข้ ้อความบนเสน้ Path เปดิ ใชง้ าน Panel CHARACTER ใหเ้ ราคลิกท่เี มนู Window > Type > Character จากน้นั จะปรากฏหน้าต่าง CHARACTER เราสามารถคลกิ เลอื กเมนู Type on a Path Options เพ่ือ ขึน้ มา ให้ทำการปรับคา่ ต่างๆตามทเี่ ราตอ้ งการดังนี้ ทจี่ ะกำหนดตำแหน่งขอ้ ความบนเส้น Path และปรบั แต่งระยะ หา่ งของขอ้ ความบนเสน้ Path ไดด้ งั น้ี B A D F E C H J 1. คลกิ ตัวอักษรบนเสน้ Path ท่ตี ้องการปรบั แต่ง I G 2. คลกิ เลือกคำสงั่ บนเมนูบาร์ Type > Type on a Path L K > Type on a Path Options จากนั้นจะปรากฏหน้าต่าง A Font : เลือกรปู แบบตัวอกั ษร คำสง่ั Type on a Path Options ขน้ึ มา ทำการกำหนด CordiaDSE : CordiaDSE ระยะห่างขอ้ ความและค่าต่างๆตามต้องการ DSW Erawan : DSW Erawan HolyCow : HolyCow คลิกเลือกรูปแบบการบดิ เอยี ง คลิกเพื่อกลับดา้ นข้อความ PSL Malinee Regular : PSL Malinee Regular กำหนดตำแหนง่ PSL Yaowaraj Regular : PSL Yaowaraj Regular ขอ้ ความบนเส้น Cowboys : Cowboys Path 35 กำหนดระยะห่างให้ขอ้ ความ

B Style : กำหนดตวั หนาเอยี งให้กับตัวอกั ษร nHorizontal Scale : 100% oaottiHorizontal Scale : 150% Style : Regular R Horizontal Scale : 200% Style : Bold H Vertical Scale : ใช้ปรับความสูงของตวั อักษร โดยความสงู Style : Italic Rของตวั อักษรปกติเท่ากับ 100% Style : Bold Italic o ta Vertical Scale : 25% C Size : กำหนดขนาดของตัวอกั ษร itno Vertical Scale : 50% Size : 12 VVVeeerrrtttiiicccaaalll SSScccaaallleee ::: 112050000%%% Size : 14 I Baseline Shift : กำหนดตัวห้อยหรอื ตวั ยกของตัวอกั ษร Size : 16 ค่าปกติคือ 0 ค่าลบจะไดต้ วั ห้อย คา่ บวกจะได้ตัวยก Size : 20 - 12 pt : Baseline Shift - 6 pt : Baseline Shift Size : 25 0 pt : Baseline Shift D Leading : กำหนดคา่ ระยะหา่ งระหว่างบรรทดั Auto : Leading 3 pt : Baseline Shift Adjustments 12 pt : Baseline Shift 6 pt : LAedajdusintmg ents J Character Rotation : ใชส้ ำหรบั หมุนตัวอักษรใหเ้ อยี ง เมอื่ 18 pt : Leading กำหนดค่าเปน็ ลบตวั อักษรจะหมุนเอยี งตามเขม็ นาฬิกา หาก Adjustments กำหนดคา่ เปน็ บวกตวั อักษรจะหมุนเอียงทวนเขม็ นาฬกิ า 24 pt : Leading Adjustments - 45 :ํ 0 ํ : Rotation E Kerning : กำหนดระยะห่างระหวา่ งตัวอักษร เปน็ การ 45 ํ: กำหนดระยะห่างเฉพาะจดุ ทคี่ ลกิ วางเคอร์เซอร์ K ใส่เสน้ ใตใ้ หก้ บั ตัวอกั ษรหรือใสเ่ สน้ ขีดฆ่าทับตวั อกั ษร ABCD : - 100 ABCD : 0 Underline ABCD : 100 Strikethrough ภาพตัวอยา่ งเปน็ การวางเคอรเ์ ซอรร์ ะหว่าง B และ C L Language กำหนดภาษาของข้อความทใ่ี ช้ จะมผี ลตอ่ การ ตดั คำและตรวจสอบตัวสะกด F Tracking : กำหนดระยะหา่ งระหวา่ งตัวอกั ษร โดยทำการ แดรกเมาสต์ ัวอกั ษรที่ตอ้ งการปรับแต่ง แล้วกำหนดคา่ ทีต่ อ้ ง เลือกรูปแบบตวั อักษรจากเมนูบาร์ การลงในชอ่ ง Tracking นอกจากเปลี่ยนรูปแบบ ขนาดและสีตัวอกั ษรจาก Panel ABCD: - 100 CHARACTER แล้ว เรายงั สามารถเลือกรูปแบบตัวอักษรจาก ABCD : 0 เมนูบาร์ได้ โดยคลกิ ท่ี เมนู Type > Font จากนนั้ จะปรากฏ AB CD : 100 แบบอกั ษรขน้ึ มาให้เราเลือกใชง้ าน และยงั สามารถกำหนดตวั หนาเอยี งใหก้ ับอักษรได้อีกดว้ ย G Horizontal Scale : ใช้ปรับความกว้างของตวั อักษร โดย ความกวา้ งของตัวอกั ษรปกติเท่ากับ 100% 36 HorizontalScale:50% Horizontal Scale : 50%

แบบอกั ษรท่ปี รากฏขึ้นมานนั้ จะแสดงรปู แบบให้เราเหน็ การตกแต่งตวั อกั ษร อยา่ งชัดเจน จงึ สะดวกในเลือกแบบอักษรเพ่ือนำไปใชง้ าน รู้จักอักขระพเิ ศษ ( Panel GLYPHS ) เม่ือเราสร้างตวั อกั ษรขนึ้ มาแล้ว เราสามารถตกแตง่ ตัวอักษร ทสี่ รา้ งขึน้ ใหส้ วยงามได้หลายวิธีเชน่ การเปล่ยี นสพี ้นื และสเี สน้ อักขระพิเศษหรือสญั ลกั ษณ์ตา่ งๆทีไ่ ม่สามารถพิมพจ์ าก การทำตวั อกั ษรใหพ้ ร้ิวไหว การใส่ Style ให้กับตัวอักษร การใสสี คีย์บอรด์ เมอ่ื เราต้องการนำมาใช้หรือแทรกลงไปในชิน้ งาน แบบไลโ่ ทนสี หรอื การใสส่ ีแบบ Pattern เป็นตน้ โดยการตกแต่ง เราสามารถเรียกใชไ้ ด้โดย คลกิ เมู Type > GLYPHS จากนัน้ ดงั กลา่ วสามารถทำได้ดังนี้ จะปรากฏ Panel GLYPHS ขึ้นมา เปลย่ี นสพี ้ืนและสีเสน้ ใหต้ วั อักษร แสดงอกั ขระ ตัวอักษรที่สร้างข้นึ ด้วยโปรแกรม Illustrator จะเหมอื นกบั วัตถุท่ีถูกสรา้ งขน้ึ ทั่วๆไป สามารถเปลย่ี นสีพืน้ และสเี สน้ ไดโ้ ดย เล่ือนดูอักขระ ใช้หลักการเดียวกนั สามารถทำได้ดังน้ี ทั้งหมดทีม่ ี 1. ใชเ้ ครอื่ งมอื Selection Tool คลิกเลือกขอ้ ความท่ี อักขระในแบบ เลือกสไตล์ ย่อ/ขยายการ ตอ้ งการเปลี่ยนสีพ้นื และสีเสน้ ตัวอักษร5. อักษรต่างๆ ของอกั ขระ แสดงอักขระ 2. เลือกสพี ้นื ท่ตี ้องการ 3. เลอื กสีเสน้ และกำหนดขนาด 4. คลกิ ที่ชอ่ ง Dashed Line เพอ่ื สร้างเส้นประให้กับเส้นขอบ 5. จะไดต้ วั อกั ษรที่ตอ้ งการดังภาพ TSU TSU 1. 2. 3. การใช้งานอักขระพิเศษจาก Panel GLYPHS 4. เมื่อต้องการแทรกอกั ขระพเิ ศษหรอื สญั ลักษญ์ตา่ งๆในชน้ิ ทำตวั ตวั อกั ษรให้พร้วิ ไหว งาน เราสามารถทำไดโ้ ดย 1. คลกิ เครื่องมอื Type Tool แลว้ ดับเบล้ิ คลิกกำ วิธีการตกแต่งตัวอักษรใหส้ วยงามอีกวิธหี นงึ่ คือ ทำตัวอักษร หนดจุดทีต่ อ้ งการแทรกอกั ขระพิเศษ ใหพ้ ริ้วไหวดสู วยงามขน้ึ ด้วยคำส่ัง Make With Warp สามารถ 2. เรียก Panel GLYPHS ขึน้ มาโดย คลกิ เมนู Type > ทำไดด้ งั นี้ Glyphs 3. เลอื กรูปแบบอกั ษรเพ่ือหาอักขระท่ีตอ้ งการ 1. สรา้ งขอ้ ความทต่ี ้องการขนึ้ มา 4. ดับเบิ้ลคลกิ อักขระเพือ่ แทรกลงยงั จุดทีก่ ำหนด 2. คลกิ เมนู Object > Envelope > Make With Warp หรือ 5. จะได้อักขระทีเ่ ลอื กไว้ สามารถปรบั แต่งขนาดสีสนั และ ตกแตง่ เพ่มิ เติมได้ในภายหลงั คลิกปมุ่ ( Make Envelope ) บน Panel Control จากนั้นจะปรากฏหนา้ ตา่ ง Warp Options ขนึ้ มา CompuѰ niversity 3. เลือกรูปแบบการบิดตวั อกั ษรจากน้ันจงึ ทำการปรับค่าและ ตกแตง่ ใหส้ วยงาม 1. ter Center Thaksin U 4. จะได้ตัวอกั ษรพริว้ ตามตอ้ งการ 4. 5. thaksin university 1. 3. 2. 3. 2. 37

4. 4. คลิกเลอื กแบบโทนสที ตี่ ้องการ ตวั อักษรพร้ิวทีป่ รับแตง่ ด้วย Warp Options 5. จะไดต้ วั อักษรแบบไล่โทนสีตามตอ้ งการ ใส่ Style ให้ตวั ตวั อักษร COMP1. UTER เราสามารถนำสไตลจ์ าก Panel GRAPHIC STYLES มา 2. 3. เพมิ่ ความสวยงามให้กับตวั อกั ษรไดอ้ ีกวธิ ีหนึ่ง ซง่ึ ใน Panel GRAPHIC STYLES นนั้ มีรูปแบบสไตลจ์ ดั ไวเ้ ป็นหมวดหมู่ 4. ใหเ้ ราเลือกใช้งานมากมาย โดยสามารถทำไดด้ ังน้ี COMPUTER 1. คลกิ ข้อความที่ตอ้ งการใส่สไตล์ 5. 2. เรียก Panel GRAPHIC STYLES ข้นึ มา โดยคลิกที่เมนู การกำหนดรูปแบบการไล่โทนสบี นตวั อกั ษร Window > Graphic Styles 3. เลือกหมวดหมู่สไตล์ โดยคลกิ ที่ Graphic Styles เมอ่ื เราสร้างตัวอกั ษรแบบไลโ่ ทนสีข้ึนมาเสร็จแลว้ ขั้นตอนตอ่ ไปจะเปน็ การกำหนดรูปแบบการไลโ่ ทนสบี นตัวอักษรโดยมขี น้ั Libraries Menu ตอนดังตอ่ ไปนี้ 4. เลือกรปู แบบท่ตี อ้ งการใช้งาน 5. จะไดร้ ปู แบบตัวอกั ษรตามตอ้ งการ 1. คลิกตวั อกั ษร 2. เรยี ก Panel GRADIENT ขึ้นมา โดยคลิกทีเ่ มนู COMPUTER CENTER 1. Window > Gradient หรอื กด < Ctrl + F9 > 3. กำหนดรปู แบบการไล่โทนสีตัวอักษรตามต้องการ 3. 4. จะได้ตวั อกั ษรดงั ภาพตวั อยา่ ง 2. COMPUTER 4. 1. 5. 2. 3. ใสส่ แี บบไลโ่ ทนสใี ห้กบั ตัวอักษร COMPUTER 4. เราสามารถสรา้ งตวั อกั ษรแบบไล่โทนสที ี่สวยงามได้โดย 38 การใช้ Panel APPEARANCE เขา้ มาช่วย ซ่งึ จะมวี ธิ กี ารดัง ต่อไปน้ี 1. สร้างขอ้ ความท่ตี อ้ งการ 2. เรยี ก Panel APPEARANCE ข้ึนมา โดยคลิกทเ่ี มนู Window > Appearance หรือกด < Shift + F6 > 3. คลกิ ปมุ่ Add New Fill เพื่อสรา้ งสพี ื้นข้นึ มาใหมโ่ ดยมี ขอบเขตเทา่ กบั พน้ื ทต่ี วั อกั ษร

ใสส่ ีแบบ Pattern ให้กบั ตวั อักษร 4. ใชเ้ ครือ่ งมอื Direct Selection Tool เลือกจดุ แอง เคอรแ์ ล้วปรับแต่ง handle ให้ตัวอกั ษรเปล่ยี นรปู ทรงตาม เราสามารถใชโ้ ทนสแี บบ Pattern มาตกแต่งตัวอักษรให้ ท่ตี ้องการ สวยงามไดโ้ ดยใช้ Panel APPEARANCE เขา้ มาช่วย โดยมีวธิ ี การดังต่อไปนี้ 5. จะไดต้ วั อักษรท่มี ีรูปทรงตามที่เราปรับแต่ง 1. สรา้ งข้อความที่ต้องการ Shape 2. เรียก Panel APPEARANCE ขึน้ มา โดยคลกิ ทเ่ี มนู 1. Window > Appearance หรือกด < Shift + F6 > 3. 3. คลิกปุ่ม Add New Fill เพ่ือสร้างสีพ้ืนขึ้นมาใหม่โดยมี 4. ขอบเขตเท่ากบั พ้ืนท่ีตัวอักษร 2. 4. คลิก Swatch Libraries Menu 5. เลือกแบบ Pattern 6. เลอื กลาย Pattern 7. จะได้ตวั อักษรลาย Pattern ท่ตี ้องการ PATTERN COLOR 1. 2. 5. 3. การจดั การขอ้ ความดว้ ย Panel PARAGRAPH 4. การจดั การกับข้อความแบบย่อหน้า เพ่อื ใหข้ อ้ ความที่สร้างขึน้ 6. มคี วามเปน็ ระเบียบเรยี บรอ้ ยนา่ อา่ นและนา่ สนใจ เชน่ การจัดตำ 5. แหน่งขอ้ ความชิดซ้าย กึ่งกลาง หรอื ชดิ ขวานน้ั สามารถทำได้ ดว้ ย Panel PARAGRAPH เราเรยี กใช้ Panel PARAGRAPH ได้ PATTERN COLOR โดยไปที่ Window > Type > Paragraph หรือกด < Alt + Ctrl + 7. T > จะมีสว่ นประกอบทีส่ ำคัญดังตอ่ ไปน้ี แปลงตัวอักษรให้เปน็ Shape ดว้ ย Create Outlines AB เราสามารถปรบั รปู แบบตัวอกั ษรตวั ใดตวั หน่ึงหรือท้งั หมด DC ใหย้ ืดหรือหดไดต้ ามต้องการ หรือแก้ไขรูปทรงเดมิ ของตัวอักษร E นั้นให้บิดเบ้ยี วพริ้วไหวเหมอื นอยากที่จะให้เป็นไดด้ ว้ ยการใช้ คำสง่ั Creat Outlines ตวั อกั ษรนั้น ให้กลายเปน็ Shape ก่อน F จงึ ทำการแกไ้ ขตวั อักษรเหล่านนั้ ได้ ซึง่ มวี ธิ กี ารทำดังต่อไปนี้ A Text Alignment 1. สรา้ งข้อความทต่ี อ้ งการข้นึ มา ใช้จดั ตำแหน่งขอ้ ความชิดซา้ ย กงึ่ กลาง หรอื ชิดขวาในกล่อง 2. คลกิ เมนู Type > Create Outlines เพื่อแปลงตวั อักษร ข้อความท่ีสรา้ งขน้ึ ให้กลายเปน็ Shape แตต่ ัวอกั ษรนัน้ จะรวมกล่มุ กันอยู่ 3. ใชเ้ ครอ่ื งมือ Selection Tool คลิกขวาบนตัวอกั ษร Illustrator CS4 By. COMPUTER CENTER จากน้ันเลอื กคำสง่ั Ungroup THAKSIN UNIVERSITY : PHATTHALUNG CAMPUS ตวั อยา่ งการจดั ตำแหนง่ ตวั อักษรแบบชดิ ซา้ ย 39

Illustrator CS4 Illustrator CS4 Illus- By. COMPUTER CENTER trator CS4 Illustrator THAKSIN UNIVERSITY : PHATTHALUNG CAMPUS CS4 Illustrator CS4 ตัวอยา่ งการจดั ตำแหน่งตวั อกั ษรแบบก่งึ กลาง By. COMPUTER CENTER By. COMPUTER CENTER Illustrator CS4 THAKSIN UNIVERSITY : PHATTH- By. COMPUTER CENTER ALUNG CAMPUS THAKSIN UNIVER- THAKSIN UNIVERSITY : PHATTHALUNG CAMPUS SITY : PHATTHALUNG CAMPUS ตัวอยา่ งการจดั ตำแหนง่ ตัวอกั ษรแบบชิดขวา THAKSIN UNIVERSITY : PHATTH- ฺB Text Justify ALUNG CAMPUS ใชจ้ ัดตำแหน่งตัวอกั ษรแบบกระจายขอ้ ความชดิ ซ้าย ชดิ กระจายตวั อกั ษรใหเ้ ต็มกรอบขอ้ ความ ขวา ก่งึ กลาง หรอื แบบเต็มกรอบขอ้ ความ ฺC Left Indent และ Right Indent Illustrator CS4 Illus- ใช้เวน้ ระยะตัวอักษรให้ห่างจากกรอบขอ้ ความ เพอ่ื กำหนด trator CS4 Illustrator CS4 Illustrator CS4 ไมใ่ ห้ขอ้ ความทบั ภาพประกอบ หรือเพือ่ ไมใ่ ห้ขอ้ ความตดิ กัน By. COMPUTER CENTER แน่นเกินไป By. COMPUTER CENTER Thaksin University Thaksin Thaksin University Thaksin THAKSIN UNIVERSITY : PHATTH- University Thaksin University University Thaksin ALUNG CAMPUS THAKSIN UNIVER- SITY : PHATTHALUNG CAMPUS Thaksin University Thaksin University Thaksin University THAKSIN UNIVERSITY : PHATTH- University Thaksin University Thaksin University Thaksin ALUNG CAMPUS Thaksin University Thaksin University Thaksin University University Thaksin University Thaksin University Thaksin ใหต้ วั อกั ษรชิดซา้ ยและกระจายเต็มกรอบขอ้ ความ Thaksin University Thaksin University Thaksin University University Thaksin University Thaksin University Thaksin Illustrator CS4 Illus- Thaksin University Thaksin University Thaksin University trator CS4 Illustrator University Thaksin University Thaksin University Thaksin CS4 Illustrator CS4 Left Indent : 0 pt Left Indent : 10 pt By. COMPUTER CENTER By. COMPUTER CENTER แสดงตวั อย่างการเวน้ ระยะตัวอักษร Left Indent THAKSIN UNIVERSITY : PHATTH- Thaksin University Thaksin Thaksin University Thaksin ALUNG CAMPUS THAKSIN UNIVER- University Thaksin University University Thaksin SITY : PHATTHALUNG CAMPUS THAKSIN UNIVERSITY : PHATTH- Thaksin University Thaksin University Thaksin University University Thaksin University Thaksin University Thaksin ALUNG CAMPUS Thaksin University Thaksin University Thaksin University ให้ตัวอักษรอยู่กึ่งกลางและกระจายเตม็ กรอบข้อความ University Thaksin University Thaksin University Thaksin Illustrator CS4 Illus- Thaksin University Thaksin University Thaksin University trator CS4 Illustrator University Thaksin University Thaksin University Thaksin CS4 Illustrator CS4 Thaksin University Thaksin University Thaksin University By. COMPUTER CENTER University Thaksin University Thaksin University Thaksin By. COMPUTER CENTER Right Indent : 0 pt Right Indent : 10 pt THAKSIN UNIVERSITY : PHATTH- ALUNG CAMPUS THAKSIN UNIVER- แสดงตวั อย่างการเว้นระยะตวั อกั ษร Right Indent SITY : PHATTHALUNG CAMPUS THAKSIN UNIVERSITY : PHATTH- Dฺ First-Line Left Indent กำหนดคา่ ยอ่ หน้าให้กบั ตัวอกั ษร โดยการคลิกหนา้ ขอ้ ความ ALUNG CAMPUS ทเี่ ราจะย่อหนา้ จากนัน้ กำหนดค่าตามท่ีต้องการ เสรจ็ แลว้ เมือ่ เรา ให้ตัวอักษรชดิ ขวาและกระจายเตม็ กรอบข้อความ พิมพข์ ้อความ แลว้ Enter เพ่อื ข้นึ บรรทัดใหมโ่ ปรแกรมกจ็ ะขน้ึ ย่อ หน้าใหม่ใหเ้ ราตามค่าทีไ่ ดก้ ำหนดไวท้ นั ที 40

First-Line Left Indent First-Line First-Line Left Indent การตัดข้อความล้อมภาพด้วยคำสง่ั Text Wrap Left Indent First-Line Left Indent First-Line Left Indent First-Line First-Line Left Indent First-Line Left Indent First-Line Left Indent การสรา้ งชน้ิ งานบางช้นิ อาจมีการใชร้ ปู ภาพและตวั อกั ษร Left Indent First-Line Left Indent First-Line Left Indent First-Line บรรยายประกอบภาพ เชน่ โปสเตอรโ์ ฆษณาหรือโบรชัวร์ต่างๆ First-Line Left Indent First-Line ซ่ึงในการวางตำแหนง่ ตัวอกั ษรและรูปภาพใหส้ ัมพนั ธก์ ันและเกิด Left Indent First-Line Left Indent Left Indent First-Line Left ความสวยงามได้น้นั มีหลากหลายวธิ ีการ การตัดขอ้ ความล้อม First-Line Left Indent First-Line Indent First-Line Left Indent ภาพดว้ ยคำสง่ั Text Wrap ก็เปน็ อีกวธิ กี ารหนง่ึ ทนี่ ยิ มใช้กนั อย่าง Left Indent First-Line Left Indent First-Line Left Indent First-Line กว้างขวางทำใหง้ านออกมาดูสวยงามภาพและตัวอักษรดูสัมพนั ธ์ First-Line Left Indent First-Line กนั เราสามารถทำการตดั ขอ้ ความล้อมภาพได้โดย Left Indent Left Indent First-Line Left Indent First-Line Left Indent 1. คลกิ ท่ีเครอ่ื งมือ Type Tool แลว้ แดรกเมาส์เพือ่ สร้าง First-Line Indent กรอบข้อความข้นึ มา First-Line Left Indent : 0 pt First-Line Left Indent : 10 pt 2. พมิ พข์ อ้ ความท่ตี อ้ งการ ตวั อยา่ งการกำหนดคา่ การยอ่ หนา้ ให้กบั ตัวอกั ษร 3. นำภาพประกอบมาวางไวบ้ นขอ้ ความ 4. คลกิ เมนู Objact > Text Wrap > Make จากนัน้ ขอ้ ความก็ Eฺ Space before และ Space after paragraph กำหนดระยะห่างระหว่างย่อหน้าให้กับตัวอกั ษร จะลอ้ มภาพประกอบทันที First-Line Left Indent First-Line Left Indent 1. 2. 3. First-Line Left Indent First-Line First-Line Left Indent First-Line Left Indent First-Line Left Indent Left Indent First-Line Left Indent The World The World The World The World The World First-Line Left Indent First-Line First-Line Left Indent First-Line The World The World The World The World The World The World The World The World The World The World Left Indent First-Line Left Left Indent First-Line Left The World The World The World The World The World Indent First-Line Left Indent Indent First-Line Left Indent The World The World The World The World The World First-Line Left Indent First-Line First-Line Left Indent First-Line The World The World The World The World The World The World The World The World The World The World Left Indent First-Line Left Left Indent First-Line Left The World The World The World The World The World Indent First-Line Left Indent Indent First-Line Left Indent The World The World The World The World The World First-Line Indent The World The World The World The World The World Space before : 5 pt The World The World The World The World The World Space before : 0 pt Space after paragraph : 0 pt The World The World The World The World The World Space after paragraph : 0 pt The World The World The World The World The World First-Line Left Indent First-Line Left Indent The World The World The World The World The World First-Line Left Indent First-Line First-Line Left Indent First-Line The World The World The World The World The World Left Indent First-Line Left Indent Left Indent First-Line Left Indent First-Line Left Indent First-Line First-Line Left Indent First-Line The World The World The World The World Left Indent First-Line Left Left Indent First-Line Left The World Indent First-Line Left Indent Indent First-Line Left Indent The World The World First-Line Left Indent First-Line First-Line Left Indent First-Line The World The World The World Left Indent First-Line Left Left Indent First-Line Left The World The World The World The World Space before : 5 pt Space before : 7 pt The World Space after paragraph : 5 pt Space after paragraph : 7 pt The World The World The World The World The World The World The World The World The World The World ตัวอย่างการกำหนดระยะหา่ งระหว่างยอ่ หน้าให้กับตัวอักษร 4. ฺF Automatic hyphenation กำหนดการตดั คำใหแ้ กต่ วั อกั ษรเมอื่ ขึ้นบรรทัดใหม่ เมอ่ื ได้ข้อความลอ้ มภาพแล้วจะเห็นได้วา่ ข้อความกับภาพที่ ไดน้ นั้ ห่างกนั เกนิ ไป ดูไม่สัมพนั ธก์ นั เราจงึ ตอ้ งมาทำการปรับแต่ง เพ่ิมเติมในส่วนของการกำหนดระยะหา่ งของข้อความกับภาพ ดงั น้ี 1. ใชเ้ คร่ืองมอื Selection Tool คลิกทร่ี ูปภาพ 2. คลิกเมนู Object > Text Wrap > Text Wrap Potions จากนั้นจะปรากฏหนา้ ต่าง Text Wrap Potions ขึ้นมา 41

3. คลกิ ท่ีชอ่ ง Preview เพื่อดูการเปลีย่ นแปลงของตัวอกั ษร 2. 4. ทำการกำหนกคา่ ระยะหา่ งของขอ้ ความในช่อง Offset 5. จะได้ระยะห่างของตวั อักษรกบั ภาพตามท่ีเราต้องการ 4. 5. 3. 4. 2. 3. 6. The World The World The World The World The World 7. The World The World The World The World The World The World The World 1. The World The World The World The World The World 1 Area Type Type Options The World The World Options 2 Area 9 Area Type The World Type Options Options 10 Area The World The World 3 Area Type Type Options The World The World The World Options 4 Area 11 Area Type The World The World The World The World The World Type Options Options 12 Area The World The World The World The World The World 5 Area Type Type Options The World The World The World The World The World Options 6 Area 13 Area Type Type Options Options 14 Area 5. 7 Area Type Type Options Options 8 Area 15 Area Type การแบง่ ข้อความเปน็ คอลมั น์ อีกวิธใี นการจัดการขอ้ ความคอื การแบ่งข้อความออกเป็น 8. คอลัมน์ ซ่ึงเป็นทีน่ ยิ มในการใชส้ ร้างโบรชัวร์และนติ ยสารตา่ งๆ ซ่งึ ในการแบง่ ขอ้ ความออกเปน็ คอลัมน์นั้นเพื่อช่วยให้ขอ้ ความ Note................................................................... เหลา่ นั้นดูเปน็ ระเบยี บและงา่ ยตอ่ การอา่ น โดยสามารถทำได้ .......................................................................... ดงั น้ี .......................................................................... 1. คลิกท่เี ครือ่ งมอื Type Tool แล้วแดรกเมาส์เพ่ือ .......................................................................... .......................................................................... สร้างกรอบข้อความข้นึ มาแลว้ พิมพข์ อ้ ความทต่ี ้องการ 2. คลิกเมนู Type > Area Type Options จะปรากฏหนา้ ตา่ ง Area Type Options ขึ้นมา 3. คลิก Preview เพื่อดูการเปล่ียนแปลงขณะปรับคา่ 4. กำหนดจำนวนแถวและคอลมั นท์ ีต่ อ้ งการ 5. กำหนดระยะห่างระหวา่ งคอลมั น์ 6. กำหนดระยะหา่ งของตวั อักษรกบั กลอ่ งข้อความ 7. กำหนดทศิ ทางของขอ้ ความเม่อื แบ่งออกเปน็ หลายแถว หรือหลายคอลัมน์ 8. จะได้ขอ้ ความที่แบง่ แล้วตามต้องการ 1 Area Type Options 2 Area Type Options 3 Area Type Options 4 Area Type Options 5 Area Type Options 6 Area Type Options 7 Area Type Options 8 Area Type Options 9 Area Type Options 10 Area Type Options 1. 11 Area Type Options 12 Area Type Options 13 Area Type Options 14 Area Type Options 15 Area Type Options 16 Area Type Options 17 Area Type Options 18 Area Type Options 19 Area Type Options 20 Area Type Options 21 Area Type Options 22 Area Type Options 23 Area Type Options 24 Area Type Options 42

บทท่ี 6 คณุ สมบัติของ Panel STROKE Fill and Stroke เราสามารถกำหนดลกั ษณะเพมิ่ เตมิ ใหก้ บั เส้นขอบได้มากมาย จาก Panel STROKE เช่นการกำหนดลกั ษณะของหวั เส้น การ วัตถทุ ่ีเราสร้างขึ้นจากเครอ่ื งมือตา่ งๆ เชน่ Type Tool, กำหนดรปู แบบมมุ ของ Stroke การกำหนดตำแหนง่ แกนเส้นให้ Pen Tool, Pencil Tool, Line Tool, Paintbrush Tool, หรือ กับ Stroke การกำหนด Stroke ใหเ้ ป็นเสน้ ประ แมแ้ ต่กระทั่งเครอ่ื งมอื ในกลุ่ม Rectangle Tool, วัตถเุ หลา่ นนั้ จะประกอบดว้ ยสีพน้ื ( Fill ) และสเี สน้ ( Stroke ) เราสามารถ กำหนดลกั ษณะหัวเสน้ เปล่ียนสีพ้นื และสเี ส้นให้กับชิ้นงานทีส่ รา้ งขึ้นได้ เช่นลงสแี บบ ธรรมดา ลงแบบไลโ่ ทนสี หรอื ลงสแี บบ Pattern เพ่ือให้ชิน้ งาน การกำหนดลกั ษณะหวั เส้นสามารถทำได้โดย คลกิ เสน้ ทต่ี อ้ ง การกำหนดคณุ ลกั ษณะ จากน้นั เลอื กแบบท่ตี ้องการ 3 แบบดงั นี้ 5ออกมาดโู ดดเดน่ สวยงาม สีพนื้ ( Fill ) กำหนดลักษณะหัวเส้น สีเส้น ( Stroke ) Butt Cap : หัวเส้นแบบตดั การลงสแี บบต่างๆ ท่กี ล่าวมาน้นั ผู้อ่านสามารถศึกษา หวั เส้นกบั แกนเสน้ จะเทา่ กัน วธิ ีการในบท Color และ Type Tool ซึง่ ไดก้ ล่าวมาแลว้ และใน บทตอ่ ไปจะกล่าวถงึ เสน้ ขอบ ( Stroke ) Round Cap : หวั เสน้ แบบโค้งมน Projecting Cap : หวั เส้นแบบตดั หวั เสน้ จะมีความยาวกวา่ แกนเสน้ Stroke ( เส้นขอบ ) กำหนดรูปแบบมมุ เส้นขอบ เราสามารถเพ่ิมหรือลดขนาดเส้นขอบทส่ี ร้างขน้ึ ได้และ สามารถกำหนดสีให้กบั เส้นขอบได้ตามต้องการเหมือนกับการ การกำหนดรปู แบบมมุ เสน้ ขอบสามารถทำไดโ้ ดยคลิกวัตถุท่ี กำหนดสพี ื้น ( Fill ) และสามารถกำหนดเส้นขอบให้เปน็ เสน้ ต้องการกำหนดมมุ จากนัน้ เลือกรปู แบบทตี่ ้องการ 3 แบบดงั น้ี ประได้ กำหนดรูปแบบมุมเสน้ ขอบ การกำหนดสีและขนาดของเสน้ ขอบ Miter Joint : มมุ เหลี่ยม การกำหนดสแี ละขนาดของเสน้ ขอบสามารถทำไดด้ งั นี้ 1. คลิกเลอื กวัตถุ 2. กำหนดสีให้กับเส้นขอบ บน Panel Control 3. กำหนดขนาดเสน้ 4. จะไดส้ ีและขนาดของเส้นขอบตามตอ้ งการ 2. 3. 1. 4. Round Joint : มมุ โคง้ Bevel Joint : มมุ ตัด เรายังสามารถกำหนดขนาดของเส้นขอบด้วย Panel กำหนดตำแหน่งแกนเส้นใหก้ บั Stroke STROKE ไดโ้ ดยคลิกทีเ่ มนู Window > Stroke หรือกดปมุ่ ลดั < Ctrl + F10 > เพื่อเรียก Panel Stroke ข้ึนมา จากนัน้ จึงทำ เราสามารถกำหนดตำแหน่งแกนเส้นให้กับ Stroke ได้ วา่ ต้อง การกำหนดขนาดของเสน้ ตามต้องการ การใหอ้ ยตู่ ำแหนง่ ใดซง่ึ มดี ้วยกนั 3 รปู แบบคอื ให้แกนเสน้ อยู่ ก่งึ กลางของ Stroke, ใหแ้ กนเสน้ อยู่ดา้ นนอกของ Stroke,และให้ แกนเส้นอยดู่ ้านในของ Stroke เพอื่ ใหไ้ ด้ลักษณะแกนเส้นท่เี หมาะ ในการบิดงอเส้น Path ตามความตอ้ งการในการสรา้ งช้นิ งาน ซ่งึ สามารถทำได้โดยคลกิ วตั ถทุ ่ีต้องการกำหนดตำแหน่งแกนเส้น จากนนั้ เลือกรปู แบบท่ีตอ้ งการ 3 แบบดงั น้ี 43