เฟรมเส้นเหล่านี้มีชีวิตชีวาอย่างไร?


19

กรอบเส้น 1 กรอบเส้น 2

ฉันรักและได้รับการประหลาดใจเสมอจากการออกแบบแบบ swirly นี้

หลังจาก 10 ปีทำงานเป็นนักออกแบบกราฟิกฉันก็ยังไม่สามารถหาความจริงได้อย่างไร การออกแบบโค้งเรขาคณิตโดยทั่วไป

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

คุณเคยทำงานเกี่ยวกับเทคนิคนี้กับ Illustrator บ้างไหม? แนวทางคืออะไร?


ทำไมคุณต้องแจ้งให้เราทราบว่าคุณมีนักออกแบบมากกว่า 10 ปี แค่อยากรู้ว่ามันจะเพิ่มประโยชน์อะไรกับคำถาม
DᴀʀᴛʜVᴀᴅᴇʀ

พวกมันถูกวาดด้วยวิธีนี้เหรอ? ไม่แน่ใจว่าจะตอบคำถามนี้อย่างไร พวกมันเป็นส่วนของเส้นโค้งที่รวมเข้าด้วยกัน แนวคิดเดียวกับการใช้คอมพิวเตอร์ฝรั่งเศสก่อนเส้นโค้ง
DA01

@ DA01 เห็นคนอายุต่ำกว่า 30 อาจไม่เคยเห็นโค้งฝรั่งเศสหรือวาดบนกระดาษที่มีไม้บรรทัดและวงเวียน แค่พูด.
joojaa

1
@ joojaa เอ๊ะ .... ใช่แล้ว ... โอเคฉันเห็นประเด็นของคุณแล้ว แต่จะเถียงใครก็ตามที่เป็นนักออกแบบกราฟิกควรมี มันเหมือนกับสถาปนิกที่ไม่รู้ว่าสถาปนิกคือใคร ใช่พวกเขาไม่จำเป็นต้องใช้มัน แต่มันมาพร้อมกับสนามหญ้า / ประวัติของอาชีพ :)
DA01

@ DA01 คุณจะพบว่าบ่อยครั้งที่ผู้คนรู้สิ่งต่าง ๆ มากมายที่พวกเขาไม่สามารถรวมความรู้นี้เข้ากับส่วนรวมและนำไปใช้ได้ในบางกรณี ดังนั้นควรเป็นสิ่งหนึ่ง แต่ถ้าไม่มีความสำคัญที่จะอธิบาย ทั้งหมดที่สามารถพูดได้คือฉันคิดว่ามันจะเห็นได้ชัดด้วยตนเองว่านักศึกษาปริญญาโทปีที่ 4 ในสาขาวิศวกรรมเครื่องกลจะรู้ตรีโกณมิติ เห็นได้ชัดว่าหนึ่งในสามที่ดีของพวกเขาทำไม่ได้จริงๆ แต่ใช่ฉันมีอาการกระตุกเข่าคล้ายกัน
joojaa

คำตอบ:


24

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

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

ประการที่สองชิ้นส่วนก่อสร้างสามารถสร้างขึ้นจากฟังก์ชั่นที่แตกต่างจากเกลียว แม้ว่าการจัดชิดกับตารางที่สร้างขึ้นด้วยตนเองจะได้ความแม่นยำของเส้นที่คล้ายกัน เคล็ดลับอีกครั้งคือการสะท้อนและหมุนส่วนสมมาตรและส่วนของเส้น

ก่อสร้างห่วง

ภาพที่ 1 : สร้างแพทเทิร์นที่ทำซ้ำได้

การทำงานที่ถูกต้องใน Illustrator ขึ้นอยู่กับการเรียนรู้ของเครื่องมือสาย , เครื่องมือวงรี , หมุนเครื่องมือ , เครื่องมือกระจก , เครื่องมือชั่งและเครื่องมือเอียง สิ่งเหล่านี้สิ่งที่ยากที่สุดในการเรียนรู้คือเครื่องมือบรรทัดที่เชี่ยวชาญและเครื่องมือวงรีขึ้นอยู่กับว่าคุณรู้วิธีใช้กล่องโต้ตอบคลิก alt และสำหรับเครื่องมือบรรทัดมี 2 เหตุผลที่ต้องทำเช่นนี้!

คู่มือการก่อสร้างที่กำหนดเองโดยชดเชย

Image 2 : สร้างคู่มือการก่อสร้างที่กำหนดเองและคุณสามารถตัดและแนบไปกับเนื้อหาในหัวใจของคุณ

มันทำอย่างไร (แบบฝึกหัดตามคำขอ)

เพื่อที่จะตอบความคิดเห็นเกี่ยวกับวิธีการที่จะทำผมจะร่างขั้นตอนของการทำภาพที่ 1

  1. การวาดคำแนะนำหลักของคุณ

    • เริ่มต้นด้วยการวาดวงรีและส่วนของเส้นเล็ก ๆ ที่กึ่งกลางของวงรี บรรทัดอยู่ตรงนั้นเพื่อให้ฉันสามารถสแน็ปอินไปยังศูนย์การหมุนได้ง่ายขึ้น (ที่ส่วนท้ายของบรรทัด)

      ป้อนคำอธิบายรูปภาพที่นี่

      Image 3 : อย่าลืมทำเครื่องหมายศูนย์การหมุนของคุณด้วยวิธีนี้ง่ายกว่า

    • ใช้เครื่องมือหมุนเพื่อหมุนคำแนะนำในกรณีนี้ 90 องศา แต่คุณสามารถใช้มุมอื่นได้ เคล็ดลับ : Alt+ คลิกจะวางเดือยและเปิดกล่องโต้ตอบสำหรับการป้อนตัวเลข

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

      ป้อนคำอธิบายรูปภาพที่นี่

      Image 4 : ใช้เวลาในการทำไกด์

    • คุณต้องเตรียมที่จะตัดวงรีเข้าไปที่สี่แยกและหลังจากนั้น (หรือที่) โค้งเริ่มลงไปทางเส้นกระจก สำหรับเรื่องนี้ฉันเตรียมเส้นตั้งฉากและเส้นกระจก

      ป้อนคำอธิบายรูปภาพที่นี่

      ภาพที่ 5 : เตรียมตัดเส้น

    • คัดลอกวงรีวงหนึ่งและสร้างเลเยอร์ใหม่วางวงรีไว้ด้านหน้า ล็อคเลเยอร์ไกด์

  2. การสร้างรูปร่าง

    • ลบครึ่งล่างของวงรี

    • แทรกจุดที่จุดตัดแรกของวงรีและตัดวงรีเป็น 2 ที่วงรีถึงสี่แยก

      ป้อนคำอธิบายรูปภาพที่นี่

      Image 6 : หั่นเป็นชิ้น ๆ

    • จำลองสำเนาของเซ็กเมนต์บนบรรทัดมิรเรอร์และรวมส่วนโค้ง เคล็ดลับ : หาก Illustrator แทรกระยะห่างระหว่างจุดหนึ่งไปยังจุดลบด้านข้างให้เลื่อนกลับไปและทำซ้ำการรวมเส้นโค้งจะชี้ไปทางเดียวกันและจะไม่มีช่วงพิเศษ

      ป้อนคำอธิบายรูปภาพที่นี่

      ภาพที่ 6 : เข้าร่วมกับกระจก

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

      ทำให้แทนเจนต์สั้นกว่าความกว้างของช่องว่างเล็กน้อยที่จุดที่ใกล้ที่สุด (หรือกว้างเท่ากัน) หนึ่งสามารถปรับวิธีการปัดเศษของขอบโดยทำการแทนเจนต์ที่ยาวขึ้น ฉันทำให้รูปร่างนั้นแหลมกว่าในตัวอย่างดั้งเดิมเล็กน้อยเพื่อแสดงให้เห็นว่าสามารถเปลี่ยนแปลงรูปร่างได้อย่างอิสระ

      ป้อนคำอธิบายรูปภาพที่นี่

      Image 7สร้างเส้นสมมาตรและตั้งฉากกับแนวกระจกเงา

    • ลากจุดโค้งกลับไปตามเส้นสมมาตรจนกว่าคุณจะมีพฤติกรรมเชิงเส้นที่ดี

      ป้อนคำอธิบายรูปภาพที่นี่

      Image 8ปรับการวนซ้ำ

    • ซ่อนคำแนะนำและกระจก / หมุนและเข้าร่วม

      ป้อนคำอธิบายรูปภาพที่นี่

      Image 9ภาพสุดท้าย

โพสต์สคริปต์

หลังจากงานทั้งหมดที่ฉันต้องการจะพูดว่ากราฟฟังก์ชั่น:

x=20*cos(t)-10*sin(5*t+PI/2)
Y=20*sin(t)+10*cos(5*t+PI/2)

จะให้ผล:

ป้อนคำอธิบายรูปภาพที่นี่

มีหลายวิธีที่จะทำให้แมวน่ารัก


คำตอบที่ดีขอบคุณ! ฉันยังคงอยากที่จะเห็นความเข้าใจลึกซึ้งของเทคนิคโดยการทำซ้ำอย่างเป็นขั้นเป็นตอนของรูปทรงบางอย่างที่ฉันโพสต์อยากรู้มากเกี่ยวกับบางส่วนของพวกเขาและเวิร์กโฟลว์แบบไหน ใช้ ฯลฯ ) แต่นั่นก็ถามมากเกินไป ขอบคุณอีกครั้งสำหรับโพสต์ที่ดี หนึ่งเกี่ยวกับฝาเกลียวช่วยเช่นกัน
MrMerrick

@MrMerrick Done
joojaa

ขอบคุณมากที่สละเวลาและความพยายามในการตอบ @joojaa ชิ้นส่วนจิ๊กซอว์ที่ขาดหายไปสำหรับฉันคือการใช้เส้นสมมาตรตัวช่วยซึ่งฉันสามารถถ่ายจุดตามพวกเขาเพื่อปรับแต่งรูปร่าง ฉันเคยทำงานกับสิ่งที่มิเรอร์เพื่อสร้างงานศิลปะทางเรขาคณิต แต่เมื่อมันมาถึงเส้นโค้งและงานที่ไหลลื่นมากขึ้นฉันมีปัญหาในการทำให้มันดูราบรื่น ฉันจะลงทุนเวลาที่ทำให้เชื่องเครื่องมืออาร์ค ฉันขอถามคำถามสุดท้าย 2 ข้อได้ไหม 1- คุณหมายถึงอะไรกับเครื่องมือบรรทัดเชี่ยวชาญ? ฉันใช้ alt เพื่อทำให้มันเติบโตในทิศทางตรงกันข้ามของต้นกำเนิดหรือ alt + คลิกเพื่อรับไดอะล็อกสร้าง มันคืออะไร
MrMerrick

และ 2 - ในรูปที่ 2 ของคุณคุณจะทำให้เส้นหยักเหล่านั้นราบรื่นมากได้อย่างไร นั่นเป็นเพียงเครื่องมืออาร์คหรือว่าเป็นข้อ จำกัด แบบจุดต่อจุด นี่คือที่สุดที่ฉันได้รับด้วยเครื่องมืออาร์ค + ผสมผสานซึ่งไร้สาระ
MrMerrick

@MerMerrick มันเป็นช่วงเดียว bezier อย่างไรก็ตามอย่าใช้เครื่องมืออาร์คเพราะมันไร้ประโยชน์ ความไร้ประโยชน์แบบเดียวกันนี้ใช้กับเครื่องมือรูปร่างอื่น ๆ ทั้งหมดยกเว้นแบบเกลียวเส้นและวงรี ดังนั้นเครื่องมือวงรีจึงน้อยกว่าค่าที่เหมาะสม นักวาดภาพประกอบใหม่ยังมีเครื่องมือเส้นโค้งใหม่ที่ดีกว่า beziers B-splines และ spirocurves นั้นเหนือกว่า
joojaa
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.