Anatomi furuf
-
Upload
uniska-smk-telkom-banjarbaru -
Category
Technology
-
view
6.084 -
download
23
Transcript of Anatomi furuf
![Page 1: Anatomi furuf](https://reader035.fdocuments.net/reader035/viewer/2022081417/5562b3e7d8b42a7c4a8b57ba/html5/thumbnails/1.jpg)
TIPOGRAFITIPOGRAFITIPOGRAFITIPOGRAFI
Tipografi adalah ilmu yang mempelajari Tipografi adalah ilmu yang mempelajari tentang huruf atau Fonttentang huruf atau Font
![Page 2: Anatomi furuf](https://reader035.fdocuments.net/reader035/viewer/2022081417/5562b3e7d8b42a7c4a8b57ba/html5/thumbnails/2.jpg)
ANATOMI KETINGGIAN HURUF
• Setiap bentuk huruf mempunyai keunikan tersediri. Namun intinya tetap dalam batas-batas tertentu seperti body size, baseline dan capital height
![Page 3: Anatomi furuf](https://reader035.fdocuments.net/reader035/viewer/2022081417/5562b3e7d8b42a7c4a8b57ba/html5/thumbnails/3.jpg)
ANATOMI KETINGGIAN HURUF
Angelcapline
meanline
baseline
body size
ascender
X-height
descender
![Page 4: Anatomi furuf](https://reader035.fdocuments.net/reader035/viewer/2022081417/5562b3e7d8b42a7c4a8b57ba/html5/thumbnails/4.jpg)
ANATOMI KETINGGIAN HURUF
ANGELbody size
capline
baseline
Capital height
![Page 5: Anatomi furuf](https://reader035.fdocuments.net/reader035/viewer/2022081417/5562b3e7d8b42a7c4a8b57ba/html5/thumbnails/5.jpg)
Dengan kesederhanaan huruf kapital (Capitalize) akan membentuk garis semu pada capline dan baseline, sehingga cocok dipadukan dengan garis-garis horizontal dan bidang persegi empat. Huruf dengan bermacam-macam ketinggian (Title Case) kurang menampilkan garis semu.
Trip s a n d Tr ix
T R IP S A N D T R IX
![Page 6: Anatomi furuf](https://reader035.fdocuments.net/reader035/viewer/2022081417/5562b3e7d8b42a7c4a8b57ba/html5/thumbnails/6.jpg)
Dengan huruf-huruf kecil (lower case) yang memiliki variasi tinggi, ascender dan descender, kita mendapat ruang yang dapat dipakai untuk objek lain seperti garis atau teks lain.
webpagedesi ngF O R D E S I G N E R S
mr.
mouthbig
phellobYos007
![Page 7: Anatomi furuf](https://reader035.fdocuments.net/reader035/viewer/2022081417/5562b3e7d8b42a7c4a8b57ba/html5/thumbnails/7.jpg)
ANATOMI BENTUK HURUF
• Setiap huruf juga mempuyai batang, ujung (terminal) atau tangkai seperti gambar berikut :
f terminal
tangkai
batang
terminal
![Page 8: Anatomi furuf](https://reader035.fdocuments.net/reader035/viewer/2022081417/5562b3e7d8b42a7c4a8b57ba/html5/thumbnails/8.jpg)
ANATOMI BENTUK HURUF
• Dengan mengetahui komponen-komponen tsb, kita dapat memainkan terminal dan batang sehingga membentuk tulisan unik atau logo serti gambar berikut
desain pada terminal desain pada terminal
![Page 9: Anatomi furuf](https://reader035.fdocuments.net/reader035/viewer/2022081417/5562b3e7d8b42a7c4a8b57ba/html5/thumbnails/9.jpg)
ANATOMI BENTUK HURUF
lowandg
![Page 10: Anatomi furuf](https://reader035.fdocuments.net/reader035/viewer/2022081417/5562b3e7d8b42a7c4a8b57ba/html5/thumbnails/10.jpg)
GEOMETRI HURUF• Dari bentuk /geometriya huruf dibagi
4 kelompok :1. Garis tegak – datar : E, F, H, I, L2. Garis tegak – miring : A,
K,M,N,V,W,X,Y,Z3. Garis tegak – lengkung : B,D,G,J,P,R,U4. Garis lengkug : C, O, Q, S
![Page 11: Anatomi furuf](https://reader035.fdocuments.net/reader035/viewer/2022081417/5562b3e7d8b42a7c4a8b57ba/html5/thumbnails/11.jpg)
JENIS HURUF / FONT• Huruf tak berkait (Sans Serif)1. Tidak memiliki kait hanya batang dan
tangkainya saja2. Contoh : Arial, Avant Garde, Switzerland,
Varground dll.3. Ujungnya bisa tajam atau tumpul4. Sifatya kurang formal, sederhana, akrab5. Keuntungannya sangat mudah dibaca6. Cocok untuk huruf desain di layar komputer
(web, e-book, CD, Profile, desain pertelevisian dan media elektronik lainnya.
![Page 12: Anatomi furuf](https://reader035.fdocuments.net/reader035/viewer/2022081417/5562b3e7d8b42a7c4a8b57ba/html5/thumbnails/12.jpg)
Huruf tak berkait (Sans Serif)
Headline SubheadArial Black Tahoma
![Page 13: Anatomi furuf](https://reader035.fdocuments.net/reader035/viewer/2022081417/5562b3e7d8b42a7c4a8b57ba/html5/thumbnails/13.jpg)
JENIS HURUF / FONT• Huruf berkait (Serif)1. Memiliki kait pada ujungnya2. Contoh : Times Roman, Garamond, Dwitan,
Tifany dll.3. Sifatnya formal, elegant, mewah, anggun,
intelektual.4. Kurang mudah dibaca dibanding font San Serif5. Cocok utntuk huruf desain di media cetak
seperti koran skripsi, brosur, dll.
![Page 14: Anatomi furuf](https://reader035.fdocuments.net/reader035/viewer/2022081417/5562b3e7d8b42a7c4a8b57ba/html5/thumbnails/14.jpg)
JENIS HURUF / FONT• Huruf tulis (Script)1. Setiap hurufnya saling terkait seperti tulisan
tangan2. Contoh : Brush Scripts, Shelley, Mystral, Comic
Sans, Lucida dll.3. Sifatnya: anggun, traditioanal, pribadi, informal4. Kurang mudah dibaca, sehingga jangan
dipakai terlalu banyak dan terlalu kecil5. Cocok untuk desain undangan pernikahan,
ulang tahun, keluarga, ucapan tradisional
![Page 15: Anatomi furuf](https://reader035.fdocuments.net/reader035/viewer/2022081417/5562b3e7d8b42a7c4a8b57ba/html5/thumbnails/15.jpg)
Huruf tulis (Script)
Telah Menikah Wahyuni WelcomeBrus Scripts
Mistral Vladimir Script
![Page 16: Anatomi furuf](https://reader035.fdocuments.net/reader035/viewer/2022081417/5562b3e7d8b42a7c4a8b57ba/html5/thumbnails/16.jpg)
JENIS HURUF / FONT• Huruf Dekoratif1. Setiap huruf dibuat secara detail, kompleks
dan rumit2. Contoh : Augsburger Initial, English dll.3. Sifatnya mewah, bebas, anggun, traditional.4. Sangat sulit dibaca, hanya baik tampil 1 huruf
saja, jangan tampil satu kata.5. Cocok untuk hiasan, huruf pada awal alinea
artikel (Cap Hub), logo pernikahan, logo perusahaan.
![Page 17: Anatomi furuf](https://reader035.fdocuments.net/reader035/viewer/2022081417/5562b3e7d8b42a7c4a8b57ba/html5/thumbnails/17.jpg)
JENIS HURUF / FONT
P ernikahan P ernikahanOpen House Open House
![Page 18: Anatomi furuf](https://reader035.fdocuments.net/reader035/viewer/2022081417/5562b3e7d8b42a7c4a8b57ba/html5/thumbnails/18.jpg)
JENIS HURUF / FONT• Huruf Monospace1. Bentuknya bisa sama seperti huruf Sans Serif atau
Serif, tetapi jarak dan ruang setiap hurufnya sama. Contoh jarak dan ruang huruf ‘I’ dan ‘m’ dihitung sama dengan ‘m’. Seperti gambar pada contoh terlihat sesama huruf jenis monospace akan sama berakhir pada tempat/batas yang sama.
2. Contoh : Courier, Monotype, Lucida Console dll.3. Sifatnya formal, sederhana, kaku seperti mesin tik4. Mudah dibaca, namun kurang rapi dan efisien ruang
jika tampil banyak5. Cocok untuk tampilan pengetikan code / bahasa
program di komputer, logo group musik.
![Page 19: Anatomi furuf](https://reader035.fdocuments.net/reader035/viewer/2022081417/5562b3e7d8b42a7c4a8b57ba/html5/thumbnails/19.jpg)
Huruf Monospace
3DStudioMax3DStudioMax
3DStudioMax3DStudioMax
![Page 20: Anatomi furuf](https://reader035.fdocuments.net/reader035/viewer/2022081417/5562b3e7d8b42a7c4a8b57ba/html5/thumbnails/20.jpg)
Contoh pada desain
![Page 21: Anatomi furuf](https://reader035.fdocuments.net/reader035/viewer/2022081417/5562b3e7d8b42a7c4a8b57ba/html5/thumbnails/21.jpg)
JARAK ANTARA HURUF (KERNING DAN TRACKING)
• Kerning dan Tracking adalah istilah untuk jarak antara huruf. Namun kerning mempunyai nilai yang khas / beda pada setiap hurufnya. Di CorelDraw dan Adobe Photoshop lebih banyak dipakai istilah Tracking satuan tracking menggunkan persentase dari lebar font (point)
![Page 22: Anatomi furuf](https://reader035.fdocuments.net/reader035/viewer/2022081417/5562b3e7d8b42a7c4a8b57ba/html5/thumbnails/22.jpg)
![Page 23: Anatomi furuf](https://reader035.fdocuments.net/reader035/viewer/2022081417/5562b3e7d8b42a7c4a8b57ba/html5/thumbnails/23.jpg)
CONTOH PENERAPAN TRACKING
c omput er
u n d a n g a n
![Page 24: Anatomi furuf](https://reader035.fdocuments.net/reader035/viewer/2022081417/5562b3e7d8b42a7c4a8b57ba/html5/thumbnails/24.jpg)
KARAKTERSITIK HURUFa. Huruf miring (Italics) Sample Text
Teks italic akan menarik mata karena kontras dengan teks normal. Terlalu panjang kalimat dengan teks italics akan sulit dibaca, apalagi jika digunakan di layar komputer.
b. Huruf tebal (Bold) – Sample Text huruf tebal juga mengandung perhatian karena kontras dengan huruf normal. Biasanya dipakai pada judul atau subjudul. Terlalu banyak huruf tebal akan mengaburkan fokus dan makna.
c. Huruf garis bawah (Underline) – Sample Textgaris bawah menandakan adanya suatu ‘penting’
![Page 25: Anatomi furuf](https://reader035.fdocuments.net/reader035/viewer/2022081417/5562b3e7d8b42a7c4a8b57ba/html5/thumbnails/25.jpg)
KARAKTERSITIK HURUFd. Huruf berwarna – Sample Text
cara membedakan teks dapat menggunakan warna, meskipun tidak sekuat bold.
e. Huruf kapital – SAMPLE TEXThuruf kapital dapat diartikan sebagai ‘perintah’ atau ‘amarah’. Jika anda kirim sms dengan huruf kapital bisa diartikan anda sedang emosi / marah. Namun jika ditambah komponen garis putus-putus, artinya menjadi sedang berbisik-bisik.
CONTOH PENGGUNAAN HURUF KAPITAL
CONTOH PENGGUNAAN HURUF KAPITAL
Contoh penggunaan huruf kapital
![Page 26: Anatomi furuf](https://reader035.fdocuments.net/reader035/viewer/2022081417/5562b3e7d8b42a7c4a8b57ba/html5/thumbnails/26.jpg)
TRANSFORMASI DASAR
• Dengan menggunakan prisip transformasi pada gambar, huruf dapat dikombinasikan dengan macam-macam jenis tranformasi PRST (Position Rotation Scale Transparansy)
a. PositionKombinasi posisi huruf dalam kata
![Page 27: Anatomi furuf](https://reader035.fdocuments.net/reader035/viewer/2022081417/5562b3e7d8b42a7c4a8b57ba/html5/thumbnails/27.jpg)
TRANSFORMASI DASARb. Rotasiom
Kombinasi rotasi dan orientasi posisi setiap huruf dalam katac. Scale /Size
Kombinasi ukuran font (Font Size)d. Cermin (Mirror)
Dengan mencerminkan jenis salah satu huruf akan membuat sesuatu yang tidak lazim sehingga dapat menarik perhatian
e. SkewDengan men-skew huruf dalam kata, dapat membuat kesan dinamis atraktif. Cocok untuk judul film actions.
f. Transparansydengan huruf transparan yang saling tumpang tindih, akan membuat kesan lain didaerah perpotongannya.
g. Warnaperbedaaan pada huruf-huruf, dapat membuat penekanan dan perubahan makna.
h. Bataspenempatan huruf-huruf sampai melewati batas area desain, dapat menarik perhatian, penasaran dan arti lain.