Yüzyıl Ortası Modern İllüstrasyon: Illustrator ve InDesign ile Bir Kapak Kitabı Oluşturma

Bu derste size 1950'lerden ilham alan güzel bir kapak tasarımının nasıl oluşturulacağını göstereceğim. Özellikle, kapak bir çocuk kitabı için olacak, bu yüzden iyi bilinen bir karakter yaratacağız: Kırmızı Başlıklı Kız .

Bu tasarımın ilginç yanı, o zamanlar çizgi filmlerin tipik özelliği olan tamamen retro karakterini yaratacak olmamız. Bir illüstratör olarak, son yarım yüzyılın grafiklerinden her zaman etkilenmişimdir. Tam olarak 50'lerde doğmamış olsam da, bu tarzla karakterize edilen birçok çizgi film, kitap ve çizgi roman izleyerek büyüdüm.

İşte bu yüzden 1950'den biraz ilham almanızı istiyorum. Bu yazıda, bana ilham vermesi için neden bu kesin tarihi dönemi seçtiğimi ve bu tür sanat eserlerine olan sevgimin nereden geldiğini açıklayacağım. Bunu kendiniz denemek için biraz ilham arıyorsanız, çevrimiçi bulabileceğiniz bazı fikirleri de paylaşacağım.

Devam etmek için dosyaları indirebilir ve kendi yaptığım çizimim üzerinde pratik yapabilir veya dilerseniz kendi çiziminizi oluşturabilirsiniz. Önemli olan, kesinlikle büyüleyici bir retro tasarım yaratmak istiyorsanız, tüm adımları ve ipuçlarını izlemenizdir!

Daha sonra retro renklerin dünyasını ve retro efektlere sahip olmamızı sağlayacak tüm bu efektleri keşfedeceksiniz: Fırçalardan, dokulardan ve desenlerden bahsediyorum. Tasarım tamamlandıktan sonra kapak tasarımı hazırdır. Son olarak, InDesign'da kapağımızı baskı için dışa aktarmak üzere hazırlayacağız.

Hazır mısın? Hadi eğlenelim!

1. Neden Orta Yüzyıl Sanatı?
2. İlham aramak

3. Çizim Kavramları

   1. Elle Çizilmiş Bir Tasarım Nasıl İçe Aktarılır
   2. Temel Tasarım Nasıl Oluşturulur
   3. Retro Fırça Nasıl Oluşturulur
   4. Çizimler Nasıl Anahatlandırılır
   5. Daha fazla ayrıntı

4. Renkler, Dokular ve Desenler

   1. Boyama Karakterleri
   2. Fırça Efektleri
   3. Arkaplan
   4. Doku Efektleri
5. InDesign'da Bir Kapak Nasıl Düzenlenir
6. Nihai Sonuç

1. Neden Yüzyıl Ortası Sanatı?

Büyürken çok çizgi roman okudum ve çok çizgi film izledim. Ama herhangi bir tür değil - sadece yüzyıl ortası tarzında çizilmiş olanlar. Bu özel tasarımın beni neden bu kadar çektiğinden emin değilim; belki de çizimlerde kullanılan basit çizgiler veya çizgi roman ve karikatürleri oluşturmak için kullanılan pastel renkler yüzündendi.

Bir illüstratör ve grafik tasarımcı olarak her zaman ilham ararım ve Pinterest'te gezinmeyi severim. (Çok özel fikirleri keşfetmek için harika bir yer!)

Bu eğitim için retro ilhamı ararken dikkatimi çeken birkaç çizim buldum:

Bu sanatçıların sanat eserlerindeki insanları ve şeyleri gülünç şekilde temsil etmelerini kesinlikle seviyorum - abartı, basitlikteki ayrıntılar ve canlı renkler. Onlar bir şey değil mi!

Yüzyıl ortası çağda yaratılan çizimler ve tasarımlar hakkında her zaman her şeyi bilmek istemişimdir ve ne kadar çok araştırırsam, güzel desenler, İskandinav renkleri ve basit ama çok iletişimsel tasarımlarla yaratılmış bir dünyayı o kadar çok yeniden keşfetmeye devam ediyorum.

2. İlham Arıyoruz

Yüzyıl ortası tasarımları hakkında keşfedilecek çok şey var. İşte çok ilham verici reklam ve illüstrasyonlardan bazı örnekler.

Özellikler: az renk, basit çizgiler, fırça efektleri.

3. Çizim Kavramları

Bu eğitim için, herkes tarafından iyi bilinen bir çizim yapmak istedim, böylece daha sonra kendi seçtiğiniz bir çizime ayrıntıların nasıl uygulanabileceğini anlamak çok zor olmayacak. sahip olmak.

3.1. Elle Çizilmiş Bir Tasarım Nasıl İçe Aktarılır

O yüzden aklıma Kırmızı Başlıklı Kız geldi. Herkesin bu peri masalına aşina olduğunu tahmin ediyorum ve hepimizin Kırmızı Başlıklı Kız'ın nasıl göründüğüne dair bir fikri var. Çocukken onu en az bir kere görmüşüzdür, yani bir kitapta ya da çizgi filmde.

Tüm tasarımlarımda olduğu gibi, fikrimi elimle çizmeye başlıyorum. Aşağıda, iki orijinal çizimi göreceksiniz (geri dönüştürülmüş kağıdın silinmeleri ve sarı rengi dahil):

Photoshop yardımıyla eskizlerimi düzenledim ve artık karakterleri kolayca ana hatlarıyla çizebilir ve çizimde kullanabiliriz:

Not : Başlangıç ​​görsellerini buradan indirebilirsiniz.

Retro görünümü elde etmek için, şimdi ana karakterler için hangi unsurları kullandığıma bir göz atalım:

Kenarlar , yüzyıl ortası grafik ve tasarımlar için kullanılan en kullanışlı detaylardan biridir. Bence kenarlar tasarıma çok eğlenceli bir nitelik kazandırıyor, bu da onu çok eğlenceli ve çocuksu kılıyor.

Kullandığım küçük kaban da 50'lerin tipik kıyafetleri:

Kurt için ayrıca 50'li yıllardan bazı tipik öğeleri de kullandım, örneğin çizgi film benzeri gözler ve ayaklar gibi:

Komik not : Christopher Hart, “Modern Karikatürleme: Günümüzün Popüler Karikatürlerini Çizmek İçin Temel Teknikler” adlı kitabında, aynı ayakkabıyı çizmenin iki yolunu gösteriyor:

“Çizmeleri ilginç bir şekilde çizmek daha komik. Dezavantajı ise sadece 7 beden olmaları.”

Kurda retro çizgi filmlerde yaygın olarak kullanılan tipik yüz ifadeleri vermeye karar verdim. Aşağıdaki resme bir göz atın (bir kez daha Christopher Hart kitabından alınmıştır):

“Daire şekli en yaygın göz şeklidir. Neredeyse her karakter için kullanılabilir.”

Tasarımımın geri kalanı için her şey aynı kurallara uyuyor. Ağaçlar, ev ve hatta bulutlar bile o sinirli etkiye sahiptir.

Artık nasıl başlayacağınızı bildiğinize göre, nihayet illüstrasyonumuzu hayata geçirmeye başlayabiliriz!

Adobe Illustrator'ı çalıştıralım.

3.2. Temel Tasarım Nasıl Oluşturulur

Illustrator'ı açtıktan sonra, önce yeni bir belge oluşturarak başlayın. Ben kare kitap kapağı için kare çalışma yüzeyi yapacağım. (Birçok çocuk kitabı kare şeklindedir.)

Dosya → Yeni'ye gidelim. Açık Pencerede Yazdır'ı seçtim çünkü tasarımımın yazdırılmasını istiyorum. Ardından çalışma yüzeyi boyutu için 3000px × 3000px olarak ayarladım. Sonunda adını Kırmızı Başlıklı Kız koydum . Aşağıdaki ayarıma bakın:

Şimdi çizimleri içe aktarmanız gerekiyor. (Dosyaları sizin için burada sağladım.)

Dosya → Yerleştir seçeneğine gidin, çizimleri kaydettiğiniz klasörü seçin ve çalışma yüzeyine koyun. Dosyalar çalışma yüzeyimizden daha büyük olduğundan, sığacak şekilde yeniden boyutlandırmanız yeterlidir.

Çizimleri iki farklı katmana koyun ki ikisini de kontrol edebilelim.

Bunu yaptıktan sonra bir sonraki adıma geçelim: Illustrator'da çizmek için bir fırça oluşturun.

3.3. Retro Fırça Nasıl Oluşturulur

Kendime bazı fırçalar çizdim, her zaman 50'lerin stiline dayanan bir şeyler icat ettim. Aşağıdaki bazı örneklerde de görebileceğiniz gibi, kullanılan çizgiler mükemmel değildir. Her zaman el yapımı bir şey izlenimi verirler.

Bu yüzden iPad'imi aldım ve Procreate'de hoşuma giden bazı çizgiler çizdim. Fırçalara 50'lerin tasarımına özgü, elle çizilmiş bir görünüm vermek istedim, işte benim sonucum:

Not : Yüzyıl ortalarından ilham alan illüstrasyonumuz için, fırçaları burada sizin için sağladım— bunları indirmekten ve kullanmaktan çekinmeyin.

Öyleyse Illustrator'a geri dönelim ve fırçaların nasıl kurulabileceğini görelim.

Az önce indirdiğiniz dosyayı açın ve Illustrator'da açın. Pencere → Fırçalar seçeneğine tıklayarak Fırça Panelinizin açık olduğundan emin olun. Az önce açtığınız dosyadan ilk fırçayı seçin ve aşağıda gösterildiği gibi Fırça Paneline sürükleyin:

Gördüğünüz gibi Brush Panel'de fırçayı sürükledikten sonra açılan pencereden “Art brush”ı seçtim ve fırçayı yeniden adlandırdım. “Kontur uzunluğuna sığdır” seçeneğini işaretledim ve ardından Renklendirme Metodu olarak “Tint”i seçtim. Bu şekilde fırça rengimizi de değiştirebileceğiz.

Devam edelim ve yukarıdaki talimatların aynısını takip ederek Fırça Panelindeki tüm fırçaları sürükleyelim. Sonunda, beş fırçanız olmalıdır:

Güzel! Yüzyıl ortalarından ilham alan kendi özel fırçalarınız!

Not : Fırçalarınızın Illustrator'da kalıcı olmasını istiyorsanız, hepsini seçin ve panelin altındaki ilk sol simgeye tıklayın (“Fırça Kitaplığı Menüsü”). Ardından “Fırçaları Kaydet” seçeneğine tıklayın.

Illustrator, bunları varsayılan olarak bir "Fırçalar" klasörüne kaydeder. Ardından, Fırça Kitaplığı Menüsü → Kullanıcı Tanımlı öğesini tıklayarak özel fırçalarınızı göreceksiniz.

3.4. Çizimler Nasıl Anahatlandırılır

Yeni fırçalarımızla tasarımımızı özetlemeye başlayalım. En çok beğendiğiniz fırçayı seçmeniz ve tasarım çizgilerini çizmeye başlamanız yeterli.

Panelinizde fırçaları görmüyorsanız, Fırça Kitaplığı Menüsü → Kullanıcı Tanımlı'ya gidin ve mid-century01 (veya kullandığınız başka bir ad) seçin.

İçe aktarılan dosyalara sahip katmanları seçin ve Görünüm panelinden opaklıklarını %50'ye ayarlayın:

Bunu yaptıktan sonra, onları kilitleyin ve üstte başka bir katman oluşturun. Ardından, izlemeye başlayın:

Fırçaların yalnızca biri veya tümü ile çalışmayı seçebilirsiniz - bu size kalmış. İlkini daha ince çizgiler için, diğerini daha kalın çizgiler için kullanmanızı öneririm. Tabii ki fırçaların boyutunu istediğiniz gibi ayarlayabilirsiniz.

Tüm çizgilerin izini sürerek iyi eğlenceler. En çok sevdiğim şey titreyen çizgiler - tam olarak istediğim etki bu.

Sonunda tasarımınız şöyle görünmelidir:

3.5. Daha fazla ayrıntı

Şimdi karakterlerimize biraz detay ekleyelim. Blob Brush tool ( Shift + B ) yardımıyla bazı lekeler çizdim:

Bu sonuç:

Bir diğer sevimli detay ise LRRH'nin ceketindeki noktalı çizgiler. Çok basitler: Özellikler panelini açın ve Kontur üzerine tıklayın. Kesikli Çizgiyi kontrol edin ve 0 pt kısa çizgi ve 20 pt boşluk verin:

Kurşun Kalem aracını ( N ) alın ve katın kenarlarına noktalı çizgiler çizin.

Bu sonuç:

Bu adımı tamamladığımıza göre artık bir sonrakine geçebiliriz: renkler, dokular ve efektler ekleme.

4. Renkler, Dokular ve Desenler

4.1. Boyama Karakterleri

İhtiyacımız olan ilk şey, karakterlerimizi renklendirmek için bir palet. Pinterest'te bazı renkleri araştırdım ve Pinterest duvarıma birçok ilginç palet kaydettim:

Daha sonra kendim için bu paleti oluşturdum:

Swatch'lara paletimizi yerleştirelim. Illustrator'da bu renklerle bazı daireler oluşturun, ardından bunları seçin ve Windows → Renk Örnekleri üzerinden Renk Örnekleri panelini açın. Renkli daireler seçiliyken, Yeni Renk Grubuna tıklayın:

Açılır pencerede, “İşlemi Globale Dönüştür (palet Renk Örnekleri panelinde kalıcı olacaktır) ve “Renkler için Renk Örneklerini Dahil Et” dahil olmak üzere “Seçili Sanat Eseri”ne tıklayın.

Ve şimdi renk örneklerinde paletimiz var:

Hadi Kırmızı Başlıklı Kız'ı ve kurdu boyayalım. Katmanlar paneline gidin ve diğer ikisinin altında yeni bir katman oluşturun:

Kabarcık Fırçası aracını alın ve bu katman üzerinde renklendirmeye başlayın. Karakterlerin çizgileri üstte, renkler altta kalacak.

Kabarcık Fırçasını aşağıda gösterildiği gibi ayarladım:

Her şeyi renklendirmek için ihtiyacınız olan zamanı ayırın. Bu rahatlatıcı ve eğlenceli bir adım, keyfini çıkarın!

İşte son renklerim:

4.2. Fırça Efektleri

Karakterler üzerinde gölge efektleri oluşturmak için başka fırçalar kullandım. Fırçalar Illustrator'da varsayılandır; Fırça Kitaplığı Menüsü → Sanatsal → ChalkCharcoalPencil'i tıklayarak bulabilirsiniz.

Bunlardan birini seçin, Görünüm'e gidin ve opaklığı %15 Çarpma olarak ayarlayın.

Şimdi, bazı gölge efektleri oluşturmak için karakterlere bazı çizgiler çizin:

Ve karakterlerle işimiz bitti! Arka plana geçelim.

4.3. Arkaplan

İlk düşündüğümüz gibi, muhtemelen gökyüzü ile başlamamız gerekiyor. O halde (karakterlerin altında) başka bir katman oluşturalım ve adını “Sky” olarak değiştirelim.

#9BD2D2 rengiyle bir dikdörtgen çizin, ardından dikdörtgeni yuvarlak hale getirmek için bir daireyi tutup içeri doğru sürükleyin.

Yine Tebeşir fırçaları ile çalışalım, bkz. 4.2. üstünde. Arka planla aynı renk uygulanmış. Bazı sanat efektleri vermek için dikdörtgenin alt kısmındaki bazı çizgileri fırçalayın:

Gökyüzüne başka fırça efektleri ekleyeceğiz. Gökyüzünün üzerinde yeni bir katman oluşturun ve onu "Fırçalar efekti" olarak yeniden adlandırın. Başka bir kömür fırçasıyla ( kömür tüyü kullandım), gökyüzüne bazı çizgiler çizin. Renk, opaklık %50 olarak ayarlanmış #FFFFFF . Aşağıdaki resme bakın.

Şimdi bu o kadar da zor değildi, değil mi? Şimdi biraz bulut çizelim. Kalem aracını ( N ) renk olarak #FFFFFF ile kullanabilir ve aşağıda gösterilenler gibi bazı basit şekiller çizebilirsiniz:

Ardından, Kurşun Kalem aracıyla ( N ) bir ülke şeridi çizin (yine, dolgu rengi olarak #FFFFFF ile):

Biraz ot tutam ekleyelim. 4.3'te yaptığımız gibi bir fırça seçin ve aşağıda gösterildiği gibi çizin. Fırça rengini #1BA58E olarak ayarlayın:

Dikdörtgen aracını ( M ) kullanarak basit şekiller oluşturabilirsiniz, bu yüzden arka planda da küçük bir ev oluşturmaya çalışalım. Biraz deforme olması için Direkt Seçim aracını ( A ) kullanmamız, ardından açıları tutup sürüklememiz gerekiyor.

Şimdi ağaçlara geçelim. Çokgen Aracı ile, bir pencerenin görünmesi için çalışma yüzeyinize yalnızca bir kez tıklayın. Yarıçap için "3 taraf" ve 100 px ayarlayın:

Az önce oluşturduğunuz üçgen için arka plan rengini #1BA58E . Biraz deforme görünmesi için Doğrudan Seçim aracını ( A ) kullanın, ardından daha önce evi oluşturduğumuzda yaptığımız gibi açıları tutup sürükleyin.

Kalem aracıyla ( P ), ağacın ortasına basit bir çizgi çizin. Pencere → Kontur'u açın ve kontur profilini aşağıda gösterildiği gibi ayarlayın:

Sonuç şöyle bir şey olmalı:

Aynı ayarları koruyun ve birkaç dal oluşturmak için Kalem aracıyla ( P ) bazı küçük çizgiler çizin:

Şimdi tüm ağaç öğelerini gruplayalım, çoğaltalım veya sahneyi doldurmak için başka ağaçlar oluşturalım. Her ağacı farklı bir katmana koyun ve sahneye derinlik kazandırmak için katmanlarla oynayın.

Cesur ol. Ağaçlar için yeşilin farklı tonlarını deneyin:

Elips aracıyla ( L ), bir gölgeyi simüle etmek için ağaçların altında bazı daireler oluşturun. Arka planı #000 ve opaklığı %50 olarak ayarlayın.

4.4. Doku Efektleri

Şimdi ağaçları daha “retro” yapmak için biraz efekt ekleyelim. Bu efektleri sadece ağaçlara uyguladım ama siz bunu tasarımın tamamına uygulamakta özgürsünüz.

Her şeyden önce, bir dokuya ihtiyacımız var. Vektörlerle çalıştığımız için bir vektör dokusu uygulamamız gerekiyor. Birini ücretsiz olarak indirebilirsiniz (sadece "vektör dokuları" aratın. Her neyse, burada sizin için bir vektör dokusu sağladım.

Dokuyu indirin ve Illustrator'da açın. Yeni bir katman oluşturun ve "Doku" olarak yeniden adlandırın.

Dokuyu yeni katmana koyun. Çiziminiz şöyle görünmelidir:

Korkmayın tasarımımızı bozmayacağız. Sadece bazı değişiklikler yapmamız gerekiyor.

Windows > Görünüm'e gidin ve Opaklık'ı %15'e ve Yer Paylaşımı'nda Karıştırma Modu'nu ayarlayın. Ardından Object > Expand seçeneğine gidin.

Dokuyu sadece ağaçlara uygulamak için Eraser aracıyla ( Shift + E ) dokunun gereksiz kısımlarını sildim. Aşağıdaki örneğime bakın:

İşte nihai sonucum:

Geriye kalan tek şey karakterlerimizle katmanı görünür kılmak ve onları sahnenin merkezine koymak:

En son olarak, başlığı oluşturalım. Dikdörtgen aracını ( M ) kullanarak iki basit siyah beyaz dikdörtgen çizin ve aşağıdaki resimde size gösterdiğim başlık reklamını yazın. Kullandığım yazı tipleri Fontdiner Swanky ve Fontdiner Sparkly'dir (her ikisi de ücretsiz olarak indirilebilir).

Tebrikler! İlk Yüzyıl Ortası Kapağını yeni bitirdin!

Bir sonraki adım, InDesign'daki kapağımızı tamamlamak. Hazır?

5. InDesign'da Bir Kapak Nasıl Düzenlenir

Şimdi kapağımı baskıya hazırlamak için InDesign'da çalışmam gerekiyor. Ön ve arka kapağa ihtiyacımız olacağını ve omurga için bir boşluk hesaplamamız gerektiğini düşünün.

Ön kapak boyutumun 18 x 18 cm (7,00 × 7,00 inç) olmasını istiyorum. Her şeyi tek bir çalışma yüzeyinde oluşturmam gerektiğinden, sayfaları yan yana koymam ve ayrıca sırt için daha fazla boşluk bırakmam gerekiyor.

O halde 37 cm genişlik (18 cm ön + 18 cm arka + 1 cm sırt) ve 18 cm yükseklik ayarlayalım. Diğer ayarlar 0,3 cm Kenar Boşluğu ve 0,3 cm Taşma'dır .

Sırasıyla 18 ve 19 cm'de iki kılavuz oluşturun.

Kapak tasarımımızı kaydetmek için Illustrator'a hızlı bir dönüş. Adobe CC'niz varsa tasarımınızı kaydetmek için Kitaplığı kullanabilirsiniz. Pencere > Kitaplıklar'ı açın, çalışma yüzeyinizdeki her şeyi seçin ve kitaplığa sürükleyin:

Indesign'da Kitaplığı açarak, kapağınızı bulacaksınız. Sürükleyin ve sayfaya bırakın. Onu sağ tarafına koy.

Arka taraf için sadece Kırmızı Başlıklı Kız Karakterini kullanmak istiyorum. Illustrator'a geri dönün ve Kitaplığa sürükleyin.

Tekrar InDesign'a dönün ve size gösterdiğim şekilde Kitaplık'tan sayfaya karakteri içe aktarın:

Ardından başlığı tekrar yazın, bu sefer doğrudan InDesign'a. Kelimelerin boyutu ve konumu ile oynamaktan çekinmeyin! İşte sonucum:

Başlığı da sırtına yazalım:

Ve işimiz bitti! Baskı için dosyamızı dışa aktaralım.

Dosya > Dışa Aktar'a tıklayın ve Adobe PDF (Yazdır) öğesini seçin.

Genel panelinde Adobe PDF Hazır Ayarı: Yüksek Kaliteli Baskı'yı seçin. Gerisini olduğu gibi bırakın.

İşaret ve Taşmalarda Tüm Yazıcı İşaretleri öğesini seçin. Tamam'a tıklayın.

İşte sonucunuz:

İyi iş! Bravo! Bu (oldukça uzun) öğreticiyi bitirdiniz!

6. Nihai Sonuç

İşte gerçek kitabı simüle etmek için bazı örnekler:

Umarım bu öğreticiyi beğenmişsinizdir ve - en önemlisi - umarım size yüzyıl ortası tasarıma olan tutkumu aktarabilmişimdir!

Deneyin ve lütfen aşağıdaki yorumlarda kendi çizimlerinizi ve düşüncelerinizi paylaşın.