Graphic Design All about module graphic design in 4th semester rizkytaqwa - puguh
Table of Contents
1 33
Mengenal DKV
47
Logo & Logotype
Tool Desain CorelDraw • Profil Aplikasi • Pengenalan • Shorcut • Tutorial Logo Photoshop • Profil • Pengenalan • Shorcut • Tutorial Pen Tool
11 39
Tipografi & Ilustrasi
79 84
Bitmap & Vector
Bisnis Dunia DKV
85
Daftar Pustaka
Profil Penulis
Mengenal DKV asal mula DKV DKV merupakan salah satu cabang dari Seni Rupa dan Seni Grafis.
desain komunikasi visual
Seni Rupa : 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 • Melalui berbagai media
1
Mengenal DKV Arti DKV * Desain : perancangan estetika, citarasa & kreativitas * Komunikasi : sarana penyampaian pesan * Visual : Sesuatu yang bisa dilihat
Disiplin ilmu yang bertujuan mempelajari konsep konsep komunikasi serta ungkapan kreatif melalui berbagai media untuk menyampaikan gagasan dan pesan secara visual dengan mengelola elemen elemen graďŹ s berupa : bentuk & gambar, tatanan huruf, komposisi warna serta layout dengan bantuan teknologi. Sehingga gagasan tersebut bisa ditrima penerima
2
Mengenal DKV Arti komunikasi Menurut Lexicographer (ahli kamus bahasa), komunikasi adalah upaya yang bertujuan berbagi untuk mencapai kebersamaan. Jika dua orang berkomunikasi maka pemahaman yang sama terhadap pesan yang saling dipertukarkan adalah tujuan yang diinginkan oleh keduanya.
Contoh : • Visualiser : Menata panggung • Desainer web : Menata Web • Desain UI : Menata Desain User Interface
3
Mengenal DKV
Karya desain DKV
4
Mengenal DKV
Karya desain DKV
5
Mengenal DKV
Pohon Ilmu DKV
Jika diibaratkan sebuah pohon. Akar utama DKV : Ilmu Seni & Ilmu Komunikasi. Akar pendukung DKV : Ilmu Sosbud, Ilmu Komputer , Ilmu Ekonomi dan Ilmu Psikologi. Cabang-cabang DKV : Ilustrasi, FotograďŹ , TipograďŹ , 3 Dimesi, Multimedia, dll.
6
Mengenal DKV
Peranan DKV #1
• Perancang Textile Designer • Desain Grafis/Graphic design • Perancang Identitas Visual • Logo type / Corporate Identity • Perancangan Mascot
7
Mengenal DKV
Peranan DKV #2
• Animasi Komputer • Fotografi • Typographer • Perancangan Rambu • Desain Kemasan • Exhibition Desain • Grafik Data
8
Mengenal DKV
Peranan DKV #3
• Design Web • Pembuatan Peta • Card Designer • Ilustrator • Design Cover • Graphics Presentation • Special Effect Film • Social Campaign
9
Mengenal DKV
DKV #Multimedia
Secara sederhana berarti : Kemampuan untuk berkomunikasi menggunakan lebih dari satu cara. * Teks. Dasar semua tampilan aplikasi layar * Image. Meliputi : Bitmap & Vektor * Movie. Rekaman Gambar Hidup * Animasi. Gambar dalam gerak-gerak yg berulang * Sound. Suara * User Control. Kelengkapan/fasilitas untuk mengendalikan program. Misal : Navigasi
10
Tipograď€ & Ilustrasi
Arti Tipograď€
Tipography merupakan ilmu tentang seni dalam memilih dan menata huruf font dengan pengaturan penyebarannya pada ruang-ruang yg tersedia, untuk menciptakan CITRA tertentu, sehingga dapat menolong pembaca untuk mendapatkan kenyamanan maksud dan mampu membaca semaksimal mungkin.
11
Tipograď€ & Ilustrasi
4 Prinsip Memilih Font
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.
12
Tipograď€ & Ilustrasi
Macam Huruf
Arab (Hijaiyah) = 30 huruf Ibrani = 22 huruf Fenisia = 24 huruf Tionghoa Jepang (kanji) Rusia = 33 Huruf Korea (Hanja, Hangul) Thailand (Thai) Jawa (Java) = 20 Huruf Isyarat Roman (Latin) = 26 Huruf
13
Tipograď€ & Ilustrasi
Jenis Teknologi Font #1
1. Postscript Dibuat Adobe th 1980. Dikreasikan dengan Bizier Curve 2. True type Format Ditemukan Apple Computer dengan Teknologi Postscript. Dikreasikan dengan menggunakan Quadratic B-splines. Support Windows 3.11 s.d Windows 8. Truetype di rancang sebagai ďŹ le tunggal (suitcase), yang di dalamnya sudah terdapat keluarga huruf dalam bentuk plain, plain italic, bold dan bold italic.
14
Tipograď€ & Ilustrasi
Jenis Teknologi Font #2
3. Multiple Master Font Multiple Master Font di identiďŹ kasikan dengan MM ditambah nama pendek dari huruf tersebut contohnya ITCAvaGarMM. Dan biasanya diikuti oleh dua huruf dari informasi titik (axes) seperti BD untuk Bold, XL untuk Light, NO untuk Normal, CN untuk Condensed, dan OP untuk Optikal. Nominal angka untuk merepresentasikan nilai axis. Dan jika kita membuat Multiple Master Font axis ini akan muncul dalam huruf kecil.
15
Tipograď€ & Ilustrasi
Jenis Teknologi Font #3
4. Unicode Font Unicode Adalah standard baru untuk menjabarkan characters set dalam sebuah sistem, bekerja mirip dengan ASCII (American Standard Code for Information Interchange). Biasanya dalam ASCII terdapat 200 set characters, tetapi dalam Unicode bisa terdapat 65000 jenis characters sehingga Unicode sering digunakan dalam informasi digital multi bahasa.
16
Tipograď€ & Ilustrasi
Jenis Teknologi Font #4
5. Opentype Ditemukan Microsoft & Adobe th 1996. adalah format gabungan dari True type dan Postscript. 6. Worldtype Worldtype Adalah format font yang dibuat oleh perusahaan font AGFA Monotype, format ini dibuat untuk memenuhi kebutuhan dari standar Unicode.
17
Tipogra & Ilustrasi
On Windows OS
• Postscript ditandai dengan huruf “a” • Truetype ditandai huruf “TT” • Opentype ditandai huruf “o”
18
Tipogra & Ilustrasi
Anatomi Huruf #1
• Huruf terdiri bagian-bagian yang secara ilmiah memiliki nama. Masing-masing memiliki fungsi spesifik dalam ilmu Typografi. • Anatomi Font (huruf) pada Tipografi dipakai sebagai identifikasi klasifikasi sebuah font dan juga untuk membuat font baru. • 2 aspek dasar anatomi Huruf berkaitan dengan manfaat font : – Bentuk Fisik Huruf. Bagaimana Huruf itu dibentuk, cara mengukurnya secara horisontal/vertikal – Bentuk, kontruksi, dan tampilan secara visual
19
Tipograď€ & Ilustrasi
1) x-height 2) ascender line 3) apex 4) Baseline 5) Ascender 6) Crossbar 7) Stem 8) Serif
Anatomi Huruf #2
9) Leg 10) Bowl 11) Counter 12) collar 13) Loop 14) Ear 15) Tie 16) horizontal bar
17) Arm 18) vertical bar 19) cap height 20) descended line
20
Tipograď€ & Ilustrasi
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
21
Tipogra & Ilustrasi
Model sesuai Anatomi
3. Slab Serif Ditandai bentuk serif tebal/sangat tebal. Sebagai penarik perhatian. Contoh : Boton, Aachen, Calvert, Memphis, Rockwell, Serifa, etc
4. Sans Serif Huruf tanpa kait dikenal “Grostesques”. Contoh : Helvetica, Univers, Futura, optima, Avant Grade, Franklin Gothic
22
Tipograď€ & Ilustrasi
Font Family #1
Oleh Moritz Brandis (1488) Jerman. Adalah variasi dari sebuah font, tanpa menghilangkan ciri Asli dari font : 1. Ketebalan (Weight). Ex : Ultra Light,m Light, Normal, Medium (Demi/Semibold), Bold, Extrabold dan Ultrabold 2. Proporsi Bentuk Huruf. Meliputi Condensed (disempitkan) dan Expanded (dilebarkan). Misal : Compressed, Ultra/Extra condensed, Condensed, Normal, Expanded, Extra Expanded dan Ultra Expanded.
23
Tipograď€ & Ilustrasi
Font Family #2
3. Sudut Kemiringan. Meliputi Italic (miring ke kanan), Slanted (miring ke kiri). Misal : Oblique, Cursive dan Slanted. 4. Textur Permukaan. Meliputi Huruf Outline, Huruf 3D 5. Desain. Satu macam dengan model berbeda. ex : ITC OfďŹ ciana 6. Font Univers. Typer face untuk beberapa jenis
24
Tipograď€ & Ilustrasi
Arti Nirmana
Apa itu Nirmana ? Dibentuk dari dua kata yaitu nir berarti tidak, mana berarti makna, jika digabungkan berarti tidak bermakna atau tidak mempunyai makna. Pengorganisasian atau penyusunan elemen-elemen design/visual seperti titik, garis, warna, ruang/bidang, tekstur dan ukuran menjadi satu kesatuan yang harmonis.
25
Tipograď€ & Ilustrasi
Elemen Desain #1
1. Titik (dot) Elemen paling Mendasar. Suatu bentuk kecil yang tidak mempunyai dimensi. Raut titik yang paling umum adalah bundaran sederhana, mampat, tak bersudut dan tanpa arah. Bisa ditarik menjadi garis dan diolah menjadi bidang
26
Tipograď€ & Ilustrasi
Elemen Desain #2
2. GARIS (line) Jejak dari suatu benda. Sebuah elemen 1 dimensi yang hanya memiliki ketebalan dan panjang tanpa kedalaman(depth) tapi punya arah Garis Vertikal : stabil, gagah & elegan Garis Diagonal : aktif, dinamis, bergerak dan menarik perhatian Penggunaan Garis : sketsa, margin, pembatas kolom, pembingkai atau pengisi bidang kosong
27
Tipograď€ & Ilustrasi
Elemen Desain #3
3. BIDANG (shape) Segala Bentuk apapun yang memiliki dimensi tinggi&lebar. Bidang berbentuk geometris (lingkaran,segitiga,segi empat,elips dsb) Geometris = Formal Non-Geometris = santai, dinamis, non-forma
28
Tipograď€ & Ilustrasi
Elemen Desain #4
4. WARNA (color) Pantulan cahaya yang diterima mata Hati-hati memilih warna!! Warna sangat dipengaruhi background! Warna dapat dilihat dari 3 dimensi HUE (chroma), pembagian warna berdasar nama2 VALUE (brightness/luma), terang gelapnya warna INTENSITY (saturation), kemurnian atau kejernihan warna
29
Tipogra & Ilustrasi
Elemen Desain #5
5. Gelap Terang (value) • Perbedaan Gelap Terang. Berguna untuk menonjolkan informasi atau pesan • Low Contrast Value = kalem,damai,statis dan tenang. High Contrast Value = dinamis,enerjik,riang,dramatis • Memadukan warna terang (putih,kuning,ijomuda dsb) dengan warna gelap (hitam,ungu,birutua dsb)
30
Tipograď€ & Ilustrasi
Elemen Desain #6
6. Tekstur (texture) Nilai Rabaan atau halus-kasar permukaan suatu benda Dalam DKV cenderung semu (bukan asli) Gunanya mengatur keseimbangan dan kontras
31
Tipograď€ & Ilustrasi
Elemen Desain #7
7. UKURAN (Size) Mencapai Legibility (keterbacaaan) yang tinggi buatlah Prioritas (visual Hirarcy)
32
Logo & Logotype
Arti Logo
Logo • Logo = Tanda Gambar (Picture Mark) • 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.
33
Logo & Logotype
Alasan butuh logo
Mengapa butuh LOGO? • Mengenalkan identitas • Menyebarkan Citra • Kemudahan Interaksi • Bagian dari Marketing Tool • Simbol Persatuan
34
Logo & Logotype Macam LOGO
4
1. Logotype 2. Initials 3. Pictorial Visual 4. Abstract Visual 5. Combination
5
Macam Logo 3
1 2
35
Logo & Logotype
Ciri Logo Efektif #1
David E Carter, pakar corporate identity dalam buku “The Big Book of Logoâ€?, logo yang baik mencakup hal : 1. Originalitas & Destinctive : khas, unik dan daya pembeda yang jelas 2. Legible : Keterbacaan yang tinggi dan berbagai ukuran 3. Simple : sederhana, mudah ditangkap dimengerti waktu cepat 4. Memorable : Mudah Diingat 5. Easily Assosiated with Company : mudah dihubungkan dengan jenis usaha atau citra perusahaan/organisasi 6. Easy adabtable for all graphic media : Mudah dipasang di berbagai media graďŹ s
36
Logo & Logotype
Ciri Logo Efektif #2
Jacob Cass memberikan tips prinsip desain logo : 1. Simple 2. Memorable (mudah diingat) 3. Timeless (efektif 5,10,50th?) 4. Versatile Effective without color (dicetak hitam putih, tetap efektif dan menarik) Scalable (dalam ukuran kecil masih bisa dibaca dan dikenali) 5. Appropriate Descripable (harus mendiskripsikan perusahaan/produk)
37
Logo & Logotype
6 Step buat Logo
1. Mempelajari Design Brief Deskripsi perusahaan, ketentuan, kemauan. Bisa wawancara 2. Mengadakan Riset & Brainstroming Memahami jenis produk, target, klien,kompetitor,keunggulan 3. Membuat Alternatif Logo Buat sketsa-sketsa kasar (rough layout) di kertas atau komputer 4. Presentasi Agar efektif berikan 3-4 alternatif design. Misal: logo, huruf dan gabungan 5. Revisi dan Penyempurnaan Klien adalah Raja. Berikan usulan positif. Bisa berkali-kali. Buat dokumen approval 6. Delivery Hasil Akhir Final art work berupa hardcopy dan softďŹ le. Selesaikan pembayaran
38
Bitmap & Vektor
Arti Bitmap
Bitmap yaitu representasi dari citra graďŹ s yang terdiri dari susunan titik yang tersimpan di memori komputer. 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 kotak-kotak kecil (pixel). Titik-titik pixel tersebut ditempatkan pada lokasi-lokasi tertentu dengan nilai-nilai warna tersendiri yang secara keseluruhan akan membentuk sebuah tampilan.
39
Bitmap & Vektor
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) :
40
Bitmap & Vektor
Resolusi
• Adalah Kerapatan titik-titik yang menunjukkan seberapa tajam gambar ini ditampilkan, ditunjukkan dengan jumlah baris dan kolom • Banyaknya warna atau titik warna dalam satuan ukuran tertentu. Digunakan ntuk menampilkan citra bitmap pada layar (pixel) atau pencetakan printer (titik tinta)
41
Bitmap & Vektor File Bitmap : • BMP • GIF • PNG • JPG • PICT • TIFF • PSD
File & Aplikasi Bitmap
Aplikasi Bitmap : • Adobe Photoshop • Corel Photo Paint • Macromedia Xres • Metacreations Painter • Metacreations Live Picture • Micrografx Picture Publisher • Microsoft Photo Editor • QFX • Wright Image • Pixelmator • Manga studio • GIMP
42
Bitmap & Vektor
Arti Vector
• 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.
43
Bitmap & Vektor
Arti Vector
Tidak dengan menggunakan pixel, tetapi dengan kurva dan garis yang dideďŹ nisikan dalam persamaan matematis yang disebut vektor. Tampilan bersifat relatif lebih kaku daripada tampilan bitmap, kualitasnya tidak bergantung kepada resolusi gambar.
44
Bitmap & Vektor File Vector : • EPS • PDF • Ai • CDR • CGM • SWF • SVG • WMF
File & Aplikasi Vector
Aplikasi Vector : • Adobe Illustrator • Beneba Canvas • CorelDraw • Macromedia Freehand • Metacreations Expression • Micrografx Designer
45
Bitmap & Vektor
Perbandingan
46
Tool Desain
CorelDRAW
47
Tool Desain
CorelDRAW
Pengertian CorelDraw adalah editor graďŹ s vektor yang dikembangkan dan dipasarkan oleh Corel Corporation Ottawa, Kanada. Itu juga merupakan nama Corel Graphics Suite, yang terdiri dari editor gambar bitmap, Corel Photo-Paint, dan program graďŹ s lain yang terkait. Versi terbaru ditunjuk X7 (setara dengan versi 17), dan dirilis pada Maret 2014.
48
Tool Desain
Corel Corporation 1600 Carling Ave. Ottawa, ON Canada K1Z 8R7
CorelDRAW ofď€ ce
Corel UK Limited Sapphire Court Bell Street Maidenhead Berkshire SL6 1BU United Kingdom
Corel TW Corp. 7F No. 399, Rueiguang Rd, Neihu District, Taipei City 114, Taiwan
49
Tool Desain
CorelDRAW version
50
Tool Desain
CorelDRAW
Minimum system requirements • Windows 8/8.1 or Windows 7 (32-bit or 64-bit editions), with latest service packs • Intel Core 2 Duo, AMD Athlon 64 • 2 GB of RAM • 1 GB of hard disk space • 1280 × 768 or higher monitor resolution • DVD drive for installation by disc • Mouse or tablet • Microsoft Internet Explorer 8 or higher • Internet connection required for CorelDRAW Standard Membership, performance and stability updates, online content, and some features, such as QR Codes, ConceptShare, Content Exchange
51
Tool Desain Title bar. Display the title of the open document
CorelDRAW shortcut
Rulers. Calibrated lines with markers used to determine the size and position of the objects in a drawing
Menu bar. The area containing pull-down options and commands
Standard toolbar. A detachable bar that contains shortcuts to menu and other commands, such as opening, saving and printing
Property bar. A detachable bar with commands that relate to the active tool or object
Toolbox. Contains tools for creating and modifying abjects in the drawing
Docker. A window containing available commands and setting relevant to a speciďŹ c tool or task
Drawing window. The area bordered by the scroll bars and application controls. It includes the drawing page and the surrounding area
Color pallette. A dockable bar that contains color swatches
Drawing page. The rectangular area inside the drawing window. It is the printable area of your work area Document pallette. A dockable bar that contains color swatches for the current document
Navigator. A button that opens a smaller display to help you move around a drawing Document navigator. An area that contains controls for moving between page and adding pages
Status bar. Contains information about object properties such as type, size, color, ďŹ ll, and resolution. The status bar shows the current mouse position
52
Tool Desain
CorelDRAW tutorial#1
Creating a logo In this tutorial, you will create a logo based on a butterfly. This is what the final logo will look like
What you will learn In this tutorial, you will learn how •to set up a custom page size •to use the Artistic media tool •to use the Shape tool •to duplicate objects •to mirror objects
Setting up the drawing To start making the logo, you will first create a new document and set the page size
53
Tool Desain
CorelDRAW tutorial#2
To set up the drawing 1. Click File > New. 2. In the Create a New Document dialog box, type 5 in the Width and Height boxes, ensure that inches is selected as the unit of measurement, and click OK.
To draw the buttery wing 1. From the Zoom levels list box on the property bar, choose To width. 2. In the toolbox, click the Artistic media tool 3. From the Preset stroke list list box on the property bar, choose a stroke that is tapered at both ends 4. In the Stroke width box, type .177. 5. On the color palette, click a Red color swatch. 6. Drag in the drawing window to create one of the buttery wings.
54
Tool Desain
CorelDRAW tutorial#3
To fine-tune the butterfly wing 1. Click the Shape tool 2. Drag any node in the stroke to modify the butterfly wing to your liking. This is what the butterfly wing looks like:
To duplicate the butterfly wing 1. Click the Pick tool in the toolbox, and click the butterfly wing. 2. Click Edit <= Duplicate to create another butterfly wing. 3. In the Duplicate offset dialog box, type 0 in the Horizontal offset and Vertical offset boxes, and click OK. If the Duplicate offset dialog box does not appear, click Tools > Options > Document > General and use the boxes in the Duplicate offset area. 4. In the toolbox, click the Free transform tool and then click the Free angle reflection button on the property bar. 5. Drag the axis so that the duplicate mirrors the original butterfly wing.
55
Tool Desain
CorelDRAW tutorial#4
To draw the body of the butterfly 1. Click the Artistic media tool 2. From the Preset stroke list list box on the property bar, choose the stroke that is tapered at one end and flat at the other 3. Now, you’ll add the head. In between the two wings, draw a circle that is approximately centered between the wings.
4. Now you’ll add the body by drawing an ellipse below the head.
5. To finish the butterfly, draw two antennae.
56
Tool Desain
Photoshop
57
Tool Desain
Photoshop proď&#x20AC; le
58
Tool Desain Main menu
Photoshop Shortcut#1 Pallets
Color
Image name
History Toolbar
Layers Image
59
Tool Desain
Photoshop Shortcut#2
Menu Bar If you look at the top of the screen you will see the Menu bar, which contains all the main functions of Photoshop, such as File, Edit, Image, Layer, Select, Filter, Analysis, 3D, View, Window, and Help.
Toolbar Most of the major tools are located in the Toolbar for easy access. The Image The image will appear in its own window once you open a ďŹ le. Image Name The name of any image that you open will be at the top of the image window as shown above.
60
Tool Desain
Photoshop Shortcut#3
Pallettes Palettes contain functions that help you monitor and modify images. By default, palettes are stacked together in groups. These are the palettes that are usually visible: Color, Adjustmentsand Layers. If none of the palettes are visible, go to Windowin the Menubar and choose the palettes you need. Toolbar Most of the major tools are located in the Toolbar for easy access. The Image The image will appear in its own window once you open a ďŹ le. Image Name The name of any image that you open will be at the top of the image window as shown above.
61
Tool Desain
Photoshop Shortcut#4
Color, Swatches, Style The Color palette displays the current foreground and background colors and RGB values for these colors. History The Historypalette stores and displays each action performed allowing you jump to any recent stage of the image alteration. Adjustments The Adjustmentlayers palette give you the ability to apply an effect to a group of layers in Photoshop, and then you can edit that effect later, while preserving the original layers. Layers Layerslet you organize your work into distinct levels that can be edited and viewed as individual units. Every Photoshop CS6 document contains at least one layer.
62
Tool Desain
Photoshop tutorial#1
Cara menggunakan Pen Tool pada Photoshop Cara Menggunakan Pen Tool pada Photoshop = kemampuan dasar adobe photoshop yg harus dimiliki guna menggambar or edit foto Photoshop. Karya seni seperti membuat kartun dengan photoshop membutuhkan teknik dasar Pen Tool untuk bisa membuatnya. Pen Tool juga bermanfaat ketika kita akan membuat karya yang membutuhkan garis-garis atau ketika ingin membuat seleksi. Disini akan saya berikan tutorial sederhana dalam menggunakan Pen Tool. Bagian-bagian Pen Tool Sebelum memulai pilih Pen Tool yang terletak pada menu vertikal sebelah kiri jendela Photoshop dan perhatikan bagian-bagian Pen tool berikut. Setiap bagian yang perlu akan saya beri penjelasan mengenai fungsinya masing-masing.
63
Tool Desain
Photoshop tutorial#2
Bagian - Bagian Pen Tool
64
Tool Desain
Photoshop tutorial#3
Opsi untuk Pen Tool 1. Shape Layers Dengan memilih Shape Layers maka setiap titik yang kita buat akan dihubungkan membentuk sebuah bidang (shape). Jika antara garis path dan garis yang menghubungkan titik pertama dan terakhir membentuk sebuah area, maka secara otomatis area tersebut akan terpenuhi dengan warna foreground.
65
Tool Desain
Photoshop tutorial#4
Opsi untuk Pen Tool 2. Paths Pada opsi Paths setiap titik yang dihubungkan akan membentuk path dan tidak membentuk bidang secara langsung. Opsi inilah yang sering digunakan untuk membuat garis-garis vektor. Dalam tutorial ini opsi inilah yang paling banyak akan kita bahas.
3. Rubber Band Mengaktifkan Rubber Band akan sangat membantu karena akan menunjukkan bagaimana bentuk shape selanjutnya sebelum menambahkan Anchor Point.
66
Tool Desain
Photoshop tutorial#5
Opsi Penggabungan Area Path Disini terdapat empat bentuk penggabungan, masing-masing akan membuat area yang berbeda jika dua atau lebih path area digabungkan. Untuk lebih jelasnya perhatikan gambar berikut.
67
Tool Desain
Photoshop tutorial#6
Cara Pertama Menggunakan Pen Tool Ada dua cara untuk menggunakan Pen Tool. Kita buat dulu huruf U menggunakan Horizontal Type Tool yang digunakan sebagai simulasi. Cara pertama buat path baru dengan mengklik ujung kiri atas huruf U, tarik ke kanan dan klik lagi pada sudut lain yang ada di sebelah kanan titik yang pertama. Zoom in (CTRL + Space + Klik) untuk view membesar dan zoom out (Ctrl + ALT +Space + klik) untuk view mengecil, cara ini dilakukan agar didapat hasil yang lebih akurat.
68
Tool Desain
Photoshop tutorial#7
Ulangi langkah ini untuk membuat path ke bawah sampai pada titik sebelum lengkungan. Untuk bagian lengkungan mulai dari titik terakhir, klik pada bagian tengah lengkungan, tahan klik dan tarik kursor ke kanan sampai path melengkung dengan rapi.
lanjutkan dengan cara yang sama sampai titik yang terakhir berhimpitan dengan titik yang pertama
69
Tool Desain
Photoshop tutorial#8
Cara Kedua Menggunakan Pen Tool Sebenarnya yang membedakan cara pertama dan kedua hanyalah pada bentuk melengkungnya, sedangkan untuk garis yang lurus sama saja dengan cara yang pertama. Jadi pertama buat path untuk garis lurusnya. Klik pada titik permulaan melengkung, lalu klik lagi pada bagian tengah lengkungan. Disini tidak perlu ditahan dan ditarik. Tekan Ctrl dan klik untuk menyudahi path.
70
Tool Desain
Photoshop tutorial#9
Tambahkan Anchor Point pada bagian tengah garis path di bagian lengkungan dengan klik kanan pada path dan pilih Add Anchor Point. Tekan Ctrl, klik Anchor Point yang baru dan tahan lalu geser ke sudut kiri bawah sampai posisinya sesuai lengkungan.
71
Tool Desain
Photoshop tutorial#10
dapat juga dilakukan dengan menggunakan tool Add Anchor Point Tool yang ada pada hidden tab Pen Tool.
72
Tool Desain
Photoshop tutorial#11
Menggunakan Path yang Sudah Jadi Dari langkah yang diatas kita selesaikan path tersebut sampai membentuk huruf U. Path yang sudah jadi dapat digunakan untuk membuat Vector Mask, mendeďŹ nisikan Custom Shape, membuat seleksi, memenuhinya dengan warna dan Stroke Path. Klik kanan pada path untuk memunculkan pilihannya.
73
Tool Desain
Photoshop tutorial#12
Create Vector Mask Dengan path yang sudah jadi kita dapat mengkrop layer dengan Vector Mask layaknya seleksi untuk Layer Mask
74
Tool Desain
Photoshop tutorial#13
DeďŹ ne Custom Shape Kita bisa membuat shape sendiri dengan path yang sudah kita buat. Jadi selanjutnya jika ingin membuat path yang sama tinggal menggunakan shape tersebut. Caranya klik kanan pada path, pilih DeďŹ ne Custom Shape, beri nama shape baru ini, tekan OK.
75
Tool Desain
Photoshop tutorial#14
Make Selection Klik kanan pada path lalu pilih Make Selection untuk mebuat seleksi yang bentuknya seperti path yang kita buat.
76
Tool Desain
Photoshop tutorial#15
Fill Path Dari path kita juga bisa mengisi areanya dengan warna tetentu. Bisa dengan warna foreground, background, pattern atau warna lain yang bisa kita pilih sendiri. Kita juga bisa mengatur Blending Mode dan Opacitynya.
77
Tool Desain
Photoshop tutorial#16
Free Transform Free transform digunakan untuk mebesarkan objek , mengecilkan objek, mirror manual bahkan untuk efek perspektif dengan klik + drag sambil menekan tombol CTRL.
Stroke Path Stroke Path digunakan untuk membuat garis dengan bentuk sepeti path, bisa dengan Brush atau lainya.
Demikian tutorial dasar menggunakan Pen Tool pada Photoshop, selamat mencoba
78
Bisnis Dunia DKV
Komunikasi Visual
desain komunikasi visual Komunikasi visual adalah suatu proses penyampaian pesan dimana lambang-lambang yang dikirimkan komunikator hanya ditangkap oleh komunikan semata-mata hanya melalui indra penglihatan. Bentuk komunikasi seperti ini bisa bersifat langsung (sebagaimana dua orang tuna rungu saling bercengkrama menggunakan bahasa isyarat), namun sebagian besar menggunakan media perantara yang lazim disebut media komunikasi visual.
79
Bisnis Dunia DKV
Komunikasi Visual
desain komunikasi visual Selain digunakan untuk berbagai keperluan, media komunikasi visual kerap dimanfaatkan sebagai media promosi (komunikasi pemasaran) baik oleh lembaga bisnis maupun lembaga sosial.
80
Bisnis Dunia DKV
Komunikasi Visual
Bentuk- Bentuk Media Komunikasi Visual Untuk Promosi Produk Layanan Sosial BROCHURE (leaflet, folder, booklet, flyers, catalog, pamphlet) BOOK BULLETIN NEWSLETTER NEWSPAPER MAGAZINE SOUVENIR: gift, plaque, plaquette CARD
desain komunikasi visual
81
Bisnis Dunia DKV
Periklanan
Periklanan Iklan adalah bagian dari bauran promosi (promotion mix), secara sederhana iklan dideďŹ nisikan sebagai suatu pesan yang menawarkan suatu produk yang ditujukan kepada masyarakat melalui media. Iklan lebih diarahkan untuk membujuk orang supaya membeli, bersama-sama dengan komponen lainnya dalam promotion mix
desain komunikasi visual
82
Bisnis Dunia DKV
Media Promosi
Media Promosi Promosi merupakan usaha komunikasi yang menjembatani kesenjangan antara produsen dan konsumen, usaha komunikasi tersebut dapat dibagi dalam bagian-bagian terdiri dari periklanan, publisitas, humas, dan proyek-proyek khusus seperti door to door (pintu ke pintu), direct mail (iklan pos langsung), sampling (contoh). Tugas utama promosi adalah menginformasikan kepada calon pembeli tentang ketersediaan dan sifat produk.
desain komunikasi visual
83
Proď&#x20AC; l Penulis
tentang kami
Nama Rizky Taqwa Perdana NIM M3112118 Kelas TIC Shift 1 Jurusan D3 Teknik Informatika Universitas Sebelas Maret HP 085867789507 Nama Puguh Sudarmawanto NIM M3112111 Kelas TIC Shift 1 Jurusan D3 Teknik Informatika Universitas Sebelas Maret HP 08970572665
84
Daftar Pustaka * http://rumahstudio.com/kuliah/desgraf/teori-dkv-1-2-3.pdf * http://rumahstudio.com/kuliah/desgraf/teori-dkv-4-typografy.pdf * http://rumahstudio.com/kuliah/desgraf/teori-dkv-5-nirmana.pdf * http://rumahstudio.com/kuliah/desgraf/teori-dkv-6-color.pdf * http://rumahstudio.com/kuliah/desgraf/lab-corel/1_CorelDraw%20X6.pdf * http://rumahstudio.com/kuliah/desgraf/teori-dkv-7-logo-logotype.pdf * http://rumahstudio.com/kuliah/desgraf/teori-dkv-8-raster-vektor.pdf * http://www.ahlidesain.com/cara-menggunakan-pen-toolpada-photoshop.html * http://help.adobe.com/archive/en/photoshop/cs6/ photoshop_reference.pdf * http://www.coreldraw.com/static/product_content/cdgs/x7/ CorelDRAWGraphicsSuiteX7_ReviewersGuide_en.pdf * http://en.wikipedia.org/wiki/CorelDRAW * http://id.wikipedia.org/wiki/Adobe_Photoshop * http://teddykw.wordpress.com/2008/02/25/desaindesain komunikasi visual komunikasi-visual-media-promosi-social-marketing/ * http://cahayaindesign.blogspot.com/2011/03/desainkomunikasi-visual-sebagai-media.html
85