วิทยาลัยอาชีวศึกษาเชียงใหม่ Chiang Mai Vocational College

สื่อดิจิทัล (E -Book)

ให้ความรู้เบื้องต้นการใช้โปรแกรม Illustrator สำหรับผู้สนใจ

Basic Illustrator จัดทำโดย รหัสนักศึกษา ๖๔๓๐๓๐๘๐๐๐๖ นายชัยวุฒิ ปิ๊กต๊ะตอง รหัสนักศึกษา ๖๔๓๐๓๐๘๐๐๒๖ นางสาวชิดชนก นาพิกุล

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ

ก

คำนำ สื่อดิจิทัล (E-Book) ฉบับนี้จัดทำขึ้นเพื่อประกอบการใหความรูเบื้องตน การใชโปรแกรม Illustrator สำหรับผูสนใจ โดยมีจุดประสงคเพื่อใหผูจัดทำได ฝกการศึกษาคนควา และนำสิ่งที่ไดศึกษาคนความาสรางเปนชิ้นงานเก็บไวเปนป ระโยชนตอการเรียนการสอนของตนเองและครูตอไป ทั้งนี้ เนื้อหาไดรวบรวมมาจากหนังสือการใหความรูการใชโปรแกรม Illustrator และจากหนังสือคูมือการเรียนอีกหลายเลมขอขอบพระคุณอาจารย กฤษณ บัวสุขอยางสูงที่กรุณาตรวจ ใหคำแนะนำเพื่อแกไข ใหขอเสนอแนะ ตลอดการทำงาน ผูจัดทำหวังวารายงานฉบับนี้คงมีประโยชนตอผูที่นำไปใชให เกิดผลตามความคาดหวัง คณะผูจัดทำ

นาย ชัยวุฒิ นางสาว ชิดชนก

ปกตะตอง นาพิกุล

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ

ข

สารบัญ บทคัดยอ คำนำ สารบัญ สารบัญ บทที่1 แนะนำการใชโปรแกรม ทำความรูจักกับสวนตางๆ ของ โปรแกรม ADOBE ILLUSTRATOR เริ่มตนสราง ARTWORK วิธีใชงาน PATHFINDER ใน ILLUSTRATOR เครื่องมือออกแบบกราฟฟก พื้นฐานสำหรับสรางงานออกแบบ ลวดลาย (Tvace) การวาดรูปทรง ลากเสนตารางและเสนโคง ใน illustrator แกไขรูปทรงและวัตถุ

หนา ก ข ค 1 3 4 7 9 12 13 15

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ

ค

สารบัญ บทคัดยอ

บทที่ 2 เทคนิคตาง ๆ เกี่ยวกับโปรแกรม Adobe Il ustrator

หนา

ขั้นตอนการสรางดราฟรูป Adobe Illustrator

17

เทคนิคการใชงานเครื่องมือ BLEND TOOL Adobe Illustrator เทคนิค สรางสีขั้นเทพ เพิ่ม TEXTURE รูปของเรา ดวย เทคนิค MASK TEXTURE New Features สุดล้ำ Adobe Illustrator CC 2019

18 20 22 24

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ หน้า 1

บทที่

1

แนะนำการใชโปรแกรม Adobe Illustrator โปรแกรม Adobe Illustrator เปนโปรแกรมที่ใชสำหรับการสรางงาน กราฟกที่เปนภาพลายเสนหรือภาพประกอบซึ่งโปรแกรม Adobe Illustrator นี้จะนิยมใชในงานออกแบบผลงานตาง ๆ เชน โปสเตอรโลโก นามบัตร ออกแบบปก หนังสือ ฉลากสินคา ฯลฯ เปนตน

1.1 ทำความรูจักกับสวนตางๆ ของโปรแกรม Adobe Illustrator แถบคำสั่ง (MENU BAR) แถบคำสั่งของโปรแกรมทั้งหมดจะมีลักษณะเ หมือนเครื่องมือพื้นฐานของโปรแกรมออกแบบอื่น ๆ ซึ่งในตอนแรกเราไมจำ เปนตองมานั่งจำทั้งหมด ควรอานเพื่อทำความเขาใจไว ในอนาคตเมื่อเราใช โปรแกรมออกแบบเปนประจำก็จะสามารถจำคำสั่งพวกนี้ไดอัตโนมัติ

รูปแถบคำสั่งMENU BAR

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ หน้าที่ 2

โดยแถบคำสั่งแบงออกเปนหมวดหมู หรือประเภทตางๆดังนี้ - File ใชสำหรับจัดการไฟล เชน การ sava , เปด/ปดไฟล , การ Export หรือใชสำหรับปดโปรแกรม - Edit หมวดที่รวมรวบคำสั่งหรือการตั้งคาบางอยางไว เชน การตั้งคา Shortcut, Copy& Paste,ตัวอักษร - Object เปนหมวดที่รวบรวมคำสั่งสำหรับการทำงานของ object, สิ่งของ บนชิ้นงานของเรา - Type หมวดที่ใชทำงานกับ Font หรือตัวหนังสือ - Select เปนหมวดที่ทำงานกับ “การเลือก” ตัวอยางเชน เครื่องมือการเลือก หรือเครื่องมือ Select key ตางๆ - Effect หมวดหมูที่รวบรวม Effect ตางๆ สำหรับการใชงานทุกรูปแบบเอา ไวสำหรับใครที่เคยใชงานโปรแกรม Photoshop นาจะคุนเคยพวกคำสั่ง Effect พวกนี้ดี คำสั่งตางๆ ก็เหมือนกันดวย - View หมวดหมูที่รวมเครื่องมือที่ใชสำหรับมุมมองการาทำงานของเรา เชน การวัดระยะ หรือการใชไมบรรทัด เปนตน - Window คำสั่งในหมวด Window จะเปนคำสั่งจำพวกการเปดปด หรือ ตั้งคา Artwork (template) - Help เมนูชวยเหลือ เปนสวนที่รวบรวมคำแนะนำและชวยเหลือผูใชงาน ในดานตางๆ

แถบเครื่องมือ (Tools) แถบ เครื่องมือในสวนนี้จัดวาเปนหัวใจ หลักของการออกแบบโดยแถบ เครื่องมือจะเปนสวนที่เราจะไดใช งานกันบอยที่สุดเพราะมันจะรวม เครื่องมือทั้งหมดสำหรับที่เราจะ ใชสำหรับการออกแบบในโปรแกรม Adobe illustrator รูปแถบเครื่องมือ Tools

รูปชุดคำสั่งอื่นๆ Panel

ชุดคำสั่งอื่นๆ (Panel) ชุดคำสั่งทาง ดานขวามือจะมีชุดคำสั่งตางๆ (Panel) ที่เปนเหมือนแผงควบคุมของเครื่องมือ บางสวนไวไว เชน ตัวจัดการตัวอักษร, การจัดการ Layer เปนตน ซึ่งเรา สามารถตั้งคาหรือเลือกเครื่องมือที่มา แสดงได

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ หน้า 3

1.2 เริ่มตนสราง Artwork

สำหรับการทำงานออกแบบ ในทุกครั้งเราจะตองเริ่มจากการสราง Artwork หรือพื้นที่ของการทำงานสำหรับออกแบบกราฟฟก ซึ่งในโปรแกรมออกแบบ เราเรียกวา “Artboard” โดยการทำงานในรูปแบบตาง ๆ จะมีการตั้งคาหรือ รายละเอียดที่แตกตางกันออกไป เริ่มตนจากการเปดโปรแกรม โดยไปที File > New… จะมีหนาตางการตั้งคา ขึ้นมาตามภาพ

ภาพ File > New สำหรับโปรแกรม Adobe illustrator แถบเมนูดานบนจะแสดง Document แนะนำที่มาพรอมขนาดใหเราเลือก ซึ่งสะดวกมากและเราไมตองหาขนาดของ Artwork ในแบบตางๆ (หนาตาอาจแตกตางกันไปตามเวอรชั่น )

รูป Preset Details

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ หน้าที่ 4

1. ขนาดของ Artwork (กวาง, ยาว) 2. หนวยที่ใชในการตั้งคา และการทำงาน 3. Orientation หรือตัวกำหนดทิศทางที่จะบอกเราวาตอนนี้ Artwork ของเรา นั้นเปนแนวตั้งหรือแนวนอน 4. จำนวนของ Artwork ซึ่งเราสามารถสรางไดมากกวา 1 5. Bleed คือระยะหางจากขอบ Artwork โดยเราสามารถตั้งได ถาหากเปนมือ ใหมอาจจะไมเขาใจ วามันมีไวทำไม ซึ่งสวนนี้มีไวสำหรับงานพิมที่มีการเผื่อขอบ หรือ “ตัดตก” 6. Color Mode มีใหเลือก 2 แบบคือ RGB และ CMYK RGB: เหมาะกับงานที่แสดงผลบนจออยาง Presentation, “เว็บไซต, Animation, Social media banner CMYK: เหมาะสำหรับงานสื่อสิ่งพิมพทุกชนิด เชน โปสเตอร, Brochure, แผนพับ เรียบรอยแลวกด Create เทานี้เราก็จะได Artboard สำหรับเริ่มตนการทำงานแลว

1.3 วิธีใชงาน Pathfinder ใน Adobe Illustrator Pathfinder เปนหนึ่งในเครื่องมือบนโปรแกรม illustrator เปนเทคนิคที่ใชกัน แพรหลายในการทำงานบนโปรแกรม Illustrator มันคือเครื่องมือ ตัด ผสาน รูป ทรงที่เราตองการ เครื่องมือนี้สามารถประยุกตใชไดอยางหลากหลาย

รูปหนาตาของ Pathfinder

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ

วิธีใชงาน PATHFINDER

UNITE เครื่องมือนี้คือการผสานรูปทรงเขาดวยกัน โดยวิธีใชคือการนำรูป ทรงที่ 1(เชนวงกลม) ไปวางซอนกับรูปทรงที่ 2 (สีเหลี่ม) หลังจากกดใชเครื่องมือ รูปทรงทั้ง 2 จะผสานเปนรูปทรงเดียวกัน

ภาพกอนใช Unite

ภาพหลังใช Unite

รูปMINUS FRONT

หน้า 5

MINUS FRONT จะตรงกันขามกับ เครื่องมือแรก หลังจากกดใชรูปทรงที่ อยูดานบน จะตัดรูปทรงที่อยูดานลาง หายไป

รูป INTERSECT INTERSECT หลังจากใชเครื่องมือนี้ สวนที่ทับกันระหวาง 2 รูปทรงจะยังอยู แตสวนไหนที่ทั้งสองรูปทรงไมมีการซอน ทับกันจะถูกตัดออกไป

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ หน้า 6

รูป EXCLUDE

รูป DIVIDE

EXCLUDE จะตรงกันขามกับการ DIVIDE เมื่อกดใชเครื่องมืออาจจะไม Intersect คือสวนที่ซอนทับกันระหวาง เห็นความแตกตางที่เปลี่ยนไป ซึ่งเครื่อง มือ Divide จะตัดรูปทรงที่มีการซอน รูปทรงจะถูกตัดหายไป ทับกันออกเปนชิ้นๆ

รูป TRIM

รูป MERGE

TRIM ทำการตัดรูปทรงเชนเดียวกันกับ MERGE จะมีความคลายกับ Trim Divide แต Trim จะไมตัดรูปทรงที่มี จะเปนการตัดรูปทรงออกจากกัน รูป การซอนทับกัน แตจะตัดกันระหวางรูป ทรงไหนที่อยูด านบนจะไมถูกตัด ทรงทั้งหมด

รูป CROP

รูป OUTLINE

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ

CROP วัตถุจะโดนตัดเหลือเพียงสวนที่มี OUTLINE ตามชื่อเลยคือรูปทรงที่ถูก การซอนทับกันของรูปทรงเทานั้น แตขอ ใชเครื่องมือนี้จะเหลือเพียงเสนขอบ ดีคือจะยังเหลือโครงเสนของวัตถุที่เราทำ เหมาะกับรูปทรงทีม่ ีเสนขอบหนา ๆ การตัด ไมไดถูกลบหายไปไหน จะเห็นภาพไดชัดเจนขึ้น

1.4 เครื่องมือออกแบบกราฟฟก พื้นฐานสำหรับสรางงานออกแบบ - เครื่องมือ SELECTION เครื่องมือกลุมนี้ในโปรแกรมออกแบบกราฟฟก adobe illustrator เปนเครื่องมือในกลุมของการเลือกยายหรือหยิบจัดองค ประกอบบน artboard เมื่อมีการสรางอะไรก็ตามไมวาจะเปนภาพ ตัวหนังสือ รูป ทรงแบบตางๆ เราสามารถใชเครื่องมือในกลุม selection สำหรับหยิบ จับ ยาย องคประกอบพวกนี้ โดยเครื่องมือในกลุมนี้แบงออกเปน 2 ชนิด

รูป Selection(ลูกศรสีดำ)

Selection(ลูกศรสีดำ) เราสามารถใช เครื่องมือ selection ทำงานกับองค ประกอบไดทุกประเภท หน้า 7

รูป Direct Selection (ลูกศรสีขาว) Direct Selection (ลูกศรสีขาว) เครื่องมือนี้จะทำงานคลายกับตัวกอน หนาอยาง selection แตที่พิเศษกวาคือ direct selection สามารถทำงาน รวมกันกับ Shape ได และสามารถ เลือกชิ้นงานที่เปน group ไดโดยไมจำ เปนตองแยกหรือ ungroup

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ

สรุป : เครื่องมือชนิดนี้มีไวสำหรับเคลื่อนยายหรือจัดการองคประกอบในงานออก แบบกราฟฟก

รูปเครื่องมือ Type tool

รูปเครื่องมือ FILL & STROKE สีและเสน

เครื่องมือสรางตัวอักษร TYPE TOOL FILL & STROKE สีและเสน โปรแกรม เครื่องมือ Type tool คือเครื่องมือ adobe illustrator จะมีใหเราเลือกใช สำหรับสรางตัวอักษร พิมตัวอักษร งานทั้งในเรื่องของสีและเสน โดยเรา ยิ่งในเวอรชั่นใหม ๆ มีลูกเลนใหเลือก สามารถสังเกตไดตามภาพ มากมาย จะเห็นวาดานบนจะเปนสี (fill) สวนดานลางจะเปนเหมือนเสนขอบ (stroke) เราสามารถนำประยุกตใชงานไดกับองคประกอบอื่น ๆ ที่เราตองการสรางได โดย การในงานออกแบบ เราจะใชสีในเครื่องมือนี้เปนหลัก ที่สำคัญเราจะตองสังเกตวา มันถูกเลือกอยูที่สีไหน

รูปเครื่องมือการสราง SHAPE

หน้า 8

เครื่องมือการสราง SHAPE สำหรับการสรางรูปทรงตางๆ อีกหนึ่งเครื่องมือ ภาพ 19 ของการออกแบบกราฟฟ กที่ใชสำหรับการสรางรูปทรงแบบตางๆ

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ

- Rectangle Tool: เครื่องมือการสรางสี่เหลี่ยม - Rounded Rectangle Tool: เครื่องมือสรางสี่เหลี่ยมขอบมน - Ellipse Tool: เครื่องมือสรางวงกลม - Polygon Tool: เครื่องมือสรางโพลิกอน - Star Tool: เครื่องมือสรางรูปทรงที่เปนรูปดาว - Flare Tool: เครื่องมือตัวนี้เปนเครื่องมือที่ไมไดสรางรูปทรงแตอยางใด มัน ทำหนาที่ในการใชแสงจำลองขึ้นมาครับ Tip การใชงาน : สำหรับวิธีการใช Shape จะสามารถปรับลูกเลนเพิ่ม เติมไดโดยใหเราทำการเลือกเครื่องมือ shape(เลือกมา 1 แบบ) และใหทำการ คลิกคางที่ Artboard ของเราพรอมทั้งกดลูกศรขึ้น หรือลงบนคีบอรด มันจะ ใหผลที่ตางออกไปดังนี้ - Rounded Rectangle Tool: สามารถลดความมนของมุม (กดขึ้นเพื่อเพิ่ม กดลงคือลด) - Polygon Tool: สามารถเพิ่มหรือลดจำนวนของมุมที่ตองการได (กดขึ้นเพื่อ เพิ่ม กดลงคือลด) Star Tool: สามารถเพิ่มหรือลดจำนวนของมุมที่ตองการได (กดขึ้นเพื่อเพิ่ม กดลงคือลด) สำหรับการออกแบบกราฟฟก เกือบทุกงานที่เราจะตองใชเครื่องมือใน หมวดหมูนี้

1.5 ลวดลาย (Tvace) รูป หน้า 9

import (นำเขา) รูปที่จะทำเปน vector

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ หน้า 10

- import (นำเขา) รูปที่จะทำเปน vector. อยางหนึ่งที่คนชอบทำในโปรแกรม Illustrator ก็คือสรางรูป vector จากรูปที่ไดจากโปรแกรมอื่น (เชน ภาพ ลายเสนที่วาดเอง แลวเอามาสแกน หรือรูปที่สรางจาก Photoshop) คุณปรับ ขนาดรูป vector นี้ไดตามตองการ ไมตองกลัวรูปบิดเบี้ยวผิดสวน เลยเหมาะ จะใชทำงานพิมพ วิธี import หรือนำไฟลรูปเขาโปรแกรม Illustrator ก็คือ คลิกเมนู File ทางดานบน คลิก Placeเลือกรูปที่จะแกไข

ภาพคลิก Selection tool ภาพคลิกเมนู Window คลิก Selection tool. ที่เปนปุมลูกศร คลิกเมนู Window. ทางดานบนของ ทางดานบนของ toolbar ทางซาย หนาจอ (Mac) หรือทางดานบนของ โปรแกรม (PC)

คลิก Image Trace ติ๊กชองขาง "Preview คลิก Image Trace ในเมนู. เพื่อเพิ่ม ติ๊กชองขาง "Preview". มุมซายลาง ของกรอบ Image Trace กรอบ Image Trace ในหนาตาง โปรแกรม

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ

เลือกโหมดสีที่ตองการ จากเมนู "Mode เลือกโหมดสีที่ตองการ จากเมนู "Mode" เมนูนี้ก็อยูในกรอบ Image Traceเหมือน กัน เชน ถารูปเปนขาวดำ ให เลือก Black and White ในเมน ู ถารูปเปน grayscale ใหเลือก Grayscale เปนตน

ลากแถบเลื่อนไปที่ความลึกสีที่ตองการ

ลากแถบเลื่อนไปที่ความลึกสีที่ตองการ. แถบเลื่อนจะเขียนวา Color, Grayscale และ Threshold รูปตัวอยางจะเปลี่ยน ตาม ใหไดเห็นวาของจริงจะเปนยังไง

คลิก Advanced ในกรอบ Image Trace

คลิก Advanced ในกรอบ Image Traceเพื่อปรับตัวเลือกอื่นๆ. ที่คุณทำ ไดในสวนนี้คือ ลากแถบ "Paths" จนรูปดูชัดขึ้น - ลากแถบ "Corners" จนขอบรูปคมชัด (ไมคมชัดไปจนเห็นขอบขรุขระหรือสีเพี้ยน) - ลากแถบ "Noise" เพื่อลดจำนวนพิกเซลสวนเกินในรูปเวอรชั่นสุดทาย รูปคลิก Trace

คลิก Trace. ทางดานลางของกรอบ Image Trace เพื่อ trace หรือลอกลาย รูปตาม settings ที่กำหนด ไปกอนหนา หน้า 11

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ

1.6 การวาดรูปทรง

หน้า 12

คลิกเมาสที่หนากระดาษ

เซฟรูปเปนไฟล vector เซฟรูปเปนไฟล vector. ขั้นตอนคือ คลิกเมนู File คลิก Save Asเลือกตำแหนง เซฟไฟล แลวตั้งชื่อไฟล เลือก file type เปน Illustrator (*.AI) เพื่อเซฟงานเปนไฟล Illustrator หรือ เลือกSVG (*.SVG) ถาจะเซฟ vector เปนไฟลที่ใชกับเว็บไซตไดสะดวก คลิก Save

คลิก Shape tool คางไว คลิก Rectangle Tool คลิก Shape tool คางไว จะเปนสี่เหลี่ยม คลิก Rectangle Tool. เพื่อเลือก ใน toolbar ที่ยาวไปตามทางซายของหนาจอ tool ที่จะใชวาดสี่เหลี่ยมจัตุรัสและสี่ แลวจะเห็นเมนูของรูปทรงตางๆปรากฏขึ้นมา เหลี่ยมผืนผา ใหทำขั้นตอนนี้ ซ้ำทุกครั้งที่จะสลับไปมา ระหวาง shape tools

คลิก Shape tool คางไว แลวเลือก Polygon Tool

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ หน้า 13

คลิกเมาสที่หนากระดาษ แลวลากไปในทิศ คลิก Shape tool คางไว แลวเลือก ทางไหนก็ไดลากแลวรูปสี่เหลี่ยมผืนผาจะโผลมา Polygon Tool. เปน tool ใชกำหนดจำนวน ถาอยากจะวาดสี่เหลี่ยมจัตุรัสเปะๆ ใหลากจนมี ดานของรูปทรงที่ตองการ เสนสีชมพูลากเฉียงในรูปทรง เสนนี้ใชบอกวา สี่เหลี่ยมเทากันทุกดาน

คลิก 1 ครั้งที่หนากระดาษ เพื่อระบุจำนวนดาน คลิกแลวลากที่กระดาษ เพื่อวาดรูปทรง คลิก 1 ครั้งที่หนากระดาษ เพื่อระบุจำนวนดาน คลิกแลวลากที่กระดาษ เพื่อวาดรูปทรงก็ คลิกกระดาษแลวจะมี dialog box โผลมาใหพิมพ เหมือนตอนสรางรูปสี่เหลี่ยม คือคลิกแลวลาก จำนวนดานของรูปทรงนั้นไปตามตองการ เชน ออกไปจนไดรูปทรงนั้น ตามขนาดที่ตองการ คุณสรางวงกลมและดาวดวยเมนูนี้ได แบบ ถาอยากวาดรูป 8 เหลี่ยม ใหพิมพ 8 เดียวกับที่สรางรูปสี่เหลี่ยมและโพลีกอนอื่นๆ

1.7 ลากเสนตารางและเสนโคงใน Adobe Illustrator คลิก Pen tool ใน toolbar คางไว เปนปุมรูป ปากกา ทางขวาของหนาจอ แลวจะเห็นรายชื่อตัวเลือก ตางๆของ pen tool Pen tool ใชสราง path ได โดยลากเสนตรงหรือเสนโคง ซึ่งจะตางจากปากกาจริงๆ (หรือพูกันดิจิตอล (paintbrush tool)) ตรงที่ pen tool สรางเสนตรงและเสนโคง โดยใชจุด anchor points เชื่อมตอสวนตางๆ ของเสนเขาดวยกัน

คลิก Pen Tool

คลิก Pen Tool. ปกติจะเปนตัวเลือก แรกในเมนู tool

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ

คลิกเมาสตรงจุดที่อยากเริ่มลากเสน คลิกเมาสตรงจุดที่อยากเริ่มลากเสน เราจะเริ่มจากการสรางเสนตรงตอกันหลายๆ ครั้ง จะเกิดจุด anchor point (เปนจุดหรือสี่ เหลี่ยมเล็กๆ) ในกระดาษ อยาลากเมาสเหมือน เวลาลากเสนตามปกติ ใหคลิกไปเรื่อยๆ

ดทาย path (หรือเปดไวก็ได). พอสรางเสนตรงหรือ คลิกเพิ่ม anchor points เพื่อสรางเสนตรงเพิ่มขึ้น รูปปทรงตามต องการแลว ก็มี 1 - 2 ตัวเลือกใหไดทำตอไป

คลิกเพิ่ม anchor points เพื่อสรางเสนตรง เพิ่มขึ้น. anchor point ลาสุดที่คลิก จะขึ้นเปน สี่เหลี่ยมทึบ สวนจุดกอนๆ จะกลวง

คลิกจุดใหมคางไว เพื่อเริ่มสรางเสนโคง

หน้า 14

คลิกเมาสตรงจุดที่อยากใหสวนของเสน ตรงนั้นสิ้นสุด. ก็จะไดเสนตรงสวนหนึ่งขึ้นมา ถามีเสนบอกทิศทางรอบๆ สวนนั้น แสดงวา เผลอลาก tool แทนคลิกสรางจุด anchor point ใหมขึ้นมา

คลิกจุดใหมคางไว เพื่อเริ่มสรางเสนโคง ถาตอนแรกเลิกเลือก Pen Tool ไป ใหกลับไป เลือกอีกรอบ อยาปลอยนิ้วจากเมาสหลังคลิก หนากระดาษ

ถาจะสรางรูปทรงแบบปด ใหเลื่อนเคอรเซอรไปจอ anchor point แรกที่คลิก แลวคลิกจุดเล็กที่โผลมาขาง หัวปากกา คุณเลือกและแกไขรูปทรงนี้ได แบบเดียวกับ รูปทรงที่สรางดวย Shape toolถายังไมอยากจบ path ใหเลือก tool อื่น หรือกด Ctrl (PC) หรือ Cmd (Mac) ตอนคลิกที่วางในหนากระดาษ

ลากเคอรเซอรกำหนดความลาดเอียงของเสนโคง

ลากเคอรเซอรกำหนดความลาดเอียงของ เสนโคง. โดยลากไปในทิศทางที่อยากใหเสน สวนนั้นโคง พอไดความลาดเอียงตามตอง การแลว ก็ปลอยเมาสไดเลย

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ

คลิกจุดสิ้นสุดของสวนนั้นคางไว คลิกจุดสิ้นสุดของสวนนั้นคางไว อยา เพิ่งขยับเมาสไปไหน

สรางเสนโคงตัว C หรือ S

สรางเสนโคงตัว C หรือ S. จะลาก เคอรเซอรไปทางไหน ก็แลวแตลักษณะเสน โคงที่ตองการ ลากเคอรเซอรไปทิศทางตรงกันขามกับเสน กอนหนา จะไดเสนโคงรูปตัว C (arc) ลากเคอรเซอรไปทิศทางเดียวกับเสนกอน หนาจะไดเสนโคงรูปตัว S

จบ path (หรือทิ้งไวแบบนั้น) เพิ่มเติมสวนของเสนโคง เพิ่มเติมสวนของเสนโคง คลิกจุดใหม จบ path (หรือทิ้งไวแบบนั้น) เหมือน คางไว เพื่อเพิ่มเติมเสนโคงแลวลากไปใน ตอนสรางเสนตรง คือคุณจบ path หรือ ทิศทางที่ตองการเพื่อกำหนดความลาดเอียง จะทิ้งไวแบบนั้นก็ได เหมือนขั้นตอนกอนหนา ใหเพิ่มสวนของเสน โคงไปเรื่อยๆ จนจบ path

1.8 แกไขรูปทรงและวัตถุ หน้า 15

คลิก Selection tool. ที่เปนลูกศรดานบนสุดของ toolbar ที่ยาวไปตามดานซายของ หนาตางโปรแกรม นี่คือ tool ที่ตองใชในการเลือกและปรับแตงวัตถุที่มีในหนากระดาษ คุณใชวิธีนี้ปรับแตงรูปราง เสน และขอความที่เพิ่มเติมไปในเอกสารได

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ หน้าที่ 16

คลิก Selection tool

คลิกวัตถุที่จะแกไข

ลากปุม handle

คลิกวัตถุที่จะแกไข. เลือกวัตถุแลว จะมี กรอบพรอมปุม handle สำหรับปรับขนาดโ ผลขึ้นมา ถาจะเลือกหลายวัตถุพรอมกัน ใหกด Shift คางไว แลวคลิกเลือกแตละวัตถุ

ลากปุม handle ดานนอก ปรับใหไดขนาด ที่ตองการ. ลากปุม handle ไปทางไหน เทากับ ขยาย (หรือยอ) ขนาดวัตถุไปทางนั้นกด Shift คางไว เพื่อคงสัดสวนวัตถุ ถากลัวจะเปลี่ยน รูปรางไป

ถาจะยายวัตถุ ใหลากโดยคลิกที่ปุมตรงกลาง เปนวิธียายวัตถุอยางงายที่สุด[4] หรือกดปุม ลูกศรที่คียบอรดก็ไดเหมือนกัน ถาจะเคลื่อนยายวัตถุที่เลือกไวไปในระยะทางที่ กำหนด ใหคลิกเมนู Object คลิก Transform แลวคลิก Move เพื่อเปด dialog จากนั้นระบุ ตำแหนงที่ตองการ แลวคลิก OK จะ cut แลว paste แทนก็ได ใหคลิกเมนู Edit ทางดานบน เลือก Cut เพื่อลบวัตถุที่เลือกไว แลว copy ไวใน clipboard ตอมาคลิกเมนู Edit แลวเลือก Paste เพื่อใสกลับไปในเอกสาร

ใสสีใหวัตถุที่เลือก. ดับเบิลคลิกชอง Fill ในกรอบ Properties (ปกติจะอยูมุมขวาลาง ของหนาตางโปรแกรม) เพื่อเปดชองสีตางๆ แลวคลิกเลือกสีที่จะใสในวัตถุนั้น[5] ถาจะเปลี่ยนสีขอบวัตถุ ใหดับเบิลคลิกชอง Stroke ในกรอบ Properties แลวเลือกสีที่ ตองการ

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ

บทที่

2

เทคนิคตาง ๆ เกี่ยวกับโปรแกรม Adobe Illustrator

2.1 ขั้นตอนการสรางดราฟรูป Adobe Illustrator ขั้นที่ 1 กดเมนู FILE > NEW… เพื่อสรางชื้นงานใหมขึ้น

หน้าที่ 17

ขั้นที่ 2 ตั้งชื่อชิ้นงานและปรับคาขนาด ชิ้นงานตามที่ตองการ

ขั้นตอนที่ 3 ไปที่ FILE > PLACE เพื่อนำรูปเขามาดราฟ

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ

ขั้นตอนที่ 4 กดเพิ่ม Layers ขั้นมา 1 Layers ขั้นตอนที่ 4 กดเพิ่ม Layers ขั้นมา 1 Layers เพื่อจะสะดวกและเรียบรอยในการ ดราฟเสน และเลือกใชเครื่องมือ Pen Tool พรอมที่จะดราฟ

ขั้นตอนที่ 5 ใชเครื่องมือ Eyedropper Tool

ขั้นตอนที่ 5 ใชเครื่องมือ Eyedropper Tool แลวใสสีตามที่ตองการ เทคนิค เสนที่ ดราฟใหเราใชตัวเครื่องมือ Pencil Tool เพื่อปรับใหเสนลายเสนที่ออกมาจะถูกดัดใหตรง เปนสวนโคงแตจะพยายามรักษาเสนเดิมให มากที่สุด

2.2 เทคนิคการใชงานเครื่องมือ BLEND TOOL เครื่องมือ Blend tool เปนเครื่องมือการเชื่อมวัตถุอีกชิ้นไปยังวัตถุอีกชิ้น โดยเรา สามารถเชื่อมหรือทำวัตถุนั้นซ้ำๆจนถึงวัตถุอีกชิ้นนึงที่เชื่อมไวได เครื่องมือชิ้นนี้มีประโยชน อยางมากในการทำงานกราฟคออกแบบ สามารถประยุกตใชไดในหลายๆชิ้นงาน วันนี้เรา จะมาเรียนรูกับเจาเครื่องมือตัวนี้กัน

หน้าที่ 18

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ

ทำการสรางชิ้นตัวงานขึ้นมาอยางต่ำ 2ชิ้นขึ้นไป

ทำการ SELECT ชิ้นงานที่เราจะทำการเชื่อมดวย BLEND TOOL

กดที่เครื่องมือ BLEND TOOL

จากนั้นทำการเลือกกดวัตถุชิ้นนึงแลวกดวัตถุอีกชิ้นนึง จะไดหนาตาประมาณนี้

หน้าที่19

จากนั้นกดดับเบิ้ลคลิกที่ไอคอนเครื่องมือ จะปรากฏหนาตางแบบนี้ขึ้นมา

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ หน้าที่20

กด PREVIEW เพื่อใหแสดงผลแบบเรียวทารม แลวเลือกเปน SPECIFIED STEPS ในแท็บ SPACING

ตัวเลขในชอง ยิ่งสูงยิ่งถี่ยิ่งต่ำยิ่งหาง ลองๆปรับกันดูนะ

2.3 Adobe Illustrator เทคนิคสรางสีขั้นเทพ มาแนะนำผูเรียน Graphic Design กันสำหรับคนทำกราฟฟคดีไซนจะทราบ ดีวาสีเปนองคประกอบสำคัญของงานกราฟฟค การเลือกชุดสีที่ดีจะทำใหงาน ของเราโดดเดนนาสนใจและสามารถสื่อออกมาไดถูกตองตามความหมายของงาน แตเคยมั้ยครับที่บางครั้งการเลือกใชสีก็เปนปญหาใหญ เพราะบางครั้งก็เลือกไม ่ถูกบางละ ไมเขากันบางละ จำเจบางจึงมาแนะนำเว็บไซตสรางชุดสีดีๆ ที่จะทำให การใชสีของเราเปนเรื่องกลวยๆ ไปเลย มั่นใจเลยวาเว็บไซตเหลานี้จะชวยใหคุณเ ลือกคูสี หรือโทนสีที่เหมาะสมกับงานของคุณได จะมีเว็บอะไรบางไปดูกันเลย

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ หน้าที่ 21

Adobe Color

เว็บสรางชุดสีนี้เปนของบริษัท Adobe ที่เรียกไดวาครบเครื่องมาก ๆ เพราะเราสามารถกำหนดไดวาตองการชุดสีประเภทไหนซึ่งมีทั้งโทนเดียวกัน โทนที่ตรงขามกับสีหลัก โทน 3 สีที่ใกลเคียงกันและอื่นๆ โดยรูปแบบจะเปนกง ลอใหเราเลือกสีหลักเมื่อไดสีที่ตองการก็เก็บไวในประวัติของเรา หรือถาเกิดขี้เ กียจสรางเองก็เลือกดูชุดสีที่มีคนสรางไวแลวก็ไดนอกจากนี้เรายัง import ไ ฟลรูปภาพจากคอมพของเราเพื่อเช็คดูโทนสีไดอีกดวยนะ

Colour Lover

เว็บนี้เปนแหลงรวบรวมชุดสีที่เว็บไซตตางๆ ใชงานเอาไวเยอะมากๆ โดย หนาเว็บไดจัดประเภทของเว็บไซตเอาไวเปนหมวดๆทั้ง Home, Fashion, Business และอื่นๆ เพื่อชวยใหเราเลือกชุดสีที่เหมาะสมกับงานของเราได สะดวกยิ่งขึ้น เมื่อเลือกชุดสีที่ชอบไดแลว ก็สามารถคลิกเขาไปดูรายละเอียดข องสีนั้นๆ ไดอีกดวยนะ

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ

Coolors

เว็บนี้ตางจากเว็บอื่นๆ ตรงที่ไมไดจับคูสีใหเราอัตโนมัติ แตเราสามารถกำหนดคาของสี แตละสีดวยตัวเองไดอยางอิสระ หากเราเลือกจนพอใจแลว ก็สามารถ export ชุดสีเปนไฟล ตางๆ เพื่อนำไปใชกับงานกราฟฟของเราไดและยังมีชุดสีสวย ๆ ที่สรางไวแลวสำหรับคนที่ ขี้เกียจสรางเอง

Paletton

เปนเว็บที่ใหเราเลือกสีไดในรูปแบบกงลอคลายๆ กับ Color Adobe กำหนดไดอีกเชน กันวาจะเอาชุดสีประเภทไหนทั้งแบบโทนเดียวกัน โทนที่ตรงขามกับสีหลัก โทน 3 สีที่ใกล เคียงกันและอื่นๆ เมื่อไดชุดสีที่ตองการแลว ก็สามารถ Export ไปใชกับงานกราฟฟคตางๆ ของเราไดทันที

2.4 เพิ่ม TEXTURE รูปของเราดวย เทคนิค MASK TEXTURE หน้าที่ 22

เพิ่ม TEXTURE รูปของเราดวย เทคนิค MASK TEXTURE สิ่งที่ตองเตรียม ไวในการทำ Texture mask

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ

Step 3 : Copy(ctrl+c) ภาพ texture จากนั้นกดเลือกชองดานขวา แลวกด วาง (ctrl+v) texture

หน้า 23

Step 4 : โปรแกรมจะทำการ mask texture ลงไปใน object ของเรา พื้นที่สีดำใน texture จะทำให object ของเราหายไป

ไฟล Artwork ที่เราตองการใส Texture

Step 2 : ในหนาตาง Transparency กดปุม Make mask

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ

Step 5 : เมื่อทำการ mask เสร็จแลว ตองการออกจากโหมดแกไข ก็ทำการคลิก ภาพ object ทางซาย ในหนาตาง Transparency

เพียงเทานี้เราก็จะไดภาพที่มี texture ทำใหภาพดูนาสนใจมากขึ้น ทุกคนก็ สามารถเอาเทคนิคนี้ไปตอยอดได

2.5 New Features สุดล้ำ Adobe Illustrator CC 2019 Function ใหมของ Adobe Illustrator cc 2019 กัน นั่นก็คือ Free form Gradient นั่นเองเจาเครื่องมือตัวใหมนี้จะเปน Function เพิ่มเติมของ Gradient ที่ทำใหเราสามารถสำหนดการไลสีไดเองแบบอิสระมากขึ้นไมจำเปนตอง ไลสีเปนเสนๆ อีกตอไป โดยเจา Free form Gradient ตัวนี้จะทำใหเรากำหนดจุดลง สีเองไดเลยและยังสามารถเพิ่มสีขยับจุ เปลี่ยนรูปแบบการ Gradient ใหเราสามารถ สรางงานไดหลากหลายยิ่งขึ้น แถมยังใชงายมากๆ อีกดวย

Free form Gradient นั้นจะถูกใสเพิ่มขึ้นมาในแท็บเครื่องมือ Gradient

หน้า 24

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ หน้า 25

พอกดจะเกิดการเพิ่มจุดมาทั้งหมด 4 มุม จุดนั้นใชสำหรับการ กำหนดคาสีที่จะทำการไลสีของแตละมุม

จุดสามารถขยับไดตามความตองวาจะใหไปบนลางซายขวา

จากนั้นเราทำการดับเบิ้ลคลิกที่จุด จะเกิดหนาตางการตั้งคาสีขึ้นมา

จุดแตละจุดจะทำการกระจายสีไปรอบๆของตัวงาน

สื่อดิจิทัล (E -Book) ใหความรูเบื้องตนการใชโปรแกรม Illustrator สำหรับผูสนใจ

เราสามารถเลือกการกระจายของสีไดโดยการดึงวงกลมรอบๆจุด Gradient

นอกจากนั้นยังมีระบบ Lines เพื่อใหเราสามารถใชงาน Gradient ไดงายขึ้นอีกดวย

พอเราทำการเลือกแบบ Lines แลว จะเกิดเสนขึ้น คลายๆ Pentool จะทำใหบริเวณเสนเปนสีเดียวกันหมด

ฟวเจอรนี้เปนฟวเจอรที่เพิ่มความสะดวกสบายในการไลสีเปนอยางมาก เปน ฟวเจอรที่มีประโยชนเปนอยางยิ่งตัวนึงเลยใน Adobe Illustrator CC 2019 สามารถนำไปประยุกตใชงานใหเขากับงานของเราไดเลย หน้า 26