Herhangi Bir Çizim Becerisi Olmadan Özel Çizimler Tasarlamak İçin Adım Adım Kılavuz

Bugün birçok işletmenin stok illüstrasyonlar veya görseller kullandığını görüyorum. Bu seçenekler ucuz olsa da görseller ürüne özel olmadığı için marka mesajı sulandırılıyor.

Sosyal medya ve B2B pazarlamacılarının yüzde 74'ünün tanıtımlarında görsel kullandığı bir dünyada, görsel olarak kendinizi nasıl ayırdığınız çok önemlidir.

Markanız üretkense, insanlar markanızla ilişkili görsel dili öğreneceklerdir. Başka bir ürünle ilişkili aynı stok illüstrasyonları gördükleri anda marka kimliğiniz zayıflayacaktır.

Özel çizimlerle, bir markanın kimliğinin unsurları, ortak bir bakış açısı ve kişilik etrafında birleşebilir. Müşterilerle sezgisel bir düzeyde iletişim kurarlar ve markaların hikayelerini kalıcı bir şekilde anlatmasına yardımcı olurlar.

Ancak birçok tasarımcı, çizim becerilerine sahip olmadıkları korkusuyla illüstratör olarak çalışmaktan çekiniyor. Herhangi bir tasarımcının çizim gerektirmeden nasıl güzel illüstrasyonlar geliştirebileceğini göstermek için buradayız.

Üç popüler illüstrasyon stiline bakacağız ve kendi resminizi sıfırdan geliştirmek için çok basit adımlar uygulayacağız. Takip edebilir ve bir sonraki projeniz için harika görünen parçalar oluşturmak için öğrendiklerinizi uygulayabilirsiniz.

Ünlü uzay illüstrasyonunu yeniden yaratın.

Tasarımcı ve İllüstratör Nina Georgieva, bu kötü şöhretli Dribbble parçasının arkasındaki öncüdür ve şimdi stil kendi başına bir trend haline geldi.

Georgieva'dan ilham alarak birkaç kolay adımı izleyerek kendi uzay illüstrasyonumuzu yaratacağız.

Sonunda alacağın şey bu.

1. Yıldızlarla başlayın.

Illustrator'ın "yıldız aracını" kullanarak dört noktalı bir yıldız oluşturun. Ardından yüzde 75 şeffaf yapın.

Seçiliyken, Ctrl+C ve ardından Ctrl+F tuşlarına basarak kopyalayın.

Öndeki şekli küçültün.

Ardından, parlayan bir efekt ekleyin; daha büyük şekli seçin; ve "Görünüm" panelinden bir "Gauss Bulanıklığı" efekti uygulayın.

Son olarak, daha sonra kompozisyonda kullanmak için yıldız şeklinizi “Semboller” panelinin içinde saklayabilirsiniz.

2. Bulutun şeklini oluşturun.

Dikdörtgenleri çeşitli genişliklerde istifleyin.

Bunları “Yol Bulucu” paneliyle birleştirin.

Tüm şekle yüksek bir "köşe yarıçapı" değeri vererek bitirin.

3. Gezegen dokusunu bulutlardan yapın

Bulut şeklinden başlayarak, yukarıda gösterildiği gibi gezegen dokusu efektini oluşturun.

Birçok bulut şeklini bir araya toplayın ve dalgalı bir desen oluşturmak için arka arkaya dışa ve içe doğru eğrilere sahip olduğunuzdan emin olun.

4. Dokuyu ince ayar yapın.

Gezegen şekline uygulamadan önce dalgalı deseni basitleştirin.

Dokunun bir tarafındaki fazla noktaları kaldırın ve düzleştirin.

5. Dokulu bir gezegen yaratın.

Dalgalı deseni bir daire ile üst üste getirin ve "Yol Bulucu" panelindeki "Böl" seçeneğini kullanarak bir bölme oluşturun.

Dairenin dışında oluşturulan ekstra şekli silin ve gezegenin her iki tarafına farklı gri değerler uygulayarak bir ışık efekti yaratın.

6. Gezegene bir atmosfer ekleyin.

İki büyük daire oluşturun ve bunları Ctrl+X ve ardından Ctrl+B ile gezegenin arkasına yapıştırın.

Onları uygun şekilde hizalayın.

Yeni çevrelere saydamlık ve üçüncü daireye ("Görünüm" paneli içinde) bir bulanıklık efekti ekleyin.

Gruplandırın (Ctrl+G) ve sonucu “Sembol” panelinin içinde saklayın.

7. Gezegenleri çoğaltın ve renklendirin.

"Semboller" panelinden birkaç gezegen şeklini kopyalayın ve her iki taraf için iki farklı renk kullanarak yeniden renklendirin.

Bir rengi seçmek için “Doğrudan Seçim Aracını (A)” ve bir renk seçip uygulamak için “Damlalık Aracını (I)” kullanın.

8. Gezegenlerinizi ölçeklendirin ve konumlandırın

“Seçim Aracı (V)” ile gezegenleri farklı konumlarda hareket ettirin ve seçildiğinde görünen beyaz köşeleri sürükleyerek onlara çeşitli boyutlar verin (orantılı ölçekleme için “Shift” tuşunu koruyun).

9. Halkaları ekleyin.

Halkaları yapmak için gezegenlerin etrafına birkaç çizgi daire çizin.

Halkaların önüne daha küçük gezegenleri yapıştırmak için onları seçin, ardından Ctrl+X (kes) ve Ctrl+F (ön tarafa yapıştır) tuşlarına basın.

10. Gökyüzüne biraz bulut ve yıldız ekleyin.

“Sembol” paneline geri dönerek, bazı bulut ve yıldız şekillerini sürükleyip bırakın.

Alanınızda istediğiniz gibi çoğaltın, ölçeklendirin ve konumlandırın.

İşte nihai sonuç.

Gerçekten kendinize ait olmak için ölçek, konum ve renklerle oynayın.

Biraz tipografi ekleyin ve işte, yeni, özelleştirilmiş bir masaüstü arka planınız var.

Toptal blog çizimleri stilini yeniden yaratın

Toptal blogu, dünyanın dört bir yanındaki en iyi yetenekler tarafından yaratılan değerli bir içgörü ve ilham kaynağıdır. Tıpkı şu anda okuduğunuz gibi, çoğu makale içeriği desteklemek için resimlere sahiptir. Nesneleri tasvir etmek için basit geometrik şekiller ve parlak renkler kullanıyoruz.

Kendi yemek illüstrasyonlarınızı oluşturmak için bu stili nasıl uygulayabileceğinizi görelim.

Sonunda alacağın şey bu.

1. Basit bir kızartma çizin.

Kızartma yapmak için uzun bir dikdörtgenle başlayın ve “Kalem Aracı (P)” ile kenarlara birden çok nokta ekleyin.

“Doğrudan Seçim Aracını (A)” kullanarak noktaları hareket ettirerek şekli değiştirin.

2. Mayonez kabını oluşturun.

Arkadan öne doğru azalan boyutlarda üç daire oluşturun.

Dış daire kap, ortadaki (beyaz) mayonez ve iç, daha küçük daire (renkli vuruşlu) aydınlatma efekti içindir.

İç daireyi ortadan ikiye kesin ve “Kontur” panelindeki “Kapak” ve “Köşe”nin yuvarlak olduğundan emin olun.

3. Ketçap ve hardalı yapın.

Hardal ve ketçap oluşturmak için mayonez bardağını çoğaltın.

Yukarıda önerildiği gibi, sosa ve ışığa farklı renkler uygulayın.

4. Dalga şeklindeki marulu ekleyin.

“Kalem Aracı (P)” ile düz bir çizgi çizin ve ona birkaç nokta ekleyin.

“Hizala” panelinden yatay aralıklarını dağıtın.

Değişen noktaları aşağı sürükleyin ve tamamen pürüzsüz olana kadar her köşeyi maksimuma yuvarlayın.

5. Bir ekmek dilimi oluşturun.

Uzun bir oval oluşturun; dalga şekli ile üst üste getirin ve “Yol Bulucu” panelinden “Böl” seçeneğini kullanarak bir bölme oluşturun.

“Böl” aracından elde ettiğiniz fazla şekli kaldırın, ardından ekmek dilimini yeniden renklendirin.

6. Hamburger ekmeğini yapın.

Ekmek dilimini dikey olarak yansıtın ve üst katmana bir devrilme noktası ekleyin.

Pürüzsüz bir burger çöreği yapmak için o kenarı yuvarlayın.

7. Burgeri bitirin.

Salatayı yeşile boyayın.

Daha sonra sırasıyla kahverengi, sarı ve kırmızı renkleri kullanarak et, peynir ve domates için farklı “Yuvarlak Dikdörtgenler” oluşturun.

Burgerinizi düzgün bir şekilde katmanlamak için işleri hareket ettirin.

8. Hamburgerden bir sosisli sandviç yapın.

Burger resminizden başlayarak, domatesleri ve peyniri çıkarın, marulu mayonez ve hardalla yeniden renklendirin ve daha simetrik bir sosisli sandviç için alttaki ekmeği çoğaltın.

9. Pizza şeklini tasarlayın.

Burgerin üst tabakasıyla başlayın, alt noktaları aşağı doğru hareket ettirin ve onları birbirine yaklaştırın.

Üçgen şeklini çoğaltın, küçültün ve peynirli bir taban için sarı yapın.

10. Domates şekillerini ekleyin.

Daha küçük iç dairelerle büyük bir kırmızı daireyi üst üste getirin ve "Yol Bulucu" panelinden "Eksi Ön" seçeneğini kullanın.

Pizza şekline farklı boyut ve konumlarda birden fazla domates dilimleri yerleştirin.

11. Biraz et dilimleri oluşturun.

“Kalem aracı (P)” ile organik bir kahverengi şekil çizin, çoğaltın ve pizzanızın üzerine ölçeklendirin.

12. Ekstra soslar ekleyin.

Pizza malzemelerinizi bitirmek için boş alanlara daha küçük, renkli, yuvarlak vuruşlar ekleyin.

13. Samanı oluşturun.

Uzun beyaz bir dikdörtgen ile yıldız.

“Kalem Aracı (P)” ile iki nokta ekleyin ve pipeti bükmek için üst kenarları hareket ettirin.

Sağ kenardaki orta noktayı kopyalayıp yapıştırın, ardından kırmızı bir kontur uygulayın ve dolgu yok.

Beyaz dikdörtgenin ortasındaki kırmızı çizgiyi hareket ettirin.

14. Soda kutusunu şekillendirin.

Sekiz kenarlı bir çokgen çizin; kutuyu ekleyin; ilk dört noktayı yukarı doğru hareket ettirin; ve daha çok bir kutu gibi görünmesi için üst ve alt kenarları dışa doğru ölçeklendirin (S).

Kenarları oluşturmak için üstte ve altta yuvarlak dikdörtgenler ekleyin.

15. Kutu şeklini değiştirin ve pipeti ölçekleyin.

Şekilleri değiştirmek için noktaları hareket ettirin, ardından kutuyu ve samanı ilişkilendirilebilir oranlarda ölçeklendirin.

16. Kutu üzerindeki dalga tasarımı ile bitirin.

Kutunun üzerine tasarım için organik ve dalgalı bir şekil çizin.

Ardından “Yol Bulucu” paneli ile bir bölme oluşturun ve fazla dış şekilleri silin.

İşte nihai sonuç.

Monument Valley oyunundan ilham alan bir illüstrasyonu yeniden yaratın

Monument Valley, UsTwo stüdyosu tarafından yaratılan en çok satan oyundur. Apple'ın 2014'ün en iyi iPad oyunu da dahil olmak üzere düzinelerce ödül kazandı ve illüstrasyon stili Escher'in güzel geometrik sanat eserlerinden ilham alıyor.

Şimdi bu oyunu bu kadar büyük bir başarıya ulaştıran görsel stili kolayca nasıl oluşturacağınızı öğreneceksiniz.

Sonunda alacağın şey bu.

Tüm çizim için yapı taşları olarak yalnızca düzlemleri ve küpleri kullanacaksınız.

Renk paletinde su, çimen, ahşap ve bina için dört renk bulunur - her biri doğal ışığı simüle etmek için üç tonda.

1. İzometrik bir düzlem oluşturun.

Bir kare ile başlayın, ardından izometrik bir şekil oluşturmak için bu üç adımı izleyin. Dikkat edin çünkü başka bir izometrik şekle ihtiyaç duyduğunuzda bu işlemi tekrarlayacaksınız.

Buna “İzometrik Etki” diyeceğiz:

Efekt > 3B > Ekstrüzyon ve Eğim'e gidin, görünen seçenek panelindeki "Konum" açılır menüsünden "İzometrik Üst" öğesini seçin. İlk seçenek olan “Ekstrüzyon ve Eğim” altında “Ekstrüzyon Derinliği”ni sıfıra ayarlayın.

Artık bir izometrik düzleminiz var.

Şekille daha iyi oynamak için Nesne > Görünümü Genişlet'e gidin.

Bu, uçağın rengini değiştirmenize ve noktaları serbestçe hareket ettirmenize izin verecektir.

Biz buna “Genişletme Etkisi” diyeceğiz.

2. Adanın yüzlerini takip edin.

Ada şeklinin üç yüzünü oluşturmak için bir kare ve iki uzun dikdörtgen oluşturun.

Her biri için “İzometrik Etki”yi tekrarlayın.

İkinci adım için sırasıyla "İzometrik Üst", "İzometrik Sol" ve "İzometrik Sağ" öğelerini uygulayın.

3. Ada üssünü tamamlayın ve renklendirin.

"Genişletme Efekti"ni uygulayın ve her yüzü en parlak her zaman en üstte olacak şekilde farklı yeşil tonlarıyla renklendirin.

4. Perspektifte küp yüzleri oluşturun.

"İzometrik Efekti", ikinci adımda sol, üst ve sağ izometrik olacak şekilde üç kareye uygulayın. Bu size izometrik bir küp elde etmek için ihtiyaç duyacağınız üç yüzü verir.

Çiziminizdeki her nesnenin yalnızca üç yüz kullanacağını unutmayın. İzometrik perspektifin güzelliği budur.

5. Bir küp oluşturun.

"Genişlet Efekti" ile şekilleri serbest bırakın, yüzleri bir araya getirin ve aydınlatmayı simüle etmek için üç gri tonu uygulayın.

İpucu: En açık renk her zaman en üsttedir; en karanlık, sağda; ve orta ton, sola. Bunu çiziminizdeki her şekle uygulamak, doğal ışık izlenimi yaratacaktır.

6. Ağaç tabanını başlatın.

İzometrik küp ile aynı adımları izleyin ve bu sefer bütünü bağlamadan önce sol ve sağ yüzleri uzatın.

Ardından ahşabı temsil etmek için üç ton kahverengi uygulayın.

7. Ağacı bitirin.

Ağaç kabuğunu küçültün; bir küpü çoğaltın; ve yüzlerini tıpkı arazi şekli gibi yeşile boyar.

8. Yapı taşlarını oluşturmak için bir küp kullanın

Bir küpü çoğaltın ve yapı malzemesi için pembeye boyayın.

Ölçekle oynayın; bir kule tabanı oluşturmak için alt noktaları aşağı hareket ettirin; ve bir sütun oluşturmak için küçültün.

9. Kuleleri birleştirin.

Kule tabanını ve pembe küpü hizalayın.

Aralarında biraz boşluk bırakın ve bu boşluğun içine üç sütun yerleştirin.

Mükemmel hizalama için, "Görünüm" menü seçeneğinde "Noktaya Tuttur" ve "Akıllı Kılavuzlar"ı ayarladığınızdan emin olun.

10. Kuleleri köprüleyin.

Bir üst düzlemden üst ve sağ noktayı seçin ve ikiz kuledeki eşdeğer düzleme sahip noktalara tutturun.

Kule köprüsü için bir kenar oluşturmak üzere bir sağ taraftaki düzlemi çoğaltın ve yeniden boyutlandırın.

11. Merdiven oluşturun.

Bir kuleden üç yüzü kopyalayıp yapıştırın; bir blok oluşturmak için kenarları hizalayın; ve ardından tek basamaklı bir adım oluşturmak için alt noktaları hareket ettirin.

Adımları birkaç kez çoğaltın ve konumlandırın.

12. Merdivenleri kapatın.

Merdivenlerdeki boşlukları kapatmak için noktaları sol taraftan hizalayın.

13. Merdivenleri çevirin.

Tamamlanmış merdivenlerinizi seçin ve sola bakan ikinci bir blok oluşturmak için “Yansıtma Aracını (O)” kullanın.

Işık efektine uymak için sol ve sağ yüzlerin renklerini değiştirdiğinizden emin olun - daha koyu gölge sağa, orta gölge sola ve daha açık gölge üstte.

14. Merdivenleri bağlayın.

Basamak taşları oluşturmak için merdivenlere bazı küpler ekleyin ve bunları kulelere bağlayın.

15. Su derinliği efekti yaratın.

Çoğalt ve açık mavi yüzeyi küçült.

Çeşitli konumlara yerleştirin ve deniz derinliği efektini tamamlamak için daha da koyu bir mavi tonu ekleyin.

16. Mevcut uçakları kullanarak güverteyi başlatın

Tıpkı merdivenlerde ve kule köprüsünde olduğu gibi, mevcut yüzlerden başlayın, ardından şekli kapatmak için noktaları düzgün bir şekilde hizalayın ve kahverengi ahşap tonları uygulayarak bitirin.

17. Güverteye sütunlar ekleyin.

Ağaç kabuğunu seçin, ardından çoğaltın, küçültün ve güverte sütunlarını oluşturmak için konumlandırın.

İşte nihai sonuç.

Çim ve çiçekleri simüle etmek için denizde daha büyük, karanlık noktalar veya ada düzleminde daha küçük, renkli izometrik kareler ekleyebilirsiniz.

Genel olarak, eğlenin, etrafta dolaşın ve yeni öğrendiğiniz basit yapı taşlarını kullanarak harika kuleler inşa edin.

Sonuç olarak

Bu üç kılavuzda gördüğümüz gibi, iyi görünen illüstrasyonlar oluşturmak için çok fazla çizim becerisine ihtiyacınız yok.

Aklınızda bulundurmanız gereken tek şey şu 3 ilkedir:

• Aklınızda net bir fikir veya konseptle başlayın - neyi tasvir ediyorsunuz?
• Mevcut sanat eserleri ve stillerden ilham alın - bir sanatçı gibi çalın.
• Karmaşık öğeleri gözlemleyin ve üzerinde çalışabileceğiniz temel geometrik şekillere dönüştürün - basit tutun.

Kendi illüstrasyonlarınızı yaratırken eğlenin ve yeni sanat eserinizi Dribbble'da ve web'in başka yerlerinde yükleyin. Eğlence!

• • •

Toptal Tasarım Blogunda daha fazla okuma:

• eCommerce UX – En İyi Uygulamalara Genel Bir Bakış (Infografik ile)
• Ürün Tasarımında İnsan Merkezli Tasarımın Önemi
• En İyi UX Tasarımcı Portföyleri – İlham Veren Vaka Çalışmaları ve Örnekler
• Mobil Arayüzler için Sezgisel İlkeler
• Öngörülü Tasarım: Büyülü Kullanıcı Deneyimleri Nasıl Yaratılır