สีไล่น้ำหนักแบบ Gradient ใน Illustrator

1. ก่อนอื่น มาดูกันก่อน ว่าจะเลือกใส่ Gradient ใน Illustrator จากเครื่องมือตัวไหนได้บ้าง

2. ให้สร้างสี่เหลี่ยมขึ้นมา 1 ชิ้น จากนั้นให้กดเลือกที่ตัววัตถุก่อน แล้วไปกดเลือกใส่ค่า Gradient ใน Illustrator ได้เลยจะเห็นว่าวัตถุที่เราเลือกจะเปลี่ยนเป็นสี Gradient แล้ว ค่าพื้นฐานจะเป็นสีขาว-ดำเสมอแล้วลองเลื่อนจุด Midpoint ที่มีรูปร่างสีเหลี่ยมข้ามหลามตัดตรง slider ดูจะเห็นว่าเป็นตัวไว้ไล่โทนสี ถ้าเราเลื่อนเข้าหาสีดำ สี Gradient ในวัตถุก็จะไล่สีขาวมากกินพื้นที่เข้ามาในสีดำมากขึ้นสังเกตเวลาเราเลื่อนจุด Midpoint ค่าตัวเลขในช่อง Location ก็จะปรับตามไปด้วย

การเปลี่ยน / เพิ่ม / ลบ สี ในGradient Slider ใน Illustrator
พอใส่ค่าได้แล้ว มาดูวิธีการเปลี่ยน / เพิ่ม / ลบ สีให้ Gradient Slider ใน Illustrator

1. ลากสีมาจาก Swatches

2. ดูดสีมาจาก Color

วิธีนี้จะใช้วิธีไปดูดสีมาจาก แถบสายรุ้งในหน้าต่าง Color ค่ะ ดูดสีไหนมา กล่องสีของเราก็จะได้สีนั้น

การเพิ่ม / ลบ กล่องสี ในGradient Slider ใน Illustrator
เพิ่ม ให้เอาเม้าส์ไปจิ้มตรง Gradient Slider ก็จะได้กล่องสีเพิ่มขึ้นมา

ลบ เอาเม้าส์ไปจิ้มตรงกล่องที่ไม่ต้องการ คลิ๊กค้างไว้ แล้วทิ้งไปตรงไหนก็ได้ แค่ลากออกมาให้พ้นจากหน้าต่าง Gradient ก็พอลองทำดู

ส่วนการเปลี่ยนสีในกล่องสีก็ง่ายๆ ต้องการเปลี่ยนกล่องไหนก็ไปคลิ๊กที่กล่องนั้นแล้วไปดูดสีมาจากแถบสายรุ้งหรือจะลากสีใหม่ที่ต้องการจาก Swatches ไปวางทับกล่องเดิมเลยก็ได้
สีในกล่องยังสามารถปรับได้อีก โดยคลิ๊กเลือกที่กล่องสีก่อน แล้วไปที่หน้าต่าง Color ค่ะ ลองเลื่อนแถบค่าสี CMYK แต่ละอันดู ก็จะเห็นว่าสีในกล่องก็จะเปลี่ยนไปตามที่เราเลือกเช่นกัน
แถมกล่องสีแต่ละอัน ก็ยังสามารถเลื่อนปรับตำแหน่งได้ตามที่เราต้องการ โดยแค่ไปคลิ๊กค้างไว้ที่กล่องแล้วเลื่อนไปมาได้ตามที่เราต้องการ จะข้ามสลับที่กลับกล่องอื่นก็ได้

การไล่ค่า Gradient แบบ Linear ใน Illustrator

1. ตั้งค่าสีใน Gradlent Silder ก่อนแล้วคลิกเลือกวัตถุให้ active

2. เลือกเครื่องมือ Gradlent (G) ที่Tool Bar cursor แล้วไล่สีโดยคลิกที่จุดเริ่ม คลิกค้างไว้แล้วลากไปตามที่เราต้องการแล้วปล่อยเม้าส์

3. โทนสีที่ออกมาจะขึ้นอยู่กับทิศทาง กับ ความยาวในการลาก

การไล่ค่า Gradient แบบ Radial ใน Illustrator

1. สร้างวงกลมเลือกสี Gardial ตามต้องการ

2. เลือกเครื่องมือ Gradlent (G) ที่Tool Bar cursor แล้วไล่สีโดยคลิกที่จุดเริ่ม คลิกค้างไว้แล้วลากไปตามที่เราต้องการแล้วปล่อยเม้าส์

Tips ยิ่งเยอะยิ่งสวย1. การไล่ Gradlent จุดเดียวเพื่อสร้างมิติ

2. การไล่ Gradlent หลายจุดสียิ่งทำให้ดูมีมิติมากขึ้น

3. ไล่ความเรียบไปเรื่อยๆโดยปรับที่แถบค่า CMYK จะได้รูปดังข้างล่างนี้

วิธีทำเเอบเบิ้ลแบบ 3D ด้วย Illustrator

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

1. เปิดเอกสารขึ้นมาใหม่แล้วเลือก Pen Tool เพื่อทำลูกแอปเปิ้ล

2. วาดวงกลมเพื่อทำรูปแอปเปิ้ล พร้อมเลือกสีตามใจชอบ

3. ไปที่เมนู Effect > 3D > Revolve

4. จะปรากฏหน้าต่างขึ้นมา ให้ทำการปรับตั้งค่าดังภาพให้เราติ๊กถูกคำว่่า Preview เพื่อเราจะได้เห็นภาพด้วย แล้วกด OK

5. จากนั้นก็มาทำก้านกัน ให้ใช้เครื่องมือ Brush Tool โดยทำการกด F5 ก็จะปรากฏหน้าต่างขึ้นมา ให้เลือกแบบ 7pt.Round

6. ใช้เครื่องมือ Paintbrush Tool แล้วทำการวาดก้าน ดังภาพข้างล่างนี้

7. หลังจากนั้นก็จะได้แอปเปิ้ลออกมาดังภาพข้างล่างนี้

วิธีทำวัตถุซ้อนกันด้วย illustrator

ขั้นตอนที่ 1 สร้างวัตถุขั้นมากสองชิ้น ผมจะเลือกเป็น Polygon จากนั้นก็นำมาซ้อนกันได้เลย

ขั้นตอนที่ 2 เข้าไปที่ Window>Pathfinder จากนั้นให้เลือกวัตถุทั้งสองชิ้น (Drag เม้าท์ คลุมทั้งหมด หรือ กด shift ค้างแล้วเลือกทีละชิ้นก็ได้) จากนั้นก็คลิ๊กที่เมนูดังภาพด้านล่าง

ขั้นตอนที่ 3 จะเห็นว่า ในส่วนที่ทับกันอยู่จะถูกตัดแยกออกจากกันทั้งหมด จากนั้นก็ทำการ UnGroup โดยคลิ๊กขวาที่วัตถุ > Ungroup

ขั้นตอนที่ 4 เลือกสีให้กับส่วนที่เราต้องการ โดยอาจจะจินตนาการว่าวัตถุทั้งสองชิ้น คล้องกันอยู่

ขั้นตอนที่ 5 เมื่อเลือกใส่สีให้กับวัตถุทั้งหมดแล้ว ให้ทำการรวมส่วนที่เป็นชิ้นเดียวกัน โดยเลือก ส่วนๆ ที่เป็นสีเดียวกัน พร้อมกัน (กด shift ค้างแล้วเลือกทีละชิ้น) จากนั้นก็ปที่ Pathfinder อีกครั้งแล้วเลือกที่เมนูดังภาพ วัตถุที่ถูกตัดออกจากกัน ก็จะรวมเป็นชิ้นเดียวกันอีกครั้ง

เสร็จแล้วจะได้ภาพดังด้านล่างนี้

การทำอักษรเงาตกทอด

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

1. สร้างไฟล์ใหมโดยไปที่เมนู File > New2. ใช้เครื่องมือ Type Tool พิมพ์ตัวตามที่ต้องการปรับขนาดตัวอักษรที่ช่อง Font Size ให้มีขนาดตามต้องการ

แล้วคลิ๊กขาวที่ตัวอักษรนี้เลือก Create Outlines

3. คลิ๊กไปที่เครื่องมือ Shear Tool นำเครื่องมือมาคลิ๊กหนึ่งครั้งที่ตัวอักษร 1 เพื่อสร้างจุดยึดดังรูป

4. เมื่อคลิ๊กแล้วกดปุ่ม Alt+Shift พร้อมกันแล้วลากเม้าส์ไปทางขวามือตัวอักษรจะเอียงและมีการ Copy โดยอัตโนมัติเมื่อกดปุ่ม Alt
5. ใช้เครื่องมือ Scale Tool ปรับตัวให้มีขนาดสั้นลง6. เปลื่ยนสีให้เงาแล้วคลิ๊กขวาเลือก Arrange > Senf to Back

แล้วคลิ๊กที่ตังอักษรด้านหน้าและใส่สีให้กับตัวอักษร

และนี้คือรูปที่ทำสำเร็จแล้ว

เทคนิคการซ้อนเงาแบบ 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 ตัวอักษรที่เป็นสีที่เราเลือกไว้จะหายไปซ่อนในรูปภาพ ตามรูปด้านล่าง

หลังจากนั้นก็จะได้ดังรูปข้างล่างนี้

วิธีการใช้งาน Introduction

Illustrator คืออะไร และทำอะไรได้บ้าง

โปรแกรมพื้นฐานที่นักออกแบบทุกคนต้องเรียนรู้ในการสร้างงานกราฟิกมี 2 ชนิด คือ
โปรแกรมประเภทวาดภาพ และโปรแกรมประเภทตกแต่งภาพ Illustrator คือ โปรแกรมที่ใช้ในการวาดภาพ โดยจะสร้างภาพที่มีลักษณะเป็นลายเส้น หรือที่เรียกว่า Vector Graphic จัดเป็นโปรแกรมระดับมืออาชีพที่ใช้กันเป็นมาตรฐานในการออกแบบระดับสากล สามารถทำงานออกแบบต่างๆ ได้หลากหลาย ไม่ว่าจะเป็นสิ่งพิมพ์ บรรจุภัณฑ์ เว็บ และภาพเคลื่อนไหวตลอดจนการสร้างภาพเพื่อใช้เป็นภาพประกอบในการทำงานอื่นๆ เช่น การ์ตูน ภาพประกอบหนังสือ เป็นต้น
แนะนำเครื่องมือต่างๆ ในโปรแกรม เมื่อเราเข้าสู่โปรแกรมหรือเมื่อเราสร้างไฟล์ใหม่ด้วยการคลิกที่เมนู File>New จะปรากฏหน้าตาของโปรแกรมเหมือนตัวอย่างข้างล่างนี้

แถบคำสั่ง (Menu Bar)



เป็นเมนูคำสั่งหลักโปรแกรม แบ่งออกเป็นหมวดหมู่ต่างๆ ดังนี้
File: เป็นหมวดของคำสั่งที่จัดการเกี่ยวกับไฟล์และโปรแกรมทั้งหมด ไม่ว่าจะเป็นการ เปิด-ปิดไฟล์ การ
บันทึกไฟล์ การนำภาพเข้ามาใช้ (Place) ตลอดจนการออกจากโปรแกรม (Exit)
Edit: เป็นหมวดของคำสั่งที่จัดการแก้ไข เช่น Undo Cut Copy Paste Select รวมทั้งการกำหนดคุณสมบัติ
ต่างๆ ที่มีผลต่อการปรับแต่งภาพด้วย เช่นการสร้างรูปแบบ (Define Pattern) การกำหนดค่าสี (Color Setting) เป็นต้น
Type: เป็นหมวดของคำสั่งที่ใช้จัดการตัวหนังสือ เช่น Fonts Paragraph เป็นต้น
Select: เป็นหมวดของคำสั่งที่ใช้ในการเลือกวัตถุ สามารถเลือกด้วยคุณสมบัติได้ เช่น เลือกวัตถุที่มี Fill และ Stroke แบบเดียวกัน วัตถุที่อยู่บน Layer เดียวกัน เป็นต้น
Filter: เป็นหมวดของคำสั่งที่ใช้สร้างเทคนิคพิเศษให้กับภาพ โดยจะมีผลต่อรูปร่างของ Path
Effect: เป็นหมวดของคำสั่งที่ใช้สร้างเทคนิคพิเศษให้กับภาพคล้าย Filter แต่จะไม่มีผลกับรูปร่างของ Path
View: เป็นหมวดของคำสั่งเกี่ยวกับการมองทุกสิ่งในงาน เช่น Zoom Show/Hide Ruler Bounding Box
Outline Mode/Preview Mode เป็นต้น
Window: เป็นหมวดของคำสั่งเกี่ยวกับการเปิด-ปิดหน้าต่างเครื่องมือต่างๆ เช่น Palette Tool Box เป็นต้น
Help: เป็นหมวดที่รวบรวมวิธีการใช้งานและคำแนะนำเพื่อช่วยเหลือผู้ใช้โปรแกรม

การสร้างกลีบดอกไม้ให้ซ้อนกันโดย Illustrator

1. สร้างกลีบดอกไม้ตามที่เราต้องการ

2. กำหมดจุดกึ่งกลางของดอกไม้ จากนั้นให้ทำการ Double click rotate tool ---> set rotation angle (แนะนำที่ 20°) ---> copy ---> ctrl+D (เพื่อเพิ่มจำนวนกลีบดอกไม้ตามที่ต้องการ)

3. เมื่อเราได้ ลับดอกสุดท้ายแล้วเราจะเห็นว่า กลีบสุดท้ายนั้นอยู่บนสุดของกลับอื่นๆ ต่อไปเราจะทำการซ้อนกลีบดอกไม้ให้ดูสวยงามยิ่งขึ้น

4. remove fill ออกจะได้ดังรูป

5. เลือก knife tool จากนั้นให้ทำการวาดส่วนที่ต้องการซ้อน

6. กด delete จะได้ตามรูปด้านล่าง

7. ใส่ fill สีเข้าไป แค่นี้เราก็จะได้กลีบดอกไม้อันสวนงาม