Selasa, 31 Mei 2016

Cara Membuat Flyer Promosi di Photoshop

Apa yang Anda akan lakukan? Jadilah Menciptakan Photoshop adalah alat yang hebat untuk desain grafis, grafis terutama digital yang hanya ditampilkan pada layar, di samping tugas-tugas senama tweaking foto. Tapi itu tidak semua itu baik untuk. Dengan pengetahuan yang tepat dan berpikir, seseorang dapat menggunakan Photoshop untuk membuat desain cetak menakjubkan juga.
Tutorial ini akan membawa Anda melalui langkah-langkah dasar untuk menciptakan brosur eye-catching terlihat di atas yang dapat dicetak langsung di-print-toko siap warna CMYK langsung dari Photoshop. Anda dapat mengikuti tutorial ini untuk membuat selebaran ini tepat, atau men-tweak langkah-langkah dengan konten dan warna Anda ingin mendapatkan gaya brosur Anda ingin menggunakan metode yang sama.
Tutorial ini menggunakan gambar bebas royalti dari Envato, bersama dengan beberapa ikon vektor custom made yang saya buat di Illustrator khusus untuk proyek ini. Anda akan menemukan masing-masing, bersama dengan file PSD selesai Anda dapat menggunakan untuk membandingkan dengan pekerjaan Anda, di download di sidebar ini tutorial ini.
Tutorial ini juga menggunakan Proxima Nova Font Family , yang datang dengan Typekit atau berlangganan Adobe Creative Cloud. Anda dapat menyelaraskan font yang ke komputer Anda dan menggunakannya dengan tutorial ini, atau menggunakan jenis huruf lain yang serupa dari Anda sendiri.
Pertama, menyiapkan dokumen dengan ukuran yang benar dan pengaturan cetak. Buat dokumen baru di Photoshop, dan mengatur dimensi untuk 216x154 mm. Dimensi ini mewakili A5 ukuran kertas dengan 3 mm berdarah ditambahkan ke setiap sisi. Karena kita akan membuat karya seni untuk cetak, mengatur Color Mode ke CMYK dan Resolusi 300 Pixels / Inch.

dokumen photoshop baru

Buat panduan baru yang akan mewakili daerah berdarah. Illustrator dan InDesign memiliki fungsi ini built-in, namun di Photoshop, kita harus membuat diri kita sendiri. Gunakan Move Tool (V) dan tombol Shift   untuk membuat panduan horisontal dengan menyeret kursor dari penguasa atas. Pastikan bahwa panduan ini terletak 3 mm di sumbu Y.

menambahkan panduan horisontal

Ulangi proses yang sama untuk membuat panduan di sepanjang setiap sisi dokumen. Pastikan bahwa setiap panduan yang inset 3 mm dari tepi yang sesuai.

panduan selesai

Tekan Shift-Cmd-N untuk membuat layer baru. Isi dengan putih sebagai warna Foreground (Alt-Backspace). Pastikan bahwa Anda memiliki CMYK Sliders dihidupkan sehingga Anda menggunakan warna cetak.

slider CMYK

Buat Gradient Overlay baru. Dalam Panel Layer Style, mengedit Gradient tersebut. Mengatur slider Lokasi putih untuk 30%. Mengubah warna slider hitam untuk Pale Yellow (C = 9 M = 6 Y = 14 K = 0).

overlay gradien dalam menu Photoshop
Tambahkan gradient overlay dari fx yang tombol pada lapisan panel ...
Photoshop Gradient Editor
... Kemudian menyesuaikan gradien Anda ...
memilih berhenti warna
... Dengan warna yang Anda inginkan untuk dokumen

Gunakan Rectangle Tool (U) untuk membuat sebuah persegi panjang baru. Atur ukurannya menjadi 216 mm dengan 56 mm.

Buat persegi panjang

Sejajarkan persegi panjang ke pojok kiri atas dokumen. Isi dengan Dark Brown (C = 49 M = 74 Y = 80 K = 70).

Tambahkan dark brown persegi panjang

Gunakan Pen Tool (P) untuk menambahkan titik anchor baru di tepi bawah persegi panjang.

menambahkan titik anchor untuk persegi panjang

Dengan Direct Selection Tool (A), bermain-main dengan anchor menangani untuk membuat kurva Bezier bagus.

kurva Bezier

Ikuti langkah yang sama untuk mengatur persegi panjang menjadi bentuk yang ditampilkan di bawah ini.

menyesuaikan persegi panjang melengkung

Buka File> Tempat Tertanam ..., kemudian pilih gambar orang-1.jpg dari Pack Sumber Daya.

menambahkan gambar

Gunakan Move Tool (V) untuk memindahkan foto sekitar dokumen. Menempatkannya di pojok atas seperti gambar dibawah ini.

Tempat gambar

Buat persegi panjang baru dengan Rectangle Tool (U). Set ukuran 216 mm x 100 mm.

menambahkan persegi panjang lain

Gunakan Direct Selection Tool (A) untuk menempatkan persegi panjang langsung di atas foto di sudut kiri atas.

menempatkan persegi panjang lebih dari foto

Dalam opsi Panel Rectangle Tool, pilih Mask. Ini akan membuat vector mask diterapkan pada layer dengan foto.

menambahkan vector mask untuk persegi panjang

Tambahkan titik anchor baru untuk topeng dengan Pen Tool (P). Buat kurva Bezier melengkung dengan Direct Selection Tool (A).

menambahkan titik anchor untuk menutupi

Menggunakan alat yang sama, Pen Tool dan Direct Selection Tool, mencoba untuk menyesuaikan masker ke dalam bentuk yang ditampilkan di bawah ini. Perhatikan posisi jangkar poin dan kesederhanaan bentuk. Semakin sedikit titik jangkar yang Anda gunakan, semakin mulus topeng akhir akan muncul.

menyesuaikan masker untuk melihat kurva

Pergi ke Filter> Blur> Gaussian Blur. Set Radius ke 6.

menambahkan blur

Pilih Filter Cerdas topeng. Gunakan Gradient Tool (G) memudar topeng dari kiri ke kanan.

menambahkan pintar penyaring
Arah Gradient
Mengatur arah gradien seperti kiri ke kanan untuk mengaburkan tahu gambar ke arah kanan

Buat Layer Mask baru. Gunakan Brush Tool (B) memudar tangga pada foto. Gunakan beberapa naluri dasar dan kreativitas.

tambahkan layer mask
memudar tangga untuk mengungkapkan coklat

Buat Brightness / Contrast baru Adjustment Layer dengan mengklik ikon matahari di Penyesuaian panel. Mengatur Brightness untuk 40 dan Kontras sampai 10.

menambahkan lapisan penyesuaian kecerahan

Klik kanan pada Adjustment Layer dan pilih Create Clipping Mask. Ini akan menerapkan pengaturan brightness baru hanya untuk foto di bawah ini.

membuat kliping topeng

Buat Solid Color baru. Set Color Fill to Brown (C = 30 M = 80 Y = 100 K = 30).

menambah warna

Klik pada vector mask dari layer foto. Tahan tombol Alt dan tarik masker selama coklat warna Fill. Tindakan ini akan menduplikasi topeng yang dipilih.

duplikat topeng

Gunakan Direct Selection Tool (A) dan tarik bagian atas titik anchor kanan ke pojok kanan atas.

menambahkan titik anchor ke lapisan warna

Gunakan Brush Tool (B) untuk mengungkapkan beberapa wilayah di foto di bawah mengisi cokelat. Mengatur Opacity layer menjadi 75%.

mengungkapkan foto di bawah mengisi coklat

Gambarlah sebuah persegi panjang baru dengan Rectangle Tool (U).

Tambahkan persegi panjang baru lain

Isi persegi panjang dengan Coklat terang Warna (C = 10 M = 65 Y = 100 K = 0).

coklat muda

Tempatkan layer dengan persegi panjang berwarna cokelat muda di bawah persegi panjang coklat gelap.

lapisan bergerak

Gunakan Pen Tool (P) dengan Direct Selection Tool (A) untuk menyesuaikan persegi panjang menjadi bentuk melengkung seperti yang ditunjukkan di bawah ini.

menyesuaikan persegi panjang

Buat Ellipse baru (U). Set dimensi 248 px dengan 248 px. Isi dengan warna Coklat (C = 30 M = 80 Y = 100 K = 30).

menambahkan elips

Tambahkan efek Drop Shadow. Set Opacity menjadi 14%, Jarak 5 px, dan Ukuran ke 15 px.

tambahkan drop shadow
Tambahkan drop shadow untuk layer dari tombol fx di lapisan panel
men-tweak bayangan
Tweak drop shadow Anda dengan pengaturan ini

Buat Ellipse baru (U). Set dimensi 400 px dengan 400 px. Isi dengan Dark Blue Color (C = 100 M = 80 Y = 45 K = 50).

menambahkan elips lain

Gunakan yang sama efek Drop Shadow dan menerapkannya ke elips. Kamu tidak dapat menciptakan menciptakan bayangan, atau klik kanan dan pilih Salin Layer Style dan kemudian paste layer style pada elips lain. Masukan layer dengan elips biru tua di bawah satu dengan elips coklat.

reuse efek drop shadow

Tambahkan teks dengan Type Tool (T). Tutorial ini menggunakan keluarga Proxima Nova. T op T itle S ize adalah 17 pt. Tambahkan sisa teks, dengan masing-masing di lapisan yang terpisah. Gunakan Move Tool (V) untuk menempatkan setiap baris sesuai, yang dituangkan dalam gambar di bawah ini.

menambahkan teks

Ulangi proses yang sama untuk menambahkan teks baru. Mengatur ukuran baris pertama dengan 31 pt.  

menambahkan teks baru

Buat judul baru menggunakan Type Tool (T). Mengatur f ont ke Proxima Nova Cahaya dan ukuran 18 pt.

menambahkan judul

Tambahkan subtitle, sekali lagi, menggunakan Type Tool (T). Set S ize ke 36 pt. Sesuaikan Karakter Pelacakan ke -10.

menambahkan subjudul

Pilih kedua layer teks. Tahan tombol Alt dan drag teks untuk menduplikasi kedua baris di bawah ini.

duplikat teks

Sekali lagi, gunakan Type Tool (T) untuk menulis ulang teks sesuai dengan gambar yang ditampilkan di bawah ini. Posisi teks dengan Move Tool (V).

menulis ulang dan reposisi teks

Buka File> Tempat Tertanam dan menempatkan logo vektor Acme-wisata-logo.ai ke dalam dokumen.

menambahkan logo

Menurunkan logo vektor dan posisi itu di sudut kanan atas.

skala dan tempat logo

Tambahkan efek Drop Shadow. Dalam Panel Layer Style, mengatur Opacity menjadi 11%, Jarak dari 3 px, dan Ukuran ke 16 px.

tambahkan drop shadow logo

Buat Rectangle baru (U). Set s yang ize 60 px dengan 28 px.

menambahkan persegi panjang untuk teks bawah

Pilih bentuk persegi panjang dengan Direct Selection Tool (A). Pada panel menyelaraskan, mengatur Horizontal Pusat.

mengatur pusat horisontal

Buka File> Tempat Tertanam dan menempatkan orang-orang-11.jpg foto dari Pack Sumber Daya.


Menurunkan gambar dan menempatkannya langsung di persegi panjang.

gambar skala

Aktifkan Rectangle Tool (U), dan di panel pilihan, klik Mask. Tindakan ini akan membuat masker vektor dari persegi panjang dan menerapkannya ke foto.

menambahkan vector mask

Dengan layer foto masih dipilih, tahan Alt-Shift dan seret foto untuk menduplikasi itu.

duplikat gambar

Buka File> Tempatkan Tertanam. Pilih kota-5.jpg foto dari Sumber Daya Pack dan menambahkannya ke dokumen.

tempat foto kota

Menurunkan gambar dan menempatkannya di atas foto digandakan dengan gadis itu.

menempatkan gambar kedua

Ambil topeng dari foto digandakan dengan gadis itu dan menempatkannya ke dalam gambar baru, maka   menghapus lapisan orang-11 copy.

memindahkan mask kemudian menghapus lapisan

Ulangi langkah 7 sampai 9 untuk menambahkan screenshot peta ke dalam dokumen, kali ini menempatkan gambar peta.

menambahkan peta

Pilih layer peta-screenshot dan menambahkan Stroke dari tombol efek pada lapisan panel.

tambahkan Stroke

Set S troke S ize 2 px. Sesuaikan Posisi ke dalam dan mengatur warna ke Brown (C = 30 M = 80 Y = 100 K = 30).

men-tweak Stroke

Gunakan Type Tool (T) untuk membuat sebuah instance baru dari teks. Set s yang menyusunnya menjadi 11 pt dan warna untuk Brown Cahaya (C = 10 M = 65 Y = 100 K = 0).

menambahkan teks bawah

Tambahkan lebih banyak baris. Set S ize 9 pt, menyesuaikan Menuju 13 pt, dan mengubah warna ke Gray (K = 90).

menambahkan lebih baris teks

Ikuti proses yang sama untuk membuat blok baru teks. Tempatkan mereka di bawah foto dengan gadis dan screenshot peta.

menambahkan blok teks

Buka File> Tempat Tertanam ... Pilih icons.ai untuk mengimpor ikon ke dalam dokumen. Sebuah jendela baru akan muncul kontekstual. Pilih Icon Kalender dan klik OK.

menyisipkan ikon kalender

Menurunkan ikon dan menempatkannya baru untuk baris pertama dengan informasi waktu.

Tempat icon kalender

Ulangi proses yang sama untuk mengimpor sisa ikon dan menempatkan mereka sesuai sebelah setiap baris.

menambahkan ikon tersisa

Gunakan Type Tool (T) untuk menambahkan teks baru. Tempatkan di atas screenshot peta. Set S ize sampai 13 pt, menyesuaikan Menuju 11 pt, dan mengubah warna ke Brown Cahaya (C = 10 M = 65 Y = 100 K = 0).

menambahkan peta text

Ikuti proses yang sama untuk menambahkan baris baru teks untuk alamat. Set S ize sampai 9 pt dan mengubah warna ke Gray (K = 90).

menambahkan alamat

Buka File> Tempat Tertanam ..., pilih icons.ai lagi dan mengimpor Globe Vector Icon ke dalam dokumen.

menambahkan ikon dunia

Menurunkan ikon dan menempatkannya di samping alamat web.

Tempat icon dunia

Aktifkan Pen Tool (P) dan menciptakan bentuk vektor yang akan mewakili arah di peta.

Tambahkan arah vektor

Dalam Options Panel, mengatur Stroke untuk dashed dan Warna Brown Cahaya (C = 10 M = 65 Y = 100 K = 0). Sesuaikan Stroke W idth 1,5 pt.

membuat stroke yang putus-putus

Pergi ke Stroke Options> Mitra ..., dan mengatur Caps ke Round dan menyesuaikan D ashed L ine: Dash ke 3 dan Gap 3.

menyesuaikan Stroke

Buat Ellipse baru (U). Set Warna untuk Brown (C = 30 M = 80 Y = 100 K = 30).

menambahkan elips untuk memetakan

Aktifkan Pen Tool (P). Tahan tombol Alt dan klik pada titik anchor bawah. Ini akan mengkonversi titik jangkar dari yang halus ke sudut.

Perubahan titik jangkar

Dengan Direct Selection Tool (A), memindahkan titik anchor dikonversi bawah.

memindahkan titik anchor

Tambahkan efek Drop Shadow untuk pin. Gunakan pengaturan yang ditunjukkan di bawah untuk membuatnya halus.

tambahkan drop shadow untuk jangkar

Sekali lagi, membuat Warna sakit baru Ellipse (U) dan F dengan White. Tempatkan elips ke pusat pin. Dan itulah sentuhan akhir untuk desain brosur kami.

menambahkan elips putih baru

Selamat! Jika Anda telah mengikuti tutorial sampai titik ini, Anda harus memiliki desain yang baik dari selebaran promosi selesai.

Ingat: setiap kali Anda merancang gambar untuk cetak digital, Anda harus berpikir dalam warna CMYK untuk mencapai yang terbaik mencari hasil. Jangan lupa untuk menambahkan berdarah ke kanvas (minimal 3 mm dari setiap sisi). Jika Anda tidak yakin tentang beberapa parameter teknis lanjutan, itu selalu baik untuk berkonsultasi secara langsung dengan perusahaan percetakan untuk menghindari kesalahan atau masalah.
Dalam tutorial berikutnya dalam seri ini, kita akan melihat bagaimana untuk memaksakan selebaran ini ke InDesign dan menyiapkan kualitas cetak PDF. Dalam waktu yang berarti, jika Anda memiliki pertanyaan tentang menciptakan desain cetak dalam Photoshop, memberikan komentar di bawah ini dan kami akan senang untuk membantu Anda keluar.