ผู้วาดภาพประกอบ: วิธีสร้างสไปโรกราฟกราฟ?


13

ฉันพยายามสร้างสไปโรกราฟใน Illustrator ตามเอกสารแนบ ฉันจะทำสิ่งนี้ได้อย่างไร ฉันจะเริ่มที่ไหน

Spirograph

คำตอบ:


16

ตกลงดังนั้น Spirograph เป็นเพียงฟังก์ชั่นและฉันได้ฟังก์ชั่นการวาดภาพที่เรียกว่าสคริปต์jooGraphFunction ด้วยเครื่องมือนี้ในมือเราสามารถไปและวางแผน

cos(2*t)*(10*cos(12*t)) -sin(2*t)*(26*sin(12*t)) 
sin(2*t)*(10* cos(12*t)) +cos(2*t)*(26*sin(12*t)) 

ในช่วงที่0จะPIก้าวPI/24และคุณจะได้รับ โดยที่ 12 คือจำนวนของติ่ง

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

อิมเมจที่ 2 : สกรีนช็อตของ jooGraphFunction GUI และเวอร์ชันสำรองสองสามตัวที่มีจำนวนของ lobes ต่างกัน

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

ภาพที่ 2 : และวาดภาพด้วยจำนวนกลีบเท่ากันกับของคุณ (36) ทำด้วยเทคนิคเดียวกัน

คุณยังสามารถแยกสคริปต์สำหรับจุดเริ่มต้นสำหรับการเรียนรู้ของคุณเอง


ฉันไม่รู้ตัวเลือกสำหรับ jooGraphFunction แต่ทางเลือก opensource คือ LaTeX + TikZ คุณสามารถเขียนสคริปต์ส่งออกเป็น PDF และนำเข้าเป็นกราฟิกแบบเวกเตอร์ใน Illustrator Matlab / Octave ยังสามารถส่งออกกราฟิกแบบเวกเตอร์ที่ดีได้อีกด้วย
ลี่ย์

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

@Crowley ใช่มันค่อนข้างง่ายที่จะทำในเครื่องมือต่าง ๆ มากมาย สคริปต์ได้รับอนุญาตภายใต้ MIT ไม่มีอะไรที่ห้ามไม่ให้มีคนเปล่งคำประกาศหรือ svg จากมัน แต่สคริปต์นี้ได้รับการแก้ไขเพื่อให้เหมาะกับการอธิบายเพราะมันพยายามที่จะปรับให้เหมาะกับเบซิเยร์ และอย่าทำให้มันออกจากกลุ่มอย่างที่เครื่องมือทำกราฟส่วนใหญ่ทำ
joojaa

@joojaa ทั้งผลลัพธ์ TikZ และ Matlab จะขึ้นอยู่กับการสุ่มตัวอย่างของเส้นโค้งและทั้งสองสามารถแสดงกราฟิกแบบเวกเตอร์ได้ ถ้ามันเป็นเงา Matlab จะเอ็กซ์พอร์ตบิตแมปเท่านั้น ... ฉันหวังว่าฉันจะตอบคำตอบของคุณสำหรับทั้งโซลูชันและนิยามฟังก์ชัน
Crowley

@Crowley Matlab สามารถส่งออก vector ได้ แต่ใช่ฉันรู้ว่า tikz และ matlab ทำงานอย่างไร
joojaa

8

ฉันรู้ว่า OP ขอ Illustrator, แต่ถ้าคุณไม่คิดค่าใช้จ่ายศูนย์€ / $ ในชิ้นส่วนของซอฟต์แวร์นี้เป็นคุณสมบัติพื้นเมืองในInkscape

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


นั่นน่าสนใจ. ฉันไม่เคยลอง inkscape ฉันจะลองสิ่งนี้
sabithpocker

7

ไม่สามารถทำได้จริง spirographs เพราะพวกเขาเป็นเส้นต่อเนื่องซึ่งตรงข้ามกับตัวอย่างของคุณ คุณสามารถลองใช้ Illustrator scripting เพื่อดูสิ่งนั้นหรือดูคำตอบของ Luciano

สำหรับเอฟเฟกต์ที่คล้ายกันมากคุณจะต้องใช้รูปร่างวงรีหรือวงรีที่คล้ายกันแล้วหมุนและคัดลอกหลายครั้ง มุมการหมุนควรเป็นจำนวนองศาที่สามารถหารด้วย 360 °ได้

วิธีทั่วไปในการทำตัวอย่างของคุณคือ:

  • วาดวงรีของคุณโดยใช้Ellipseเครื่องมือ (ทางลัดL);
  • ตรวจสอบให้แน่ใจว่าวงรีมีจังหวะและไม่มีการเติม
  • ขณะที่เลือกวงรียังคงเปลี่ยนเป็นRotateเครื่องมือ ( R);
  • เมื่อLeft Altกดปุ่มแล้วให้คลิกที่กึ่งกลางของวงรี - เครื่องหมายการลงทะเบียนควรจะปรากฏที่นั่นแล้ว เคอร์เซอร์ของคุณควรข้ามด้วยความแม่นยำโดยมีจุดสามจุดอยู่ด้านข้าง
  • ในบทสนทนาที่ปรากฏขึ้นให้เลือกมุม (θ) ที่เมื่อคูณด้วยจำนวนเต็ม (n) จะได้ 360 °
  • คลิกCopy;
  • เลือกObject > Transform > Transform AgainหรือกดCmd / Ctrl+ Dจำนวนครั้ง (n-2) จนกว่ารูปของคุณจะเสร็จสมบูรณ์

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

  • วาดวงรีที่ไม่เติมดังข้างต้น
  • เมื่อเลือกรูปร่างแล้วให้เลือกEffect > Distort & Transform > Transform...;
  • เลือกมุมของคุณθใต้หัวข้อ 'หมุน' อย่าแตะการตั้งค่า 'มาตราส่วน' หรือ 'ย้าย' (ยัง)
  • ป้อนจำนวนสำเนา n-1 ที่ด้านล่างของกล่องโต้ตอบ
  • OKกด

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

คุณสามารถทดลองกับการตั้งค่าอื่น ๆ ทั้งหมดเพื่อสร้างงานศิลปะที่น่าทึ่งที่สุดด้วยวิธีนี้ การทำPreviewเครื่องหมายในช่องช่วยให้คุณสามารถมองสิ่งที่คุณกำลังประสบความสำเร็จได้

เพื่อเพิ่มความสนุกและหัวเราะคิกคักคุณสามารถทำเคล็ดลับนี้ด้วยรูปร่างที่เต็มไปด้วยโหมดการผสมผสานที่ไม่ปกติและ / หรือความทึบต่ำกว่า 100%

การผสม spirograph


1
เยี่ยมมากให้ฉันลองดู แต่ดูเหมือนว่านี่คือการประมาณค่าสไปโรกราฟกราฟซึ่งเป็นเส้นเดี่ยวต่อเนื่องและไม่ปรากฏเป็นวงรีซ้ำ
sabithpocker

1
คุณยังสามารถทำสายอย่างต่อเนื่องโดยไม่ต้องสคริปต์ตรวจสอบคำตอบของฉัน แม้ว่ามันอาจจะง่ายกว่ามากกับการเขียนสคริปต์
Luciano

@Lucian ผลลัพธ์ที่คุณแสดงเป็นเพียง WOW ฉันเป็นโปรแกรมเมอร์ Javascript ด้วยตัวเองและได้ทำโค้ด spirographแต่ไม่เคยลองใช้ AI Scripting ฉันจะลองทำดู
sabithpocker

4

มีวิดีโอสอนที่ยอดเยี่ยมนี้ซึ่งยาวเกินกว่าจะอธิบายได้ที่นี่ แต่มีวิธีต่าง ๆ ในการสร้างสไปโรกราฟเส้นต่อเนื่องใน Illustrator

TL / DR; สร้างวงรีหมุนซ้ำกันและล้างคะแนนพิเศษ

ตรวจสอบให้แน่ใจว่าคุณเปิดใช้งานคู่มืออัจฉริยะ (ดู> คำแนะนำอัจฉริยะ)

  1. สร้างวงรีที่สูงกว่าความกว้าง (สโตรกเท่านั้นไม่มีการเติม)
  2. ด้วยrเครื่องมือหมุนoption+ คลิกที่จุดยึดด้านบนและพิมพ์มุมที่เมื่อคูณด้วยจำนวนเต็ม (n) จะได้ 360 ° คลิกCopy
  3. ตอนนี้ให้optionคลิก + ที่วงรีที่เพิ่งสร้างใหม่ตรงจุดตรงข้าม
  4. ทำซ้ำรูปร่างจนกว่าคุณจะมีรูปร่าง (n)
  5. ใช้aเครื่องมือเพื่อเลือกจุดทั้งหมดที่อยู่ตรงกลางของ spirograph ของคุณและลบออก
  6. เข้าร่วมเส้นทาง ( cmd+ j)
  7. Shift+ ลากไปรอบ ๆ จุดที่สร้างขึ้นล่าสุดในรูปร่างที่ทำซ้ำล่าสุดเพื่อยกเลิกการเลือก
  8. แปลงจุดยึดที่เลือกเพื่อให้คลิกที่ปุ่มในเมนูจุดยึดได้อย่างราบรื่น
  9. เลือกจุดที่ยังไม่ราบรื่นที่เหลือและcmd+ shift+ option+ jเพื่อเข้าร่วมคะแนนให้เลือก "Smooth"

ที่อ่านชอบวิธีการที่ดีมาก จะต้องลองเอง!
Vincent

0

โปรดทราบว่าฉันใช้ Illustrator CS 6 ความแตกต่างในทางลัดหรือลักษณะที่ปรากฏของเครื่องมือที่เน้นในรุ่นอื่น ๆ อาจเกิดขึ้น :-)

สร้างวงกลมก่อน (กด L หรือใช้เครื่องมือ eclipse) ป้อนคำอธิบายรูปภาพที่นี่

จากนั้นใช้วงกลมเพื่อทำให้รูปร่างกลีบดอกไม้ (กด E หรือใช้เครื่องมือแปลงฟรี) ลากเฉพาะด้านขวาหรือซ้ายในขณะที่กด alt เพื่อให้มีรูปร่างที่เท่ากัน ป้อนคำอธิบายรูปภาพที่นี่

จากนั้นทำส่วนปลายด้านล่างของกลีบดอก (กด Shift + C หรือใช้ Convert Anchorpoint Tool) ป้อนคำอธิบายรูปภาพที่นี่

เลือกสองจุดทางซ้ายและขวาจากนั้นปรับขึ้นเพื่อให้มีรูปร่างตามที่ต้องการ (กด A หรือ Direct Selection Tool และปุ่ม Adjust by up) ป้อนคำอธิบายรูปภาพที่นี่

เปลี่ยนตำแหน่ง Anchor (กด R + Alt + Location-see การอ้างอิงตำแหน่งของฉัน) ป้อนคำอธิบายรูปภาพที่นี่

หมุน Petal 5 ซ้ำทำซ้ำตามผลงานศิลปะที่คุณต้องการ (360/5 = 72) (กด R หรือใช้เครื่องมือหมุน + พิมพ์มุมแล้วกดCOPY ) ทำซ้ำการคัดลอก (ทำ 3 ครั้ง) โดยกด Ctrl D ในขณะที่คัดลอก ไฮไลต์

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

ปรับรูปร่างกลีบแรกของคุณหากคุณต้องการดาวที่สมบูรณ์แบบภายใน

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

เพื่อให้เส้นที่มองเห็นเลือกเส้นทาง / เลเยอร์กลีบทั้งหมดและทำให้ความทึบที่จะคูณ ป้อนคำอธิบายรูปภาพที่นี่


0

วาด 1 วงรี ...

เลือก Effect > Distort & Transform > Transform...

ปรับการตั้งค่า ....

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


ใช่แล้วมันไม่ใช่ spirograph :) ดูเหมือนว่าจะเป็น แต่ไม่ใช่ ยังเป็นคำตอบของวินเซนต์ แต่ดูเหมือนว่าสำหรับฉัน 2 คำถามที่ไม่เหมือนกันทั้งหมดได้รวม
joojaa
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.