Created by : Muhammad Firdaus, Muhammad Arif W.

, Muhammad Juang

DESGRAFATORIUM
Gudangnya Ilmu Desain Gra s

GSBN 281223029-0

Mengenal DKV

01
02

Asal Mula DKV

Pengertian DKV
Hasil Karya DKV
Pohon Ilmu DKV

04

Logo &
Logotype

DAFTAR ISI
05

Pengertian Logo
Macam-macam Logo

Membuat Logo
Re-Design Logo

Tipografi
& Ilustrasi

06

Tipogra
4 Prinsip Memilih Font
4 Model Sesuai Anatomi

03

Logo &
Logotype
Bitmap
Vs Vektor

Tentang Bitmap dan Vektor

Model Bitmap

Tipografi
& Ilustrasi

07

Ilustrasi
Fungsi Khusus Ilustrasi
Sejarah Ilustrasi di Indonesia
Peranan Ilustrasi

Bitmap
Vs Vektor

Perbedaan Bitmap dan Vektor

Profil
Penulis
Daftar
Pustaka

08

14

Tool Desain
Corel Draw

Tutorial
Photoshop

Membuat Poster

Pro l Aplikasi
Pengenalan

13

Tutorial
Photoshop

Membuat Poster

09

Tool Desain
Corel Draw

12

Shortcut

10

Pengenalan
Shortcut

Tutorial Desain
Corel Draw

Membuat Logo Ubuntu

Tool Desain
Photoshop

11

Tool Desain
Photoshop

Pro l Aplikasi
Pengenalan

DESGRAFATORIUM

01

D i s e k i t a r
k i t a
membutuhkan desain
karena desain merupakan
salah satu aspek penting
dalam hidup kita.

Desain DKV

MENGENAL DKV

Asal Mula DKV

DKV merupakan
salaha satu bagian dari
Seni Rupa dan Desain
Gras.
Perbedaan Seni Rupa
Murni dan DKV
Seni Rupa adalah
Ekspresi seni dari seorang
perupa (secara subjektif)
yang ingin disalurkan
kepada penikmat karya
melalui kesamaan
pandang, dan cita rasa. Dan
bersifat abadi.
DKV Hasil karya yang
didasarkan pada 3 konsep :
Konsep Komunikasi,
Melalui ungkapan Kreatif
dan Melalui berbagai
media.

Hasil Karya DKV

Pengertian Desain
Komunikasi Visual
Desain : perancangan

estetika, citarasa &

kreativitas
Komunikasi : tujuan
penyampaian atau saran
penyampaian pesan
Visual : Sesuatu yang
bisa dilihat
Disiplin ilmu yang
bertujuan mempelajari
konsepkonsep komunikasi
serta ungkapan kreatif
melalui berbagai media untuk
menyampaikan gagasan dan
pesan secara visual dengan
mengelola elemen - elemen
gras berupa: bentuk &
gambar, tatanan huruf,
komposisi warna serta layout
dengan bantuan teknologi.
Sehingga gagasan tersebut
bisa diterima penerima.

Pohon Ilmu DKV

Iklan Blue Band & Honda

Akar utama DKV adalah :

Ilmu Seni & Ilmu Komunikasi.
Akar pendukung :
Ilmu Sosbud, Ilmu Komputer,
Ilmu Ekonomi dan Ilmu
Psikologi.
cabang - cabang Ilmu DKV
adalah :
Ilustrasi
Fotogra
Tipogra (Huruf)
3 Dimesi
Multimedia
AVI (Elektronik Media)
Computer Graphic
Animasi Periklanan
Percetakan/Penerbita
Desain Identity Dsb,

TIPOGRAPHY & ILUSTRASI

Tipography

Tipography merupakan ilmu tentang seni dalam memilih dan

menata huruf font dengan pengaturan penyebarannya pada ruang ruang yang tersedia, untuk menciptakan CITRA tertentu, sehingga
dapat menolong pembaca untuk mendapatkan kenyamanan maksud
dan mampu membaca semaksimal mungkin.

DESGRAFATORIUM
Typographic

Prinsip Memilih Font

02

Tulisan yang bagus adalah

tulisan yang dapat
dimengerti dan dinikmati
oleh pembaca.

1. Clearity
bahwa suatu huruf mempunyai fungsi
tertentu yaitu harus dapat dilihat secara
jelas.
2. Readability
keterbacaan dan jenis huruf tersebut.
3. Legibility
lebih menekankan apakah kita mudah
membacanya atau tidak.
4. Visibility
lebih menekankan pada keindahan jenis
huruf tersebut.

Model Sesuai Anatomi

1. Oldstyle
Dibuat periode th.1470 s.d 1600. Contoh :
Garamound, Goudy Oldstyle, Bembo,
Bauer text, CG Cloister, Palatino, etc
2. Modern
Dibuat periode 1800. Contoh : Bodoni,
Didot, Torino,Melior , etc
3. Slab Serif
Ditandai bentuk serif tebal/sangat tebal.
Sebagai penarik perhatian. Misal
HEADER, Contoh : Boton, Aachen,
Calvert, etc.
4. Sans Serif
Huruf tanpa kait (serif) dikenal juga
Grostesques.Contoh: Helvetica, Univers,
Futura, Avant Grade, Franklin Gothic.

TIPOGRAPHY & ILUSTRASI

Ilustrasi
Ilustrasi adalah hasil visualisasi dari
suatu tulisan dengan teknik drawing,
lukisan, fotogra, atau teknik seni rupa
lainnya yang lebih menekankan
hubungan subjek dengan tulisan yang
dimaksud daripada bentuk.
Tujuan ilustrasi adalah untuk
menerangkan atau menghiasi suatu
cerita, tulisan, puisi, atau informasi
tertulis lainnya. Diharapkan dengan
bantuan visual, tulisan tersebut lebih
mudah dicerna
Contoh hasil karya DKV

DESGRAFATORIUM

03

Ilustrasi menjadi
berkembang dan menjadi
sebuah fenomena yang
mewarnai dunia
periklanan

Fungsi Khusus Ilustrasi

Memberikan bayangan setiap karakter di dalam

cerita
Memberikan bayangan bentuk alat-alat yang

digunakan di dalam tulisan ilmiah

Memberikan bayangan langkah kerja
Mengkomunikasikan cerita.
Menghubungkan tulisan dengan kreativitas dan
individualitas manusia.
Memberikan humor-humor tertentu untuk
mengurangi rasa bosan.
Dapat menerangkan konsep

Sejarah Ilustrasi di Indonesia

Di Indonesia, sejarah tradisi ilustrasi dapat merujuk kepada
lukisan gua yang terdapat di Kabupaten Maros, provinsi Sulawesi
Selatan dan di pulau Papua. Jejak ilustrasi yang berumur hampir
5000 tahun itu menggambarkan tumpukan jari tangan berwarna
merah terakota. Selain lukisan gua, wayang beber dalam hiburan
tradisional Jawa dan Bali dilihat sebagai ilustrasi yang
merepresentasikan alur cerita kisah Mahabarata, tradisi yang kirakira muncul bersamaan dengan berdirinya kerajaan Sriwijaya yang
menganut agama Hindu di Pulau Sumatera bagian Selatan

Peranan Ilustrasi
Pada saat ini peranan ilustrasi
sangat bermanfaat bagi perkembangan
periklanaan khususnya pada media
cetak dan televisi. Ilustrasi menjadi
berkembang dan menjadi sebuah
fenomena yang mewarnai dunia
periklanan bersamaan dengan elemenelemen lain seperti tipogra, layout,
advertising dan lainnya.
Contoh hasil karya DKV

Logo adalah perwakilan secara visual sebuah

perusahaan bisnis atau organisasi yang membentuk pondasi
identitas korporasi. Logo adalah sebuah nama, simbol,
lukisan huruf (monogram), emblem, merk dagang, atau alat
gras lainnya yang didesain untuk kemudahan dan
mendenisikan pengenalan oleh target konsumen dari
sebuah perusahaan.
Mengapa butuh logo ?
1. Mengenalkan Identitas
2. Menyebarkan Citra.
3. Kemudahan Interaksi.
4. Bagian dari Marketing
Tool.
5. Simbol Persatuan.

03
04

Macam-macam Logo
Logo KFC

DESGRAFATORIUM
KISS Keep It Simple,
Stupid
(John Williams)

Pengertian Logo

LOGO DAN LOGOTYPE

Logo McDonalds

1.Logotype : Logo yang dibuat menggunakan

Typogra yang khas, unik dan konsekuen.
2.Initials : Logo yang dibuat dari pengembangan
huruf pertama sebuah intasi atau perusahaan.
3.Pictorial Visual : Logo yang menggambarkan cita
perusahaan, jasa dan organisasi melalui
Resepresentasi Objek.
4.Abstract Visual : Logo yng memiliki bentuk abstrak
untuk menggambarkan sebuah perusahaan, jasa
atau organisasi.
5.Combination : Logo yang dikombinasikan semua
bentuk (Typogra dan Objek).

Bagaimana logo yang efektif itu ? menurut David E Carter dalam

bukunya The Big Book of Logo logo yang efektif itu mencangkup
hal-hal di bawah ini :
1. Originalitas & Destinctive : khas , unik
dan memiliki daya pembeda yang jelas.
2. Legible : Keterbacaan yang tinggi dan
berbagai ukuran.
3. Simple : Sederhana
4. Memorable : Mudah diingat
5. Easily Assosiated with Company : Mudah
dihubungkan dengan citra atau jenis
perusahaan.
6. Easy adaptable for all graphic media :
mudah di pasang diberbagai media
gras.

Cover The Big Book of Logo

Dalam membuat logo ada

beberapa hal yang harus
dilakukan
1. Mempelajari Design Brief
2. Mengadakan Riset dan
Brainstroming
3. Membuat Alternatif Logo
4. Presentasi
5. Revisi dan Penyempurnaan
6. Delivery Hasil Akhir

Untuk membuat logo

perlu adanya unsur
pembentuk logo yaitu :

1. Logo bentuk Alphabetical

: Terdiri dari bentu-bentuk
huruf atau kombinasi
bentuk huruf.
2. L o g o b e n t u k b e n d a
Konkrit : Misalkan bentuk
manusia, binatang
tanaman dll.
3. Logo bentu Abstract :
Memiliki elemen bentuk
abstrak, geometri, spiral,
busur, segitiga,
Proses Pembuatan Logo 1 bujursangkar, poligon,
garis, panah, lengkung
dan ekspresi 3D.
4. L o g o
b e n t u k
Simbol/Elemen : Bentukbentuk yang sudah
d i k e n a l u n t u k
menggambarkan
sesuatu hati, tanda
silang, petir, notasi dsb.

Proses Pembuatan Logo 2

Ti d a k m u d a h m e n g g a n t i
begitu saja sebuah logo yang
awalnya sudah menancap di hati
para konsumen dan masyarakat
(brand awareness). Sebuah
Logo didesain ulang dengan
alasan :

ReDesign Logo

Membuat Logo

LOGO DAN LOGOTYPE

DESGRAFATORIUM

05

Jangan menjiplak !!
Gunakan lawan sebagai
inspirasi saja

1. Berubahnya Visi dan Misi Perusahaan.

2. Logo mirip dengan Logo lainnya
3. Ada masalah teknis saat menggunakan Logo
misalnya Warna terlalu banyak, Bentuk kurang
sempurna, Logo susah dibuat variasi
4. Logo tidak sesuai Jaman

ReDesign atau pembuatan

kembali suatu Desain Logo

Model mode Bitmap

Line Art.
Black + White,
penerapan bit
(on = black, off
= white)

Grayscale.
Grey gabungan
Black + White,
256 color (8-bit)

Multitone.
Gabungan 2
warna, misal :
duotone

Fullcolor.
Menggunakan
model R G B ,
CMYK atau
LAB

Tentang Bitmap dan Vektor

BITMAP VS VEKTOR

Model Bitmap

Kedalaman Warna
Kedalaman warna menentukan berapa banyak warna
yang dapat ditampilkan oleh 1 pixel yang direpresentasikan
dalam banyak bit yang ditampung pada pixel. Semakin
banyak jumlah warna dalam suatu gambar maka gambar
yang dihasilkan akan semakin bagus. Kedalaman warna
(bitdepth) :
1 bit : monokrom (2 warna)
4 bit : greyscale atau color (16 warna)
8 bit : greyscale atau color (256 warna)
16 bit : high color (65.536 warna)
24 bit : true color (16.777.216 warna)
Zoom / Perbesaran
Resolusi
Adalah Kerapatan titik-titik yang
menunjukkan seberapa tajam gambar ini
ditampilkan, ditunjukkan dengan jumlah baris
dan kolom. Contohnya 300px/inch (satuan ini
sering dipakai agar hasil cetak tidak pecah, lebih
besar lebih bagus). Adalah lebar dan
panjangnya suatu media, Banyaknya warna atau
titik warna dalam satuan ukuran tertentu.
Digunakan ntuk menampilkan citra bitmap pada
layar (pixel) atau pencetakan printer (titik tinta)

DESGRAFATORIUM

06

n = horisontal (pixel)
m = vertical (pixel)
b = number bit of pixel

Perbandingan Perbesaran
antara Bitmap dan Vektor

Besarnya File
Dipengaruhi dimensi gambar = panjang, lebar,
dan kedalaman gambar (bit per pixel). Panjang
dan lebar dari sebuah gambar dalam satuan pixel.
Misalnya: 640480, 800600, 1024768, dst.
Kedalaman gambar artinya ruang yg disediakan
untuk menampung informasi warna dalam 1 pixel
(Pixel adalah satuan terkecil dari dimensi gambar).
Kedalaman 24bit berarti dalam 1 pixel disediakan
ruang sebanyak 24 bit untuk menampung warna.
Berhubung kita bicara ruang warna RGB, artinya
24 bit ini dibagi 3 :
R (red) = 8 bit, G (green) = 8 bit, dan B
(blue) = 8 bit.
Begitu pula untuk kedalaman warna 16bit,
32bit, atau yg lainnya. 16 bit artinya 1 pixel
perlu ruang 16 bit.

DESGRAFATORIUM

VS VEKTOR
BITMAP Perbedaan
Bitmap dan Vektor

07

jagged : gambar akan

kehilangan detil dan
akan terlihat kotak-kotak
pixel yang berundak

Vektor

Vector merupakan gambar digital

yang berbasiskan persamaan
perhitungan matematis. Ukuran
lebih kecil dibanding bitmap.
Gambar Vektor menggabungkan
titik dan garis untuk menjadi
sebuah objek. Anti pecah biarpun
diperbesar atau diperkecil, tidak
seperti gambar Bitmap.
D apat dirubah ke berbagai
ukuran dan juga dapat dicetak
pada tingkat resolusi sebesar
apapun tanpa kehilangan detil
dan ketajaman gambar.
Tidak dengan menggunakan
pixel, tetapi dengan kurva dan
garis yang didenisikan dalam
persamaan matematis yang
disebut vektor.
Tampilan bersifat relatif lebih kaku
daripada tampilan bitmap,
kualitasnya tidak bergantung
kepada resolusi gambar.
Extensi le : EPS, PDF, Ai, CDR,
CGM, SWF, SVG, WMF
Aplikasi pengolah vektor : Adobe
Illustrator, Beneba Canvas,
C o r e l D r a w, M a c r o m e d i a
Freehand, Metacreations
Expression, Micrografx Designer

Bitmap

Contoh Bitmap
Perbandingan Vektor dan
Bitmap saat diperbesar

Bitmap yaitu representasi dari

citra gras yang terdiri dari
susunan titik yang tersimpan di
m e m o r i k o m p u t e r.
Dikembangkan oleh Microsoft
dan nilai setiap titik diawali oleh 1
bit data untuk gambar hitam putih,
atau lebih bagi gambar berwarna.
Gambar bitmap bisa disebut juga
dengan gambar raster
merupakan kumpulan kotakkotak kecil (pixel). Titik-titik pixel
tersebut ditempatkan pada
lokasi-lokasi tertentu dengan
nilai-nilai warna tersendiri yang
secara keseluruhan akan
membentuk sebuah tampilan.
Mampu menunjukkan kehalusan
gradasi warna, bayangan dari
sebuah gambar, perpaduan
gradasi warna yang rumit, cocok
untuk foto dan lukisan digital.
Sangat tergantung dengan
resolusinya, karena setiap
gambar mempunyai jumlah pixel
yang pasti.
Jika pembesaran ukuran gambar
dengan resolusi kecil, maka
gambar akan kehilangan detil dan
akan terlihat kotak-kotak pixel
yang berundak (jagged).
Extensi le : BMP, GIF, PNG,
JPG, PICT, TIFF, PSD
Aplikasi pengolah bitmap : Adobe
Photoshop, Corel Photo Paint,
M a c r o m e d i a X r e s ,
M e t a c r e a t i o n s P a i n t e r,
Metacreations Live Picture,
Micrografx Picture Publisher,
Microsoft Photo Editor, QFX,
Wright Image, Pixelmator,
Manga studio, GIMP

Contoh Vektor

DESGRAFATORIUM

08

Corel kepanjangan
dari Cowpland
Research Laboratory

TOOL DESAIN
Pro le Aplikasi

Corel Draw

Michael Cowpland adalah sosok pen ng di belakang so ware Corel dia adalah
salah satu Entrepreneur dari Kanada , businessman, dan pendiri dari Corel,
dia cikal bakal yang melakukan research laboratory (Corel kepanjangan
dari Cowpland Research Laboratory). Pada tahun 1985 dia membuat
Corel Corporation yang berkantor pusat di Ottawa Kanada.
Diamempekerjakan teknisi software Michel Bouillon dan Pat Beirne untuk
mengembangkan program ilustrasi dasar vector untuk disatukan dengan
sistem desktop publishing mereka yang dimulai pada tahun 1987 dan
kemudianpada tahun 1989 Corel pertama kali dirilis. Hingga saat ini
perusahaan ini melesat sangat cepat begitu produk CorelDraw muncul

Logo Corel Draw

dipasaran, dan menjadiperusahaan software terbesar di Kanada.

Pengenalan
Pengertian
Pengertian Corel Draw adalah sebuah program komputer yang melakukan editing pada garis
vektor. Program ini dibuat oleh Corel, sebuah perusahaan software yang berkantor pusat di Ottawa,
Kanada. Corel draw memiliki kegunaan untuk mengolah gambar, oleh karena itu banyak digunakan
pada pekerjaan dalam bidang publikasi atau percetakan ataupun pekerjaan di bidang lain yang
membutuhkan proses visualisasi.
Keunggulan
a. Gambar yang dihasilkan dengan vektor atau berbasis vektor bisa ditekan pada tingkat yang paling
rendah namun hasilnya tidak kalah dengan gambar yang berbasis bitmap atau raster.Penggunaan
Corel Draw, terutama pada tool-tool yang ada di dalamnya sangat mudah dipahami oleh
penggunanya, bahkan oleh orang yang baru pertama menggunakannya.
b. Corel Draw sangat baik untuk mengkolaborasikan antara tulisan dengan gambar, seperti layaknya
Adobe Potoshop.
c. Banyaknya pengguna Corel Draw, membuat adanya komunitas dengan jumlah anggota yang besar.
Hal ini akan membuat kita tidak kesulitan jika ingin mempelajari Corel Draw lebih mendalam karena
banyak ditemukan tutorial, tips dan trik yang diproduksi oleh pengguna lain.

FASILITAS

Tampilan Lembar Kerja Corel Draw

Shortcut
Seperti Aplikasi-aplikasi lain Corel juga memiliki sourtcut
yang digunakan untuk mempermudah dan mempercepat
pengerjaan kita berikut beberapa sourtcutnya

DESGRAFATORIUM

09

Save data saat mendesain

adalah hal terpenting
untuk mencegah dikalau
komputer error

New File = Ctrl+N

Open FIle = Ctrl+O
Save = Ctrl+S
Save As = Ctrl+Shift+S
Import = Ctrl+I
Export = Ctrl+E
Exit (Keluar dari corel) = Alt+F4
Undo = Ctrl+Z (satu kali artinya mundur 1
perintah, 2 kali mundur 2 perintah, dst)
Redo = Ctrl+Shift+Z (maju langkah
perintah sebelumnya)
Properties = Alt + Enter

Fullscreen Preview/tampilan full = Ctrl+F9

Snap to Gird = Ctrl + Y
Group = Ctrl+G
Ungroup = Ctrl+U
Transformation Position = Alt+F7
Rotate = Alt+F8
Scale=Alt+F9
Size = Alt+F10
Object rata kiri = L
Object rata kanan = R
Object rata atas = T
Object rata bawah = B
Object rata tengah horisontal = E
Object rata tengah vertikal = C
Object rata di tengah halaman = P
Combine = Ctrl+L
Break Apart = Ctrl+K
Convert To Curves = Ctrl+Q
Gambar didepan Layer = Shift+PgUp
Gambar dibelakang Layer = Shift+PgDn
Forwad one = Ctrl+PgUp
Back one = Ctrl+PgDn
Format Karakter teks = Ctrl+T
Edit Teks = Ctrl+Shift+T
Masukan Karakter Simbol = Ctrl+F11
Convert Teks = Ctrl + F8
Spell Chek = Ctrl + F12
Simbol manager = Ctrl+F3
Refresh Windows = Ctrl+W

Corel Draw

TOOL DESAIN

Buka software Coreldraw.

Aktifkan Ellipse Tool dan buatlah sebuah lingkaran seperti pada
gambar di bawah dengan cara menekan Ctrl + Shift + Drag secara
bersamaan untuk membuat bulatan sempurna.

TUTORIAL COREL DRAW

Membuat Logo Ubuntu

Duplikat & perkecil objek lingkaran dengan cara klik objek

lingkaran > tarik + Tekan sudut lingkaran kedalam
(menjadi kecil) > masih ditekan + klik kanan > lepas klik kiri
> lepas klik kanan, lebih jelasnya lihat gambar dibawah.

Klik menu Arrange > Shaping > Trim. Maka pointer akan
berubah dan klik pada lingkaran pertama (yang lebih
besar), hasilnya objek lingkaran pertama akan terpotong
oleh lingkaran yang lebih kecil (lingkaran kedua).

Hapus lingkaran yang lebih kecil (lingkaran kedua).

Buat 3 buah objek persegi panjang seperti gambar dibawah.

Posisikan ke-3 objek persegi panjang

tadi seperti gambar dibawah.

Pilih ke-3 objek tadi lalu klik menu Arrange > Shape >
Trim. Maka pointer akan berubah dan klik pada lingkaran
pertama (yang lebih besar), hasilnya objek lingkaran
pertama akan terpotong (langkah ini sama seperti
langkah ke-5).
Hapus ke-3 objek persegi panjang tadi.
Pilih objek lingkaran yang telah terpotong-potong tadi
lalu tekan Ctrl+K (break apart berguna untuk
memisahkan objek menjadi beberapa bagian).
Buat 3 buah objek lingkaran dan posisikan seperti
gambar dibawah.

DESGRAFATORIUM

10

Ubuntu merupakan salah

satu OS (Operating
System) dari LINUX

Pilih salah satu objek lingkaran lalu klik menu

Arrange > Shape > Trim. Maka pointer akan berubah
dan klik pada lingkaran pertama (yangditempatinya),
hasilnya objek lingkaran pertama akan terpotong (
langkah ini sama seperti langkah ke-5 & 9 ).

Perkecil ke-3 objek lingkaran hingga seperti gambar dibawah. Dan beri
warna

Hasil jadi Logo Ubuntu

TOOL DESAIN
Photoshop

Pro le Aplikasi

Pada tahun 1987 Thomas knoll membuat program untuk menampilkan

menampilkan gambar grayscale pada layar monokrom. Programini, yang
disebut Display, menarik perhatian saudaranya John Knoll, seorang karyawan
diIndustrial Light & Magic, yang merekomendasikan Thomas agar mengubah
programnya menjadi program penyunting gambar penuh. Thomas mengambil
enam bulan istirahat dari studi pada tahun 1988 untuk berkolaborasi dengan
Logo Photoshop

saudaranya pada program itu, yang telah diubah namanya menjadi ImagePro.
Setelah tahun itu, Thomas mengubah nama programnya menjadi Photoshop
dan bekerja dalam jangka pendek dengan produsen scanner Barneyscan
untuk mendistribusikan salinan dari program tersebut dengan slide scanner;
total sekitar 200 salinan Photoshop telah dikirimkan

dengan cara ini.

Selama waktu itu, John bepergian ke Silicon Valley di California dan

memberikan demonstrasi program itu kepada insinyur di Apple Computer Inc.
Foto Thomas knoll

Pengenalan

dan Russell Brown, direktur seni diAdobe. Kedua demonstrasi itu berhasil,dan
Adobe memutuskan untuk membeli lisensi untuk mendistribusikan pada bulan
September 1988.

Penger an
Sofware Photoshop adalah suatu program edi ng gambar yang dipergunakan untuk
membuat, mengolah dan menghasilkan suatu gambar (image) digital dengan cara tehnik dan
meng-efek, sehingga gambar terlihat lain dari aslinya dan berkualitas nggi. Dengan Adobe
Photoshop kita dapat mendesain berbagai macam bentuk ilustrasi secara tepat seper :
koran, tabloid, cover buku, brosur dan lain-lain.
Keunggulan
a. Membuat tulisan dengan eect tertentu.
b. Membuat tekstur dan material yang beragam.
c. Mengedit foto dan gambar yang sudah ada.
d. Memproses materi Web.a. Membuat tulisan dengan
eect tertentu.

DESGRAFATORIUM

11

Thomas knoll adalah

penggagas adanya
photoshop

Tampilan Lembar Kerja Photoshop

Title Bar: Menampilkan nama le yang sedang aktif dan bisa di

gunakan untuk memindahkan posisi jendela photoshop pada
dekstop.
Menu Bar :Berisi deretan menu yang meliputi : File, Edit, Image,
Layer, Select, Filter, View, Windows, Help.
Ruler: Atau yang disebut juga penggaris yang berguna untuk

Photoshop

TOOL DESAIN

Pengenalan

Status Bar : Bagian ini menampilkan berbagai informasi

tentang objek dan perkakas yang sedang di pilih.
Drawing Windows : Daerah yang digunakan sebagai lembar
kerja untuk berkreasi dengan foto atau gambar.
Toolbox : Komponen yang digunakan untuk memberikan
akses perintah ke photoshop.
Pallete : Komponen ini digunakan untuk memilih dan mengatur
berbagai parameter.
Sizing Button : Tombol ukuran yang berada pada kanan atas
jendela Potoshop.

Shortcut

F Ganti mode screen. Gunakan tombol ini untuk mengganti antara

tampilan normal, full screen atau full screen dengan background hitam.
X Ganti warna. Bertukar warna antara background dan foreground.
D mengembalikan warna foregorund dan background ke default warna
hitam dan putih.
Ctrl + atau Ctrl - Perbesar atau perkecil ukuran dengan zoom
secara cepat.
Ctrl 0 Fit on Screen. Agar foto anda ditampilkan pas dengan ukuran
layar monitor anda.
Ctrl Alt Z kalau Ctrl-Z berarti undo, kombinasi Ctrl-Alt-Z berarti kita
bisa mundur satu langkah setiap kali memencet kombinasi ini
Ctrl Alt Shift N buat layer baru.
Ctrl A Select all. Membuat seleksi pada semua obyek yang ada di
kanvas.
Ctrl D Deselect All. gunakan kombinasi ini setelah anda selesai dengan
seleksi.
Ctrl E Merge Layers. Menggabungkan layer terpilih dengan satu layer
yang ada dibawahnya.
Ctrl Shift E Merge visible. Gabungkan semua layer yang terlihat
menjadi satu.
Ctrl G Group layers. Menjadikan beberapa layer sekaligus menjadi satu
folder atau group.
Ctrl T Free transform. Kalau anda ingin merotate atau resize, pencet
dulu tombol ini.
Ctrl J New layer via copy. Dipakai untuk menduplikat layer aktif (terpilih)
kedalam layer baru.

DESGRAFATORIUM

12

Untuk mempermudah
dalam membuat Design
Photoshop , selalu
gunakan Ruler

Ctrl I Invert selection. Kebalikan dari select all,

perintah ini memilih obyek yang tidak
terseleksi.
[ - Naikkan Turunkan ukuran brush.
] Turunkan ukuran brush
Shift [ - Menurunkan softness sebuah brush debanyak
25%.
Shift - ] Menaikkan softness sebuah brush sebanyak
25%.
Ctrl Alt Shift K menunjukkan help untuk perintah
keyboard shortcut.

13

"Convert to Smart
Object" hal ini untuk
melindungi gambar agar
tidak rusak saat
pengeditan

TUTORIAL PHOTOSHOP
Membuat Poster

DESGRAFATORIUM

1. Buka Aplikasi Photoshop, disini saya memakai

Photoshop CS3Masukkan foto yang akan kita edit (
Tekan CTRL + O > Lalu pilih foto > Open ) , disini saya
memakai foto Mr. Jeremy

2.Klik kanan layer background dan pilih

"Convert to Smart Object" hal ini untuk
melindungi gambar agar tidak rusak
saat pengeditan
3. Tambahkan Layer berwarna hitam di
bawah layer foto yang tadi kita convert
Caranya : Klik Layer > New Fill Layer >
Solid Color Klik OK, lalu pilih warna hitam
pekat.
4. Pindahkan Layer yang
kita buat ke bagian bawah
sendiri,Drag (tahan klik
kiri dan geser ke bawah)

5. Klik Kiri 2x - Color Fill 1, lalu ubah

namanya menjadi Background

6. Sekarang waktunya memulai membuat pengaturan Hitam dan Putih ( ini adalah cara termudah untuk
mengubah foto menjadi Lebih gelap / darkness ) Caranya : Klik Layer > New Adjustment Layer >
Black & White, Pilih mode Overlay, OK
7. Klik Layer 0 dan tambahkan noise (
Filter > Noise ) setting seperti ini:

8. Tambahkan Teks di gambar dengan teks tool

9. Sekarang ubah background dan foreground

ke black and white dengan menekan tombol
"D" pada keyboard. Setelah itu gunakan
Marquee Selection tool (Tekan Tombol M).

Selanjutnya

Membuat Poster

TUTORIAL PHOTOSHOP
10. Klik Layer 0 dan Tambahkan
seleksi seleksi seperti grak ke
foto, lakukan seperti ini

DESGRAFATORIUM

14

Photoshop sangat
berguna untuk
mengolah Bitmap

12. Beri teks sebagai judul di

sebelah kiri

11. Jika sudah selesai,

maka tambahkan /
klik "add vector
mask", dan..
13. Hasil Jadi dari tutorial Photoshop

Poster lm The Bourne Legacy

DAFTAR PUSTAKA
http://adesyams.blogspot.com/2009/10/pengenalan-adobephotoshop.html. (diakses 15 Juni 2014).
http://alif-ilmu.blogspot.com/2011/09/desain-logo-ubuntu-dengancoreldraw.html. (diakses 15 Juni 2014)
http://belajar-coreldraw.blogspot.com/2011/07/trick-cepat-kerjadengan-coreldraw.html. (diakses 15 Juni 2014).
http://belfot.com/20-shortcut-photoshop/. (diakses 15 Juni 2014).
http://ict.unm.ac.id/artikel-it/tutorial/102-os/681-pengertian-dansejarah-photoshop.html. (diakses 15 Juni 2014).
http://iyasphunkalfreth.blogspot.com/2010/09/manfaat-kelebihandan-kekurangan-dari.html. (diakses 15 Juni 2014).
http://tugasdesaintgi.wordpress.com/2013/10/30/pengenalancoreldraw/. (diakses 15 Juni 2014).
http://www.e-jurnal.com/2013/04/pengertian-ilustrasi.html.
(diakses 19 Juni 2014)
http://www.ilmugras.com/photoshop_foto11.php?page=posterlm-the-bourne-legacy. (diakses 15 Juni 2014)
Yudhanto, Yudha Skom. 2014. Color (Warna). Solo: Universitas
Sebelas Maret
Yudhanto, Yudha Skom. 2014. Logo & Logotype. Solo:
Universitas Sebelas Maret
Yudhanto, Yudha Skom. 2014. Nirmana dari yang tidak ada
menjadi ADA. Solo: Universitas Sebelas Maret
Yudhanto, Yudha Skom. 2014. Raster (Bitmap) VS Vektor. Solo :
Universitas Sebelas Maret
Yudhanto, Yudha Skom. 2014. Sejarah Konsep & Proses Desain.
Solo: Universitas Sebelas Maret
Yudhanto, Yudha Skom. 2014. Tipogra. Solo: Universitas Sebelas
Maret

PROFIL PENULIS
Muhammad Firdaus
M3112093
I Love Design &
I Love Make Design

Muhammad Firdaus

Muhammad Juang
M3112097
Design Memberikan Kesejukan Hati
dan Membuat Dunia Lebih Berwarna

Juju Juang

Muhammad Arif W
M3112095
Tak ada isi Kehidupan
TANPA Design

Muhammad Arif Wicaksono