Skip to main content

Membuat Grafis Bergaya Dari Foto di Illustrator

Pixel Art in Illustrator | Illustrator Tutorial (Juni 2026)

Pixel Art in Illustrator | Illustrator Tutorial (Juni 2026)
Anonim

Dalam tutorial ini, kami akan menggunakan Illustrator untuk membuat grafik bergaya dengan skema warna monokromatik, yang berarti Anda hanya akan menggunakan satu warna dengan berbagai nada. Setelah selesai, Anda akan membuat versi kedua dari grafik menggunakan lebih dari satu warna. Anda dapat mengikuti - untuk memulai, Anda perlu menelusuri foto, gunakan Pen Tool untuk membuat bentuk yang menggambarkan berbagai nada, lalu isi bentuk Anda dengan warna, dan atur ulang layer. Setelah selesai, Anda akan memiliki dua versi grafik yang sama, dan pengetahuan untuk membuat lebih banyak lagi.

01 dari 19

Buatlah Grafis Bergaya dari Foto di Illustrator

Meskipun kami menggunakan Illustrator CS6 untuk tutorial ini, Anda harus dapat mengikuti semua versi terbaru.

Cukup klik kanan pada gambar di atas untuk menyimpan file latihan ke komputer Anda, lalu buka file di Illustrator. Untuk menyimpan file dengan nama baru, pilih File> Save As, ganti nama file, "ice_skates," buat format file Adobe Illustrator, dan klik Menyimpan.

02 dari 19

Ukuran Artboard

Anda ingin mengubah sepasang sepatu es di dalam foto menjadi grafis bergaya. Foto yang ditampilkan memiliki rentang nada yang bagus, yang penting untuk jenis grafik yang akan Anda buat.

Di panel Tools, pilih Artboard alat, lalu klik pada salah satu sudut Artboard menangani dan menyeretnya tepat di dalam tepi foto. Lakukan hal yang sama dengan pegangan yang berlawanan, lalu tekan Melarikan diri kunci untuk keluar dari mode Edit Artboard.

03 dari 19

Konversikan ke Grayscale

Untuk memilih foto, pilih Pilihan alat dari panel Tools dan klik di mana saja pada foto itu.

Lalu pilih Edit> Edit Warna> Konversikan ke Grayscale. Ini akan mengubah foto hitam putih, yang akan membuatnya lebih mudah untuk membedakan antara nada yang berbeda.

04 dari 19

Redupkan Foto

Di Panel Lapisan, klik dua kali pada lapisan. Ini akan membuka kotak dialog Layer Options.

Klik Template dan Dim Image, lalu ketik 50% dan klik baik. Foto itu akan redup, yang akan memungkinkan Anda untuk lebih baik melihat garis-garis yang akan segera Anda gambar di atas foto itu.

05 dari 19

Ganti Nama Lapisan

Di panel Lapisan, klik Layer 1, yang akan memberikan bidang teks untuk mengetikkan nama baru. Ketikkan nama, "Template."

Selanjutnya, klik pada Buat Layer Baru tombol. Secara default, layer baru bernama "Layer 2." Klik pada nama lalu ketik di bidang teks, "Nada Gelap."

06 dari 19

Hapus Isi dan Warna Stroke

Dengan layer Dark Tones dipilih, klik pada Pena alat, yang terletak di panel Tools. Juga di panel Tools adalah kotak Isi dan Stroke. Klik pada Mengisi kotak dan pada Tidak ada tombol di bawahnya, lalu di Pukulan kotak dan Tidak ada tombol.

07 dari 19

Trace Around the Dark Tones

Tampilan yang lebih dekat akan membantu saya untuk melacak dengan akurasi yang lebih tinggi. Untuk memperbesar, pilih Lihat> Perbesar, klik panah kecil di sudut kiri bawah dari jendela utama untuk memilih tingkat zoom, atau gunakan alat Zoom.

Dengan alat Pen, tarik sekitar nada paling gelap untuk membentuk bentuk. Mulailah dengan nada gelap yang membentuk bentuk yang membentuk satu-satunya dan tumit sepatu es di depan. Untuk saat ini, abaikan nada cahaya dalam bentuk ini. (Juga, jangan memperhatikan dinding di belakang sepatu es.)

Jika Anda baru menggunakan alat Pen, itu terletak di panel Tools dan bekerja dengan mengklik untuk membuat poin. Dua atau lebih poin membuat jalur. Jika Anda ingin jalur melengkung, klik dan seret. Controlling Handles muncul yang dapat digunakan untuk mengedit lintasan lengkung Anda. Cukup klik pada ujung pegangan dan gerakkan untuk membuat penyesuaian. Membuat titik terakhir Anda di titik pertama menghubungkan keduanya dan menciptakan bentuk. Menggunakan alat Pen membutuhkan waktu untuk terbiasa, tetapi menjadi lebih mudah dengan latihan.

08 19

Pilih Paths

Lanjutkan untuk melacak di sekitar semua bentuk gelap, seperti sol yang terungkap sebagian dari sepatu luncur di belakang, dan banyak mata ikan. Kemudian, di panel Lapisan, klik pada lingkaran target untuk lapisan Nada Gelap. Ini akan memilih semua jalur yang telah Anda tarik untuk lapisan ini.

09 dari 19

Terapkan Isi Warna Gelap

Dengan lapisan Nada Gelap dipilih pada panel Lapisan, klik dua kali pada Mengisi kotak di panel Tools, yang akan membuka Color Picker. Untuk menunjukkan nada biru yang sangat gelap, ketik bidang nilai RGB, 0, 0, dan 51. Saat Anda mengklik baik, bentuknya akan dipenuhi dengan warna ini.

Pada panel Lapisan klik pada ikon mata ke kiri pada lapisan Nada Gelap untuk membuatnya tidak terlihat.

10 dari 19

Melacak Sekitar Nada Tengah

Sekarang, buat layer lain dan beri nama "Nada Tengah." Lapisan baru ini harus dipilih dan duduk di atas yang lain di panel Lapisan. Jika tidak, Anda harus mengklik dan menariknya ke tempatnya.

Dengan alat Pen masih dipilih, klik pada Mengisi kotak dan Tidak ada tombol. Kemudian telusuri seluruh nada tengah dengan cara yang sama seperti Anda menelusuri semua nada gelap. Dalam foto ini, bilah-bilah itu tampaknya memiliki nada tengah, dan juga bagian dari tumit dan beberapa bayangan. Gunakan "lisensi artistik" saya untuk membuat bayangan di dekat pengait lebih kecil.(Abaikan saja detail-detail kecil, seperti jahitan dan tanda lecet.)

Setelah Anda selesai menelusuri di sekitar nada tengah, klik pada lingkaran target untuk lapisan Middle Tones.

11 dari 19

Menerapkan Nada Warna Nada Tengah

Dengan layer Middle Tones dipilih, dan juga jalur yang digambar, klik dua kali pada Mengisi kotak di panel Tools. Di Color Picker, ketik bidang nilai RGB, 102, 102, dan 204. Ini akan memberi Anda nada biru tengah. Lalu klik baik.

Klik pada ikon mata untuk lapisan Middle Tones. Sekarang, lapisan Nada Gelap dan lapisan Nada Tengah harus tidak terlihat.

12 dari 19

Melacak Sekitar Nada Cahaya

Ada nada cahaya dan nada sangat ringan di dalam foto ini. Nada yang sangat ringan disebut highlight. Untuk saat ini, abaikan sorotan dan fokuskan pada nada cahaya.

Di panel Lapisan, buat layer baru lain dan beri nama "Nada Cahaya." Kemudian, klik dan seret lapisan ini untuk meletakkannya di antara lapisan Nada Gelap dan lapisan Template.

Dengan alat Pen masih dipilih, klik pada Mengisi kotak dan Tidak ada tombol. Kemudian telusuri nada cahaya dengan cara yang sama seperti Anda menelusuri nada gelap dan tengah. Nada cahaya tampaknya sepatu dan tali, yang dapat ditarik sedemikian rupa untuk membuat satu bentuk besar.

13 dari 19

Terapkan Isi Warna Cahaya

Di panel Lapisan pastikan bahwa lapisan Nada Cahaya dipilih dan juga jalur yang digambar. Kemudian klik dua kali pada Mengisi kotak di panel Tools, dan dalam jenis Color Picker di bidang nilai RGB, 204, 204, dan 255. Ini akan memberi Anda nada tengah berwarna biru. Lalu klik baik.

Terakhir, klik ikon mata untuk lapisan Nada Cahaya, membuatnya tidak terlihat.

14 dari 19

Melacak Sekitar Sorotan

Sorotan adalah beberapa bagian putih terang dari suatu objek atau subjek, di mana sangat diterangi.

Di panel Lapisan, buat layer baru lainnya dan beri nama "highlight." Lapisan ini harus berada di atas yang lain. Jika tidak, klik dan seret ke tempatnya.

Dengan lapisan Sorotan baru dipilih, klik pada Pena alat dan lagi mengatur kotak Isi ke Tidak Ada. Lacak di sekitar area putih bersih atau yang disorot.

15 dari 19

Terapkan Isi Putih

Dengan jalur yang dipilih, klik dua kali pada Mengisi kotak di panel Tools, yang akan membuka Color Picker. Ketik di bidang nilai RGB, 255, 255, dan 255. Saat Anda mengklik baik, bentuknya akan terisi dengan warna putih murni.

16 dari 19

Lihat Lapisan Gabungan

Kini hadir bagian yang menyenangkan - yaitu untuk mengungkapkan semua lapisan dan melihat bentuk digambar yang bekerja bersama untuk membentuk sebuah gambar. Di panel Lapisan klik setiap kotak kosong di mana ada sekali ikon mata untuk membuka ikon dan membuat lapisan terlihat. Untuk memastikan bahwa semua lapisan tidak terpilih, klik pada Pilihan alat di panel Tools kemudian klik dari kanvas.

17 dari 19

Buat A Square

Karena Anda sudah selesai melacak, Anda sekarang dapat menghapus template. Di panel Lapisan klik pada Template lapisan kemudian pada kecil Hapus Pilihan tombol, yang terlihat seperti tempat sampah kecil.

Untuk membuat persegi, pilih alat Rectangle dari panel Tools, klik dua kali pada Mengisi kotak, dan dalam jenis Color Picker di 51, 51, dan 153 untuk nilai-nilai RGB, lalu klik baik. Kemudian tahan tombol Bergeser kunci saat Anda mengeklik dan seret untuk membuat kotak yang mengelilingi sepatu es.

18 dari 19

Ubah Ukuran Artboard

Klik pada Artboard alat dan mengubah ukuran Artboard dengan memindahkan pegangan ke dalam sampai ukurannya sama dengan persegi. tekan Melarikan diri untuk keluar dari mode Artboard, pilih File> Simpan - dan selesai! Anda sekarang memiliki grafik bergaya menggunakan skema warna monokromatik.

Untuk membuat versi menggunakan lebih banyak warna, lanjutkan ke langkah berikutnya.

19 dari 19

Buat Versi Lain

Sangat mudah untuk membuat versi berbeda dari grafik yang sama. Untuk membuat versi menggunakan lebih banyak warna, Pilih File> Save As, dan ubah nama file (misalnya, "ice_skates_color") dan klik Menyimpan. Ini akan mempertahankan versi asli Anda yang disimpan dan memungkinkan saya melakukan perubahan pada versi yang baru disimpan ini.

Anda akan menginginkan lapisan Highlight tetap sama, jadi biarkan layer itu sendiri dan klik pada Target lingkaran untuk lapisan Nada Cahaya. Kemudian klik dua kali pada Mengisi kotak, dan di Color Picker gerakkan Color Slider ke bawah bar Spectrum Warna hingga mencapai area kuning, lalu klik baik. Ubah layer Middle Tones dan layer Dark Tones dengan cara yang sama; memilih warna yang berbeda untuk masing-masing. Setelah selesai, pilih File> Simpan. Anda sekarang memiliki versi kedua, dan dapat membuat ketiga, keempat, dan seterusnya, cukup dengan mengulangi langkah-langkah di atas.