Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Christmas
Design

Cara Membuat Desain Surat untuk Santa di Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Ade Khairul Umam (you can also view the original English article)

Final product image
What You'll Be Creating

Dalam langkah-langkah berikut, Anda akan belajar cara mendesain ilustrasi huruf ke Santa sederhana di Adobe Illustrator.

Sebagai permulaan, Anda akan belajar cara mengatur kotak sederhana dan cara membuat bentuk utama menggunakan alat dasar dan teknik pembangunan bentuk vektor bersama dengan fitur Live Corners (atau script Round Any Corner).

Mengambil keuntungan penuh dari panel Penampilan, Anda akan belajar cara membuat lembaran kertas dan cara menambahkan potongan teks atau paragraf pendek. Terakhir, Anda akan belajar cara memuat pola bawaan yang digunakan dan cara menambahkan naungan dan sorotan halus menggunakan mode blending, gradien linier dan efek dasar.

Jika Anda ingin melewati proses atau jika Anda mencari jenis desain yang berbeda, Anda dapat menemukan berbagai desain letter to Santa di Envato Market.

1. Buat dokumen baru dan atur kotak

Tekan Control-N untuk membuat dokumen baru Memilih piksel dari menu drop-down unit, masukan 600 ke kotak lebar dan tinggi, dan kemudian klik pada tombol Advanced. Pilih RGB, Screen (72ppi) dan pastikan kotak Align New Objects to Pixel Grid tidak dicentang sebelum Anda mengklik OK.

Aktifkan Kotak (View > Show Grid) dan Snap ke Kotak (View > Snap to Grid). Sebagai permulaan Anda akan membutuhkan kisi setiap 5 px, jadi cukup buka Edit > Preferences > Guides > Grid, masukkan 5 di Gridline setiap kotak dan 1 di kotak Subdivisi. Cobalah untuk tidak berkecil hati oleh semua grid itu — itu akan membuat pekerjaan Anda lebih mudah, dan perlu diingat bahwa Anda dapat dengan mudah mengaktifkan atau menonaktifkannya menggunakan pintasan keyboard Control- '.

Anda juga harus membuka panel Info (Window > Info) untuk melihat pratinjau langsung dengan ukuran dan posisi bentuk Anda. Jangan lupa untuk mengatur satuan pengukuran ke piksel dari Edit > Preferensi > Unit > Umum. Semua pilihan ini secara signifikan akan meningkatkan kecepatan kerja Anda.

setup grid

2. Buat kotak merah

Langkah 1

Pilih Rectangle Tool (M) dan fokus pada Toolbar Anda. Hapus warna dari goresan lalu pilih isi dan atur warnanya pada R = 211 G = 45 B = 47. Pindah ke artboard Anda dan cukup buat persegi panjang 240 x 250 px — kisi dan fitur Snap to Grid akan membuat pekerjaan Anda lebih mudah.

Pastikan bahwa persegi panjang merah ini tetap dipilih, pilih Add Anchor Point Tool (+) dan gunakan tombol klik untuk hanya menambahkan dua titik jangkar seperti yang ditunjukkan pada gambar berikut.

red rectangle

Langkah 2

Pilih persegi panjang merah Anda dan fokus di sisi atas. Pilih Direct Selection Tool (-), pilih anchor point kiri dan cukup seret 120 px ke kanan.

Tetap fokus pada sisi atas bentuk merah Anda, beralih ke Delete Anchor Point Tool (-) dan klik anchor point kanan untuk menghapusnya dengan mudah. Pada akhirnya bentuk merah Anda akan terlihat seperti pada gambar kedua.

move and remove anchor point

Langkah 3

Tetap fokus pada bentuk merah Anda dan pastikan Direct Selection Tool (A) aktif. Pilih tiga titik jangkar yang disorot oleh lingkaran hitam pada gambar berikut, pindah ke bilah opsi dan cukup masukkan 10px di kotak sudut.

Kembali ke bentuk Anda dan pilih dua titik jangkar yang disorot oleh lingkaran biru pada gambar berikut. Kembali ke bilah opsi dan kali ini masukkan 20 px dalam kotak sudut itu.

Fitur Live Corners hanya tersedia untuk pengguna CC. Solusi terbaik untuk mengganti efek ini adalah script Round Any Corner yang dapat ditemukan dalam artikel ini: 20 Script Adobe Illustrator Gratis dan Berguna. Simpan ke hard drive Anda, kembali ke Illustrator dan pastikan Direct Selection Tool (A) aktif. Pilih titik jangkar sebagaimana disebutkan dalam langkah sebelumnya dan pergi ke File > Script > Script Lainnya. Buka Script Round Any Corner, masukkan nilai dari kotak Corners dan klik OK. Hasil akhirnya mungkin terlihat sedikit berbeda, jadi jangan ragu untuk menambah / mengurangi nilai Radius jika Anda merasa itu diperlukan. Pada akhirnya bentuk Anda merah akan terlihat seperti pada gambar berikut.

live corners

3. buat bentuk kuning

Langkah 1

Menggunakan Rectangle Tool (M), membuat bentuk 240 x 160 px, mengisinya dengan R = 255 g = 200 B = 0 dan tempat itu persis seperti yang ditunjukkan pada gambar pertama.

Pastikan bentuk kuning ini tetap dipilih, fokus di sisi atas, pilih Add Anchor Point Tool (+) dan tambahkan anchor point baru seperti yang ditunjukkan pada gambar pertama.

Beralih ke Direct Selection Tool (A), pilih anchor point yang baru ditambahkan dan cukup seret ke bawah 90 px. Pada akhirnya bentuk kuning Anda akan terlihat seperti pada gambar kedua.

yellow shape

Langkah 2

Pilih kembali bentuk merah Anda dan buat salinan di depan menggunakan pintasan keyboard Control-C > Control-F. Pilih salinan ini bersama dengan bentuk kuning Anda, buka Pathfinder panel (jendela > Pathfinder) dan klik tombol berpotongan.

intersect

4. Tambahkan Shading dan Sorotan ke Bentuk Kuning Anda

Langkah 1

Pilih kembali bentuk merah Anda dan buat salinan baru di depan (Control-C > Control-F). Pastikan bentuk kuning Anda dipilih dan pergi ke Object > Path > Offset Path. Masukkan 1 px Offset dan kemudian klik tombol OK. Pilih ini bentuk bersama dengan salinan yang dibuat di awal langkah yang baru dibuat, lalu klik tombol Intersect dari Pathfinder panel.

Pastikan bahwa yang dihasilkan bentuk tetap yang dipilih dan fokus pada panel Appearance (Window > Appearance). Menggantikan yang ada mengisi warna dengan hitam (R=0 G=0 B=0) dan kemudian klik "Opacity" sepotong teks untuk membuka panel terbang-keluar transparansi. Menurunkan Opacity sampai 10% dan Anda harus berakhir dengan menyorot halus seperti ditunjukkan pada gambar ketiga.

offset path

Langkah 2

Pilih kembali bentuk merah Anda dan buat salinan baru di depan (Control-C > kontrol-F). Membuat yakin bahwa bentuk kuning Anda dipilih dan pergi lagi ke Object> Path> Offset Path. Masukkan 3 px Offset dan kemudian klik tombol OK. Pilih ini baru dibuat bentuk bersama dengan salinan yang dibuat di awal langkah dan klik tombol Intersect dari Pathfinder panel.

Pastikan bentuk yang dihasilkan tetap dipilih dan fokus pada panel Penampilan. Ganti warna isian yang ada dengan hitam dan sesuaikan persentase Opacity menjadi 5%.

offset path

Langkah 3

Untuk langkah ini Anda akan perlu grid setiap 1 px, jadi pergi ke Edit > preferensi > Guides & Grid dan masukkan 1 di Gridline setiap kotak.

Menggunakan Rectangle Tool (M), membuat bentuk 288 x 108 px dan tempat persis seperti yang ditunjukkan pada gambar pertama. Sekali lagi, grid dan Snap to Grid fitur akan membuat segalanya lebih mudah bagi Anda. Pastikan bahwa bentuk baru ini tetap dipilih dan fokus pada panel penampilan.

Pastikan tidak ada warna yang diatur untuk isian, dan kemudian pilih goresannya. Mengatur warna R=57 G=181 B=74 dan kemudian klik "Stroke" sepotong teks untuk membuka panel terbang-out Stroke. Naikkan Tebal ke 6 px, dan jangan lupa untuk memeriksa tombol Align Stroke to Outside.

Fokus pada sisi bawah persegi panjang yang dibuat pada langkah ini dan beralih ke Direct Selection Tool (A). Pilih kedua titik jangkar dan pergi ke Object> Path> Average (atau cukup tekan Alt-Control-J). Centang kedua kotak dan kemudian klik tombol OK. Ini harus menjadi persegi panjang Anda segitiga sederhana seperti ditunjukkan pada gambar kedua.

green outline

Langkah 4

Pastikan bahwa bentuk kuning Anda dipilih dan membuat salinan di depan (Control-C > kontrol-F). Pilih kembali segitiga Anda dan pergi ke Object> Path> Outline Stroke. Pilih bentuk dihasilkan bersama dengan salinan bentuk kuning Anda dan klik tombol Intersect dari Pathfinder panel.

Pastikan bentuk yang dihasilkan tetap dipilih dan fokus pada panel Penampilan. Ganti warna isian yang ada dengan hitam, turunkan Opacity menjadi 20% dan ubah Blending Mode ke Soft Light.

intersect

Langkah 5

Nonaktifkan Grid (Control- ") dan Snap to Grid (Shift-Control-") dan kemudian pergi ke Edit> Preferences> General dan pastikan bahwa Peningkatan Keyboard diatur ke 1 px.

Memilih ulang bentuk kuning Anda dan membuat dua salinan di depan (Control-C > Control-F > Control-F). Pilih salinan atas dan pindahkan ke bawah 1 px menggunakan tombol panah ke bawah dari keyboard Anda.

Pilih kembali kedua salinan yang dibuat pada langkah ini dan klik tombol Minus Front dari panel Pathfinder. Mengisi bentuk dihasilkan dengan hitam, menurunkan Opacity yang 30% dan mengubah Blending Mode untuk Soft Light.

shading

Langkah 6

Pilih kembali bentuk kuning Anda, buat salinan di depan (Control-C> Control-F) dan pindahkan ke bawah 1 px. Pastikan bahwa salinan baru ini dipilih dan duplikat (Control-C > Control-F). Pilih salinan baru ini dan pindahkan ke bawah 1 px.

Pilih kembali kedua salinan yang dibuat pada langkah ini dan klik tombol Minus Front dari panel Pathfinder. Isi bentuk yang dihasilkan dengan gradien linier yang ditunjukkan pada gambar berikut, turunkan Opacity menjadi 70%, dan ubah Blending Mode ke Soft Light.

Ingatlah bahwa angka kuning dari gambar Gradient adalah persentase Opacity, sedangkan yang biru berarti persentase Lokasi.

highlight

5. buat bentuk biru

Langkah 1

Mengaktifkan Grid (Control-") dan Snap untuk Grid (Shift - Control-"). Kembali ke gridline setiap 5 px, jadi cukup buka Edit > Preferences > Guides & Grid dan masukkan 5 di Gridline setiap kotak.

Dengan menggunakan Rectangle Tool (M), buat bentuk 240 x 90 px, isi dengan R = 39 G = 170 B = 225 dan tempatkan persis seperti yang ditunjukkan pada gambar pertama.

Pastikan bentuk biru ini tetap dipilih dan fokus di sisi atas. Pilih Direct Selection Tool (-), pilih anchor point kiri dan cukup seret 120 px ke kanan. Tetap fokus pada sisi atas bentuk biru Anda, beralih ke Delete Anchor Point Tool (-) dan hapus anchor point kanan.

Pilih kembali Direct Selection Tool (A) dan pilih titik jangkar atas itu. Pindah ke bilah opsi dan masukkan 10 px di kotak sudut itu. Pada akhirnya bentuk biru Anda akan terlihat seperti pada gambar ketiga.

blue shape

Langkah 2

Pilih kembali bentuk merah Anda dan buat salinan di depan (Control-C> Control-F). Pilih salinan ini bersama dengan bentuk biru Anda dan klik tombol Intersect dari panel Pathfinder.

rounded corner

6. Tambahkan Shading dan Sorotan ke Bentuk Biru Anda

Langkah 1

Pilih kembali bentuk merah Anda dan buat salinan di depan (Control-C > Control-F). Pastikan bahwa bentuk biru Anda dipilih dan pergi ke Object> Path> Offset Path. Masukkan 1 px Offset dan kemudian klik tombol OK.

Pilih bentuk yang baru dibuat ini bersama dengan salinan bentuk merah Anda dan klik tombol Intersect dari panel Pathfinder. Mengisi bentuk dihasilkan dengan hitam, dan menurunkan Opacity nya 3%.

offset path

Langkah 2

Pilih kembali bentuk merah Anda dan buat salinan baru di depan (Control-C> Control-F). Pastikan bentuk biru Anda dipilih dan kembali ke Object> Path> Offset Path. Masukkan 3 px Offset dan kemudian klik tombol OK.

Pilih bentuk yang baru dibuat ini bersama dengan salinan bentuk merah Anda dan klik tombol Intersect dari panel Pathfinder. Isi bentuk yang dihasilkan dengan hitam, dan turunkan Opacity menjadi 3%.

offset path

Langkah 3

Menonaktifkan Grid (Control-") dan Snap untuk Grid (Shift - Control-").

Pastikan bentuk biru Anda dipilih dan buat dua salinan di depan (Control-C > Control-F > Control-F). Pilih salinan atas dan pindahkan ke bawah 1 px menggunakan tombol panah bawah yang sama. Pilih kembali kedua salinan yang dibuat pada langkah ini dan klik tombol Minus Front dari panel Pathfinder. Isi bentuk yang dihasilkan dengan warna putih (R = 255 G = 255 B = 255), turunkan Opacity menjadi 30% dan ubah Blending Mode ke Soft Light.

highlight

Langkah 4

Mengaktifkan Grid (Control-") dan Snap untuk Grid (Shift - Control-").

Memilih ulang bentuk biru Anda dan membuat salinan di depan (Control-C > Control-F). Pilih salinan ini dan cukup seret ke bawah 10 px. Pastikan itu tetap dipilih dan fokus pada panel Appearance.

Hapus warna dari isian dan kemudian pilih stroke.panel. Mengatur warna R = 0 G = 148 B = 68 dan kemudian membuka panel fly-out Stroke. Tambah Berat ke 6 px dan periksa tombol Align Stroke to Inside.

green outline

Langkah 5

Pilih bentuk biru Anda dan buat salinan di depan (Control-C> Control-F) dan kemudian pilih bentuk dengan outline hijau dan pergi ke Object> Path> Outline Stroke. Pilih bentuk yang dihasilkan bersama dengan salinan yang dibuat di awal langkah dan klik tombol Intersect dari panel Pathfinder.

Isi bentuk yang dihasilkan dengan warna hitam, turunkan Opacity menjadi 20% dan ubah Blending Mode ke Soft Light.

intersect

7. Buat secarik kertas dan menambahkan beberapa teks

Langkah 1

Menggunakan Rectangle Tool (M), buat bentuk 190 x 140 px, isi dengan R = 250 G = 250 B = 240 dan tempatkan persis seperti yang ditunjukkan pada gambar berikut.

Pastikan bentuk baru ini tetap dipilih dan fokus pada panel Penampilan. Pilih isi yang ada dan pergi ke Efek > Stylize > Inner Glow. Masukkan atribut yang ditunjukkan di bawah ini dan kemudian klik tombol OK.

paper sheet

Langkah 2

Pastikan persegi panjang Anda tetap dipilih, fokus pada panel Appearance dan tambahkan fill kedua menggunakan tombol Add New Fill.

Pilih isi baru ini, ubah Blending Mode ke Soft Light dan ganti warna yang ada dengan gradien linier yang ditunjukkan di bawah ini. Ingat bahwa nol kuning dari gambar Gradient adalah persentase Opacity.

second fill

Langkah 3

Pastikan bahwa persegi panjang Anda masih dipilih, tetap fokus pada panel Appearance, dan pilih stroke yang ada.

Ganti warna yang ada dengan gradien linier yang ditunjukkan di bawah ini, turunkan Opacity menjadi 50%, ubah Blending Mode ke Soft Light dan kemudian buka panel fly-out Stroke. Pastikan Berat diatur ke 1 px dan kemudian centang tombol Align Stroke to Inside.

stroke gradient

Langkah 4

Pastikan bahwa persegi panjang Anda masih dipilih, tetap fokus pada panel Appearance, dan tambahkan stroke kedua menggunakan tombol Add New Stroke.

Pilih goresan baru ini, ganti warna yang ada dengan gradien linier yang ditunjukkan di bawah ini, ubah Blending Mode ke Soft Light dan kemudian buka panel fly-out Stroke. Pastikan Berat diatur ke 1 px dan kemudian centang tombol Align Stroke to Inside.

second stroke

Langkah 5

Pastikan bahwa persegi panjang Anda masih dipilih, tetap fokus pada panel Appearance, dan tambahkan stroke ketiga menggunakan tombol Add New Stroke yang sama.

Pilih stroke baru ini, atur warnanya menjadi hitam, turunkan Opacity menjadi 2% dan kemudian buka panel fly-out Stroke. Pastikan Berat diatur ke 1 px dan kemudian centang tombol Align Stroke to Outside.

third stroke

Langkah 6

Pastikan bahwa persegi panjang Anda masih dipilih dan tetap fokus pada panel Appearance.

Cukup klik bagian "Path" teks dari bagian atas panel untuk memilih seluruh jalur Anda, dan kemudian pergi ke Effect> Stylize> Round Corners. Masukkan Radius 5 px dan kemudian klik tombol OK.

rounded corners

Langkah 7

Pilih Type Tool (T) dan buka panel Character (Window> Type> Character).

Cukup klik pada artboard Anda dan tambahkan potongan "Dear Santa". Atur warnanya ke R = 38 G = 34 B = 98 dan gunakan font yang berumur 5 tahun dengan ukuran yang diatur ke 15 px.

text

Langkah 8

Pastikan bahwa Type Tool (T) masih aktif, dan cukup klik dan seret untuk membuat kotak teks seperti yang ditunjukkan pada gambar berikut. Tambahkan paragraf Anda seperti yang ditunjukkan pada gambar kedua. Menggunakan font yang sama dan warna yang disebutkan di langkah sebelumnya, tetapi mengurangi ukuran 10 px.

paragraph

Langkah 9

Pilih kembali dua lembar teks Anda bersama dengan persegi panjang yang membentuk lembaran kertas, dan Kelompokkan mereka menggunakan pintasan keyboard Control-G.

Pastikan bahwa grup baru ini dipilih, dan kirimkan kembali menggunakan tombol pintas Shift-Control-[ keyboard. Pilih bentuk Anda merah dan mengirimkannya kembali menggunakan cara pintas keyboard yang sama. Pada akhirnya hal-hal akan terlihat seperti pada gambar ketiga.

group

8. membuat bentuk latar belakang

Langkah 1

Menggunakan Rectangle Tool (M), buat persegi 610 px dan isi dengan R = 255 G = 232 B = 217. Pastikan itu menutupi seluruh artboard Anda, dan jangan lupa untuk mengirimnya kembali (Shift-Control-[).

background

Langkah 2

Pastikan kotak Anda tetap dipilih, fokus pada panel Appearance dan tambahkan fill kedua menggunakan tombol Add New Fill yang sama.

Anda akan memerlukan pola bawaan untuk isian baru ini, jadi buka panel Swatch (Window > Swatches), buka menu fly-out dan buka Open Swatch Library > Patterns > Basic Graphics > Basic Graphics_Textures. Jendela baru dengan satu set pola built-in akan terbuka. Pastikan isian yang ditambahkan di awal tutorial masih dipilih, ubah Blending Mode menjadi Overlay dan kemudian cukup tambahkan pola "Pasir" dari set itu.

Merasa bebas untuk menggunakan pola yang berbeda dari built-in set, atau mencoba beberapa patterns dari paket yang tersedia di Envato Market.

pattern

9. Tambahkan Shading dan menyoroti untuk bentuk Anda merah

Langkah 1

Pilih bentuk merah Anda dan fokus pada panel Penampilan. Pertama, pilih isian dan ganti warna yang ada dengan R = 191 G = 25 B = 27, lalu tambahkan isian kedua. Pilih dan cukup tambahkan gradient linier yang ditunjukkan di bawah ini.

linear gradient

Langkah 2

Pastikan bentuk merah Anda tetap dipilih, fokus pada panel Appearance dan pilih stroke yang ada.

Ganti warna yang ada dengan putih, turunkan Opacity menjadi 30%, ubah Blending Mode ke Soft Light dan kemudian buka panel fly-out Stroke. Tambah Berat ke 6 px dan periksa tombol Align Stroke to Inside.

white stroke

Langkah 3

Pastikan bentuk merah Anda tetap dipilih, tetap fokus pada panel Appearance, pilih stroke yang ada dan duplikat menggunakan tombol Duplicate Selected Item.

Pilih stroke yang baru ditambahkan, tingkatkan Opacity menjadi 50% dan kurangi Berat ke 1 px.

white stroke

Langkah 4

Pastikan bentuk merah Anda tetap dipilih, tetap fokus pada panel Appearance dan tambahkan stroke ketiga menggunakan tombol Add New Stroke yang sama.

Pilih stroke baru ini, ganti warna yang ada dengan hitam, turunkan Opacity menjadi 5% dan kemudian buka panel fly-out Stroke. Pastikan Berat diatur ke 1 px dan periksa tombol Align Stroke to Outside.

black stroke

Langkah 5

Pastikan bahwa bentuk Anda merah tetap dipilih dan tetap berfokus pada panel penampilan.

Pilih isi merah bawah dan pergi ke Efek > Stylize > Drop Shadow. Masukkan atribut yang ditunjukkan di jendela kiri atas (pada gambar berikut), klik tombol OK, dan kemudian tambahkan empat efek Drop Shadow lainnya yang ditunjukkan di bawah ini.

drop shadow

10. membuat beberapa penyesuaian akhir untuk bentuk Anda biru dan kuning

Langkah 1

Pilih bentuk kuning Anda dan ganti kuning itu dengan R = 211 G = 45 B = 47.

change color

Langkah 2

Pilih bentuk biru Anda dan fokus pada panel Penampilan. Pertama, pilih isian dan ganti warna yang ada dengan R = 221 G = 55 B = 57, lalu tambahkan isian kedua. Pilih isian baru ini, ubah Blending Mode menjadi Soft Light, dan kemudian tambahkan gradien linier yang ditunjukkan di bawah ini.

change color

Selamat! Anda selesai!

Berikut ini tampilannya Jangan ragu untuk memperkaya ilustrasi terakhir Anda dengan stempel yang rapi atau beberapa dekorasi Natal dari Envato Market. Saya harap Anda menikmati tutorial ini dan dapat menerapkan teknik ini di proyek Anda di masa depan.

final
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.