Menambahkan swatch kehidupan nyata ke karya desain Anda menambah elemen realisme dalam apa yang bisa menjadi pasar digital yang terlalu jenuh. Sayangnya, memindai atau memotret swatch tekstur biasanya menghasilkan gambar raster yang tidak dapat diskalakan yang menjadi piksel saat diedit berlebihan.
Untungnya, Anda dapat membuat vektor tekstur nyata yang dapat diskalakan seperti cat air, cat, atau spidol menggunakan Photoshop dan Illustrator. Begini caranya.
Cara Mengubah Tekstur Nyata Menjadi Vektor
Terserah Anda untuk membuat tekstur sendiri atau mencari carikan online untuk dijadikan vektor. Anda dapat menggunakan media seni bertekstur apa pun, seperti spidol, tinta India, atau gumpalan cat.
Langkah 1: Buka Swatch Tekstur di Photoshop
Jika Anda membuat sendiri teksturnya, Anda perlu memindainya ke komputer pada 300 DPI. Ini memastikan kualitas tertinggi yang menghasilkan hasil terbaik.
Kami telah mengunduh foto contoh cat air dari Hapus percikan untuk membuat menjadi vektor. Unduh foto yang sama untuk mengikuti secara langsung, atau Anda dapat menggunakan petunjuk sebagai panduan pada gambar carikan Anda sendiri.
Buka gambar Anda di Photoshop dan pangkas dekat dengan carikan yang Anda gunakan. Jika gambar belum 300 DPI, itu harus. Pergi ke Gambar > Ukuran gambar dan ketik 300 ke dalam Resolusi kotak. Pilih OKE.
Sekarang Anda memiliki gambar berkualitas tinggi yang nantinya akan dirender menjadi vektor detail. Anda juga bisa ubah DPI di program lain jika Anda tidak menggunakan Photoshop.
Langkah 2: Bersihkan Latar Belakang
Swatch itu sendiri perlu diisolasi dari latar belakang. Jika Anda telah memindai swatch Anda atau menggunakan foto dengan latar belakang putih polos atau satu warna, ini akan jauh lebih mudah bagi Anda.
Buat layer baru pada palet Layer, lalu seret ke bawah layer gambar Anda. Pilih lapisan gambar.
Pergi ke Pilih > Rentang Warna. Pilih eyedropper dari kotak dialog dan gunakan untuk memilih bagian mana pun dari latar belakang pada artboard Anda. Menggunakan Ketidakjelasan penggeser untuk memastikan pemilihannya ketat terhadap carikan Anda. Lalu tekan OKE.
Setelah kembali ke artboard, area rentang warna akan memiliki semut yang berjalan untuk menunjukkan pilihan. Memukul Menghapus untuk menghapus latar belakang. Kemudian batalkan pilihan dengan menekan Cmd + D (Mak) atau Ctrl + D (Jendela). Jika latar belakang Anda polos tanpa bayangan atau tekstur, hanya itu yang harus Anda lakukan.
Jika latar belakang Anda berwarna-warni, memiliki bayangan, atau tekstur lainnya, Anda mungkin harus mengulangi proses ini beberapa kali. Dalam Rentang Warna kotak dialog, pilih bagian latar belakang yang berbeda dengan eyedropper dan bermain dengan Ketidakjelasan penggeser untuk memilih sebanyak mungkin latar belakang. Pilih OKE dan pukul Menghapus.
Batalkan pilihan dengan menekan Cmd + D (Mak) atau Ctrl + D (Jendela). Jika masih ada latar belakang yang tersisa, lakukan proses Color Range lagi, gunakan Penghapus alat (e) untuk menghapus piksel yang membandel, atau gunakan Laso alat (L) untuk memilih dengan ketat di sekitar swatch Anda, lalu Menghapus pemilihan.
Tempatkan persegi panjang warna kontras menggunakan Persegi panjang alat (AS) di bawah lapisan carikan Anda untuk memaparkan piksel tambahan yang perlu dihapus. Hapus mereka dengan Penghapus. Ingatlah untuk menghapus persegi panjang sebelum menyimpan gambar Anda.
Setelah selesai, Anda akan memiliki contoh cat terisolasi dengan latar belakang transparan yang mengelilinginya. Simpan carikan Anda sebagai PNG.
Jika Anda tidak memiliki Photoshop, ada alternatif cara membuat background gambar transparan. Anda kemudian dapat membawa gambar itu langsung ke Illustrator dan melanjutkan dari sini.
Langkah 3: Buka Gambar di Illustrator
Buka swatch PNG baru Anda di Illustrator. Anda dapat memilih dan menyeret gambar Anda dari artboard untuk memeriksa apakah latar belakangnya masih transparan. Meskipun, itu tidak akan tetap seperti itu di langkah selanjutnya. Pada titik ini, swatch Anda masih berupa raster, sehingga akan berpiksel jika diskalakan.
Menggabungkan Photoshop dan Illustrator untuk satu proyek adalah cara terbaik untuk memanfaatkan Adobe Creative Cloud. Ada banyak lainnya fitur di seluruh Creative Cloud yang dapat Anda coba.
Langkah 4: Vektorisasi Gambar
Buka panel Properties dengan pergi ke Jendela > Properti. Anda dapat memaksimalkan atau meminimalkan panel dengan memilihnya dari bilah alat vertikal di sebelah kanan.
Pilih gambar Anda, lalu gulir ke bagian bawah Properti panel dan pilih Jejak Gambar > Foto Kesetiaan Tinggi. Jika Anda memilih Image Trace dari menu Object, defaultnya adalah trace hitam-putih, yang tidak akan mempertahankan tekstur swatch Anda. Anda dapat menggunakan fungsi Image Trace dengan berbagai cara membuat vektor gambar di Illustrator.
Langkah 5: Bersihkan dan Hapus Latar Belakang
Buka panel Image Trace dengan memilih ikon di sebelah dropdown Image Trace di panel Properties. Di bawah Warna, pindahkan penggeser ke kanan, antara 85% dan 98%. Ini meningkatkan detail warna pada swatch bertekstur Anda, memberikan hasil yang lebih realistis.
Buka Canggih pengaturan dan memindahkan Jalur geser ke kanan. Sekali lagi, pengaturan ini antara 85% dan 98% sangat ideal. Semakin banyak jalur, semakin banyak detail yang digambar dalam vektor Anda. Jika jalurnya lebih sedikit, gambar akan terlihat terputus-putus dan seperti kartun.
Minimalkan panel Image Trace dan Properties dan swatch Anda akan tercakup dalam garis jalur biru. Jika Anda ingin memindahkan vektor swatch Anda, Anda harus menggunakan Pilihan alat (V) untuk memastikannya bergerak secara keseluruhan. Tapi Anda bisa memindahkan jalur individu, jika perlu, menggunakan Seleksi Langsung alat.
Pilih Seleksi Langsung alat (A) dan klik artboard Anda untuk membatalkan pilihan gambar. Kemudian pilih latar belakang putih yang mengelilingi swatch Anda. Memukul Menghapus pada keyboard Anda untuk mengembalikan latar belakang transparan Anda. Anda dapat menambahkan persegi panjang berwarna di bawah carikan Anda untuk memeriksa transparansi.
Langkah 6: Gunakan Vektor Swatch Anda
Sekarang Anda memiliki contoh tekstur yang sudah jadi. Apakah Anda memutuskan untuk membuat karya cat air seperti tutorial kami, atau mungkin Anda membuat contoh pensil berwarna, Anda sekarang memiliki contoh tekstur kehidupan nyata yang dapat diskalakan sepenuhnya.
Sayangnya, karena semua jalur yang rumit, akan sulit—namun bukan tidak mungkin—untuk mewarnai ulang swatch Anda. Untuk menggunakan vektor, Anda harus menjaga warnanya tetap sama. Jika Anda ingin mewarnai ulang, Anda harus mewarnainya di Photoshop terlebih dahulu sebelum membawa swatch Anda ke Illustrator.
Anda dapat menggunakan vektor Anda seperti vektor lainnya. Skalakan ke atas atau ke bawah, gunakan sebagai elemen berlapis dalam desain, dan Anda bahkan dapat menerapkan filter padanya seperti condong dan mendistorsi.
Simpan vektor Anda sebagai PNG untuk memastikannya tetap transparan. Lihat panduan kami untuk membuat latar belakang transparan di Illustrator untuk lebih.
Buat Vektor Dari Tekstur Asli Dengan Photoshop dan Illustrator
Menggunakan vektor dalam pekerjaan desain Anda meningkatkan produktivitas dan kualitas desain akhir Anda. Tidak hanya satu vektor ini memiliki banyak kegunaan, tetapi menggunakan grafik vektor daripada grafik raster berarti Anda tidak perlu khawatir tentang pikselisasi lagi.
Membuat vektor tekstur nyata berarti Anda dapat menambahkan contoh cat ke elemen desain apa pun, membuatnya terlihat seperti aslinya. Lihat kembali panduan ini untuk mengubah tekstur nyata menjadi vektor digital.