İzometrik vektörler nasıl çizilir?


16

Tercihen Illustrator CS2-5 için "yerleşik" yazılım çözümleri arıyorum.

Bir web uygulaması için bu izometrik çizimleri oluşturmaya çalışıyorum. Şu anda Adobe Illustrator'da manuel olarak bir ızgara oluşturdum ve bu ızgaraya dayalı çizimler yapıyorum - ancak kılavuzum yok, çıtçıt ve bunun gibi şeyler yok…

Nihai sonuç buna yakın olmalıdır: http://www.twigital.co.uk/

İzometrik malzeme çizmek için iyi bir yazılım biliyor musunuz, o zaman bir vektör (.eps veya .ai) olarak çıktısını alabilir miyim, o zaman Illustrator'a aktarabilir ve onlara renk ve diğer şeyleri pezevenkleyebilir miyim?

Özellikle bunun için bir yazılım bilmiyorsanız, Illustrator'da hiç izometrik çizimler yaptınız mı? Herhangi bir yöntem var mı? Herhangi bir ipucu?

İzometrik vektör çizim örneği

DÜZENLE:

Lütfen İzometrik çizimi 1,2 veya 3 Noktalı Perspektif Çizim ile karıştırmayın.

İZOMETRİK ÇİZİM:

[izometrik sistem sadece bir kural / icattır, bir çok şey için yararlıdır, gözlerin gerçekte gördüklerini çoğaltmak için değil, gerçekten sadece ölçümler ve diğer şeyler için yararlı bir kuraldır]

iso (eşit) metrik (ölçüm)

Bir in izometrik çizim , bir küp tüm kenarları paralel olacaktır dörtlü takımlar halinde. (2 paralel çizgi, çizgilerin birbirleriyle asla buluşmayacağı anlamına gelir.

PERSPEKTİF ÇİZİM:

[Perspektif çizim kuralları (1 nokta, 2 nokta, 3 nokta… ve diğerleri) hala sözleşmelerdir, ancak gözün gerçekte (3D) gördüklerine taklit etmeye ve mümkün olduğunca yakın olmaya çalışırlar. 2D'de (kağıt / ekran) asla gerçekliğin gerçekte olduğu gibi değildir.]

[Bazılarının tartışabileceği başka bir şey, iki gözümüzün (sadece bazı optik cihazlar) * olması ve görüntünün beyinde meydana gelen bir sihirle birleştiği (yaratıldığı), bunun neden hiçbirinin sözleşmeler de gerçeğe gerçekten benziyor ... ama bu Felsefe SE: P] * için

İn perspektif çizimi , kenarları doğru sivrileşen olur bir veya daha fazla kayıp noktalarına.

İle Illustrator CS 5'inde Perspektif Izgara 3 seçenek vardır:

1 nokta perspektifi, 2 nokta perspektifi ve 3 nokta perspektifi.

Yukarıdaki tüm bilgileri işledikten sonra (internetten bilgi yanlış olabilir, kasıtlı olmaktan çekinmeyin) Bir tuval üzerinde birden fazla nesnenin izometrik bir görünümünü elde etmenin mümkün olmadığı basit varsayımını ( yukarıdaki örnek, twigital.co.uk (George'a cevabında nasıl yapıldığına dair açıklaması için teşekkürler) bir perspektif ızgarasıyla, yani 1 nokta perspektifi ile: çizgiler ufukta bir noktada buluşacak, 2 puan: çizgiler ufukta 2 noktada buluşacak, 3 noktada ... fikri anlayacaksınız ...

Ve bir İzometrik Görüş ile, çizgiler paralel olduklarından asla buluşmazlar. (Bence buna izometrik perspektif de diyebilirsiniz, bu yüzden biraz kafam karıştı)

!!! Ancak ızgarayı manuel olarak yaparsanız, nasıl yapılacağını öğrenebilir veya burada zaten yapılmış olanı indirebilirsiniz . Bu öğreticide her şeyi yaptıktan sonra, oluşturduğunuz tüm satırları seçin ve Görünüm> Kılavuzlar> Kılavuz Yap'a gidin . Bu, bu sorunun cevabı gibi ama ben sadece "yerleşik" bir çözüm arıyordum ve ...

Bunu Illustrator CS5'teki perspektif ızgarasıyla yapmaya çalıştım ... benim için işe yaramadı, eğer birisi bunu Illustrator'daki Perspektif Izgarası ile yaptıysa lütfen bunu yapmak için tam adımları açıklayın.

Bazıları yukarıdaki bazı şeylere çok fazla stres yaptığımı söyleyebilir, ancak yüzlerce veya sadece 50 rastgele konumlandırılmış (izometrik bir şekilde) nesnelerle karmaşık bir uygulama yaparsanız ve nesneler mükemmel izometrik değilse, çirkin sonuçlarla sonuçlanırsınız Orada ve orada (tüm çizgiler paralel olacak ve kötü görünüyor) ya da onun ölçümler ve hassas ölçekli projeksiyonlar için bir uygulama "kötü" sayılarla sonuçlanacak ... ve muhtemelen bunu istemezsiniz. .


1
Şimdiye kadar bulduğum en iyi seçenek @Johannes'in cevabı altında yorumladığınız şey: çizgileri ızgaraya dönüştürün. Herhangi bir 3D CAD (veya genellikle herhangi bir 3D) yazılım tarafından sunulan izometrik görünümlerden uzaktır, ancak belki bir 2D illüstrasyon yazılımı için yeterli bir çözümdür (evet, perspektifle çizime yardımcı olacak bazı araçlar vardır).
Jari Keinänen

Yanıtlar:


11

For twigital tasarımcı ( Chris ) Illustrator, bir ızgara ve 3D Döndürme aracını kullandı. İzometrik rotasyonlar için ön ayarlara sahip olduğuna dikkat edin.

Illustrator'ın varsayılan olarak sağladığından daha fazlasına ihtiyacınız varsa, Illustrator için izometrik çizim ve boyutlandırma araçları sağlayan CADtools eklentisini deneyin .

Paylaşacak birkaç kaynağım var. Bu öğreticiye dayanarak, klavye kısayollarını kullananları tetikleyebilmeniz için yukarıdaki adımları eylem olarak kaydettim:

  • Sol = CMD + Üst Karakter + F1
  • Üst = CMD + Üst Karakter + F2
  • Sağ = CMD + Üst Karakter + F3

Bunları almak için tek yapmanız gereken bu dosyayı indirmektir: İzometrik.aia ve illustrator uygulamasında Eylemler'e (Pencere> Eylemler) gidin ve içerik menüsünden (sağ üstte ok aşağı ve 2 yatay çizgi ile küçük simge) (=)) Eylemleri Yükle'yi seçin ve Isometric.aia'ya göz atın

Eylemleri sıfırdan oluşturmak da oldukça basittir.

Ayrıca birkaç ekran kaydı yaptım:

Tüm kemerler dosyasını buradan indirebilirsiniz: iso_arches.ai

izometrik kemerler

Videoda belirgin olmayabilecek 3 ana şey var:

  • Nesneleri daha kolay yerleştirmek için nokta yakalamayı / referans ızgarasını kullanma
  • farklı parçaların birbirine uyması için modüller için bir ünite kullanma
  • yinelenen parçalara sahip nesneler monte ederken, gruplar yerine semboller kullanarak

ince ayarları yapmak


Adobe Illustrator CS3, CS4, CS5 ve CS5.5 için CAD araçları için eklentiye bağlantı. Ve 3D Döndürme aracının izometrik ayarı da iyidir. Bunlar doğru ve doğru bir izometrik çizim yapmak için bir çeşit "yazılımda yerleşik" yöntemler ... ama CADtools eklentisi biraz pahalı.
Flavius ​​Frantz

1
Bu değer belirterek olabilir SSR öğretici bir yazım hatası vardır 86,062% olmalıdır 86,602% açı sizin rotasyonları maçları cos değeri (30) ve sin (60), çünkü,. Bunu düzeltmezseniz, işler dönüşümler arasında tam olarak hizalanmadığı için nihayetinde sorun yaşarsınız.
joojaa

1

Illustrator CS5'te "Perspektif" adı verilen yeni ve harika bir araç var. Bu araç, şeyleri boyutlandırmak için çizmenize yardımcı olan bir 2D veya 3D perspektif ızgarası oluşturmanıza olanak tanır. Şekilleri ve metni belirli bir düzleme "yapıştırır" ve yerleştirildiği yere bağlı olarak boyutunu ve açısını ayarlar.

Adobe'nin, aracın tam olarak ne olduğunu ve nasıl kullanılacağını açıklayan bazı videoları aşağıda bulabilirsiniz:

Perspektif Izgaralarının Tanımlanması

Perspektifte Çizim Sanatı

Ayrıca, Terry White'ın benzer şeyleri gözden geçiren bir video eğitimi var .

Ve burada Illustrator'da Perspektif aracını kullanmak zorunda olmayan çeşitli 3D öğreticiler .

Bu aracın Illustrator kullanarak bu izometrik hissi almanın en iyi yolu olduğunu düşünüyorum. CS5'iniz yoksa, kendi ızgaralarınızı oluşturmak için daha kaba yöntemler kullanmanız gerekir.

Alternatif olarak, ihtiyaçlarınızı karşılamak için her zaman ayrı bir yazılım bulmayı deneyebilirsiniz. Her iki şekilde de umarım bu yardımcı olur!

DÜZENLE

Açıklığa kavuşturmak için, Perspektif aracı hiçbir şekilde "Gerçek 3D" değildir, sadece 3D yanılsamasına sahip bir 2D nesnedir (tıpkı izometrik gibi).

Örneğin bu resmi ele alalım. Bu izometrik bir görüntüdür ve bu görüntü illustrator uygulamasındaki perspektif aracıyla yapılabilir. Verilmiş, bunun için daha iyi bir yazılım var, ancak bunun illustrator içinde yapmak için en iyi bahislerden biri olduğunu düşünüyorum. Perspektif aracı alışmak biraz zaman alır, öğreticiler kesinlikle bu konuda yardımcı olacaktır.

Sanırım daha önce yayınladığım örnekler ile "izometrik his" arasında gördüğünüz fark sadece görüntünün açısı. İzometrik tipik olarak yukarıdan aşağıya (sadece bir açıda) iken diğer örnekler nesneye daha doğrudan bakmaktadır. Ama imajlarını böyle yapmaya karar verdiler.


Uhum, CS5'im var, perspektif ızgarasını fark ediyorum, ama "izometrik" moda girecek şekilde ayarlayabilir misin? Çünkü izometrik 3D değil, 2D, ama hepsi 3D görünüyor ... ve izometrik grafiklerde perspektif yok ... [ en.wikipedia.org/wiki/Isometric_projection ]
Flavius ​​Frantz

3
Şimdiye kadar ızgaramı illustrator'da basit çizgilerle manuel olarak yaptım, sonra hepsini seçtim ve Görünüm> Kılavuzlar> Kılavuz oluştur'a gittim, bu yüzden tüm çizgilerim artık kılavuzlardan yapılmış izometrik bir ızgara (sadece illustrator'daki çizgiler değil) Akıllı Rehberler eneabled ile ben istediğimi almak istiyorum ... tam olarak değil, ama yakın ...
Flavius ​​Frantz

@Flavius: Bunu yapmanın yolu bu. Bunu bir cevap yapmalısın.
Alan Gilbertson

Açıklama için düzenlendi. Umarım bu şimdi daha mantıklıdır.
Hanna

@Johannes [Çoğunlukla benim ve benim gibi bu şeyleri kolaylaştırmayan insanlar için bazı şeyleri açıklığa kavuşturmak için sorumu düzenledim] Lütfen bunun Illustrator CS5'teki perspektif ızgarasıyla nasıl yapılacağını açıklayın ve örnekteki gibi bir şey elde edin. soru ya da örnek, ama benimkini tercih ederim, bu izometrik bir maddede bir tuval üzerine çizilen ve sonra düzenlenen birkaç nesne.
Flavius ​​Frantz

1

Çok karmaşık düşünebilirdim, ama her iki şekilde de paylaşmam gerektiğini düşündüm.

İlk düşüncem, 3D bir yazılım olan Rhinoceros'du (pencereler için)

Bununla birlikte kolayca 3d metin ve küpler, silindirler ve şeyler gibi temel 3d nesneler yapabilirsiniz.

Ayrıca aklımda olan şey Make2D özelliğiydi. 3d nesnelerden 2d çizimler yapmanızı sağlar ..

Daha sonra bu satırları .ai biçiminde kaydedebilirsiniz.


İşte (uzun zaman önce) yaptığım (% 100 doğru değil) iphone'un şimdi hatlara dönüştürdüğüm ve Illustrator'a getirdiğim bir örneği. Görüntü

İstediğiniz renk ile doldurmak .. Eğer doldurmadan önce yollara katılmak için biraz sıkıcı bir iş olabilir .. 2 veya daha fazla satır ve Ctrl + J seçin.


ilginç bir seçenek .. içine bakacağım
Flavius ​​Frantz

Illustrator'a dışa aktarma ve içe aktarma seçeneğine sahip 3D yazılım önerisi için +1. sadece bu durumda yararlı olmayacak ...
Flavius ​​Frantz

1

Dijital Sanat web sitesinde yeni amaçlar için mükemmel bir eğitim olduğunu düşünüyorum . Bu sadece bir "Nasıl Yapılır" değil, kendi başına bir vaka çalışmasıdır.


O ... elbette ortaya çıktı, ben istedim, değil mi? : P: P [jooooke]. Harika bir eğitim, bu akşam daha sonra kontrol edeceğim, kafalar için teşekkürler. :)
Flavius ​​Frantz

Ama tabii! Öğreticiye dahil olan ve biraz zaman kazandırabilecek hazır bir izometrik ızgara var. :)
Alan Gilbertson
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.