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 Grafis. 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 grafis 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 Fotografi Tipografi (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, 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 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 tipografi, 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 grafis lainnya yang didesain untuk kemudahan dan mendefinisikan 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 McDonald’s
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 : 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 grafis.
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: 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.
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 didefinisikan dalam persamaan matematis yang disebut vektor. Tampilan bersifat relatif lebih kaku daripada tampilan bitmap, kualitasnya tidak bergantung kepada resolusi gambar. Extensi file : 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 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 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 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
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 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.
DESGRAFATORIUM
11“
Thomas knoll adalah penggagas adanya photoshop
Tampilan Lembar Kerja Photoshop
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
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 grafik 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 film “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.ilmugrafis.com/photoshop_foto11.php?page=posterfilm-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. Tipografi. Solo: Universitas Sebelas Maret
PROFIL PENULIS Muhammad Firdaus M3112093 “I Love Design & I Love Make Design “
f
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 “
f
Muhammad Arif Wicaksono
f