Desain Grafis Percetakan menerapkan penggabungan gambar dan teks berbasi vektor
3 likes5,624 views
Dokumen ini membahas tentang grafis, termasuk pengertian, jenis, dan perbedaan antara grafis 2D dan 3D, serta grafis digital dan non-digital. Selain itu, dokumen ini juga menguraikan berbagai format file gambar dan cara menggabungkan teks dan gambar dalam desain multimedia. Terdapat teknik penting untuk memastikan kejelasan teks dalam kaitannya dengan gambar di latar belakang.
Desain Grafis Percetakan menerapkan penggabungan gambar dan teks berbasi vektor
- 1. Multimedia SMK Negeri 1 Pungging Mojokerto | Zainul Arifin, S. Kom Disusun Oleh Zainul Arifin, S. Kom SMK NEGERI 1 PUNGGING MOJOKERTO Yang dimaksud grafis adalah kombinasi antar titik-titik yang dapat menghasilkan suatu bentuk visual. Grafis juga dapat dikatakan sebagai bentuk komunikasi visual berupa gambar untuk menyampaikan suatu informasi. Secara umum bentuk grafis dibedakan menjadi dua macam diantaranya grafis 2Dimensi dan 3Dimensi. Grafis 2D menggunakan kordinya x dan y misalnya seperti gambar animasi atau seperti pada gambar kartun, sedangkan grafis 3D menggunakan kordinat x, y, dan z sehingga kita dapat melihat objek tersebut seperti nyata. Koordinat Sumbu objek 2D dan 3D Sedangkan dalam pembuatannya, grafis dibedakan juga menjadi dua macam yaitu grafis digital dan non digital. Grafis digital dihasilkan dari pengolahan gambar dengan komputer atau dengan alat pemotretan seperti kamera dan dapat di simpan dalam bentuk file digita. Grafis digital terbagi menjadi dua macam yaitu gambar vektor dan raster (bitmap). Grafis non digital yaitu dalam
- 2. Multimedia SMK Negeri 1 Pungging Mojokerto | Zainul Arifin, S. Kom pembuatannya tidak menggunakan komputer atau alat pemotretan, jadi hanya menggunakan alat tulis, atau alat lukis yang diguratkan ke media tertentu misalnya seperti kertas. a) Grafis Bitmap (Raster). Gambar bitmap merupakan duplikat atau tiruan persis dari gambar asli dalam bentuk gambar digital. Gambar jenis ini tersusun dari sejumlah titik pixel (picture element)/dot/point/titik koordinat yang ditempatkan pada lokasi-lokasi tertentu dengan nilai warna tersendiri sehingga membentuk pola tertentu di layar komputer. Pola yang terbentuk itulah yang menghasilkan atau menimbulkan kesan gambar. b) Grafis Vektor. Gambar vektor adalah gambar yang tersusun oleh sekumpulan garis, kurva, dan bidang tertentu dengan menggunakan serangkaian instruksi yang masing-masing didefinisikan secara matematis. Setiap garis, kurva, dan bidang tertentu tersebut mempunyai properti atau atribut masingmasing berupa fill, stroke, dan node. Gambar vektor tidak dipengaruhi oleh resolusi gambar atau titik pixel (dpi) seperti pada gambar bitmap. Perbedaan Gambar Vector dan Raster
- 3. Multimedia SMK Negeri 1 Pungging Mojokerto | Zainul Arifin, S. Kom a) Disusun oleh objek geometris yang dibuat berdasarkan perhitungan matematis. b) Sifatnya resolution independent. c) Pengaruh perbesaran tidak pecah, blur atau rusak. d) Ukuran penyimpanan relatif kecil. e) Digunakan untuk ilustrasi dengan bentuk geometris sederhana, warna solid atau gradasi tanpa terlalu banyak variasi warna. Cocok untuk logo dan jenis desain yang mengandalkan kesederhanaan bentuk. f) Format penyimpanan bisa berupa AI, CDR, FH, EPS. g) Software yang digunakan adalah Corel Draw, Adobe Illustrator, atau Inkscape. a) Disusun oleh objek yang disebut pixel. b) Sifatnya resolution dependent atau dipengaruhi resolusi. c) Pengaruh perbesaran pecah, blur dan rusak jika melewati batas toleransi tampilan. d) Ukuran penyimpanan relatif besar. e) Digunakan untuk gambar kompleks, berupa ragam warna dan bentuk yang beraneka, seperti foto dari hasil bidikan kamera. f) Format penyimpanan PSD, TIF, JPEG, GIF, BMP. g) Software yang biasa digunakan adalah Adobe Photoshop, Adobe Fireworks, Corel Photopaint, atau GIMP.
- 4. Multimedia SMK Negeri 1 Pungging Mojokerto | Zainul Arifin, S. Kom Dalam desain grafis dan percetakan yang berhubungan dengan gambar dan foto, terdapat banyak jenis format atau ekstensi file gambar. Berikut ini adalah penjelasan dari berbagai format gambar di antaranya : a) PSD (Photoshop Document). Format file ini merupakan format asli dokumen Adobe Photoshop. Format ini mampu menyimpan informasi layer dan alpha channel yang terdapat pada sebuah gambar, sehingga suatu saat dapat dibuka dan diedit kembali. Format ini juga mampu menyimpan gambar dalam beberapa mode warna yang disediakan Photoshop. Anda dapat menyimpan dengan format file ini jika ingin mengeditnya kembali. b) BMP (Bitmap Image). Format file ini merupakan format grafis yang fleksibel untuk platform Windows sehingga dapat dibaca oleh program grafis manapun. Format ini mampu menyimpan informasi dengan kualitas tingkat 1 bit samapi 24 bit. Kelemahan format file ini adalah tidak mampu menyimpan alpha channel serta ada kendala dalam pertukaran platform. Untuk membuat sebuah objek sebagai desktop wallpaper, simpanlah dokumen Anda dengan format file ini. Anda dapat mengkompres format file ini dengan kompresi RLE. Format file ini mampu menyimpan gambar dalam mode warna RGB, Grayscale, Indexed Color, dan Bitmap. c) EPS (Encapsuled Postcript). Format file ini merupakan format yang sering digunakan untuk keperluan pertukaran dokumen antar program grafis. Selain itu, format file ini sering pula digunakan ketika ingin mencetak gambar. Keunggulan format file ini menggunakan bahasa postscript sehingga format file ini dikenali oleh hampir semua program persiapan cetak. Kelemahan format file ini adalah tidak mampu menyimpan alpha channel, sehingga banyak pengguna Adobe Photoshop menggunakan format file ini ketika gambar yang dikerjakan sudah final. Format file ini mampu menyimpan gambar dengan mode warna RGB, CMYK, Lab, Duotone, Grayscale, Indexed Color, serta Bitmap. Selain itu format file ini juga mampu menyimpan clipping path. d) JPG/JPEG (Joint Photographic Expert Group). Format file ini mampu mengkompres objek dengan tingkat kualitas sesuai dengan pilihan yang disediakan. Format file sering dimanfaatkan untuk menyimpan gambar yang akan digunakan untuk keperluan halaman web, multimedia, dan publikasi elektronik lainnya. Format file ini mampu menyimpan gambar dengan mode warna RGB, CMYK, dan Grayscale. Format file
- 5. Multimedia SMK Negeri 1 Pungging Mojokerto | Zainul Arifin, S. Kom ini juga mampu menyimpan alpha channel, namun karena orientasinya ke publikasi elektronik maka format ini berukuran relatif lebih kecil dibandingkan dengan format file lainnya. e) GIF (Graphic Interchange Format). Format file ini hanya mampu menyimpan dalam 8 bit (hanya mendukung mode warna Grayscale, Bitmap dan Indexed Color). Format file ini merupakan format standar untuk publikasi elektronik dan internet. Format file mampu menyimpan animasi dua dimensi yang akan dipublikasikan pada internet, desain halaman web dan publikasi elektronik. Format file ini mampu mengkompres dengan ukuran kecil menggunakan kompresi LZW. f) TIF (Tagged Image Format File). Format file ini mampu menyimpan gambar dengan kualitas hingga 32 bit. Format file ini juga dapat digunakan untuk keperluan pertukaran antar platform (PC, Machintosh, dan Silicon Graphic). Format file ini merupakan salah satu format yang dipilih dan sangat disukai oleh para pengguna komputer grafis terutama yang berorientasi pada publikasi (cetak). Hampir semua program yang mampu membaca format file bitmap juga mampu membaca format file TIF. g) PCX (Personal Computer eXchange). Format file ini dikembangkan oleh perusahaan bernama Zoft Cooperation. Format file ini merupakan format yang fleksibel karena hampir semua program dalam PC mampu membaca gambar dengan format file ini. Format file ini mampu menyimpan informasi bit depth sebesar 1 hingga 24 bit namun tidak mampu menyimpan alpha channel. Format file ini mampu menyimpan gambar dengan mode warna RGB, Grayscale, Bitmap dan Indexed Color. h) PDF (Portable Document Format). Format file ini digunakan oleh Adobe Acrobat, dan dapat digunakan oleh grafik berbasis pixel maupun vektor. Format file ini mampu menyimpan gambar dengan mode warna RGB, CMYK, Indexed Color, Lab Color, Grayscale dan Bitmap. Format file ini tidak mampu menyimpan alpha channel. Format file ini sering menggunakan kompresi JPG dan ZIP, kecuali untuk mode warna Bitmap yaitu menggunakan CCIT. i) PNG (Portable Network Graphic). Format file ini berfungsi sebagai alternatif lain dari format file GIF. Format file ini digunakan untuk menampilkan objek dalam halaman web. Kelebihan dari format file ini dibandingkan dengan GIF adalah kemampuannya menyimpan file dalam bit depth hingga 24 bit serta mampu menghasilkan latar belakang (background) yang transparan dengan pinggiran yang halus. Format file ini mampu menyimpan alpha channel.
- 6. Multimedia SMK Negeri 1 Pungging Mojokerto | Zainul Arifin, S. Kom j) PIC (Pict). Format file ini merupakan standar dalam aplikasi grafis dalam Macintosh dan program pengolah teks dengan kualitas menengah untuk transfer dokumen antar aplikasi. Format file ini mampu menyimpan gambar dengan mode warna RGB dengan 1 alpha channel serta Indexed Color, Grayscale dan Bitmap tanpa alpha channel. Format file ini juga menyediakan pilihan bit antara 16 dan 32 bit dalam mode warna RGB. k) TGA (Targa). Format file ini didesain untuk platform yang menggunakan Targa True Vision Video Board. Format file ini mampu menyimpan gambar dengan mode warna RGB dalam 32 bit serta 1 alpha channel, juga Grayscale, Indexed Color, dan RGB dalam 16 atau 24 bit tanpa alpha channel. Format file ini berguna untuk menyimpan dokumen dari hasil render dari program animasi dengan hasil output berupa sequence seperti 3D Studio Max. l) IFF (Interchange File Format). Format file ini umumnya digunakan untuk bekerja dengan Video Toaster dan proses pertukaran dokumentasi dari dan ke Comodore Amiga System. Format file ini dikenali hampir semua program grafis yang terdapat dalam PC serta mampu menyimpan gambar dengan mode warna Bitmap. Format file ini tidak mampu menyimpan alpha channel. m) SCT (Scitex Continous Tone). Format file ini digunakan untuk menyimpan dokumen dengan kualitas tinggi pada komputer Scitex. Format file ini mampu menyimpan gambar dengan mode warna RGB, CMYK, dan Grayscale namun tidak mampu menyimpan alpha channel. n) PXR (Pixar). Format file ini khusus untuk pertukaran dokumen dengan Pixar Image Computer. Format file ini mampu menyimpan gambar dengan mode warna RGB dan Grayscale dengan 1 alpha channel. o) RAW. Format file ini merupakan format file yang fleksibel untuk pertukaran dokumen antar aplikasi dan platform. Format file ini mampu menyimpan mode warna RGB, CMYK, dan Grayscale dengan 1 alpha channel serta mode warna Multichannel, Lab Color dan Duotone tanpa alpha channel.
- 7. Multimedia SMK Negeri 1 Pungging Mojokerto | Zainul Arifin, S. Kom p) DCS (Dekstop Color Separation) Format file ini dikembangkan oleh Quark dan merupakan format standar untuk .eps. Format ini mampu menyimpan gambar dengan mode warna Multichannel dan CMYK dengan 1 alpha channel dan banyak spot channel. Format file ini mampu menyimpan clipping path dan sering digunakan untuk proses percetakan (publishing). Saat ini, hampir semua hasil karya di convert menjadi karya digital. Baik itu desain quotes, desain banner, desain grafis, dan banyak lagi. Tentunya teks dan gambar merupakan salah dua elemen penting untuk membuat desain yang ideal. Namun, untuk menggabungkan dua elemen tersebut, ada beberapa teknik yang harus diperhatikan, seperti: a) Perhatikan contrast warna antara text dan gambar. Hal ini merupakan aspek paling penting dalam menggabungkan sebuah text dan gambar. Dalam memilah gambar, Kita dituntut jeli dalam melihat warna. Apakah warna yang dominan dari gambar tersebut? Apakah terang? Sedikit terang? Atau justru Gelap?. Jika warna gambar tersebut dominan gelap, kita bisa memilih warna teks yang terang, begitupun dengan sebaliknya. Gunanya, tentu saja, agar teks tetap readable (terbaca) oleh pemirsa. b) Blur Gambar Background. Mengaburkan sebuah image, merupakan alternatif lain agar pesan teks tetap terbaca. Dengan mengaburkan gambar, pandangan pemirsa secara alami akan fokus pada pesan teks. Tentunya teknik pertama selalu berlaku pada teknik ini dan selanjutnya. c) Memilih Gambar yang Menyediakan Ruang Teks. Gambar yang memiliki sebagian ruang merupakan pilihan terbaik untuk menempatkan sebuah teks. Terkadang, kita harus mengikuti “keinginan” sebuah gambar, dengan begitu desain
- 8. Multimedia SMK Negeri 1 Pungging Mojokerto | Zainul Arifin, S. Kom yang dihasilkan akan terlihat seimbang dan alami. Alami dalam arti tanpa mengedit gambarnya agar teks tetap terbaca. d) Bagaimana Jika Gambar yang digunakan Memiliki Banyak Warna. Kadang ketika kita mendapatkan sebuah project, kita diharuskan menggunakan gambar- gambar tertentu untuk mempercantik sebuah halaman atau apapun itu. Tips pertama untuk menggabungkan sebuah teks dengan gambar yang memiliki banyak warna adalah dengan membuat overlay layer, baik itu warna solid ataupun gradient. Overlay akan menetralisir “ganasnya” warna-warni yang ada pada gambar. Tips keduanya adalah dengan membuat shape di area teks. Hal ini akan membuat teks tetap terbaca dengan baik meski menggunakan background yang berpadu dengan berbagai warna. e) Manfaatkan Warna disekitar background. Sebuah konten pasti memiliki beberapa kata atau kalimat yang penting. Agar sebuah teks terlihat berbaur dengan gambar, pilihlah salah satu warna yang ada di background. Hal ini membuat sebuah desain lebih natural. f) Sentuhlah Hati Pemirsa dengan memilih kedua elemen yang tepat. Memilih sebuah gambar dan teks bisa dibilang bukan hal yang mudah. Apalagi ketika teks yang ingin disampaikan mengandung makna tersendiri. Hal seperti ini sering saya alami ketika membuat sebuah project, dan selalu berpikir keras “Bagaimana pesan ini bisa sampai dengan baik oleh pemirsa”.
- 9. Multimedia SMK Negeri 1 Pungging Mojokerto | Zainul Arifin, S. Kom Pengubahan gambar bitmap ke gambar vektor dapat dilakukan menggunakan perangkat lunak (software) pengolah gambar seperti CorelDraw, Corel Trace, Adobe Flash, Photoshop dan lain- lain. Jika ingin mengkonversi vektor ke bitmap sebaiknya tetap menyimpan dalam format vektor untuk mempertahankan bentuk kualitas gambar. Adobe Illustrator. CorelDRAW. Canvas 8. Creature House Expression. Xara X¹. Zoner Draw. Corel Photo-Paint. Adobe Photoshop. Adobe PhotoDeluxe. Paint Shop Pro. Paint.