all about graphic design
Post on 01-Apr-2016
224 Views
Preview:
DESCRIPTION
TRANSCRIPT
GraphicDesign
rizkytaqwa - puguh
All about modulegraphic designin 4th semester
Table of Contents
47
1 11
33 39
79
84
85
Tool DesainCorelDraw• Profil Aplikasi• Pengenalan• Shorcut • Tutorial LogoPhotoshop• Profil• Pengenalan• Shorcut • Tutorial Pen Tool
Mengenal DKV Tipografi & Ilustrasi
Logo & Logotype Bitmap & Vector
Bisnis Dunia DKV
Daftar Pustaka
Profil Penulis
Mengenal DKV asal mula DKV
1
Seni Rupa : Ekspresi seni dari seorang perupa (secarasubjektif) yang ingin disalurkan kepada penikmat karyamelalui kesamaan pandang, dan cita rasa. Dan bersifatabadi.
DKV Hasil karya yang didasarkan pada 3 konsep : • Konsep Komunikasi, • Melalui ungkapan Kreatif• Melalui berbagai media
DKV merupakan salah satucabang dari Seni Rupadan Seni Grafis.
desain komunikasi visual
Mengenal DKV Arti DKV
* Desain : perancangan estetika, citarasa & kreativitas* Komunikasi : sarana penyampaian pesan* Visual : Sesuatu yang bisa dilihat
2
Disiplin ilmu yang bertujuan mempelajari konsep konsep komunikasi serta ungkapan kreatif melaluiberbagai media untuk menyampaikan gagasan danpesan secara visual dengan mengelola elemen elemen grafis berupa : bentuk & gambar, tatananhuruf, komposisi warna serta layout dengan bantuanteknologi. Sehingga gagasan tersebut bisa ditrimapenerima
Mengenal DKV Arti komunikasi
Menurut Lexicographer (ahli kamus bahasa), komunikasiadalah upaya yang bertujuan berbagi untuk mencapaikebersamaan. Jika dua orang berkomunikasi makapemahaman yang sama terhadap pesan yang salingdipertukarkan adalah tujuan yang diinginkan olehkeduanya.
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
6
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, Fotografi, Tipografi,3 Dimesi, Multimedia, dll.
Mengenal DKV Peranan DKV #1
7
• Perancang Textile Designer• Desain Grafis/Graphic design• Perancang Identitas Visual• Logo type / Corporate Identity• Perancangan Mascot
Mengenal DKV Peranan DKV #2
8
• Animasi Komputer• Fotografi• Typographer• Perancangan Rambu• Desain Kemasan• Exhibition Desain• Grafik Data
Mengenal DKV Peranan DKV #3
9
• Design Web• Pembuatan Peta• Card Designer• Ilustrator• Design Cover• Graphics Presentation• Special Effect Film• Social Campaign
Mengenal DKV DKV #Multimedia
10
Secara sederhana berarti : Kemampuan untukberkomunikasi 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 untukmengendalikan program. Misal : Navigasi
Tipogra & Ilustrasi Arti Tipogra
11
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 m e n o l o n g p e m b a c a u n t u k m e n d a p a t k a n kenyamanan maksud dan mampu membaca semaksimal mungkin.
Tipogra & Ilustrasi 4 Prinsip Memilih Font
12
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.
Tipogra & Ilustrasi Macam Huruf
13
� 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
Tipogra & Ilustrasi Jenis Teknologi Font #1
14
Ditemukan Apple Computer dengan Teknologi Postscript. Dikreasikan dengan menggunakan Quadratic B-splines. Support Windows 3.11 s.d Windows 8. Truetype di rancang sebagai file tunggal (suitcase), yang di dalamnya sudah terdapat keluarga huruf dalam bentuk plain, plain italic, bold dan bold italic.
1. Postscript Dibuat Adobe th 1980. Dikreasikan dengan Bizier Curve
2. True type Format
Tipogra & Ilustrasi Jenis Teknologi Font #2
15
Multiple Master Font di identifikasikan 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 untukmerepresentasikan nilai axis. Dan jika kita membuat Multiple Master Font axis ini akan muncul dalam huruf kecil.
3. Multiple Master Font
Tipogra & Ilustrasi Jenis Teknologi Font #3
16
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.
4. Unicode Font Unicode
Tipogra & Ilustrasi Jenis Teknologi Font #4
17
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.
Tipogra & Ilustrasi On Windows OS
18
• Postscript ditandai dengan huruf “a” • Truetype ditandai huruf “TT” • Opentype ditandai huruf “o”
Tipogra & Ilustrasi Anatomi Huruf #1
19
• 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
Tipogra & Ilustrasi Anatomi Huruf #2
20
1) x-height 2) ascender line 3) apex 4) Baseline 5) Ascender 6) Crossbar 7) Stem 8) Serif
9) Leg 10) Bowl 11) Counter 12) collar13) Loop 14) Ear 15) Tie 16) horizontal bar
17) Arm 18) vertical bar 19) cap height 20) descended line
Tipogra & Ilustrasi Model sesuai Anatomi
21
1.OldStyleDibuat 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
Tipogra & Ilustrasi Model sesuai Anatomi
22
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
Tipogra & Ilustrasi Font Family #1
23
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.
Tipogra & Ilustrasi Font Family #2
24
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 Officiana
6. Font Univers. Typer face untuk beberapa jenis
Tipogra & Ilustrasi Arti Nirmana
25
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.
Tipogra & Ilustrasi Elemen Desain #1
26
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
Tipogra & Ilustrasi Elemen Desain #2
27
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
Tipogra & Ilustrasi Elemen Desain #3
28
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
Tipogra & Ilustrasi Elemen Desain #4
29
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
Tipogra & Ilustrasi Elemen Desain #5
30
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)
Tipogra & Ilustrasi Elemen Desain #6
31
6. Tekstur (texture)
� Nilai Rabaan atau halus-kasar permukaan suatu benda � Dalam DKV cenderung semu (bukan asli) � Gunanya mengatur keseimbangan dan kontras
Tipogra & Ilustrasi Elemen Desain #7
32
7. UKURAN (Size) � Mencapai Legibility (keterbacaaan) yang tinggi buatlah Prioritas (visual Hirarcy)
Logo & Logotype Arti Logo
33
• 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.
• Logo adalah perwakilan secara visual sebuah perusahaan bisnis atau organisasi yang membentuk pondasi identitas korporasi.
• Logo = Tanda Gambar (Picture Mark)
Logo
Logo & Logotype Alasan butuh logo
34
Mengapa butuh LOGO?
• Mengenalkan identitas • Menyebarkan Citra• Kemudahan Interaksi • Bagian dari Marketing Tool• Simbol Persatuan
Logo & Logotype Macam Logo
35
Macam LOGO
1. Logotype 2. Initials 3. Pictorial Visual 4. Abstract Visual 5. Combination
1
2
34
5
Logo & Logotype Ciri Logo Efektif #1
36
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 grafis
Logo & Logotype Ciri Logo Efektif #2
37
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)
Logo & Logotype 6 Step buat Logo
38
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 softfile.Selesaikan pembayaran
Bitmap & Vektor Arti Bitmap
39
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.
Bitmap yaitu representasi dari citra grafis 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.
Bitmap & Vektor Kedalaman Warna
40
• Kedalaman warna (bitdepth) :
• 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.
Bitmap & Vektor Resolusi
41
• 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)
Bitmap & Vektor File & Aplikasi Bitmap
42
File Bitmap :• BMP• GIF• PNG• JPG• PICT• TIFF• PSD
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
Bitmap & Vektor Arti Vector
43
• Dapat dirubah ke berbagai ukuran dan juga dapat dicetak pada tingkat resolusi sebesar apapun tanpa kehilangan detil dan ketajaman gambar.
• 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.
Bitmap & Vektor Arti Vector
44
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.
Bitmap & Vektor File & Aplikasi Vector
45
File Vector :• EPS • PDF • Ai • CDR • CGM • SWF • SVG • WMF
Aplikasi Vector :• Adobe Illustrator • Beneba Canvas • CorelDraw • Macromedia Freehand • Metacreations Expression • Micrografx Designer
Bitmap & Vektor Perbandingan
46
Tool Desain CorelDRAW
47
Tool Desain CorelDRAW
48
Pengertian
CorelDraw adalah editor grafis vektor yang dikembangkan dan dipasarkan oleh Corel CorporationOttawa, Kanada. Itu juga merupakan nama Corel Graphics Suite, yang terdiri dari editor gambarbitmap, Corel Photo-Paint, dan program grafis lainyang terkait. Versi terbaru ditunjuk X7 (setara denganversi 17), dan dirilis pada Maret 2014.
Tool Desain CorelDRAW ofce
49
Corel Corporation1600 Carling Ave.Ottawa, ONCanada K1Z 8R7
Corel TW Corp.7F No. 399, Rueiguang Rd,Neihu District, Taipei City114, Taiwan
Corel UK LimitedSapphire CourtBell Street MaidenheadBerkshire SL6 1BUUnited Kingdom
Tool Desain CorelDRAW version
50
Tool Desain CorelDRAW
51
• Windows 8/8.1 or Windows 7 (32-bit or 64-biteditions), 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 CorelDRAWStandard Membership, performance and stabilityupdates, online content, and some features, such asQR Codes, ConceptShare, Content Exchange
Minimum system requirements
Tool Desain CorelDRAW shortcut
52
Title bar. Display the titleof the open document
Menu bar. The area containing pull-down
options and commands
Toolbox. Containstools for creating and
modifying abjects in the drawing
Drawing window. The area bordered by
the scroll bars and application controls.
It includes the drawing page and the
surrounding area
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
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, fill, and resolution. The status bar shows the current mouse position
Rulers. Calibrated lines with markersused to determine the size and positionof the objects in a drawing
Standard toolbar. A detachable bar that containsshortcuts 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
Docker. A window containing available commands and setting relevant to a specific tool or task
Color pallette. A dockable bar that contains color swatches
Navigator. A button that opens a smaller display to help you move around a drawing
Tool Desain CorelDRAW tutorial#1
53
In this tutorial, you will create a logo based on a butterfly.This is what the final logo will look like
Setting up the drawingTo start making the logo, you will first create a newdocument and set the page size
What you will learnIn 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
Creating a logo
Tool Desain
54
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 set up the drawing
1. From the Zoom levels list box on the property bar, choose To width.2. In the toolbox, click the Artistic media tool3. From the Preset stroke list list box on the property bar, choose a stroke that is tapered at both ends4. 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 butterfly wings.
To draw the butterfly wing
CorelDRAW tutorial#2
Tool Desain
55
1. Click the Shape tool2. Drag any node in the stroke to modify the butterfly wing to your liking. This is what the butterfly wing looks like:
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.
To fine-tune the butterfly wing
To duplicate the butterfly wing
CorelDRAW tutorial#3
Tool Desain
56
1. Click the Artistic media tool2. From the Preset stroke list list box on the property bar, choose the stroke that is tapered at one end and flat at the other3. 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.
To draw the body of the butterfly
CorelDRAW tutorial#4
Tool Desain Photoshop
57
Tool Desain Photoshop prole
58
Tool Desain Photoshop Shortcut#1
59
Image
name
Toolbar
Layers
History
Image
Main menu Pallets Color
Tool Desain Photoshop Shortcut#2
60
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.
Most of the major tools are located in the Toolbar for easy access.
The image will appear in its own window once you open a file.
The name of any image that you open will be at the top of the image window as shown above.
Menu Bar
Toolbar
The Image
Image Name
Tool Desain Photoshop Shortcut#3
61
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.
Most of the major tools are located in the Toolbar for easy access.
The image will appear in its own window once you open a file.
The name of any image that you open will be at the top of the image window as shown above.
Pallettes
Toolbar
The Image
Image Name
Tool Desain Photoshop Shortcut#4
62
The Color palette displays the current foreground and background colors and RGB values for these colors.
The Historypalette stores and displays each action performedallowing you jump to any recent stage of the image alteration.
The Adjustmentlayers palette give you the ability to apply an effectto a group of layers in Photoshop, and then you can edit that effect later, while preserving the original 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.
Color, Swatches, Style
History
Adjustments
Layers
Tool Desain Photoshop tutorial#1
63
Cara menggunakan Pen Tool pada Photoshop
Bagian-bagian Pen Tool
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.
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.
Tool Desain Photoshop tutorial#2
64
Bagian - Bagian Pen Tool
Tool Desain Photoshop tutorial#3
65
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 denganwarna foreground.
Tool Desain
66
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.
Mengaktifkan Rubber Band akan sangat membantu karena akan menunjukkan bagaimana bentuk shape s e l a n j u t n y a s e b e l u m menambahkan Anchor Point.
3. Rubber Band
Photoshop tutorial#4
Tool Desain
67
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.
Photoshop tutorial#5
Tool Desain
68
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.
Photoshop tutorial#6
Tool Desain
69
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
Photoshop tutorial#7
Tool Desain
70
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.
Photoshop tutorial#8
Tool Desain
71
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.
Photoshop tutorial#9
Tool Desain
72
dapat juga dilakukan dengan menggunakan tool Add Anchor Point Tool yang ada pada hidden tab Pen Tool.
Photoshop tutorial#10
Tool Desain
73
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, mendefinisikan Custom Shape, membuat seleksi, memenuhinya dengan warna dan Stroke Path. Klik kanan pada path untuk memunculkan pilihannya.
Photoshop tutorial#11
Tool Desain
74
Create Vector Mask
Dengan path yang sudah jadi kita dapat mengkrop layer dengan Vector Mask layaknya seleksi untuk Layer Mask
Photoshop tutorial#12
Tool Desain
75
Define 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 Define Custom Shape, beri nama shape baru ini, tekan OK.
Photoshop tutorial#13
Tool Desain
76
Make Selection
Klik kanan pada path lalu pilih Make Selection untuk mebuat seleksi yang bentuknya seperti path yang kita buat.
Photoshop tutorial#14
Tool Desain
77
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.
Photoshop tutorial#15
Tool Desain
78
Stroke Path
Stroke Path digunakan untuk membuat garis dengan bentuk sepeti path, bisa dengan Brush atau lainya.
Demik ian tu tor ia l dasar menggunakan Pen Tool pada Photoshop, selamat mencoba
Free Transform
Free transform digunakan untuk mebesarkan objek , mengecilkan objek, mirror manual bahkan untuk efek perspektif dengan klik + drag sambil menekan tombol CTRL.
Photoshop tutorial#16
Bisnis Dunia DKV Komunikasi Visual
79
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.
desain komunikasi visual
Bisnis Dunia DKV Komunikasi Visual
80
Selain digunakan untuk berbagai keperluan, media komunikasivisual kerap dimanfaatkan s e b a g a i m e d i a p r o m o s i (komunikasi pemasaran) baik oleh lembaga bisnis maupun lembaga sosial.
desain komunikasi visual
Bisnis Dunia DKV Komunikasi Visual
81
Bentuk- Bentuk Media Komunikasi Visual Untuk Promosi Produk Layanan Sosial
desain komunikasi visual
BROCHURE (leaflet, folder, booklet, flyers, catalog, pamphlet)BOOKBULLETINNEWSLETTERNEWSPAPERMAGAZINESOUVENIR: gift, plaque, plaquetteCARD
Bisnis Dunia DKV Periklanan
82
desain komunikasi visual
Iklan adalah bagian dari bauran promosi (promotion mix), secara sederhana iklan didefinisikan 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
Periklanan
Bisnis Dunia DKV Media Promosi
83desain komunikasi visual
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).
Media Promosi
Tugas utama promosi adalah menginformasikan kepada calon pembeli tentang ketersediaan dan sifat produk.
Prol Penulis tentang kami
84
Nama Rizky Taqwa Perdana M3112118NIM
TIC Shift 1Kelas D3 Teknik InformatikaJurusan
Universitas Sebelas Maret085867789507HP
Nama Puguh Sudarmawanto M3112111NIM
TIC Shift 1Kelas D3 Teknik InformatikaJurusan
Universitas Sebelas Maret08970572665HP
Daftar Pustaka
85
* 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-tool- pada-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/desain- komunikasi-visual-media-promosi-social-marketing/* http://cahayaindesign.blogspot.com/2011/03/desain- komunikasi-visual-sebagai-media.html
desain komunikasi visual
top related