GRAPHIC DESIGN
Booklet Desain Grafis untuk Mahasiswa Baru Teknologi Pendidikan
TIM PENYUSUN
Penulis
Sitta Zahara Penelaah Materi
Yuniarti Rahayu, S.Ikom., M.Ds Desain Grafis & Layout
Sitta Zahara CopyrightŠ 2020
Dilarang menjiplak, memperbanyak dan mengutip sebagian atau seluruh buku ini tanpa izin dari penulis.
Hai! Salam Kenal Puji syukur saya panjatkan kepada Allah SWT yang telah memberikan saya cukup waktu untuk menyelesaikan booklet “Graphic Design 101”. Ungkapan Terima Kasih saya sampaikan kepada seluruh dosen-dosen Jurusan Teknologi Pendidikan Universitas Negeri Jakarta, dan khususnya untuk Bapak Cecep Kustandi, M.pd selaku dosen pembimbing satu saya dan Ibu Diana Ariani, M.pd selaku dosen pembimbing dua yang telah membantu saya dalam penyusunan booklet ini. Terakhir saya dedikasikan segala daya dan upaya kepada kedua orang tua saya, yang telah menuntun saya hingga sampai tahap ini.
Selamat/Sukses
Sitta Zahara
KATA PENGANTAR
Booklet “Graphic Design 101” diharapkan dapat membantu mahasiswa baru Teknologi Pendidikan Universitas Negeri Jakarta dalam menempuh mata kuliah media yang memerlukan kemampuan dalam mendesain sebuah visual. Dalam booklet ini dilengkapi kode QR yang tersambung pada video tutorial dan prinsip dalam mendesain grafis yang dapat membantu mahasiswa dalam belajar secara teknis.
Mahasiswa Teknologi Pendidikan dengan Desain Grafis
1
Aplikasi Pendukung Desain Grafis
4
Aplikasi Offline
5
Aplikasi Online
22
DAFTAR ISI
Prinsip Dalam Mendesain Grafis
28
Urutan (Sequence)
30
Penekanan (Emphasis)
32
Keseimbangan (Balance)
34
Kesatuan (Unity)
36
Daftar Pustaka
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidikan
39
1
Mahasiswa Teknologi Pendidikan dengan Desain Grafis
“
”
Kenapa Mahasiswa Teknologi Pendidikan harus belajar Desain Grafis, sih? source: https://www.pexels.com/
Ets, sebelum menjawab pertanyaan tersebut, mari kita mengkaji kembali pengertian dari Teknologi Pendidikan tahun 2004 Menurut AECT:
“
Education Technology is the study and ethical practice of facilitating learning and improving performance by creating, using, and managing appropriate tecnological processes and resources.
”
Dari pengertian Teknologi Pendidikan tahun 2004 menurut AECT, terdapat kata “facilitating learning and improving performance by creating, using, and managing” yang berarti memfasilitasi pembelajaran dan meningkatkan kinerja dengan menciptakan, menggunakan, dan mengelola bahan dan sumber untuk kebutuhan belajar. Dalam menciptakan, mengembangkan dan mengolah bahan/ sumber belajar dibutuhkan kemampuan untuk mendesain tampilan visual agar pesan yang disampaikan mudah dipahami. Saat ini kemampuan dalam mendesain tampilan visual sudah menjadi kebutuhan mahasiswa Teknologi Pendidikan. Dengan mempelajari desain grafis, kamu dapat memenuhi kemampuan prasyarat untuk mengikuti mata kuliah media seperti Belajar Berbasis Komputer, Animasi, Desain Web, Pengembangan Media Video, Desain E-Learning , dan lain-lain.
source: https://www.pexels.com/
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidikan
2
Secara khusus, desain grafis adalah keahlian menyusun dan merancang unsur visual menjadi sebuah informasi yang dapat dimengerti oleh masyarakat. Dalam penerapannya, seorang desainer grafis mempunyai kemampuan menangani konsep komunikasi grafis, merancang, dan menyelaraskan unsur yang ditampilkan dalam desain (huruf, gambar, foto, elemen grafis, dan warna) sesuai dengan tujuan komunikasi, dan mengawasi produk. Keahlian merancang unsur visual perlu dimiliki Teknolog Pendidikan. Seperti halnya desainer grafis, dalam mengembangkan bahan belajar Teknolog pendidikan perlu menangani konsep komunikasi grafis, merancang dan melaraskan unsur-unsur dalam tampilan bahan belajar sesuai dengan tujuan pembelajaran, hingga mengevaluasi bahan belajar. Hal ini diharapkan dapat berpengaruh positif dalam proses transfer informasi dalam pembelajaran.
source: https://www.pexels.com/
Alat dan Bahan Alat dan bahan yang perlu dimiliki untuk belajar desain grafis seperti berikut:
1
Laptop/Komputer yang memiliki instalasi Google Chrome, Adobe Illustartor, dan Adobe Photoshop;
2
Smartphone, untuk men-scan kode QR;
3
Jaringan Internet.
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidikan
3
Booklet “Graphic Design 101” membahas secara singkat penggunaan aplikasi dalam desain grafis dan prinsip dalam desain grafis. Materi yang dimuat, sesuai dengan kebutuhan Mahasiswa Teknologi Pendidikan sebagai prasyarat dalam mengikuti mata kuliah media. Booklet ini memanfaatkan video tutorial dari beberapa kreator platform Youtube yang disematkan pada kode QR. Booklet “Graphic Design 101” dapat digunakan secara mandiri ataupun dalam pembelajaran kelas. Dalam mempelajari materi yang ada dalam booklet, diharuskan menggunakan alat dan bahan seperti laptop, smartphone, dan lain-lain agar dapat memperlengkap kegiatan belajar. Selain itu Booklet “Graphic Design 101” mempunyai Tujuan pembelajaran sebagai berikut:
Tujuan Pembelajaran Umum Kamu dapat merancang sebuah informasi dengan menggunakan perangkat lunak desain grafis.
Tujuan Pembelajaran Khusus
1
Kamu dapat merancang desain grafis dengan aplikasi desain grafis.
2
Kamu dapat menganalisis desain grafis sesuai prinsip desain grafis
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidikan
4 source: https://www.pexels.com/
1
APLIKASI PENDUKUNG DESAIN GRAFIS
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidikan
5
source: https://www.pexels.com/
Dalam mendesain grafis, kamu dapat memulai dengan mengenal aplikasiaplikasi pendukung desain grafis. Aplikasi tersebut saat ini dapat kamu akses dengan offline dan online. Adobe Photoshop dan Adobe Illustrator adalah beberapa aplikasi offline pedukung dari perusahaan Adobe berupa software yang dapat kamu instal di laptop atau komputer. Selain itu beberapa aplikasi online yang bisa menjadi alternatif kamu dalam mendesain grafis adalah Canva dan Pixlr, aplikasi ini dapat kamu akses pada web-browser. Berikut penjelasan lengkap dari aplikasi-aplikasi pendukung desain grafis.
APLIKASI OFFLINE Aplikasi offline biasanya berupa software yang diinstal pada laptop atau personal komputer. Fitur-fitur yang tersedia dalam software desain grafis sangat lengkap, sehingga terbilang cukup mahal. Salah satu perusahaan yang mengeluarkan produk software desain grafis yaitu, Adobe Systems. Adobe photoshop dan Adobe Illustrator adalah produk unggulan dari Adobe system. Kedua software ini sering digunakan para photografer hingga desain grafis dalam memanipulasi foto, membuat logo, hingga membuat kartun. Berikut penjelasan dari penggunaan Adobe photoshop dan Adobe Illustrator.
“
�
Ada Apa Dengan Bitmap dan Vektor?
Secara tidak langsung kita sering melihat dan menyimpan gambar dengan unsur bitmap dan vektor. Unsur bitmap dapat kamu temukan dalam foto, jika kamu perbesar terdapat kumpulan kotak-kotak, kotak tersebut disebut pixel. Unsur verktor dapat kamu temukan pada gambar illustrasi yang terbentuk dari polygon, sehingga jika kamu perbesar tidak terlihat kumpulan kotak-kotak. Penggunaan aplikasi dalam mendesain grafis dapat kamu sesuaikan dengan unsur yang ingin kamu buat. Untuk lebih jelasnya kamu bisa lihat perbedaan dari bitmap dan vektor pada gambar berikut.
Vektor
Bitmap
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidikan
6
source: https://www.pexels.com/
Adobe Photoshop Adobe Photoshop adalah software desain grafis yang berorientasi pada unsur bitmap. kamu bisa melihat unsur bitmap pada foto yang diperbesar, terlihat kotakkotak kecil yang bernama pixel, dan kumpulan dari pixel disebut bitmap. Fiturfitur yang dimiliki oleh Adobe Photoshop sangat lengkap dari memanipulasi foto, membuat poster, dapat mengkobinasikan dua foto hingga lebih didalam satu frame foto, dapat menghilangkan obyek tertentu pada foto, atau memperbesar resolusi foto. Dengan Adobe photoshop kamu dapat mengelolah foto atau gambar untuk keperluan pembelajaran seperti memanipulasi gambar untuk membuat perbandingan, mempertegas gambar untuk menimbulkan penekanan dalam bahan belajar, dan lain-lain
Sebelum kamu mendesain menggunakan Adobe Photoshop, kamu dapat mengetahui cara menjalankan aplikasi dan mengenal tools dari Adobe Photoshop dengan mempelajari videovideo tutorial yang tedapat dalam Channel Youtube pada kode QR.
source: https://www.pexels.com/
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidikan
7
Kelebihan dan Kekurangan Adobe Photoshop Image Editing Color Correction
Logo Design
Photo Compositing & Retoucing
Print Publising
Special Effects & Filter
Vector Illustration Text & Vector Graphics
Software/Web/Mobile /UI Design
“ �
Ada Apa Dengan Images size?
Image size adalah ukuran artboart yang dapat diatur melalui lebar dan tinggi dengan satuan pixel. Kamu dapat mempelajari lebih lanjut dengan menonton video tutorial disamping untuk penjelasan lebih lengkap tentang menu Image size.
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidikan
8
Kemampuan Editing yang Perlu Kamu Kuasai source: google.com
source https://www.google.com/
Kamu dapat mempelajari kemampuan ini dengan mengikuti langkah-langkah sesuai video tutorial pada kode QR.
Berani Coba?
Terima Kasih Kreator!
1. Memperbesar Resolusi Foto Sering kali kamu menemukan foto yang sesuai dengan materi pembelajaran, tetapi bermasalah dengan resolusi foto. Tenang saja! kamu dapat menggunakan Adobe Photoshop dalam memperbesar resolusi foto sesuai yang kamu inginkan. Resolusi foto bisa diatur dengan memperbesar ukuran foto pada fitur Image size, Pada kolom Image size kamu dapat mengatur lebar, panjang dan resolusi foto. Tetapi perlu kamu ketahui bahwa kualitas foto tidak bisa diubah, tetapi dapat kamu memanipulasi dengan menghapus noise pada toolbar filter. Hasil manipulasi foto akan lebih lembut dari sebelumnya. Hal yang perlu kamu siapkan sebelum belajar kemampuan ini: 1. Foto yang Resolusinya rendah 2. Software Adobe Photoshop Lakukan tahapa-tahapan merubuah resolusi sesuai dengan video tutorial ya!
Upload hasil belajar kamu di google form pada bagian hasil evaluasi bab ini, perlihatkan bahwa kamu sudah dapat mengubahresolusi foto!
Berikan apresiasi kamu dengan mengunjungi akun YouTube untuk melihat video lainnya.
Booklet Design GraďŹ s Khusus Mahasiswa Teknologi Pendidikan
9
2. Mengubah Warna dari Obyek foto Saat memanipulasi foto, kamu dapat menggati warna dari salah satu obyek foto yang kamu gunakan. Kamu dapat memilih warna yang kamu inginkan. Treatment ini dapat kamu gunakan dalam mengembangkan media pembelajaran yang berupa foto seperti menjadi perbandingan dari sebelum dan sesudah, atau menjadi obyek pembeda yang akan menarik perhatian (tentu saja jika kamu menggunakan warna yang kontras). Didalam video tutorial, dijelaskan 3 teknik dalam mengubah warna dari obyek yang kamu pilih yaitu Cliping mask dan blending mode, Color replacement tool, dan hue saturation.
source https://www.google.com/
Hal yang perlu kamu siapkan sebelum belajar kemampuan ini: 1. Foto dengan obyek gambar yang ingin kamu rubah 2. Software Adobe Photoshop
Kamu dapat mempelajari kemampuan ini dengan mengikuti langkah-langkah sesuai video tutorial pada kode QR.
Lakukan tahapa-tahapan mengubah warna sesuai dengan video tutorial ya!
Wih bisakan!
Mas Aji
94.7K subscribers
Upload hasil belajar kamu di google form pada bagian hasil evaluasi bab ini, perlihatkan bahwa kamu sudah dapat mengubah warna pada obyek foto!
Comic Lincung 199K subscribers
Booklet Design GraďŹ s Khusus Mahasiswa Teknologi Pendidikan
10
source: google.com
source https://www.google.com/
Kamu dapat mempelajari kemampuan ini dengan mengikuti langkah-langkah sesuai video tutorial pada kode QR.
Ayo belajar!
Terima Kasih Kreator!
3. Body/Hair Croping Body/Hair Croping adalah teknik untuk memotong foto obyek berupa keseluruhan badan atau rambut sehingga dapat digunakan untuk keperluan tertentu. Teknik ini terbilang sulit karena perlu ketelitian yang tinggi dalam memastikan setiap helai rambut terpotong sempurna. Teknik ini dapat kamu terapkan dalam memanipulasi foto seperti mengubah background, hingga menantumkan foto seseorang dalam gambar yang berbeda. Teknik croping pada video tutorial terdiri dari dua tahapan yaitu menyeleksi tubuh dan menyeleksi rambut. tools yang digunakan adalah pen tool, kontras, levels, channel, brush, dan blur tool. Hal yang perlu kamu siapkan sebelum belajar kemampuan ini: 1. Foto seseorang dengan background yang kompleks 2. Software Adobe Photoshop Lakukan tahapa-tahapan body/hair croping sesuai dengan video tutorial ya! Upload hasil belajar kamu di google form pada bagian hasil evaluasi bab ini, perlihatkan bahwa kamu sudah dapat meng-croping tubuh/ rambut pada foto!
Berikan apresiasi kamu dengan mengunjungi akun YouTube untuk melihat video lainnya.
Booklet Design GraďŹ s Khusus Mahasiswa Teknologi Pendidikan
11
4. Menghapus Obyek Foto Kamu dapat memanipulasi foto dengan menghapus salah satu obyek foto dengan beberapa teknik dalam Adobe Photoshop. Teknik ini dapat kamu gunakan saat memanipulasi salah satu obyek yang tidak sesuai dengan informasi yang ingin kamu sampaikan dalam pembelajaran ataupun dalam diskusi tertentu. Teknik yang dijelaskan pada video tutorial adalah menggunakan masking. dengan teknik ini kamu dapat menghapus obyek dengan menyesuaikan background yang ada sehingga terlihat lebih nyata. tools yang digunakan antara lain adalah layer, rectangular marquee tool, brush, dan lain-lain.
source https://www.google.com/
Kamu dapat mempelajari kemampuan ini dengan mengikuti langkah-langkah sesuai video tutorial pada kode QR.
Keren loh!
Mas Aji
94.7K subscribers
Hal yang perlu kamu siapkan sebelum belajar kemampuan ini: 1. Foto dengan obyek yang ingin kamu hapus 2. Software Adobe Photoshop Lakukan tahapa-tahapan menghapus obyek sesuai dengan video tutorial ya! Upload hasil belajar kamu di google form pada bagian hasil evaluasi bab ini, perlihatkan bahwa kamu sudah dapat menghapus obyek foto!
Comic Lincung 199K subscribers
Booklet Design GraďŹ s Khusus Mahasiswa Teknologi Pendidikan
12
5. Mock Up
source https://www.google.com/
Kamu dapat mempelajari kemampuan ini dengan mengikuti langkah-langkah sesuai video tutorial pada kode QR.
Mulai Mahir!
Terima Kasih Kreator!
Mock up adalah salah teknik menyisipkan logo/desain dalam sebuah obyek foto yang dimaksudkan sebagai petinjau sebuah desain. Teknik ini dapat kamu terapkan dalam segala hal, seperti menempatkan logo pada buku hingga media pembelajaran, dengan ini kamu dapat memperkirakan apakah desain yang kamu buat sesuai dengan bentuk dan dimensi pada bidang yang kamu inginkan. Dalam video tutorial, membahas teknik mock up botol minum. Tools yang digunakan antara lain seperti pen tool, rectangel, fitur warp dan lain-lain. Hal yang perlu kamu siapkan sebelum belajar kemampuan ini: 1. Desain/logo yang ingin kamu tempelkan 2. Bidang/benda sebagai contoh desain mock up 3. Software Adobe Photoshop Lakukan tahapa-tahapan mock up sesuai dengan video tutorial ya! Upload hasil belajar kamu di google form pada bagian hasil evaluasi bab ini, perlihatkan bahwa kamu sudah dapat merubah resolusi foto!
Berikan apresiasi kamu dengan mengunjungi akun YouTube untuk melihat video lainnya.
Booklet Design GraďŹ s Khusus Mahasiswa Teknologi Pendidikan
13
6. Membuat Poster Adobe Photoshop mempunyai fitur-fitur pendukung untuk membuat sebuah poster. Poster yang biasa didesain pada software ini adalah yang berunsur sebuah foto. dalam mendesain sebuah poster kamu dapat memainkan elemenelemen visual dengan se-kreatif mungkin. Dalam video tutorial ini kamu akan belajar mendesain sebuah poster dengan teknik Duo Tone Mask adalah dalam satu poster memiliki warna tone yang berbeda, hingga terlihat kontras. Saat kamu mendesain poster dengan teknik ini kamu akan mengenal fitur-fitur seperti gradien map, solid color, blending mode, paint bucket tool, dan lain-lain.
source https://www.google.com/
Kamu dapat mempelajari kemampuan ini dengan mengikuti langkah-langkah sesuai video tutorial pada kode QR.
Pasti bisa!
Mas Aji
94.7K subscribers
Hal yang perlu kamu siapkan sebelum belajar kemampuan ini: 1. Foto dengan obyek gedung dengan langit yang dominan 2. Software Adobe Photoshop Lakukan tahapa-tahapan membuat poster sesuai dengan video tutorial ya! Upload hasil belajar kamu di google form pada bagian hasil evaluasi bab ini, perlihatkan bahwa kamu sudah dapat merubah resolusi foto!
Comic Lincung 199K subscribers
Booklet Design GraďŹ s Khusus Mahasiswa Teknologi Pendidikan
14
source: https://www.pexels.com/
Adobe Illustrator Adobe Illustrator adalah software desain grafis yang berorientasi pada unsur vektor, yaitu terdiri dari unsur titik atau garis yang berbentuk polygon. Hal ini yang membuat hasil gambar dari Adobe Illustrator lebih tajam. Fitur keunggulan Adobe Illustrator adalah dalam membuat bentuk, obyek, illustrasi, hingga logo menjadi lebih hidup. Kelebihan dari Adobe Illustrator antara lain seperti dapat menyimpan file berkualitas gambar tajam dengan ukuran yang kecil, warna lengkap dan halus, dapat menampilkan hasil print out grafis hampir mendekati warna saat tahap pengeditan pada layar LCD komputer, dan file Adobe Illustrator dapat terintergrasi dengan produk Adobe lainnya seperti Adobe After Effect, Adobe Indesign, dan lain-lain.
Sebelum kamu mendesain menggunakan Adobe Illustrator, kamu dapat mengetahui cara menjalankan aplikasi dan mengenal tools dari Adobe Photoshop dengan mempelajari videovideo tutorial yang tedapat dalam Channel Youtube pada kode QR.
source: https://www.pexels.com/
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidikan
15
Kelebihan dan Kekurangan Adobe Illustrator
“
Logo Design
Image Editing
Vector Illustations
Pixel Effects
Web Graphics
Books Newsletter
Motion Graphics
Video/ Audio
�
Ada Apa Dengan Jenis-Jenis Format File?
Format file sangat pempengaruhi hasil desain yang akan dipresentasikan, hal ini dipengaruhi oleh software pendukung dari format file tersebut. Ada 16 format file gambar yaitu PDF, PSD, TGA, TIFF, EPS, JPEG, PNG , PXR, RAW, GIF, BMP, PIC, IFF, PCX, DCS, dan SCT.
PSD untuk format bitmap yang biasa dipakai dalam software Adobe Photoshop, dan terakhir adalah EPS untuk format vector yang biasa digunakan dalam software Adobe Illustrator. Scan kode QR untuk mengetahui lebih jelas tentang 16 format file gambar untuk multimedia.
Format file yang perlu kamu ingat adalah JPEG yang digunakan pada gambar/foto, PNG untuk gambar/foto yang transparan, PDF untuk menyimpan file yang berukuran besar biasanya digunakan untuk produk cetak,
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidikan
16
Kemampuan yang Perlu Kamu Kuasai 1. Penggunaan Pen Tool
source https://www.google.com/
Pen tool adalah salah satu fitur terpenting dalam pembuatan obyek selain bentuk standar yang disediakan adobe illustrator. Dengan bantuan pen tool kamu dapat membuat sebuah shape atau bentuk yang kamu inginkan. Kemampuan dasar ini dapat membantu kamu dalam membuat grafis yang diperlukan untuk pembelajaran seperti pembuatan karakter kartun, membuat icon pendukung dari penjelasan materi pembelajaran, hingga membuat illustrasi seseorang. Pada tutorial ini kamu akan belajar cara menggunakan pen tool dari dasar. Tools yang sering kamu gunakan tentu saja pen tool, lalu Add Anchor Point tool, delete Anchor Point Tool, dan Anchor Point Tool. Selain itu tools stroke dan color juga penting untuk ketiga kolaborasi dalam membuat illustrasi.
Kamu dapat mempelajari kemampuan ini dengan mengikuti langkah-langkah sesuai video tutorial pada kode QR.
Siapkan laptop kamu yang sudah diinstal Adobe Illustrator, lalu lakukan tahapatahapan video master pen tool sesuai dengan video tutorial ya!
Coba Lagi Yuk!
Upload hasil belajar kamu di google form pada bagian hasil evaluasi bab ini, perlihatkan bahwa kamu sudah dapat menggunakan tools pen tool!
Terima Kasih Kreator!
Berikan apresiasi kamu dengan mengunjungi akun YouTube untuk melihat video lainnya.
Booklet Design GraďŹ s Khusus Mahasiswa Teknologi Pendidikan
17
2. Panel Pathfinder Pathfinder adalah fitur dari Adobe Illustator yang dapat digunakan dalam memodifikasi obyek seperti menyatukan atau membelah obyek. kamu dapat menemukan fitur ini pada toolbar windows. Fitur pathfinder biasa digunakan dalam pembuatan logo, icon, dan illustrasi dalam membuat gambar visual pembelajaran.
source https://www.google.com/
Panel Pathfinder memudahkan kamu untuk memodifikasi bentuk yang rumit. Pada video tutorial ini membahas tentang penggunaan fitur pathfinder seperti Unite, MinusFront, Intersect, Exclude, Divide, Trim, Merge, Crop, Outline, dan Minusback dalam mendesain grafis. Dengan 10 fungsi tersebut, kamu dapat dengan mudah memodifikasi obyek sesuai yang kamu inginkan. Siapkan laptop kamu yang sudah diinstal Adobe Illustrator, lalu lakukan tahapa-tahapan video penggunaan fitur pathfinder sesuai dengan video tutorial ya!
Kamu dapat mempelajari kemampuan ini dengan mengikuti langkah-langkah sesuai video tutorial pada kode QR.
Bisa Yuk Bisa!
Upload hasil belajar kamu di google form pada bagian hasil evaluasi bab ini, perlihatkan bahwa kamu sudah dapat menggunakan panel Pathfinder!
Keylearn
27.6K subscribers
Booklet Design GraďŹ s Khusus Mahasiswa Teknologi Pendidikan
18
3. Membuat Cliping Mask
source https://www.google.com/
Cliping Mask adalah teknik membentuk gambar sesuai dengan bentuk pola yang diinginkan. Teknik Cliping Mask biasa digunakan saat membuat layout dalam pola/pattern. kamu dapat menggunakan teknik ini dalam mengembangkan bahan belajar, seperti membuat bingkai foto pembicara untuk poster, hingga mendesain pola tekstur kain untuk anak dibawah umur. Pada video tutorial akan membahas teknik Cliping Mask, kamu dapat belajar dari dasar yaitu menggabungkan dua obyek, seperti contoh dalam gambar ada dua obyek bintang dan lingkaran diatasnya. dengan dua obyek tersebut kamu akan memotong bagian ujung lingkaran atau bisa juga dengan ujung bintang.
Kamu dapat mempelajari kemampuan ini dengan mengikuti langkah-langkah sesuai video tutorial pada kode QR.
Desain Yuk!
Terima Kasih Kreator!
Siapkan laptop kamu yang sudah diinstal Adobe Illustrator, lalu lakukan tahapatahapan video penggunaan fitur Cliping Mask sesuai dengan video tutorial ya! Upload hasil belajar kamu di google form pada bagian hasil evaluasi bab ini, perlihatkan bahwa kamu sudah dapat menggunakan tools pen tool!
Berikan apresiasi kamu dengan mengunjungi akun YouTube untuk melihat video lainnya.
Booklet Design GraďŹ s Khusus Mahasiswa Teknologi Pendidikan
19
4. Menggunakan Panel Layers
source https://www.google.com/
Panel Layers adalah daftar lapisanlapisan dari desain yang berada di artboart. kamu dapat mengatur daftar Layers sehingga memudahkan kamu dalam menyusun dan menampilkan obyek-obyek dalam desain kamu. Saat kamu sudah mulai membuat illustrasi yang detail, panel layers sangat membantu kamu untuk mengunci obyek hingga memperlihatkan obyek yang sedang kamu desain. Video tutorial disamping akan membahas penggunaan dari Panel Layers dan fungsifungsi Panel Layers seperti Visibility Layer, Layer Name, Lock Layer, Cliping Mask, New SubLayer, New Layer, dan Delete Layer. Fitur Panel Layer dapat kamu temukan pada toolbar windows.
Kamu dapat mempelajari kemampuan ini dengan mengikuti langkah-langkah sesuai video tutorial pada kode QR.
Wow Keren!
Siapkan laptop kamu yang sudah diinstal Adobe Illustrator, lalu lakukan tahapatahapan video penggunaan fitur Panel Layer sesuai dengan video tutorial ya! Upload hasil belajar kamu di google form pada bagian hasil evaluasi bab ini, perlihatkan bahwa kamu sudah dapat menggunakan tools pen tool!
Keylearn
27.6K subscribers
Booklet Design GraďŹ s Khusus Mahasiswa Teknologi Pendidikan
20
5. Bermain dengan Warna
source https://www.google.com/
Kamu dapat mewarnai bagian dalam obyek yang biasa disebut fill dan bagian garis pinggir obyek yang disebut stroke. Selain itu kamu dapat membuat gradien pada kedua elemen tersebut. Adobe Illustrator juga menyediakan color palettes yang lengkap, kamu dapat menemukannya pada menu color dan klik Swatch Libraries Menu. Kamu dapat memilih warna sesuai dengan katagori seperti food, neutral, gradien, nature, hingga earthtone. Selain itu, kamu juga dapat menggunakan warna dari gambar yang kamu dapatkan dengan menggunakan tools eyedropper. Video Tutorial disamping akan membahas tentang warna yang dapat kamu olah dalam desain kamu.
Kamu dapat mempelajari kemampuan ini dengan mengikuti langkah-langkah sesuai video tutorial pada kode QR.
Siapkan laptop kamu yang sudah diinstal Adobe Illustrator, lalu lakukan tahapantahapan video penggunaan fitur colors sesuai dengan video tutorial ya!
Belajar Terus!
Upload hasil belajar kamu di google form pada bagian hasil evaluasi bab ini, perlihatkan bahwa kamu sudah dapat menguasai penggunaan warna!
Terima Kasih Kreator!
Berikan apresiasi kamu dengan mengunjungi akun YouTube untuk melihat video lainnya.
Booklet Design GraďŹ s Khusus Mahasiswa Teknologi Pendidikan
21
6. Membuat Karakter Animasi Dalam membuat animasi, Adobe Illustrator berperan dalam pembuatan karakter seperti kartun. Panel layer sangat berperan penting dalam mengelompokan obyek-obyek yang nantinya akan digunakan untuk menggerakan karakter kartun tersebut pada Adobe After Effect. Dalam video tutorial membahas cara membuat karakter dari menggunakan pen tool, memotong dengan pathfinder, hingga penggunaan panel layer. Kamu dapat mempelajari pembuatan karakter dengan mengasah kemampuan dalam menggunakan tools-tools terpenting dari adobe Illustrator. Kemampuan dalam membuat karakter ini dapat membantu kamu dalam membuat media pembelajaran cetak maupun digital.
source https://www.google.com/
Kamu dapat mempelajari kemampuan ini dengan mengikuti langkah-langkah sesuai video tutorial pada kode QR.
Semangat!
Vektor Kades 4,05K subscribers
Siapkan laptop kamu yang sudah diinstal Adobe Illustrator, lalu lakukan tahapantahapan video pembuatan karakter animasi sesuai dengan video tutorial ya!
Upload hasil belajar kamu digoogle form pada bagian hasil evaluasi bab ini, perlihatkan bahwa kamu sudah dapat menguasai penggunaan warna!
Dody Priyatmono 59.3K subscribers
Booklet Design GraďŹ s Khusus Mahasiswa Teknologi Pendidikan
22
APLIKASI ONLINE Aplikasi online dalam mendesain grafis biasanya berupa platform online yang dapat diakses secara gratis pada smartphone dan website. Platform desain grafis ini dapat menjadi alternatif dalam mendesain visual saat tidak memungkinkan untuk menginstal software offline. Platform desain grafis yang sering digunakan adalah sebagai berikut.
“
Apakah Warna Sangat Mempengaruhi dalam Mendesain?
�
Sebelum itu kamu harus mengetahui teori warna sebagai berikut:
Warna RGB berisifat additive, yaitu dapat mempresentasikan warna gambar secara visual pada peralatan elektronik seperti televisi, proyektor, dan monitor komputer. sedangkan CMYK bersifat subtractive yaitu dapat mempresentasikan warna gambar dengan cetakan kertas. Banyak terjadi kesalahan dalam memilih unsur warna RGB dan CMYK sehingga mempengaruhi tampilan warna pada desain. Oleh karena itu, jika kamu ingin membuat produk cetak pilih unsur warna CMYK dan digital pilih unsur warna RGB. Selain itu pastikan aplikasi desain grafis kamu berorientasi dengan warna yang sesuai dengan produk yang ingin kamu buat.
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidikan
23
Canva Canva adalah salah satu platform desain grafis yang menyediakan layanan tools gratis dengan pilihan template beragam. Platform ini biasa digunakan untuk membuat visualisasi konten sosial media. Tampilan yang sangat user friendly, memudahkan kamu dalam menggunakan fitur-fitur dalam Canva sehingga hasil desain seperti profesional. Saat ini Canva tersedia dalam beberapa versi yaitu website dan aplikasi pada Ios dan Android. Dalam penggunaannya, Canva juga dapat mendesain dalam bentuk media cetak seperti undangan, brosur, hingga cover buku.
Sebelum kamu mendesain menggunakan canva, kamu dapat mengetahui cara menjalankan aplikasi dan mengenal tools dari Canva dengan mempelajari video-video tutorial yang tedapat dalam Channel Youtube pada kode QR.
Kelebihan dan Kekurangan Canva Free Template User Friendly Simple Design
Server Down Print Publising Vector Illustration
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidikan
24
Hal yang Kamu Perlu Ketahui Saat Mendesain Grafis dengan Canva
1. Hindari template yang berbayar
2. Penyimpanan File
Pada dasarnya kamu bisa membuka semua template gratis maupun berbayar. Tetapi jika kamu memakai template berbayar, watermark Canva akan muncul pada desain kamu, yang dapat merusak penampilan desain. Jadi pastikan sebelum kamu memilih template yg kamu pilih pastikan tidak ada tanda mahkota.
Canva hanya mempunyai 4 format penyimpanan data yaitu JPG,PNG, GIF, dan PDF. Pada toolbar unduh, terdapat dua pilihan penyimpanan file dengan resolusi tinggi. Kamu dapat menggunakan format PDF untuk file berupa dokumen dan PNG untuk file berbentuk gambar.
Terima Kasih, Kreator! Berikan apresiasi kamu dengan mengunjungi akun YouTube untuk melihat video lainnya.
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidikan
Design with Canva 14.8K subscribers
25
Pixlr Pixlr adalah platform online yang menyediakan layanan tools khusus editor foto. Fitur dalam platrform ini hampir sama dengan Adobe Photoshop. Dengan tampilan yang user friendly, Pixlr memungkinkan untuk mendesain dengan filter gaussian blur, unsharp mask sampai membuat poster. Saat ini Pixlr meluncurkan dua produk andalannya yaitu Pixlr X dan Pixlr E. Kedua produk tersebut menggantikan produk sebelumnya yaitu Pixlr Express dan Pixlr Editor. Perbedaan antaran Pixlr E dan Pixlr X seperti berikut.
Sebelum kamu mendesain menggunakan Pixlr, kamu dapat mengetahui cara menjalankan aplikasi dan mengenal tools dari Pixlr dengan mempelajari video-video tutorial yang tedapat dalam Channel Youtube pada kode QR.
Kelebihan dan Kekurangan Pixlr Image Editing Color Correction Photo Compositing & Retoucing Special Effects & Filter
Logo Design Print Publising High Format File
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidikan
26
Perbedaan dari Pixlr X dan Pixlr E
1. Pixlr E
2. Pixlr X
Pixlr Editor adalah foto editor yang mumpuni untuk para profesional, kelebihannya adalah foto editor klasik dengan alat yang komplit, mampu membuka semua jenis gambar seperti PSD (Photoshop), PXD, JPEG, PNG, dan lain-lain.
Pixlr X adalah foto editor yang lebih mudah digunakan, kelebihannya adalah foto editor modern yang lebih simple, sesuai untuk pemula. Pixlr X mampu membuka semua jenis gambar seperti PSD (Photoshop), PXD, JPEG, PNG, dan lain-lain
Terima Kasih, Kreator! Berikan apresiasi kamu dengan mengunjungi akun YouTube untuk melihat video lainnya.
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidikan
Pixlr
8.84K subscribers
27
Lembar Evaluasi
“
�
Seberapa Dekat Kamu dengan Aplikasi Desain Grafis!
Setelah kamu mempelajari aplikasi-aplikasi dalam mendesain grafis dari Aplikasi offline hingga online, asah kemampuan kamu dengan mengerjakan lembar evaluasi yang berisi soalsoal terkait dengan isi booklet ini. Akses lembar evaluasi dengan scan kode QR di samping!
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidikan
28 source: https://www.pexels.com/
2
PRINSIP DALAM MENDESAIN GRAFIS
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidkan Pendidikan
29
source: https://www.pexels.com/
“�
Ada Apa dengan Elemen Visual?
Sebuah desain grafis akan menimbulkan pesan yang sesuai jika setiap elemen visual disusun dengan baik. Penyusunan elemen-elemen visual seperti titik, garis, bentuk, tekstur, huruf, warna, hingga keseimbangan akan mempengaruhi konsistensi dari produk desain grafis. Penyusunan elemen-elemen visual diatur dalam prinsip mendesain grafis, antara lain yaitu Urutan (Sequence), Penekanan (Emphasis), Keseimbangan (Balance), dan Kesatuan (Unity).
Kamu dapat belajar lebih lanjut pada artikel tentang elemen visual dan prinsip desain grafis pada kode QR
Pada sebuah desain grafis, kamu akan sering bermain dengan elemen-elemen visual seperti garis, bentuk, tekstur, huruf, warna hingga keseimbangan. Setiap elemen-elemen visual mempunyai peran penting dalam komponen desain grafis. Tontonlah video ini untuk mengenal elemen-elemen visual.
Garis, Bentuk, Tekstur, warna, hingga keseimbangan adalah pengetahuan dasar tentang pandangan. Untuk menguasai elemen-elemen visual perlu terbiasa dalam menyusun elemen-elemen hingga peka terhadap elemen-elemen visual tersebut. Dengan menerapkan elemen-elemen visual kamu dapat melatih dengan membiasakan mendesain tidak menggunakan template. Cara tersebut dapat membantu kamu lebih jeli dan kreatif untuk membangun kepekaan dalam menyusun elemen-elemen visual sehingga dapat bermakna.
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidikan
30
Urutan (Sequence) Informasi yang terdapat dalam satu tampilan/layout perlu disusun sesuai dengan urutan pesan, agar dapat dipahami dengan jelas. Dalam membuat sebuah urutan informasi, kamu dapat mengutamakan informasi yang pertama kali harus dibaca dengan menggunakan penekanan, setelah itu informasi pelengkap yg dapat dibaca terakhir. Sehingga urutan informasi bersifat hierarki. Saat menentukan urutan informasi dalam mendesain grafis, urutan pembacaan ditentukan dari kebiasaan membaca seseorang dan arah gerak mata. Pada wilayah-wilayah penggunaan bahasa dan tulisan latin, biasanya membaca dari kiri ke kanan dan dari atas ke bawah, sehingga penentuan urutan seperti huruf Z,C,L,I, dan lain-lain . Selain itu, arah gerak mata mempengaruhi urutan informasi dengan pemberian penekanan pada suatu obyek yang biasa digunakan untuk informasi yang penting untuk dibaca.
source: https://www.google.com/
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidikan
Berikut contoh pola penentuan urutan seperti bentuk huruf Z
31
Berikut contoh pola penentuan urutan seperti bentuk huruf C
source: https://www.pinterest.com/
Berikut contoh pola penentuan urutan seperti bentuk huruf L
source: https://www.pinterest.com/
source: https://www.pinterest.com/
Berikut contoh pola penentuan urutan seperti bentuk huruf L
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidikan
32
Penekanan (Emphasis)
source: https://www.pinterest.com/
Penekanan atau Emphasis dalam sebuah desain grafis sangat diperlukan untuk menarik perhatian pembaca, selain itu dapat digunakan dalam mempertegas inti pesan yang akan disampaikan. kamu dapat menggunakan warna, kedekatan, dan penggunaan huruf yang tepat sehingga prinsip ini dapat berhasil diterapkan pada desain yang kamu buat. Untuk penekanan dalam desain, kamu dapat menggunakan teknik Tipografi, kedekatan, dan warna sehingga menampilkan unsur kontras dari desain kamu. Kamu dapat berkreasi melalui teknik-teknik tersebut sehingga menemukan penekanan yang sesuai dengan desain kamu. Hal ini mungkin dapat dianggap sepele tetapi dapat mempengaruhi desain kamu.
source: https://www.pinterest.com/
source: https://www.pinterest.com/
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidikan
33
>>>>>>>>>>> Terlihat pada contoh-contoh gambar poster, teknik kontras sangat sering digunakan untuk menimbulkan penekanan lebih dari suatu obyek tertentu. Warna yang dicapai untuk kontras dengan memasangkan warna dengan gelap dengan terang, sehingga dapat terlihat jelas. Selain itu teknik kontras dapat dilihat dari tekstur obyek. jika tekstur yang ramai disandingkan dengan tekstur polos, akan terlihat lebih dominan.
source: https://www.pinterest.com/
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidikan
34
Keseimbangan (Balance) Keseimbangan atau Balance dalam mendesain grafis dapat dicapai ketika unsur-unsur dalam tampilan terlihat harmonis. Pola dari prinsip keseimbangan yaitu simetris dan asimetrsi. Kesemibangan simetris dapat dibuktikan tepat secara matematis, sedangkan asimetris lebih dibuktikan secara optis atau dari keseimbangan pengelihatan mata.
source: https://www.pinterest.com/
Bentuk simetris lebih mudah untuk dianalisa oleh mata, terkesan rapih dan seperti pantulan kaca. Susunan simetris dapat dihitung secara matematis. kelemahan dari bentuk simetris adalah terkesan monoton, terlihat kaku dan membatasi kreatifitas. Desain berbentuk simetris sering digunakan oleh institusi pemerintahan, karena desain simetris memiliki sifat wibawa dan klasik. source: https://www.pinterest.com/
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidikan
35
>>>>>>>>>>> Bentuk asimetris bersifat dinamis, tidak terpaku pada hitungan sistematis dan tidak mengikuti pola keseimbangan. Kreatifitas dalam bentuk asimetris ditekankan untuk menimbulkan unsur penekanan. Selain itu bentuk asimetris sering sekali digunakan perusahaan untuk mem-brading dengan sebuah logo. Kamu dapat menemukan contoh seperti logo Nike, Apple, Spotify, dan lain-lain
source: https://www.pinterest.com/
source: https://www.pinterest.com/
source: https://www.pinterest.com/
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidikan
36
Kesatuan (Unity) Kesatuan atau Unity dalam desain grafis adalah kesatuan dari pesan atau komunikasi yang diselipkan dalam konsep desain dan elemen yg terlihat. Faktor yang mempengaruhi kesatuan dalam tampilan desain adalah non-fisik dan fisik. Non-fisik sebagai pesan/komunikasi yang akan disampaikan, lalu fisik sebagai elemen visual yang ditampilkan. Kedua unsur tersebut harus saling berkaitan satu sama lain, seperti menjadi identitas dalam sebuah desain.
source: https://www.pinterest.com/
source: https://www.pinterest.com/
source: https://www.pinterest.com/
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidikan
37
>>>>>>>>>>>
>>>>>>>>>>>
Dalam menentukan kesatuan dalam desain yang ingin kamu buat, diperlukan analisi terlebih dahulu seperti, sasaran pengguna hingga menemukan keterkaitan dari kesatuan non fisik dan fisik dalam kesatuan desain grafis. Dalam perusahaan, untuk menampilkan kesatuan pada brand, perusahaan mempunyai pedoman terhadap elemen-elemen visual yang sudah diriset sesuai sasaran konsumen/ pengguna jasa. Saat kamu membuat
media pembelajaran, setiap model pengembangan mempunyai tahapan dalam menganalisis peserta didik. Kamu dapat melakukan analisis pada desain kamu untuk membuat pedoman terhadap elemen-elemen visual yang terkait dalam media pembelajaran. Sehingga desain grafis dalam media pembelajaran memiliki unsur keterkaitan antara pesan yang ingin disampaikan, sasaran pengguna media belajar, hingga menimbulkan unsur kesatuan.
source: https://www.pinterest.com/
source: https://www.pinterest.com/
Terima Kasih, Kreator! Berikan apresiasi kamu dengan mengunjungi akun YouTube untuk melihat video lainnya.
GCLearnFree.org 576K subscribers
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidikan
38
Lembar Evaluasi
“�
Seberapa Dekat Kamu dengan Prinsip dari Desain Grafis! Setelah kamu mempelajari prinsip dalam desain grafis, asah kemampuan kamu dengan mengerjakan lembar evaluasi yang berisi soal-soal terkait dengan isi booklet ini. Akses lembar evaluasi dengan scan kode QR di samping!
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidikan
39
Daftar Pustaka Hidayatullah, A.Taufiq., 59 Teknik Menguasai Adobe Photoshop dan Adobe Illustrator, Yogyakarta: ANDI Yogyakarta, 2012 Prawilaga, Dewi., Wawasan Teknologi Pendidikan, Jakarta: KENCANA, 2009 Rustan, Surianto., Layout, Dasar dan Penerapannya, Jakarta: PT GRAMEDIA PUSTAKA UTAMA, 2008 https://www.interaction-design.org/literature/article/the-building-blocks-ofvisual-design diakses pada tanggal 18 Juli 2020, pukul 20.38
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidikan
40
CopyrightŠ 2020
Booklet Design Grafis Khusus Mahasiswa Teknologi Pendidikan
