icon logo techsains.com TechSains

🚀 Informasi Teknologi dan Astronautika

  • Astronautika
  • Teknologi
  • Tutorial
  • Komputer
  • Pertanian
  • Retail
  • Travel
  • Otomotif
  1. Home
  2. Tutorial
  3. Desain
3 Cara Membuat Stroke di Adobe Illustrator dengan Mudah
  • 13 Juni 2021
  • 38.17 K
  • Andy. H. Nst
  • Gambar Oleh : www.techsains.com

3 Cara Membuat Stroke di Adobe Illustrator dengan Mudah

Stroke atau Outline merupakan efek tambahan untuk memberikan garis tepi (border) pada sebuah objek gambar maupun text pada Adobe Illustrator.

Dalam desain, stroke dapat berguna untuk menambahkan efek timbul, bayangan, dan juga bisa mengambil bentuk bingkai pada objek. Sehingga hasil desain menjadi lebih menarik dan bergaya.

Berikut ini adalah cara membuat stroke beserta langkah-langkahnya.

Daftar isi
  • Cara Membuat Stroke di Teks
  • Cara Membuat Stroke di Objek
  • Cara Membuat Shadow dengan Stroke

Cara Membuat Stroke di Teks

Stroke dapat dibuat dengan objek apapun seperto shape, path maupun teks, kali ini kita akan membuat stroke pada teks dengan langkah mudah.

  1. Buat teks terlebih dahulu dengan memilih "T" (Type Tool) pada bar workspace di sebelah kiri.
  2. Klik dan drag pada kanvas untuk membentuk bidang ketik, lalu ketikkan teks. Contoh disini kita mengetikkan teks "SEMANGKABLOG"

cara membuat stroke adobe illustrator 1

  1. Kamu dapat membuat teks dengan gaya dan ukuran font berbeda sesuai selera. Perhatikan di panel workspace sebelah kanan ada tab Appearance ada 2 pilihan Fill dan Stroke
  2. Kita akan memberi teks dengan warna oranye dengan stroke warna hitam. Caranya cukup mudah, klik dan block teks lalu pilih Fill lalu pilih warna oranye.
  3. Selanjutnya pilih Stroke warna hitam, disini kita akan memilih stroke dengan ketebalan 10 points.

cara membuat stroke adobe illustrator 2

Tips : Kamu dapat mengatur opasitas (kecerahan), warna stroke, dan ketebalan stroke sesuai kebutuhan. Sebaiknya gunakan perbedaan warna yang kontras antara Fill dan Stroke agar tampilan desain menjadi lebih menarik.

Cara Membuat Stroke di Objek

Prinsip kerja pembuatan stroke sebenarnya hampir sama dengan teks, langkahnya sebagai berikut

  1. Kita akan membuat objek, bisa dengan menggunakan ellipse tool, rectangle tool atau star tool untuk menciptakan objek lingkaran, persegi atau bintang. Untuk objek khusus, kamu dapat membuat dengan menggaris path dengan Pen Tool.
  2. Disini kita akan menciptakan objek dengan path misalnya seperti gambar dibawah ini.

cara membuat objek dengan path adobe illustrator

  1. Kemudian pilih warna Fill berwarna biru muda, dan Stroke berwarna biru tua. Ketebalan stroke disini kita buat sebesar 10 points.
  2. Kamu dapat menambahkan beberapa objek lainnya dengan metode yang sama, disini kita menambahkan juga dua lingkaran dengan Ellipse Tool, lalu menambahkan Fill berwarna putih dan Stroke berwarna biru tua.

membuat objek dan stroke dengan adobe illustrator

Cara Membuat Shadow dengan Stroke

Adakalanya kita memerlukan stroke untuk menciptakan efek khusus. Ini bisa digunakan untuk menciptakan efek bayangan (shadow) pada objek.

Misalnya pada tutorial ini kita akan membuat efek bayangan dengan menggunakan stroke dari sebuah teks lalu menciptakan efek bayangan.

  1. Pertama-tama kita akan membuat teks, lalu membuat Fill pada teks tersebut dengan warna putih, kemudian kita memberi Stroke dengan warna hitam sebesar 10 points.
  2. Cara membuatnya seperti gambar dibawah ini

membuat stroke pada teks adobe illustrator

  1. Lalu kita akan menduplikasi objek tersebut dengan cara memilih selection tool lalu menekan tombol alt + drag untuk membuat objek kedua.
  2. Selanjutnya pada objek kedua kita akan menerapkan ukuran stroke yang lebih besar misalnya 14 points, lalu membuat Fill dan Stroke berwarna biru muda.
  3. Kemudian pindahkan objek kedua yang telah diduplikasi tadi pada pada objek pertama.
  4. Pindahkan objek kebelakang objek pertama dengan memilih arrange lalu pilih send to back
  5. Caranya sebagai berikut

membuat bayangan dengan stroke adobe illustrator

  1. Selesai.

Semoga artikel ini dapat membantu kamu ya. Selamat mencoba! 🙂

Rekomendasi artikel menarik untuk dibaca
💻 3 Cara membuat Garis di Photoshop, Dijamin Bisa!
💻 Cara membuat struktur organisasi keren di Adobe Photoshop


Yuk share artikel ini

  • # Bagikan ke Twitter
  • # Bagikan ke Facebook
  • # Bagikan ke WhatsApp
  • # Bagikan ke Pinterest

Artikel Terkait

Jasa Desain Rumah Minimalis: Bikin Mudah Bangun Rumah
Jasa Desain Rumah Minimalis: Bikin Mudah Bangun Rumah
26 Mei 2023
Cara Meningkatkan Resolusi Gambar di Photoshop
Cara Meningkatkan Resolusi Gambar di Photoshop
12 Agustus 2022
Cara Upgrade RAM dan SSD di Laptop Asus Vivobook A412D
Cara Upgrade RAM dan SSD di Laptop Asus Vivobook A412D
25 Juli 2022
Cara Upgrade Laptop Kentang, Performa Jadi Kencang
Cara Upgrade Laptop Kentang, Performa Jadi Kencang
24 Juni 2022
Cara Mencari dan Menghapus Email Lama di Gmail
Cara Mencari dan Menghapus Email Lama di Gmail
21 Juni 2022
Cara Mengetahui Komputer Sedang Menggunakan Server Proxy
Cara Mengetahui Komputer Sedang Menggunakan Server Proxy
30 Mei 2022
Cara Menyambung Kabel Serat Optik yang Terputus
Cara Menyambung Kabel Serat Optik yang Terputus
28 Mei 2022
Cara Memasang Processor Komputer (PC)
Cara Memasang Processor Komputer (PC)
14 Desember 2021
3 Cara Share Internet Dari HP Ke PC atau Laptop
3 Cara Share Internet Dari HP Ke PC atau Laptop
09 September 2021
Cara Mengganti Baterai UPS Komputer Tidak Bisa Ngecas
Cara Mengganti Baterai UPS Komputer Tidak Bisa Ngecas
25 Agustus 2021

Tentang Kami

TechSains adalah Website blog yang membahas berita Astronautika dan Teknologi, dan ulasan menarik seputar, luar angkasa, SpaceX, komputer, tutorial, retail, pertanian, kelapa sawit

Lebih Lanjut ...

Informasi Situs

Kontak
Disclaimer
Sitemap
Privacy
DMCA.com Protection Status
Protected by Copyscape
Seedbacklink

© 2021 TechSains. All Rights Reserved