SlideShare a Scribd company logo
1 of 153
Download to read offline
D e s a i n G r a f i s S M K K e l a s X I
- 2 -
Desain Grafis
DIREKTORAT PEMBINAAN SEKOLAH MENENGAH KEJURUAN
DIREKTORAT JENDERALPENDIDIKAN MENENGAH
KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN
2013
D e s a i n G r a f i s S M K K e l a s X I
- 3 -
D e s a i n G r a f i s S M K K e l a s X I
- 4 -






Daftar Isi
D e s a i n G r a f i s S M K K e l a s X I
- 5 -
D e s a i n G r a f i s S M K K e l a s X I
- 6 -
D e s a i n G r a f i s S M K K e l a s X I
- 7 -
D e s a i n G r a f i s S M K K e l a s X I
- 8 -
Additive color (RGB) adalah : Model warna yang terdiri dari cahaya merah, hijau dan biru.
Analogadalah : Suatu bentuk komunikasi elektronik yang merupakan proses pengiriman informasi pada
gelombang elektromagnetik dan bersifat variabel.
Bitadalah : Kependekan dari Binary Digit
Bit Depthadalah : Kedalaman warna, yang merupakan banyaknya altrernatif warna yang dapat dimiliki oleh
suatu gambar atau jumlah bit yang dapat ditangkap scanner atau yang diperlihatkan image/gambar.
Batasan bit dari 256 warna sampai 16,7 juta warna
Bitmapadalah : Suatu format file grafis bit mapped windowsyang menyimpan citra tersusun dari kumpulan
raster, kualitas gambar bitmap tergantung dari resolusi/jumlah pixel yang membentuknya. Format file
bitmap adalah TIFF, EPS, JPEG.
Bleedadalah :Bagian gambar yang ditambahkan ± 3mm pada setiap sisi agar ketika dilakukan potong
bersih (nett) gambar akhir terlihat bersih tanpa ada sisi putih bagian tidak tercetak.
Browseradalah : Sebuah program yang digunakan untuk menjelajahi dunia internet dengan membuka
halaman-halaman website dari seluruh dunia yang ada di internet.
CCDadalah :Charged Coupled Device, merupakan salah satu jenis sensor digital yang ada di perangkat
scanner flatbed.
Cetak Offsetadalah :Teknik cetak dimana pada acuan cetaknya bagian yang mencetak sama tinggi dengan
bagian yang tidak mencetak. Pada proses cetak ini tinta dari acuan dialihkan terlebih dahulu ke blanket,
baru kemudian oleh blanket tinta tersebut dialihkan ke kertas.
CMYK adalah : Model warna yang dipengaruhi oleh pigmen dari tinta cetak serta kertas yang digunakan.
Digital adalah : Proses data yang menggunakan penomoran angka-angka untuk sistem perhitungan
tertentu. Sebuah ukuran layer komputer dan resolusi printer yang dikaitkan dengan jumlah titik dimana
sebuah alat dapat mencetak atau menampilkan per inch.
Downloadadalah : Proses pengunduhan atau pengambilan data dari internet untuk disimpan di komputer.
Dpi adalah :Dot per inch, yaitu satuan ukuran resolusi output yang dihasilkan dari perangkat output seperti
printer, imagesetter dan CtP.
Driveradalah : Perangkat lunak yang disertakan pada perangkat dan harus dinstall pada komputer agar
suatu peralatan digital dapat digunakan.
D e s a i n G r a f i s S M K K e l a s X I
- 9 -
EPSadalah :Encapsulated PostScript, yaitu format file untuk menyimpan data gambar dalam bentuk bahasa
PostScript. Format EPS pada Adobe photoshop dapat mengembed informasi halftone dan transfer curve.
Fileadalah : Istilah untuk data yang telah selesai dikerjakan dan tersimpan dalam media penyimpanan
Flatbedadalah :Jenis scanner yang banyak beredar di pasaran, dengan karakter yang mudah dan praktis.
Gamut warna/color gamutadalah : Batasan/jangkauan warna yang mampu dihasilkan oleh suatu
peralatan. Masing-masing model warna RGB maupun CMYK mempunyai batasan warna (gamut) yang
berbeda.
Golden Sectionadalah : Juga dikenal dengan Golden ratio yaitu membagi sebuah garis dengan
perbandingan mendekati rasio 8 : 13 berarti bahwa jika garis yang lebih panjang dibagi dengan garis yang
lebih pendek hasilnya akan sama dengan pembagian panjang garis utuh sebelum dipotong dengan garis
yang lebih panjang tadi. Nilai golden ratio = 1,618
Grayscaleadalah :Sebuah mode warna yang menampilkan gambar dengan menggunakan 256 warna abu-
abu. Setiap warna didefinisikan sebagai nilai antara 0 dan 255, dimana 0 adalah yang paling gelap (hitam)
dan 255 adalah paling ringan (putih).
Hueadalah : Spektrum warna/jenis warna seperti merah, hijau, biru, cyan, magenta, kuning dan lain-lain.
Nilai Hue antara 0 hingga 360 (sudut lingkaran).
JPEGadalah :Joint Photography Expert Group, merupakan file format terkompres untuk mobilitas data yang
tinggi dan praktis.
Legibilityadalah :Kejelasan bentuk huruf yaitu tingkat kemudahan mata mengenali suatu karakter / rupa
huruf / tulisan
Lightnessadalah : Nilai gelap terangnya suatu warna.
Model adalah : Suatu bentuk susunan/pedoman yang akan dibuatkan susunannya,image berupa gambar
atau foto.
PDFadalah :Portable Document Format yaitu file yang digunakan setelah semua pekerjaan sudah siap
untuk dioutput. PDF untuk produksi cetak berbeda dengan PDF untuk keperluan lain.
Pixel adalah : Satuan terkecil dari unsur pembentuk gambar, 1 pixel mewakili 1 titik.
Readibilityadalah :Tingkat kenyamanan / kemudahan suatu susunan huruf saat dibaca (keterbacaan).
Resolusi adalah :Density dari dot (titik) atau pixel per satuan pengukuran linier (inch) pada monitor
komputer, atau jumlah titik per inch (dpi) dalam bentuk cetak.
RGBadalah : Model warna yang terdiri dari merah, hijau dan biru yang dikombinasikan untuk mendapatkan
warna baru
Saturasi adalah : Intensitas suatu warna/kejenuhan warna
D e s a i n G r a f i s S M K K e l a s X I
- 10 -
Scanneradalah :alat untuk merubah suatu gambar dari sifat fisik/nyata menjadi format digital
Spectrophotometeradalah : Alat untuk mengukur cahaya yang dipantulkan/diteruskan melalui spektrum
warna dan digunakan untuk pembuatan profil cetak baik offset maupun printing.
Spot coloradalah : Warna khusus/warna special yang digunakan karena keterbatasan warna proses.
Subtractive coloradalah : Warna sekunder dari warna additive yaitu terdiri dari cyan, magenta, yellow yang
dibentuk offset, cat, tinta dll.
TIFFadalah :Tagged Image File Format, yaitu format file grafik yang tidak terkompress, yang digunakan
terutama untuk tetap memelihara kelengkapan data warna yang terekam.
Uploadadalah : Proses pengunggahan data dari komputer lokal ke internet.
Vektor adalah : Gambar yang tersusun dari garis-garis lurus maupun lengkung yeng tersusun dari
penghitungan secara matematis.
Visual hierarchyadalah :Pengurutan prioritas yang ingin ditampilkan baik itu informasi serta unsur-unsur
tata letak, dari yang paling penting sampai yang tidak penting.
D e s a i n G r a f i s S M K K e l a s X I
- 11 -





D e s a i n G r a f i s S M K K e l a s X I
- 12 -
D e s a i n G r a f i s S M K K e l a s X I
- 13 -
D e s a i n G r a f i s S M K K e l a s X I
- 14 -
Gambar 1.1 Garis lurus, lengkung, zig zag
dan tebal tipis. Menyesuaian kesan yang
ingin diciptakan
Gambar 1.2 Garis tegak (vertikal), mendatar
(horizontal), dan miring (diagonal), sering
dipakai untuk kolom dan margin
D e s a i n G r a f i s S M K K e l a s X I
- 15 -


Gambar 1.3 Garis horizontal, Garis buatan
untuk ilustrasi dan garis vertikal antara dua
bidang
D e s a i n G r a f i s S M K K e l a s X I
- 16 -
Gambar 1.4 Contoh kreasi garis yang bisa
dibuat menggunakan brush tool pada Adobe
Photoshop
Gambar 1.5 Deretan besi pada konstruksi
sebuah menara membentuk susunan garis
yang teratur
D e s a i n G r a f i s S M K K e l a s X I
- 17 -
Gambar 1.6Line segmen tool
Dan stroke editor pada Adobe Illustrator
Gambar 1.7Freehand tool dan outline pen
editor pada CorelDraw
Gambar 1.8Curve editor
pada CorelDraw
D e s a i n G r a f i s S M K K e l a s X I
- 18 -
Gambar 1.9 Contoh kreasi
bidang geometris
Gambar 1.10 Contoh kreasi
bidang organis
Gambar 1.11 Contoh kreasi
bidang geometris 3D
menciptakan kesan modern
D e s a i n G r a f i s S M K K e l a s X I
- 19 -
Gambar 1.12bidang yang tersusun dari huruf-
hurufyang diwujudkan menjadi sebuahpesan
tulisanyang menarik karya Joe Distin
Gambar 1.13 Bidang-bidang
geometris seolah tersusun tak
beraturan namun membentuk
komposisi yang indah
D e s a i n G r a f i s S M K K e l a s X I
- 20 -


Gambar 1.14 Poster The Beatles
tersusun dari bidang bidang warna
menciptakan kesanpsichedelic
D e s a i n G r a f i s S M K K e l a s X I
- 21 -
Gambar 1.15 Poster yang tersusun
dari bidang-bidang yang bervariasi,
setiap bentuk bidang memiliki
karakter yangberbeda
D e s a i n G r a f i s S M K K e l a s X I
- 22 -
Gambar 1.16Shape tool dan editor
pada Adobe Illustrator
Gambar 1.17Shape tool dan editor
pada CorelDraw
D e s a i n G r a f i s S M K K e l a s X I
- 23 -
Gambar 1.18 Ilustrasi teknik drawing (doodle)
bisa diciptakan secara manual dengan cat air atau
secara digital menggunakan komputer
D e s a i n G r a f i s S M K K e l a s X I
- 24 -
Gambar 1.19 Karya fotografi juga bisa digunakan
sebagai ilustrasi pada susunan tata letak
D e s a i n G r a f i s S M K K e l a s X I
- 25 -
BITMAP VECTOR
Gambar 1.20 Dapat kita
bandingkan kualitas antara
image bitmap (kiri) dengan
image vector (kanan)
D e s a i n G r a f i s S M K K e l a s X I
- 26 -
VECTOR
BITMAP
Gambar 1.21Image vector tetap solid
sedangkan bitmap memiliki batas maksimal
pembesaran
Gambar 1.22pada CorelDraw untuk
memasukkan gambar menggunakan
perintah Import
Gambar 1.23pada Adobe Illustrator
untuk memasukkan gambar
menggunakan perintah place
D e s a i n G r a f i s S M K K e l a s X I
- 27 -
Gambar 1.24
Desain Poster dengan unsur
utama tipografi dan warna
D e s a i n G r a f i s S M K K e l a s X I
- 28 -
Gambar 1.25Komposisi tipografi
sebagai unsur dalam susunan tata letak
D e s a i n G r a f i s S M K K e l a s X I
- 29 -
D e s a i n G r a f i s S M K K e l a s X I
- 30 -
D e s a i n G r a f i s S M K K e l a s X I
- 31 -
Gambar 1.26 Tipografi sebagai
“visual language”
Gambar 1.27Memasukkan teks
pada Adobe Illustrator
D e s a i n G r a f i s S M K K e l a s X I
- 32 -
Gambar 1.29 Bereksperimen dengan
warna mempertajam imajinasi
Gambar 1.28Memasukkan teks
pada CorelDraw
Gambar 1.30Gradient tool,
Fill, dan color editor Adobe illustrator
D e s a i n G r a f i s S M K K e l a s X I
- 33 -
Gambar 1.31 Warna sebagai unsur tata letak,
sangat efektif untuk menarik perhatian
Gambar 1.32Fountain fill dan palet
warna pada CorelDraw
D e s a i n G r a f i s S M K K e l a s X I
- 34 -
Gambar 1.33 Pada layar kerja photoshop
gelap terang diatur melalui image> adjustments
Gambar 1.34 Pada layar kerja CorelDraw
gelap terang diatur melalui effect> adjust
D e s a i n G r a f i s S M K K e l a s X I
- 35 -
Gambar 1.35Tekstur dapat menjelaskan
karakter yang ingin ditampilkan
D e s a i n G r a f i s S M K K e l a s X I
- 36 -
Gambar 1.36Effect texture
pada Adobe illustrator
Gambar 1.37Effect texture
pada CorelDraw
D e s a i n G r a f i s S M K K e l a s X I
- 37 -


Gambar 1.38Ruang bisa terbentuk secara
alami dan buatan untuk menciptakan dimensi
D e s a i n G r a f i s S M K K e l a s X I
- 38 -





D e s a i n G r a f i s S M K K e l a s X I
- 39 -
D e s a i n G r a f i s S M K K e l a s X I
- 40 -
-
-
-
-
-
-



Gambar 1.39Gunakan freehand tool
D e s a i n G r a f i s S M K K e l a s X I
- 41 -

-
Gambar 1.40Edit outline
Gambar 1.41Basic shape
D e s a i n G r a f i s S M K K e l a s X I
- 42 -
-
-


-
-
Gambar 1.42Convert to curves
D e s a i n G r a f i s S M K K e l a s X I
- 43 -
-
-
Gambar 1.43Uniform fill
Gambar 1.44Texture fill
D e s a i n G r a f i s S M K K e l a s X I
- 44 -
Observasi
D e s a i n G r a f i s S M K K e l a s X I
- 45 -





D e s a i n G r a f i s S M K K e l a s X I
- 46 -
D e s a i n G r a f i s S M K K e l a s X I
- 47 -
Gambar 2.1 Tiga unsur yang membuat warna
dapat terlihat yaitu : Cahaya, Benda dan Pengamat
D e s a i n G r a f i s S M K K e l a s X I
- 48 -
Gambar 2.2 Lampu termasuk sumber cahaya,
tiap jenis lampu akan membentuk warna
dengan kualitas yang berbeda
Gambar 2.3
Bohlamp kendaraan memiliki
beberapa pilihan color temperature
D e s a i n G r a f i s S M K K e l a s X I
- 49 -
Gambar 2.4 Warna merah dihasilkan pantulan pigmen
warna merah, pigmen hitam menyerap warna pelangi
sedangkan pigmen putih memantulkan semua warna
pelangi
D e s a i n G r a f i s S M K K e l a s X I
- 50 -
Gambar 2.5 Warna dipengaruhi beberapa hal,
seperti warna background, usia dan jenis kelamin
Gambar 2.6 Spectrophotometer biasa
dipakai untuk mengukur kualitas warna
pada hasil cetakan
D e s a i n G r a f i s S M K K e l a s X I
- 51 -
Gambar 2.7 Diagram lingkaran warna
(Color wheel)
D e s a i n G r a f i s S M K K e l a s X I
- 52 -






D e s a i n G r a f i s S M K K e l a s X I
- 53 -
D e s a i n G r a f i s S M K K e l a s X I
- 54 -
Gambar 2.8 WarnaAdditive terdiri dari warna
primer Red, Green, Blue (RGB) dipakai pada
perangkat elektronik
D e s a i n G r a f i s S M K K e l a s X I
- 55 -
Gambar 2.9 Warna subtractive terdiri dari
Cyan, Magenta, Yellow. Dipakai untuk
warna tinta cetak
D e s a i n G r a f i s S M K K e l a s X I
- 56 -
Gambar 2.10 Pemisahan warna RGB
D e s a i n G r a f i s S M K K e l a s X I
- 57 -
Gambar 2.11 Pemisahan warna CMYK
D e s a i n G r a f i s S M K K e l a s X I
- 58 -
Gambar 2.12 Warna HLS
D e s a i n G r a f i s S M K K e l a s X I
- 59 -
Gambar 2.13 Warna LAB
White
L* = 100
Black
L* = 0
D e s a i n G r a f i s S M K K e l a s X I
- 60 -
Gambar 2.15 lingkaran merah
sebagaigamut warning padaAdobe
Photoshop
Gambar 2.14 RGB memiliki
gamut warna paling luas
D e s a i n G r a f i s S M K K e l a s X I
- 61 -
Gambar 2.16 Pantone chart
D e s a i n G r a f i s S M K K e l a s X I
- 62 -
Gambar 2.17 Warna-warna yang diaplikasikan
pada interior memiliki peran dan fungsi yang
sesuai dengan karakternya masing-masing.
D e s a i n G r a f i s S M K K e l a s X I
- 63 -
D e s a i n G r a f i s S M K K e l a s X I
- 64 -










D e s a i n G r a f i s S M K K e l a s X I
- 65 -
D e s a i n G r a f i s S M K K e l a s X I
- 66 -
Gambar 2.18Toolbox CorelDraw
D e s a i n G r a f i s S M K K e l a s X I
- 67 -



Gambar 2.19Uniform fill pada
CorelDraw
Gambar 2.20RGB pallete pada
CorelDraw
D e s a i n G r a f i s S M K K e l a s X I
- 68 -
Gambar 2.21Ellipse tool
pada Pothoshop
Gambar 2.22Perintah Fill
pada Pothoshop
D e s a i n G r a f i s S M K K e l a s X I
- 69 -
Gambar 2.23Color picker
pada Pothoshop
D e s a i n G r a f i s S M K K e l a s X I
- 70 -
Observasi
D e s a i n G r a f i s S M K K e l a s X I
- 71 -





D e s a i n G r a f i s S M K K e l a s X I
- 72 -
Gambar 3.1 Kreatifitas akan tidak ada artinya
tanpa adanya keberanian untuk merealisasikan
ide-ide kreatif tersebut
D e s a i n G r a f i s S M K K e l a s X I
- 73 -
D e s a i n G r a f i s S M K K e l a s X I
- 74 -
D e s a i n G r a f i s S M K K e l a s X I
- 75 -
Gambar 3.2Lukisan monalisa sudah
menggunakan prinsip golden ratio
D e s a i n G r a f i s S M K K e l a s X I
- 76 -
Gambar 3.3Diagram komposisi golden ratio
Gambar 3.4Tata letak dengan
komposisi golden ratio
D e s a i n G r a f i s S M K K e l a s X I
- 77 -
Gambar 3.5Desain tata letak
Twitter juga mengadopsi prinsip
golden ratio
D e s a i n G r a f i s S M K K e l a s X I
- 78 -
Dapatkah kalian menemukan
arah golden ratio pada
gambar 3.6?
Gambar 3.6
Gambar 3.7Dua buah benda
belum tentu lebih berat daripada
satu benda
D e s a i n G r a f i s S M K K e l a s X I
- 79 -
Gambar 3.8Dua contoh poster
diatas memiliki keseimbangan
simetris
D e s a i n G r a f i s S M K K e l a s X I
- 80 -
Gambar 3.9Pada kedua gambar
masing-masing dengan unsur
yang berbeda tetapi memiliki
keseimbangan asimetris
D e s a i n G r a f i s S M K K e l a s X I
- 81 -
Gambar 3.10Repetisi adalah
irama yang terjadi karena
pengulangan yang teratur
Gambar 3.11Variasi adalah
irama yang terjadi karena
pengulangan yang disertai
perubahan bentuk, warna
maupun ukuran seperti
poster Merilyn Monroe karya
Andy Warhol
D e s a i n G r a f i s S M K K e l a s X I
- 82 -
Gambar 3.11ContohIrama
yang terbentuk secara alamiah
D e s a i n G r a f i s S M K K e l a s X I
- 83 -
Gambar 3.12Kontras dapat
memperkuat kesan yang ditimbulkan
pada unsur ilustrasi
D e s a i n G r a f i s S M K K e l a s X I
- 84 -
Gambar 3.13Kontras meskipun
sederhana tetap berperan sebagai
stopping power
D e s a i n G r a f i s S M K K e l a s X I
- 85 -
Gambar 3.14Kesatuan berperan
untuk menyatukan arah
D e s a i n G r a f i s S M K K e l a s X I
- 86 -
Gambar 3.15Kesatuan
menyatukan unsur-unsur
menjadi sebuah keluarga yang
saling mengikat
D e s a i n G r a f i s S M K K e l a s X I
- 87 -
Gambar 3.16Harmoni dari
segi bentuk unsur-unsur
penyusunnya
D e s a i n G r a f i s S M K K e l a s X I
- 88 -
Gambar 3.17Media dengan sasaran anak-
anak diperlukan keharmonisan dalam warna
D e s a i n G r a f i s S M K K e l a s X I
- 89 -
D e s a i n G r a f i s S M K K e l a s X I
- 90 -



Gambar 3.18Contoh grid system
dalam tata letak halaman
D e s a i n G r a f i s S M K K e l a s X I
- 91 -







D e s a i n G r a f i s S M K K e l a s X I
- 92 -
D e s a i n G r a f i s S M K K e l a s X I
- 93 -
D e s a i n G r a f i s S M K K e l a s X I
- 94 -
D e s a i n G r a f i s S M K K e l a s X I
- 95 -
Gambar 3.19 Tampilan work area
Adobe Indesign
Gambar 3.20 Tampilan Tool box
Adobe Indesign
D e s a i n G r a f i s S M K K e l a s X I
- 96 -
Gambar 3.21 Menentukan
Ukuran bleed
Gambar 3.22 Mengatur margin dan kolom
D e s a i n G r a f i s S M K K e l a s X I
- 97 -
Gambar 3.23 Membuat master page
Gambar 3.24 Membuat grid system
D e s a i n G r a f i s S M K K e l a s X I
- 98 -




Observasi
D e s a i n G r a f i s S M K K e l a s X I
- 99 -
D e s a i n G r a f i s S M K K e l a s X I
- 100
-





D e s a i n G r a f i s S M K K e l a s X I
- 101
-
D e s a i n G r a f i s S M K K e l a s X I
- 102
-
Gambar 4.1Scanner Barcode (A dan B)
danCT scan (C)
D e s a i n G r a f i s S M K K e l a s X I
- 103
-
Gambar 4.2Scanner Flatbed sangat
penting di bidang desain grafis
D e s a i n G r a f i s S M K K e l a s X I
- 104
-
Gambar 4.3Scanner Automatic
Document Feeder untuk menkoreksi LJK
D e s a i n G r a f i s S M K K e l a s X I
- 105
-
Gambar 4.4 Scanner Flatbed
Paling murah dan praktis
D e s a i n G r a f i s S M K K e l a s X I
- 106
-
Gambar 4.5 Handheld scanner
Memiliki harga lebih mahal
D e s a i n G r a f i s S M K K e l a s X I
- 107
-
Gambar 4.6 Automatic Document
Feeder, sangat tepat untuk pekerjaan
perkantoran
Gambar 4.7 Drum scanner termasuk
kelas high end karena kualitas
sebanding dengan harganya yang mahal
D e s a i n G r a f i s S M K K e l a s X I
- 108
-
Gambar 4.8 Slide scanner
terkenal di era fotografi analog
Gambar 4.9 Transparency scanner juga
ngetrend di era slide scanner
D e s a i n G r a f i s S M K K e l a s X I
- 109
-
Gambar 4.10 Copydot scanner banyak dimiliki
perusahaan percetakan/penerbitan
D e s a i n G r a f i s S M K K e l a s X I
- 110
-
D e s a i n G r a f i s S M K K e l a s X I
- 111
-
D e s a i n G r a f i s S M K K e l a s X I
- 112
-
D e s a i n G r a f i s S M K K e l a s X I
- 113
-
Gambar 4.11 Fitur tambahan pada
scanner, bekerja semakin mudah
dan cepat
D e s a i n G r a f i s S M K K e l a s X I
- 114
-
D e s a i n G r a f i s S M K K e l a s X I
- 115
-
D e s a i n G r a f i s S M K K e l a s X I
- 116
-
D e s a i n G r a f i s S M K K e l a s X I
- 117
-
Gambar 4.12 Area kerja Adobe Photoshop
Gambar 4.13 Kotak dialog scanner
D e s a i n G r a f i s S M K K e l a s X I
- 118
-
Gambar 4.14 Opsi mode scanner
D e s a i n G r a f i s S M K K e l a s X I
- 119
-
Gambar 4.15 Basic mode
Gambar 4.16 Advanced mode
D e s a i n G r a f i s S M K K e l a s X I
- 120
-
Gambar 4.17 Color setting
Gambar 4.18 Color pattern
D e s a i n G r a f i s S M K K e l a s X I
- 121
-
Gambar 4.19 Proses scan
Gambar 4.20 Kotak dialog scan
D e s a i n G r a f i s S M K K e l a s X I
- 122
-









D e s a i n G r a f i s S M K K e l a s X I
- 123
-







D e s a i n G r a f i s S M K K e l a s X I
- 124
-
D e s a i n G r a f i s S M K K e l a s X I
- 125
-
Observasi
D e s a i n G r a f i s S M K K e l a s X I
- 126
-
D e s a i n G r a f i s S M K K e l a s X I
- 127
-
D e s a i n G r a f i s S M K K e l a s X I
- 128
-





D e s a i n G r a f i s S M K K e l a s X I
- 129
-
D e s a i n G r a f i s S M K K e l a s X I
- 130
-
Gambar 5.1
ARPAnet
sebagai pionir
lahirnya internet
D e s a i n G r a f i s S M K K e l a s X I
- 131
-
D e s a i n G r a f i s S M K K e l a s X I
- 132
-
Gambar 5.2
Skema akses internet
dalam berbagai media
D e s a i n G r a f i s S M K K e l a s X I
- 133
-
D e s a i n G r a f i s S M K K e l a s X I
- 134
-
D e s a i n G r a f i s S M K K e l a s X I
- 135
-
Gambar 5.3
Teknologi internet untuk
cetak jarak jauh
D e s a i n G r a f i s S M K K e l a s X I
- 136
-
1.
2.
3.
D e s a i n G r a f i s S M K K e l a s X I
- 137
-
Gambar 5.4
Tampilan browser dan bagian-bagiannya
D e s a i n G r a f i s S M K K e l a s X I
- 138
-
D e s a i n G r a f i s S M K K e l a s X I
- 139
-
D e s a i n G r a f i s S M K K e l a s X I
- 140
-
D e s a i n G r a f i s S M K K e l a s X I
- 141
-
Gambar 5.5
Tampilan download file gambar/foto
D e s a i n G r a f i s S M K K e l a s X I
- 142
-
Gambar 5.6
Tampilan download melalui 4shared
D e s a i n G r a f i s S M K K e l a s X I
- 143
-
Gambar 5.7
Tampilan download video melalui keepvid
D e s a i n G r a f i s S M K K e l a s X I
- 144
-
Gambar 5.8
Tampilan download menggunakan
IDM dan DAP
D e s a i n G r a f i s S M K K e l a s X I
- 145
-
D e s a i n G r a f i s S M K K e l a s X I
- 146
-
D e s a i n G r a f i s S M K K e l a s X I
- 147
-
D e s a i n G r a f i s S M K K e l a s X I
- 148
-



D e s a i n G r a f i s S M K K e l a s X I
- 149
-





D e s a i n G r a f i s S M K K e l a s X I
- 150
-
Observasi
D e s a i n G r a f i s S M K K e l a s X I
- 151
-
D e s a i n G r a f i s S M K K e l a s X I
- 152
-
D e s a i n G r a f i s S M K K e l a s X I
- 153
-
Dameria, Anne. 2008. Basic Printing, Panduan Dasar Cetak untuk Desainer dan Industri
Grafika. Jakarta: Link & Match Graphic
_______________. 2004. Color Basic Panduan Dasar Warna untuk Desainer dan Industri
Grafika. Jakarta: Link & Match Graphic
Irawan, 2011.Panduan Berinternet untuk Orang Awam. Palembang: Maxikom
Kusmiati, Artini, dkk. 1999. Teori Dasar Disain Komunikasi. Jakarta: Penerbit
Djambatan
Kusrianto, Adi. 2007. Pengantar Desain Komunikasi Visual. Yogyakarta: CV. Andi Offset
Pusat Grafika Indonesia. 1988. Tata letak dan Perwajahan. Jakarta: Departemen
Pendidikan dan Kebudayaan
________________________. 1988. Warna dan Tinta. Jakarta: Departemen P & K
Rustan, Surianto. 2009. LAYOUT, Dasar & Penerapannya. Jakarta :PT. Gramedia
Pustaka Utama
Sachari, Agus. 1986. Desain Gaya dan Realitas. Jakarta: CV.Rajawali
Supriyono, Rakhmat. 2010. Desain Komunikasi Visual Teori dan Aplikasi. Yogyakarta:
CV. Andi Offset
http://annedameria.blogspot.com
http://id.wikipedia.org
http://pengantar-warna.blogspot.com
http://www.abangadek-adv.com
http://www.kamusinternet.com
http://www.sejarah-internet.com/

More Related Content

Similar to Desain grafis

04-Digitalisasi-citra.pptx
04-Digitalisasi-citra.pptx04-Digitalisasi-citra.pptx
04-Digitalisasi-citra.pptx
nyomans1
 
dokumen.tips_bab-1-mengenal-corel-draw-sebagai-perangkat-lunak-desain-grafis.ppt
dokumen.tips_bab-1-mengenal-corel-draw-sebagai-perangkat-lunak-desain-grafis.pptdokumen.tips_bab-1-mengenal-corel-draw-sebagai-perangkat-lunak-desain-grafis.ppt
dokumen.tips_bab-1-mengenal-corel-draw-sebagai-perangkat-lunak-desain-grafis.ppt
YohanisWeni1
 
jurnal pengolahan citra
jurnal pengolahan citrajurnal pengolahan citra
jurnal pengolahan citra
Ovie Poenya
 
Mengenal gambar digital
Mengenal gambar digitalMengenal gambar digital
Mengenal gambar digital
adittAW
 
Bab i-gambar-secara-manual
Bab i-gambar-secara-manualBab i-gambar-secara-manual
Bab i-gambar-secara-manual
Saeful Fajri
 
Ps teknik pada photoshopFormat berkas asli Photoshop, .PSD, da.pptx
Ps teknik pada photoshopFormat berkas asli Photoshop, .PSD, da.pptxPs teknik pada photoshopFormat berkas asli Photoshop, .PSD, da.pptx
Ps teknik pada photoshopFormat berkas asli Photoshop, .PSD, da.pptx
livingroom2
 
Jeni slides j2 me-04 low level user interface-v 0.2
Jeni slides j2 me-04 low level user interface-v 0.2Jeni slides j2 me-04 low level user interface-v 0.2
Jeni slides j2 me-04 low level user interface-v 0.2
sainudinuga
 

Similar to Desain grafis (20)

04-Digitalisasi-citra.pptx
04-Digitalisasi-citra.pptx04-Digitalisasi-citra.pptx
04-Digitalisasi-citra.pptx
 
Tugas vektor
Tugas vektorTugas vektor
Tugas vektor
 
6
66
6
 
dokumen.tips_bab-1-mengenal-corel-draw-sebagai-perangkat-lunak-desain-grafis.ppt
dokumen.tips_bab-1-mengenal-corel-draw-sebagai-perangkat-lunak-desain-grafis.pptdokumen.tips_bab-1-mengenal-corel-draw-sebagai-perangkat-lunak-desain-grafis.ppt
dokumen.tips_bab-1-mengenal-corel-draw-sebagai-perangkat-lunak-desain-grafis.ppt
 
jurnal pengolahan citra
jurnal pengolahan citrajurnal pengolahan citra
jurnal pengolahan citra
 
Tugas tik ips2
Tugas tik ips2Tugas tik ips2
Tugas tik ips2
 
Mengenal gambar digital
Mengenal gambar digitalMengenal gambar digital
Mengenal gambar digital
 
Desain Grafis Percetakan menerapkan penggabungan gambar dan teks berbasi vektor
Desain Grafis Percetakan menerapkan penggabungan gambar dan teks berbasi vektorDesain Grafis Percetakan menerapkan penggabungan gambar dan teks berbasi vektor
Desain Grafis Percetakan menerapkan penggabungan gambar dan teks berbasi vektor
 
Kuliah 2 bmp3093 a
Kuliah 2 bmp3093   aKuliah 2 bmp3093   a
Kuliah 2 bmp3093 a
 
KD Mendiskusikan format gambar
KD Mendiskusikan format gambarKD Mendiskusikan format gambar
KD Mendiskusikan format gambar
 
Mendiskusikan_Format_Gambar.pdf
Mendiskusikan_Format_Gambar.pdfMendiskusikan_Format_Gambar.pdf
Mendiskusikan_Format_Gambar.pdf
 
Bab i-gambar-secara-manual
Bab i-gambar-secara-manualBab i-gambar-secara-manual
Bab i-gambar-secara-manual
 
Penerapan metode drill dalam kecakapan bahasa asing
Penerapan metode drill dalam kecakapan bahasa asingPenerapan metode drill dalam kecakapan bahasa asing
Penerapan metode drill dalam kecakapan bahasa asing
 
Desain grafis-kls-xii
Desain grafis-kls-xiiDesain grafis-kls-xii
Desain grafis-kls-xii
 
Ddg kelas x
Ddg kelas xDdg kelas x
Ddg kelas x
 
Ps teknik pada photoshopFormat berkas asli Photoshop, .PSD, da.pptx
Ps teknik pada photoshopFormat berkas asli Photoshop, .PSD, da.pptxPs teknik pada photoshopFormat berkas asli Photoshop, .PSD, da.pptx
Ps teknik pada photoshopFormat berkas asli Photoshop, .PSD, da.pptx
 
Jeni slides j2 me-04 low level user interface-v 0.2
Jeni slides j2 me-04 low level user interface-v 0.2Jeni slides j2 me-04 low level user interface-v 0.2
Jeni slides j2 me-04 low level user interface-v 0.2
 
MAKALAH JADI
MAKALAH JADIMAKALAH JADI
MAKALAH JADI
 
Dasar dasar coreldraw 1
Dasar dasar coreldraw 1Dasar dasar coreldraw 1
Dasar dasar coreldraw 1
 
Materi Photoshop Pengantar Teknologi Informasi
Materi Photoshop Pengantar Teknologi InformasiMateri Photoshop Pengantar Teknologi Informasi
Materi Photoshop Pengantar Teknologi Informasi
 

Desain grafis

  • 1.
  • 2. D e s a i n G r a f i s S M K K e l a s X I - 2 - Desain Grafis DIREKTORAT PEMBINAAN SEKOLAH MENENGAH KEJURUAN DIREKTORAT JENDERALPENDIDIKAN MENENGAH KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN 2013
  • 3. D e s a i n G r a f i s S M K K e l a s X I - 3 -
  • 4. D e s a i n G r a f i s S M K K e l a s X I - 4 -       Daftar Isi
  • 5. D e s a i n G r a f i s S M K K e l a s X I - 5 -
  • 6. D e s a i n G r a f i s S M K K e l a s X I - 6 -
  • 7. D e s a i n G r a f i s S M K K e l a s X I - 7 -
  • 8. D e s a i n G r a f i s S M K K e l a s X I - 8 - Additive color (RGB) adalah : Model warna yang terdiri dari cahaya merah, hijau dan biru. Analogadalah : Suatu bentuk komunikasi elektronik yang merupakan proses pengiriman informasi pada gelombang elektromagnetik dan bersifat variabel. Bitadalah : Kependekan dari Binary Digit Bit Depthadalah : Kedalaman warna, yang merupakan banyaknya altrernatif warna yang dapat dimiliki oleh suatu gambar atau jumlah bit yang dapat ditangkap scanner atau yang diperlihatkan image/gambar. Batasan bit dari 256 warna sampai 16,7 juta warna Bitmapadalah : Suatu format file grafis bit mapped windowsyang menyimpan citra tersusun dari kumpulan raster, kualitas gambar bitmap tergantung dari resolusi/jumlah pixel yang membentuknya. Format file bitmap adalah TIFF, EPS, JPEG. Bleedadalah :Bagian gambar yang ditambahkan ± 3mm pada setiap sisi agar ketika dilakukan potong bersih (nett) gambar akhir terlihat bersih tanpa ada sisi putih bagian tidak tercetak. Browseradalah : Sebuah program yang digunakan untuk menjelajahi dunia internet dengan membuka halaman-halaman website dari seluruh dunia yang ada di internet. CCDadalah :Charged Coupled Device, merupakan salah satu jenis sensor digital yang ada di perangkat scanner flatbed. Cetak Offsetadalah :Teknik cetak dimana pada acuan cetaknya bagian yang mencetak sama tinggi dengan bagian yang tidak mencetak. Pada proses cetak ini tinta dari acuan dialihkan terlebih dahulu ke blanket, baru kemudian oleh blanket tinta tersebut dialihkan ke kertas. CMYK adalah : Model warna yang dipengaruhi oleh pigmen dari tinta cetak serta kertas yang digunakan. Digital adalah : Proses data yang menggunakan penomoran angka-angka untuk sistem perhitungan tertentu. Sebuah ukuran layer komputer dan resolusi printer yang dikaitkan dengan jumlah titik dimana sebuah alat dapat mencetak atau menampilkan per inch. Downloadadalah : Proses pengunduhan atau pengambilan data dari internet untuk disimpan di komputer. Dpi adalah :Dot per inch, yaitu satuan ukuran resolusi output yang dihasilkan dari perangkat output seperti printer, imagesetter dan CtP. Driveradalah : Perangkat lunak yang disertakan pada perangkat dan harus dinstall pada komputer agar suatu peralatan digital dapat digunakan.
  • 9. D e s a i n G r a f i s S M K K e l a s X I - 9 - EPSadalah :Encapsulated PostScript, yaitu format file untuk menyimpan data gambar dalam bentuk bahasa PostScript. Format EPS pada Adobe photoshop dapat mengembed informasi halftone dan transfer curve. Fileadalah : Istilah untuk data yang telah selesai dikerjakan dan tersimpan dalam media penyimpanan Flatbedadalah :Jenis scanner yang banyak beredar di pasaran, dengan karakter yang mudah dan praktis. Gamut warna/color gamutadalah : Batasan/jangkauan warna yang mampu dihasilkan oleh suatu peralatan. Masing-masing model warna RGB maupun CMYK mempunyai batasan warna (gamut) yang berbeda. Golden Sectionadalah : Juga dikenal dengan Golden ratio yaitu membagi sebuah garis dengan perbandingan mendekati rasio 8 : 13 berarti bahwa jika garis yang lebih panjang dibagi dengan garis yang lebih pendek hasilnya akan sama dengan pembagian panjang garis utuh sebelum dipotong dengan garis yang lebih panjang tadi. Nilai golden ratio = 1,618 Grayscaleadalah :Sebuah mode warna yang menampilkan gambar dengan menggunakan 256 warna abu- abu. Setiap warna didefinisikan sebagai nilai antara 0 dan 255, dimana 0 adalah yang paling gelap (hitam) dan 255 adalah paling ringan (putih). Hueadalah : Spektrum warna/jenis warna seperti merah, hijau, biru, cyan, magenta, kuning dan lain-lain. Nilai Hue antara 0 hingga 360 (sudut lingkaran). JPEGadalah :Joint Photography Expert Group, merupakan file format terkompres untuk mobilitas data yang tinggi dan praktis. Legibilityadalah :Kejelasan bentuk huruf yaitu tingkat kemudahan mata mengenali suatu karakter / rupa huruf / tulisan Lightnessadalah : Nilai gelap terangnya suatu warna. Model adalah : Suatu bentuk susunan/pedoman yang akan dibuatkan susunannya,image berupa gambar atau foto. PDFadalah :Portable Document Format yaitu file yang digunakan setelah semua pekerjaan sudah siap untuk dioutput. PDF untuk produksi cetak berbeda dengan PDF untuk keperluan lain. Pixel adalah : Satuan terkecil dari unsur pembentuk gambar, 1 pixel mewakili 1 titik. Readibilityadalah :Tingkat kenyamanan / kemudahan suatu susunan huruf saat dibaca (keterbacaan). Resolusi adalah :Density dari dot (titik) atau pixel per satuan pengukuran linier (inch) pada monitor komputer, atau jumlah titik per inch (dpi) dalam bentuk cetak. RGBadalah : Model warna yang terdiri dari merah, hijau dan biru yang dikombinasikan untuk mendapatkan warna baru Saturasi adalah : Intensitas suatu warna/kejenuhan warna
  • 10. D e s a i n G r a f i s S M K K e l a s X I - 10 - Scanneradalah :alat untuk merubah suatu gambar dari sifat fisik/nyata menjadi format digital Spectrophotometeradalah : Alat untuk mengukur cahaya yang dipantulkan/diteruskan melalui spektrum warna dan digunakan untuk pembuatan profil cetak baik offset maupun printing. Spot coloradalah : Warna khusus/warna special yang digunakan karena keterbatasan warna proses. Subtractive coloradalah : Warna sekunder dari warna additive yaitu terdiri dari cyan, magenta, yellow yang dibentuk offset, cat, tinta dll. TIFFadalah :Tagged Image File Format, yaitu format file grafik yang tidak terkompress, yang digunakan terutama untuk tetap memelihara kelengkapan data warna yang terekam. Uploadadalah : Proses pengunggahan data dari komputer lokal ke internet. Vektor adalah : Gambar yang tersusun dari garis-garis lurus maupun lengkung yeng tersusun dari penghitungan secara matematis. Visual hierarchyadalah :Pengurutan prioritas yang ingin ditampilkan baik itu informasi serta unsur-unsur tata letak, dari yang paling penting sampai yang tidak penting.
  • 11. D e s a i n G r a f i s S M K K e l a s X I - 11 -     
  • 12. D e s a i n G r a f i s S M K K e l a s X I - 12 -
  • 13. D e s a i n G r a f i s S M K K e l a s X I - 13 -
  • 14. D e s a i n G r a f i s S M K K e l a s X I - 14 - Gambar 1.1 Garis lurus, lengkung, zig zag dan tebal tipis. Menyesuaian kesan yang ingin diciptakan Gambar 1.2 Garis tegak (vertikal), mendatar (horizontal), dan miring (diagonal), sering dipakai untuk kolom dan margin
  • 15. D e s a i n G r a f i s S M K K e l a s X I - 15 -   Gambar 1.3 Garis horizontal, Garis buatan untuk ilustrasi dan garis vertikal antara dua bidang
  • 16. D e s a i n G r a f i s S M K K e l a s X I - 16 - Gambar 1.4 Contoh kreasi garis yang bisa dibuat menggunakan brush tool pada Adobe Photoshop Gambar 1.5 Deretan besi pada konstruksi sebuah menara membentuk susunan garis yang teratur
  • 17. D e s a i n G r a f i s S M K K e l a s X I - 17 - Gambar 1.6Line segmen tool Dan stroke editor pada Adobe Illustrator Gambar 1.7Freehand tool dan outline pen editor pada CorelDraw Gambar 1.8Curve editor pada CorelDraw
  • 18. D e s a i n G r a f i s S M K K e l a s X I - 18 - Gambar 1.9 Contoh kreasi bidang geometris Gambar 1.10 Contoh kreasi bidang organis Gambar 1.11 Contoh kreasi bidang geometris 3D menciptakan kesan modern
  • 19. D e s a i n G r a f i s S M K K e l a s X I - 19 - Gambar 1.12bidang yang tersusun dari huruf- hurufyang diwujudkan menjadi sebuahpesan tulisanyang menarik karya Joe Distin Gambar 1.13 Bidang-bidang geometris seolah tersusun tak beraturan namun membentuk komposisi yang indah
  • 20. D e s a i n G r a f i s S M K K e l a s X I - 20 -   Gambar 1.14 Poster The Beatles tersusun dari bidang bidang warna menciptakan kesanpsichedelic
  • 21. D e s a i n G r a f i s S M K K e l a s X I - 21 - Gambar 1.15 Poster yang tersusun dari bidang-bidang yang bervariasi, setiap bentuk bidang memiliki karakter yangberbeda
  • 22. D e s a i n G r a f i s S M K K e l a s X I - 22 - Gambar 1.16Shape tool dan editor pada Adobe Illustrator Gambar 1.17Shape tool dan editor pada CorelDraw
  • 23. D e s a i n G r a f i s S M K K e l a s X I - 23 - Gambar 1.18 Ilustrasi teknik drawing (doodle) bisa diciptakan secara manual dengan cat air atau secara digital menggunakan komputer
  • 24. D e s a i n G r a f i s S M K K e l a s X I - 24 - Gambar 1.19 Karya fotografi juga bisa digunakan sebagai ilustrasi pada susunan tata letak
  • 25. D e s a i n G r a f i s S M K K e l a s X I - 25 - BITMAP VECTOR Gambar 1.20 Dapat kita bandingkan kualitas antara image bitmap (kiri) dengan image vector (kanan)
  • 26. D e s a i n G r a f i s S M K K e l a s X I - 26 - VECTOR BITMAP Gambar 1.21Image vector tetap solid sedangkan bitmap memiliki batas maksimal pembesaran Gambar 1.22pada CorelDraw untuk memasukkan gambar menggunakan perintah Import Gambar 1.23pada Adobe Illustrator untuk memasukkan gambar menggunakan perintah place
  • 27. D e s a i n G r a f i s S M K K e l a s X I - 27 - Gambar 1.24 Desain Poster dengan unsur utama tipografi dan warna
  • 28. D e s a i n G r a f i s S M K K e l a s X I - 28 - Gambar 1.25Komposisi tipografi sebagai unsur dalam susunan tata letak
  • 29. D e s a i n G r a f i s S M K K e l a s X I - 29 -
  • 30. D e s a i n G r a f i s S M K K e l a s X I - 30 -
  • 31. D e s a i n G r a f i s S M K K e l a s X I - 31 - Gambar 1.26 Tipografi sebagai “visual language” Gambar 1.27Memasukkan teks pada Adobe Illustrator
  • 32. D e s a i n G r a f i s S M K K e l a s X I - 32 - Gambar 1.29 Bereksperimen dengan warna mempertajam imajinasi Gambar 1.28Memasukkan teks pada CorelDraw Gambar 1.30Gradient tool, Fill, dan color editor Adobe illustrator
  • 33. D e s a i n G r a f i s S M K K e l a s X I - 33 - Gambar 1.31 Warna sebagai unsur tata letak, sangat efektif untuk menarik perhatian Gambar 1.32Fountain fill dan palet warna pada CorelDraw
  • 34. D e s a i n G r a f i s S M K K e l a s X I - 34 - Gambar 1.33 Pada layar kerja photoshop gelap terang diatur melalui image> adjustments Gambar 1.34 Pada layar kerja CorelDraw gelap terang diatur melalui effect> adjust
  • 35. D e s a i n G r a f i s S M K K e l a s X I - 35 - Gambar 1.35Tekstur dapat menjelaskan karakter yang ingin ditampilkan
  • 36. D e s a i n G r a f i s S M K K e l a s X I - 36 - Gambar 1.36Effect texture pada Adobe illustrator Gambar 1.37Effect texture pada CorelDraw
  • 37. D e s a i n G r a f i s S M K K e l a s X I - 37 -   Gambar 1.38Ruang bisa terbentuk secara alami dan buatan untuk menciptakan dimensi
  • 38. D e s a i n G r a f i s S M K K e l a s X I - 38 -     
  • 39. D e s a i n G r a f i s S M K K e l a s X I - 39 -
  • 40. D e s a i n G r a f i s S M K K e l a s X I - 40 - - - - - - -    Gambar 1.39Gunakan freehand tool
  • 41. D e s a i n G r a f i s S M K K e l a s X I - 41 -  - Gambar 1.40Edit outline Gambar 1.41Basic shape
  • 42. D e s a i n G r a f i s S M K K e l a s X I - 42 - - -   - - Gambar 1.42Convert to curves
  • 43. D e s a i n G r a f i s S M K K e l a s X I - 43 - - - Gambar 1.43Uniform fill Gambar 1.44Texture fill
  • 44. D e s a i n G r a f i s S M K K e l a s X I - 44 - Observasi
  • 45. D e s a i n G r a f i s S M K K e l a s X I - 45 -     
  • 46. D e s a i n G r a f i s S M K K e l a s X I - 46 -
  • 47. D e s a i n G r a f i s S M K K e l a s X I - 47 - Gambar 2.1 Tiga unsur yang membuat warna dapat terlihat yaitu : Cahaya, Benda dan Pengamat
  • 48. D e s a i n G r a f i s S M K K e l a s X I - 48 - Gambar 2.2 Lampu termasuk sumber cahaya, tiap jenis lampu akan membentuk warna dengan kualitas yang berbeda Gambar 2.3 Bohlamp kendaraan memiliki beberapa pilihan color temperature
  • 49. D e s a i n G r a f i s S M K K e l a s X I - 49 - Gambar 2.4 Warna merah dihasilkan pantulan pigmen warna merah, pigmen hitam menyerap warna pelangi sedangkan pigmen putih memantulkan semua warna pelangi
  • 50. D e s a i n G r a f i s S M K K e l a s X I - 50 - Gambar 2.5 Warna dipengaruhi beberapa hal, seperti warna background, usia dan jenis kelamin Gambar 2.6 Spectrophotometer biasa dipakai untuk mengukur kualitas warna pada hasil cetakan
  • 51. D e s a i n G r a f i s S M K K e l a s X I - 51 - Gambar 2.7 Diagram lingkaran warna (Color wheel)
  • 52. D e s a i n G r a f i s S M K K e l a s X I - 52 -      
  • 53. D e s a i n G r a f i s S M K K e l a s X I - 53 -
  • 54. D e s a i n G r a f i s S M K K e l a s X I - 54 - Gambar 2.8 WarnaAdditive terdiri dari warna primer Red, Green, Blue (RGB) dipakai pada perangkat elektronik
  • 55. D e s a i n G r a f i s S M K K e l a s X I - 55 - Gambar 2.9 Warna subtractive terdiri dari Cyan, Magenta, Yellow. Dipakai untuk warna tinta cetak
  • 56. D e s a i n G r a f i s S M K K e l a s X I - 56 - Gambar 2.10 Pemisahan warna RGB
  • 57. D e s a i n G r a f i s S M K K e l a s X I - 57 - Gambar 2.11 Pemisahan warna CMYK
  • 58. D e s a i n G r a f i s S M K K e l a s X I - 58 - Gambar 2.12 Warna HLS
  • 59. D e s a i n G r a f i s S M K K e l a s X I - 59 - Gambar 2.13 Warna LAB White L* = 100 Black L* = 0
  • 60. D e s a i n G r a f i s S M K K e l a s X I - 60 - Gambar 2.15 lingkaran merah sebagaigamut warning padaAdobe Photoshop Gambar 2.14 RGB memiliki gamut warna paling luas
  • 61. D e s a i n G r a f i s S M K K e l a s X I - 61 - Gambar 2.16 Pantone chart
  • 62. D e s a i n G r a f i s S M K K e l a s X I - 62 - Gambar 2.17 Warna-warna yang diaplikasikan pada interior memiliki peran dan fungsi yang sesuai dengan karakternya masing-masing.
  • 63. D e s a i n G r a f i s S M K K e l a s X I - 63 -
  • 64. D e s a i n G r a f i s S M K K e l a s X I - 64 -          
  • 65. D e s a i n G r a f i s S M K K e l a s X I - 65 -
  • 66. D e s a i n G r a f i s S M K K e l a s X I - 66 - Gambar 2.18Toolbox CorelDraw
  • 67. D e s a i n G r a f i s S M K K e l a s X I - 67 -    Gambar 2.19Uniform fill pada CorelDraw Gambar 2.20RGB pallete pada CorelDraw
  • 68. D e s a i n G r a f i s S M K K e l a s X I - 68 - Gambar 2.21Ellipse tool pada Pothoshop Gambar 2.22Perintah Fill pada Pothoshop
  • 69. D e s a i n G r a f i s S M K K e l a s X I - 69 - Gambar 2.23Color picker pada Pothoshop
  • 70. D e s a i n G r a f i s S M K K e l a s X I - 70 - Observasi
  • 71. D e s a i n G r a f i s S M K K e l a s X I - 71 -     
  • 72. D e s a i n G r a f i s S M K K e l a s X I - 72 - Gambar 3.1 Kreatifitas akan tidak ada artinya tanpa adanya keberanian untuk merealisasikan ide-ide kreatif tersebut
  • 73. D e s a i n G r a f i s S M K K e l a s X I - 73 -
  • 74. D e s a i n G r a f i s S M K K e l a s X I - 74 -
  • 75. D e s a i n G r a f i s S M K K e l a s X I - 75 - Gambar 3.2Lukisan monalisa sudah menggunakan prinsip golden ratio
  • 76. D e s a i n G r a f i s S M K K e l a s X I - 76 - Gambar 3.3Diagram komposisi golden ratio Gambar 3.4Tata letak dengan komposisi golden ratio
  • 77. D e s a i n G r a f i s S M K K e l a s X I - 77 - Gambar 3.5Desain tata letak Twitter juga mengadopsi prinsip golden ratio
  • 78. D e s a i n G r a f i s S M K K e l a s X I - 78 - Dapatkah kalian menemukan arah golden ratio pada gambar 3.6? Gambar 3.6 Gambar 3.7Dua buah benda belum tentu lebih berat daripada satu benda
  • 79. D e s a i n G r a f i s S M K K e l a s X I - 79 - Gambar 3.8Dua contoh poster diatas memiliki keseimbangan simetris
  • 80. D e s a i n G r a f i s S M K K e l a s X I - 80 - Gambar 3.9Pada kedua gambar masing-masing dengan unsur yang berbeda tetapi memiliki keseimbangan asimetris
  • 81. D e s a i n G r a f i s S M K K e l a s X I - 81 - Gambar 3.10Repetisi adalah irama yang terjadi karena pengulangan yang teratur Gambar 3.11Variasi adalah irama yang terjadi karena pengulangan yang disertai perubahan bentuk, warna maupun ukuran seperti poster Merilyn Monroe karya Andy Warhol
  • 82. D e s a i n G r a f i s S M K K e l a s X I - 82 - Gambar 3.11ContohIrama yang terbentuk secara alamiah
  • 83. D e s a i n G r a f i s S M K K e l a s X I - 83 - Gambar 3.12Kontras dapat memperkuat kesan yang ditimbulkan pada unsur ilustrasi
  • 84. D e s a i n G r a f i s S M K K e l a s X I - 84 - Gambar 3.13Kontras meskipun sederhana tetap berperan sebagai stopping power
  • 85. D e s a i n G r a f i s S M K K e l a s X I - 85 - Gambar 3.14Kesatuan berperan untuk menyatukan arah
  • 86. D e s a i n G r a f i s S M K K e l a s X I - 86 - Gambar 3.15Kesatuan menyatukan unsur-unsur menjadi sebuah keluarga yang saling mengikat
  • 87. D e s a i n G r a f i s S M K K e l a s X I - 87 - Gambar 3.16Harmoni dari segi bentuk unsur-unsur penyusunnya
  • 88. D e s a i n G r a f i s S M K K e l a s X I - 88 - Gambar 3.17Media dengan sasaran anak- anak diperlukan keharmonisan dalam warna
  • 89. D e s a i n G r a f i s S M K K e l a s X I - 89 -
  • 90. D e s a i n G r a f i s S M K K e l a s X I - 90 -    Gambar 3.18Contoh grid system dalam tata letak halaman
  • 91. D e s a i n G r a f i s S M K K e l a s X I - 91 -       
  • 92. D e s a i n G r a f i s S M K K e l a s X I - 92 -
  • 93. D e s a i n G r a f i s S M K K e l a s X I - 93 -
  • 94. D e s a i n G r a f i s S M K K e l a s X I - 94 -
  • 95. D e s a i n G r a f i s S M K K e l a s X I - 95 - Gambar 3.19 Tampilan work area Adobe Indesign Gambar 3.20 Tampilan Tool box Adobe Indesign
  • 96. D e s a i n G r a f i s S M K K e l a s X I - 96 - Gambar 3.21 Menentukan Ukuran bleed Gambar 3.22 Mengatur margin dan kolom
  • 97. D e s a i n G r a f i s S M K K e l a s X I - 97 - Gambar 3.23 Membuat master page Gambar 3.24 Membuat grid system
  • 98. D e s a i n G r a f i s S M K K e l a s X I - 98 -     Observasi
  • 99. D e s a i n G r a f i s S M K K e l a s X I - 99 -
  • 100. D e s a i n G r a f i s S M K K e l a s X I - 100 -     
  • 101. D e s a i n G r a f i s S M K K e l a s X I - 101 -
  • 102. D e s a i n G r a f i s S M K K e l a s X I - 102 - Gambar 4.1Scanner Barcode (A dan B) danCT scan (C)
  • 103. D e s a i n G r a f i s S M K K e l a s X I - 103 - Gambar 4.2Scanner Flatbed sangat penting di bidang desain grafis
  • 104. D e s a i n G r a f i s S M K K e l a s X I - 104 - Gambar 4.3Scanner Automatic Document Feeder untuk menkoreksi LJK
  • 105. D e s a i n G r a f i s S M K K e l a s X I - 105 - Gambar 4.4 Scanner Flatbed Paling murah dan praktis
  • 106. D e s a i n G r a f i s S M K K e l a s X I - 106 - Gambar 4.5 Handheld scanner Memiliki harga lebih mahal
  • 107. D e s a i n G r a f i s S M K K e l a s X I - 107 - Gambar 4.6 Automatic Document Feeder, sangat tepat untuk pekerjaan perkantoran Gambar 4.7 Drum scanner termasuk kelas high end karena kualitas sebanding dengan harganya yang mahal
  • 108. D e s a i n G r a f i s S M K K e l a s X I - 108 - Gambar 4.8 Slide scanner terkenal di era fotografi analog Gambar 4.9 Transparency scanner juga ngetrend di era slide scanner
  • 109. D e s a i n G r a f i s S M K K e l a s X I - 109 - Gambar 4.10 Copydot scanner banyak dimiliki perusahaan percetakan/penerbitan
  • 110. D e s a i n G r a f i s S M K K e l a s X I - 110 -
  • 111. D e s a i n G r a f i s S M K K e l a s X I - 111 -
  • 112. D e s a i n G r a f i s S M K K e l a s X I - 112 -
  • 113. D e s a i n G r a f i s S M K K e l a s X I - 113 - Gambar 4.11 Fitur tambahan pada scanner, bekerja semakin mudah dan cepat
  • 114. D e s a i n G r a f i s S M K K e l a s X I - 114 -
  • 115. D e s a i n G r a f i s S M K K e l a s X I - 115 -
  • 116. D e s a i n G r a f i s S M K K e l a s X I - 116 -
  • 117. D e s a i n G r a f i s S M K K e l a s X I - 117 - Gambar 4.12 Area kerja Adobe Photoshop Gambar 4.13 Kotak dialog scanner
  • 118. D e s a i n G r a f i s S M K K e l a s X I - 118 - Gambar 4.14 Opsi mode scanner
  • 119. D e s a i n G r a f i s S M K K e l a s X I - 119 - Gambar 4.15 Basic mode Gambar 4.16 Advanced mode
  • 120. D e s a i n G r a f i s S M K K e l a s X I - 120 - Gambar 4.17 Color setting Gambar 4.18 Color pattern
  • 121. D e s a i n G r a f i s S M K K e l a s X I - 121 - Gambar 4.19 Proses scan Gambar 4.20 Kotak dialog scan
  • 122. D e s a i n G r a f i s S M K K e l a s X I - 122 -         
  • 123. D e s a i n G r a f i s S M K K e l a s X I - 123 -       
  • 124. D e s a i n G r a f i s S M K K e l a s X I - 124 -
  • 125. D e s a i n G r a f i s S M K K e l a s X I - 125 - Observasi
  • 126. D e s a i n G r a f i s S M K K e l a s X I - 126 -
  • 127. D e s a i n G r a f i s S M K K e l a s X I - 127 -
  • 128. D e s a i n G r a f i s S M K K e l a s X I - 128 -     
  • 129. D e s a i n G r a f i s S M K K e l a s X I - 129 -
  • 130. D e s a i n G r a f i s S M K K e l a s X I - 130 - Gambar 5.1 ARPAnet sebagai pionir lahirnya internet
  • 131. D e s a i n G r a f i s S M K K e l a s X I - 131 -
  • 132. D e s a i n G r a f i s S M K K e l a s X I - 132 - Gambar 5.2 Skema akses internet dalam berbagai media
  • 133. D e s a i n G r a f i s S M K K e l a s X I - 133 -
  • 134. D e s a i n G r a f i s S M K K e l a s X I - 134 -
  • 135. D e s a i n G r a f i s S M K K e l a s X I - 135 - Gambar 5.3 Teknologi internet untuk cetak jarak jauh
  • 136. D e s a i n G r a f i s S M K K e l a s X I - 136 - 1. 2. 3.
  • 137. D e s a i n G r a f i s S M K K e l a s X I - 137 - Gambar 5.4 Tampilan browser dan bagian-bagiannya
  • 138. D e s a i n G r a f i s S M K K e l a s X I - 138 -
  • 139. D e s a i n G r a f i s S M K K e l a s X I - 139 -
  • 140. D e s a i n G r a f i s S M K K e l a s X I - 140 -
  • 141. D e s a i n G r a f i s S M K K e l a s X I - 141 - Gambar 5.5 Tampilan download file gambar/foto
  • 142. D e s a i n G r a f i s S M K K e l a s X I - 142 - Gambar 5.6 Tampilan download melalui 4shared
  • 143. D e s a i n G r a f i s S M K K e l a s X I - 143 - Gambar 5.7 Tampilan download video melalui keepvid
  • 144. D e s a i n G r a f i s S M K K e l a s X I - 144 - Gambar 5.8 Tampilan download menggunakan IDM dan DAP
  • 145. D e s a i n G r a f i s S M K K e l a s X I - 145 -
  • 146. D e s a i n G r a f i s S M K K e l a s X I - 146 -
  • 147. D e s a i n G r a f i s S M K K e l a s X I - 147 -
  • 148. D e s a i n G r a f i s S M K K e l a s X I - 148 -   
  • 149. D e s a i n G r a f i s S M K K e l a s X I - 149 -     
  • 150. D e s a i n G r a f i s S M K K e l a s X I - 150 - Observasi
  • 151. D e s a i n G r a f i s S M K K e l a s X I - 151 -
  • 152. D e s a i n G r a f i s S M K K e l a s X I - 152 -
  • 153. D e s a i n G r a f i s S M K K e l a s X I - 153 - Dameria, Anne. 2008. Basic Printing, Panduan Dasar Cetak untuk Desainer dan Industri Grafika. Jakarta: Link & Match Graphic _______________. 2004. Color Basic Panduan Dasar Warna untuk Desainer dan Industri Grafika. Jakarta: Link & Match Graphic Irawan, 2011.Panduan Berinternet untuk Orang Awam. Palembang: Maxikom Kusmiati, Artini, dkk. 1999. Teori Dasar Disain Komunikasi. Jakarta: Penerbit Djambatan Kusrianto, Adi. 2007. Pengantar Desain Komunikasi Visual. Yogyakarta: CV. Andi Offset Pusat Grafika Indonesia. 1988. Tata letak dan Perwajahan. Jakarta: Departemen Pendidikan dan Kebudayaan ________________________. 1988. Warna dan Tinta. Jakarta: Departemen P & K Rustan, Surianto. 2009. LAYOUT, Dasar & Penerapannya. Jakarta :PT. Gramedia Pustaka Utama Sachari, Agus. 1986. Desain Gaya dan Realitas. Jakarta: CV.Rajawali Supriyono, Rakhmat. 2010. Desain Komunikasi Visual Teori dan Aplikasi. Yogyakarta: CV. Andi Offset http://annedameria.blogspot.com http://id.wikipedia.org http://pengantar-warna.blogspot.com http://www.abangadek-adv.com http://www.kamusinternet.com http://www.sejarah-internet.com/