PK UNY SMK Negeri 1 Kebumen 19/07/2020

Tahun 2020

GAMBAR DAN TEKS

BERBASIS VEKTOR
Kelas XI Multimedia

@ilham_arp Desain Grafis Percetakan

 PK UNY SMK Negeri 1 Kebumen 19/07/2020
Tahun 2020

Pengertian Gambar Vektor

• Gambar Vektor merupakan gambar digital yang berbasiskan
persamaan perhitungan matematis.
• Gambar vektor menggabungkan titik dan garis yang membentuk
suatu objek, sehingga gambar tidak menjadi pecah biarpun
diperbesar atau diperkecil tidak seperti gambar bitmap

@ilham_arp Desain Grafis Percetakan

 PK UNY SMK Negeri 1 Kebumen 19/07/2020
Tahun 2020

Format Gambar Vektor

@ilham_arp Desain Grafis Percetakan

 PK UNY SMK Negeri 1 Kebumen 19/07/2020
Tahun 2020

Aplikasi Pengolah Gambar Vektor

Corel Draw Adobe Macromedia Inkscape

Illustrator Freehand

@ilham_arp Desain Grafis Percetakan

 PK UNY SMK Negeri 1 Kebumen 19/07/2020
Tahun 2020

Teknik Menggabungkan Gambar

dan Teks Berbasis Vektor

@ilham_arp Desain Grafis Percetakan

 PK UNY SMK Negeri 1 Kebumen 19/07/2020
Tahun 2020

Teknik Menggabungkan Gambar dan Teks Berbasis Vektor

• Memperhatikan kontras warna antara teks dan gambar

• Memilih gambar yang menyediakan ruang teks
• Memperhatikan banyaknya warna dalam gambar yang digunakan
• Memanfaatkan warna disekitar background
• Berusaha menarik minat pembaca dengan memilih kedua elemen yang tepat

@ilham_arp Desain Grafis Percetakan

 PK UNY SMK Negeri 1 Kebumen 19/07/2020
Tahun 2020

Teknik Menggabungkan Gambar dan Teks Berbasis Vektor

• Buka aplikasi adobe illustrator

• Klik “file” kemudian “new” untuk membuat file baru, selanjutnya

pilih ukuran artboard, klik “create”

@ilham_arp Desain Grafis Percetakan

 PK UNY SMK Negeri 1 Kebumen 19/07/2020
Tahun 2020

Teknik Menggabungkan Gambar dan Teks Berbasis Vektor

• Klik “file” kemudian “place”, akan muncul explorer untuk mencari

gambar yang akan dimasukkan kedalam illustrator.
• Pilih gambar kemudian klik “place”

@ilham_arp Desain Grafis Percetakan

 PK UNY SMK Negeri 1 Kebumen 19/07/2020
Tahun 2020

Teknik Menggabungkan Gambar dan Teks Berbasis Vektor

• Klik “Type tool” pada tollbar untuk membuat teks, kemudian pilih
font yang kalian inginkan.
• Sesuaikan ukuran font dengan gambar yang ingin kalian Masking.

@ilham_arp Desain Grafis Percetakan

 PK UNY SMK Negeri 1 Kebumen 19/07/2020
Tahun 2020

Teknik Menggabungkan Gambar dan Teks Berbasis Vektor

• Ubah teks menjadi outline dengan cara klik kanan mouse pada
teks, kemudian klik “create outlines”

@ilham_arp Desain Grafis Percetakan

 PK UNY SMK Negeri 1 Kebumen 19/07/2020
Tahun 2020

Teknik Menggabungkan Gambar dan Teks Berbasis Vektor

• Ubah teks menjadi outline dengan cara klik kanan mouse pada
teks, kemudian klik “create outlines”
• Atur ketebalan teks pada bagian Opacity, agar gambar tidak
tertutup

@ilham_arp Desain Grafis Percetakan

 PK UNY SMK Negeri 1 Kebumen 19/07/2020
Tahun 2020

Teknik Menggabungkan Gambar dan Teks Berbasis Vektor

• Masking menggunakan “pen tool” pada bagian kepala dan kaki

untuk menambahkan efek timbul.

@ilham_arp Desain Grafis Percetakan

 PK UNY SMK Negeri 1 Kebumen 19/07/2020
Tahun 2020

Teknik Menggabungkan Gambar dan Teks Berbasis Vektor

• Select semua object menggunakan “selection tool” kecuali

gambar yang akan dimasking.
• Selanjutnya klik “unite” pada pathfinder untuk menyatukan object.

@ilham_arp Desain Grafis Percetakan

 PK UNY SMK Negeri 1 Kebumen 19/07/2020
Tahun 2020

Teknik Menggabungkan Gambar dan Teks Berbasis Vektor

• Klik “Object” pada menu bar, pilih “compound path” dan “make”

@ilham_arp Desain Grafis Percetakan

 PK UNY SMK Negeri 1 Kebumen 19/07/2020
Tahun 2020

Teknik Menggabungkan Gambar dan Teks Berbasis Vektor

• Select kedua object kemudian klik kanan pada mouse, dan klik
“make clipping mask”

@ilham_arp Desain Grafis Percetakan

 PK UNY SMK Negeri 1 Kebumen 19/07/2020
Tahun 2020

Teknik Menggabungkan Gambar dan Teks Berbasis Vektor

• Maka gambar akan menjadi seperti di bawah ini.

@ilham_arp Desain Grafis Percetakan

 PK UNY SMK Negeri 1 Kebumen 19/07/2020
Tahun 2020

@ilham_arp Desain Grafis Percetakan

 PK UNY SMK Negeri 1 Kebumen 19/07/2020
Tahun 2020

REFERENSI
• Cahyo Hakim, Frestika, 2019. Slideplayer. [Online] Available at:
https://slideplayer.info/slide/17540164/ [Diakses 22 Agustus 2020].

@ilham_arp Desain Grafis Percetakan