PEMBUATAN DESAIN TIPOGRAFI

dokumen-dokumen yang mirip
Peran dari pada tipografi itu sendiri adalah untuk mengkomunikasikan ide atau informasi dari halaman tersebut ke pengamat. Terkadang secara tidak

typos = bentuk grapho = menulis

BAB III LANDASAN TEORI

TIPOGRAFI SEBUAH ILMU TENTANG HURUF

BAB 4 KONSEP DESAIN. 4.1 Landasan Teori Teori Layout. Dalam buku The Fundamentals of Creative Design

BAB IV TEKNIS PERANCANGAN DAN MEDIA

BAB III TEORI PENUNJANG. teori-teori penunjang sebagai referensi praktikan untuk membuat sebuah

BAB III TEORI PENUNJANG

[DOCUMENT TITLE] IMAGE EDITING [DOCUMENT SUBTITLE]

10/2/2012. Kelebihan iklan visual..(1) Dasar Design. Definisi. Kelebihan iklan visual..(2) Desain Komunikasi Visual

BAB II TINJAUAN PUSTAKA

DESAIN BROSUR SUPERMARKET MENGGUNAKAN ADOBE PHOTOSHOP CS Gianto, SPd - SMAN 113 Jakarta

Membuat Tombol Enter dengan Menggunakan Adobe Photoshop Oleh : Tomy Meilando

BAB 4 KONSEP DESAIN Teori psikologi wanita dewasa madya

BAB IV KONSEP DESAIN

BAB III TINJAUANPUSTAKA

Ahli Tipografi disebut TIPOGRAFER (ahlinya tipografi gitu...)

DESIGN IKLAN SEPATU. 1. Buka aplikasi Photoshop CS5, kemudian atur kanvas sehingga berukuran 1024 x 768 px dan pilih warna putih sebagai background.

PRODUKSI MEDIA PR CETAK

TIK CERDA S. Adobe Photoshop MODUL ADOBE PHOTOSHOP TIK CERDAS. TIK CERDAS Surabaya, Indonesia

MODUL IV APLIKASI MULTIMEDIA

BAB IV TAHAPAN PRODUKSI MEDIA

Poster. dinding atau permukaan datar lainnya dengan sifat mencari perhatian mata sekuat mungkin.

BAB IV TINJAUAN TIPOGRAFI JUDUL FILM HOROR INDONESIA PADA MEDIA POSTER

BAB 4 KONSEP DESAIN. kicker eyebrows, credit line, caption, foto, headline, deck, initial caps, box,

BAB II MEMBUAT OBJEK DASAR PADA GIMP

Spesifikasi: Ukuran: 14x21 cm Tebal: 238 hlm Harga: Rp Terbit pertama: Agustus 2005 Sinopsis singkat:

Mengekspos Sinar Matahari dan Bulan

BAB II TINJAUAN PUSTAKA. seseorang ( Namun menurut Suyatno, desain grafis

babastudio.com babastudio.com

BAB III TEORI PENUNJANG

PANDUAN BELAJAR BAGIAN KEDUA. Dibuat oleh : K A M A L U D I N

TUTORIAL MEMBUAT FOTO BEREFEK KOMIK MENGGUNAKAN PHOTOSHOP

1. Buat dokumen baru pada photoshop ( CTRL +N) dengan pengaturan opsi sebagai berikut

BAB IV HASIL KERJA PRAKTEK

LATIHAN SOAL MID SEMESTER 1 MATA PELAJARAN TIK KELAS XII IPA DAN IPS Oleh : Gianto, SPd

Graphic Desaign dengan Adobe Photoshop

PERANGKAT LUNAK DESAIN GRAFIS


PHOTOSHOP FOR POSTER AND PAMFLET 1 st Session. Adobe Photoshop CS3 Portable. With

Dasar-Dasar Channels

Desain Typography Dengan Adobe Photoshop Cs5

3. Klik Horizontal Type Tool yang ada dalam toolbox 4. Lihat option bar, lalu pilih dan atur nilai-nilai pada option bar sehingga seperti:

MENGGUNAKAN PROGRAM PENGOLAH GRAFIS

Spesifikasi: Ukuran: 14x21 cm Tebal: 272 hlm Harga: Rp Terbit pertama: Juli 2005 Sinopsis singkat:

SOAL PILIHAN GANDA PREDIKSI UAS GENAP PENGOLAHAN CITRA DIGITAL KELAS XI MULTIMEDIA

BAB I PENDAHULUAN. 1.1 Latar Belakang

TEKNOLOGI INFORMASI DAN KOMUNIKASI MENGGUNAKAN. Program Pengayaan SMA N 1 SRAGEN 2008/2009 Bekti Ratna Timur Astuti,S.Kom

babastudio.com babastudio.com

Tampilan slide presentasi untuk industri kreatif dengan tema fresh

BAB 4 KONSEP. Landasan teori pemasaran yang digunakan adalah pemasaran jasa (Booms dan

Tutorial Membuat Website dengan Photoshop CS2

BAB I PENDAHULUAN PHOTOSHOP CS2

Membuat Gambar Kolase Menggunakan Blending Mode

Menambahkan Efek Cuaca pada Gambar

Spesifikasi: Ukuran: 11x18 cm Tebal: 200 hlm Harga: Rp Terbit pertama: September 2005 Sinopsis singkat:

BAB III TEORI PENUNJANG

Desain IV (Hotel Savoy Homann) Prio Rionggo, 2014 Proses Penciptaan Desain Poster Dengan Tema Bandung Heritage

Langkah pembuatan efek foto blending dengan Photoshop

PROGRAM STUDI D3 JURUSAN TEKNIK KOMPUTER POLITEKNIK NEGERI SRIWIJAYA PALEMBANG TK Computer 1 (Multimedia) Hand On Lab 5

Memanipulasi & Editing Image dengan Adobe Photoshop

File yang berisi informasi sebuah typeface di komputer diberi istilah font

MODUL KULIAH DAN PRAKTIKUM LABOR. Teknologi Multimedia. Interface Design. Oleh Muhammad Adri, S.Pd, MT

Slamet Riyanto

KATA PENGANTAR. Assalamualaikum Wr. Wb.

BAB III LANDASAN TEORI. mengenai sebuah logo yang akan digunakan dalam Kerja Praktik yang disusun

Mengelola Bagian. Website Sekolah. Mengelola bagian utama Website Sekolah dibagi menjadi 3

Link :

Mengenal Lingkungan Kerja Adobe Photoshop CS5

1. MELIHAT AREA KERJA

ADOBE PHOTOSHOP CS3. Euis Sutinah. Abstrak. Pendahuluan.

Bab 2 Editing Foto. Tool Menggambar

BAB IV KONSEP DESAIN

Belajar Dasar Illustrator : Apa itu Illustrator?

DAFTAR ISI. KATA PENGANTAR... i ABSTRAK... ii DAFTAR ISI... iii DAFTAR GAMBAR... v DAFTAR TABEL... vii DAFTAR LAMPIRAN... ix

1. Efek Cloud Pada Background Foto

BAB 4 KONSEP DESAIN 4.1 Landasan Teori Jenis Buku Buku Non Fiksi Teori Ilustrasi Seni Kontemporer Ilustrasi Tangan ( Hand Drawing)

Membuat Frame (Gaussian Blur)

Membuat Kalender Meja dengan Photoshop


MACROMEDIA FLASH. 1.1 Mengenal interface Macromedia Flash 8. Panel. Timeline Stage. Properties. Animasi Sederhana dengan Macromedia Flash 1

MODUL PELATIHAN MEDIA PUBLIKASI ADOBE PHOTOSHOP CS6

MEMBUAT KARTUN & COVER AADC

Bab 11- Manipulasi Gambar Dengan Photoshop. Oleh: Liharman Pandiangan

Minimal basic fungsi tool photoshop

A. Kompetensi Setelah mengikuti mata kuliah ini, mahasiswa diharapkan memiliki kemampuan membuat efek teks dan membuat efek gambar.

PRAKTEK : MEMBUAT LOGO

TUTORIAL DASAR ADOBE PHOTOSHOP CS.2. Disusun Oleh: ARI SUHARTANTO TKJ SMKN 1 GEGER MADIUN

Mengenal Photoshop. 2.1 Mengenal Interface

Jl Srijaya Negara Bukit Besar Palembang 30139, Telpon :

IMPLEMENTASI WARNA RGB DI ADOBE PHOTOSHOP

PROGRAM STUDI D3 JURUSAN TEKNIK KOMPUTER POLITEKNIK NEGERI SRIWIJAYA PALEMBANG TK Computer 1 (Multimedia) Hand On Lab 1 Konsep Layer dan Tool Dasar

ADOBE PHOTOSHOP PENGENALAN TOOLS

BAB II TINJAUAN PUSTAKA

III. DATA DAN ANALISIS PERANCANGAN

Kreasi Bingkai Gokil

MEMBUAT FOTO MENJADI PUZZLE

Latar belakang Desain grafis

Tutorial membuat Gambar Lumba-Lumba dengan Panorama Bawah Laut

Membuat Berbagai Desain Logo

Transkripsi:

PEMBUATAN DESAIN TIPOGRAFI Dasar - Dasar Tipografi Tipografi merupakan suatu ilmu dalam memilih dan menata huruf dengan pengaturan penyebarannya pada ruang ruang yang tersedia, untuk menciptakan kesan tertentu, sehingga dapat menolong pembaca untuk mendapatkan kenyamanan membaca semaksimal mungkin. Dikenal pula seni tipografi, yaitu karya atau desain yang menggunakan pengaturan huruf sebagai elemen utama. Dalam dunia Desain Grafis Tipografi adalah sebuah disiplin khusus yang mempelajari mengenai seluk beluk huruf. Tidak hanya terbatas pada pada pemilihan jenis hurup, ukuran huruf, dekorasi, kesesuaian dengan tema, tetapi juga meliputi tata letak vertical atau horizontal tulisan pada sebuah bidang desain. Ilmu tipografi digunakan pada banyak bidang diantaranya desain grafis, desain web, percetakan, majalah, desain produk dll. Terkadang secara tidak sadar, kita selalu berhubungan dengan tipografi setiap hari dan setiap saat. Contoh penggunaan tipografi dalam trademark Contoh penggunaan tipografi dalam media baliho, spanduk dan poster

Perkembangan tipografi saat ini sudah mengalami perkembangan dari fase penciptaan dengan tangan mengalami komputerisasi. Fase komputerisasi membuat pengguna tipografi menjadi lebih mudah dan dalam waktu yang lebih cepat dengan jenis pilihan huruf yang ratusan jumlahnya. Jenis jenis rupa huruf digolongkan menjadi : 1. Roman. Ciri dari huruf ini adalah memiliki sirip/kaki/serif yang berbentuk lancip pada ujungnya. Huruf Roman memiliki ketebalan dan ketipisan yang kontras pada garis-garis hurufnya. Kesan yang ditimbulkan adalah klasik, anggun, lemah gemulai dan feminin. 2. Egyptian. Adalah jenis huruf yang memiliki ciri kaki/sirip/serif yang berbentuk persegi seperti papan dengan ketebalan yang sama atau hampir sama. Kesan yang ditimbulakn adalah kokoh, kuat, kekar dan stabil. 3. Sans Serif. Pengertian Sans Serif adalah tanpa sirip/serif, jadi huruf jenis ini tidak memiliki sirip pada ujung hurufnya dan memiliki ketebalan huruf yang sama atau hampir sama. Kesan yang ditimbulkan oleh huruf jenis ini adalah modern, kontemporer. 4. Miscellaneous. Huruf jenis ini merupakan pengembangan dari bentuk-bentuk yang sudah ada. Ditambah hiasan dan ornamen, atau garis-garis dekoratif. Kesan yang dimiliki adalah dekoratif dan ornamental. 5. Script. Huruf Script menyerupai goresan tangan yang dikerjakan dengan pena, kuas atau pensil tajam dan biasanya miring ke kanan. Kesan yang ditimbulkannya adalah sifast pribadi dan akrab.

Tutorial Pembuatan Tipografi 3D Langkah langkah untuk membuat sebuah desain Tipografi 3D seperti gambar diatas adalah sebagai berikut : 1. Software yang digunakan dalam pembuatan desain Tipografi 3D ini adalah Adobe Photoshop. Adobe Photoshop, atau biasa disebut Photoshop, adalah perangkat lunak editor citra buatan Adobe Systems yang dikhususkan untuk pengeditan foto/gambar dan pembuatan efek. Perangkat lunak ini banyak digunakan oleh fotografer digital dan perusahaan iklan sehingga dianggap sebagai pemimpin pasar (market leader) untuk perangkat lunak pengolah gambar/foto. Dibawah ini adalah lembar kerja dari Adobe Photoshop CS3. Menu Bar Option Bar Palletes Tool Box

2. Langkah pertama yang kita lakukan adalah membuat sebuah kanvas baru. File > New. Muncul sebuah kotak dialog baru dan atur seperti gambar dibawah. Lalu klik OK. 3. Sudah tercipta sebuah kanvas baru dengan background berwarna putih. Kita akan merubah warna backgroundnya menjadi hitam. Pilih Set Foreground Color pada Tool Box. Arahkan lingkaran kecil pemilih warna pada area warna hitam, atau dengan merubah RGB (0, 0, 0). Lalu klik OK. Dengan menggunakan Paint Bucket Tool atau dengan tekan G, klik pada kanvas maka background pada kanvas akan berubah menjadi warna hitam 4. Buka gambar Wood Texture pada folder aset. File > Open > Cari wood texture > Open. Masukkan wood texture pada lembar kerja Tipografi 3D. Atur ukuran sesuai kanvas, dan ubah Opacity menjadi 35%.

5. Buka gambar Galaxy Star pada folder aset. Letakkan juga di kanvas Tipografi 3D. Ubah blending option menjadi Screen dan Opacity 70% 6. Selanjutnya kita akan gunakan software Adobe Illustrator untuk membuat text 3Dnya. 7. Buat sebuah dokumen baru dengan ukuran terserah, namun defaultnya adalah A4. Dengan menggunakan Type Tool atau klik T, kita buat huruf pertama. Disini saya contohkan untuk membuat kata FREE. Maka huruf pertamanya adalah F. Dengan menggunakan jenis font Sans Seri, font size 150pt dan warnanya hijau. Lalu pilih Effect > 3D > Extrude & Bevel, kita akan membuat text tersebut menjadi 3 dimensi dengan pengaturan seperti gambar dibawah. Export dengan format.png

8. Hapus huruf F tadi, kita buat huruf R warna kuning dengan pengaturan Extrude & Bevel seperti dibawah ini. Export dengan format.png. 9. Selanjutnya untuk huruf E pertama kita gunakan warna pink dan pengaturan Extrude & Bevel seperti dibawah. Export dengan format.png. 10. Untuk huruf E yang kedua kita gunakan warna biru dan pengaturan Extrude & Bevel seperti dibawah. Export dengan format.png. 11. Masukkan semua huruf FREE pada kanvas Tipografi 3D. Atur letak dan ukuran seperti dibawah ini.

12. Pilih custom shape tool > Tile 2 > warna hijau muda dan letakkan diatas huruf F. Klik kanan pada Shape 1 > Rasterize Layer. Klik layer Shape 1 lalu sambil tekan CTRL klik layer F. Lalu inverse layer atau tekan CTRL + Shift + I > klik delete. Maka shape 1 akan menyesuaikan dengan huruf F. Tekan CTRL + D untuk Deselect. Makan akan tercipta sebuah efek baru pada text F. 13. Lakukan langkah 12 lagi untuk huruf yang lainnya. Anda bisa menggunakan shape apa saja. Atau bisa juga menggunakan brush.

14. Dengan berbagai pengaturan pada layer style, anda bisa menghasilkan efek seperti dibawah ini. 15. Dengan penambahan brush dan layer style, bisa menghasilkan desain seperti dibawah ini.

Pada intinya, tipografi adalah salah satu elemen yang menyampaikan isi dan maksud dari sebuah karya desain. Sebegitu pentingnya peran tipografi pada desain yang kita hasilkan, jadi biarpun desain visual kita wah, tetapi kalau tipografi nya tidak mudah di baca dan susah di mengerti, maka desain tersebut termasuk gagal. Berikut ini ada tips dasar untuk membuat tipografi lebih menarik, nyaman dan mudah dibaca : 1. Kerning Kerning adalah jarak antar huruf. Kalau sudah bingung bagaimana membuat judul/kalimat tertentu menjadi lebih menarik, biasanya desainer mendempetkan / melebarkan kerning pada judul/kalimat tersebut. Namun harap di perhatikan, jangan sampai terlalu mendempetkan kerning karena hasilnya judul/tulisan akan susah terbaca dan terasa penuh. Jadi, gunakanlah teknik ini secukupnya. 2. Pemilihan Font Pemakaian jenis font yang tepat dapat membantu desain menjadi lebih menyatu dan lebih cepat mengkomunikasikan maksud dari desain. Misalnya, pada desain brosur kecantikan, kita tidak mungkin menggunakan font yang keras, berbentuk kaku dan tebal. Akan lebih tepat jika kita menggunakan font yang tipis dan luwes, sesuai dengan kepribadian target market yang di tuju, yaitu wanita. 3. Berat dan Ukuran Kita bisa memainkan berat (tebal tipis) dan ukuran (besar kecil) font, untuk memberikan emphasis (elemen mana yang akan di baca atau di tampilkan terlebih dahulu). Sehingga secara tidak langsung pembaca akan di tuntun sesuai dengan flow yang kita mau. 4. Leading Leading adalah jarak spasi antara kalimat atas dan bawah dalam satu paragraf. Biasanya elemen ini jarang di utak-atik oleh kebanyakan desainer. Padahal leading yang di atur dengan baik akan membuat pembaca tidak merasa lelah jika mereka membaca suatu artikel yang panjang. 5. Warna Warna pada font biasanya di sesuaikan dengan background. Jika background berwarna (foto) maka lebih baik menggunakan 1 warna font yang netral (putih misalnya). Yang pasti harus menghasilkan kontras yang cukup, sehingga tetap nyaman di baca dan tidak menusuk mata.