Làm thế nào là những khung hình xoáy, được thực hiện?


19

khung dòng 1 đường khung 2

Tôi yêu và luôn luôn bị bí ẩn bởi kiểu thiết kế xoáy này.

Sau hơn 10 năm làm việc như một nhà thiết kế đồ họa, tôi vẫn không thể nào biết được cách thực hiện. Thiết kế hình học cong nói chung.

Làm thế nào để họ kết nối các bộ phận khác nhau của họ một cách liền mạch? Nó không thể là một tác phẩm duy nhất được làm bằng tay như khi đặt mọi điểm và tinh chỉnh mọi tay cầm bézier, nó quá hoàn hảo, quá hình học để được thực hiện theo cách đó.

Có ai trong số các bạn đã làm về kỹ thuật này trên Illustrator chưa? Cách tiếp cận là gì?


Tại sao bạn cần cho chúng tôi biết bạn có hơn 10 năm làm nhà thiết kế? Chỉ tò mò những gì lợi ích nó thêm vào câu hỏi.
DVᴀᴅᴇʀ

Họ đã ... vẽ theo cách đó? Không chắc làm thế nào để trả lời điều này. Chúng là các đoạn đường cong được nối với nhau. Khái niệm tương tự như sử dụng đường cong Pháp trước máy tính.
DA01

@ DA01 Hãy xem những người dưới 30 tuổi có thể chưa bao giờ nhìn thấy những đường cong của Pháp hoặc được vẽ trên giấy bằng thước kẻ và la bàn. Chỉ cần nói.
joojaa

1
@joojaa eh .... yea, tốt ... OK, tôi thấy quan điểm của bạn. Nhưng sẽ tranh luận bất cứ ai đó là một nhà thiết kế đồ họa nên có. Nó giống như một kiến ​​trúc sư không biết người cai trị kiến ​​trúc sư là gì. Phải, họ không nhất thiết phải sử dụng nó nhưng nó đi kèm với lịch sử / lịch sử của nghề nghiệp. :)
DA01

@ DA01 Bạn sẽ thấy rằng mọi người thường biết rất nhiều điều họ không thể kết hợp kiến ​​thức này với toàn bộ và áp dụng nó trong các trường hợp cụ thể. Vì vậy, nên là một điều, nhưng nếu không thì thậm chí còn quan trọng hơn để giải thích nó. Tất cả có thể nói là tôi nghĩ rằng sẽ là một điều hiển nhiên rằng một sinh viên năm thứ 4 chuyên ngành cơ khí sẽ biết lượng giác. Rõ ràng là một phần ba tốt trong số họ không, không thực sự. Nhưng vâng, tôi đã có một phản ứng giật đầu gối tương tự.
joojaa

Câu trả lời:


24

Có nhiều cách tiếp cận điều này. Bạn nói đúng, một đường cong không nhất thiết phải được tạo thành từ một mảnh, nó có thể được tạo thành nhiều mảnh. Trong thực tế, một đường cong có thể được xây dựng từ một số đường cong.

Tôi đã trả lời một câu hỏi tương tự, về mũ xoắn ốc , chủ yếu tương tự áp dụng ở đây. Khi bạn làm là bạn tạo một hình dạng ban đầu và sau đó xoay và phản chiếu nó. Hình ảnh sau này là một ví dụ tuyệt vời về điều này. Đường cong có thể được xây dựng bằng cách sử dụng 2 vòng cung liền kề chẳng hạn. Cũng có thể là một tái sử dụng tự do của một con đường được vẽ, bù đắp, phản chiếu và cắt bởi các vòng tròn và đường.

Thứ hai, phần xây dựng có thể được xây dựng từ một chức năng khác với hình xoắn ốc. Mặc dù chụp nhanh với lưới được xây dựng thủ công đạt được độ chính xác tương tự của đường. Một lần nữa, mẹo là phản chiếu và xoay các phần đối xứng và các đoạn thẳng.

xây dựng một vòng lặp

Hình 1 : Xây dựng mô hình lặp lại

Thực hiện công việc chính xác trong Illustrator phụ thuộc vào sự thành thạo của công cụ Line , công cụ Ellipse , Công cụ xoay , Công cụ nhân bản , Công cụ tỷ lệCông cụ Skew . Một trong những công cụ khó nhất để thành thạo là công cụ đường dây vì việc làm chủ nó và công cụ hình elip phụ thuộc vào bạn biết cách sử dụng hộp thoại nhấp chuột. Và đối với công cụ dòng có 2 lý do để làm điều này!

hướng dẫn xây dựng tùy chỉnh bằng cách bù

Hình 2 : Tạo các hướng dẫn xây dựng tùy chỉnh và bạn có thể cắt và gắn chúng vào nội dung trái tim của bạn.

Làm thế nào nó được thực hiện (hướng dẫn, theo yêu cầu)

Để trả lời nhận xét về cách nó được tạo ra, tôi sẽ phác thảo quá trình tạo Ảnh 1 .

  1. Vẽ hướng dẫn chính của bạn.

    • Bắt đầu bằng cách vẽ một hình bầu dục và một đoạn nhỏ ở giữa hình bầu dục. Đường dây ở đó để tôi có thể dễ dàng chụp nhanh hơn đến trung tâm xoay (ở cuối dòng)

      nhập mô tả hình ảnh ở đây

      Hình 3 : Hãy nhớ đánh dấu trung tâm xoay của bạn, cách này dễ dàng hơn

    • Sử dụng công cụ xoay để xoay hướng dẫn, trong trường hợp này là 90 độ nhưng bạn có thể sử dụng bất kỳ góc nào khác. Mẹo : Alt+ Nhấp vào sẽ đặt trục và mở hộp thoại cho đầu vào số.

      Nói một cách chính xác, người ta không cần hướng dẫn thứ ba và thứ tư nhưng vì sự lặp đi lặp lại chỉ là một tổ hợp phím mà tôi thực hiện sau đó, dù sao, nó cho tôi ý tưởng tốt hơn về kích thước sẽ như thế nào. Điều chỉnh các hướng dẫn bây giờ để phù hợp với nhu cầu của bạn.

      nhập mô tả hình ảnh ở đây

      Hình 4 : Dành thời gian của bạn để làm hướng dẫn.

    • Bạn cần chuẩn bị để cắt các hình bầu dục trên các giao điểm của chúng và sau (hoặc tại) đường cong bắt đầu nhúng xuống phía đường gương. Đối với điều này, tôi chuẩn bị một đường cắt vuông góc và một đường gương.

      nhập mô tả hình ảnh ở đây

      Hình 5 : Chuẩn bị các đường cắt

    • Sao chép một trong những hình bầu dục và tạo một lớp mới, dán hình bầu dục ở phía trước. Khóa lớp hướng dẫn.

  2. Xây dựng hình dạng.

    • Loại bỏ nửa dưới của hình bầu dục.

    • Chèn một điểm tại giao điểm đầu tiên của hình bầu dục và cắt hình bầu dục thành 2 tại giao điểm hình bầu dục đến hình bầu dục.

      nhập mô tả hình ảnh ở đây

      Hình 6 : Cắt thành từng mảnh

    • Phản chiếu một bản sao của phân khúc trên dòng gương và tham gia các đường cong. Mẹo : nếu Illustrator chèn một khoảng ở giữa chỉ cần di chuyển một điểm sang khoảng xóa bên, di chuyển trở lại và làm lại liên kết, các đường cong hiện đang chỉ theo cùng một cách và sẽ không có thêm nhịp.

      nhập mô tả hình ảnh ở đây

      Hình 6 : Tham gia để phản chiếu

    • Sử dụng công cụ chuyển đổi điểm neo để làm cho góc cuối trở thành một tiếp tuyến thống nhất. Kéo tiếp tuyến vuông góc với đường gương. Mẹo Nếu bạn làm việc ở góc khó xử, bạn có thể đo góc bằng công cụ đường và sử dụng các prefs để xoay lưới của bạn.

      Làm cho tiếp tuyến ngắn hơn một chút so với chiều rộng của khoảng cách của bạn tại các điểm gần nhất (hoặc rộng bằng nhau). Người ta có thể điều chỉnh cách làm tròn cạnh bằng cách tạo một tiếp tuyến dài hơn. Tôi đang làm cho hình dạng nhọn hơn một chút so với trong ví dụ ban đầu để cho thấy một người có thể thay đổi hình dạng một cách tự do.

      nhập mô tả hình ảnh ở đây

      Hình 7 Tạo đường tiếp tuyến đối xứng và vuông góc với đường gương

    • Kéo điểm đường cong trở lại dọc theo đường đối xứng cho đến khi bạn có hành vi tiệm cận đẹp.

      nhập mô tả hình ảnh ở đây

      Hình 8 Điều chỉnh vòng lặp.

    • Ẩn hướng dẫn và gương / xoay và tham gia.

      nhập mô tả hình ảnh ở đây

      Hình 9 Ảnh cuối cùng.

Đoạn tái bút

Sau tất cả công việc đó, tôi muốn nói rằng vẽ đồ thị hàm:

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

Sẽ mang lại:

nhập mô tả hình ảnh ở đây

Nhiều cách để da mèo tôi đoán.


Câu trả lời tuyệt vời, cảm ơn bạn! Tôi vẫn rất thích nhìn thấy một chút cái nhìn sâu sắc hơn về kỹ thuật này, với từng bước tái tạo một số hình dạng mà tôi đã đăng, rất tò mò về một số trong số chúng và loại quy trình công việc nào (sử dụng công cụ booleans nào, kỹ thuật công cụ , v.v.) phải mất. Nhưng đó là yêu cầu quá nhiều. Cảm ơn một lần nữa cho một bài viết tốt đẹp. Một trong những mũ xoắn ốc là tốt.
MrMerrick

@MrMerrick Xong
joojaa

Rất cám ơn đã dành thời gian và nỗ lực để trả lời @joojaa. Thiếu mảnh ghép cho tôi là sử dụng những đường đối xứng của người trợ giúp nơi tôi có thể chụp các điểm dọc theo chúng để tinh chỉnh các hình dạng. Tôi đã từng làm việc với những thứ được nhân đôi để tạo ra tác phẩm nghệ thuật hình học, nhưng khi nói đến những đường cong và công việc trôi chảy hơn, tôi đã gặp khó khăn khi làm cho nó trông trơn tru. Tôi sẽ đầu tư thời gian thuần hóa công cụ hồ quang đó. Tôi có thể hỏi 2 câu hỏi cuối cùng không? 1- bạn có ý nghĩa gì với việc làm chủ công cụ dòng? Tôi chỉ sử dụng alt để làm cho nó phát triển theo hướng ngược lại với nguồn gốc của nó hoặc alt + nhấp để nhận hộp thoại tạo. Là nó?
MrMerrick

và 2- Trên hình 2 của bạn, làm thế nào để bạn tạo ra những đường lượn sóng rất mượt mà? Đó chỉ đơn giản là công cụ hồ quang hay nó thực sự bị hạn chế theo từng điểm (giữ sự thay đổi trong khi đặt và kéo các điểm) bézier? Đây là thứ xa nhất tôi có được với công cụ arc + Blend , thật là lố bịch.
MrMerrick

@MrMerrick một nhịp bezier duy nhất của nó. Dù sao không sử dụng công cụ hồ quang vô dụng của nó. Sự vô dụng tương tự áp dụng cho tất cả các công cụ hình dạng khác ngoại trừ hình xoắn ốc, đường thẳng và hình elip. Mặc dù vậy, công cụ hình elip là ít hơn tối ưu. Họa sĩ minh họa mới cũng có một công cụ đường cong mới tốt hơn beziers. B-splines và spirocurves chỉ là vượt trội.
joojaa
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.