ประวัติความเป็นมาของ illustrator

ประวัติความเป็นมาของ illustrator

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

รุ่นต่างๆ
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 แล้ว ยังมีโปรแกรมวาดภาพกราฟิกแบบเวกเตอร์ อีกหลายโปรแกรมที่พัฒนามาจากบริษัทอื่นๆ เช่น

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

ภาพหน้าจอของ Adobe Illustrator CS2 บน Mac OS X

กล่องผลิตภัณฑ์ Adobe Illustrator CS3 ที่วางจำหน่าย

ข้อมูลจาก http://th.wikipedia.org

Read More

เทคนิคการซ้อนเงาแบบ Pathfinder

บทนี้จะเป็นเทคนิคการซ้อนเงาแบบ Pathfinder

ขั้นตอนการทำ

1. สร้างไฟล์ใหม่ขี้นมาโดยคลิ๊กไปที่เมนู File > New หรือ กด Ctrl+N แล้วกำหนดพื้นที่

2. ใช้คำสั่ง File > Place เพื่อเรียกรูปที่เราต้องการขึ้นมา

3. กดตัว T เพื่อเรียกใช้เครื่องมือ Type Tool แล้วพิมพ์ข้อความลงไปบนรูปภาพ แล้วจัดการเปลี่ยนรูปแบบตัวอักษร

ตามต้องการที่พาเล็ตต์ Charactor

4. หลังจากนั้นกดตัว A เพื่อเรียกใช้เครื่องมือ Select Tool หลังจากนั้นให้ คลิ๊กขวาที่ตัวอักษร แล้วเลือกที่

Create Outlines เพื่อทำให้เป็นเส้น Path

5. หลังจากนั้นให้ทำการ Copy เพื่อสำเนาเก็บเอาไว้โดยการ กด Ctrl+C หลังจากนั้นให้เปลี่ยนตัวอักษรตาม

ต้องการที่ช่อง Swatches

6. หลังจากเปลี่ยนได้ตามที่ต้องการแล้ว ให้กด Ctrl+V เพื่อเรียกตัวอักษรที่เราได้ทำการ Copy เอาไว้

แล้วจัดการวางให้ตัวอักษรทั้ง 2 ชุดให้เหลื่ยมกันเล็กน้อย หลังจากนั้นคลิ๊กขวาเลือกที่ Arrange > Send to Back

เพื่อส่งชุดอักษรไปอยู่ด้านหลังสีที่เราเลือก

7. หลังจากนั้นให้คลิ๊กพาเล็ตต์ Pathfinder เลือกคลิ๊กที่ Subtract from Shape Area ตัวอักษรที่เป็นสีที่เราเลือกไว้

จะหายไปซ่อนในรูปภาพ ตามรูปด้านล่าง

Read More

การสร้างสี Gradient และจัดเก็บลงใน Swatches

1. สร้างเอกสาร พร้อมกับเรียกเครื่องมือ Gradient โดยเรียกใช้งานได้จาก Window --> Gradient (F9) ดังภาพ

2. และเปิดเครื่องมือ Swatches ขึ้นมาอีกเครื่องมือ เพื่อความสะดวกในการผสมสี ดังภาพ

3. ทำการลากสีจาก Swatches เข้ามาใส่ถังสีในเครื่องมือ Gradient ดังภาพ

4. ต้องการเพิ่มจำนวนสีก็เพียงแต่ลากมาวางในพื้นที่ว่างใน Gradient ดังภาพ

5. จากนั้นถ้าเราต้องการเก็บสีที่เราสร้างเรียบร้อยแล้ว เพียงแต่ลากกลับไปเก็บลงใน Swatches ดังภาพ

6. เพียงเท่านี้เราก็สามารถเก็บสี Gradient ไว้ใช้ในพื้นที่อื่นๆ โดยไม่ต้องเสียเวลาสร้างใหม่

Read More

การใช้งาน Vertical Type Tool

1. สร้างเอกสารขึ้นมา พร้อมกับใช้เครื่องมือ  Vertical Type Tool ดังภาพ

การเรียกใช้เมนู Vertical Type Tool

2. พิมพ์ข้อความลงในเอกสาร ดังภาพต่อไปนี้

3. ตบแต่งเล็กน้อย เพียงเท่านี้เราก็มีข้อความเก๋ๆ เอาไว้ใช้ในงานสิ่งพิมพ์ของเราแล้ว ลองนำไปฝึกใช้ดูกันได้เลย

การพิมพ์ตัวอักษรวิ่งรอบวงกลม

ขั้นตอนการทำ

1.ใช้เครื่องมือ Ellipse Tool  สร้างวงกลมพร้อมกดปุ่ม Shift จะได้ออกมาดังรูป

2.ใช้เครื่องมือ Path Type Tool  มาคลิ๊กลงหนึ่งครั้งบนเส้นวงกลมแล้วพิมพ์ตัวอักษรที่ต้องการ เลือกเปลี่ยนรูปแบบตัวอักษร และขนาดที่พาเล็ตต์ Charactor ดังรูป

การสร้างข้อความแบบโค้งพลิบน lllustrator

1. สร้างเส้นโค้งโดยใช้ Pencil Tool ดังรูป

2. เลือก Type on a path tool แล้วคลิกที่เส้นโค้ง จากนั้นให้ทำการพิมพ์ข้อความที่ต้องการ

Read More

การปรับแต่งรอยมาร์คเพื่อการตัด(ต่อจากเรื่องนามบัตร)

การปรับแต่งรอยมาร์คเพื่อการตัด(ต่อจากเรื่องนามบัตร)
กด ctrl+k จะได้รูปนี้ครับ

ที่ลูกศรชี้นั้นเป็นการเพิ่มความซับซ้อนของรอยมาร์คนะครับ ลองไม่คลิกแล้วไปใช้ filter /create/trim mark กับนามบัตรเราก็จะได้ความต่างดังนี้ครับ

เอ คือ ไม่ใช้แปนนีส ครอบ มาร์ค ส่วน บี ใช้ครับ

Read More

การทำอักษร 3 มิติ

Read More

เทคนิคการทำภาพซูมแบบง่ายๆ

1. ให้สร้าง File ใหม่ขึ้นมาโดยกด Ctrl+N แล้วเลือกรูปภาพที่เราต้องการโดย

คลิ๊กที่ เมนู File > Place

2. หลังจากนั้นให้ไปที่เมนู Filter > Blur > Radial Blur

3. หลังเลือกแบบให้เป็นแบบ Zoom ตามรูปแล้วปรับค่าที่แถบเลื่อน หรือ ใส่ค่าที่ต้องการที่ช่อง

Amount ตามต้อง หลังจากนั้นกดปุ่ม OK

4. ก็จะได้รูปตามต้องการ เห็นครับว่าง่ายจริง จริ๊ง

Read More

การทำให้รูปภาพเข้าไปอยู่ในตัวอักษร

ขั้นตอนการทำ

1. สร้างไฟล์งานใหม่โดยไปที่เมนู File > New แล้วกำหนดพื้นที่ทำงาน

2. ใช้เครื่องมือ Type Tool พิมพ์ข้อความ และเปลื่ยนรูปแบบ ขนาดของตัวอักษรที่พาเล็ตต์ Charactor

เสร็จแล้วคลิ๊กขวาที่ตัวอักษรเลือก Create Outline เพื่่อทำให้ตัวอักษณเป็นเส้น Path

3. ต่อไปคลิ๊กขวาที่ตัวอักษรนี้แล้วเลือก Ungroup เพื่อทำให้ตัวอักษรแยกออกจากกลุ่มเป็นตัวใครตัวมัน

4. ต่อไปใช้คำสั่ง File > Place เพื่อเรียกรูปภาพเข้ามา แล้วเลือกรูปภาพตามที่ต้องการ

5. มีตัวอักษรทั้งหมด 3 ตัว ก็ต้องเรียกภาพทั้งหมด 3 ภาพ หรือจะใช้ภาพเดียวแต่เรียกมาทั้งหมด 3 ตัว แล้วทำการย่อขยายให้รูปภาพมีขนาดพอเหมาะพอดีกับตัวอักษรทั้ง 3 ตัว โดยใช้เครื่องมือ Free Transform Tool ดึงย่อขยายภาพ

6. จากนั้นใช้เครื่องมือ Selection Tool คลิ๊กเลือกภาพทั้ง 3 ภาพ พร้อมกดปุ่ม Shift ค้างไว้ แล้วคลิ๊กขวาเลือก Arrange > Send to Back เพื่อส่งรูปภาพไปอยู่ด้านหลังตัวอักษร ดังรูปด้านล่าง

7. ใช้เครื่องมือ Selection Tool เลือกตัวอักษรและรูปครั้งที่ 1 ดังรูปด้านล่าง

แล้วคลิ๊กขวาที่ส่วนที่เลือกนี้แล้วเลือก Make Clipping Mask จะได้ตัวอักษรดังรูปด้านล่าง

ทำเช่นนี้จนครบทั้ง 3 ตัวอักษร ก็จะได้ตัวอักษรดังรูปด้านล่าง

แก้ไขล่าสุด ใน วันอังคารที่ 19 สิงหาคม 2014 เวลา 15:11 น. 

Read More

การพิมพ์ตัวอักษรวิ่งรอบวงกลม

1.ใช้เครื่องมือ Ellipse Tool  สร้างวงกลมพร้อมกดปุ่ม Shift จะได้ออกมาดังรูป

2.ใช้เครื่องมือ Path Type Tool มาคลิ๊กลงหนึ่งครั้งบนเส้นวงกลมแล้วพิมพ์ตัวอักษรที่ต้องการ เลือกเปลี่ยนรูปแบบตัวอักษร
และขนาดที่พาเล็ตต์ Charactor ดังรูป

Read More

การใส่ขอบให้กับตัวอักษรแบบ Multi Stroke

1. สร้างเอกสาร พร้อมกับพิมพ์ข้อความลงในเอกสาร ดังภาพ

2. จากนั้นทำการ Create Outlines โดยเข้าไปใช้เครื่องมือที่ Type --> Create Outlines (Ctrl+Shift+O) ดังภาพ

3. ทำการใส่ Stroke แรกให้กับตัวอักษร โดยใช้เครื่องมือ Stroke ดังภาพ

4. เรียกเครื่องมือ Appearance ขึ้นมาโดยเข้าไปที่ Window --> Appearance ดังภาพ

5. จากนั้นนำ Mouse ไปคลิกที่ตัวอักษรที่เราพิมพ์ ให้สังเกตุว่าเครื่องมือ Appearance เปลี่ยนไป ดังภาพ

6. ให้เรา Double Click ที่ Contents ในเครื่องมือ Appearance ผลที่ได้ดังภาพ

7. จากนั้นให้คลิกเลือกที่ Stroke อยู่ใน Set ย่อยของ Compound Path เลือก Option ของ Appearance จากนั้นเลือก Duplicate Itemดังภาพ

8. จะมี Stroke ขึ้นมา 2 อันภายในเครื่องมือ Appearance ดังภาพ

9. ทำการเปลี่ยนสี และลดขนาดเส้นลงมาเหลือ 1.5 ดังภาพ

10 เพียงเท่านี้เราก็จะสามารถใส่ขอบให้กับตัวอักษร หรือวัตถุอื่นๆ แบบ Multi Stroke ได้แล้วครับ ดังภาพ

Read More

การใส่ขอบสีให้กับตัวอักษร

ขั้นตอนการทำ

1. สร้างเอกสาร หน้าเปล่าขึ้นมาพร้อมกับพิมพ์ข้อความที่ต้องการโดยใช้เครื่องมือType Toolดังภาพ

2. ให้สลับเครื่องมือ Fillไปเป็น Stroke โดยกด (x) ดังภาพ

- ก่อนที่จะเปลี่ยน


- หลังจากที่เราเปลี่ยนแล้วเครื่องมือจะมาอยู่ที่่


3.เลือกสีตัวหนังสือที่คุณต้องการโดยคลิกที่ Fill(x)

4.ถ้าต้องการจะใส่สีขอบตัวหนังสือให้คลิกตรงที่Stroke(x)จากนั้นเลือกใส่สีจาก Swatches เพื่อใส่ขอบให้กับตัวอักษรดังภาพ

5. จากนั้นจะเห็นการเปลี่ยนแปลงที่ขอบอักษร ดังภาพ

6. จะเห็นได้ว่าขอบมีขนาดเล็ก ให้เราใช้เครื่องมือStrokeเพื่อปรับขนาด เรียกใช้เครื่องมือได้จากWindow --> Stroke (F10)

7. เลือกปรับขนาดที่Weightในที่นี้ผมปรับเป็น 3 ดังภาพ

8. เป็นอย่างไรกันบ้าง ไม่ยากเลยใช่ไหม ลองนำไปใช้กับงานชนิดอื่นๆดูได้นะ

การใส่ขอบให้กับตัวอักษร แบบ Multi Stroke หลังจากที่เราได้เรียนรู้พื้นฐานการใส่ขอบไปแล้วในคราวนี้มาดูเทคนิคเพิ่ม เติมเกี่ยวกับเรื่องของ Stroke โดยมีขั้นตอนการทำดังนี้

ขั้นตอนการทำ

1. สร้างเอกสาร พร้อมกับพิมพ์ข้อความลงในเอกสาร ดังภาพ

2. จากนั้นทำการ Create Outlines โดยเข้าไปใช้เครื่องมือที่ Type --> Create Outlines (Ctrl+Shift+O) ดังภาพ

3. ทำการใส่ Stroke แรกให้กับตัวอักษร โดยใช้เครื่องมือ Stroke ดังภาพ

4. เรียกเครื่องมือ Appearance ขึ้นมาโดยเข้าไปที่ Window --> Appearance ดังภาพ

5. จากนั้นนำ Mouse ไปคลิกที่ตัวอักษรที่เราพิมพ์ ให้สังเกตุว่าเครื่องมือ Appearance เปลี่ยนไป ดังภาพ

6. ให้เรา Double Click ที่ Contents ในเครื่องมือ Appearance ผลที่ได้ดังภาพ

7. จากนั้นให้คลิกเลือกที่ Stroke อยู่ใน Set ย่อยของ Compound Path เลือก Option ของ Appearance จากนั้นเลือก Duplicate Item ดังภาพ

8. จะมี Stroke ขึ้นมา 2 อันภายในเครื่องมือ Appearance ดังภาพ

9. ทำการเปลี่ยนสี และลดขนาดเส้นลงมาเหลือ 2 ดังภาพ

10 เพียงเท่านี้เราก็จะสามารถใส่ขอบให้กับตัวอักษร หรือวัตถุอื่นๆ แบบ Multi Stroke ได้แล้ว ดังภาพ

Read More