Retro Çizgi Roman Sanatı: Web Tasarımında Ben Day Noktalarını Kullanma

Web tasarımcıları olarak her zaman web sitelerimize eklemek için yeni ve yaratıcı fikirler arıyoruz. Neyse ki, ilham bulmak zor değil. Örneğin, retro çizgi roman sanatı her zaman geri dönüş yapar. Bazen tipografi, bazen de fotoğraf filtreleri gibi. Son zamanlarda, Ben Day noktalarına sahip dokular ve çizimler birçok yerde ortaya çıkıyor. Onları kendin denemek ister misin?

Bu yazıda Ben Day noktalarının kökenini ve bunları kendi başınıza nasıl yapacağınızı açıklayacağız. Ek olarak, bu görsel tekniğin web tasarımında nasıl kullanılacağına dair bazı örneklerimiz var.

Ben Day Noktaları ve Yarım Tonlu Noktalar

“Ben Day noktaları” ve “retro çizgi roman sanatı” terimleri birbirinin yerine kullanılma eğilimindedir. Aslında, Ben Day noktaları önce geldi. Benjamin Henry Day Jr., renkli baskı maliyetlerini azaltmak için 1879'da onları yarattı. Bir ızgara üzerine eşit uzaklıkta noktalar yerleştiren bir tekniktir. Beyaz üzerine basılan kırmızı noktalar pembe, mavi ve sarı noktalar yeşil yapar.

Ben Day noktaları, siyah beyaz litografik ve fotoğrafik baskı için kullanılan yarım tonlu noktalardan ilham aldı. Her iki nokta stili de kare bir ızgara üzerinde düzenlenmiştir, ancak yarım tonlu noktalar farklı boyutlardadır, Ben Day noktaları ise aynıdır.

Ben Day Dots, Çizgi Romanlar ve Roy Lichtenstein

1930'larda çizgi romanlar büyük ölçüde sahneye çıktı ve Ben Day noktaları en çok tercih edilen baskı tekniğiydi. Ben Day noktaları, 1960'larda Roy Lichtenstein jenerik benzersizliklerinden ilham alana kadar tam olarak güzel bir sanat değildi. Ben Day noktalarını ilgi odağı haline getiren, Roy Lichtenstein'ın çizgi roman sanatıyla ilgili çalışmasıydı. Lichtenstein'ın yaptığı şey, çizgi roman sayfalarının küçük bölümlerini kopyalayıp büyük ölçekli başyapıtlara dönüştürmekti.

Roy Lichtenstein, Ben Day noktalarına benzeyen noktalar kullansa da, bunlar biraz farklıydı. Sanat tarihçileri, bunların daha uygun bir şekilde “Lichtenstein Noktaları” olarak adlandırıldığını söyleyecektir. Temel fark, Ben Day noktalarının küçük ve kare bir ızgara üzerinde olması, Lichtenstein noktalarının ise çapraz çapraz ızgara üzerinde olması ve önemli ölçüde daha büyük olmasıdır.

görsel kaynak Radu Bercan / Shutterstock.com

Retro Çizgi Roman Sanatının Yükselişi

Roy Lichtenstein'ın sanatı, retro çizgi roman sanatıyla eş anlamlı hale geldi. Birçok sanatçı Lichtenstein tekniğini kopyaladı. Birçok tasarımcı, markalaşma planları ve pazarlama materyalleri için yaratımlarında çizgi roman noktalarını kullandı. Artık web sitelerinize Ben Day noktaları veya Lichtenstein noktaları da ekleyebilirsiniz.

Kendi Ben Day nokta kreasyonlarınızı nasıl yapacağınızı öğrenmek için ilerleyin. Elde edeceğiniz nihai tasarımlar aslında çeşitli teknikleri kapsayacaktır; yarım tonlu noktalar, Ben Day noktaları ve Lichtenstein noktaları. Sonuç olarak, hepsi retro çizgi roman tarzı tasarımdır.

Hadi hadi bakalım.

Photoshop ile Retro Çizgi Roman Sanatı Nasıl Oluşturulur

Yarım ton noktalar o kadar yaygındır ki Photoshop'un onlar için bir filtresi vardır ve herhangi bir görüntüyle çalışır. Bu filtrenin yaptığı şey, görüntüdeki renkleri noktalara dönüştürmektir. Noktaların açı dağılımı renk kanalları tarafından kontrol edilir. Filtreyi uyguladığınızda, görüntünüz artık camgöbeği, macenta, sarı ve siyah noktalardan oluşuyor. Yarım ton filtresini kırmızı (#ff0000), yeşil (#00ff00) veya mavi (#0000ff) gibi saf bir renge uygularsanız, filtre çalışmayacaktır çünkü ayrılacak renkleri olmayacaktır.

Uygun Ben Day noktaları ve Lichtenstein noktaları oluşturmak için Adobe Illustrator'a ihtiyacınız var. İleri atlamak için buraya tıklayın.

Photoshop ile Yarım Ton Noktalarda Bir Fotoğrafın Retro Çizgi Roman Sanatına benzemesini sağlama

1. Çizgi roman stili noktalara dönüştürmek istediğiniz resmi seçin.

Bu komik görünümlü adamı ücretsiz stok fotoğraf sitesi Gratisography'den seçtim. Aynı görüntüyü takip etmek için kullanmak istiyorsanız buraya tıklayın. Resmi photoshop'ta açın ve tuvalinize ortalayın.

2. Katmanı iki kez çoğaltın ve ilkini gizleyin.

Çoğaltmak için, ilk katman seçiliyken sağ tıklayın ve 'duplicate layer'ı seçin veya Mac'te Command+J ve PC'de Ctrl+J'ye tıklayın. Her birinin izini kaybetmemek için onları yeniden adlandırın. Üst katmanın karıştırma seçeneğini 'sert ışık' olarak ayarlayın ve opaklığı yaklaşık %40'a düşürün. Renkler çarpıcı biçimde değişecek, bu yarım ton noktaların grenli görünümünü elde etmenize yardımcı olacaktır.

3. En üstteki iki katmanı gruplandırın ve bunları akıllı bir nesneye dönüştürün.

4. Yarım ton nokta filtresini akıllı nesneye uygulayın.

Renk Yarı Ton ayarları açılır penceresinde, 13'te maksimum piksel boyutunu ve değişen derecelerde kanalları seçin. Farklı etkileri görmek için bunlarla oynayabilirsiniz.

5. Alt katmanı çoğaltın ve en üste taşıyın.

'Kenarları Bul' filtresini uygulayın ve ana hatları daha iyi görebilmeniz için seviyeleri ayarlayın. Bunu başarmak için siyah üçgeni sağa, beyaz üçgeni sola hareket ettirin.

6. Katmanı siyah beyaza dönüştürmek için ayarlamaları kullanın.

Ayar katmanının opaklığını %30 olarak ayarlayın. Son olarak, 'kenarları bul' katmanının katmanlama seçeneklerini 'bindirme' olarak ayarlayın.

Bitmiş tasarım!

Photoshop ile Retro Çizgi Roman Sanatı Arka Planı Nasıl Oluşturulur

1. Güzel bir tasarıma veya degradeye sahip renkli bir arka plan bulun.

Görüntüyü Photoshop kontrol panelinizde açın ve ekranda ortalayın.

2. Arka plan katmanının kilidini açın, çoğaltın ve alttakini gizleyin.

Yarım ton nokta filtresini üst katmana uygulayın. Farklı efektler için yarım ton nokta filtresi açılır penceresindeki parametreleri ayarlayın

3. Bitmiş tasarım!

Illustrator ile Retro Çizgi Roman Sanatı Arka Planı Nasıl Oluşturulur

Daha önce de belirttiğim gibi, bir görüntüde kontrastı yeniden oluşturmak için yarım tonlu noktalar farklı boyutlardadır. Yukarıda kullandığımız Photoshop filtresi bu efekt için mükemmel. Ancak Ben-Day noktaları veya Lichtenstein noktaları gibi eşit boyutta noktalar oluşturmak istiyorsanız, Adobe Illustrator ve entegre desen oluşturucuyu kullanmanız gerekir. Yukarıda bahsettiğim gibi, Ben Day noktaları kare bir ızgara üzerindedir ve Lichtenstein noktaları bir çapraz çapraz ızgara üzerindedir. Her ikisi de Illustrator'daki desen oluşturucu ile elde edilebilir.

Illustrator ile Ben-Day Nokta Deseni Nasıl Oluşturulur

1. Illustrator'da yeni bir proje oluşturun.

Boyut gerçekten önemli değil. 600 x 350 piksel kullandık.

2. Yuvarlatılmış Dikdörtgen Aracını seçin.

Çalışma yüzeyine bir kez tıklayın ve şeklinizin boyutunu ayarlayın. 7,5 öküz köşe yarıçapıyla 15 piksele 15 piksel yapın. Dairenin rengini mavi dolgulu ve kontursuz olarak değiştirin.

3. Üst menü çubuğundaki 'nesne'yi tıklayın ve 'desen'i ve ardından 'yap'ı seçin.

4. Tercihleri, noktalar kare bir ızgara üzerinde olacak şekilde ayarlayın.

Bunlar, seçmeniz gereken tercihlerdir:

• Izgaraya Döşeme Tipini Seçin
• Boyut Döşemesini Sanata Kontrol Edin
• H aralığını ve V aralığını 15 piksele 15 piksel olarak ayarlayın
• 9 x 9'a Kopyalar'ı seçin

Aşağıdaki resimdeki gibi bir desen gördüğünüzde Bitti'ye tıklayın. Bu, deseni otomatik olarak Renk Örnekleri paneline kaydeder.

Illustrator ile Lichtenstein Nokta Deseni Nasıl Oluşturulur

Bu model, yukarıdakiyle aynı adımları izler ve yalnızca kalıp oluşturucudaki tercihleri ​​ayarlama zamanı geldiğinde değişir. Ben-Day desen tercihlerini açın ve 'Bir Kopyasını Kaydet'e basın. Yeni desene 'Lichtenstein Noktaları' adını verin. Tamam'ı tıkladığınızda, renk örnekleri panelinde bir kopya olarak kaydedilir. Ben-Day nokta desenini kapatın. Renk Örnekleri paneline döndüğünüzde, Lichtenstein nokta desenini açın. Üzerine geldiğinizde desenin adını içeren bir açılır pencere göreceksiniz. Tercihlerde, yalnızca Düzen Türünü 'Satıra Göre Tuğla' olarak değiştirin ve Bitti'yi tıklayın.

Şekillere Retro Çizgi Roman Sanatı Desenleri Nasıl Eklenir

Artık kendi Retro Çizgi Roman desenlerinizi yarattığınıza göre, bunları istediğiniz zaman istediğiniz şekle uygulayabilirsiniz. İlk olarak, gelecekteki herhangi bir projeye ekleyebilmek için desen renk örneklerini kaydetmeniz gerekir.

1. Renk Örnekleri panelinde, oluşturduğumuz yeni desenlerin ikisini de seçin.

Renk Örnekleri kitaplığı simgesine tıklayın ve 'Renk Örneklerini Kaydet'i seçin. Yeni Renk Örneklerini 'Retro Çizgi Roman Kalıbı' olarak adlandırın ve Tamam'ı tıklayın.

2. Yeni bir proje oluşturduğunuzda ve bu kalıpları kullanmak istediğinizde Renk Örnekleri paneline gidin.

Orada yeni renk örneklerimizi görmeyeceksiniz, bu yüzden onları içe aktarmanız gerekiyor. Bir kez daha Renk Örnekleri kitaplığı simgesine tıklayın ve 'kullanıcı tanımlı'ya ve ardından 'Retro Çizgi Roman Kalıbı'na gidin. Dahil edilen çizgi roman desenleri ile renk örnekleri ve normal renkler ile yeni bir pencere açılacaktır. Artık istediğiniz herhangi bir şekilde kullanıma hazırdırlar.

3. Yeni bir şekil oluşturun ve onu desenlerden biriyle doldurun.

Noktaların boyutu, oluşturduğunuz şeklin boyutuna bağlı olacaktır. Şeklin maksimum boyutu, çalışma yüzeyinin boyutuna göre kontrol edilir.

Şekil ne kadar küçük olursa, noktalar o kadar büyük olur ve bunun tersi de geçerlidir. Küçük bir şekil kullanıyorsanız ve noktaların çok büyük olduğunu düşünüyorsanız, şeklin içindeki desene sağ tıklayın ve 'dönüştür' ve ardından 'ölçeklendir'i seçin. Noktaları çok küçük yapmak için aşağıdaki parametreleri seçin.

• Üniforma: %10
• Seçenekler'de: Desenleri Dönüştür'ü işaretleyin

Farklı boyutlarda noktalar elde etmek için 'tek tip' seçeneği için farklı parametreler deneyin.

4. Retro Çizgi Roman Stili ile bir yıldız şekli oluşturmak için 1000 piksele 1000 piksel boyutunda yeni bir proje oluşturun.

Renk panelinde, kontur için siyahı ve dolgu için Lichtenstein desenini tıklayın. Yıldız şeklini seçin ve görünmesi için tuval üzerine tıklayın.

Web Tasarımında Retro Çizgi Roman Sanatı Kullanmak İçin Fikirler

Çizgi roman sanatı trendi yükselişte gibi görünüyor. Tabii ki, tüm markalar bu yaratıcılık tarzından faydalanmayacak. Eğlenceli, renk seven markalar için Ben Day noktaları ve Lichtenstein'dan ilham alan grafikler, temiz bir nefes almak için mükemmeldir. Bir çizgi roman nokta deseni için en iyi kullanım, başka bir renk üzerinde veya olmadan bir arka plan olarak kullanmaktır. Aynı şekilde, içeriğinizde ayırıcı olarak büyük konuşma balonları veya çizgi roman tarzı ünlemler kullanmayı deneyin. Yukarıdaki öğreticilerle kendinizinkini yapabilir veya önceden tasarlanmış bazı resimleri Freepik'ten alabilirsiniz.

Aşağıdaki tasarımlar Freepik kaynaklı çizgi roman tasarımları ile elde edilmiştir. Gördüğünüz gibi, tasarımcılar noktaların boyutlarını nasıl tasarladıkları konusunda bazı özgürlükler aldılar. Yine de, Retro Çizgi Roman stilini kendi yollarıyla mükemmel bir şekilde somutlaştırıyorlar.

Çözüm

Gördüğünüz gibi, retro çizgi roman tasarımının olanakları oldukça çeşitlidir. Klasik tarzlardan daha modern versiyonlara kadar hemen hemen her şeyi yapabilirsiniz. Desenleri kendiniz oluştursanız veya çevrimiçi olarak bazı grafikler elde etseniz de, Retro Çizgi Roman sanatı ve Divi ile oldukça şaşırtıcı şeyler yaratabilirsiniz!