นำโปรแกรม Illustrator (อิลัสเทรเทอร์) และพูดถึงพื้นฐานการใช้งาน โปรแกรม Illustrator ในส่วนของเครื่องมือต่างๆที่มีอยู่ในโปรแกรม ฯลฯ

1. อะโดบี อิล ลัส เตรเตอร์ (Adobe
Illustrator) เป็นโปรแกรมวาดภาพกราฟิก
แบบเวกเตอร์ ซึ่งพัฒนาโดยบริษัทอะโดบี
ซิสเต็มส์ รุ่นแรก จัดทำาขึ้นในปี ค.ศ. 1986
เพื่อใช้งานกับเครื่องแมคอินทอช และได้
พัฒนารุ่นที่ 2 ออกมาให้ใช้งานได้กับ
วินโดวส์ ซึ่งได้รับความพึงพอใจ และ การ
ตอบรับที่ดีจากผูใช้เป็นจำานวนมาก จน
้
ปัจจุบนได้พัฒนาออกมาจนถึงรุ่นที่ 15 และ
ั
ได้รวบรวมเข้าไปเป็น 1 ในโปรแกรมชุด
Adobe Creative Suite 3 (CS5)

2. โปรแกรม illustrator
1. ชื่อและรุ่นของซอฟต์แวร์
2. ประเภทของซอฟต์แวร์
3. รายละเอียดของซอฟต์แวร์
4. ราคาของซอฟต์แวร์
5. ภาพของซอฟต์แวร์
6. เว็บไซต์ของซอฟต์แวร์
7. วิธีการใช้งานซอฟต์แวร์เบื้องต้น

3. รุ่น ต่า งๆ
 Adobe Illustrator 1.0 (Mac OS) (มกราคม ค.ศ. 1987)
Adobe Illustrator 1.1 (Mac OS) (มีนาคม ค.ศ. 1997)
Adobe Illustrator 88 (Mac OS) (มีนาคม ค.ศ. 1988)
Adobe Illustrator 2.0 (Windows) (มกราคม ค.ศ. 1989)
Adobe Illustrator 3.0 (Mac OS) (ตุลาคม ค.ศ. 1990)
Adobe Illustrator 3.5 (Solaris, Silicon Graphics) (ค.ศ. 1990)
Adobe Illustrator 4.0 (Windows) (พฤษภาคม ค.ศ. 1992)
Adobe Illustrator 5.0 (Mac OS) (มิถุนายน ค.ศ. 1993)
Adobe Illustrator 5.5 (Mac OS) (มิถนายน ค.ศ. 1994)
ุ
Adobe Illustrator 4.1 (Windows) (ค.ศ. 1995)
Adobe Illustrator 6.0 (Mac OS) (กุมภาพันธ์ ค.ศ. 1996)
Adobe Illustrator 7.0 (Mac/Windows) (พฤษภาคม ค.ศ. 1997)
Adobe Illustrator 8.0 (Mac/Windows) (กันยายน ค.ศ. 1998)
Adobe Illustrator 9.0 (Mac/Windows) (มิึึถุนายน ค.ศ. 2000)
Adobe Illustrator 10.0 (Mac/Windows) (พฤศจิกายน ค.ศ. 2001)
Adobe Illustrator CS (Mac/Windows) (11.0) (ตุลาคม ค.ศ. 2003)
Adobe Illustrator CS2 (Mac/Windows) (12.0) (เมษายน ค.ศ. 2005)
Adobe Illustrator CS3 (Mac/Windows) (13.0) (มีนาคม ค.ศ. 2007)
Adobe Illustrator CS4 (Mac/Windows) (14.0)
Adobe Illustrator CS5 (Mac/Windows) (15.0)

4. โปรแกรมประเภทเดีย วกัน
นอกจาก Adobe Illustrator แล้ว ยังมีโปรแกรมวาด
ภาพกราฟิกแบบเวกเตอร์ อีกหลายโปรแกรมที่พฒนา
ั
มาจากบริษทอื่นๆ เช่น
ั
ACD Canvas
Macromedia FreeHand
CorelDRAW
Microsoft Expression Graphic Designer, based
on Creature House Expression
Microsoft Expression Interactive Designer
Paint Shop Pro
Vector Effects
Xara Xtreme

5. ภาพหน้าจอของ Adobe
Illustrator

6. หน้าตาโปรแกรมillustrator

7. ราคาของซอฟต์แวร์ Adobe
Illustrator
สำาหรับรุ่นต่างๆมีราคาดั่งนี้

8. โปรแกรม Illustrator เป็นโปรแกรมสำาหรับสร้างภาพลายเส้นที่
มีความคมชัดสูง งานภาพประกอบและงานกราฟิกแบบ 2 มิติ
ต่างๆ เช่น การสร้างโลโก้สินค้า จนไปถึงการจัดเลย์เอาต์งาน
สิ่งพิมพ์ และมีเครื่องมึอที่ช่วยเหลือในงานเว็บไซต์อีกด้วย
ภาพกราฟิกสามารถแบ่งได้เป็น 2 แบบคือ
1.ภาพแบบพิก เซล (pixel) คือ ภาพที่เกิดจากจุดภาพใน
รูปภาพที่รวมกันเป็นภาพขึ้น โดยภาพหนึ่งๆ จะประกอบไปด้วย
จุดภาพหรือพิกเซลมากมาย และเเต่ละภาพที่สร้างขึ้นจะมีความ
หนาเเน่นของจุดภาพ หรือบางครั้งแทนว่าความละเอียด (ความ
คมชัด)ที่เเตกต่างกันไป จึงใช้ในการบอกคุณสมบัติของภาพ
จอภาพ หรือ อุปกรณ์แสดงผลภาพได้
2.ภาพกราฟิก ส์เ วกเตอร์ (vector graphics) คือ ภาพที่เกิด
จากการกำาหนดพิกัดและการคำานวณค่าบนระนาบสองมิติ รวม
ทั้งมุมและระยะทาง ตามทฤษฎีเวกเตอร์ในทางคณิตศาสตร์ ใน

9. เครื่อ งมือ
Selection tool
(ลูกศรสีดำา)ใช้เลือก Selection tool เครื่องมือกลุ่ม
วัตถุทงชิ้น
ั้ นี้ว่าด้วยเรื่องการเลือกวัตถุ Direct-selection tool
Lasso tool ใช้เลือกโดยการ
Pen tool สร้างเส้น
คลิกเมาส์ Drag เลือก points หรือ
(ลูกศรสขาว)ใช้การใช้งานเหมือน
parthอย่างแม่นยำา โดยการ
ใน Photoshopต(ถุ (กดคีAlt และ
path ของวั กดคีย์ ย์ Alt)
Type tool ใช้พิมตัวหนังสือ
ใช้แขน มีผลทำาให้ object มี Shift)
จุดน้อย-น้อยมาก ส่วนเครื่อง ข้อความต่างๆ ส่วนเครื่องมือ
Lineอsegment ช้ปรับแต่ง ้ไว้
มือย่ ยจะเอาไว้ใ tool อันนี ย่อย ก็ง่ายๆตามรูป ใช้พิมพ์ตัว
curved
ลากเส้นตรง ในรายละเอียด หนังสือให้อยูในกรอบบ้าง ทำาตัว
่
Basic shape tool เอาไว้วาด
ของเครื่องมือย่อยก็ไม่มอะไร
ี อักษรวิ่งตาม 3-4-หลาย
รูปทรงพื้นฐาน
มาก เช่นไว้ทำาขดก้นหอย ทำา เหลี่ยม และวงกลม shape รูป
grid ของตารางหมากรุก gridถุ โดยการกำาหนด
Twist tool ใช้ในการบิดวัต ดาว แต่ทเด่นทีสุดคือ flare
ี่ ่
แบบใยแมงมุจึงทำาการบิด ซึงสามารถกำาหนดได้
จุดก่อนแล้ว ม ่ tool ใช้สร้างเอฟเฟค lens-
Reflect toolflareนการกลัAltาหรือ Shift (กดค
ใช้ใ (กดคีย์ บด้ นของวัตถุ
ว่าต้องการบิดมากน้อย (กดคีย์ Alt)
Rotate tool ใช้ในการหมุน และ Alt+Shift)
Scale tool ย่อขยายวัตถุ (กดคีย์ Alt และ S
วัตถุ โดยการกำาหนดจุดหมุน
ก่อนแล้วจึงทำาการหมุน ซึ่ง Pencil tool จะคล้ายๆ
สามารถกำาหนดได้ว่าต้องการ paintbrush tool แต่จะมี
หมุนกี่องศา (กดคีย์ Alt) เครื่องมือย่อยให้เรียกใช้ในการ
แก้ไขเส้น ซึงจะช่วยในการ
่

10. Transform tool
เครื่องมือกลุ่มนี้ใช้ใน
การปรับแต่งรูปทรงของ
วัตถุ ไม่ว่าจะเป็นหมุน
เอียง บิด กลับด้าน ย่อ
ขยาย นอกจากนี้ยังมี
เอฟเฟคด้วย
The warp tool ใช้โน้มวัตถุ
ให้บิดเบี้ยว (กดคีย์ Alt หรือ
Shift และ Alt+Shift) Free transform tool ย่อ
PuckerBloatให้วัต ตบิดให้ว าถุแ ุดกงคลื่น(กดคีย์ สร้างรอยหยั ขยาย หมุน เอียง วัตถุ โดย
Twirl tooltoolดึดึดูวัถุทำาให้เเข้ัตศูนบออก กกดคีวัตAltกดคีย์ Alt ก
Scalloptool tool จุถุใตามจุดทีย์ศูหนดลางมกับ (ย์
ทำา Wrinkle tool ่จ ่กาลางพร้อ ยกดคี
ง ง ด ด ห้ ข้าสู สร้ำ นย์ ( ให้ ( ์ ถุ
อิสระ
Altกดคียอหรือหรือ Shift และ Alt+Shift)
Alt หรื ์Shift ShiftAlt+Shift) Alt+Shift)
( หรือ Alt และ อและ Alt+Shift)
Shift และ Alt+Shift)
หรื Shift และ
Reshape tool ใช้เพิมจุด และดึงยืดวัต
่
Shear tool ใช้เอียงวัตถุ (กดคีย์ Alt)
Crystallize tool ขยายวัตถุให้
ออกจากศูนย์กลางพร้อมกับสร้างรอย
หยัก (กดคีย์ Alt หรือ Shift และ
Alt+Shift)

11. Special tool เป็นเครื่องมือใหม่ที่จัดการเกียวกะ
่
Symbol และ graph
Symbol tool ใช้จัดการเกียว ่ Graph tool ใช้สร้าง graph
กับ symbol ซึ่งมีเครื่องมือย่อย ในรูปแบบต่างๆ ซึ่งง่ายต่อการ
มากมาย แต่จะไม่ขอกล่าวถึง เข้าใจ และจะไม่ขอกล่าวถึง
เพราะเครื่องมือแต่ละชิ้นมี เช่นกัน (กดคีย์ Alt หรือ Shift
ไอคอนทีง่ายต่อการเข้าใจอยู่
่ และ Alt+Shift)
แล้ว ขอให้ทดลองนำาไปใช้เอง
แล้วจะเข้าใจว่า tool แต่ละชิ้น
ใช้ทำาอะไรได้บ้าง (กดคีย์ Alt)

12. Paint bucket tool ส่วนใหญ่จะใช้ควบคู่กับ eyedropper
tool โดยใช้เทสีลงบนวัตถุ (กดคีย์ Alt)
Paint color tool เป็นกลุ่มเครื่องมือที่ใช้จัดการ
เรื่องของสี
Mesh tool เป็นเครื่อหลอดที่
Eyedropper tool งมือสี
Blend tool เครื่องมือไล่ระดับ
เจ๋งสุดใช้ (แต่ควบคุมยาก ถุ สา
ดูดสี ขีด copy สีของวัต
การเปลี่ยนรูปร่างและสี
เหมือนกัน)โดยการสร้าง
มารกำาหนดได้ด้วยว่าจะ
สามารถควบคุมการไล่ระดับได้
point และมีแกนในการอะไร
copy ลักษณะอย่างไร
3 ชนิด
Gradient tool เครื่องมือไล่
ควบคุ(กดคีย์ Alt และ
บ้าง ม (กดคีย์ Alt และ
Shift)
Alt+Shift) ระดับสี ซึ่งมีการไล่ระดับอยู่ด้วย
กัน 2 แบบ คือ Linear และ
Measure tool เครื่องมือวัดขนาด (กดคีย์ Shift) Radial ใช้การลากจากจุดเริ่ม
ต้น และ สิ้นสุดที่จดปล่อยเมาส์
ุ

13. View tool กลุ่มเครื่องมือกลุ่มนี้จะเน้นที่มุมมองเป็น
หลัก
Slice tool ใช้เกี่ยวกับการ
Hand tool ใช้เลื่อนดู Scissors tool ยอ คลิก
Zoom tool ใช้ ใช้ และ
่
ตัดเวณพื้นทีการทำางานบน ใช้
บริ แบ่งภาพออกเป็นส่วนๆ
่ บริเวณ ้นที่การทำางาน ตกดคี่อ ์
ขยายพื outine ของวั ( ถุเพื ย
ในงานเวบ ย์ Spacebar)
หน้าจอ (กดคี กำาหนดจุดตัด 2 จุดเพือแยก
่
Knife tool ใช้ drag ลากผ่านวัตถุเพื่ออแยก และ
Ctrl+Spacebar
วัตถุออกจากกัน (กดคีย์ Alt)
Ctrl+Alt+Spacebar)
Page tool ตถุออกจากกันเป็น sizeวน โดยจะทำาการ
วั ใช้กำาหนด print 2 ส่
close paths ให้เราโดยอัตโนมัติ (กดคีย์ Alt)

14. ขั้น ตอนการทำา
การใช้งาน Vertical Type Tool หลายๆ คนอาจ
จะเคยพิมพ์ตัวอักษรมาแล้ว ส่วนใหญ่จะเป็นการพิมพ์ใน
แนวนอน จากซ้ายไปขวา คราวนี้มาดูการพิมพ์แนวตั้งกัน
1. สร้างเอกสารขึ้นมา ากัอมกับใช้เครื่องมือ
บ้างมาดูการทำ พร้ นเลยครับ Vertical Type Tool ดัง
ภาพ การเรียกใช้เมนู Vertical Type Tool
2. พิมพ์ขอความลงในเอกสาร ดังภาพ
้ 3. ตบแต่งเล็กน้อย เพียงเท่านี้เราก็มีข้อ
ความเก๋ๆ เอาไว้ใช้ในงานสิ่งพิมพ์ของเรา
แล้วล่ะครับ ลองนำาไปฝึกใช้ดูนะครับ

15. การทำาธงพริ้วไหว ในบทความนี้จะให้รู้จัก
การใช้เครื่องมือ Distort เพื่อประยุกต์ใช้กับงาน
ไม่ว่าจะเป็นตัวอักษร หรือวัตถอื่นๆ อย่างใน
สร้างเอกสารเปล่าขึนมา พร้อมเลือดังนี้ งมือ
ตัวอย่้ างการทำา กเครื่อ Rectangle Tool วาดธงขึ้นมา ดัง
2. นำา Mouse เลือกวัตถุทั้งหมด แล้วทำาการ Group โดยเข้าไปที่เมนู
Object --> Group (Ctrl+G)

16. 3. ใช้เครื่องมือ Envelope Distort โดยเข้าไปที่เมนู Object --> Envelope
Distort --> Make with Warp เพื่อทำาการเปลี่ยนแปลงรูปทรงของธง ดังภาพ

17. 4. ตบแต่งวัตถุเพิ่มเติม เพียงเท่านี้เราก็สามารถทำาธงที่ดูพริ้วไหวได้แล้ว
ครับ ไม่ยากเลยใช่ไหมครับ ลองนำาไปใช้กันดูนะครับ

18. แนะนำารับสอนโปรแกรมillustratorได้ที่
http://www.hellomyweb.com/index.php/main/content/41

19. จบการนำา
จัดทำาโดย เสนอ
1.นายฮาซันบัสรีย์ หะยีเจะเฮง
2.นายอิรฟาน เจ๊ะเต๊ะ
3.นายอับดุลฮามิต สาม็ง
4.นายมูฮมหมัดอิลมี มะเซ็ง
ั
เทคโนโลยีคอมพิวเตอร์(เทียบ)