Başka Bir Boyut, Yeni Ustalık – Bir İzometrik İllüstrasyon Eğitimi

Sıradan konulara enerji verme ve karmaşık fikirleri görsel netlikle iletme yeteneğinde illüstrasyon eşsizdir, peki ya izometrik çizimler? Herkesin bildiği gibi zor ve zaman alıcı değiller mi? Altı basit adımda, bu izometrik çizim öğreticisi, süreci hızlı ve basit hale getirir.

Bir açılış sayfasını canlandırmanız mı gerekiyor? Sıkıcı verileri görselleştirin? Mülayim ambalajlara zımba eklensin mi? İllüstrasyon tüm cephelerde cevaptır.

Son yıllarda, izometrik çizimler, iki boyutlu uzayda üç boyutlu derinliği temsil etme biçimleri nedeniyle popülerlik kazanmıştır. Ayrıca, izometrik ızgara, yaygın bir illüstrasyon hayal kırıklığı kaynağı olan perspektif yanılsamasını sürdürme ihtiyacını ortadan kaldırır.

Adobe Illustrator'da geleneksel izometrik çizim süreci sıkıcıdır. İzometrik bir ızgara yapın, bir kare çizin, -30° eğin, -30° döndürün ve açın. Neyse ki, daha iyi bir yol var. Illustrator, izometrik çizimleri hızlı ve kolay hale getiren 3B efektlere sahiptir: "Ekstrüde Et ve Eğim Ver", "Döndür" ve "Döndür".

Bu eğitici, “Döndür” kullanılarak nasıl izometrik çizimler oluşturulacağını gösterir, ancak içgörüler, Illustrator'ın kalan 3D efektleri için de geçerlidir.

Müşterileri etkilemeye, kullanıcıları memnun etmeye ve izometrik illüstrasyonun sırlarını öğrenmeye hazır mısınız?

Döndür ve İyileştir: Bir İzometrik Çizim Eğitimi

Kim buz gibi bir içeceğin tadını çıkarmaz? Etiketli izometrik bir şişe tasarlayarak sıvı ferahlığın tadını çıkaralım.

*Profesyonel İpucu: Başlamadan önce, şişenin nasıl görüneceğini bildirmek için bir nesne referansı bulun.

Adım 1: Şişeyi ve Sıvıyı Çizin

1.1) Yeni bir Adobe Illustrator belgesi oluşturun.

1.2) Şişe referansını belgeye ekleyin.

1.3) Şişenin ve içindeki sıvının taslağını çizin.

1.4) Şişeyi ve sıvıyı ikiye bölün (aşağıda görüldüğü gibi).

1.5) Şişenin konturunun vuruş kalınlığı, cam kalınlığını tanımlar.

*Profesyonel İpucu: Resmi kopyalayıp çalışma yüzeyinin dışına yedek olarak yapıştırın.

Adım #2: Döndürme Etkisini Uygulayın

Adından da anlaşılacağı gibi “Döndür” şekli kendi ekseni etrafında döndürür. Illustrator'da "Döndür" ekseninin konumu dikey olarak sabitlenir. Bu yüzden şişenin ana hatları çizildi ve ikiye bölündü.

*Profesyonel İpucu: Ne şişe taslağı ne de sıvı nesne, dolgu renkleri olarak gradyanlara sahip olmamalıdır.

2.1) “Döndür” efektini bulmak için şuraya gidin: Efekt > 3B > Döndür…

2.2) Diyalog penceresinin en üstünde “Pozisyon” etiketli bir alan vardır. “İzometrik Sol”u seçin.

2.3) Açı – Bu, nesnenin ekseni etrafındaki dönüş derecesidir. 180°'ye ayarlanırsa, sonuç dikey olarak ikiye bölünmüş bir şişe olacaktır. Tamamen döndürülmüş bir şişe için açıyı 360°'ye ayarlayın.

2.4) Ofset – Objenin dikey ekseninden ofset mesafesini kontrol edin. “0” girin.

2.5) Yüzey – Nesnenin malzeme ve aydınlatma özelliklerini ayarlayın. “Gölgeleme Yok”u seçin.

Ta-da! Sıvı ile izometrik bir şişe. Geri çekilme, rahatlama ve bekleme zamanı! O şişenin bir etikete ihtiyacı var.

*Profesyonel İpucu: Etiket oluşturulana kadar şişedeki "Görünümü Genişlet" işlevini kullanmayın.

Adım #3: Etiketi Hazırlayın

3.1) Etiket boyutlarını tanımlamak için şişeyi kullanın.

3.2) Örnek görüntüde (aşağıda), gövde etiketinin yüksekliği belirgindir, ancak yüzey eksene paralel olmadığı için boyun etiketinin yüksekliği net değildir. Yaklaşık bir yükseklik yeterli olacaktır.

3.3) Etiket uzunluğu, daire çevre formülü 2πr kullanılarak hesaplanır.

3.4) Tasarlanmış tatmin edici bir etiketle, her iki etiketi de sembollere dönüştürün. “Semboller” paleti şurada bulunur: Pencere > Semboller

3.5) Semboller oluşturmak için etiket tasarımlarını palete tek tek sürükleyip bırakın.

*Not: Illustrator ve Sketch'teki semboller benzer şekilde çalışır.

Adım #4: Etiketi Şişenin Üzerine Eşleyin

Şişe “Görünüşü Genişlet” işlevi kullanılarak vektörleştirilmediği sürece tamamen düzenlenebilir.

4.1) Şişeyi seçin ve “Görünüm” paletini görüntüleyin: Pencere > Görünüm

4.2) Ardından, “3D Döndür”ü seçin ve önceki iletişim kutusu belirir.

4.3) Tasarımı şişeyle eşleştirmek için sol alttaki seçeneğe tıklayın: “Map Art”.

4.4) Bu, şişe için bir sembol seçmeyi ve ayarlamayı mümkün kılar.

4.5) Sembolü doğru yüzeyle eşleştirdiğinizden emin olun (aşağıya bakın).

4.6) "Sığdırmak İçin Ölçekle"yi tıklayın ve etiket şişeyle eşleşir.

4.7) Boyun etiketi için aynı adımları izleyin.

Adım #5: Dağınık Bir Dosyadan Kaçının

5.1) Şimdi, "Görünüşü Genişlet" işlevini kullanarak şişeyi Bezier eğrilerine çevirme zamanı: Nesne > Görünümü Genişlet

Illustrator, öncelikle 3B nesne işleme için tasarlanmamıştır. Bir nesnenin görünümünü genişletmek, 3B nesne yanılsaması veren gruplandırılmış daha küçük öğeler koleksiyonu oluşturur.

5.2) İşleri düzenli tutmak için öğeleri "Yol Bulucu" veya "Şekil Oluşturucu" aracıyla birleştirin (aşağıya bakın).

*Profesyonel İpucu: Nesneleri birleştirmek istenmeyen bağlantı noktaları oluşturur. Nesne > Yol > Basitleştir'e giderek bunları azaltın. Illustrator'ı düzenli olarak kullananlar için VectorScribe eklentisi ve Nokta Kaldırma aracı şiddetle tavsiye edilir.

Adım #6: Renkler ve Gradyanlarla Hayat Ekleyin

Son adım olarak, şişeyi renkler ve gradyanlarla canlandırın. Burada bireysel sanat devreye giriyor. Gerçekçi bir görünüm için yansımalar, vurgular ve gölgeler ekleyin veya daha grafik bir hava için konturlar ve basitleştirilmiş bir renk paleti kullanın. Sağlam bir temelle, stilistik olanaklar sonsuzdur.

İzometrik Çizimlere Şerefe!

İzometrik çizimler, çok çeşitli tasarım projelerine derinlik, boyut ve kişilik kazandırır. Daha fazla izometrik olasılık keşfetmek için bu öğreticide özetlenen ilkeleri kullanın ve Illustrator'ın diğer 3B efektlerini denemeyi unutmayın: “Döndür” ve “Ekstrüzyon ve Eğim”.

Haydi ne düşündüğünü söyle! Lütfen düşüncelerinizi, yorumlarınızı ve geri bildirimlerinizi aşağıya bırakın.

• • •

Toptal Tasarım Blogunda daha fazla okuma:

• Görsel Raf Ömrü – Web Tasarım Çizimleri Neden Bayatlıyor?
• Herhangi Bir Çizim Becerisi Olmadan Özel Çizimler Tasarlamak İçin Adım Adım Kılavuz
• Yeni Gerçekler: VR, AR, MR ve Tasarımın Geleceği
• Tasarımcının Kenarı – Photoshop Eklentilerine Genel Bir Bakış
• Gelişen Emojiler: Mesajlaşmanın Yeni Yüzü İçin Tasarım