DESIGN LAYOUT 1 DESIGN CREATIVE SUJENDRO HERY FUN WORKSHOP LAYOUT 27 FEBRUARI - 1 MARET 2023
2 DESIGN LAYOUT Gambaran umum, bahwa mendesain dalam sebuah media baik cetak maupun digital adalah metodologi pemecahan masalah yang digunakan penyampaian sebuah informasi. Menggabungkan elemen visual baik teks, foto, kartun yang dalam sebuah layout memerlukan metode tersendiri yang tentunya tidak hanya asal menampilkan yang tentunya ada tahapan yang perlu direncanakan. Setiap media seperti buku, majalah, koran, flyer, dan sebagainya tentu memiliki pemahaman dan visual yang berbeda-beda. Bersadarkan pemikiran tersebut yang tentunya juga pengalaman selama 23 tahun di KOMPAS GRAMEDIA, baik proses hingga final publikasi ada tahapan yang perlu dilakukan dan dipahami. Pemikiran dalam melayout adalah pendekatan yang berpusat pada manusia yang melibatkan empati, ide, pembuatan prototipe, dan pengujian untuk sampai pada solusi kreatif untuk masalah yang kompleks. Pada workshop di sini, kita akan mengeksplore masing-masing software yang digunakan untuk mendesain. Pada hari pertama, selain mempelajari dan memahami Software Adobe tools Ilustrator, kita juga akan membuat project layout yang penggunaannya menggunakan Adobe ilustrator. Pada hari kedua, kita akan mempelajari dan memahami tentang pengggunaan tools serta membuat project yang khusus dioptimalkan dengan Adobe Photoshop. Selanjutnya kita akan mempelajari pemanfaatan Adobe InDesign sebagai bagian proses desain layout yang tentunya bisa kita optimalkan penggabungan visual yang sudah dilakukan baik di Adobe Ilustrator juga di Adobe Photoshop. Tentu banyak keunikan yang bisa ketahui kemanfaatan di program Adobe InDesign Bagian akhir sesi yang paling menyenangkan adalah peserta mampu membuat digital book dari materi yang dibuat pada pertemuan sebelumnya. Hal ini sangat bagus karena setiap peserta akan mempunyai portfolio sebagai bagian dari kreativitas yang bisa dipublikasikan dan dimanfaatkan di lembaga di mana bekerja KATA PENGANTAR
DESIGN LAYOUT 3 PEMAHAMAN ADOBE ILUSTRATOR UNTUK FORMAT LAYOUT l Basic Principle l Essensial Tool l Visual Hierarcy l Contras (Effect dan Color Pallete) l Balance in Compotition l Identity Needs l Implementation
4 DESIGN LAYOUT Prinsip Dasar Sebagai wawasan dalam berkreasi sebaiknya memahami Basic Principle, Prinsip Dasar. Mengapa hal ini penting karena dengan mengetahui unsur-unsur dasar pembangun sebuah desain maka kita dapat memahami apa itu hal yang mendasar yaitu: 1. Bidang : Bentuk ialah satu titik temu antara ruang dan massa.Bentuk juga merupakan penjabaran geometris dari bagian semesta bidang yang ditempati oleh obyek tersebut, yaitu ditentukan oleh batas-batas terluarnya namun tidak tergantung pada lokasi (koordinat) dan orientasi (rotasi)-nya terhadap bidang semesta yang ditempati. 2. Garis : Garis merupakan sebuah unsur desain grafis yang menghubungkan antara satu titik poin dengan titik poin yang lainnya 3. Tekture: Nilai halus dan kasarnya sebuah benda, atau juga bisa disebut nilai raba. Penggunaanya dapat dimayakan untuk memberikan visual yang berkesan dan berkarakter. Dalam sebuah desain komunikasi visual tekstur sering digunakan untuk mengatur keseimbangan dan kontras. 4. Typografi : Teknik dalam mengatur huruf dan teks pada sebuah ruang yang tersedia agar dapat terbaca dengan jelas dan menarik perhatian audiens serta mendukung tampilan visual dasarnya. 5. Foto/ ilustrasi: interpretasi visual dari sebuah konsep, teks ataupun proses tertentu. Esensi dari sebuah Ilustrasi adalah pemikiran, ide dan konsep yang menjadi landasan akan apa yang ingin dikomunikasikan oleh gambar. square circle triangle recangle scalene pentagon trapeze parallelgram ellipse trefoil star semicircle hexagon crescent pic heart arrow quatrefoil rhombus ring 1. Bidang
DESIGN LAYOUT 5 2. Garis 2. Teksture
6 DESIGN LAYOUT 4. Typografi 4. Foto/ ilustrasi
DESIGN LAYOUT 7 1. Contras 2. Emphases Hierarki : Penekanan berdasarkan urutan yaitu prinsip tata letak (layout) elemen desain yang tujuannya menampilkan hal penting lebih dulu, kemudian yang lebih tidak penting. Visual dalam Grafis
8 DESIGN LAYOUT 2. Emphases Skala : Penekanan berdasarkan urutan yaitu prinsip tata letak (layout) elemen desain yang tujuannya menampilkan hal penting lebih dulu, kemudian yang lebih tidak penting. Sering digunakan untuk infographic Contrast : Penekanan berdasarkan penggunaan elemen grafis. Hal ini digunakan sebagai pemanfaatan komposisi
DESIGN LAYOUT 9 3. Movement 4. Pattern 5. Unity
10 DESIGN LAYOUT Beberapa hal penting untuk desain grafis di Adobe Illustrator adalah: 1. Pen tool Stroke: adalah untuk memberikan alternatif tebal tipisnya garis Klik windows untuk menampilkan panel Stroke
DESIGN LAYOUT 11 2. Type tool 3. Layer tool 4. Selection tool Untuk menulis Teks dalam bidang Teks mengikuti irama garis Teks ke arah horizontal Teks dalam bidang anum bentuknya vertikal Teks dalam bidang namun bentuknya vertikal
12 DESIGN LAYOUT 5. Brush tool 6. Gradient Tool
DESIGN LAYOUT 13 7. Cliping mask 8.Pathfinder
14 DESIGN LAYOUT PROSES KREATIF Pemahaman tentang Font Memahami proses ketika mendesain untuk layout 1. Konsep : mencari ide, silahkan boleh membuat sketsa melalui referensi 2. Apabila logo maka perlu menguasai bidang-bidang yang akan dijadikan sebagai bahan untuk membuat logo. 3. Memanfaatkan warna fasilitas dari Adobe Ilustrator sesuai dengan kebutuhan. 4. Memahami pemakaian font dalam mendesain untuk layout 5. Menyiapkan hasil layout di Adobe Ilustrator untuk cetak dan digital.
DESIGN LAYOUT 15 PROJECT Name Card Packaging
16 DESIGN LAYOUT Art Design
DESIGN LAYOUT 17 PEMAHAMAN ADOBE PHOTOSHOP UNTUK FORMAT LAYOUT l Memahami tampilan dan penggunaan photoshop l Essensial Tool l Memahami fitur l Editing l Memahami Filter dan layer l Kebutuhan untuk layout l Implementation
18 DESIGN LAYOUT Prinsip Dasar Satu software yang sangat berperan untuk mengatur, mengoptimalkan foto sebagai salah satu elemen desain, termasuk juga elemen yang dipergunakan untuk layout. Bagi seorang fotografer, maka peran software Prhotoshop menjadi penting. Hal ini sangat berkaitan dengan aktivitas bagi seorang desainer memperoleh hasil foto yang masih standar namun dioptimalkan sehingga hasil layout dalam bentuk poster, flayer, spaduk dan lainnya menjadi lebih optimal. Pada saat ini desainer sebaiknya mampu memahami bagaimana cara kerja software photoshop sehingga ketika nantinya diaplikasikan dengan program lainnya, maka akan semakin optiomal. Pada workshop ini, kita akan mempelajari dan berkreasi visual secara unik dan variatif, sehingga mampu tervisualkan secara optimal. Bagaimana mengatur ukuran agar sesuai dengan kebutuhan dalam melayout. Untuk selanjutnya pada sesi terakhir materi Adobe Photosop, peserta akan membuat projek yang pada prosesnya telah memahami program photosop
DESIGN LAYOUT 19 1. Panel Tool Penjelasan Panel-panel tools yang ada pada photoshop 1. Panel Tools: Merupakan sebuah kotak yang berisi sejumlah tools (tombol perintah) yang di gunakan untuk mengelola, mengedit, dan mengatur objek yang akan di kerjakan. Dapat di katakan panel tools merupakan hal paling penting pada photoshop. 2. Panel Control: Merupakan bagian yang berisisejumlah tools-tools (tombol perintah) yang dapat digunakan untuk melaksanakan suatu perintah tertentu. Perintah tersebut menyesuaikan dengan tools yang terpilih pada panel tools. 3. Menu Bar: Meraupakan baris menu yang berisi daftar-daftar perintah untuk mengatur file, mengolah layer dan dokunen, serta berisi perintah untuk memberi efek/ filter dan mengatur tampilan panel. pada menu bar terdapat menu-menu file, edit, image, layer, type, select, filter, view, window dan help. 4. Panel color: Panel color memiliki fungsi untuk memilih warna pada Foreground dan Background dengan cara mengeser slider warna R,G,B hingga memperoleh warna kombinasi yang tepat. 5. Panel Adjustments: Merupakan panel yang berisi perintah-perintah yang berfungsi untuk mengatur pencahayaan objek, seperti mengatur gelap terang objek, mengatur kontras objek, mengatur warna gambar, dan lain sebagainya. 6. Dock Panel: Merupakan bagian yang menampung panel-panel yang tersedia pada photoshop sedangkan fungsi dari panel sendiri adalah untuk mengelola dan memanipulasi objek lanjut secara lebih detail dan kompleks. Sebagai gambaran pemahaman tool di Photoshop, bahwa tidak perlu khawatir tak menguasai semuanya karena pemakaiaan tool yang sesuai kebutuhan pun tidak banyak.
20 DESIGN LAYOUT a. Format Konten Majalah : Tema Kuliner, Tema event, tema produk Ukuran : A4: l Untuk Konten l Untuk Cover b. Format Landing Page : Tema Kuliner, Tema event, tema produk Pembuatan landing page : 1280 x 720 . Format Media Sosial : Tema Kuliner, Tema event, tema produk Pembuatan landing page : 1080 x 1080 2. Mengelola dan menampilkan Visual
DESIGN LAYOUT 21 PEMAHAMAN ADOBE INDESIGN UNTUK FORMAT LAYOUT l Memahami tampilan dan penggunaan photoshop l Essensial Tool l Memahami fitur l Editing l Memahami Filter dan layer l Kebutuhan untuk layout l Implementation
22 DESIGN LAYOUT Prinsip Dasar Pada saat ini, salah satu software yang menjadi andalan di dunia desainer adalah Adobe InDesign. Hal ini penting untuk dipahami bersamyaitu fungsi utama dari Adobe InDesign adalah mengatur layout untuk media visual di mana penggunakan toolsnya sangatlah bagus. Kalau dilihat sekilas mungkin orang-orang menganggap InDesign sama saja dengan Adobe Illustrator atau bahkan bisa jadi tertukar Illustrator digunakan untuk membuat ilustrasi dari nol (baik itu logo, tipografi, dan lainnya). Namun InDesign didesain untuk membuat layout dari aset-aset yang tadi dibuat di Illustrator tersebut. Pada saat ini InDesign merupakan standar industri untuk bidang desain percetakan. Software ini digunakan untuk menata majalah, flyer, koran, postcard, banner, dan masih media cetak maupun digital lainnya.
DESIGN LAYOUT 23 1. Panel Tool
24 DESIGN LAYOUT 2 Mendesain Poster Poster adalah plakat yang berupa gambar ataupun kata-kata yang dipajang di tempat-tempat umum, yang tujuannya adalah untuk membujuk, memotivasi maupun menarik perhatian orang lain. Pada prinsipnya, poster mirip dengan iklan, berupa pemberitahuan ide dan hal-hal penting bagi khalayak. Adapun ketentuannya Untuk membuat poster dengan Adobe InDesign, beriku 1. Tentukan ukuran dan orientasi poster yang diinginkan sebelum memulai. Untuk membuat poster dengan ukuran yang sesuai, klik File > New > Document. Isi kolom Width dan Height sesuai dengan ukuran poster yang diinginkan. 2. Pilih warna latar belakang yang sesuai. Anda dapat memilih warna latar belakang dengan memilih Rectangle tool, dan membuat kotak di seluruh halaman. Lalu, gunakan Swatches panel untuk memilih warna yang diinginkan. 3. Gunakan tools seperti Text tool, Shape tool, dan Image tool untuk membuat isi poster. Gunakan Font dan color yang cocok agar informasi dapat dengan mudah dibaca dan dipahami. 4. Gunakan layer untuk mengatur elemen dalam poster. Dengan layer, Anda dapat mengatur elemen poster dengan lebih mudah. 5. Simpan file poster Anda dalam format yang sesuai. Untuk mencetak poster, Anda dapat menyimpannya dalam format PDF atau EPS. Jika ingin berbagi online, Anda dapat menyim pannya dalam format JPG atau PNG. 6. Pastikan bahwa gambar yang Anda gunakan dalam poster memiliki resolusi yang cukup tinggi. Resolusi gambar yang terlalu rendah dapat membuat gambar terlihat buram atau pecah saat dicetak atau diproyeksikan. 7. Periksa kembali poster Anda untuk memastikan bahwa semua elemen sudah ditempatkan dengan benar dan informasi yang disampaikan dapat dengan mudah dipahami. 8. Kumpulkan semua bahan untuk di Package
DESIGN LAYOUT 25
26 DESIGN LAYOUT 2 Grid System Adapaun ketentuan penentuan grid system adalah sebagai berikut: 1. Adobe InDesign adalah program desktop publishing yang populer digunakan untuk mem buat layout buku, majalah, brosur, dan dokumen cetak lainnya. Salah satu fitur yang dise diakan oleh InDesign adalah kemampuan untuk membuat layout dengan menggunakan grid.Dalam InDesign, kita dapat membuat grid layout dengan menggunakan fitur yang disebut “Baseline Grid” atau “Grids”. Baseline Grid memungkinkan kita untuk menentukan jarak antar baris pada dokumen, sementara Grids memungkinkan kita untuk membuat grid yang terdiri dari kolom dan baris. 2. Untuk menggunakan Baseline Grid, kita perlu menentukan jarak antar baris yang diinginkan, kemudian memastikan bahwa semua elemen pada dokumen (termasuk teks, gambar, dan objek lainnya) diatur agar sesuai dengan grid tersebut. Dengan cara ini, kita dapat menciptakan tata letak yang rapi dan mudah dibaca. 3. Sedangkan untuk menggunakan Grids, kita perlu menentukan jumlah kolom dan baris yang diinginkan, kemudian menempatkan elemen pada grid tersebut dengan menggunakan fitur “Snap to Grid” yang disediakan oleh InDesign. Dengan cara ini, kita dapat menciptakan tata letak yang lebih presisi dan mudah disesuaikan dengan perubahan yang dibutuhkan.
DESIGN LAYOUT 27 Mendesain asimetris dengan Adobe InDesign memungkinkan Anda untuk menciptakan tampilan yang menarik dan unik. Berikut adalah beberapa tips untuk mendesain asimetris dengan Adobe InDesign: 1. Mulailah dengan mempertimbangkan rasio dan proporsi halaman. Rasio asimetris dapat menciptakan tampilan yang menarik dan dinamis, tetapi juga harus dibuat dengan proporsi yang tepat agar tidak terlihat tidak seimbang. 2. Pertimbangkan menggunakan grid asimetris. Dengan menggunakan grid yang tidak simetris, Anda dapat menciptakan tampilan yang menarik dan unik. 3. Gunakan font dan warna yang tepat. Jika Anda menggunakan font dan warna yang tepat, Anda dapat membuat tampilan asimetris yang lebih menarik dan mudah dibaca. 4. Pilih gambar yang tepat dan gunakan ukuran dan proporsi yang berbeda-beda. Ini akan membantu menciptakan tampilan asimetris yang menarik dan dinamis. 5. Gunakan objek dengan ukuran dan bentuk yang berbeda-beda untuk menciptakan tampilan yang asimetris. Anda dapat mengubah ukuran dan bentuk objek untuk menciptakan tampilan yang lebih menarik. 6. Jangan takut untuk mencoba hal-hal baru. Mendesain asimetris membutuhkan kreativitas dan keberanian untuk mencoba hal-hal baru. Jangan takut untuk mengambil risiko dan mencoba sesuatu yang berbeda. 7. Gunakan layer untuk mengatur elemen dalam desain asimetris. Dengan layer, Anda dapat mengatur elemen desain dengan lebih mudah. 8. Kumpulkan semua bahan untuk di Package 3. Mendesain Asimetris
28 DESIGN LAYOUT Let’s Discussion sujendro.hery 081219254651