all about graphic design

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


8

• Animasi Komputer• Fotografi• Typographer• Perancangan Rambu• Desain Kemasan• Exhibition Desain• Grafik Data


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


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


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


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


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


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


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


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)


31

6. Tekstur (texture)

� Nilai Rabaan atau halus-kasar permukaan suatu benda � Dalam DKV cenderung semu (bukan asli) � Gunanya mengatur keseimbangan dan kontras


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


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


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


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


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


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


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


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.


64

Bagian - Bagian Pen Tool


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.


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.


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


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.


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.


Tool Desain

72

dapat juga dilakukan dengan menggunakan tool Add Anchor Point Tool yang ada pada hidden tab Pen Tool.


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.


Tool Desain

74

Create Vector Mask

Dengan path yang sudah jadi kita dapat mengkrop layer dengan Vector Mask layaknya seleksi untuk Layer Mask


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.


Tool Desain

76

Make Selection

Klik kanan pada path lalu pilih Make Selection untuk mebuat seleksi yang bentuknya seperti path yang kita buat.


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.


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.


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.



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.



81

Bentuk- Bentuk Media Komunikasi Visual Untuk Promosi Produk Layanan Sosial


BROCHURE (leaflet, folder, booklet, flyers, catalog, pamphlet)BOOKBULLETINNEWSLETTERNEWSPAPERMAGAZINESOUVENIR: gift, plaque, plaquetteCARD

Bisnis Dunia DKV Periklanan

82


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


all about graphic design

Documents

menata panggung desainer

mengenal dkv peranan

menata web desain ui

seni rupadan seni gras

ilmu seni ilmu komunikasi

dkv hasil karya

berbagai media dkv

akar utama dkv