Desain Grafis SMK Kelas XI...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

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

Diunduh dari BSE.Mahoni.com

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/

Diunduh dari BSE.Mahoni.com