Seni Buku Komik Retro: Menggunakan Titik Ben Day dalam Desain Web

Sebagai desainer web, kami selalu mencari ide-ide baru dan kreatif untuk ditambahkan ke situs web kami. Untungnya, inspirasi tidak sulit ditemukan. Misalnya, seni buku komik retro selalu muncul kembali. Terkadang sebagai tipografi, terkadang sebagai filter foto. Akhir-akhir ini tekstur dan ilustrasi dengan titik-titik Ben Day bermunculan di banyak tempat. Ingin mencobanya sendiri?

Dalam artikel ini kami akan menjelaskan asal mula titik Ben Day dan cara membuatnya sendiri. Selain itu, kami memiliki beberapa contoh bagaimana menggunakan teknik visual ini dalam desain web.

Titik Ben Day dan Titik Setengah Nada

Istilah "titik Ben Day" dan "seni buku komik retro" cenderung digunakan secara bergantian. Sebenarnya, titik-titik Ben Day datang lebih dulu. Benjamin Henry Day Jr. menciptakannya pada tahun 1879, untuk memotong biaya pencetakan warna. Mereka adalah teknik yang menempatkan titik-titik yang sama jauhnya pada kotak. Titik-titik merah dicetak di atas putih membuat merah muda, titik-titik biru dan kuning membuat hijau.

Titik-titik Ben Day terinspirasi oleh titik-titik setengah nada yang digunakan untuk pencetakan litografi dan fotografi dalam warna hitam dan putih. Kedua gaya titik disusun pada kotak persegi, tetapi titik-titik setengah nada memiliki ukuran yang berbeda sedangkan titik-titik Ben Day semuanya sama.

Ben Day Dots, Buku Komik, dan Roy Lichtenstein

Pada tahun 1930-an buku komik muncul secara besar-besaran dan titik-titik Ben Day adalah teknik pencetakan yang digunakan. Titik-titik Ben Day bukanlah seni rupa sampai Roy Lichtenstein terinspirasi oleh keunikan generiknya pada tahun 1960-an. Itu adalah karya Roy Lichtenstein dengan seni buku komik yang membawa titik-titik Ben Day menjadi pusat perhatian. Apa yang dilakukan Lichtenstein adalah menyalin bagian-bagian kecil dari halaman buku komik bubur kertas dan mengubahnya menjadi mahakarya berskala besar.

Meskipun Roy Lichtenstein menggunakan titik-titik yang menyerupai titik-titik Ben Day, mereka sedikit berbeda. Sejarawan seni akan memberi tahu Anda bahwa mereka lebih cocok disebut "Titik Lichtenstein." Perbedaan utamanya adalah bahwa titik-titik Ben Day berukuran kecil dan pada kotak persegi, sedangkan titik-titik Lichtenstein berada pada kotak diagonal offset dan jauh lebih besar.

kredit gambar Radu Bercan / shutterstock.com

Bangkitnya Seni Buku Komik Retro

Seni Roy Lichtenstein telah menjadi identik dengan seni buku komik retro. Banyak seniman telah menyalin teknik Lichtenstein. Banyak desainer telah menggunakan titik-titik buku komik dalam kreasi mereka untuk skema branding dan materi pemasaran. Sekarang Anda dapat menambahkan titik Ben Day atau titik Lichtenstein ke situs web Anda juga.

Gulir untuk mempelajari cara membuat kreasi titik Ben Day Anda sendiri. Desain akhir yang akan Anda capai sebenarnya akan mencakup berbagai teknik; titik setengah nada, titik Ben Day, dan titik Lichtenstein. Secara keseluruhan, semuanya adalah desain gaya buku komik retro.

Mari kita lakukan.

Cara Membuat Seni Buku Komik Retro Dengan Photoshop

Titik setengah nada sangat umum sehingga Photoshop memiliki filter untuknya dan berfungsi dengan gambar apa pun. Apa yang dilakukan filter ini adalah mengubah warna pada gambar menjadi titik-titik. Distribusi sudut titik-titik dikendalikan oleh saluran warna. Saat Anda menerapkan filter, gambar Anda sekarang terdiri dari titik cyan, magenta, kuning, dan hitam. Jika Anda menerapkan filter setengah nada ke warna murni seperti merah (#ff0000), hijau (#00ff00), atau biru (#0000ff), filter tidak akan berfungsi karena tidak ada warna untuk dipisahkan.

Untuk membuat titik Ben Day dan titik Lichtenstein yang tepat, Anda memerlukan Adobe Illustrator. Klik di sini untuk melompat ke depan.

Cara Membuat Foto Terlihat Seperti Seni Buku Komik Retro dalam Titik Setengah Nada dengan Photoshop

1. Pilih gambar yang ingin Anda ubah menjadi titik gaya buku komik.

Saya memilih pria berpenampilan lucu ini dari situs stok foto gratis, Gratisography. Klik di sini, jika Anda ingin menggunakan gambar yang sama untuk mengikuti. Buka gambar di photoshop dan pusatkan di kanvas Anda.

2. Gandakan layer dua kali dan sembunyikan yang pertama.

Untuk menduplikasi, saat lapisan pertama dipilih, klik kanan dan pilih 'duplikat layer' atau klik Command+J di Mac dan Ctrl+J di PC. Ganti nama mereka sehingga Anda tidak kehilangan jejak masing-masing. Sesuaikan opsi blending layer atas ke 'hard light' dan turunkan opacity menjadi sekitar 40%. Warnanya akan berubah secara dramatis, ini akan membantu mendapatkan tampilan kasar dari titik-titik setengah nada.

3. Kelompokkan dua lapisan teratas dan ubah menjadi objek pintar.

4. Terapkan filter titik setengah nada ke objek pintar.

Dalam popup pengaturan Color Halftone, pilih piksel ukuran maksimum pada 13 dan saluran pada berbagai derajat. Anda dapat bermain dengan ini untuk melihat efek yang berbeda.

5. Gandakan layer bawah dan pindahkan ke atas.

Terapkan filter 'Temukan Tepi' dan sesuaikan levelnya sehingga Anda dapat melihat garis luarnya dengan lebih baik. Untuk mencapai ini, pindahkan segitiga hitam ke kanan dan segitiga putih ke kiri.

6. Gunakan penyesuaian untuk mengubah layer menjadi hitam dan putih.

Atur opacity layer penyesuaian menjadi 30%. Terakhir, atur opsi layering layer 'find edge' ke 'overlay.'

Desain yang sudah jadi!

Cara Membuat Latar Belakang Seni Buku Komik Retro dengan Photoshop

1. Temukan latar belakang warna yang memiliki desain atau gradien yang bagus.

Buka gambar di dasbor Photoshop Anda dan pusatkan di layar.

2. Buka kunci layer latar belakang, duplikat dan sembunyikan yang bawah.

Terapkan filter titik setengah nada ke lapisan atas. Sesuaikan parameter dalam popup filter titik setengah nada untuk efek yang berbeda

3. Desain selesai!

Cara Membuat Latar Belakang Seni Buku Komik Retro Dengan Illustrator

Seperti yang saya sebutkan sebelumnya, titik-titik setengah nada memiliki ukuran yang berbeda untuk menciptakan kembali kontras dalam sebuah gambar. Filter Photoshop yang kami gunakan di atas sangat cocok untuk efek itu. Tetapi jika Anda ingin membuat titik dengan ukuran yang sama seperti titik Ben-Day atau titik Lichtenstein, Anda perlu menggunakan Adobe Illustrator dan pembuat pola terintegrasi. Seperti yang saya sebutkan di atas, titik Ben Day berada di kotak persegi dan titik Lichtenstein berada di kotak diagonal offset. Keduanya dapat dicapai dengan pembuat pola di Illustrator.

Cara Membuat Pola Titik Ben-Day Dengan Illustrator

1. Buat proyek baru di Illustrator.

Ukurannya tidak terlalu penting. Kami menggunakan 600 x 350 px.

2. Pilih Rounded Rectangle Tool.

Klik sekali pada artboard dan atur ukuran bentuk Anda. Buatlah 15px kali 15px dengan radius sudut 7,5 ox. Ubah warna lingkaran menjadi isian biru dan tanpa goresan.

3. Klik 'objek' di bilah menu atas dan pilih 'pola' lalu 'buat'.

4. Sesuaikan preferensi sehingga titik-titik berada di kotak persegi.

Ini adalah preferensi yang perlu Anda pilih:

• Pilih Jenis Tile ke Grid
• Periksa Ukuran Ubin ke Seni
• Atur jarak H dan jarak V ke 15 px kali 15 px
• Pilih Salin ke 9 x 9

Saat Anda melihat pola seperti gambar di bawah ini, klik Selesai. Ini akan secara otomatis menyimpan pola ke panel Swatch.

Cara Membuat Pola Titik Lichtenstein Dengan Illustrator

Pola ini mengikuti langkah yang sama seperti yang di atas dan hanya berubah ketika saatnya menyesuaikan preferensi di pembuat pola. Buka preferensi pola Ben-Day dan tekan 'Simpan Salinan.' Beri nama pola baru 'Lichtenstein Dots.' Ketika Anda mengklik OK, itu akan disimpan sebagai salinan pada panel swatch. Tutup pola titik Ben-Day. Kembali ke panel Swatch, buka pola titik Lichtenstein. Anda akan melihat popup dengan nama pola saat Anda mengarahkan kursor ke atasnya. Di preferensi, ubah hanya Jenis Tata Letak menjadi 'Brick by Row' dan klik Selesai.

Bagaimana Menambahkan Pola Seni Buku Komik Retro ke Bentuk

Sekarang setelah Anda membuat pola Buku Komik Retro Anda sendiri, Anda dapat menerapkannya ke bentuk apa pun yang Anda inginkan kapan saja. Pertama, Anda perlu menyimpan contoh pola sehingga Anda dapat menambahkannya ke proyek apa pun di masa mendatang.

1. Di panel Swatch, pilih kedua pola baru yang kita buat.

Klik ikon perpustakaan Swatch dan pilih 'Simpan Swatch. Beri nama Swatch baru 'Pola Buku Komik Retro' dan klik OK.

2. Saat Anda membuat proyek baru dan ingin menggunakan pola ini, buka panel Swatch.

Anda tidak akan melihat contoh baru kami di sana, jadi Anda perlu mengimpornya. Sekali lagi klik ikon perpustakaan Swatch dan gulir ke bawah ke 'ditentukan pengguna' dan kemudian 'Pola Buku Komik Retro.' Jendela baru akan terbuka dengan contoh dan warna biasa dengan pola buku komik yang disertakan. Sekarang mereka siap digunakan pada bentuk apa pun yang Anda inginkan.

3. Buat bentuk baru dan isi dengan salah satu pola.

Ukuran titik akan tergantung pada ukuran bentuk yang Anda buat. Ukuran maksimum bentuk dikendalikan oleh ukuran artboard.

Semakin kecil bentuknya, semakin besar titiknya dan sebaliknya. Jika Anda menggunakan bentuk kecil dan merasa bahwa titik-titiknya terlalu besar, klik kanan pola di dalam bentuk dan pilih 'transform' lalu 'scale'. Untuk membuat titik-titik super kecil, pilih parameter berikut.

• Seragam: 10%
• Di Opsi: centang Transformasikan Pola

Coba parameter yang berbeda untuk opsi 'seragam' untuk mendapatkan ukuran titik yang berbeda.

4. Untuk membuat bentuk bintang dengan Gaya Buku Komik Retro, buat proyek baru pada 1000 px kali 1000 px.

Di panel warna, klik hitam untuk goresan dan pola Lichtenstein untuk isian. Pilih bentuk bintang dan klik pada kanvas untuk membuatnya muncul.

Ide untuk Menggunakan Seni Buku Komik Retro dalam Desain Web

Tren seni buku komik tampaknya sedang naik daun. Tentu saja, tidak semua merek akan mendapat manfaat dari gaya kreativitas ini. Untuk kesenangan, merek yang menyukai warna, titik Ben Day, dan grafis yang terinspirasi Lichtenstein sangat cocok untuk menghirup udara segar. Penggunaan terbaik untuk pola titik buku komik adalah sebagai latar belakang, baik di atas warna lain atau tanpa. Demikian juga, coba gunakan gelembung ucapan besar sebagai pemisah atau seru gaya buku komik dengan konten Anda. Anda dapat membuatnya sendiri dengan tutorial di atas atau sumber beberapa gambar yang sudah dirancang dari Freepik.

Desain di bawah ini dicapai dengan desain buku komik yang bersumber dari Freepik. Seperti yang Anda lihat, para desainer mengambil beberapa kebebasan dalam bagaimana mereka merancang ukuran titik-titik. Namun demikian, mereka tetap dengan sempurna mewujudkan gaya Buku Komik Retro dengan cara mereka sendiri.

Kesimpulan

Seperti yang Anda lihat, kemungkinan dengan desain buku komik retro cukup bervariasi. Dari gaya klasik hingga versi yang lebih modern, Anda dapat melakukan hampir semua hal. Tidak masalah jika Anda membuat pola sendiri atau mengambil beberapa grafik secara online, Anda dapat membuat hal-hal yang sangat menakjubkan dengan seni Buku Komik Retro dan Divi!