Làm thế nào để vẽ vectơ đẳng cự?


16

Tôi đang tìm kiếm các giải pháp phần mềm "tích hợp" cho Illustrator CS2-5.

Tôi đang cố gắng tạo ra những minh họa isometric cho một ứng dụng web. Ngay bây giờ tôi đã tự thiết lập một lưới trong Adobe Illustrator và thực hiện các bản vẽ dựa trên lưới này - nhưng tôi không có hướng dẫn, không có snap và những thứ như thế đó

Kết quả cuối cùng phải gần với điều này: http://www.twigital.co.uk/

Tôi tự hỏi nếu bạn biết một phần mềm tốt để vẽ các công cụ isometric từ đó tôi có thể xuất nó dưới dạng vector (.eps hoặc .ai) để sau đó tôi có thể nhập vào Illustrator và điều chỉnh màu sắc và các thứ khác?

Nếu bạn không biết về một phần mềm đặc biệt cho việc này, bạn đã bao giờ thực hiện các minh họa isometric trong Illustrator chưa? Phương pháp nào? Bất cứ lời khuyên?

Ví dụ bản vẽ vector Isometric

BIÊN TẬP:

Xin đừng nhầm lẫn bản vẽ Isometric với Bản vẽ phối cảnh 1,2 hoặc 3 điểm.

VẼ BẢN VẼ ĐẲNG HƯỚNG:

[hệ thống đẳng cự chỉ là một quy ước / phát minh, hữu ích cho rất nhiều thứ, không tái tạo những gì mắt nhìn thấy trong thực tế mà thực sự chỉ là một quy ước hữu ích cho các phép đo và các thứ khác]

số liệu iso (bằng) (đo lường)

Trong một bản vẽ đẳng cự , tất cả các cạnh của khối lập phương sẽ song song theo bộ bốn. (2 đường thẳng song song có nghĩa là các đường sẽ không bao giờ gặp nhau, không có nghĩa là bạn vẽ chúng trong bao lâu)

VẼ PHỐI CẢNH:

[Các quy ước vẽ phối cảnh (1 điểm, 2 điểm, 3 điểm..và một số khác) vẫn là các quy ước nhưng chúng cố gắng bắt chước và càng gần càng tốt với những gì mắt nhìn thấy trong thực tế (3D), nhưng vì nó là trên 2D (giấy / màn hình), nó không bao giờ giống như thực tế.]

[Một điều khác mà một số người có thể tranh luận là thực tế là chúng ta có hai mắt (chỉ là một số thiết bị quang học) * và hình ảnh thực sự hợp nhất (được tạo ra) qua một số phép thuật xảy ra trong não, đưa ra một điểm khác tại sao không có điều này các quy ước thực sự giống với thực tế hoặc ... nhưng điều này là dành cho Triết lý SE: P] *

Trong bản vẽ phối cảnh , các cạnh sẽ thon dần về phía một hoặc nhiều điểm biến mất.

Với lưới phối cảnh trong Illustrator CS 5, có 3 tùy chọn:

Phối cảnh 1 điểm, phối cảnh 2 điểm và phối cảnh 3 điểm.

Sau khi xử lý tất cả thông tin từ phía trên (thông tin từ internet ... có thể sai, hãy thoải mái cân nhắc) Tôi đưa ra giả định đơn giản rằng không thể đạt được chế độ xem isometric của nhiều đối tượng trên một khung vẽ (như trong ví dụ ở trên, twigital.co.uk (cảm ơn George đã giải thích về cách thực hiện trong câu trả lời của anh ấy) với lưới phối cảnh, nghĩa là với phối cảnh 1 điểm: các đường sẽ gặp nhau ở một điểm trên đường chân trời, 2 điểm: đường sẽ gặp nhau ở 2 điểm trên đường chân trời, 3 điểm ... bạn hiểu ý ...

Và với Chế độ xem Isometric, các đường không bao giờ gặp nhau , vì chúng song song. (Tôi nghĩ bạn cũng có thể gọi nó là phối cảnh đẳng cự, đó là lý do tại sao tôi hơi bối rối)

!!! Nhưng nếu bạn xây dựng lưới theo cách thủ công thì có thể , bạn có thể tìm hiểu cách thực hiện hoặc bạn có thể tải xuống một lưới đã được thực hiện ở đây . Sau khi bạn thực hiện mọi thứ trong hướng dẫn này, hãy chọn tất cả các dòng bạn đã tạo và đi đến Xem> Hướng dẫn> Tạo Hướng dẫn . Đây là loại câu trả lời cho câu hỏi này nhưng tôi chỉ tìm kiếm một số giải pháp "tích hợp" và ...

Tôi đã thử làm điều này với lưới phối cảnh trong Illustrator CS5 ... không hiệu quả với tôi, nếu có ai đã làm điều này với Lưới phối cảnh trong Illustrator, vui lòng giải thích các bước chính xác để làm như vậy.

Một số người có thể nói tôi nhấn mạnh nhiều vào một số thứ ở trên, nhưng nếu bạn tạo một ứng dụng phức tạp với hàng trăm, hoặc chỉ 50 đối tượng được định vị ngẫu nhiên (theo cách đẳng cự) và các đối tượng không hoàn toàn isometric bạn sẽ có kết quả xấu ở đây và ở đó (không phải tất cả các dòng sẽ song song và trông có vẻ tệ) hoặc nếu đó là một ứng dụng để đo lường và dự đoán chính xác, bạn sẽ kết thúc với các số "xấu" ... và bạn có thể không muốn điều đó. .


1
Cho đến nay, tùy chọn tốt nhất tôi tìm thấy là những gì bạn đã nhận xét dưới câu trả lời của @Johannes: chuyển đổi các dòng thành lưới. Nó khác xa với các chế độ xem isometric được cung cấp bởi bất kỳ phần mềm 3D CAD (hoặc nói chung là bất kỳ 3D) nào, nhưng có lẽ đó là một cách giải quyết đủ cho phần mềm minh họa 2D (có, có một số công cụ hỗ trợ vẽ theo phối cảnh).
Jari Keinänen

Câu trả lời:


11

Đối với twigital , nhà thiết kế ( Chris ) đã sử dụng Illustrator, lưới và công cụ Xoay 3D. Lưu ý rằng nó có các giá trị đặt trước cho phép quay đẳng cự.

Nếu bạn cần nhiều hơn những gì Illustrator cung cấp theo mặc định, hãy thử plugin CADtools cho Illustrator , cung cấp các công cụ để vẽ và đo kích thước đẳng cự.

Tôi đã có thêm một vài tài nguyên để chia sẻ. Dựa trên hướng dẫn này, tôi đã ghi lại các bước ở trên dưới dạng hành động để bạn có thể kích hoạt những bước đó bằng phím tắt:

  • Còn lại = CMD + Shift + F1
  • Đầu = CMD + Shift + F2
  • Phải = CMD + Shift + F3

Để có được những thứ này, tất cả những gì bạn cần làm là tải xuống tệp này: Isometric.aia và trong phần minh họa, đi tới Hành động (Cửa sổ> Hành động) và từ menu ngữ cảnh (biểu tượng nhỏ ở trên cùng bên phải với mũi tên chỉ xuống và 2 đường kẻ ngang (=)) chọn Tải hành động và duyệt đến Isometric.aia

Nó khá đơn giản để tạo ra các hành động từ đầu.

Tôi cũng đã thực hiện một vài bản ghi màn hình:

Tập tin vòm hoàn chỉnh có thể được tải xuống từ đây: iso_arches.ai

vòm isometric

Có 3 điều chính có thể không rõ ràng trong video sẽ có ích:

  • sử dụng điểm chụp / lưới tham chiếu để đặt các đối tượng dễ dàng hơn
  • sử dụng một đơn vị cho các mô-đun để các phần khác nhau khớp với nhau
  • khi lắp ráp các đối tượng với các bộ phận lặp lại, sử dụng các ký hiệu thay vì các nhóm

để làm cho điều chỉnh dễ dàng hơn


+ 1 cho CADtools cho Adobe Illustrator CS3, CS4, CS5 và CS5.5 liên kết đến plugin. Và cài đặt đẳng cự từ công cụ Xoay 3D cũng tốt. Đây là các phương pháp "tích hợp trong phần mềm" để thực hiện một bản vẽ đẳng cự chính xác và chính xác ... nhưng plugin CADtools này khá tốn kém.
Flavius ​​Frantz

1
Có thể đáng chú ý rằng hướng dẫn SSR có lỗi đánh máy 86.062% nên là 86.602% , vì đó là giá trị của cos (30) và sin (60), trong đó góc khớp với góc quay của bạn. Nếu bạn không khắc phục điều này, cuối cùng bạn sẽ gặp rắc rối vì mọi thứ không chính xác giữa các biến đổi.
joojaa

1

Illustrator CS5 có một công cụ mới tuyệt vời gọi là "Phối cảnh". Công cụ này cho phép bạn thiết lập lưới phối cảnh 2D hoặc 3D giúp bạn vẽ mọi thứ để cung cấp cho chúng kích thước. Nó "dán" hình dạng và văn bản vào một mặt phẳng nhất định và điều chỉnh kích thước và góc của nó tùy thuộc vào vị trí của nó.

Dưới đây là một số video do Adobe giải thích chính xác công cụ này là gì và cách sử dụng chuyên sâu:

Xác định lưới phối cảnh

Vẽ tác phẩm nghệ thuật theo quan điểm

Ngoài ra, đây là một video hướng dẫn của Terry White, loại đi qua những điều tương tự.

đây là một số hướng dẫn 3D linh tinh , không nhất thiết phải sử dụng công cụ Phối cảnh trong Illustrator.

Tôi nghĩ rằng công cụ này là cách tốt nhất để có được cảm giác đẳng cự đó khi sử dụng Illustrator. Nếu bạn không có CS5 thì bạn phải sử dụng một số phương pháp thô hơn để tạo lưới của riêng bạn và những gì không.

Ngoài ra, bạn luôn có thể thử tìm phần mềm riêng biệt để đáp ứng nhu cầu của bạn. Dù bằng cách nào tôi hy vọng điều này sẽ giúp!

BIÊN TẬP

Để làm rõ, công cụ Phối cảnh hoàn toàn không phải là "True 3D" mà nó chỉ là một vật thể 2D với ảo ảnh 3D (giống như isometric).

Lấy hình ảnh này làm ví dụ. Đây là hình ảnh đẳng cự và hình ảnh này có thể được tạo bằng công cụ phối cảnh trong họa sĩ minh họa. Cấp, có phần mềm tốt hơn cho việc này, nhưng tôi nghĩ rằng đây là một trong những cược tốt nhất của bạn để thực hiện nó bên trong của họa sĩ minh họa. Các công cụ phối cảnh có một số làm quen, các hướng dẫn chắc chắn sẽ giúp với điều đó.

Tôi nghĩ rằng sự khác biệt bạn đang thấy giữa các ví dụ tôi đã đăng trước đây và "cảm giác đẳng cự" của bạn chỉ đơn thuần là góc của hình ảnh. Isometric thường từ trên xuống nhiều hơn (chỉ ở một góc) trong khi các ví dụ khác đang nhìn trực tiếp hơn vào đối tượng. Nhưng đó chỉ là cách họ quyết định tạo ra hình ảnh của họ.


Uhum, tôi có CS5, tôi nhận thấy lưới phối cảnh, nhưng bạn có thể đặt nó để bạn vào chế độ "đẳng cự" không? Nguyên nhân isometric không phải là 3D, là 2D, nhưng nó trông giống 3D, tất cả ... và trong đồ họa isometric không có phối cảnh ... [ en.wikipedia.org/wiki/Isometric_projection ]
Flavius ​​Frantz 7/12/11

3
Cho đến nay tôi đã tự tạo lưới của mình bằng các đường đơn giản trong họa sĩ minh họa, sau đó tôi chọn tất cả chúng và đi đến Xem> Hướng dẫn> Tạo hướng dẫn, vì vậy tất cả các đường của tôi bây giờ là lưới đẳng hướng được tạo từ các hướng dẫn (không chỉ các đường trong họa sĩ minh họa) và với Hướng dẫn thông minh, tôi có thể nhận được những gì tôi muốn ... không đầy đủ, nhưng gần ...
Flavius ​​Frantz

@Flavius: Đó là cách để làm điều đó. Bạn nên làm điều này một câu trả lời.
Alan Gilbertson

Chỉnh sửa để làm rõ. Hy vọng điều này có ý nghĩa hơn bây giờ.
Hanna

@Johannes [Tôi đã chỉnh sửa câu hỏi của mình để làm rõ một số nội dung, chủ yếu là cho tôi và những người như tôi không làm cho những điều này trở nên dễ dàng] Vui lòng giải thích cách thực hiện điều này với lưới phối cảnh trong Illustrator CS5 và đạt được điều gì đó như ví dụ trong câu hỏi, hoặc ví dụ của bạn, nhưng tôi thích câu hỏi của tôi hơn, đó là một số đối tượng được vẽ và sau đó được sắp xếp trên một khung vẽ trong một vấn đề đẳng cự.
Flavius ​​Frantz

1

Tôi có thể suy nghĩ quá phức tạp, nhưng dù bằng cách nào tôi cũng nghĩ rằng mình nên chia sẻ.

Chà, suy nghĩ đầu tiên của tôi là Tê giác , một phần mềm 3D (dành cho windows)

Với nó, bạn có thể dễ dàng tạo văn bản 3d và các đối tượng 3d cơ bản như hình khối, hình trụ và các thứ ..

Hơn nữa, những gì tôi có trong tâm trí của tôi là tính năng Make2D . Nó cho phép bạn tạo các bản vẽ 2d từ các đối tượng 3d ..

Sau đó, bạn có thể lưu các dòng đó ở định dạng .ai.


Đây là một ví dụ về iphone (không chính xác 100%) mà tôi đã thực hiện (từ lâu) mà bây giờ tôi đã chuyển đổi thành các dòng và từ đó mang đến Illustrator. Bức hình

Nếu những gì bạn muốn là tô màu nó .. đó có thể là một công việc hơi tẻ nhạt vì bạn cần tham gia các đường dẫn trước khi bạn có thể điền nó .. Chọn 2 hoặc nhiều dòng và Ctrl + J.


tùy chọn thú vị .. tôi sẽ xem xét nó
Flavius ​​Frantz

+1 cho đề xuất phần mềm 3D có tùy chọn xuất và sau đó nhập vào họa sĩ minh họa. sẽ hữu ích không chỉ trong trường hợp này ...
Flavius ​​Frantz

1

Tôi nghĩ rằng hướng dẫn hoàn hảo cho mục đích của bạn vừa xuất hiện trên trang web Nghệ thuật kỹ thuật số . Đó không chỉ là "Cách thực hiện", đó là toàn bộ nghiên cứu trường hợp theo đúng nghĩa của nó.


Anh ấy ... tất nhiên là nó xuất hiện rồi, tôi đã hỏi rồi phải không? : P: P [jooooke]. Hướng dẫn tuyệt vời, tôi sẽ kiểm tra nó vào tối nay, cảm ơn vì đã ngẩng cao đầu. :)
Flavius ​​Frantz

Nhưng đương nhiên là! Có một lưới isometric làm sẵn kèm theo hướng dẫn, có thể tiết kiệm thời gian. :)
Alan Gilbertson
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.