10/17/2018

1

LAYOUT / TATA LETAK

Layout didalam bahasa memiliki arti tata letak. Sedangkan menurut istilah, layout merupakan usaha untuk menyusun, menata, atau memadukanelemen-elemen atau unsur-unsur komunikasi grafis (teks, gambar, tabel dll) menjadikan komunikasi visual yang komunikatif, estetik dan menarik. Di sinidiperlukan pertimbangan ketika sedang mendesain suatu infomasi yang seefektif mungkin. Tujuan utama layout adalah menampilkan elemengambar dan teks agar menjadi komunikatif dalam sebuah cara yang dapatmemudahkan pembaca menerima informasi yang disajikan

10/17/2018

2

Prinsip-prinsip yang Berhubungan dengan Layout :

1. Kesederhanaan2. Kontras3. Keseimbangan4. Keharmonisan

Harmoni dapat diwujudkan dalam 2 bentuk, yaitu: a. Harmoni dari segi bentukb. Harmoni dari segi warna

5. Stressing (Menekankan)

Layout komprehensif

Visualisasi rancangan yang lebih lanjut dan lengkap adalah

layout komprehensif, dalam visualisasinya telah menunjukkan, antara lain :

1. Ukuran bersih barang cetak

2. Ruang cetaknya

3. Elemen-elemen layoutnya : huruf, ilustrasi, dan lain-lain.

4. Warna cetakan, dan

5. Tata letak elemen-elemen tersebut

10/17/2018

3

Pedoman untuk Mengorganisir Layouts:

1. Menggunakan berbagai jenis ukuran untuk berbagai elemen. 2. Membentuk suatu hirarki dari jenis ukuran untuk utama,

subheads, teks, dan lain-lain sesuai dengan format. 3. Semua format utama sama, semua teks harus diformat sama, dll4. Membuat elemen yang paling pentingagar khalayak bisa

menemukan hal yang besar pada hal-hal yang kecil.

Perangkat Lunak (software)

Install software disesuaikan tujuan pemakaian. Untuk proses

mendesain dapat dipertimbangkan, antara lain : Pagemaker, Ilustrator,

Photoshop, Quark X-press, Corel Draw, Free Hand, atau software yang

lainnya yang mendukung proses mendesain. Perlu diperhatikan,

semakin banyak kita memasukkan software di komputer kita, akan

membebani memori harddisk kita.

10/17/2018

4

5. Menggunakan rules (baris) untuk memisahkan informasi ke dalam grup. 6. Menggunakan berbagai jenisketebalan font. 7. Gunakan spasi kosong untuk tujuan desain dalam publikasi. 8. Informasi posisi penting di sudut kiri atas. Di sudut kiri atas biasanya

membaca terlebih dahulu. Menempatkan kotak sekitar informasi penting. 9. Berikan bullet pada item-item yang penting. 10. Gunakan warna kebalikan (jenis putih pada latar belakang gelap) untuk

memisahkan atau menekankan.

Panduan umum untuk Layouts:

1. Menentukan tujuan anda publikasi, presentasi, atau situs web anda sebelum andamulai Layout.

2. Membuat dasar pesan yang akan disampaikan dan rencana tata ruang di sekitarnya. 3. Pilih yang sesuai jenis media (halaman web, presentasi, cetak buku, newsletter, atau

brosur, dll) dan ukuran. 4. Mengidentifikasi target pemirsa tersebut, kemudian menulis dan mendesain

publikasi, , atau situs web agar selalu berada dalam benak khalayak. 5. Mempertimbangkan kepentingan mereka, membaca tingkat, latar belakang, dll..

10/17/2018

5

Aplikasi-aplikasi dalam sistem desktop

publishing dapat dikelompokkan berdasarkan fungsinya :

1. Aplikasi Pengolah Kata

Aplikasi ini biasanya untuk mengolah kata, baik grammar dan

spelling-nya. Aplikasi ini dikhususkan untuk mengolah format teks

atau membuat tagging. Aplikasi ini mampu melakukan penataan

halaman, walaupun dalam konteks sederhana seperti yang

dilakukan oleh Microsoft Word. Yang termasuk aplikasi ini, misalnya

Microsoft Word, Wordstar,dan Corel WordPerfect.

2. Aplikasi Pengolah Gambar/ Foto

Aplikasi ini untuk mengolah foto atau gambar bitmap dan gambar

realistis lainnya. Photoshop merupakan salah satu aplikasi yang

cukup familier di kalangan desainer grafis untuk ngolah foto,

memanipulasi foto, retouching image, dan color correction. Selain

Photoshop ada pengolah foto yang lain, seperti Fractal Design

Painter, dan Corel Photo Paint.

10/17/2018

6

3. Aplikasi Pengolah Ilustrasi

Aplikasi ini berfungsi untuk mengolah gambar dalam bentuk vektor,

seperti ilustrasi dan logo. Gambar yang dihasilkan oleh aplikasi

jenis ini adalah gambar vektor. Dalam perkembangannya, aplikasi

ini juga mampu mengolah gambar bitmap. Aplikasi pengolah

ilustrasi yang banyak digunakan oleh para desainer grafis, seperti

Adobe Illustrator, Macromedia Freehand, Corel Draw, dan Beneba

Canvas.

4. Aplikasi Pengolah Layout

Aplikasi ini untuk mengatur halaman. Aplikasi pengolah kata yang

sering digunakan Adobe Pagemaker, QuarkXpress, dll. Sedangkan

pengolah layout yang digunakan untuk mempermudah imposisi

halaman buku, majalah, dll., yaitu: QuarkXtension, DK&A

Imposition, Impose (Barco), Signastation (Heidelberg), dan lain-lain

Dengan dukungan dari perangkat-perangkat yang menunjang

seorang pewajah (desainer grafis) tidak dipusingkan oleh

rendahnya kinerja komputer.

10/17/2018

7

Gambar Bitmap

Gambar bitmap juga sering disebut juga dengan istilah raster

image. Gambar dibentuk oleh sekumpulan titik yang disebut dengan

pixel (picture element) dalam suatu grid. Titik-titik persegi berkumpul

seperti mosaic bergabung dan memiliki warna –warna tersendiri yang

membentuk gambar seperti terlihat pada layar monitor. Pixel berjajar,

baik vertikal maupun horizontal seperti yang terlihat pada gambar akan

terlihat pada pembesaran tertentu. Gambar bitmap merupakan resolution

dependent. Kualitas gambar bergantung pada banyak atau pixel yang

membentuk gambar atau yang disebut dengan istilah resolusi. Ukuran

yang dipakai dalam penentuan resolusi adalah dpi (dots per inch) atau

ppi (pixel per inch).

Gambar Bitmap dan VektorGambar Bitmap dan Vektor

Gambar Vektor

Gambar vektor dibuat melalui garis, kurva dan bidang secara

individual yang didefinisikan secara matematik. Setiap garis, kurva dan

bidang memiliki atribut berupa stroke, fill dan color yang dapat diubah.

Mengubah atribut tidak merusak atau mengurangi kualitas gambar

vektor, demikian juga memodifikasi bentuk dengan tool yang ada pada

aplikasi vektor, seperti skala dan rotasi. Gambar vektor tidak bergantung

pada resolusi (resolution independent). Itu sebabnya, Untuk itu

pembesaran dan pengecilan pada gambar vektor alam ukuran tak

terbatas tidak mempengaruhi dan tidak menyebabkan gambar menjadi

kabur atau out of focus.

10/17/2018

8

Proses mengubah gambar vektor menjadi bitmap disebut dengan

rasterizing tanpa mengurangi kualitas gambar saat pembesaran maupun

pengecilan. Ada baiknya sebelum mengubah mengkonversi gambar

tersebut, simpanlah gambar vektor terlebih dahulu di lain waktu.

Konversi ini biasanya diperuntukkan untuk keperluan web design seperti

yang dilakukan oleh aplikasi flash. Format yang digunakan untuk

menyimpan gambar vektor, seperti ai (Adobe Illustrator), CDR (Corel

Draw), CMX (Corel Exchange), CGM computer Graphics Metafile, DRW

(Micrografix Draw), DXF AutoCAD, dan WMF Windows Metafile. Yang

termasuk dalam aplikasi vektor diantaranya Adobe Illustrator, Freehand,

CorelDRAW, Xara, serif DrawPlus, dan Harvard Draw.

10/17/2018

9

Kemasan air minum & kemasan obat

87 mm60 mm

10/17/2018

10

10/17/2018

11

10/17/2018

12

10/17/2018

13

10/17/2018

14

10/17/2018

15

10/17/2018

16

10/17/2018

17

10/17/2018

18