DESAIN BERBASIS BITMAP DAN VEKTOR

ASSALAMU'ALAIKUM WR. WB. 

HALOOO!!Apa kabar? Semoga kalian selalu sehat yah! Oh ya, diantara kalian pernah nggak mempelajari atau mungkin sekedar pernah denger tentang hal hal yang berkaitan dengan gambar bitmap atau vektor? Nah, diblog sebelum sebelumnya itu materinya kebanyakan itu berkaitan dengan materi baru kali ini. Jadi biar ilmunya lengkap, jangan lupa dibaca semua yah! So, kita lanjut ke materi kelanjutannya yah! Let's go~

MATERI

Program aplikasi pembuat grafis berkembang sangat cepat sejak diperkenalkannya sistem GUI (Graphical User Interface). GUI mudah untuk dipelajari karena menggunakan ikon atau toolbox secara visual sebagai pengganti menu atau perintah yang berbasis command line (teks).

Berikut adalah langkah-langkah dalam membuat brosur dengan aplikasi photoshop.

• Pertama, mengatur dokumen dengan ukuran yang benar dan pengaturan untuk mencetak. Buat dokumen baru di Photoshop, atur dimensi 216x154 mm. Dimensi ini mewakili ukuran kertas A5 dengan 3 mm bleed ditambahkan ke setiap tepi. Karena kita akan membuat atwork untuk dicetak, atur Mode Warna dengan CMYK dan Resolusi menjadi 300 Pixel / Inch.
• Gunakan Move Tool (V) dan tombol Shift untuk membuat sebuah panduan horisontal dengan menyeret kursor dari penggaris atas. Pastikan bahwa panduan ini terletak 3 mm pada sumbu Y.
• Ulangi proses yang sama untuk membuat panduan di setiap tepi dokumen. Pastikan bahwa setiap panduan adalah inset 3 mm sama di setiap tepi.
• Buat Gradient Overlay baru. Dalam Layer Style Panel, edit Gradient tersebut. Mengatur slider putih Lokasi menjadi 30%. Mengubah warna slider hitam untuk Pale Yellow (C = 9 M = 6 Y = 14 K = 0).
• Tambahkan overlay gradien dari tombol fx di panel layer.
• Kemudian menyesuaikan gradien Anda dengan warna yang Anda inginkan untuk dokumen
• Gunakan Rectangle Tool (U) untuk membuat empat persegi panjang baru. Atur ukurannya 216 mm dengan 56 mm.
• Sejajarkan persegi panjang ke sudut kiri atas dokumen. Isi dengan Dark Brown (C = 49 M = 74 Y = 80 K = 70).
• Gunakan Pen Tool (P) untuk menambahkan titik anchor baru di tepi bawah persegi panjang.
• Dengan Direct Selection Tool (A), mainkan pegangan anchor untuk membuat kurva Bezier yang bagus.
• Ikuti langkah-langkah yang sama untuk menyesuaikan persegi panjang menjadi bentuk yang ditunjukkan di bawah.
• Buka File> Place Embedded, kemudian pilih people-1.jpg dari Resource Pack.
• Gunakan Move Tool (V) untuk memindahkan foto di sekitar dokumen. Tempatkan di sudut paling atas seperti yang ditunjukkan di bawah ini.
• Buat persegi panjang baru dengan Rectangle Tool (U).
• Atur ukurannya menjadi 216 mm dengan 100 mm.
• Gunakan Direct Selection Tool (A) untuk menempatkan persegi panjang langsung di atas foto di sudut kiri atas.
• Dalam opsi Panel Rectangle Tool, pilih Mask. Ini akan membuat masker vektor dipakai pada layer dengan foto.
• Tambahkan titik anchor baru untuk mask dengan Pen Tool (P). Buat kurva Bezier melengkung dengan Direct Selection Tool (A).
• Menggunakan alat yang sama, Pen Tool dan Direct Selection Tool, mencoba untuk menyesuaikan mask ke dalam bentuk yang ditunjukkan di bawah. Perhatikan posisi dari anchor poin dan kesederhanaan bentuk. Semakin sedikit anchor poin yang Anda gunakan, akan muncul mask akhir yang halus.
• Buka Filter > Blur > Gaussian Blur. Atur Radius menjadi 6
• Pilih Smart Filters mask. Gunakan Gradient Tool (G) untuk memudarkan mask dari kiri ke kanan.
• Mengatur arah gradien dari kiri ke kanan untuk mengaburkan gambar ke arah kanan
• Buat Layer Mask baru. Gunakan Brush Tool (B) memudarkan tangga yang ada pada foto. Gunakan beberapa naluri dasar dan kreativitas.
• Buat Brightness / Contrast Adjustment Layer baru dengan mengklik ikon matahari di Adjustments panel Atur Brightness menjadi 40 dan Contrast menjadi 10.
• Klik kanan pada Adjustment Layer dan pilih Create Clipping Mask. Ini akan menggunakan pengaturan brightness baru hanya untuk foto di bawah.
• Buat Solid Color baru. Atur Fill warna menjadi Coklat (C=30 M=80 Y=100 K=30).
• Klik pada vector mask dari layer foto. Tahan tombol Alt dan tarik mask keatas Fill Warna coklat. Tindakan ini akan menduplikasi mask yang dipilih.
• Gunakan Direct Selection Tool (A) dan tarik anchor poin ke kanan atas menunju ke pojok kanan atas.
• Gunakan Brush Tool (B) untuk memperihatkan beberapa wilayah foto di bawah dengan warna coklat. Atur Layer Opocity menjadi 75%
• Gambar persegi panjang baru dengan Rectangle Tool (U).
• Warnai persegi panjang dengan Warna Coklat Muda (C = 10 M = 65 Y = 100 K = 0).
• Tempatkan layer dengan persegi panjang coklat muda di bawah persegi panjang coklat gelap.
• Gunakan Pen Tool (P) dengan Direct Selection Tool (A) untuk menyesuaikan persegi panjang menjadi bentuk melengkung seperti yang ditunjukkan di bawah ini.
• Buat Ellipse (U) baru. Atur dimensi menjadi 248 px dengan 248 px. Warnai dengan warna Coklat (C=30 M=80 Y=100 K=30).
• Tambahkan efek Drop Shadow. Atur Opacity menjadi 14%, Distance menjadi 5 px, dan Size menjadi 15 px.
• Tambahkan drop shadow untuk layer dari tombol fx di layer panelTweak drop shadow Anda dengan pengaturan ini
• Buat Ellipse (U) baru. Atur dimensi menjadi 400 px dengan 400 px Warnai dengan warna biru tua (C=100 M=80 Y=45 K=50).
• Menggunakan efek Drop Shadow yang sama dan menerapkannya ke elips. Anda dapat
• menciptakan bayangan, atau klik kanan dan pilih Copy Layer Styledan kemudian paste
• layer style pada elips lain. Taruh layer dengan elips biru tua di bawah elips coklat.
• Tambahkan teks dengan Type Tool (T). Tutorial ini menggunakan Proxima Nova family. Ukuran judul atas 17 pt. Tambahkan sisa teks, dengan masing-masing dilapisan yang terpisah. Gunakan Move Tool (V) untuk menempatkan pada setiap baris, seperti diuraikan dalam gambar di bawah ini.
• Ulangi proses yang sama untuk menambahkan teks baru. Atur ukuran baris pertama menjadi 31 pt.
• Buat judul baru menggunakan Type Tool (T). Atur huruf menjadi Proxima Nova Light dan ukurannya menjadi 18 pt.
• Tambahkan subjudul, sekali lagi, menggunakan Type Tool (T). Atur ukuran manjadi 36 pt. Sesuaikan Character Tracking ke -10.
• Pilih kedua teks layers. Tahan tombol Alt dan seret teks untuk menduplikasi kedua garis di bawah.
• Sekali lagi, gunakan Type Tool (T) untuk menulis ulang teks sesuai dengan gambar dibawah ini. Posisikan teks dengan Move Tool (V).
• Buka File> Place Embedded dan tempatkan logo vektor acme-travel-logo.ai ke dalam dokumen.
• Kecilkan ukuran logo vektor dan taruh di sudut kanan atas.
• Menambahkan efek Drop Shadow. Dalam Layer Style Panel, atur Opacitymenjadi 11%, Distance menjadi 3 px, dan Ukuran menjadi 16 px.
• Buat Rectangle (U) baru. Atur ukuran menjadi 60 px dengan 28 px.
• Pilih bentuk persegi panjang dengan Direct Selection Tool (A). Pada panel align, atur Pusat Horizontal.
• Buka File> Place Embedded dan tempatkan foto people-11.jpg dari Resource Pack.
• Kecilkan gambar dan tempatkan langsung pada persegi panjang.
• Aktifkan Rectangle Tool (U), dan di panel pilihan, klik Mask. Tindakan ini akan membuat vektor mask dari persegi panjang dan menerapkannya ke foto.
• Dengan layer foto masih dipilih, tahan Alt-Shift dan geser foto untuk menduplikasi itu.
• Buka File > Place Embedded. Pilih foto city-5.jpg dari Resource Pack dan tambahkan ke dalam dokumen.
• Kecilkan gambar dan letakkan di atas foto yang digandakan dengan gadis.
• Ambil mask dari foto digandakan dengan gadis itu dan menempatkannya ke dalam gambar baru, kemudian hapus layer people-11-copy.
• Ulangi langkah 7 sampai 9 untuk menambahkan screenshot ke dalam dokumen, kali ini tempatkan gambar peta.
• Pilih layer peta-screenshot dan menambahkan Stroke dari tombol efek di layer panel.
• Atur Stroke Size menjadi 2 px. Sesuaikan Position ke Inside dan atur Warnamenjadi Coklat (C = 30 M = 80 Y = 100 K = 30).
• Gunakan Type Tool (T) untuk membuat contoh baru dari teks. Atur Ukuran menjadi 11 pt dan warna menjadi Coklat Muda (C=10 M=65 Y=100 K=0).
• Tambahkan lebih banyak garis. Atur ukuran menjadi 9 pt, menyesuaikan Leading menjadi 13 pt, dan merubah warna menjadi abu-abu (K=90).
• Mengikuti proses yang sama untuk membuat blok baru dari teks. Menempatkan mereka dibawah foto dengan gadis dan screenshot peta.
• Buka File > Place Embedded Pilih icons.ai untuk mengimpor ikon ke dalam dokumen. Sebuah jendela kontekstual baru akan muncul. Pilih Calendar Icon and klik OK.
• Kecilkan ikon dan tempatkan ke baris pertama dengan informasi waktu.
• Ulangi proses yang sama untuk mengimpor sisa ikon dan menempatkan mereka sesuai sebelah setiap baris.
• Gunakan Type Tool (T) untuk menambhkan teks baru. Letakkan di screenshot peta. Atur ukuran menjadi 13pt, menyesuaikan Leading menjadi 11pt, dan merubah warna menjadi Coklat Muda (C=10 M=65 Y=100 K=0).
• Mengikuti proses yang sama untuk menambahkan baris baru teks untuk alamat. Atur ukuran menjadi 9 pt dan merubah warna menjadi abu-abu (K=90).
• Buka File > Place Embedded, pilih icons.ai lagi dan mengimpor Globe Vector Icon kedalam dokumen.
• Kecilkan ikon dan menempatkannya di samping alamat web.
• Aktifkan Pen Tool (P) dan buat bentuk vektor yang akan mewakili arah di peta.
• Dalam Options Panel, atur Stroke menjadi Dashed dan warna menjadi Coklat Muda (C=10 M=65 Y=100 K=0). Sesuaikan Stroke Width menjadi 1,5 pt.
• Buka Stroke Options > More Options, dan atur Caps menjadi Round dan
• sesuaikan Dashed Line: Dash menjadi 3 dan Gap menjadi 3.
• Buat Ellipse (U) baru. Atur warna menjadi coklat (C=30 M=80 Y=100 K=30).
• Aktifkan Pen Tool (P). Tahan tombol Alt dan klik pada titik anchor bawah. Ini akan mengubah titik anchor dari yang halus ke sudut.
• Dengan Direct Selection Tool (A), memindahkan merubah titik anchor di bawah.
• Menambahkan efek Drop Shadow pada pin. Gunakan pengaturan di bawah ini untuk membuatnya halus.
• Sekali lagi, membuat Ellipse (U) baru dan dan warna Fill dengan putih. Tempatkan elips ke tengah pin. Dan itulah sentuhan akhir untuk desain brosur kami.

Setiap kali Anda merancang gambar untuk cetak digital, Anda harus berpikir warna CMYK untuk mencapai hasil terbaik. Jangan lupa untuk menambahkan bleed ke kanvas (minimal 3 mm dari setiap ujung). Jika Anda tidak yakin tentang beberapa parameter teknis lanjutan, selalu baik untuk berkonsultasi langsung dengan perusahaan percetakan untuk menghindari kesalahan atau masalah.

Nah, udah selesai! Sebenernya nih ini kan bab rangkuman ya, seharusnya. Tapi karena aku nggak terlalu bisa ngerangkum karena menurutku, semuanya adalah informasi dan ilmu yang baru aku dapet dan itu termasuk penting. Jadi agak ragu kalau harus ngurangi. Mungkin nanti akan aku perbaiki. Kalo ngerangkum aku rada memakan waktu lama. So, semoga kalian dapet ilmu baru.

WASSALAMU'ALAIKUM WR. WB.