ebook_tic1_m3112118_m3112111

7/23/2019 Ebook_TIC1_M3112118_M3112111

1/87

Graphic

Design

rizkytaqwa - puguh

All about module

graphic designin 4th semester

7/23/2019 Ebook_TIC1_M3112118_M3112111

2/87

Table of Contents

47

1 1133 39

79

8485

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

7/23/2019 Ebook_TIC1_M3112118_M3112111

3/87

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.

DKVHasil 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

7/23/2019 Ebook_TIC1_M3112118_M3112111

4/87

Mengenal DKV Arti DKV

* Desain : perancangan estetika, citarasa & kreativitas* Komunikasi : sarana penyampaian pesan* Visual : Sesuatu yang bisa dilihat

2

Disiplin ilmu yang bertujuan mempelajari konsepkonsep komunikasi serta ungkapan kreatif melaluiberbagai media untuk menyampaikan gagasan danpesan secara visual dengan mengelola elemenelemen grafis berupa : bentuk & gambar, tatananhuruf, komposisi warna serta layout dengan bantuanteknologi. Sehingga gagasan tersebut bisa ditrimapenerima

7/23/2019 Ebook_TIC1_M3112118_M3112111

5/87

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 oleh

keduanya.

Contoh : Visualiser : Menata panggung

Desainer web : Menata Web Desain UI : Menata Desain User Interface

3

7/23/2019 Ebook_TIC1_M3112118_M3112111

6/87

Mengenal DKV Karya desain DKV

4

7/23/2019 Ebook_TIC1_M3112118_M3112111

7/87

Mengenal DKV Karya desain DKV

5

7/23/2019 Ebook_TIC1_M3112118_M3112111

8/87

Mengenal DKV Pohon Ilmu DKV

6

Jika diibaratkan sebuah pohon.Akar utama DKV :Ilmu Seni & Ilmu Komunikasi.

Akar pendukungDKV :Ilmu Sosbud, Ilmu Komputer ,Ilmu Ekonomi dan Ilmu Psikologi.Cabang-cabangDKV :Ilustrasi, Fotografi, Tipografi,3 Dimesi, Multimedia, dll.

7/23/2019 Ebook_TIC1_M3112118_M3112111

9/87

Mengenal DKV Peranan DKV #1

7

Perancang Textile Designer Desain Grafis/Graphic design Perancang Identitas Visual Logo type / Corporate Identity Perancangan Mascot

7/23/2019 Ebook_TIC1_M3112118_M3112111

10/87


8

Animasi Komputer Fotografi Typographer Perancangan Rambu Desain Kemasan Exhibition Desain

Grafik Data

7/23/2019 Ebook_TIC1_M3112118_M3112111

11/87


9

Design Web Pembuatan Peta Card Designer Ilustrator Design Cover Graphics Presentation

Special Effect Film Social Campaign

7/23/2019 Ebook_TIC1_M3112118_M3112111

12/87

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

7/23/2019 Ebook_TIC1_M3112118_M3112111

13/87

Tipogra & Ilustrasi Arti Tipogra

11

Tipography merupakan ilmu tentang seni dalammemilih dan menata huruf font dengan pengaturanpenyebarannya pada ruang-ruang yg tersedia, untukmenciptakan CITRA tertentu, sehingga dapatmeno long pembaca un tuk mendapa tkankenyamanan maksud dan mampu membaca

semaksimal mungkin.

7/23/2019 Ebook_TIC1_M3112118_M3112111

14/87

Tipogra & Ilustrasi 4 Prinsip Memilih Font

12

1. Clearitybahwa suatu huruf mempunyai fungsi tertentu yaituharus dapat dilihat secara jelas.2. Readabilityketerbacaan dan jenis huruf tersebut.3. Legibility

lebih menekankan apakah kita mudah membacanyaatau tidak.4. Visibilitylebih menekankan pada keindahan jenis huruf tersebut.

7/23/2019 Ebook_TIC1_M3112118_M3112111

15/87

Tipogra & Ilustrasi Macam Huruf

13

Arab (Hijaiyah) = 30 hurufIbrani = 22 hurufFenisia = 24 hurufTionghoaJepang (kanji)Rusia = 33 Huruf

Korea (Hanja, Hangul)Thailand (Thai)Jawa (Java) = 20 HurufIsyaratRoman (Latin) = 26 Huruf

7/23/2019 Ebook_TIC1_M3112118_M3112111

16/87

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 rancangsebagai file tunggal (suitcase), yang di dalamnya sudahterdapat keluarga huruf dalam bentuk plain, plain italic, bolddan bold italic.

1. Postscript

Dibuat Adobe th 1980. Dikreasikan dengan Bizier Curve

2. True type Format

7/23/2019 Ebook_TIC1_M3112118_M3112111

17/87


15

Multiple Master Font di identifikasikan dengan MM ditambahnama 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, CNuntuk Condensed, dan OP untuk Optikal. Nominal angka untuk

merepresentasikan nilai axis. Dan jika kita membuat MultipleMaster Font axis ini akan muncul dalam huruf kecil.

3. Multiple Master Font

7/23/2019 Ebook_TIC1_M3112118_M3112111

18/87


16

Adalah standard baru untuk menjabarkan characters set dalamsebuah sistem, bekerja mirip dengan ASCII (American StandardCode for Information Interchange). Biasanya dalam ASCIIterdapat 200 set characters, tetapi dalam Unicode bisa terdapat65000 jenis characters sehingga Unicode sering digunakan

dalam informasi digital multi bahasa.

4. Unicode Font Unicode

7/23/2019 Ebook_TIC1_M3112118_M3112111

19/87


17

5. OpentypeDitemukan Microsoft & Adobe th 1996. adalah format gabungandari True type dan Postscript.6. Worldtype WorldtypeAdalah format font yang dibuat oleh perusahaan font AGFA

Monotype, format ini dibuat untuk memenuhi kebutuhan daristandar Unicode.

7/23/2019 Ebook_TIC1_M3112118_M3112111

20/87

Tipogra & Ilustrasi On Windows OS

18

Postscript ditandai dengan huruf a Truetype ditandai huruf TT Opentype ditandai huruf o

7/23/2019 Ebook_TIC1_M3112118_M3112111

21/87

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 identifikasiklasifikasi sebuah font dan juga untuk membuat font baru.

2 aspek dasar anatomi Huruf berkaitan dengan manfaat font : Bentuk Fisik Huruf. Bagaimana Huruf itu dibentuk, caramengukurnya secara horisontal/vertikal Bentuk, kontruksi, dan tampilan secara visual

7/23/2019 Ebook_TIC1_M3112118_M3112111

22/87

Tipogra & Ilustrasi Anatomi Huruf #2

20

1) x-height2) ascender line3) apex4) Baseline5) Ascender6) Crossbar7) Stem8) Serif

9) Leg10) Bowl11) Counter12) collar13) Loop14) Ear15) Tie16) horizontal bar

17) Arm18) vertical bar19) cap height20) descended line

7/23/2019 Ebook_TIC1_M3112118_M3112111

23/87

Tipogra & Ilustrasi Model sesuai Anatomi

21

1.OldStyle

Dibuat periode th.1470 s.d 1600.Contoh : Garamound,Goudy Oldstyle, Bembo, Bauer text,CG Cloister, Palatino, etc2. Modern

Dibuat periode 1800.Contoh : Bodoni, Didot,Torino,Melior, etc

7/23/2019 Ebook_TIC1_M3112118_M3112111

24/87

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 SerifHuruf tanpa kait dikenal Grostesques.Contoh : Helvetica, Univers, Futura,

optima, Avant Grade, Franklin Gothic

7/23/2019 Ebook_TIC1_M3112118_M3112111

25/87

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) danExpanded (dilebarkan). Misal : Compressed, Ultra/Extra condensed,Condensed, Normal, Expanded, Extra Expanded dan Ultra Expanded.

7/23/2019 Ebook_TIC1_M3112118_M3112111

26/87

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

7/23/2019 Ebook_TIC1_M3112118_M3112111

27/87

Tipogra & Ilustrasi Arti Nirmana

25

Apa itu Nirmana ?

Dibentuk dari dua kata yaitu nir berarti tidak, mana berartimakna, jika digabungkan berarti tidak bermakna atau tidakmempunyai makna.

Pengorganisasian atau penyusunan elemen-elemendesign/visual seperti titik, garis, warna, ruang/bidang, teksturdan ukuran menjadi satu kesatuan yang harmonis.

7/23/2019 Ebook_TIC1_M3112118_M3112111

28/87

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

& l

7/23/2019 Ebook_TIC1_M3112118_M3112111

29/87


27

2. GARIS (line)

Jejak dari suatu benda. Sebuah elemen 1 dimensi yanghanya memiliki ketebalan dan panjang tanpakedalaman(depth) tapi punya arah

Garis Vertikal : stabil, gagah & eleganGaris Diagonal : aktif, dinamis, bergerak dan menarik perhatian

Penggunaan Garis : sketsa, margin, pembatas kolom,pembingkai atau pengisi bidang kosong

Ti & Il i

7/23/2019 Ebook_TIC1_M3112118_M3112111

30/87


28

3. BIDANG (shape)

Segala Bentuk apapun yang

memiliki dimensi tinggi&lebar.Bidang berbentuk geometris(lingkaran,segitiga,segi empat,elips dsb)

Geometris = FormalNon-Geometris = santai, dinamis,

non-forma

Ti & Il i

7/23/2019 Ebook_TIC1_M3112118_M3112111

31/87


29

4. WARNA (color)

Pantulan cahaya yang diterima mataHati-hati memilih warna!!Warna sangat dipengaruhi background!

Warna dapat dilihat dari 3 dimensiHUE (chroma), pembagian warna berdasar nama2VALUE (brightness/luma), terang gelapnya warnaINTENSITY (saturation), kemurnian atau kejernihan warna

Ti & Il i

7/23/2019 Ebook_TIC1_M3112118_M3112111

32/87


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) denganwarna gelap (hitam,ungu,birutua dsb)

Ti & Il t i

7/23/2019 Ebook_TIC1_M3112118_M3112111

33/87


31

6. Tekstur (texture)

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

Ti & Il t i #

7/23/2019 Ebook_TIC1_M3112118_M3112111

34/87


32

7. UKURAN (Size)

Mencapai Legibility (keterbacaaan) yang tinggi

buatlah Prioritas (visual Hirarcy)

L & L t A L

7/23/2019 Ebook_TIC1_M3112118_M3112111

35/87

Logo & Logotype Arti Logo

33

Logo adalah sebuah nama, simbol, lukisan huruf (monogram),emblem, merk dagang, atau alat grafis lainnya yang didesainuntuk kemudahan dan mendefinisikan pengenalan oleh targetkonsumen dari sebuah perusahaan.

Logo adalah perwakilan secara visual sebuah perusahaanbisnis atau organisasi yang membentuk pondasi identitaskorporasi.

Logo = Tanda Gambar (Picture Mark)

Logo

L & L t Al b h l

7/23/2019 Ebook_TIC1_M3112118_M3112111

36/87

Logo & Logotype Alasan butuh logo

34

Mengapa butuh LOGO?

Mengenalkan identitas Menyebarkan Citra Kemudahan Interaksi Bagian dari Marketing Tool

Simbol Persatuan

Logo & Logotype M L

7/23/2019 Ebook_TIC1_M3112118_M3112111

37/87

Logo & Logotype Macam Logo

35

Macam LOGO

1. Logotype2. Initials3. Pictorial Visual4. Abstract Visual

5. Combination 1

2

34

5

Logo & Logotype Ci i L Ef ktif #1

7/23/2019 Ebook_TIC1_M3112118_M3112111

38/87

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 dayapembeda yang jelas2. Legible: Keterbacaan yang tinggi dan berbagai ukuran

3. Simple: sederhana, mudah ditangkap dimengerti waktu cepat4. Memorable: Mudah Diingat5. Easily Assosiated with Company: mudah dihubungkandengan jenis usaha atau citra perusahaan/organisasi6. Easy adabtable for all graphic media :Mudah dipasang di

berbagai media grafis

Logo & Logotype Ci i L Ef ktif #2

7/23/2019 Ebook_TIC1_M3112118_M3112111

39/87

Logo & Logotype Ciri Logo Efektif #2

37

Jacob Cassmemberikan tips prinsip desain logo :

1. Simple2. 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 St b t L

7/23/2019 Ebook_TIC1_M3112118_M3112111

40/87

Logo & Logotype 6 Step buat Logo

38

1. Mempelajari Design BriefDeskripsi perusahaan, ketentuan, kemauan. Bisa wawancara

2. Mengadakan Riset & BrainstromingMemahami jenis produk, target, klien,kompetitor,keunggulan3. Membuat Alternatif LogoBuat sketsa-sketsa kasar (rough layout) di kertas atau komputer4. Presentasi

Agar efektif berikan 3-4 alternatif design. Misal: logo,huruf dan gabungan5. Revisi dan PenyempurnaanKlien adalah Raja. Berikan usulan positif. Bisa berkali-kali.Buat dokumen approval

6. Delivery Hasil AkhirFinal art work berupa hardcopy dan softfile.Selesaikan pembayaran

Bitmap & Vektor Arti Bitmap

7/23/2019 Ebook_TIC1_M3112118_M3112111

41/87

Bitmap & Vektor Arti Bitmap

39

Gambar bitmap bisa disebut juga dengan gambar raster

merupakan kumpulan kotak-kotak kecil (pixel). Titik-titik pixeltersebut ditempatkan pada lokasi-lokasi tertentu dengannilai-nilai warna tersendiri yang secara keseluruhanakan membentuk sebuah tampilan.

Bitmap yaitu representasi dari citra grafis yang terdiri dari

susunan titik yang tersimpan di memori komputer.Dikembangkan oleh Microsoftdan nilai setiap titik diawalioleh 1 bit data untuk gambar hitam putih, atau lebih bagigambar berwarna.

Bitmap & Vektor Kedalaman Warna

7/23/2019 Ebook_TIC1_M3112118_M3112111

42/87

Bitmap & Vektor Kedalaman Warna

40

Kedalaman warna (bitdepth) :

Kedalaman warna menentukan berapa banyak warna yang

dapat ditampilkan oleh 1 pixel yang direpresentasikan dalambanyak bit yang ditampung pada pixel.

Semakin banyak jumlah warna dalam suatu gambar makagambar yang dihasilkan akan semakin bagus.

Bitmap & Vektor Resolusi

7/23/2019 Ebook_TIC1_M3112118_M3112111

43/87

Bitmap & Vektor Resolusi

41

Adalah Kerapatan titik-titik yang menunjukkan seberapa

tajam gambar ini ditampilkan, ditunjukkan dengan jumlahbaris dan kolom

Banyaknya warna atau titik warna dalam satuan ukurantertentu. Digunakan ntuk menampilkan citra bitmap padalayar (pixel) atau pencetakan printer (titik tinta)

Bitmap & Vektor File & Aplikasi Bitmap

7/23/2019 Ebook_TIC1_M3112118_M3112111

44/87

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

7/23/2019 Ebook_TIC1_M3112118_M3112111

45/87


43

Dapat dirubah ke berbagai ukuran dan juga dapat dicetakpada tingkat resolusi sebesar apapun tanpa kehilangan detildan ketajaman gambar.

Vector merupakan gambar digital yang berbasiskan

persamaan perhitungan matematis. Ukuran lebih kecil dibanding bitmap Gambar Vektor menggabungkan titik dan garis untuk menjadisebuah objek Anti pecah biarpun diperbesar atau diperkecil, tidak seperti

gambar Bitmap.


7/23/2019 Ebook_TIC1_M3112118_M3112111

46/87


44

Tidak dengan menggunakan pixel, tetapi dengan kurva dangaris yang didefinisikan dalam persamaan matematis yangdisebut vektor.

Tampilan bersifat relatif lebih kaku daripada tampilan bitmap,kualitasnya tidak bergantung kepada resolusi gambar.

Bitmap & Vektor File & Aplikasi Vector

7/23/2019 Ebook_TIC1_M3112118_M3112111

47/87

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

7/23/2019 Ebook_TIC1_M3112118_M3112111

48/87

Bitmap & Vektor Perbandingan

46

Tool Desain CorelDRAW

7/23/2019 Ebook_TIC1_M3112118_M3112111

49/87


47


7/23/2019 Ebook_TIC1_M3112118_M3112111

50/87


48

Pengertian

CorelDraw adalah editor grafis vektor yangdikembangkan dan dipasarkan oleh Corel CorporationOttawa, Kanada. Itu juga merupakan namaCorel 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

7/23/2019 Ebook_TIC1_M3112118_M3112111

51/87

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

7/23/2019 Ebook_TIC1_M3112118_M3112111

52/87

oo esa CorelDRAW version

50


7/23/2019 Ebook_TIC1_M3112118_M3112111

53/87

C W

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 stability

updates, online content, and some features, such asQR Codes, ConceptShare, Content Exchange

Minimum system requirements

Tool Desain CorelDRAW shortcut

7/23/2019 Ebook_TIC1_M3112118_M3112111

54/87

52

Title bar. Display the titleof the open document

Menu bar.The area

containing pull-downoptions and commands

Toolbox. Containstools for creating and

modifying abjectsin the drawing

Drawing window.The area bordered by

the scroll bars andapplication controls.It includes the drawing

page and thesurrounding area

Drawing page.Therectangular area

inside the drawingwindow. It is the

printable area ofyour work area

Document pallette.A dockable bar that

contains colorswatches for the

current document

Document navigator.Anarea that contains controlsfor moving between pageand adding pages

Status bar. Contains information aboutobject 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. Adetachable bar withcommands that relateto the active toolor object

Docker. A windowcontaining availablecommands and settingrelevant to a specifictool or task

Color pallette.Adockable bar thatcontains colorswatches

Navigator. A buttonthat opens a smaller

display to help youmove arounda drawing

Tool Desain CorelDRAW tutorial#1

7/23/2019 Ebook_TIC1_M3112118_M3112111

55/87

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 learn

In this tutorial, you will learn how

to set up a custom page size

to use the Artistic mediatool

to use the Shapetool

to duplicate objects

to mirror objects

Creating a logo


7/23/2019 Ebook_TIC1_M3112118_M3112111

56/87

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 levelslist box on the property bar, choose To width.2. In the toolbox, click the Artistic mediatool3. From the Preset stroke list list box on the property bar,

choose a stroke that is tapered at both ends4. In the Stroke widthbox, type . 177.5. On the color palette, click a Redcolor swatch.6. Drag in the drawing window to create one of the butterfly wings.

To draw the butterfly wing


7/23/2019 Ebook_TIC1_M3112118_M3112111

57/87

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 Picktool in the toolbox, and click the butterfly wing.2. Click Edit

Options> Document> Generaland use the boxes in the Duplicate offset area.4. In the toolbox, click the Free transformtool 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


7/23/2019 Ebook_TIC1_M3112118_M3112111

58/87

56

1. Click the Artistic mediatool2. 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, youll add the head. In between the two wings, draw a circle

that is approximately centered between the wings.

4. Now youll 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

7/23/2019 Ebook_TIC1_M3112118_M3112111

59/87

57

Tool Desain Photoshop prole

7/23/2019 Ebook_TIC1_M3112118_M3112111

60/87

58

Tool Desain Photoshop Shortcut#1

7/23/2019 Ebook_TIC1_M3112118_M3112111

61/87

59

Image

name

Toolbar

Layers

History

Image

Main menu Pallets Color


7/23/2019 Ebook_TIC1_M3112118_M3112111

62/87

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


7/23/2019 Ebook_TIC1_M3112118_M3112111

63/87

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 theimage window as shown above.

Pallettes

Toolbar

The Image

Image Name


7/23/2019 Ebook_TIC1_M3112118_M3112111

64/87

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 canbe edited and viewed as individual units. Every PhotoshopCS6 document contains at least one layer.

Color, Swatches, Style

History

Adjustments

Layers

Tool Desain Photoshop tutorial#1

7/23/2019 Ebook_TIC1_M3112118_M3112111

65/87

63

Cara menggunakan Pen Tool pada Photoshop

Bagian-bagian Pen Tool

Cara Menggunakan Pen Tool pada Photoshop = kemampuan dasar adobephotoshop yg harus dimiliki guna menggambar or edit foto Photoshop.Karya seni seperti membuat kartun dengan photoshop membutuhkan teknikdasar Pen Tool untuk bisa membuatnya. Pen Tool juga bermanfaat ketika kitaakan membuat karya yang membutuhkan garis-garis atau ketika inginmembuat seleksi. Disini akan saya berikan tutorial sederhana dalam

menggunakan Pen Tool.

Sebelum memulai pilih Pen Tool yang terletak pada menu vertikal sebelahkiri jendela Photoshop dan perhatikan bagian-bagian Pen tool berikut.Setiap bagian yang perlu akan saya beri penjelasan mengenai

fungsinya masing-masing.


7/23/2019 Ebook_TIC1_M3112118_M3112111

66/87

64

Bagian - Bagian Pen Tool


7/23/2019 Ebook_TIC1_M3112118_M3112111

67/87

65

Opsi untuk Pen Tool

1. Shape Layers

Dengan memilih Shape Layers maka setiap titik yang kita buat akandihubungkan membentuk sebuah bidang (shape). Jika antara garis pathdan garis yang menghubungkan titik pertama dan terakhir membentuksebuah area, maka secara otomatis area tersebut akan terpenuhi denganwarna foreground.


7/23/2019 Ebook_TIC1_M3112118_M3112111

68/87

66

Opsi untuk Pen Tool

2. Paths

Pada opsi Paths setiap titik yang dihubungkan akan membentuk path dan tidak membentukbidang secara langsung. Opsi inilah yang sering digunakan untuk membuat garis-garisvektor. Dalam tutorial ini opsi inilah yang paling banyak akan kita bahas.

Mengaktifkan Rubber Bandakan sangat membantukarena akan menunjukkan

bagaimana bentuk shapes e l a n j u t n y a s e b e l u mmenambahkan Anchor Point.

3. Rubber Band


7/23/2019 Ebook_TIC1_M3112118_M3112111

69/87

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 perhatikangambar berikut.


7/23/2019 Ebook_TIC1_M3112118_M3112111

70/87

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 barudengan mengklik ujung kiri atas huruf U, tarik ke kanan dan klik lagi pada sudut lainyang ada di sebelah kanan titik yang pertama. Zoom in (CTRL + Space + Klik) untukview membesar dan zoom out (Ctrl + ALT +Space + klik) untuk view mengecil, cara inidilakukan agar didapat hasil yang lebih akurat.


7/23/2019 Ebook_TIC1_M3112118_M3112111

71/87

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 berhimpitandengan titik yang pertama


7/23/2019 Ebook_TIC1_M3112118_M3112111

72/87

70

Cara Kedua Menggunakan Pen Tool

Sebenarnya yang membedakan cara pertama dan kedua hanyalah

pada bentuk melengkungnya, sedangkan untuk garis yang lurus samasaja 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.


7/23/2019 Ebook_TIC1_M3112118_M3112111

73/87

71

Tambahkan Anchor Point pada bagian tengah garis path di bagian lengkungan dengan klikkanan pada path dan pilih Add Anchor Point. Tekan Ctrl, klik Anchor Point yang baru dantahan lalu geser ke sudut kiri bawah sampai posisinya sesuai lengkungan.


7/23/2019 Ebook_TIC1_M3112118_M3112111

74/87

72

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

Tool DesainM k P th S d h J di

Photoshop tutorial#11

7/23/2019 Ebook_TIC1_M3112118_M3112111

75/87

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, mendefinisikanCustom Shape, membuat seleksi, memenuhinya dengan warna dan Stroke Path.Klik kanan pada path untuk memunculkan pilihannya.

Tool DesainCreate Vector Mask


7/23/2019 Ebook_TIC1_M3112118_M3112111

76/87

74

Create Vector Mask

Dengan path yang sudah jadi kita dapat mengkrop layer dengan Vector Mask

layaknya seleksi untuk Layer Mask

Tool DesainDefine Custom Shape


7/23/2019 Ebook_TIC1_M3112118_M3112111

77/87

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 kananpada path, pilih Define Custom Shape, beri nama shape baru ini, tekan OK.

Tool DesainMake Selection


7/23/2019 Ebook_TIC1_M3112118_M3112111

78/87

76

Make Selection

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

Tool DesainFill Path


7/23/2019 Ebook_TIC1_M3112118_M3112111

79/87

77

Fill Path

Dari path kita juga bisa mengisi areanya dengan warna tetentu. Bisa denganwarna foreground, background, pattern atau warna lain yang bisa kita pilih sendiri.Kita juga bisa mengatur Blending Mode dan Opacitynya.

Tool DesainFree Transform


7/23/2019 Ebook_TIC1_M3112118_M3112111

80/87

78

Stroke Path

Stroke Path digunakan untuk membuat garis dengan bentuk sepeti path,bisa dengan Brush atau lainya.

Demikian tutor ia l dasarmenggunakan Pen Tool padaPhotoshop, selamat mencoba

Free Transform

Free transform digunakan untuk mebesarkan objek , mengecilkan objek, mirror manualbahkan untuk efek perspektif dengan klik + drag sambil menekan tombol CTRL.

Bisnis Dunia DKV Komunikasi Visual

7/23/2019 Ebook_TIC1_M3112118_M3112111

81/87

79

Komunikasi visual adalah suatu proses penyampaian pesandimana lambang-lambang yang dikirimkan komunikator hanya

ditangkap oleh komunikan semata-mata hanya melaluiindra penglihatan. Bentuk komunikasi seperti ini bisa bersifatlangsung (sebagaimana dua orang tuna rungu salingbercengkrama menggunakan bahasa isyarat), namunsebagian besar menggunakan media perantara yang lazim

disebut media komunikasi visual.



7/23/2019 Ebook_TIC1_M3112118_M3112111

82/87

80

Selain digunakan untuk berbagaikeperluan, media komunikasivisual kerap dimanfaatkans e b a g a i m e d i a p r o m o s i(komunikasi pemasaran) baikoleh lembaga bisnis maupunlembaga sosial.



B t k B t k M di K ik i Vi l U t k P i

7/23/2019 Ebook_TIC1_M3112118_M3112111

83/87

81

Bentuk- Bentuk Media Komunikasi Visual Untuk PromosiProduk Layanan Sosial


BROCHURE (leaflet, folder, booklet, flyers, catalog, pamphlet)BOOKBULLETIN

NEWSLETTERNEWSPAPERMAGAZINESOUVENIR: gift, plaque, plaquetteCARD

Bisnis Dunia DKV Periklanan

P ikl

7/23/2019 Ebook_TIC1_M3112118_M3112111

84/87

82


Iklanadalah bagian dari bauran promosi (promotion mix),secara sederhana iklan didefinisikan sebagai suatu pesanyang menawarkan suatu produk yang ditujukan kepadamasyarakat melalui media.

Iklanlebih diarahkan untuk membujuk orang supayamembeli, bersama-sama dengan komponen lainnyadalam promotion mix

Periklanan

Bisnis Dunia DKV Media Promosi

M di P i

7/23/2019 Ebook_TIC1_M3112118_M3112111

85/87

83desain komunikasi visual

Promosi merupakan usaha komunikasi yang menjembatanikesenjangan antara produsen dan konsumen, usahakomunikasi tersebut dapat dibagi dalam bagian-bagianterdiri dari periklanan, publisitas, humas, dan proyek-proyekkhusus seperti door to door (pintu ke pintu), direct mail

(iklan pos langsung), sampling (contoh).

Media Promosi

Tugas utama promosi adalah menginformasikan kepadacalon pembeli tentang ketersediaan dan sifat produk.

Prol Penulis tentang kami

Nama Rizky Taqwa Perdana

7/23/2019 Ebook_TIC1_M3112118_M3112111

86/87

84

Nama Rizky Taqwa Perdana M3112118NIM

TIC Shift 1KelasD3 Teknik InformatikaJurusan

Universitas Sebelas Maret085867789507HP

Nama Puguh Sudarmawanto M3112111NIM

TIC Shift 1Kelas

D3 Teknik InformatikaJurusanUniversitas Sebelas Maret

08970572665HP

Daftar Pustaka* http://rumahstudio com/kuliah/desgraf/teori-dkv-1-2-3 pdf

7/23/2019 Ebook_TIC1_M3112118_M3112111

87/87

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


ebook_tic1_m3112118_m3112111

Documents