เคล็ดลับ 1: วิธีการสร้างตารางแบบมีมิติเท่ากันใน Adobe Illustrator

เคล็ดลับ 1: วิธีการสร้างตารางแบบมีมิติเท่ากันใน Adobe Illustrator


ในบทเรียนนี้ผมจะบอกคุณว่าในขั้นตอนง่ายๆเพียงไม่กี่ขั้นตอนในการสร้างตารางแบบมีมิติเท่ากันใน Illustrator



วิธีการสร้างตารางแบบมีมิติเท่ากันใน Adobe Illustrator


คุณจะต้อง



  • Adobe Illustrator CS3 หรือสูงกว่า
  • ระดับการเป็นเจ้าของ: เริ่มต้น
  • เวลาในการปฏิบัติงาน: 2 นาที


การเรียนการสอน


1


สร้างเอกสารใหม่และเลือก Rectangular Grid Tool





2


กด Enter และระบุพารามิเตอร์ของตาราง จำนวนช่องแบ่งแนวตั้งและแนวนอนขึ้นอยู่กับโครงการของคุณป้อนพารามิเตอร์ที่เหมาะสมกับความต้องการของคุณ





3


ตอนนี้คุณมีสองทางเลือก คุณสามารถป้อนความกว้างและความสูงได้อย่างถูกต้อง (ไม่แนะนำ) ซึ่งในกรณีนี้คุณต้องป้อนค่าความกว้างและความสูงเดียวกันเพื่อรับตารางสี่เหลี่ยม ในกรณีที่สองคุณสามารถยืดเส้นตารางด้วยเมาส์ค้างไว้ปุ่ม Shift





4


เลือกตารางและไปที่ Object> Transform> Scale เลือก Non-Uniform แล้วป้อน 86.062% ใน Vertical option คลิกตกลง





5


โดยไม่ต้องลบการเลือกออกจากตารางให้ไปที่ Object> Transform> Shear และระบุค่า 30 ในพารามิเตอร์ Angle คลิกตกลง





6


ไปที่ Object> Transform> Rotate และระบุค่าของ -30 ในพารามิเตอร์ Angle คลิกตกลง





7


ตอนนี้กริดพร้อมแล้ว สิ่งที่คุณต้องทำคือแปลงเป็นคำแนะนำ เลือกตารางและไปที่ View> Guides> Make Guides หรือกด Ctrl + 5






เคล็ดลับที่ 2: การสร้างพวงหรีดใน Adobe Illustrator


พวงหรีดมักใช้ในการออกแบบโลโก้และสัญลักษณ์ในสไตล์คลาสสิกและในบทเรียนนี้ฉันจะบอกวิธีการเพียงแค่วาดพวงหรีดใน Illustrator



ผลสุดท้าย


คุณจะต้อง



  • โปรแกรม Adobe Illustrator
  • ระดับการเป็นเจ้าของ: เริ่มต้น
  • เวลาที่ต้องปฏิบัติ: 30 นาที


การเรียนการสอน


1


สร้างเอกสารใหม่วาดวงรีโดยใช้ Ellipse Tool (L) และทาสีด้วยสี R = 171, G = 187, B = 64



วิธีสร้างพวงหรีดใน Adobe Illustrator

2


ตอนนี้คุณต้องทำขอบคมชัดด้านบนและด้านล่าง เลือกเครื่องมือแปลงจุดยึด (Shift + C) และคลิกที่จุดยึดที่ต้องการ



วิธีสร้างพวงหรีดใน Adobe Illustrator

3


เอียงวัตถุไปทางซ้ายโดยใช้ Free Transform Tool (E)



วิธีสร้างพวงหรีดใน Adobe Illustrator

4


วาดเส้นโดยใช้เครื่องมือ Line Segment () ทำสีจังหวะ R = 118, G = 127, B = 32 เลือก Round Cap ในส่วนของ stroke options วางใบบนต้นกำเนิด



วิธีสร้างพวงหรีดใน Adobe Illustrator

5


วาดวงกลม (R = 158, G = 25, B = 19) โดยใช้เครื่องมือวงรี (L) จากนั้นวาดสี่เหลี่ยมผืนผ้าบาง (R = 118, G = 127, B = 32) ด้วยเครื่องมือสี่เหลี่ยมผืนผ้า (M) วางวงกลมที่ด้านบนของสี่เหลี่ยมผืนผ้าและจัดกลุ่มไว้ (Ctrl + G) มันจะเป็นผลไม้เล็ก ๆ



วิธีสร้างพวงหรีดใน Adobe Illustrator

6


เอียงผลไม้เล็ก ๆ ไปทางซ้ายและวางไว้ข้าง ๆ กลีบบนลำต้น



วิธีสร้างพวงหรีดใน Adobe Illustrator

7


เลือกชีตและผลเบอร์รี่ค้างไว้ Shift + Alt แล้วลากไปที่ด้านบน ทำซ้ำการกระทำด้วย Ctrl + D หลายครั้ง



วิธีสร้างพวงหรีดใน Adobe Illustrator

8


วางแผ่นแนวตั้งที่ด้านบนของลำต้น



วิธีสร้างพวงหรีดใน Adobe Illustrator

9


เลือกใบและผลเบอร์รี่ทั้งหมดทางด้านซ้ายคลิกขวาและเลือก Transform> Reflect ในหน้าต่างที่เปิดขึ้นให้เลือกแนวตั้งแล้วคลิกคัดลอก ตอนนี้เรามีสาขาแล้ว



วิธีสร้างพวงหรีดใน Adobe Illustrator

10


เลือกทั้งหมด (Ctrl + A) เลือกบนแผงด้านบนผลกระทบ> Warp> Arc ในหน้าต่างที่เปิดขึ้นให้ตั้งค่าพารามิเตอร์ Bend เป็น 60% และเลือก Vertical คลิกตกลงเพื่อยอมรับการเปลี่ยนแปลง



วิธีสร้างพวงหรีดใน Adobe Illustrator

11


เลือก Object> Expand Appearance ที่แผงด้านบน



วิธีสร้างพวงหรีดใน Adobe Illustrator

12


เอียงสาขาไปทางซ้ายเล็กน้อย



วิธีสร้างพวงหรีดใน Adobe Illustrator

13


เลือกสาขาโค้งคลิกขวาและเลือก Transform> Reflect ในหน้าต่างที่เปิดขึ้นให้เลือกแนวตั้งแล้วคลิกคัดลอก ย้ายสำเนาไปทางขวา



วิธีสร้างพวงหรีดใน Adobe Illustrator

14


ฉันใส่วงกลมสีเหลืองตรงกลาง แต่ก็มีอะไรที่นี้ได้



วิธีสร้างพวงหรีดใน Adobe Illustrator



เคล็ดลับที่ 3: วิธีการสร้างเอฟเฟ็กต์ Long Shadow ใน Adobe Illustrator


บทเรียนนี้เป็นเทคนิคหลายอย่างในการสร้างผลกระทบจากเงาที่ยาวนานซึ่งมักใช้ในแนวโน้มการออกแบบล่าสุด



วิธีการสร้างเอฟเฟ็กต์ Long Shadow ใน Adobe Illustrator


คุณจะต้อง



  • Adobe Illustrator CS5 หรือสูงกว่า
  • ระดับการเป็นเจ้าของ: เริ่มต้น
  • เวลาสัญญา: 20 นาที


การเรียนการสอน


1


สร้างเอกสารใหม่เลือกเครื่องมือสี่เหลี่ยมผืนผ้ากลมและวาดสี่เหลี่ยม



วิธีการสร้างเอฟเฟ็กต์ Long Shadow ใน Adobe Illustrator

2


เพื่อความชัดเจนมากขึ้นฉันจะพิจารณาเทคนิคการใช้ตัวอย่างข้อความ แต่สามารถใช้กับวัตถุใด ๆ ที่คุณต้องการได้



วิธีการสร้างเอฟเฟ็กต์ Long Shadow ใน Adobe Illustrator

3


โดยไม่ต้องลบการเลือกออกจากข้อความให้ไปที่แผงควบคุมลักษณะที่ปรากฏ (หน้าต่าง> ลักษณะที่ปรากฏ) และคลิกเพิ่มข้อมูลใหม่ที่ด้านล่างของแผง ลากส่วนที่สร้างขึ้นใต้ระดับของ "อักขระ" เพื่อใช้เอฟเฟ็กต์กับข้อความ



วิธีการสร้างเอฟเฟ็กต์ Long Shadow ใน Adobe Illustrator

4


เลือกเลเยอร์เติมในแผงลักษณะที่ปรากฏ (Appearance)คลิก Add New Effect ที่ด้านล่างของแผงควบคุมและเลือก Distort & Transform> Transform ป้อนค่าตามที่ปรากฏในรูปภาพ คุณสามารถลดความทึบเป็น 12% หรือสิ่งที่คุณต้องการได้



วิธีการสร้างเอฟเฟ็กต์ Long Shadow ใน Adobe Illustrator

5


ดังที่คุณเห็นเราได้สร้างสำเนาหลายฉบับและเลื่อนไปทางขวาเล็กน้อยเพื่อสร้างเงาที่ราบรื่น แต่น่าเสียดายที่ตอนนี้เงาเกินขอบเขตของไอคอนดังนั้นคุณต้องสร้างหน้ากากตัดเลือกสี่เหลี่ยมจัตุรัสที่มีมุมโค้งมนให้คัดลอกและวางไว้เหนือชั้นข้อความ หลังจากเลือกสแควร์และข้อความใหม่แล้วให้คลิกขวาที่พื้นที่ทำงานและเลือก Make Clipping Mask เงาที่อยู่นอกตารางจะถูกซ่อนไว้และตอนนี้คุณสามารถใช้เทคนิคเดียวกันเพื่อสร้างเงาให้กับสแควร์หลักได้



วิธีการสร้างเอฟเฟ็กต์ Long Shadow ใน Adobe Illustrator

6


ทำซ้ำขั้นตอนที่ 1 และ 2 เลือกข้อความแล้วกด Ctrl + C> Ctrl + B สองครั้งเพื่อสร้างสำเนาสามชุด เลือกสีดำสำหรับสำเนาด้านล่างสองชุด



วิธีการสร้างเอฟเฟ็กต์ Long Shadow ใน Adobe Illustrator

7


เลือกสำเนาต่ำสุดกดปุ่ม Shift ค้างไว้และย้ายข้อความดังที่แสดงในภาพ ลดความทึบลงเหลือ 0%



วิธีการสร้างเอฟเฟ็กต์ Long Shadow ใน Adobe Illustrator

8


เลือกทั้งสำเนาล่างของข้อความไปที่ Object> Blend> Blend Options และป้อน 150 ในฟิลด์พารามิเตอร์ Specified Steps เพื่อให้ได้ราบรื่น



วิธีการสร้างเอฟเฟ็กต์ Long Shadow ใน Adobe Illustrator

9


ตอนนี้คุณสามารถลดความทึบของเงาที่ได้เป็น 12% สร้างหน้ากากตัดภาพได้เหมือนในตัวอย่างก่อนหน้าและใช้เทคนิคการสร้างเงานี้กับสแควร์หลัก



วิธีการสร้างเอฟเฟ็กต์ Long Shadow ใน Adobe Illustrator

10


เทคนิคต่อไปนี้คล้ายกับก่อนหน้านี้สร้างสำเนาสองชุดของข้อความภายใต้หลักและสร้างการเปลี่ยนแปลงที่ราบรื่นระหว่างพวกเขา แต่คราวนี้สำเนาล่างไม่จำเป็นต้องทำโปร่งแสงเลือกการเปลี่ยนแปลงที่สร้างขึ้นและไปที่ Object> Expand นี้ตัดการเชื่อมต่อกับ 150 แยกวงจร โดยไม่ต้องนำออกจากส่วนที่เลือกไปที่แผงคำเบิกพา (Window> Pathfinder) และเลือก Unite ซึ่งจะรวมพา ธ ทั้งหมดที่เลือกเข้าไว้ด้วยกัน



วิธีการสร้างเอฟเฟ็กต์ Long Shadow ใน Adobe Illustrator

11


เลือกเครื่องมือไล่โทน (Gradient Tool) (G) และกรอกข้อมูลรูปร่างที่สร้างขึ้นโดยใช้การไล่ระดับสีจากสีดำถึงโปร่งใสที่มุม 45 องศา จากนั้นลดความทึบสำหรับเลเยอร์นี้ตามที่คุณต้องการ



วิธีการสร้างเอฟเฟ็กต์ Long Shadow ใน Adobe Illustrator

12


อย่างที่คุณเห็นหลังจากผสานเข้ามีจุดควบคุมที่ไม่จำเป็นจำนวนมากที่เหลืออยู่ในเส้นขอบ เราจะกำจัดข้อมูลเหล่านี้ออกเนื่องจากรูปทรงของเราค่อนข้างเรียบง่ายไม่ต้องใช้เครื่องมือ Pen Tool (P) หลังจากที่เปิดใช้ Smart Guides (View> Smart Guides) แล้วอีกวิธีหนึ่งก็คือเลือกจุดยึดที่ไม่จำเป็นทั้งหมดโดยใช้ เลือกเครื่องมือโดยตรง (A) แล้วกด Del



วิธีการสร้างเอฟเฟ็กต์ Long Shadow ใน Adobe Illustrator

13


สร้างหน้ากากตัดสำหรับเงาผลลัพธ์และใช้เทคนิคเดียวกันกับสี่เหลี่ยมหลัก



วิธีการสร้างเอฟเฟ็กต์ Long Shadow ใน Adobe Illustrator



เคล็ดลับที่ 4: การสร้างโลโก้แบทแมนใน Adobe Illustrator


ในบทเรียนนี้เราจะแสดงวิธีการสร้างโลโก้แบทแมนโดยใช้ออบเจกต์ง่ายๆใน Illustrator



วิธีการสร้างโลโก้ Batman ใน Adobe Illustrator


คุณจะต้อง



  • Adobe Illustrator CS5 หรือสูงกว่า
  • ระดับการเป็นเจ้าของ: ปานกลาง
  • เวลาที่ต้องปฏิบัติ: 30 นาที


การเรียนการสอน


1


ใช้เครื่องมือ Ellipse Tool (L) เพื่อวาดรูปไข่สีส้มฐาน วาดรูปไข่อีกรูปหนึ่งดังแสดงในภาพ นี่จะเป็นรูปร่างของปีกซ้าย ฉันใช้สีที่สามารถแยกแยะได้ง่ายเพื่อความชัดเจน



วิธีการสร้างโลโก้ Batman ใน Adobe Illustrator

2


ทำสำเนาของรูปไข่สีฟ้า (Ctrl + C> Ctrl + V) แล้วหมุนภาพ 30 องศาไปทางขวา



วิธีการสร้างโลโก้ Batman ใน Adobe Illustrator

3


เลือกทั้งวงรีสีฟ้าทำสำเนา (Ctrl + C> Ctrl + V) คลิกขวาและเลือก Transform> Reflect ในหน้าต่างที่เปิดขึ้นให้เลือก Vertical เพื่อขยายแนวตั้ง กลุ่ม ovals (Ctrl + G) เพื่อให้ง่ายต่อการจัดการ



วิธีการสร้างโลโก้ Batman ใน Adobe Illustrator

4


จัดแนวจุดศูนย์กลางทั้งสองข้างตามที่แสดงในภาพ



วิธีการสร้างโลโก้ Batman ใน Adobe Illustrator

5


สำหรับขั้นตอนนี้ฉันซ่อนทุกวงรีสีฟ้ายกเว้นหนึ่งอัน เลือกจุดไข่ปลาสีส้มและสีน้ำเงินและใช้เครื่องมือสร้างรูปร่าง (Shift + M) เลือกด้านล่างของรูปไข่สีฟ้า



วิธีการสร้างโลโก้ Batman ใน Adobe Illustrator

6


ยกเลิกการเลือกจุดไข่ปลา ใช้เครื่องมือเลือก (V) เลือกด้านล่างของรูปไข่สีฟ้าและกดปุ่ม Del ทำซ้ำขั้นตอนเหล่านี้กับวงรีสีฟ้าอื่น ๆ



วิธีการสร้างโลโก้ Batman ใน Adobe Illustrator

7


เลือกสี่ส่วนของวงรีสีฟ้าโดยใช้เครื่องมือเลือก (V) และเปลี่ยนเป็นเครื่องมือสร้างรูปร่าง (Shift + M) และวาดเส้นผ่าน นี้จะรวมสี่วงจรเป็นหนึ่ง



วิธีการสร้างโลโก้ Batman ใน Adobe Illustrator

8


เลือกพา ธ ทั้งหมดและคลิก Minus Front ที่แผง Pathfinder



วิธีการสร้างโลโก้ Batman ใน Adobe Illustrator

9


เราผ่านไปยังส่วนบนของปีก ใช้เครื่องมือวงรี (L) วาดวงกลมสองวงตามที่แสดงในภาพ จากนั้นเลือก Pen Tool (P) และวาดสามเหลี่ยมดังแสดงในภาพ



วิธีการสร้างโลโก้ Batman ใน Adobe Illustrator

10


วาดสามเหลี่ยมเดียวกันสำหรับวงกลมด้านขวา เมื่อต้องการรวมวงกลมและรูปสามเหลี่ยมเข้าไปในเส้นทางเดียวให้เลือกวงกลมและลากเส้นโดยใช้เครื่องมือสร้างรูปร่าง (Shift + M) ที่นี่ฉันได้ซ่อนรูปไข่สีส้มเพื่อความชัดเจน



วิธีการสร้างโลโก้ Batman ใน Adobe Illustrator

11


เลือกเส้นทางทั้งหมดจากนั้นเลือกเส้นขอบสีฟ้าโดยใช้เครื่องมือสร้างรูปร่าง (Shift + M) และลบออก ใช้เครื่องมือวงรี (L) วาดวงกลมตามที่แสดงในภาพ นี่คือหัวในอนาคต



วิธีการสร้างโลโก้ Batman ใน Adobe Illustrator

12


วาดสามเหลี่ยมทั้งสองด้านด้วย Pen Tool (P) สำหรับหูในอนาคต



วิธีการสร้างโลโก้ Batman ใน Adobe Illustrator

13


เลือกพา ธ ทั้งหมดแล้วไฮไลต์สีส้มส่วนระหว่างสองรูปสามเหลี่ยมสีชมพูโดยใช้เครื่องมือสร้างรูปร่าง (Shift + M) ลบชิ้นส่วนสีส้มนี้และรวมเส้นทางที่เหลือโดยใช้เครื่องมือสร้างรูปร่าง (Shift + M) หรือแผงคำนำหน้า



วิธีการสร้างโลโก้ Batman ใน Adobe Illustrator

14


วงจรพื้นฐานพร้อมแล้ว ตรวจสอบให้แน่ใจว่าไม่มีที่ไหนเลยไม่มีจุดควบคุมพิเศษและรูปทรงเปิด



วิธีการสร้างโลโก้ Batman ใน Adobe Illustrator

15


เลือกเค้าร่างของค้างคาวและเปลี่ยนสีเป็นสีดำ วาดรอบ ๆ มันเป็นรูปไข่สีเหลืองขนาดใหญ่และภายใต้มันอีกหนึ่งสีดำเพื่อให้โลโก้



วิธีการสร้างโลโก้ Batman ใน Adobe Illustrator



เคล็ดลับที่ 5: การทำงานกับตารางใน Adobe Illustrator


กริดสามารถช่วยคุณได้มากในการสร้างและการแก้ไขวัตถุ ตัวอย่างเช่นถ้าขนาดของวัตถุในอนาคตมีหลายพิกเซล 5 พิกเซลคุณสามารถระบุขนาดของเซลล์กริด 5 พิกเซลและรวมสแน็ปไปยังตาราง



การทำงานกับตารางใน Adobe Illustrator


ตารางจะแสดงเฉพาะเมื่อทำงานใน Adobe Illustrator และไม่ปรากฏขึ้นเมื่อพิมพ์ลงบนกระดาษ

หากต้องการแสดงหรือซ่อนตารางให้เลือกมุมมอง> แสดงตารางหรือดู> ซ่อนตารางจากเมนู (หรือใช้ชุดค่าผสมหลัก [Ctrl +]]

เมื่อต้องการเปิดใช้งานการผูกวัตถุกับตารางเลือกมุมมอง> กวาดไปที่ตารางจากเมนู (ชุดค่าผสม [Shift + Ctrl + "]) ในกรณีนี้วัตถุที่วางไว้แล้วในพื้นที่การชุมนุมจะไม่ถูกผูกไว้โดยอัตโนมัติกับตารางคุณจะต้องเลือกวัตถุและย้ายวัตถุ วัตถุใหม่ทั้งหมดจะถูกผูกไว้กับตารางโดยอัตโนมัติ

หากคุณเลือก View> Pixel Preview การเชื่อมต่อกับตารางจะเปลี่ยนไปเป็นพิกเซล

ในการกำหนดค่าการตั้งค่าตารางคุณต้องไปที่ Edit> Preferences> Guides & Grid (ในระบบปฏิบัติการ Windows) หรือ Illustrator> Preferences> Guides & Grid (ภายใต้ระบบปฏิบัติการ Mac OS)

พิจารณาการตั้งค่าที่เป็นไปได้สำหรับตาราง:

  • สี - รับผิดชอบต่อสีของเส้นตาราง;
  • สไตล์ - สไตล์ของเส้นตาราง (ของแข็งหรือจุด);
  • Gridline ทุก - ช่วงระหว่างเส้น;
  • การแบ่งเขต - การแบ่งเซลล์ตารางเป็นหลายส่วน
  • Grids In Black - ซ่อนหรือแสดงตารางด้านบนของวัตถุสีดำ;
  • แสดงพิกเซลตาราง - แสดงหรือซ่อนตารางพิกเซลที่เพิ่มขึ้นในพื้นที่แสดงผลของ artboard ขนาดใหญ่ (มากกว่า 600%)




เคล็ดลับที่ 6: คำแนะนำใน Adobe Illustrator


เช่นเดียวกับตารางใน Adobe Illustrator,จำเป็นต้องมีคู่มือแนะนำเพื่อช่วยในการสร้างและแก้ไขวัตถุ แต่แตกต่างจากเส้นตารางคำแนะนำสามารถวางได้ทุกมุมและมีรูปทรงที่ต่างกันโดยสิ้นเชิง



คู่มือสองประเภทใน Adobe Illustrator


คำแนะนำจะไม่แสดงผลเมื่อพิมพ์ลงบนกระดาษและจะปรากฏเฉพาะเมื่อทำงานในโปรแกรมเท่านั้น

คุณสามารถสร้างเส้นแนวเส้นแนวตั้งซึ่งวางอยู่ในแนวตั้งหรือแนวนอนหรือแนะนำวัตถุที่สร้างขึ้นจากวัตถุเวกเตอร์ทั่วไป

  • เพื่อที่จะสร้างคู่มือเชิงเส้นวางเคอร์เซอร์ไว้เหนือไม้บรรทัดแนวตั้งหรือแนวนอนค้างไว้และลากไปยังตำแหน่งที่ต้องการ หากต้องการ จำกัด คำแนะนำในอาร์ตเวิร์กแทนที่จะกระจายไปยังพื้นที่ทำงานทั้งหมดคุณต้องเลือก Artboard [Shift + O] ก่อนจากนั้นจึงสร้างคำแนะนำ
  • ถ้าคุณต้องการสร้างคู่มือจากเวกเตอร์เลือกออบเจกต์นี้และเลือก View> Guides> Make Guides [Ctrl + 5] จากเมนู หากต้องการแปลงคำแนะนำกลับเป็นวัตถุเวกเตอร์ปกติให้เลือกมุมมอง> คำแนะนำ> วางจำหน่าย [Alt + Ctrl + 5] จากเมนู

หากต้องการซ่อนหรือแสดงคำแนะนำเลือกมุมมอง> ซ่อนคำแนะนำหรือดู> แสดงคำแนะนำ [Ctrl +;] จากเมนู

นอกจากนี้คุณสามารถเลือกสไตล์ของคู่มือ - ประเภทของเส้น (ของแข็งหรือจุด) และสี โดยไปที่ Edit> Preferences> Guides & Grid และเปลี่ยนการตั้งค่าที่เกี่ยวข้อง

โดยค่าเริ่มต้นคำแนะนำจะปลดล็อคและคุณคุณสามารถจัดการกับพวกเขาได้อย่างอิสระ แต่คุณสามารถปิดกั้นสิ่งเหล่านี้ได้หากต้องการเพื่อไม่ให้คุณตั้งใจทำอะไรกับพวกเขาในขณะที่คุณทำงาน ในการดำเนินการนี้ให้เลือก View> Guides> Lock Guides [Alt + Ctrl +;]