Advertisement
  1. Design & Illustration
  2. Illustration

Cara Membuat Ilustrasi Ruang Bawah Menakutkan di Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

Indonesian (Bahasa Indonesia) translation by SultanAsli (you can also view the original English article)

Final product image
What You'll Be Creating

Selamat datang kembali ke tutorial Ilustrator lain di mana kita akan belajar cara membuat adegan ruang bawah tanah yang menakutkan, menggunakan beberapa bentuk dan alat geometrik dasar yang mungkin sudah Anda kerjakan setiap hari.

Oh, dan jangan lupa Anda selalu dapat memperluas komposisi dengan menuju ke GraphicRiver di mana Anda akan menemukan banyak pilihan dari vector assets.

Jadi, dengan asumsi Anda sudah memiliki perangkat lunak dan siap, ambil seteguk kopi segar dulu dan mari kita mulai!

1. Cara Menyiapkan File Proyek Baru 

Seperti biasa, kami akan memulai dengan menyiapkan file proyek baru dengan menuju ke File > New (atau menggunakan pintasan keyboard Control-N), lalu menyesuaikannya sebagai berikut:

  • Number of Artboards: 1
  • Width: 800 px
  • Height: 600 px
  • Units: Pixels

Dan dari tab Advanced:

  • Color Mode: RGB
  • Raster Effects: Screen (72ppi)
  • Preview Mode: Default
how to set up a new document

2. Cara Mengatur Lapisan 

Setelah kami selesai menyiapkan file proyek kami, akan lebih baik untuk menyusun dokumen kami menggunakan beberapa lapisan, karena dengan cara ini kami dapat mempertahankan alur kerja yang stabil dengan berfokus pada satu bagian ilustrasi pada satu waktu. 

Seperti yang dikatakan, buka panel Lapisan, dan buat total tiga lapisan, yang akan kami ganti namanya sebagai berikut:

  • layer 1: background
  • layer 2: lantai
  • layer 3: pintu jebakan
how to set up the layers

Kiat cepat: Saya telah mewarnai semua lapisan saya menggunakan nilai hijau yang sama, karena ini adalah yang termudah untuk dilihat saat digunakan untuk menyorot bentuk yang Anda pilih (baik itu jalur yang tertutup atau terbuka).

3. Cara Membuat Background

Segera setelah kita memberi layer pada dokumennya, kita dapat mulai mengerjakan ilustrasi yang sebenarnya, dan kita akan melakukannya dengan membuat background. Dikatakan demikian, pastikan Anda menempatkan diri Anda di layer pertama dan langsung lompat ke dalamnya!

Langkah 1

Ambil Rectangle Tool (M) dan buat persegi panjang 800 x 600 px, yang akan kita warnai menggunakan #21353A dan kemudian posisikan ke pusat Artboard yang mendasari menggunakan opsi Horizontal dan Vertical Align Center pada panel Align.

creating and positioning the main background shape

Langkah 2

Setelah kita memiliki background di tempat, kita dapat mengunci lapisan saat ini dan kemudian pindah ke yang berikutnya (yang akan menjadi yang kedua), di mana kita akan fokus pada bagian kedua dari komposisi kita.

locking the background layer

4. Cara Membuat Lantai 

Dengan asumsi Anda telah menempatkan diri Anda pada lapisan kedua, mari lanjutkan pengerjaan komposisi kami dengan membuat bagian lantai.

Langkah 1 

Buat bentuk utama untuk bagian lantai yang diterangi menggunakan persegi panjang 480 x 320 px yang akan kita warnai menggunakan #FFB85A, dan kemudian tengah sejajar dengan tepi bawah Artboard.

creating and positioning the main shape for the lighted floor

Langkah 2

Sesuaikan bentuk yang baru saja kita buat dengan memilih secara individual titik jangkar bawahnya menggunakan Direct Selection Tool (A) dan kemudian dorong ke dalam dengan jarak 128 px menggunakan alat Move (klik kanan> Transform> Move> Horizontal > +/- 128 px tergantung dari sisi mana Anda memulai).

adjusting the shape for the lighted floor

Langkah 3

Lanjutkan menyesuaikan bentuk dengan menambahkan titik anchor baru ke tengah tepi atasnya menggunakan Add Anchor Point Tool (+), yang kemudian akan kita dorong ke luar dengan 160 px (klik kanan> Transform> Move> Vertical> -160 px). 

adjusting the upper section of the lighted floor

Langkah 4

Berikan bagian atas bentuk yang dihasilkan kelengkungan dengan mengubah jangkar teratasnya menjadi halus menggunakan  Convert selected anchor points to smooth alat, dan kemudian reposisi pegangannya pada jarak 184 px dari pusa tnya seperti yang terlihat pada gambar referensi.

adjusting the curvature of the lighted floor

Langkah 5

Buat salinan (Control-C) bentuk yang sudah selesai kami sesuaikan, yang akan kami tempel di depan (Control-F) dan kemudian berubah menjadi gradien linier dengan 90º Angle. Gunakan #F75443 untuk kedua warna berhenti, menurunkan Opacity dari yang kiri menjadi 0% dan yang kanan hingga 60%. Setelah selesai, pastikan untuk memilih dan kelompokkan gradien dan bentuk utama lantai bersama-sama menggunakan pintasan keyboard Control-G sebelum melanjutkan ke yang berikutnya.

adding the gradient to the floor

Langkah 6

Selanjutnya, kita akan mulai menambahkan garis lantai yang akan membantu membangun perspektif, dan kita akan melakukannya dengan membuat garis tengah menggunakan persegi panjang 8 x 600 px (#21353A), yang akan kita pusatkan sejajar dengan Artboard yang lebih besar

creating and positioning the center floor line

Langkah 7

Tambahkan baris yang tersisa menggunakan empat salinan (Control-C> Control-F empat kali) dari yang baru saja kita buat, yang kemudian akan kita sesuaikan secara individu dengan memposisikan kembali titik jangkar bawah mereka 184 px dari satu sama lain seperti yang terlihat dalam referensi gambar (klik kanan> Transform> Move> Horizontal> +/- 184 px tergantung pada sisi mana Anda memulai). Luangkan waktu Anda, dan begitu selesai, pilih dan kelompokkan (Control-G) semuanya berlima bersama-sama sebelum melanjutkan ke langkah berikutnya.

adding the remaining floor lines

Langkah 8

Berikan garis yang dihasilkan satu set highlight dengan membuat salinan (Control-C) dari mereka yang akan kita tempel di belakang (Control-B). Kemudian sesuaikan mereka dengan mengatur warna mereka ke #FFCD5C dan kemudian secara individual meningkatkan Lebar mereka dengan 4 px di setiap sisi. Setelah selesai, jangan lupa memilih sorotan dan garis dasar dan mengelompokkannya bersama-sama menggunakan pintasan keyboard Control-G.

adding the highlights to the floor lines

Langkah 9

Ambil Pen Tool (P), dan dengan cepat menggambar retakan kecil ke lantai, mewarnai bentuk gelap menggunakan #21353A dan menyoroti menggunakan #FFCD5C. Luangkan waktu Anda, dan setelah selesai, pastikan Anda memilih dan mengelompokkan semuanya bersama-sama menggunakan pintasan keyboard Control-G.

adding the cracks to the floor

Langkah 10

menyoroti menggunakan Karena kita ingin garis lantai dan celah untuk tetap terbatas pada permukaan yang menyala, kita akan menutupi mereka menggunakan salinan (Control-C) dari bentuk dasar yang lebih besar, yang akan kita tempel di depan (Control-F ) dan kemudian, dengan kedua bentuk yang diinginkan dan salinan yang dipilih, cukup klik kanan> Buat Clipping Mask.

masking the details of the floor

Tip cepat: untuk saat ini, kami akan beralih ke bagian berikutnya, tetapi kami akan menambahkan beberapa retakan dan beberapa sorotan setelah kami selesai mengerjakan pintu masuk gudang bawah tanah.

5. Cara Membuat Pintu Masuk Cellar

Karena kami cukup banyak bekerja di lantai, kami dapat mengunci lapisannya dan beralih ke yang berikutnya (yang akan menjadi yang ketiga) di mana kami akan mulai mengerjakan bagian tengah dari komposisi kami. 

Langkah 1 

Buat bentuk utama untuk pintu masuk gudang menggunakan persegi panjang 244 x 128 px (#21353A), yang akan kita sesuaikan dengan memilih secara individual dan mendorong titik jangkar teratas ke dalam dengan 40 px (klik kanan> Transform> Move> Horizontal> + / - 40 px tergantung dari sisi mana Anda memulai). Segera setelah Anda selesai, pusatkan sejajarkan bentuk yang dihasilkan ke Artboard yang mendasari, dengan memposisikannya 120 px dari tepi atas lantai. 

creating and positioning the main shape for the cellar entrance

Langkah 2 

Mulai kerjakan sinar pendukung dengan membuat bentuk utama untuk bagian atasnya menggunakan persegi panjang 244 x 36 px, yang akan kita warnai menggunakan #AA5D3F dan kemudian posisikan di atas bentuk sebelumnya seperti yang terlihat pada gambar referensi. 

creating the upper support beam

Langkah 3 

Tambahkan engsel menggunakan dua persegi panjang 16 x 8 px (#21353A) ditumpuk di atas persegi panjang 8 x 16 px (#21353A), yang akan kita kelompokkan secara individual (Control-G) dan kemudian posisikan 84 px dari satu sama lain, pastikan untuk menyelaraskan mereka ke tepi atas balok. 

adding the hinges to the top support beam

Langkah 4 

Seperti yang kita lakukan dengan lantai, kita akan mengambil beberapa momen dan menggambar di celah kecil (#21353A), sorotan (#D67C50), dan bayangan atas (#21353A), memastikan untuk memilih dan mengelompokkan semua mereka bersama menggunakan pintasan keyboard Control-G. Luangkan waktu Anda, dan setelah selesai, jangan lupa untuk memilih dan mengelompokkan (Control-G) semua bagian penulisan formulir saat ini sebelum beralih ke yang berikutnya. 

adding details to the top support beam

Langkah 5 

Buat balok dukungan vertikal menggunakan dua persegi panjang 24 x 92 px, yang akan kita warnai menggunakan #844438 dan kemudian posisikan pada sisi atas yang seperti yang terlihat pada gambar referensi. 

adding the side support beams

Langkah 6 

Berikan bentuk yang baru saja kita buat beberapa detail dengan menggambar di celah kecil (#21353A), sorotan (#AA5D3F), dan bayangan (#21353A), pastikan untuk memilih dan mengelompokkan (Control-G) semuanya bersama-sama, lakukan hal yang sama untuk setiap balok sesudahnya. 

adding details to the vertical support beams

Lnagkah 7 

Pilih dan kelompokkan (Control-G) ketiga balok pendukung bersama-sama, setelah itu masking mereka menggunakan salinan (Control-C> Control-F) dari bentuk yang mendasarinya (bentuk yang diinginkan dipilih> klik kanan> Buat Clipping Mask). Setelah selesai, pilih dan kelompokkan (Control-G) semua pintu masuk ruang bawah tanah bersama-sama sebelum pindah ke langkah berikutnya. 

masking the cellar entrance

Langkah 8 

Buat pintu perangkap menggunakan salinan (Control-C> Control-F) dari bentuk utama ruang bawah tanah, yang akan kita sesuaikan dengan terlebih dahulu mengubah warnanya ke #FFA95C dan kemudian secara vertikal mencerminkan (klik kanan> Transform> Reflect> Vertical) dan posisi di atas seperti yang terlihat pada gambar referensi.

creating and positioning the main shape for the trap door

Langkah 9 

Tambahkan bagian atas pintu menggunakan persegi panjang 244 x 12 px (#844438), yang akan kita sesuaikan dengan secara individual memilih dan mendorong titik jangkar teratas ke dalam dengan 12 px (klik kanan> Transform> Move> Horizontal> +/- 12 px tergantung pada sisi mana Anda memulai), posisi bentuk yang dihasilkan di atas bentuk yang dibuat sebelumnya.

adding the upper section to the trap door

Langkah 10

Buat sorotan atas menggunakan persegi panjang 244 x 2 px, yang akan kita warnai menggunakan #FFCD5C dan kemudian tengah sejajar ke tepi atas pintu, pastikan untuk menutupinya setelahnya.

adding the subtle highlight to the upper section of the trap door

Langkah 11 

Selanjutnya, ambil Pen Tool (P) dan cepat tambahkan beberapa detail ke bagian bawah pintu dengan menggambar retakan (#21353A) dan highlight halus (#21353A), menggunakan gambar referensi sebagai panduan utama Anda. Luangkan waktu Anda, dan setelah selesai, pastikan Anda memilih dan mengelompokkan semua bentuk yang dihasilkan bersama menggunakan pintasan keyboard Control-G.

adding details to the lower section of the trap door

Langkah 12

Mulai bekerja pada simbol okultisme dengan membuat lingkaran luar menggunakan lingkaran 72 x 72 px dengan Stroke tebal 4 px  (#21353A), yang secara horizontal kita akan memusatkan pada pintu yang lebih besar, memposisikannya 28 px dari tepi atasnya.

creating the outer circle for the occult symbol

Langkah 13

Setelah gambar referensi sebagai panduan utama Anda, gambar pentagram yang menghadap ke bawah menggunakan Stroke tebal 4 px (#21353A), pastikan titik jangkarnya tumpang tindih dengan lintasan lingkaran yang lebih besar. Setelah selesai, pilih dan kelompokkan (Control-G) keduanya bersama-sama sebelum melanjutkan ke langkah berikutnya.

drawing the pentagram

Langkah 14

Karena kita ingin simbol untuk terlihat digambar tangan, kita akan menerapkan efek kasar yang kasar ke bentuk penggambarannya, dengan menuju ke Effect> Distort & Transform> Roughen dan menyetel Ukuran menjadi 1 px (Absolute) dan Detail hingga 15 / in, pastikan untuk mengatur Points dengan Corner.

applying a roughen effect to the occult symbol

Langkah 15

Selanjutnya, kita akan menambah kegelapan adegan dengan menggambar darah memerciki menggunakan salah satu kuas default Illustrator yang disebut Ink Splatter, yang dapat ditemukan di dalam Perpustakaan Panel brushes di bawah Artistic> Artistic Ink. Setelah Anda memilihnya, cukup beralih ke Paintbrush Tool (B) dan, dengan warna Stroke diatur ke #C63E2C, klik di mana saja pada pintu perangkap untuk menciptakan memerciki.

drawing the blood splatter

Langkah 16

Karena kami ingin dapat mengedit splatter, kami akan memperluasnya dengan menuju ke Object> Expand Appearance, yang akan mengubah sapuan kuas kami menjadi sekumpulan objek. Ini adalah bagian yang sulit karena, untuk mengatur percikkan Opacity menjadi 100%, Anda harus mengisolasi bentuk yang dihasilkan dengan mengklik dua kali pada mereka, dan kemudian pilih bingkai persegi panjang luar (yang tidak terlihat) dan menghapusnya dengan menekan Delete. Maka Anda harus dapat mengatur tingkat Opacity ke batas atas dan mengubah ukuran dan posisi splatter seperti yang terlihat pada gambar referensi. Selain itu, karena kami selesai mengerjakan pintu perangkap, Anda dapat memilih dan mengelompokkan (Control-G) semua bentuk penggambaran sebelum melanjutkan ke langkah berikutnya.

adjusting the blood splatter

Langkah 17

Karena kita cukup banyak bekerja di pintu masuk ruang bawah tanah, kita dapat kembali ke lapisan kedua, dan menambahkan sorotan horizontal halus menggunakan persegi panjang 244 x 4 px (#FFCD5C) diikuti oleh beberapa celah (#21353A) dan lebih kecil highlight (#FFCD5C), yang akan kami posisikan di dalam Clipping Mask yang telah kami buat untuk detail lainnya.

adding the final cracks and highlights to the floor

6. Cara Membuat Mata Seram

Position yourself back on the third and last layer, and let’s finish the composition by adding the spooky staring eyes.

Langkah 1 

Mulai dengan membuat bentuk utama untuk sepasang mata tengah menggunakan dua lingkaran 8 x 8 px (#F2673D), di atasnya kita akan menambahkan lebih kecil 4 x 4 px satu (#21353A), pengelompokan secara individu (Control-G) dan menempatkannya di pintu masuk gudang seperti yang terlihat pada gambar referensi. 

creating and positioning the center eyes

Langkah 2 

Ubah ekspresi mata yang baru saja kita buat dengan memposisikan persegi panjang 8 x 6 px (#21353A) ke masing-masing dan salah satunya, yang akan kita sesuaikan dengan memilih titik jangkar bawah mereka menggunakan Direct Selection Tool (A) dan kemudian dorong ke atas dengan 6 px menggunakan tombol panah arah atau alat Move (klik kanan> Transform> Pindahkan> Vertikal> -4 px). Setelah selesai, pilih bentuk dan mata yang dihasilkan dan kelompokkan bersama-sama menggunakan pintasan keyboard Control-G.

adjusting the expression of the center eyes

Langkah 3 

Akhiri proyek dengan menambahkan sepasang sisi mata menggunakan dua salinan (Control-C> Control-F dua kali) dari yang sudah selesai kami kerjakan, yang akan kami posisikan seperti yang terlihat pada gambar referensi. Setelah selesai, pilih dan kelompokkan (Control-G) semua bagian penulisan pintu perangkap sebelum akhirnya menekan tombol simpan itu. 

adding the remaining eyes

Kerja bagus! 

Seperti biasa, saya harap Anda bersenang-senang mengerjakan proyek dan yang paling penting berhasil belajar sesuatu yang baru dan berguna di sepanjang jalan. 

Dikatakan demikian, jika Anda memiliki pertanyaan, jangan ragu untuk mempostingnya di bagian komentar dan saya akan menghubungi Anda sesegera mungkin! 

finished project preview
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.