เทคนิคการสร้างงานกราฟิกด้วย Illustrator

                                เทคนิคการสร้างงานกราฟิกด้วย Illustrator

กิจกรรม
วิธีการ
1. การสร้างรูปดอกไม้มีเส้น
หลักการ การกาหนดจุดหมุน และให้ Repeat Transform โดยกดปุ่ม Ctrl ร่วมกับปุ่ม D มีขั้นตอน ดังนี้
1. วาดรูป Oval โดยใช้
2. คลิก Rotate Tool
3. กด Alt ค้างไว้ แล้วคลิกที่ด้านล่างสุดของรูป จะเกิด
4. กาหนดจุดหมุน 45 องศา และกด Copy
5. กด Ctrl + D จะทา Transform ซ้า คือหมุน 45 องศา
6. กด Ctrl + D จนได้รูปหมุน ครบทุกกลีบ ดังภาพ
2. การสร้างรูปดอกไม้ไร้เส้น
หลักการ ทาเหมือนกิจกรรมที่ 1 สิ่งที่เพิ่มขึ้นคือ เปิด Pathfinder Panel และเลือกให้รวมเส้นกลาง จากนั้นจึงกาหนด Stroke เป็นไม่มี Stroke มีขั้นตอน ดังนี้
1. ทาเหมือนกิจกรรมที่ 1
2. เลือก Selection tool (ลูกศรสีดา) และลากคลุมภาพทั้งหมด จะเลือกทั้งหมด ทุกกลีบ
3. ไปที่ Window > Pathfinder
4. เลือกปุ่มแรก เป็นการรวมทั้งหมดเข้าด้วยกัน
5. คลิกปุ่ม Stroke เพื่อเปิดหน้าจอสี Stroke
6. เลือกช่องแรกที่มีสีขาว และสีแดงคาด แสดงว่าไม่ใช้
stroke
3
กิจกรรม
วิธีการ
3. สร้างรูปวงกลม
หลักการ ปรับค่า Stroke ใน Appearance Panel มีขั้นตอนดังนี้
1. ไปที่เครื่องมือ Ellipse Tool
2. กดปุ่ม Alt ค้างไว้เพื่อลากจากจุดกลาง และกด Shift ค้างไว้ เพื่อให้ได้วงกลม
3. ไปที่ Appearance Panel คลิกที่ข้อความ Stroke เพื่อเปิดหน้าจอให้ปรับค่า Stroke และตั้งค่า ดังภาพ
(Weight:20, Cap: Round Cap, เลือก Dashed Line, เลือกเส้นแบบ Aligns Dashes to Corner, dash: 0, gap: 28 pt)
4. เปลี่ยนสีของ Stroke เป็นสีเหลือง โดยคลิกที่ลูกศร ข้าง Stroke ดังภาพ
5. ถ้าต้องการให้วงกลมใหญ่ขึ้น ให้ปรับค่า Weight และปรับความห่าง โดยปรับค่า gap ตามต้องการ
4
กิจกรรม
วิธีการ
4. สร้างภาพ (Double Strokes)
หลักการ ภาพเหมือนกิจกรรมที่ 3 แต่มีเส้นสีดาล้อมรอบ มีขั้นตอน ดังนี้
1. สร้างภาพเหมือนกิจกรรมที่ 3
2. ที่ Appearance Panel คัดลอกชั้น Stroke อีก 1 ชั้น โดยเลือก และคลิกที่ปุ่มด้านล่าง ดังภาพ
3. ที่ชั้นล่าง เพิ่มเส้น Stroke ให้มากขึ้น ในตัวอย่างเพิ่มเป็น 22 pt
4. เปลี่ยนสีของ stroke เป็นสีดา
5
กิจกรรม
วิธีการ
5. การสร้างรูป (ปุ่ม บนหน้าปัดนาฬิกา)
หลักการ ใช้การ Rotate โดยกาหนด Origin Point ที่เป็นจุดหมุนของเข็มนาฬิกา กาหนดองศาการหมุนที่ 30 องศา และ กด Ctrl + D ทาซ้า ๆ จนครบ 12 จุด มีขั้นตอน ดังนี้
1. สร้างรูปดาว ในตาแหน่ง 12 นาฬิกา (Fill สีแดง และไม่มี Stroke)
2. นาไม้บรรทัดมาวาง (Ctrl + R) และลากเส้น Guide มาวางให้ตรงกึ่งกลางรูปดาว
3. คลิก Rotate เล็งจุด Origin Point ให้ตรงกึ่งกลางด้านล่างของดาวลงมาประมาณ 3 เท่าของความสูงของดาว (กาหนดบนเส้น Guide จะตรงกลางพอดี) จุดนี้จะเป็นจุดหมุนของเข็มนาฬิกา
4. กด Alt ค้างไว้ และกดที่ตาแหน่ง Origin Point ที่เล็งเอาไว้แล้ว
5. จะเกิด dialog box การ Rotate
6. กาหนดองศาการหมุนเท่ากับ 30 และคลิก Copy
7. กด Ctrl + D ให้ทา Transform ซ้า จนได้ครบทั้ง 12 ปุ่ม
6. การสร้างกลีบดอกไม้
หลักการ การใช้ Pathfinder ในส่วนที่ต้องการ มีขั้นตอน ดังนี้
1. สร้างวงกลมซ้อนกัน 2 วง ให้จุดศูนย์กลางของวงกลมอยู่ในแนวนอนเดียวกัน
2. ใช้ Pathfinder เลือกเอาแต่ส่วนที่ซ้อนกัน ดังภาพ
3. จะได้กลีบแรกในแนวตั้ง จากนั้นจึงหมุน โดยกาหนดจุด Origin Point ให้อยู่ด้านล่าง และหมุนเป็นมุม 60 องศา (6 กลีบ เท่ากับ 360 หารด้วย 6 ได้เท่ากับ 30) จากนั้น กด Ctrl + D ให้ทาซ้า จนได้ครบทั้ง 6 กลีบ
6
กิจกรรม
วิธีการ
7. การสร้างภาพดอกไม้กราฟิก
มีขั้นตอนการทา ดังนี้
1. นารูปข้างบนมาทาต่อ โดยคัดลอกและหมุน 15 องศา
2. จะได้ดอกไม้ 12 กลีบ
3. เลือกทั้งหมด ( Ctrl + A)
4. ใช้ Shape Builder Tool ตัดบริเวณที่กลีบแต่ละกลีบตัดกัน เพื่อเจาะให้เห็นพื้นหลัง (กด Alt ค้างไว้ จะตัด)
5. สร้างวงกลมที่จุดศูนย์กลาง โดยวาดจากจุดศูนย์กลาง (กด Alt ค้างไว้) ขยายขอบไปให้ถึงจุดที่กลีบตัดกัน และกาหนดไม่ให้มี Stroke ส่วน Fill ให้เป็น Gradient จาก เหลืองที่จุดกึ่งกลาง ไปหาแดงน้าตาล
6. ส่งวงกลมนี้ไปข้างหลัง จะได้ดอกไม้ 12 กลีบ และมี Gradient ในช่องว่างระหว่างกลีบที่ตัดกัน
7. สร้างวงกลมตรงกลางใส่สีเหลือง และนาเส้นมาลากเป็นก้านเกสร กาหนดความกว้างของเส้นเป็น 2 pixels และวาดวงกลมสีเหลืองเป็นปลายเกสร
8. จากนั้นจึง Group ทั้งหมดเข้าด้วยกัน และหมุน เป็นมุม 30 องศา ใช้จุด Original Point ตรงกลางดอกพอดี จะได้ภาพดอกไม้ 12 แฉกมีเกสร 12 อัน
9. Ungroup และใช้ pathfinder เพื่อแยกส่วนชิ้นต่าง ๆ ออกจากกัน และลบบริเวณกลีบดอกที่ซ้ากันออก
10. สร้างวงกลม ให้จุดศูนย์กลางอยู่ที่เดียวกับดอกไม้ และ Fill ด้วย Radial Gradient จากเหลืองไปแดง
11. ส่งวงกลมนี้ไปด้านหลัง จะได้ผลสุดท้ายดังภาพ
7
กิจกรรม
วิธีการ
8. การสร้างภาพที่มีลักษณะสมดุล
หลักการ สร้างครึ่งหนึ่ง แล้วใช้เครื่องมือ Reflection Tool วาดอีกครึ่งหนึ่ง มีขั้นตอน ดังนี้
1. ใช้ Pen Tool ลากวาดเส้นโค้งครึ่งหนึ่ง จุดแรกและจุดสุดท้ายให้ตรงกันพอดี จะได้ครึ่งหนึ่งพอดี แล้ว วาด
2. เลือก Reflection Tool (อยู่หลัง Rotate Tool)
3. กด Alt ค้างไว้แล้วคลิกที่ปลายข้างหนึ่ง (เป็นการกาหนดจุด Origin Point ที่ปลายเพื่อจะได้ใช้เป็นจุดหมุน) จะเกิด dialog box ให้ระบุลักษณะการ Reflect
4. ให้เลือก Vertical 90 องศา และคลิก Copy จะได้รูปอีกข้างหนึ่งครบเป็นรูปหัวใจพอดี
5. ใช้ลูกศรสีดา ลากคลุมทั้ง 2 ส่วน แล้วกด Ctrl +j จะได้เป็นชิ้นเดียวกัน
อีกทางเลือกหนึ่ง
เมื่อวาดในขั้นตอนที่ 1 เสร็จแล้ว ให้ดับเบิ้ลคลิกที่ Reflection Tool จะเกิด dialog box และ จุด Origin Point จะอยู่ที่จุด Anchor point สุดท้ายที่ Active อยู่ ทาให้ไม่ต้องกาหนดจุดนี้เอง และคิดว่า น่าจะแม่นยากว่ากาหนดเอง และสะดวกกว่าด้วย
8
กิจกรรม
วิธีการ
9. การสร้างโล่
หลักการ สร้างครึ่งหนึ่ง แล้วใช้เครื่องมือ Reflection Tool วาดอีกครึ่งหนึ่ง วิธีการเหมือนกับกิจกรรมที่ มีขั้นตอน ดังนี้
1. ใช้ Pen Tool ลากวาดเส้น ดังภาพ
2. เลือก Reflection Tool (อยู่หลัง Rotate Tool)
3. กด Alt ค้างไว้แล้วคลิกที่ปลายข้างหนึ่ง (เป็นการกาหนดจุด Origin Point ที่ปลายเพื่อจะได้ใช้เป็นจุดหมุน) จะเกิด dialog box ให้ระบุลักษณะการ Reflect
4. ให้เลือก Vertical 90 องศา และคลิก Copy จะได้รูปอีกข้างหนึ่งครบเป็นรูปโล่พอดี
5. เลือกคลุมทั้งหมด แล้วใส่สีแดง ดังภาพ
9
กิจกรรม
วิธีการ
10. สร้างรูปรังสีพระอาทิตย์
หลักการ ใช้ Direct Selection tool คู่กับ Transform Tool มีขั้นตอนดังนี้
1. สร้างรูปสี่เหลี่ยมผืนผ้า แนวตั้งโดยใช้ Rectangle Tool
2. เลือก Direct Selection Tool แล้วเลือกมุมล่าง 2 มุม
3. กดปุ่ม E เพื่อเรียกใช้งาน Transform tool
4. กดปุ่ม Alt และลากบริเวณตรงกลาง เข้า รูปสี่เหลี่ยมจะหดเฉพาะมุมล่าง
5. เมื่อปล่อยเมาส์ จะได้ดังภาพ
6. คลิกปุ่มเลือก Selection Tool เพื่อเลือกทั้งหมด
10
กิจกรรม
วิธีการ
7. กดปุ่ม R เพื่อใช้งาน Rotate Tool
8. กด Alt ค้างไว้ และคลิกที่ปลายด้านล่าง จะเกิด dialog box ให้เลือกหมุน 90 องศา
9. กดปุ่ม OK dialog box จะหายไป และได้ดังภาพ
10. คราวนี้จะสร้างรังสี อันที่ 2
11. กด Alt ค้างไว้ และกดที่ปลายด้านเล็ก จะเปิด Rotate dialog box อีกครั้ง คราวนี้ ให้กาหนดมุม เป็น -10 องศา และคลิกที่ Copy
12. จะได้ภาพ ดังนี้
13. กดปุ่ม Ctrl + D เพื่อทาซ้า จนได้ภาพที่ต้องการ
11. สร้างรูปมีรูตรงกลางโดยใช้ Layer Clipping Mask
หลักการ รูปนี้ เป็นการสร้างวงกลมมีรูตรงกลาง เป็น compound path คือ สร้างวงกลม เป็น path 2 วง แล้วนามารวมกันเป็นอันเดียวกัน จะได้วงกลมมีรูตรงกลาง จากนั้น copy ไปไว้อีก Layer หนึ่ง ให้อยู่ข้างล่าง ที่ Layer เดิม สร้าง Gradient แล้วจึงใช้ compound path เป็น Mask โดยใช้ Layer Clipping Mask ทาให้ Mask ซึ่งเป็นวงกลมมีรูตรงกลาง ส่วนด้านล่าง จะเห็นได้จาก Layer ล่างที่ได้ copy ภาพไว้ก่อน มีขั้นตอน ดังนี้
11
กิจกรรม
วิธีการ
1. สร้างวงกลม 2 วง โดยให้จุดศูนย์กลางอยู่ที่เดียวกัน (กด Alt เริ่มจากตรงกลาง และ Shift ให้ได้วงกลมที่สมบูรณ์)
2. เลือกวงกลมทั้งสอง แล้วไปที่ Object > Compound Path > Make
3. เติมสีให้ Path ที่สร้างใหม่ ไม่ให้มี Stroke
4. สร้าง Layer ใหม่ จะได้ Layer 2
5. คลิก Layer 1 เลือกวงกลมมีรู ไปที่ Edit> Copy
6. คลิกที่ Layer 2 แล้วไปที่เมนู Edit เลือก Paste in Place จะวางรูปวงกลมมีรู ในตาแหน่งเดิม แต่อยู่ที่ Layer 2
7. ลากให้ Layer 2 อยู่ล่าง Layer 1
8. คลิกเลือก Layer 1 เราจะทางานที่ Layer 1
9. ใช้ Pen Tool สร้าง รูป ดังภาพ
12
กิจกรรม
วิธีการ
10. กาหนด Fill ของ Path ที่สร้างใหม่ เป็น Gradient (ดูเรื่องการสร้าง Gradient ในเอกสารนี้)
ไปที่ กาหนดสี และเลือก Gradient Tool และลากเพื่อให้ได้สี Gradient ในแนวตั้ง
11. ที่ Layer 1 เลื่อน ภาพวงกลมมีรู ให้อยู่เหนือ Path ที่สร้างใหม่ เพื่อใช้ ภาพวงกลมเป็น