Ilmu Dasar DKV SMA

7/23/2019 Ilmu Dasar DKV SMA

1/17

1

WarnaWARNA

Tujuan

Menjelaskan Konsep tentang Warna pada desaingrafis.

Kombinasi Warna

Psikologi Warna

arna adalah faktor yang sangat penting

dalam komunikasi visual. Warna dapat

memberikan dampak psikologis, sugesti dan

suasana bagi yang melihatnya. Dengan demikian

warna sangatlah penting kedudukannya dalam

sebuah desain grafis.

Melesetnya pewarnaan sering terjadi pada

pembuatan desain dengan komputer. Hal ini

disebabkan terkadang warna yang terlihat pada layar

monitor berbeda ketika dicetak.Untuk aplikasi cetak

biasanya hanya dipakai gabungan warna CMYK,

sedangkan di layar monitor menggunakan RGB, HLS,

Hexadesimal dan lain-lain. Berikut adalah sistem

atau model warna, antara lain:

RGB (Red Greed Blue)

CMYK (Cyan Magenta Yellow Black)

HLS (Hue Lightness Saturation)

LAB Color -Lightness A (green-red axis)

B (blue-yellow axis)

RGB Hexadecimal: misal: #FF0000

Dalam kebutuhan cetak dan printing, warna yang

dipakai adalah sistem atau model CMYK, sedangkan

untuk tampil di layar monitor (web, wallpaper, game,

video) warna yang biasa digunakan adalah RGB dan

RGB Hexadecimal.

Karena banyaknya warna, maka untuk memudahkan

mendapatkan warna yang sesuai dan disepakati.

Dibuat standar warna seperti Pantone, DIC, Toyo,

Trumatch dan lain-lain. Hal ini berfungsi untuk

menyamakan persepsi warna dengan menggunakan

kode angka.

KOMBINASI WARNA

Sebelum memilih warna yang cocok atau harmonis,

lebih baik kita mengenal dahulu jenis-jenis kombinasi

warna berdasar color-wheelyang telah dibuat

a. Warna Akromatik

Adalah warna kombinasi gelap dan terang saja.Asal katanya adalah a yang artinya tidak, dan

Chromatic artinya warna. Biasa disebut sebagai

Grayscale. Jika di Adobe Photoshop dengan

menggunakan perintah Desaturate

. Kombinasi

warna tersebut berkesan klasik dan artistik, yang

banyak dipakai untuk fotografi atau surat kabar.

b. WarnaMonokrom atau netral

Adalah satu warna Hueyang dikombinasikan

dengan gelap terang. Disebut juga monokrom

.

Kombinasi warna ini sangat sederhana, tidak

banyak resiko dan mudah diterima mata.

Kelemahannya kombinasi ini akan membosankan

dan mudah ditinggalkan. Atau istilahnya warna

yang Easy come easy go.

Kombinasi Warna

Psikologi Warna


2/17

2

c. Warna Komplementer

Adalah 2 (dua) warna Hueyang berlawanan,

dikombinasikan dengan gelap terang. Disebut

juga warna komplementer. Kombinasi tersebut

akan menarik mata (eye catching), tapi jika anda

tidak berhasil menggabungkan dua warna

tersebut, maka akan terlihat lepas atau tidak

matching.

d. Warna Pastel &Dark Colors

Adalah warna-warna yang mendekati warna

terang atau putih. Biasa disebut juga warna

Sepia. Kebalikan dari pastel adalah warna-warna

gelap disebut juga Dark colors.

e. Warna Analog

Adalah warna-warna beda hue yang

bersebelahan,sehingga kombinasinya akan lebih

mudah diterima mata dan lebih berani dibanding

warna monokrom.

f. Warna Clash

Adalah 2 warna yang berlawanan

(komplementer),tetapi menyimpang atau bergeser

1 hue. Sesuai namanya 'clash' adalah warna

yang tidak harmonis atau bertentangan atau

tabrakan sehingga kombinasi warna tersebut

tidak enak dipandang. Tapi dengan teknik

tertentu, akan didapat paduan warna yang

inovatif dan khas.

g. Warna Split Komplementer

Lebih rumit dari warna clashkarena terdiri dari 3warna yang tidak harmonis (clash). Bila andadapat menyatukan 3 warna tersebut dalamsebuah desain, akan dihasilkan karya inovatifdan spektakuler. Jika gagal menyatukannya akanmenyakitkan mata dan memusingkan kepala.

Maka diperlukan kejelian dan rasa.h. Trangle Primer, Sekunder dan Tersier

Merupakan perpaduan dari 3 warna yangsenasib(primer, sekunder dan tersier). Meskipun 3warna, kombinasi tersebut cenderung tidak clash.

PSIKOLOGI WARNA

Warna sangat mempengaruhi psikologi manusia.

Setiap negara dan budaya mempunyai arti tersendiri

dalam mengartikan warna, meski begitu arti warna

yang disampaikan mengambil lingkup yang universal.

MERAH

Melambangkan perjuangan, semangat, aktif, agresif,

dominan, kemauan keras, persaingan keberanian,

energi, kehangatan, cinta, dan bahaya.

Tips

Paduan merah dengan hijau,

dapatmenggambarkan suasana Natal.

Merah dengan putih, dapatmemiliki arti

'bahagia' pada budaya oriental.

Merah terang dapat melambangkan kemauan

atau cita-cita.

Merah jambu sering melambangkan

romantisme, feminin, menggemaskan dan

jenaka.


3/17

3

BIRU

MelambangkanKetenangan, kepercayaan, keamanan,

kecanggihan, kebersihan, dan keteraturan.

Tips

Logo bank di Amerika kebanyakan berwarna

biru karena memberi kesan 'kepercayaan' Warna biru tua dapat melambangkan

perasaan yang mendalam, konsentrasi,

kooperatif, cerdas, perasa, integratif, tenang,

bijaksana, tidak mudah tersinggung, dan

banyak teman.

Warna biru muda melambangkan bertahan,

keras kepala, bangga diri, berpendirian tetap.

HIJAU

Melambangkan sesuatu yang alami, sehat,

berkeinginan, keberuntungan, kebanggaan, kekerasan

hati dan kekuasaan.

Tips:

Di Timur Tengah, warna hijau sangat disukai.

Oleh karena itu diIndonesia, Islam sering

disimbolkan dengan warna hijau.

Orang yang menyukai warna ini umumnya

senang dipuji, dan senangmenasihati orang

lain.

KUNING

Melambangkan rasa optimisme, harapan, dinamis,

gembira, dan santai.

Tips

Kuning terang melambangkan sifat spontan

yang eksentrik, toleran, investigatif, menonjol,

dan sikap yang berubah-ubah.

Dalam agama Hindu, Kuning adalah warna

keramat.

UNGU/JINGGA

Melambangkan tentang spiritual, misteri,

kebangsawanan dan keangkuhan.

Tips

Warna ini adalah campuran warna merah

(intim) dan biru (keras).Perpaduannya menjurus

pengertian yang mendalam dan peka.

Sifatnya sedikit kurang teliti tetapi selalu

penuh harapan.

ORANYE

Melambangkan energi, semangat, segar,keseimbangan, ceria dan hangat.

Tips

Warna ini dapat menekankan sebuah produk

yang tidak mahal.

Biasanya dipakai pada produk minuman rasa

jeruk.

COKLAT

Melambangkan tanah atau bumi, kenyamanan, daya

tahan, pesimis terhadap kesejahteraan dan

kebahagian masa depan.

ABU ABU

Melambangkan Intelek, futuristik, milenium,

sederhanaan, dan kesedihan.

Tips

Abu abu paling mudah dilihat mata.

Warna ini tidak menunjukkan arti yang jelas.

Netral dan sama sekali bebas dari

kecenderungan psikologi.

PUTIH

Melambangkan suci, bersih, tepat, tidak bersalah.

Tips

Putih melambangkan perkawinan (gaun

pengantin berwarna putih)

Di India dan Cina, warna Putih

melambangkan kematian.


4/17

4

HITAM

Melambangkan sesuatu yang canggih, kematian,

misteri, dan anggun.

Tips

Melambangkan kematian dan kesedihan di

budaya Eropa. Sebagai warna kemasan, Hitam

melambangakan keanggunan (Elegance),

Kemakmuran (Wealth) dan Kecanggihan

(Sophiscated)

TipsPemilihan Warna

Sebelum memilih-milih warna anda harus

mengetahui pembuatan warna. Anda harus dapat

membedakan antara hue, lightness, saturation

juga warna primer, komplementer, monokrom dan

psikologi warna.

Mengetahui target atau audience yang akan

menggunakan karya anda. Apakah audience anda

anak balita, remaja, dewasa atau usia lanjut,

Laki-laki atau perempuan. Sehingga anda tinggal

mencocokkan dengan warna dengan psikologi

yang diinginkan.

Jika anda telah memilih warna tertentu, bukan

berarti warna lain tidak bisa dipakai. Yang harus

anda perhatikan jangan sampai warna lain

tersebut mengalahkan kekuatan warna yang anda

pilih.

Sebelum mendesain, sebaiknya tentukan dahulu

warna latar belakang. Karena warna background

akan dilihat atau dirasakan pertama kali. Warna

background disini bisa berupa blok warna atau

gambar monokrom.

Keuntungan backgroundgelap yaitu dapat diberi

efek cahaya atauflare. Keuntungan background

putih dapat diberi efek bayangan.

Sebelum memilih warna yang berbeda jenis

atauhue, lebih mudah pilih warna monokrom yang

berbeda gelap terang (lightness) atau cerah

pudar (tint)nya. Terlalu banyak perbedaan warna

hue, seperti warna pelangi, akan sulit

mengaturnya, dibanding 2 warna tapi dengan

variasi gelap terang (lightness).

Terlalu banyak warna hue dan lightness akan

mengakibatkan kontras yang berlebihan. Hanya

sedikit batas antara kontras dan kacau (chaos)

Tentukan atau batasi warna utama hanya 2

sampai 3warna hue saja. Hitam dan putih jangan

dianggap sebagai warna karena fungsinya adalah

sebagai cahaya (lightness).

Desain menggunakan 4 warna bisa menguras

waktu dan tenaga. Desain menggunakan 5 warna

adalah terlalu sulit, akan memeras pikiran dan

resiko gagalnyapun tinggi. Bayangkan saja anda

mempunyai 5 pegawai dan 2 pegawai, tentu akan

lebih mudah mengatur sedikit pegawai, dengan

banyak pegawai bisa-bisa kantor anda tidak

efiesien sehingga bisa menimbulkan demo unjukrasa (chaos).

Jika anda belum berani bereksperimen dengan

warna atau ingin belajar menahan diri, gunakan

warna akromatik ataugrayscale.Ini akan

menghindari dari masalah clash atau chaos.

Juga akan menghemat ongkos produksi lebih

dari 60%. Anda bisa lebih leluasa dengan

kaidah desain yang lain seperti irama, fokus,

kontinuitas, keseimbangan dan lainnya.

Alam adalah contoh yang baik untukmendapatkan kombinasi warna yang harmonis.

Lihatlah pohon, daun, tanah dan langit di saat

pagi hingga malam. Karena terbiasa dengan

alamtersebut maka mata tidak akan mengatakan

'kacau'. Sehingga tidak ada warna hue yang

'bertabrakan' di alam.

Warna yang tidak biasa atautidak natural

seperti: cyan, magenta, ungu dapat dipakai

untuk 'mengejutkan' audience. Tetapi jika terlalu

banyak kejutan, karya anda akan kehilangan

informasi yang ingin disampaikan.

Di software seperti Coreldraw dan Adobe

Photoshop, ada fasilitasuntuk mengambil warna

dari gambar yaitu Color Picker A, Dengan tool

ini anda dapat mengambil sample warna dari

foto digital yang anda anggap baik. Sehingga

desain anda dapat mengikuti warna yang sudah

dianggap baik tersebut.

Mencampur warna dengan tool BlendTool diCoreldraw atau Gradient Tool di Photoshop

akan menghasilkan warna baru. Dengan menu

Edit 4 Copy Properties From.. , anda dapat

memilih warna pada salah satu warna di objek

blendtersebut.

Banyak sekali bahkan jutaan warna yang bisa

anda pilih di dunia ini. Oleh karena itu sering-

seringlah menyimpan atausave warna baru yang

belum ada di palet warna software grafis,

sehingga koleksi warna anda semakin kaya.


5/17

5

Experimen! Warna di media elektronik dan cetak

mempunyai masalah yang berbeda. Belum lagi

teknologi komputer dengan digital printingnya

yang mampu menampilkan warna spotlightatau

nyala, yang terdiri dari 8 campuran warna

(bandingkan dengan CMYK yang hanya 4

warna).

Tipografi

Tujuan

Menjelaskan konsep tentang Tipografi.

Anatomi ketinggian huruf

Anatomi bentuk huruf

Geometri huruf

Jenis huruf Jarak antar huruf

Jarak antar kata

Jarak antar baris

Karakteristik huruf

Huruf dari objek

Transformasi dasar

Efek

Perataan

Teks untuk daftar

TIPOGRAFI

ipografi (typography) adalah ilmu yang

mempelajari tentang huruf. Latar belakang

tipografi dimulai sejak usaha manusia

berusaha menuangkan pesan-pesan yang ingin

disampaikan kepada orang melalui tulisan. Pada

awalnya orang berkomunikasi secara lisan, mereka

menghafal peristiwa penting dalam sejarah

hidupnya dalam bentuk syair dan menuturkan

kembali syair itu kepada orang lain.

Setelah itu barulah penyampaian pesan dalam

bentuk tulisan dilakukan dengan cara menggurat,

mengukir, mentakik, menggambar, kemudian

menulis sampai dengan mencetak.

Johan Gutenberg adalah pelopor pembaharu

Tipografi. Pada abad XV tepatnya 1455 Masehi di

Jerman ia menemukan huruf cetak timah.

Pada era huruf cetak, kita mengenal istilah fontdan Typeface. Font berasal dari bahasa Perancis

foindre, yang artinya mencair. Istilah ini diartikan

sebagai baki atau talam yang berisi set huruf-

huruf logam hasil pengecoran yang digunakan

pada pencetak untuk komposisi suatu dokumen.

Setiap baki terdiri dari seluruh huruf abjad dengan

ukuran dan jenis tertentu. Sedangkan Typeface

secara tradisional diartikan sebagai suatu set

karakter dengan ciri bentuk yang sama pada

setiap karakter. Dengan demikian, pengertian

Anatomi

Ketinggian

Huruf

Anatomi

Bentuk Huruf

Geometri

Huruf

Jenis Huruf Jarak Antar

Huruf

Jarak Antar

Kata

Jarak Antar

Baris

Karakteristik

Huruf

Huruf dan

Objek

Transformasi

dasar Efek Perataan

Teks untukDaftar

T


6/17

6

typeface dengan nama Roman adalah

mengandung semua ukuran huruf Roman dari

yang terkecil hingga terbesar, demikian juga italic,

bolddan normal.

Pada generasi cetak komputer istilah font dan

typeface menjadi rancu, orang cukup menyebut

dengan sebutan font untuk setiap jenis huruf.Namun dengan perkembangan teknologi komputer,

kita dapat leluasa memilih jenis font yang

diinginkan. Tetapi memilih font adalah pekerjaan

yang melelahkan dan perlu kecermatan, karena

jumlah dan jenis fontyang tersedia dan dari

tahun ketahun terus bertambah dan berkembang.

Meski demikianakan lebih mudah jika mengetahui

lebih dahulu jenis-jenis font dan anatominya.

ANATOMI KETINGGIAN HURUF

Setiap bentuk huruf mempunyai keunikan

tersendiri. Namun intinya tetap dalam batas-batas

tertentu seperti body size, baseline, meanline, x-

height, ascenderdan descendersebagai berikut:

Pada

gambar dapat diamati anatomi dasar huruf.

Baseline

adalah garis maya yang menjadi lantai

sebagian besar huruf. Tidak semua huruf harus

tepat berlandaskan di baseline. Jika dilihat dengan

teliti, huruf t, p, dan q tipe Helvetica tersebut

agak melewati garis baseline sedikit ke bawah.

Kemudian capline

(capital line) adalah istilah untuk

garis maya yang menjadi batas atas huruf-huruf

kapital. Garis ini juga hanya bersifat patokan saja,bukan berarti tidak boleh ada bagian huruf yang

melebihi capline. Coba Anda cetak atau tampilkan

di layar monitor huruff Helveticaatau beberapa

tipe lainmaka Anda akan melihat tingginya

sedikit lebih dari capline. Perhatikan juga Huruf k

, meskipun tidak terlalu sering, tingginya melebihi

huruf kapital. Yang demikian adalah sah-sah saja.

Jikacaplineadalah garis patokan untuk tinggi huruf

kapital, maka meanline adalah patokan tinggiuntuk huruf kecil. Sementara bagian tangkai huruf

kecil yang melewati ke atas meanline disebut

ascender (perhatikan tangkai utama huruf d)

pada Gambar dan bagian tangkai yang melewati

ke bawah baseline disebut descender

(perhatikan

tangkai utama huruf p). Seperti pada penjelasan

sebelumnya, ascenderdan descenderdapat bebas

melebihi capline dan baseline sesuai selera atau

desain si perancang tipe. Berikut adalah dua tips

memanfaatkan anatomi ketinggian huruf.

Tips 1

Kesederhanaan huruf kapital (Capitalize) dapat

membentuk garis semu pada caplinedan baseline,

sehingga cocok dipadukan dengan garis-garis

horisontal dan bidang persegi empat. Huruf

dengan bermacam-macam ketinggian seperti Title

Case kurang menampilkan garis semu. Perhatikan

dua contoh berikut.

Title Case

Capitalize

Tips dan Tricks

TIPSDAN TRICKS


7/17

7

Tips 2

Anatomi huruf-huruf kecil (lower case) memiliki

variasi tinggi ascender dan descender. Dengan

demikian maka terdapat ruang yang dapat

dimanfaatkan untuk objek lain seperti garis atau

teks lain. Perhatikan dua contoh berikut.

Contoh 1

Contoh 2

ANATOMI BENTUK HURUF

Dalam anatomi bentuk huruf, setiap huruf memiliki

batang, ujung (terminal) atau tangkai seperti

gambar berikut:

Gambar diatas adalah pelengkap Gambar

sebelumnya, menjelaskan bagian-bagian umum

sebuah huruf. Sebuah huruf dibentuk dengan

goresan-goresan (stroke). Goresan pertama biasa

disebut dengan basic stroke, contohnya goresan

vertikal pada huruf E. Di ujung strokehuruf-hurufbertipe serif, akan dijumpai tangkai atau hiasan

yang disebut serif. Sementara pada tipe sans serif,

ujung strokepolos dan biasa disebut terminal.

Berikut adalah gambar dan penjelasannya.


8/17

8

Contoh Gambar menjelaskan bagian-bagian huruf

tertentuyang banyak memakai istilah seperti badan

manusia. Apex adalah ujung lancip hurufA.Arm

adalah goresan horisontal pada huruf T.

Earadalah cuplikan di huruf g pada sebagian

besar font serif. Counter adalah ruang negatif

yang terbentuk dalam sebuah huruf, seperti pada

huruf p atau c. Daftar istilah yang lebih

lengkap bisa dijumpai pada halaman Web berikut :

www.adobe.com/support/techguides/printpublishing

/typography_basics/letterform_anatomy/main.html.

Sempatkanlah mengunjungi web tersebut untuk

mengetahui sebutan dari bagian-bagian sebuah

huruf.Dengan mengetahui komponen- komponen

tersebut, maka anda dapat memainkan terminal

dan batang sehingga membentuk tulisan atau logo

yang unik. Perhatikan contoh logo berikut.

GEOMETRI HURUF

Dari bentuk atau geometrinya, huruf dapat dibagi

4 kelompok yaitu:

1. Garis tegak-datar: E, F, H, I, L

2. Garis tegak-miring : A, K, M, N, V, W, X, Y, Z.

3. Garis tegak-lengkung: B, D, G, J, P, R, U.

4. Garis lengkung: C, 0, Q, S

Dengan mengetahui kelompok geometri huruf,

maka anda dapat memperkirakan bentuk-bentuk

yang cocok untuk diterapkan pada sebuah huruf.

Tips 1

Pada contoh huruf E' jenis Arial Black terdiri dari

garis tegak-datar (horisontal dan vertikal). Dengandemikian, anda dapat mengambil unsur yang

sama, yaitu menggabungkan dengan bentuk

kotak.

Tips 2

Begitu pula dengan `X' yang mempunyai sumbu

garis miring (diagonal) dapat digabung dengan 4

buah segitiga. Sedangkan Huruf C dan Q yang

mempunyai sumbu melengkung (kurva) dapatdigabung dengan bentuk lingkaran.


9/17

9

JENIS HURUF/FONT

JENISHURUF KETERANGAN CATATAN

Serif Jenis huruf (Typefaces)

dengan strokes/ekor,

dinamakan serif, menghiasi

Jenis Huruf ini. Contoh paling

umum adalah Times.

Bentuk huruf yang formal. Serif

mengekspresikan organisasi dan

intelektualitas. Sangat anggun dan

konservatif.

Sans-serif Jenis Huruf yang tidak

memiliki stroke/ekor. Ujungnya

bisa berbentuk tumpul

(rounded corner) atau tajam.

Bentuk Huruf Sans-Serif yang

paling poluler adalah Helvetica

dan Arial

Kurang formal, lebih hangat, dan

bersahabat. San-Serif biasanya

sangat cocok sebagai screen-font

(untuk tampilan di layar monitor)

karena tajam dan gampang untuk

dibaca.

Monospace Setiap huruf yang berjenis

Monospace mempunyai

jarak/lebar yang sama setiap

hurufnya. Huruf W dan I akanmempunyai ruang yang

sama.Contoh huruf monospace

adalah Courier.Huruf pada

Mesin Tik juga adalah contoh

huruf Monospace.

Berdasarkan pada dasar mesin ketik.

Jenis Monospace banyak digunakan

oleh programmer untuk coding, dan

juga untuk preformatted text.Belakangan ini bentuk monospace

banyak dipakai oleh designer yang

beraliran "grunge" alternative.

Decorative Bentuk huruf yang sangat

rumit desainnnya. Bentuk huruf

ini akan sangat memusingkan

jika dipakai sebagai body text,

dan hanya cocok untuk

dipakai (secara terbatas) untuk

Headline.

Karena jenis yang banyak, font

Decorative bisa membuat efek

respon yang berbeda. Jenis

Decorative biasanya paling cocok

digunakan untuk Judul, dan lebih

baik tidak digunakan sebagai body

text.

Script Bentuk huruf yang menyerupai

tulisan tangan. Jenis huruf ini

juga sering di sebut jenis

Kursif (Cursive).

Memberikan kesan keanggunan

(sophistication) dan sentuhan pribadi.

Pemakaiannya jangan sampai terlalu

banyak (sama seperti Decorative)


10/17

10

Tips 3

Kombinasi jenis Font dapat memberikan

penekanan yang kuat pada kata yang diinginkandalam sebuah kalimat.

JARAK ANTAR HURUF

KERN ING

DAN

TRACK ING )

Kerning dan Tracking adalah istilah untuk jarak

antar huruf. Namun kerningmempunyai nilai yang

khas atau beda pada setiap hurufnya. Kerning

dapat diartikan pengaturan celah antara huruf-

huruf dalam suatu paragraf. Sedangkan tracking

untuk mengontrol jarak antar huruf secara umum.

Kerninglebih bersifat mengharmoniskan hubungan

antara huruf-huruf yang apabila didekatkan

dengan huruf tertentu lainnya maka akan timbul

celah yang berlebihan.

Pada aplikasi Coreldraw dan Adobe Photoshop

lebih banyak dipakai istilah Tracking. Istilah

tracking digunakan sebagai cara lain untuk

mengatur jarak antar huruf.Satuan Tracking

biasanya menggunakan persentase dari lebar font

(point). Fasilitas tracking memungkinkan anda

mengatur spasi rentang teks terpilih, suatu baris

teks maupun keseluruhan dalam paragraf atau

satuan blok teks.

Secara umum tingkat kerapatan tracking terbagi

menjadi 5 jenjang, yaitu:

1. Very Tight

2. Tight

3. Normal

4. Loose

5. Very loose

Pemberian tracking tidak berpengaruh pada lebar

tipisnya huruf, tetapi hanya jarak antar huruf.

Susunan huruf yang menggunakan tracking very

tight hingga tight akan mengakibatkan halaman

teks menjadi tampak gelap (kehitaman),

sedangkan tracking loose dan very loose akan

menyebabkan perwajahan pada bodytextmenjadi

pucat dan memberi kesan tidak menggairahkan.

Perhatikan contoh berikut:

Artof Type

Art of Type

Tips

1) Dengan kombinasi rapat dan renggang

akan menambah fokus pada huruf rapat.

ThankYou

2) Adanya Jarak antar huruf memungkinkan

disisipkan objek seperti garis.

| T | H | A | N | K | Y |O |

U|

3) Jarak antar huruf dapat memungkinkan

huruf diberi objek backgroundpada setiap

hurufnya dengan lebih leluasa.

Jarak renggang disetiap huruf


11/17

11

JARAK ANTAR KATA

Selain jarak dapat diberikan pada antar huruf,

juga dapat diberikan pada antr kata. Namun

pengatur jarak antar kata jarang digunakan

kecuali pada Judul atau Subjudul.

Tips

Dengan pengaturan jarak antar kata bisa

disisipkan objek misalnya garis. Seperti contoh

berikut.

Animation | multimedia | graphics

JARAK ANTAR BARIS

LEAD ING

)

Pengaturan jarak antar baris atau leadingadalah

sarana untuk mengontrol lebar jarak yang

diberikan antara body clearance suatu baris

dengan batas ascender pada baris berikutnya.

Body clearance adalah jarak kosong yang

menjamin agar ascender suatu baris tidak

bertubrukan dengan descender baris diatasnya.

Sebenarnya body clearance inilah batas minimum

suatu jarak antar baris.

Pada zaman percetakan tradisional menggunakan

letter timah, body clearance adalah bidang di

bawah letteryang sudah termasuk di dalam face

dari karakter tersebut. Jika disusun dalam

susunan berbaris, maka secara otomatis body

clearance itu membentuk jarak antar baris yang

menjaga agar huruf pada baris satu tidak

bertubrukan dengan baris dibawahnya.

Jika diperlukan spasi antar baris yang lebih dari

sekedar body clearancemaka diantara dua baris

susunan karakter timah itu diberikan timah

pembatas. Ukuran timah pembatas ini diberikan

dalam satu point. Jarak inilah yang hingga kini

dipergunakan sebagai patokan pengukuran spasi

antar baris atau leading.

Selain mengukur leading dengan satuan point,

beberapa fasilitas yang tersedia pada programDesktop Publishing dan Vektor Grafis menyediakan

sarana menghitung dengan menggunakan satuan

persentase dari tinggi font. Jadi sebenarnya dasar

satuannya juga masih berkisar pada point.

Biasanya sebagai default, leading diberikan

dengan nilai 100% dari tinggi font atau nomor

ukuran font itu, dan selanjutnya anda dapat

meningkatkan nilai diatas 100% untukmenambahkan leading. Jika anda memberikan

leading200%, berarti anda mengetik teks dengan

spasi ganda. Pada typesetting tradisional anda

tidak dapat leading negatif, atau nilai dibawah

100% dari tinggi font. Namun pada typografi

digital hal ini dapat dilakukan, sehingga

mengakibatkan teks yang diketik bertabrakan

antara baris atas dengan baris bawah.

Tips

1) Dengan merenggangkan baris,akan lebih

leluasa dalam pembacaan. Penambahanobjek

backgroundakan memungkinkan menyisipkan

objek antar baris.

KARAKTERISTIK HURUF

Seperti yang sering dijumpai, pada software

pengolah kata seperti Word dan software grafis

yang lain pada umumnya, selalu disediakan

pemilihan jenis huruf dengan karakteristik seperti:

Normal, Tebal (Bold), Miring (Italics), garis bawah

(Underline) dan kombinasi lainnya.

a

Huruf Miring

italic

) - Sample TextTeks italicakan menarik mata karena kontras

dengan teks normal. Terlalu panjang kalimat

dengan teks italics akan sulit dibaca, apalagi

jika digunakan di layar komputer. Teks italic

biasa digunakan jika ada kata asing.


12/17

12

b Huruf Tebal Bold) - Sample Text

HurufTebal juga mengundang perhatian karena

kontras dengan huruf normal. Biasa dipakai

pada judul atau subjudul. Terlalu banyak huruf

tebal akan mengaburkan fokus pada makna

teks.

c

Huruf Bergaris Bawah

Underline

) - Sample

Text

Garis bawah menandakan adanya sesuatu

'penting'. Dan juga biasa dipakai pada

hyperlinkdi web.

d Huruf Berwarna - Sample Text

Cara membedakan teks dapat menggunakanwarna, meskipun tidak sekuat bold.

Penggunaan teks warna pada website dapat

disalah artikan pengunjung karena mirip

hyperlink. Penggunaan teks warna cenderung

tidak mudah karena harus mengerti tetang

komposisi warna.

e Huruf Kapital -SAMPLE TEXT

Teks yang memakai uppercase, atau hurufkapital semua, sering merangsang seorang

penulis untuk mengekspresikan hal-hal penting

atau yang ingin ditonjolkan. Namun

penggunaan huruf kapital pada keseluruhan

teks justru menyulitkan mata untuk dapat

membaca dengan lancar, karena di dalam

susunan huruf kapital, tinggi rendah huruf

menjadi sama. Mata sulit mengenali bentuk-

bentuk spesifik dari huruf seperti yang dimiliki

oleh huruf lowercase. Akibatnya urat matamenjadi cepat lelah dan jenuh.

Penggunaan kombinasi huruf besar dan kecil

(Upper dan lowercase) justru memiliki

keterbacaan yang lebih baik. Hal ini

dikarenakan bentuk lowercase antara huruf

satu dengan yang lain lebih mudah dibedakan

cirinya.

Berbeda dengan unsur lain yang ditabukantetapi masih memiliki jalan keluar sebagai

upaya breaking the rule, maka penggunaan

allcap atau uppercase sebagai bodytext

hampir dapat dikatakan mutlak harus dihindari.

Penggunaan huruf kapital pada bodytext

terkadang dapat diartikan sebagai 'perintah'

atau'amarah'. Jika Anda mengirim sms dengan

huruf kapital semua dapat diartikan olehpenerima pesan bahwa Anda sedang emosi

atau marah. Namun jika ditambah komponen

garis putus-putus, biasanya diartikan bahwa

Anda sedang berbisik-bisik.

Jika ternyata harus menggunakan allcap

sebagai bodytext maka sebaiknya digunakan

pada prasasti yang dipahatkan pada

monumen. Sebagai tambahan, pilihlah bentuk

huruf kapital yang body-nya lebih sempit dariface-nya. Sebagai contoh font Optima,

Autumn, Albertus. Nah, font-font tersebut

masih memiliki keterbacaan yang bagus pada

allCap-nya.

Perhatikan dua contoh berikut.

OBJECTIVES ARE GOALS. THEY ARE TARGETS TO

BE REACHED. FOOTBALL PLAYERS STRIVE TO

MAKE TOUCHDOWNS. BASKETBALL PLAYERS

SHOOT FOR BASKETS. SOCCER PLAYERS TRY TO

MAKE THE GOAL BY KICKING THE BALL INTO

THE NET. CO-OP STUDENTS GET TO SET THEIR

OWN TARGETS -- WHAT THEY WANT TO

ACHIEVE.SPORTS WOULD BE AIMLESS RUNNING

AROUND WITHOUT GOALS: END ZONES,

BASKETS, NETS.

A STUDENT WHO IS WORKING WITHOUT

OBJECTIVES IS JUST ANOTHER EMPLOYEE.

Objectives are goals. They are targets to be

reached. Football players strive to make

touchdowns. Basketball players shoot for baskets.

Soccer players try to make the goal by kicking the

ball into the net. Co-op students get to set their

own targets -- what they want to achieve.Sports

would be aimless running around without goals:

end zones, baskets, nets. A student who is

working without Objectives is just another

employee.


13/17

13

Tips

1) Dengan membedakan ketebalan (bold)

secara ekstrim dapat membuat fokus pada

kata yang ingin ditekankan.

2) Kombinasi Bolddan Italics secara ekstrim,

kalimat dapat terbaca meskipun tanpa

spasi.

3) Kombinasi Bolddan Italicsdalam satu kata

dapat memberikan penekanan dan

perubahan makna.

Penggunaan allCap sebagai judul atau sub judul

memang tidak terhindarkan, dan ini memang

memiliki kekuatan tersendiri jika dipergunakan pada

teks yang tidak terlalu panjang. Kata-kata yang

diketikkan dengan huruf besar dapat memberi

tekanan maupun aksen pada makna. Balloningteks

pada komik yang menggambarkan orang yang

berteriak, membentak, selalu ditulis dengan allCap.

HURUF DARI OBJEK

Untuk membentuk huruf yang terbaca, Anda dapat

menyusunnya dari objek tertentu.

TRANSFORMASI DASAR

Dengan menggunakan prinsip transformasi pada

gambar, Anda dapat menemukan bahwa huruf

dapat dikombinasikan dengan berbagai macam

jenis transformasi yaitu PRST (Position, Rotation,

Scale, Transparancy), dan masih banyak lagi jenis

transformasi lainnya.

Position

Kombinasi posisi setiap huruf dalam kata.

Rotation

Kombinasi jenis transformasi dasar rotasi dan

orientasi posisi setiap huruf dalam kata.

Scala atau Size

Kombinasi ukuran font(font size).

Perhatikan contoh teks diatas menggunakantypeface dan ukuran yang sama. Cobalahmembaca keduanya dan perhatikan bagaimanaketerbacaan bodytext yang menggunakanallcap dan yang menggunakan kombinasi.

Knowledge is power

but character is more

KNOWLEDGE IS POWERBUT CHARACTER IS

MORE

Balloning

Huruf kecil

Balloning

Huruf besar

Perhatikan Huruf O pada kata Onepeace terbuat

dari buah nanas


14/17

14

Proporsi

Dengan jenis huruf yang sama, dapat dibuat

kombinasi proporsi setiap huruf sehingga ada

yang pipih atau gepeng, lonjong, normal dan lain-

lain.

Cermin atau

Mirror

Dengan mencerminkan jenis salah satu huruf,

akan membuat sesuatu yang tidak lazim dankontradiktif sehingga dapat menarik perhatian.

Skew

Dengan men-skew huruf dalam sebuah kata,

dapat membuat kesan dinamis, atraktif dan

futuristik. Cocok untuk judul film action.

Transparancy

Dengan huruf-huruf transparan yang saling

tumpang tindih, akan membuat kesan lain di

daerah perpotongannya.

Warna

Perbedaan pada huruf-huruf, dapat membuat

penekanan dan perubahan makna.

Batas

Penempatan huruf-huruf sampai melewati batas

area desain, dapat menarik perhatian, penasaran

dan arti lain.

EFEK

Di samping transformasi dasar yang sederhana,

agar desain huruf nampak lebih detail dan

menarik, bisa ditambah kombinasi efek sebagai

make-up.

Tips

Hati-hati efek yang tidak sesuai konsep akan

merusak desain.Sebelum bermain dengan efek

lebih baik menggunakan prinsip desain tipografi.

Pemberian efek teks yang kuat bisa

mengalahkan objek gambar, sehingga gambar

tidak terlalu banyak efek.Perhatikan contoh

desain berikut.

Kombinasi Teks dan gambar yang sudah di

make-up


15/17

15

PERATAAN

AL IGNMENT

)

Dalam penulisan tentunya sudah umum diketahui

jenis perataan dalam paragraf, seperti rata kiri

(left alignment), rata tengah (center alignment),

rata kanan (right alignment), rata kiri kanan

(justify alignment) dan rata kiri kanan penuh (full

justify alignment).

Tentang paragraf dapat digunakan pada software

desktop publishing seperti Pagemaker, indesign,

Ventura, Microsoft Word, termasuk Coreldraw.

Pada Coreldraw untuk mengaksesnya dengan

menu Text -3 Format text Ctrl+ T).

Dengan mengetahui karakteristik perataan-

perataan pada penulisan teks, anda dapat

membuat pembaca menangkap informasi dengan

mudah, cepat, jelas dan tentu saja menarik atau

estetis.Berikut adalah karakteristik dan tips dalam

perataan teks.

Rata Kiri

Rata kiri paling mudah dibaca, karena mata akan

mudah menangkap saat membaca baris

berikutnya. Spasi antar huruf dan antar kata tetap

atau tidak berubah sesuai karakteristik hurufnya.

Sisi kanan paragraf akan terlihat tidak rata atau

bergerigi, yang mengesankan tidak rapi dan tidaklengkap. Namun justru hal ini dapat mengurangi

kebosanan pembacanya.

Rata Tengah

Meskipun bentuknya secara menyeluruh enak

dipandang, rata tengah akan lebih sulit dan lebih

lambat untuk dibaca. Karena saat perpindahan

baris, pembaca agak lama menemukan baris

berikutnya. Sebaiknya tidak membuat artikel

panjang dengan perataan rata tengah. Namun

rata tengah cocok untuk tulisan pendek sepertipuisi, pengumuman singkat dan yang lain.Artikel

panjang dengan rata tengah akan melelahkan

pembacanya.

Rata Kanan

Rata kanan juga sulit dibaca, karena kita

membaca dari kiri ke kanan. Namun masih lebih

terbaca rata kanan dibanding rata tengah.

Pembacaan saat perpindahan baris akan

menyulitkan mata pembaca karena bentuk rata

kiri yang acak.

Rata Kiri Kanan

Rata kiri kanan mudah dibaca. Spasi antar huruf

dan antar kata akan ada perubahan karena

penyesuaian dengan perataan kanan.

Secaramenyeluruh perataan ini enak dan mudah

dipandang. Namun hal ini dapat menimbulkan

kebosanan pembacanya.

In addition to examining alternative beliefs,

values, and metaphors, Teaching In Mind

explores a variety of cognitive processes

relevant to teaching. Thought viruses,

dichotomous thinking, categorization/labeling,

and some specific ways that people "know" are

just a few of the topics included. Because they

form the foundation for teacher beliefs, manypresuppositions of the conventional "wisdom"

of education are reexamined.

For those who require the verification of

experts, literally hundreds of sources from

disciplines including education, cognitive

psychology, and the neurosciences are

provided in endnotes and references.However, Teaching In Mindis not a theoretical

discussion. It is an immediately useful plan of

action for practicing teachers.

Teaching In Mindsynthesizes the emerging

theoriesfor practicing teachers through

dozens of practical examples. These examples

demonstrate how a teacher's

conceptualization of teaching and learning

profoundly influences that teacher's behavior.

Of equal importance, the book contains many

exercises designed to help teachers identify

and examine their own thought processes.


16/17

16

Rata Kiri Kanan Penuh

Hampir sama dengan perataan Rata kiri kanan,

namun dapat menimbulkan spasi antar huruf yang

sangat extrim, sehingga terlihat agak ompong.

Perataan ini sangat rapi dan cocok bila

dipadukan dengan backgroundkotak.

TEKS UNTUK DAFTAR

Teks berupa daftar seperti daftar isi, menu,

kerangka, point-point penting pada presentasi,

perlu ada penekanan, antara lain:

Bullet & Numbering

Memberikan Objek atau angka/penomoran pada

awal baris, Contoh:

Drop Caps

Merubah ukuran atau jenis font pada huruf awal

baris, Contoh:

Objek Antara

Memberikan objek antar baris, Contoh:

Examples of the metacognitive strategies used

by Mrs. Smith with her students include:

Modeling thinking aloud.

Accessing prior knowledge throughthe use of graphic organizers (KWLchart).

Using the program Inspiration inthe planning stage of writing.

Debriefing-- review the thoughtprocesses.




Accessing prior knowledgethrough the use of graphic

organizers (KWL chart).

Using the program Inspiration inthe planning stage of writing.





Accessing prior knowledge through

the use of graphic organizers (KWL

chart).

Using the program Inspiration in

the planning stage of writing. Debriefing-- review the thought

processes.

Educational theorists Michael Fullan and Andy

Hargreaves have argued that, "Teacher

development...involves more than changing

teachers' behavior. It also involves changing

the person the teacher is." Teaching In Mind

will help teachers explore their unconscious

thinking processesto determine who they

are now. In addition, the book will help

teachers identify the changes they can make in

themselves to create educational

environments in which both they and their

students will thrive.


17/17

Objek Latar Belakang

Memberikan objek dibelakang teks pada setiap

baris, Contoh:

Transformasi

Memberikan perubahan transformasi berupa PRS

(Posisi, Rotasi, Skala) , Contoh :

Posisi

Rotasi

Skala

Properti Warna

Memberikan warna tiap barisnya. Contoh:

Tips Teks Layout

Sebelum membaca artikel, mata pembaca

selalu melihat secara global, tidak sepotong

sepotong. Meskipun Layout disusun rapi, tetapi

bisa jadi antar group tidak ada keterkaitan,sehingga desain terkesan lepas'.

Layout yang tidak memiliki group dan terkesanterbuka, namun memiliki keterkaitan antarartikel. Desain tersebut berhubungan dengankaidah estetika: kesatuan (unity) dan desain

yang mengalir (continuity).

Desainer yang baik mampu mengkompromikanantara fungsi komunikasi dan fungsi estetis.






chart).

Using the program Inspiration in

the planning stage of writing.







chart).Using the program

Inspiration in the planning

stage of writing.Debriefing-- review the thought

processes.

Examples of the metacognitive strategies usedby Mrs. Smith with her students include:




chart).

Using the program Inspiration in the

planning stage of writing.

Debriefing-- review the thought

processes.




Accessing prior knowledge

through the use of graphic

organizers (KWL chart).

Ilmu Dasar DKV SMA

Documents

Transcript of Ilmu Dasar DKV SMA