Kupas Kembali Sticker Dengan Halaman Curl atau Dog Ear Effect di Illustrator

Membuat efek curl halaman adalah keterampilan yang berguna, terutama untuk desain grafis pemasaran dan periklanan. Dalam tutorial ini, Anda akan belajar cara membuat stiker peel back dengan halaman ikal, atau halaman bertanda anjing, efek menggunakan Adobe Illustrator CC. Perhatikan bahwa efek curl halaman ini juga dapat dibuat menggunakan CS6 atau versi terbaru lainnya.

Proses yang diuraikan di bawah ini akan dimulai dengan membuat dokumen baru dan menggunakan alat Rectangle, alat Pen, dan alat Type . Kemudian kita akan menambahkan warna pada kedua bentuk dan teks, memilih font, membuat perubahan pada ukuran dan gaya font, dan memutar teks. Anda akan menemukan bahwa teknik yang digunakan untuk membuat grafik ini adalah yang kemudian dapat diterapkan untuk pembuatan berbagai jenis grafik.

Untuk menyimak, lanjutkan melalui setiap langkah sampai Anda mencapai akhir dan memiliki grafik yang lengkap.

01 dari 19

Buat Dokumen Baru

Teks dan gambar © Sandra Trainor

Untuk membuat dokumen baru di Illustrator, pilih File > New . Di sini kami beri nama file "stiker" dan membuatnya 6 "x 4." Kemudian, klik OK .

02 dari 19

Buat Square

Teks dan gambar © Sandra Trainor

Dari panel Tool, pilih Rectangle tool, lalu klik dan seret untuk membuat persegi panjang besar di atas sebagian besar artboard.

03 dari 19

Menyimpan file

Teks dan gambar © Sandra Trainor

Untuk menyimpan progres Anda, pilih File > Save , lalu klik Save . Kotak dialog akan muncul. Untuk sebagian besar proyek, Anda dapat mempertahankan pengaturan default dan klik OK .

04 dari 19

Tambahkan Warna

Teks dan gambar © Sandra Trainor

Sekarang buat persegi panjang berwarna. Di panel Tools, klik ganda pada kotak Isi untuk membuka Color Picker. Di sana, Anda dapat memilih warna di Bidang Warna atau mengetikkan angka untuk menunjukkan warna. Di sini kita mengetik di bidang RGB 255, 255, dan 0, yang memberi kita warna kuning cerah. Kemudian klik OK .

05 dari 19

Hapus Stroke

Teks dan gambar © Sandra Trainor

Di sinilah Anda dapat mengubah warna stroke dengan mengklik dua kali pada kotak Stroke di panel Tools dan memilih warna di Color Picker, tetapi dalam kasus ini, kita tidak ingin stroke. Untuk menghapus yang diberikan secara default, klik pada kotak Stroke, lalu pada tombol None tepat di bawah ini.

06 dari 19

Menarik garis

Teks dan gambar © Sandra Trainor

Dari panel Tools, pilih alat Pen . Untuk membuat garis di mana Anda ingin stiker untuk mengupas kembali, klik di atas persegi panjang Anda dan lagi di sebelah kanannya.

07 dari 19

Bagilah Rectangle

Teks dan gambar © Sandra Trainor

Sekarang bagilah persegi panjang sehingga menjadi dua bagian. Dari panel Tools, pilih Selection tool dan klik pada garis yang Anda ambil untuk memilihnya, kemudian tahan tombol shift saat Anda mengklik pada persegi panjang.

Ini akan memilih garis dan persegi panjang. Selanjutnya pilih Window > Pathfinder , klik tombol Divide , kemudian pada tombol Minus Back untuk menghapus bagian sudut.

08 19

Gambarkan Peel Back

Teks dan gambar © Sandra Trainor

Sekarang Anda akan ingin menggambar bentuk untuk mengupas kembali. Dengan alat Pen, klik di bagian atas persegi panjang di mana ia dibagi untuk membuat titik, lalu klik dan seret di bawah ini untuk membuat garis lengkung. Tahan tombol shift saat Anda mengklik titik terakhir yang dibuat, lalu klik dan seret di sisi kanan persegi panjang di mana ia dibagi untuk membuat garis lengkung lain, seperti yang ditunjukkan.

Untuk melengkapi bentuk Anda, klik pada titik pertama yang dibuat.

09 dari 19

Tambahkan Warna

Teks dan gambar © Sandra Trainor

Sama seperti Anda menambahkan warna pada persegi panjang, Anda sekarang akan menambahkan warna pada bentuk gambar Anda. Kali ini di Color Picker, kami mengetik ke bidang warna RGB 225, 225, dan 204 untuk warna krem.

Ini akan menjadi saat yang tepat untuk kembali menyimpan kemajuan Anda. Anda dapat memilih File > Save , atau gunakan pintasan keyboard "Command + S" pada Mac atau "Control + S" jika menggunakan Windows.

10 dari 19

Tambahkan Drop Shadow

Teks dan gambar © Sandra Trainor

Dengan bentuk gambar yang dipilih, Anda akan memilih Effect > Stylize > Drop Shadow . Klik untuk menempatkan tanda centang di kotak di sebelah Pratinjau, yang memungkinkan Anda untuk melihat bagaimana bayangan bayangan akan terlihat sebelum melakukannya.

Untuk membuat ulang tampilan yang kami buat, pilih Multiply untuk Mode, 75% untuk Opacity, buat X dan Y Offsets 0,1 inci, buat Blur 0.7, pertahankan warna default hitam, dan klik OK .

11 dari 19

Sembunyikan Layer

Teks dan gambar © Sandra Trainor

Untuk membuka panel Lapisan, buka Window > Layers . Klik panah kecil di sebelah Layer 1 untuk membuka subbagiannya. Anda juga akan mengklik ikon mata di sebelah sublapisan untuk jalur yang ingin Anda sembunyikan, yang merupakan bentuk potongan kulit yang tertarik.

12 dari 19

Tambahkan teks

Teks dan gambar © Sandra Trainor

Klik pada alat Type di panel Tools, lalu klik pada artboard dan ketik teks Anda. Di sini kami menggunakan "MENGAMBIL EXTRA 30% atau 20% atau 15% OFF" menggunakan huruf besar dan kecil jika sesuai.

Anda kemudian akan menekan tombol escape. Secara default, warna teks berwarna hitam, yang dapat Anda ubah nanti.

Untuk membuat area teks lain, klik pada alat Jenis lagi. Kali ini, kami memasukkan teks di balik halaman curl: kami mengetik "PEEL TO" lalu menekan kembali untuk menuju ke baris berikutnya dan mengetik "REVEAL" lalu tekan escape.

13 dari 19

Pindahkan dan Rotasikan Teks

Teks dan gambar © Sandra Trainor

Dengan alat Seleksi, klik dan seret teks di balik ikal halaman ("PEEL TO REVEAL" dalam desain kami) ke kanan atas, tempat persegi panjang dipotong.

Klik dua kali pada pegangan diperpanjang dan gerakkan kursor Anda ke arah sudut kotak berlari sampai Anda melihat kurva panah ganda. Lalu seret untuk memutar teks.

14 dari 19

Sesuaikan Font

Teks dan gambar © Sandra Trainor

Dengan alat Teks, klik dan seret teks untuk memilihnya. Kemudian pilih Window > Character . Di panel Karakter, Anda dapat mengubah ukuran Font dan Font menjadi apa pun yang Anda suka dengan mengklik salah satu panah kecil untuk memunculkan opsi Anda.

Di sini kami membuat font Arial, gaya Bold, dan ukuran 14 pt.

15 dari 19

Ubah Warna Font

Teks dan gambar © Sandra Trainor

Dengan teks yang masih dipilih, klik tanda panah kecil di samping warna Isi di bilah Opsi untuk memunculkan warna alternatif dan pilih warna merah terang. Warna tidak dapat dilihat ketika teks disorot, jadi klik teks untuk melihat tampilannya.

16 dari 19

Teks Pusat

Teks dan gambar © Sandra Trainor

Untuk desain ini, kami ingin teks dipusatkan. Untuk memusatkan teks Anda, klik dan seret teks untuk memilihnya lagi, pilih Window > Paragraph , atau klik pada tab Paragraph di sebelah panel Character. Di panel Paragraf, klik pada tombol tengah sejajar. Jika perlu, Anda juga dapat menggunakan alat Seleksi untuk memposisikan ulang teks.

17 dari 19

Edit Teks

Teks dan gambar © Sandra Trainor

Di sini adalah kesempatan Anda untuk membuat perubahan pada sisa teks Anda.

Untuk desain ini, kami menggunakan alat Teks untuk menempatkan kursor setelah kata "EXTRA" dan menekan kembali. Ini membagi teks menjadi dua baris terpisah. Untuk membuatnya tiga baris, kami menempatkan kursor setelah "30%" dan menekan kembali lagi.

Untuk mengubah font dan ukuran, sorot semua teks untuk memilihnya, dan buat pilihan Anda di panel Karakter. Di sini kami mengubah font ke Arial Black dan membuat leading (spasi antar baris) 90 pt.

Di panel Paragraf, kami juga memilih untuk mengklik tombol yang membenarkan semua garis, dan di bilah Opsi, kami mengubah warnanya menjadi biru cerah.

Setelah melakukan pengeditan, Anda dapat mengeklik jauh dari teks untuk melihat tampilannya sejauh ini.

Setelah diperiksa, kami memutuskan untuk menyorot hanya baris teratas untuk memilihnya, dan di panel Karakter mengubah ukurannya menjadi 24 pt. Kami kemudian menyoroti baris kedua dan mengubah ukurannya 100%. Untuk memilih 100%, Anda harus mengetikkan ke dalam bidang nilai, karena opsi yang terlihat paling tinggi adalah 72%. Kami kemudian menyoroti baris terakhir dan membuatnya 21%.

18 dari 19

Teks Skala

Teks dan gambar © Sandra Trainor

Selanjutnya, Anda akan menskalakan teks. Meskipun kami menyukai proporsi baris teks dalam kaitannya dengan satu sama lain, kami ingin membuat keseluruhan sedikit lebih besar. Untuk mencapai perubahan ini, gunakan alat Seleksi untuk mengklik teks, lalu pilih Objek > Transform > Skala , dan dengan opsi Seragam yang dipilih, ketikkan nilai Anda — kami memilih 125% —kemudian klik OK . Kemudian, klik dan seret teks untuk memposisikannya lebih jauh ke kiri.

19 dari 19

Buat Penyesuaian Akhir

Teks dan gambar © Sandra Trainor

Sekarang untuk penyesuaian akhir. Di panel Lapisan, klik kotak kosong di sebelah kiri jalan tersembunyi untuk membuka ikon mata dan membuat jalur terlihat. Juga di panel Lapisan, klik dan seret sublapisan ini di atas sublapisan lainnya, yang akan menempatkan kembali bentuk kupasan di depan teks pada artboard.

Untuk desain ini, kami ingin baris teratas teks tetap berada di tempat itu tetapi memiliki baris teks kedua dan ketiga lebih jauh ke kanan. Untuk membuat perubahan ini, pilih alat Type, letakkan kursor di depan baris kedua, dan tekan tab, lalu lakukan hal yang sama ke baris ketiga. Jika Anda mau, Anda juga dapat mengklik dan menarik lebih dari satu baris teks untuk memilihnya dan mengubah yang terkemuka di panel Karakter.

Setelah Anda menyukai bagaimana semuanya terlihat, pilih File > Save , dan selesai! Anda sekarang memiliki stiker peel back dengan efek ikal halaman yang siap digunakan.