Bagaimana Mendesain Latar Belakang

Bagaimana Mendesain Latar Belakang
Rick Davis

Anda mungkin tidak menyadarinya, tetapi menggambar latar belakang adalah salah satu bagian terpenting dari ilustrasi karakter apa pun.

Karakter Anda tidak boleh mengambang di latar belakang putih. Mereka adalah bagian dari alam semesta mereka sendiri yang unik, yang mendefinisikan bagaimana karakter Anda berevolusi hingga saat Anda menggambarnya.

Dalam artikel Tutorial ini, kita akan membahas cara seniman Maddy Zoli menciptakan latar belakang. Ikuti terus Vectornator dan pelajari cara melakukannya sendiri!

Desain Karakter

Jika Anda telah membaca pelajaran pertama kami tentang desain karakter, Anda tahu bahwa latar belakang karakter adalah tulang punggung dari setiap garis yang Anda gambar.

Anda harus membumikan karakter Anda dalam cerita yang lebih dalam dari yang terlihat; dari kapan mereka lahir, di mana mereka tinggal, pekerjaan apa yang mereka miliki, hingga apa makanan favorit mereka. Kedengarannya berlebihan? Bagi kami, ini terdengar lebih menyenangkan!

Tanpa jatuh ke dalam lubang kelinci yang dalam, pikirkan semua detail tentang masa lalu, sekarang, dan masa depan karakter Anda, dan wujudkan dalam lingkungan mereka. Dengan kata lain, proyeksikan cerita yang ada dalam pikiran Anda ke dalam latar belakang karakter. Menggunakan penceritaan visual seperti ini akan membuat karakter dan dunia Anda terasa lebih kaya dan lebih nyata.

Sang Artis

Tutorial ini dibuat dalam kolaborasi dengan Maddy Zoli yang luar biasa. Kami membuat seluruh serial karakter bersama di saluran YouTube kami, dan dia tidak hanya menyenangkan untuk diajak berkolaborasi, tetapi dia juga sangat berpengetahuan luas mengenai topik ini. Kami tidak dapat bekerja sama dengan orang lain yang lebih baik lagi untuk panduan langkah-demi-langkah ini.

Anda akan melihat bahwa setiap langkah yang kami sebutkan dalam tutorial ini tidak membahas detail yang paling kecil. Artinya, kami tidak akan menyebutkan langkah setiap kali layer baru dibuat atau bentuk baru digambar. Sebagai gantinya, kami akan memadatkan setiap penambahan struktur pada proses desain sebagai satu langkah menyeluruh.

Apa yang Anda Butuhkan:

- iPad

- Pensil Apel

- Procreate (atau perangkat lunak sketsa lainnya)

- Versi terbaru dari Vectornator Apa yang akan Anda pelajari:

- Cara membuat sketsa

- Cara mempersiapkan kanvas dan latar belakang Anda

- Cara menambahkan dan mengelola lapisan

- Penggunaan tingkat lanjut Pena, Pensil, Alat Kuas, Node, dan Alat Bentuk

- Penggunaan lanjutan dari Pemilih Warna dan Editor Gradien

- Cara menambahkan cahaya, bayangan, dan pergerakan

- Cara menggunakan fungsi duplikat untuk meringankan beban kerja Anda

- Cara membuat huruf yang digambar tangan

- Cara membuat bentuk yang rumit

Kami telah menggabungkan praktik dan teori di sini, jadi bersiaplah!

Langkah 1

Dapatkan Referensi Anda dengan Benar

Langkah ini adalah tentang menemukan inspirasi yang tepat untuk jenis latar belakang yang ingin Anda rancang.

Dapatkah Anda menebak dari mana referensi Maddy berasal? Inspirasinya adalah lanskap kota pastel dengan lampu neon dari anime tahun '80-an dan '90-an, seperti Sailor Moon dan Cardcaptor Sakura, dan ia akan menggabungkan estetika tersebut ke dalam desain latar belakangnya.

Cuplikan layar film atau animasi adalah sumber inspirasi yang bagus untuk ide latar belakang.

Mereka sudah diatur untuk memiliki pencahayaan yang menarik, aksi, dan komposisi yang bagus. Tetapi Anda juga bisa pergi ke luar dan menggambar lanskap atau pemandangan perkotaan yang Anda lihat di sekitar Anda.

Hal yang paling penting di sini adalah memberikan makna pada segalanya. Anda tidak boleh menganggap karakter Anda dan latar belakangnya sebagai sesuatu yang terpisah, tetapi sebagai satu kesatuan. Anda tidak hanya menggambar latar belakang untuk karakter Anda, tetapi Anda juga menggambar pemandangan yang kebetulan memiliki karakter Anda di dalamnya.

Langkah 2

Buat Sketsa Bentuk Dasar Anda

Gaya sketsa yang populer adalah melakukan beberapa studi "isyarat" kecil selama 5 menit dari referensi, di mana Anda cukup memblokir nilai-nilai utama.

Kemudian pilih satu atau dua studi untuk dikembangkan menjadi sketsa yang lebih rinci yang Anda habiskan sekitar 30 menit untuk membuatnya, seperti sketsa yang diselesaikan Maddy di Procreate.

Ingatlah bahwa setiap bagian dari adegan harus penting bagi cerita-jika tidak, jangan menggambarnya.

Berpikir dengan cara ini membantu Anda mengintegrasikan semua elemen dengan cara yang lebih baik dan lebih menarik, karena pemirsa Anda akan lebih tertarik pada lingkungan, dibandingkan jika itu hanya latar belakang dekoratif.

Jadi dalam kasus kita, kita sudah tahu bahwa Jocasta adalah seorang gadis remaja dengan kekuatan super. Namun yang diketahui oleh Maddy sebagai penciptanya adalah bahwa ia hidup di masa depan, di sebuah kota yang sibuk di mana ia harus menunggu transportasi umum setiap malam untuk pulang ke rumah.

Anda bisa tahu dari elemen kecil yang menarik perhatian ini-rambu pemberhentian bus sebenarnya adalah pesawat ulang alik.

Langkah 3

Unggah Sketsa ke dalam Vectornator

Dari Procreate, cukup ekspor sketsa Anda sebagai jpeg/png dan impor ke Vectornator. Anda bisa melakukannya dengan menyeret dan melepaskan dari Tab Galeri.

💡 Kiat Pro: Jika Anda membuat sketsa pertama di atas kertas, impor ke kanvas dalam hitungan detik dengan menggunakan fungsi Pindai kami yang baru Langkah 4

Posisikan Karakter Anda

Maddy menempatkan Jocasta dalam adegan tersebut dengan mengikuti aturan sepertiga.

Ada banyak cara untuk menciptakan komposisi yang hebat dengan menggunakan berbagai aturan yang telah dicoba dan diuji (seperti aturan sepertiga) yang membantu Anda mencapai estetika yang seimbang. Jika Anda ingin mempelajarinya lebih lanjut, lihatlah video tutorial kami tentang cara membuat komposisi yang hebat yang difilmkan oleh ilustrator lain yang mengagumkan, yaitu Soodabeh Damavandi.

Langkah 5

Atur Lapisan Anda

Penting untuk tetap rapi dan teratur dengan layer-layer Anda-usaha ekstra yang Anda lakukan pada langkah ini akan membantu Anda sepuluh kali lipat saat Anda melanjutkan ilustrasi Anda.

Jadi, setelah Anda menempatkan karakter, sembunyikan layer karakter, lalu kunci layer sketsa setelah Anda menurunkan opacity-nya.

Ini juga saat yang tepat untuk membicarakan tentang teknik!

Ada dua cara untuk mendesain latar belakang: menggunakan perspektif atau melapisi lanskap Anda. Hari ini kita akan berfokus pada teknik pelapisan. Jika Anda ingin kami membahas teori perspektif dalam video lain, silakan berkomentar di bawah.

Jadi, jika kita memecah lanskap, kita memiliki lima lapisan secara keseluruhan. Dari depan ke belakang, jadi dari yang paling dekat ke yang paling jauh, lapisan-lapisannya:

  • Jocasta dan hantu.
  • Halte bus dan kereta api.
  • Deretan bangunan pertama.
  • Deretan bangunan kedua.
  • Terakhir, langit, bulan, dan awan.

Mulai saat ini, ingatlah untuk selalu membuat layer baru untuk setiap elemen desain baru pada ilustrasi Anda-misalnya, halte bus berada di layer terpisah, begitu juga dengan deretan bangunan kedua, begitu juga dengan bulan dan bintang, dst. Anda mengerti.

Langkah 6

Ceritakan Kisah Dengan Warna

Warna adalah aspek lain yang sangat penting yang dapat menceritakan lebih banyak tentang kisah karakter Anda.

Jadi kesimpulannya: dunia ini berada di masa depan, penuh dengan keajaiban, dan juga terinspirasi dari Sailor Moon. Tidak mengherankan jika Maddy memilih warna-warna yang berani seperti neon, pastel, merah muda, dan hijau. Apapun yang tidak kusam!

Berikut ini semua kode hex yang Anda perlukan untuk membuat ulang karya Maddy:

Ungu Sedang - C18FF0

Ungu Tua - 7125D0

Oranye - EFB09F

Biru Sedang - 869FEF

Biru Tua - 3E6AED

Biru Tua - 4265D2

Teal - 2885C7

Kuning - FEF66F

Pink - F9A3D8

Lihat juga: 14 Tips Desain Grafis untuk Menjadikan Anda Desainer yang Lebih Baik

Pink Muda - F9DCEE

Pada akhirnya, Anda harus memastikan bahwa Anda menggunakan kombinasi warna yang cukup kontras, tetapi tetap harmonis dengan karakter Anda pada saat yang bersamaan. Itulah mengapa Maddy memilih warna yang sangat mirip dengan warna yang ia gunakan untuk Jocasta.

Anda akan melihat bahwa warna yang dipilih Maddy akan digunakan dan digunakan kembali dalam berbagai macam elemen desain di seluruh komposisinya. Memilih palet warna yang beragam, namun terbatas, akan membantu Anda dalam proses kreatif, tetapi juga akan membuat karya seni Anda lebih kohesif dan mudah dikenali.

Langkah 7

Mengatur Suasana Hati Dengan Waktu dalam Sehari

Jauhi warna latar belakang yang solid dan gunakan waktu dalam sehari sebagai cara untuk mengatur suasana hati. Untuk pemandangan ini, Maddy memilih sore hari.

Hal ini sesuai dengan perasaan Jocasta dan teman hantunya saat ini. Jocasta terlihat seperti sudah melupakannya, tetapi karena hantu muncul di malam hari, dia baru saja akan memulai harinya!

Untuk menghasilkan penampilan ini, Maddy menciptakan kotak ungu yang memenuhi seluruh kanvas (C18FF0), kemudian menerapkan gradien linier biru tua (3E6AED) mulai dari sudut kanan atas.

Maddy kemudian menduplikasi persegi, memutarnya sehingga gradien berada di sudut yang berlawanan, dan mengubah warna gradien menjadi jingga yang indah (EFB09F). Apakah ada yang mengatakan getaran matahari terbenam?

Langkah 8

Membuat Baris Kedua Bangunan

Kita akan mulai dengan lapisan objek terjauh kedua (yang terjauh adalah langit).

Urutan khusus ini tidak terlalu penting. Tetapi, jika Anda memiliki sekumpulan lapisan yang saling tumpang-tindih, seperti bangunan, stasiun kereta api, dan sebagainya, sebaiknya mulai dari yang terjauh, supaya Anda bisa memahami cara menempatkan objek di latar depan, seberapa banyak ruang negatif yang harus Anda mainkan, dan warna apa yang paling kontras.

Maddy mengambil Shape Tool dan mulai membuat bentuk geometris untuk menentukan tampilan depan bangunan. Warna biru yang ia gunakan adalah 869FEF.

Langkah 9

Menggambar Perspektif

Dan untuk menggambar bagian samping, ia memilih warna yang lebih gelap-957AE1.

Tidak hanya itu, ia juga menggunakan Node Tool untuk mengubah sudut sisi atas persegi panjang supaya sejajar dengan titik lenyap komposisi Anda.

Langkah 10

Tambahkan Detail

Maddy menambahkan spanduk pada bangunan yang lebih dekat ke perspektif pemirsa.

Walaupun secara teknis, bangunan ini masih berada di baris kedua, namun bangunan ini merupakan bangunan yang paling dekat dari bangunan terjauh, sehingga menambahkan detail apa pun di sini, hanya akan menciptakan suasana yang lebih realistis.

Langkah 11

Menggambar Baris Pertama Bangunan

Sama seperti sebelumnya, ambil Shape Tool dan gambar persegi panjang untuk mengisi kota. Maddy memilih 957AE1 lagi, dan 4265D2 untuk sisi-sisinya.

Langkah 12

Ciptakan Suasana

Untuk menambahkan lebih banyak lagi kedalaman pada latar belakang Anda, pertimbangkan untuk menyertakan detail, seperti kabut kota.

Cukup gambar persegi panjang dengan Shape Tool dan berikan gradien linier yang menyenangkan yang memudar dari bawah ke atas. Warna kiri (dalam kasus kami, warna bawah) adalah teal yang indah (2885C7) dan warna kiri (dalam kasus kami, warna atas) berwarna putih (FFFFFF) dengan opasitas 0. Anda dapat mencapai ini dengan membuat saluran A menjadi nol.

Langkah 13

Tambahkan Detail Lebih Lanjut

Ingatlah bahwa semakin dekat Anda mendekat, semakin gelap dan detail objek Anda. Sementara deretan bangunan sebelumnya akan tetap berupa sekelompok persegi panjang minimal dan balok padat dengan sedikit jendela.

Jadi, pada bangunan yang paling dekat dengan karakter, pastikan untuk menambahkan segala macam detail seperti jendela, lampu, atau papan reklame. Seperti tanda "Coola" yang dibuat Maddy dengan sapuan kuas secara bebas menggunakan preset kedua dari Panel Pemilihan Kuas.

Saran untuk menambahkan beberapa jendela ke bangunan di latar depan yaitu, memilih beberapa objek dengan Select Tool dan menduplikasinya secara berurutan.

Langkah 14

Menggambar Halte Bus

Dengan Rectangle Tool, jiplak semua bentuk utama yang menyusun halte bus.

Seperti sebelumnya, gunakan Node Tool untuk mengubah sudut apa pun yang perlu mengarah ke titik hilang perspektif Anda. Di sini, ia menggunakan warna ungu untuk pagar (7125D0), putih (FFFFF) dan kuning (FEF66F) untuk sampulnya, serta warna biru (957AE1) sebagai warna tambahan untuk tanda.

Langkah 15

Tambahkan Lebih Banyak Dimensi

Elemen halte bus juga merupakan bagian dari pemandangan matahari terbenam.

Untuk membangkitkan hal itu, kita akan melakukan sesuatu pada warna-warna solid ini. Jadi, duplikatlah persegi panjang bagian atas yang Anda gunakan untuk membuat pagar, buatlah lebih sempit, letakkan di atas, dan berikan gradien yang menunjukkan pantulan cahaya matahari terbenam.

Maddy memilih gradien linear (gradien di bagian tengah), dan mengubah warna kanan dan kiri menjadi jingga muda (EFB09F), kemudian ia membuat warna kiri sepenuhnya transparan dengan mengubah saluran A menjadi nol.

Terapkan efek yang sama, dengan cara yang sama, untuk masing-masing rel.

Kiat Pro: Perhatikan bagaimana kita mengubah pemandangan ini dari desain datar menjadi pengaturan yang rumit. Jika Anda ingin mempelajari cara membuat bayangan dengan vektor, pastikan Anda menonton tutorial Maddy Langkah 16

Menambahkan Elemen ke Langit

Terakhir, kita beralih ke detail di langit, di mana kita akan menambahkan beberapa awan, bintang dan bulan.

Untuk awan, ambil Brush Tool dan mainkan tekanan yang Anda terapkan pada kanvas untuk menciptakan bentuk yang dimulai dari yang kecil dan menumpuk secara bertahap. Dengan mengubah tekanan, garis dapat berubah dari sangat tipis menjadi sangat tebal dalam satu goresan. Untuk mendapatkan efek ini, Maddy menggunakan kuas ke-4 dari preset dengan Pressure Sensitivity aktif.

Setelah menggambar awan, gunakan Node Tool untuk menyesuaikan bentuknya.

Karena awan secara alami akan memantulkan cahaya matahari terbenam, berikan gradien dari rona jingga (F92CEE, kiri) ke merah muda terang (F9DCEE, kanan).

Sedangkan untuk bulan, buat dua lingkaran dan gunakan fungsi Subtract Boolean untuk memotong bulan sabit yang sempurna. Jangan lupa menahan satu jari pada kanvas untuk mempertahankan rasio aspek.

Terakhir, tambahkan bintang dengan Shape Tool. Maddy memutuskan untuk menggunakan bintang dengan 12 titik. Anda bisa mengedit jumlah titik melalui slider di sebelah kiri dan Anda bisa mengubah bentuknya dengan menahan satu jari sambil menyeret Pensil pada kanvas.

Langkah 17

Tambahkan beberapa Detail Keren

Apakah Anda juga salah satu dari orang-orang yang menyimpan yang terbaik untuk yang terakhir? Saatnya menambahkan salah satu elemen grafis yang terakhir dan paling keren ke dalam karya ini.

Buat pesawat ulang-alik dengan upaya minimal dengan fungsi Iconator. Cukup ketuk tab terakhir di Inspektur untuk mengakses Iconator dan gunakan bilah pencarian untuk menemukan apa yang Anda butuhkan.

Maddy memilih pesawat luar angkasa yang paling disukainya, mengubah ukurannya, mewarnainya dengan warna putih, dan memusatkannya di tengah-tengah papan nama. Mudah sekali!

💡 Kiat Pro: Manfaatkan ribuan ikon bebas royalti dari Iconator untuk membuat bentuk yang rumit dalam beberapa detik. Langkah 18

Menambahkan Efek Cahaya

Untuk menambah kesan ekstra, akhiri dengan menambahkan beberapa lingkaran cahaya untuk memberikan efek gemerlap kota di kejauhan. Gunakan Shape Tool untuk lingkarannya, tentu saja, lalu mainkan fungsi gradien di Tab Style untuk memberikan efek yang lebih bagus.

Maddy memilih gradien linear dengan warna merah muda (F9A3D8) di sebelah kiri, sementara bagian kanan dibiarkan 100% transparan.

Kemudian, masuk ke Blend Mode dan pilih Overlay.

Lihat juga: Apa Perbedaan Antara Rona, Kroma, Rona, Nada, dan Bayangan? Langkah 19

Tambahkan Gerakan

Untuk membuat mode ilustrasi dinamis, tambahkan lapisan akhir cahaya partikel yang melintasi pemandangan. Untuk ini, Maddy mempertahankan kuas yang sama seperti sebelumnya (kuas keempat dari preset kita) untuk membuat sapuan yang sangat halus yang diisi dengan gradien yang sama dari Langkah 15. Lalu atur blending mode ke Overlay lagi.

Momen yang kami tunggu-tunggu: Setelah semua langkah ini, ilustrasi sekarang sudah selesai!

Mengapa Menggambar Latar Belakang Itu Penting

Apa pun latar belakang gambarnya, hal ini memiliki dampak yang sangat besar pada karya seni akhir-apakah itu bagus atau jelek!

Setelah Anda belajar menggambar objek dan karakter dalam pose yang dinamis, latar belakang adalah bagian terakhir dari teka-teki yang menyatukan semuanya.

Latar belakang Anda bertindak sebagai yin dan yang dari karakter Anda. Jika Anda telah membuat karakter Anda menggunakan bentuk bulat, gunakan bentuk bersudut untuk mewakili latar belakang. Jika karakter Anda gelap, gunakan warna latar belakang yang terang, dan seterusnya. Kuncinya adalah kontras dengan karakter Anda untuk membantunya menonjol.

Latar belakang Anda seharusnya menyoroti karakter Anda dan ceritanya pada tingkat teknis dan konseptual. Jadi, jika Anda bertanya pada diri sendiri apakah mendesain latar belakang itu penting, kami percaya bahwa itu sebenarnya sangat penting.

Kami harap tutorial ini bermanfaat bagi Anda. Jika Anda belum melakukannya, pastikan Anda mengunduh Vectornator agar Anda bisa mendesain latar belakang Anda sendiri yang memukau seperti yang dibuat oleh Maddy.

Jika Anda baru mengenal alat kami, lihat Learning Hub atau saluran YouTube kami untuk tutorial desain grafis dan inspirasi baru; dan pilih templat yang sudah jadi untuk membuat desain dalam hitungan menit.

Jangan lupa untuk selalu menandai kami di media sosial agar kami dapat memposting ulang karya Anda!




Rick Davis
Rick Davis
Rick Davis adalah desainer grafis dan seniman visual berpengalaman dengan pengalaman lebih dari 10 tahun di industri ini. Dia telah bekerja dengan berbagai klien, mulai dari perusahaan rintisan kecil hingga perusahaan besar, membantu mereka mencapai tujuan desain dan meningkatkan merek mereka melalui visual yang efektif dan berdampak.Lulusan School of Visual Arts di New York City, Rick bersemangat mengeksplorasi tren dan teknologi desain baru, dan terus mendorong batas-batas dari apa yang mungkin di lapangan. Dia memiliki keahlian mendalam dalam perangkat lunak desain grafis, dan selalu ingin berbagi pengetahuan dan wawasannya dengan orang lain.Selain pekerjaannya sebagai desainer, Rick juga seorang blogger yang berkomitmen, dan berdedikasi untuk meliput tren dan perkembangan terbaru dalam dunia perangkat lunak desain grafis. Dia percaya bahwa berbagi informasi dan ide adalah kunci untuk membina komunitas desain yang kuat dan bersemangat, dan selalu bersemangat untuk terhubung dengan desainer dan kreatif lainnya secara online.Apakah dia mendesain logo baru untuk klien, bereksperimen dengan alat dan teknik terbaru di studionya, atau menulis posting blog yang informatif dan menarik, Rick selalu berkomitmen untuk memberikan karya terbaik dan membantu orang lain mencapai tujuan desain mereka.