DESGRAFATORIUM #Gudang Ilmu Desain Grafis

DESGRAFATORIUMDESGRAFATORIUMGudangnya Ilmu Desain Gra�sGudangnya Ilmu Desain Gra�s

GSBN 281223029-0

Created by : Muhammad Firdaus, Muhammad Arif W., Muhammad Juang

0101Mengenal DKVMengenal DKVAsal Mula DKVAsal Mula DKVPengertian DKVPengertian DKVHasil Karya DKVHasil Karya DKVPohon Ilmu DKVPohon Ilmu DKV

0202 Tipografi Tipografi & Ilustrasi& Ilustrasi

Tipogra�Tipogra�4 Prinsip Memilih Font4 Prinsip Memilih Font4 Model Sesuai Anatomi4 Model Sesuai Anatomi

0303 Tipografi Tipografi & Ilustrasi& Ilustrasi

IlustrasiIlustrasiFungsi Khusus IlustrasiFungsi Khusus IlustrasiSejarah Ilustrasi di IndonesiaSejarah Ilustrasi di IndonesiaPeranan IlustrasiPeranan Ilustrasi

0404 Logo & Logo & LogotypeLogotype

Pengertian LogoPengertian LogoMacam-macam LogoMacam-macam Logo 0505 Logo & Logo &

LogotypeLogotypeMembuat LogoMembuat LogoRe-Design LogoRe-Design Logo

0606 BitmapBitmapVs VektorVs Vektor

Tentang Bitmap dan VektorTentang Bitmap dan VektorModel BitmapModel Bitmap

0707 BitmapBitmapVs VektorVs Vektor

Perbedaan Bitmap dan VektorPerbedaan Bitmap dan Vektor

DAFTAR ISIDAFTAR ISI

0808 Tool DesainTool DesainCorel DrawCorel Draw

Pro�l AplikasiPro�l AplikasiPengenalanPengenalan

0909 Tool DesainTool DesainCorel DrawCorel Draw

ShortcutShortcut

ProfilProfilPenulisPenulis

DaftarDaftarPustakaPustaka

1010 Tutorial DesainTutorial DesainCorel DrawCorel Draw

Membuat Logo UbuntuMembuat Logo Ubuntu

1111 Tool DesainTool DesainPhotoshopPhotoshop

Pro�l AplikasiPro�l AplikasiPengenalanPengenalan

1212 Tool DesainTool DesainPhotoshopPhotoshop

PengenalanPengenalanShortcutShortcut

1313 TutorialTutorialPhotoshopPhotoshop

Membuat PosterMembuat Poster

1414 TutorialTutorialPhotoshopPhotoshop

Membuat PosterMembuat Poster

DESGRAFATORIUMDESGRAFATORIUMDESGRAFATORIUM01MENGENAL DKVMENGENAL DKV

DKV merupakan salaha satu bagian dari Seni Rupa dan Desain Grafis.

Perbedaan Seni Rupa Murni dan DKV

S e n i R u p a a d a l a h Ekspresi seni dari seorang perupa (secara subjektif) yang ing in d isa lu rkan kepada penikmat karya m e l a l u i k e s a m a a n pandang, dan cita rasa. Dan bersifat abadi.

DKV Hasil karya yang didasarkan pada 3 konsep : K o n s e p K o m u n i k a s i , Melalui ungkapan Kreatif dan Melalui berbagai media.

Asal Mula DKVAsal Mula DKV

Desain : perancangan estetika, citarasa & kreativitas

Komunikasi : tujuan penyampaian atau saran penyampaian pesan

Visual : Sesuatu yang bisa dilihat

Dis ip l in i lmu yang ber tu juan mempela jar i konsepkonsep komunikasi serta ungkapan kreat i f melalui berbagai media untuk menyampaikan gagasan dan pesan secara visual dengan mengelola elemen - elemen grafis berupa: bentuk & gambar, tatanan huruf, komposisi warna serta layout dengan bantuan teknologi. Sehingga gagasan tersebut bisa diterima penerima.

“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.

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

Hasil Karya DKVHasil Karya DKV

Pengertian Desain Pengertian Desain Komunikasi VisualKomunikasi Visual

Pohon Ilmu DKVPohon Ilmu DKV

Iklan “Blue Band” & “Honda”

Desain DKV

DESGRAFATORIUMDESGRAFATORIUM

TIPOGRAPHY & ILUSTRASITIPOGRAPHY & ILUSTRASITipography 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.

TipographyTipography

Prins

ip Me

milih

Font

Prins

ip Me

milih

Font

Model Sesuai AnatomiModel Sesuai Anatomi

DESGRAFATORIUM02“Tulisan yang bagus adalah t u l i s a n y a n g d a p a t 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.

1. OldstyleDibuat periode th.1470 s.d 1600. Contoh : Garamound, Goudy Oldstyle, Bembo, Bauer text, CG Cloister, Palatino, etc

2. ModernDibuat periode 1800. Contoh : Bodoni, Didot, Torino,Melior , etc

3. Slab SerifDitandai bentuk serif tebal/sangat tebal. Sebagai penarik perhatian. Misal HEADER, Contoh : Boton, Aachen, Calvert, etc.

4. Sans SerifHuruf tanpa kait (serif) dikenal juga “Grostesques”.Contoh: Helvetica, Univers, Futura, Avant Grade, Franklin Gothic.

Typographic

DESGRAFATORIUMDESGRAFATORIUM

TIPOGRAPHY & ILUSTRASITIPOGRAPHY & ILUSTRASIIlustrasiIlustrasi

DESGRAFATORIUM03“

Ilustrasi adalah hasil visualisasi dari suatu tulisan dengan teknik drawing, lukisan, fotografi, 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

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 kira-kira muncul bersamaan dengan berdirinya kerajaan Sriwijaya yang menganut agama Hindu di Pulau Sumatera bagian Selatan

Sejarah Ilustrasi di IndonesiaSejarah Ilustrasi di Indonesia

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 elemen-elemen lain seperti tipografi, layout, advertising dan lainnya.

Peranan IlustrasiPeranan Ilustrasi

Fungsi Khusus IlustrasiFungsi 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

Contoh hasil karya DKV

Contoh hasil karya DKV

I l u s t r a s i m e n j a d i berkembang dan menjadi sebuah fenomena yang m e w a r n a i d u n i a periklanan

03“

DESGRAFATORIUMDESGRAFATORIUMDESGRAFATORIUM04“KISS – Keep It Simple, Stupid (John Williams)

LOGO DAN LOGOTYPELOGO DAN LOGOTYPE

Peng

ertia

n Log

oPe

nger

tian L

ogoLogo 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 grafis lainnya yang didesain untuk kemudahan dan mendefinisikan pengenalan oleh target konsumen dari sebuah perusahaan.

1. Mengenalkan Identitas2. Menyebarkan Citra.3. Kemudahan Interaksi.4. Bagian dari Marketing

Tool.5. Simbol Persatuan.

Mengapa butuh logo ?

1.Logotype : Logo yang dibuat menggunakan Typografi 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 (Typografi 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 : Sederhana4. Memorable : Mudah diingat5. Easily Assosiated with Company : Mudah

dihubungkan dengan citra atau jenis perusahaan.

6. Easy adaptable for all graphic media : mudah di pasang diberbagai media grafis.

Cover The Big Book of Logo

Macam-macam LogoMacam-macam Logo Logo McDonald’s

Logo KFC

DESGRAFATORIUMDESGRAFATORIUMDESGRAFATORIUM05“J a n g a n m e n j i p l a k ! ! Gunakan lawan sebagai inspirasi saja

LOGO DAN LOGOTYPELOGO DAN LOGOTYPE

Memb

uat L

ogo

Memb

uat L

ogo Untuk membuat logo

p e r l u a d a n y a u n s u r 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 m a n u s i a , b i n a t a n g tanaman dll.

3. Logo bentu Abstract : Memiliki elemen bentuk abstrak, geometri, spiral, b u s u r , s e g i t i g a , bujursangkar, poligon, garis, panah, lengkung dan ekspresi 3D.

4. L o g o b e n t u k Simbol/Elemen : Bentuk-b e n t u k y a n g s u d a h d i k e n a l u n t u k m e n g g a m b a r k a n sesua tu ha t i , t anda silang, petir, notasi dsb.

Dalam membuat logo ada b e b e r a p a h a l y a n g h a r u s dilakukan

1. Mempelajari Design Brief2. Mengadakan Riset dan

Brainstroming3. Membuat Alternatif Logo4. Presentasi5. Revisi dan Penyempurnaan6. Delivery Hasil Akhir

Tidak mudah menggant i begitu saja sebuah logo yang awalnya sudah menancap di hati para konsumen dan masyarakat (brand awareness) . Sebuah Logo didesain ulang dengan alasan : Re

Desig

n Log

oRe

Desig

n Log

o1. Berubahnya Visi dan Misi Perusahaan.2. Logo mirip dengan Logo lainnya3. Ada masalah teknis saat menggunakan Logo

misalnya Warna terlalu banyak, Bentuk kurang sempurna, Logo susah dibuat variasi

4. Logo tidak sesuai Jaman

Proses Pembuatan Logo 2

ReDesign atau pembuatankembali suatu Desain Logo

Proses Pembuatan Logo 1

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

BITMAP VS VEKTORBITMAP VS VEKTOR

Tentang Bitmap dan VektorTentang Bitmap dan VektorKedalaman 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

Perbandingan Perbesaran antara Bitmap dan Vektor

ResolusiA d a l a h K e r a p a t a n t i t i k - t i t i k y a n g

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)

Model BitmapModel 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 RGB, C M Y K a t a u LAB

Model mode Bitmap

Besarnya FileDipengaruhi dimensi gambar = panjang, lebar,

dan kedalaman gambar (bit per pixel). Panjang dan lebar dari sebuah gambar dalam satuan pixel. Misalnya: 640×480, 800×600, 1024×768, 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.

DESGRAFATORIUMDESGRAFATORIUMDESGRAFATORIUM07“jagged : gambar akan kehilangan detil dan akan terlihat kotak-kotak pixel yang berundak

Bitmap yaitu representasi dari

citra grafis 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

d e n g a n g a m b a r r a s t e r

merupakan kumpulan kotak-

kotak kecil (pixel). Titik-titik pixel

tersebut di tempatkan pada

lokasi-lokasi tertentu dengan

nilai-nilai warna tersendiri yang

s e c a r a k e s e l u r u h a n a k a n

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 set iap

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 file : 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

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.

Dapat 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 didefinisikan dalam

persamaan matematis yang

disebut vektor.

Tampilan bersifat relatif lebih kaku

dar ipada tampi lan b i tmap,

kualitasnya tidak bergantung

kepada resolusi gambar.

Extensi file : EPS, PDF, Ai, CDR,

CGM, SWF, SVG, WMF

Aplikasi pengolah vektor : Adobe

I l lustrator, Beneba Canvas,

C o r e l D r a w , M a c r o m e d i a

F r e e h a n d , M e t a c r e a t i o n s

Expression, Micrografx Designer

BITM

AP V

S VE

KTOR

BITM

AP V

S VE

KTOR

Perb

edaa

n Bitm

ap da

n Vek

tor

Perb

edaa

n Bitm

ap da

n Vek

tor

Perbandingan Vektor dan Bitmap saat diperbesar

Contoh Vektor

BitmapVektor

Contoh Bitmap

DESGRAFATORIUMDESGRAFATORIUMDESGRAFATORIUM08

TOOL DESAINTOOL DESAINCorel DrawCorel Draw

““Corel” kepanjangan d a r i “ C o w p l a n d Research Laboratory”

Pengertian

Keunggulan

FASILITAS

Pro�le AplikasiPro�le Aplikasi

PengenalanPengenalan

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

dipasaran, dan menjadiperusahaan software terbesar di Kanada.

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.

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.

Tampilan Lembar Kerja Corel Draw

Logo Corel Draw


TOOL DESAINTOOL DESAIN

Core

l Dra

wCo

rel D

raw

“Save data saat mendesain adalah hal terpent ing untuk mencegah dikalau komputer error

ShortcutShortcutSeperti Aplikasi-aplikasi lain Corel juga memiliki sourtcut

yang digunakan untuk mempermudah dan mempercepat pengerjaan kita berikut beberapa sourtcutnya

§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


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.

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.

“Ubuntu merupakan salah s a t u O S ( O p e r a t i n g System) dari LINUX

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.

P o s i s i k a n k e - 3 o b j e k p e r s e g i p a n j a n g tadi seperti gambar dibawah.

TUTO

RIAL

COR

EL D

RAW

TUTO

RIAL

COR

EL D

RAW

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

Membuat Logo Ubuntu



Phot

osho

pPh

otos

hop

“Thomas knoll adalah penggagas adanya photoshop

Penger�an

Keunggulan


Pro�le AplikasiPro�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

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.

dan Russell Brown, direktur seni diAdobe. Kedua demonstrasi itu berhasil,dan

Adobe memutuskan untuk membeli lisensi untuk mendistribusikan pada bulan

September 1988.

a. Membuat tulisan dengan effect tertentu.

b. Membuat tekstur dan material yang beragam.

c. Mengedit foto dan gambar yang sudah ada.

d. Memproses materi Web.a. Membuat tulisan dengan

effect tertentu.

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.

Foto “Thomas knoll”

Tampilan Lembar Kerja Photoshop

Logo Photoshop



Phot

osho

pPh

otos

hop

“Untuk mempermudah dalam membuat Design P h o t o s h o p , s e l a l u gunakan Ruler

ShortcutShortcut 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.

Ctrl – I – Invert selection. Kebalikan dari select all, p e r i n t a h i n i m e m i l i h o b y e k y a n g t i d a k 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.

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.

Title Bar:� Menampilkan nama file 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


DESGRAFATORIUMDESGRAFATORIUMDESGRAFATORIUM13TUTORIAL PHOTOSHOPTUTORIAL PHOTOSHOP

“" C o n v e r t t o S m a r t Object" hal ini untuk melindungi gambar agar t i d a k r u s a k s a a t pengeditan

8. Tambahkan Teks di gambar dengan teks tool

Selanjutnya

Memb

uat P

oste

rMe

mbua

t Pos

ter

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:

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).

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

DESGRAFATORIUMDESGRAFATORIUMDESGRAFATORIUM14“Photoshop sangat b e r g u n a u n t u k mengolah Bitmap

TUTORIAL PHOTOSHOPTUTORIAL PHOTOSHOP10. Klik Layer 0 dan Tambahkan

seleksi seleksi seperti grafik ke foto, lakukan seperti ini

11. Jika sudah selesai, maka tambahkan / klik "add vector mask", dan..

12. Beri teks sebagai judul di sebelah kiri

13. Hasil Jadi dari tutorial Photoshop

Poster film “The Bourne Legacy”

Memb

uat P

oste

rMe

mbua

t Pos

ter

DAFTAR PUSTAKAPUSTAKA

Yudhanto, Yudha Skom. 2014. Sejarah Konsep & Proses Desain. Solo: Universitas Sebelas Maret

Yudhanto, Yudha Skom. 2014. Tipografi. Solo: Universitas Sebelas Maret

Yudhanto, Yudha Skom. 2014. Logo & Logotype. Solo: Universitas Sebelas Maret

Yudhanto, Yudha Skom. 2014. Color (Warna). Solo: Universitas Sebelas Maret

Yudhanto, Yudha Skom. 2014. Raster (Bitmap) VS Vektor. Solo : Universitas Sebelas Maret

Yudhanto, Yudha Skom. 2014. Nirmana dari yang tidak ada menjadi ADA. Solo: Universitas Sebelas Maret

http://belajar-coreldraw.blogspot.com/2011/07/trick-cepat-kerja-dengan-coreldraw.html. (diakses 15 Juni 2014).

http://alif-ilmu.blogspot.com/2011/09/desain-logo-ubuntu-dengan-coreldraw.html. (diakses 15 Juni 2014)

http://adesyams.blogspot.com/2009/10/pengenalan-adobe-photoshop.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-dan-sejarah-photoshop.html. (diakses 15 Juni 2014).

http://tugasdesaintgi.wordpress.com/2013/10/30/pengenalan-coreldraw/. (diakses 15 Juni 2014).

http://iyasphunkalfreth.blogspot.com/2010/09/manfaat-kelebihan-dan-kekurangan-dari.html. (diakses 15 Juni 2014).

http://www.e-jurnal.com/2013/04/pengertian-ilustrasi.html.(diakses 19 Juni 2014)

http://www.ilmugrafis.com/photoshop_foto11.php?page=poster-film-the-bourne-legacy. (diakses 15 Juni 2014)

PROFIL PENULISPENULIS

Muhammad Firdaus

“I Love Design & I Love Make Design “

Muhammad Arif W

“ Tak ada isi Kehidupan TANPA Design “

Muhammad Juang

f

f

f

“ Design Memberikan Kesejukan Hati dan Membuat Dunia Lebih Berwarna ”

Juju Juang

Muhammad Arif Wicaksono

Muhammad Firdaus

M3112093

M3112097

M3112095

DESGRAFATORIUM #Gudang Ilmu Desain Grafis

Documents

Transcript of DESGRAFATORIUM #Gudang Ilmu Desain Grafis