Buat dan Cetak Brosur dengan Photoshop, Indesign, dan UPrinting.com - Bagian 1

Bertahun-tahun yang lalu ketika saya pertama kali memutuskan bahwa saya ingin mencoba desain cetak (latar belakang saya di web dan layar bekerja), saya mendapat kesan bahwa ada beberapa hal yang sulit secara ajaib yang harus Anda ketahui untuk mencetak barang. Kenyataannya adalah bahwa untuk proyek-proyek sederhana itu sebenarnya sangat mudah.   Dalam tutorial ini saya akan memandu Anda melalui proses lengkap untuk mendesain brosur sederhana, membuatnya siap untuk dicetak dan kemudian benar-benar mengunggahnya ke printer online komersial, memeriksa buktinya dan melihat produk jadi. 

Tahap Perencanaan Pra-Desain 

Sebelum memulai setiap proyek cetak, Anda harus selalu melakukan perencanaan. Itu karena format akhir, dimensi, dan pilihan printer semuanya akan mempengaruhi bagaimana Anda merancang. 

Hal pertama yang biasanya Anda lakukan adalah mendapatkan proyek singkat. Dalam kasus saya tidak ada klien, jadi saya hanya akan membuat proyek. Sejak minggu ini kami mempromosikan GraphicRiver, saya akan membuat brosur tentang situs, seolah-olah ditujukan untuk seorang desainer yang tidak tahu apa yang ditawarkan situs. Jadi itu akan menjadi semacam katalog dasar.

Langkah 1 - Pilih Printer

Jadi hal pertama yang akan kita lakukan adalah memilih printer. Bukan ide yang buruk untuk memiliki beberapa printer yang berbeda yang Anda gunakan untuk bekerja sama. Saya akan menyarankan bahwa seiring waktu Anda harus memiliki:

• Printer lokal kecil yang Anda gunakan dan ketahui secara teratur
  Ini adalah ide yang bagus karena Anda benar-benar bisa mengenal orang yang menempatkan pekerjaan Anda ke dalam pers. Itu berarti Anda dapat berbicara dengan mereka tentang pekerjaan, mendapatkan masukan mereka tentang cara membuat semuanya berjalan dengan baik dan mendapatkan ide untuk pekerjaan di masa depan.
• Printer khusus untuk pekerjaan sampinganUntuk beberapa jenis pekerjaan, Anda mungkin memerlukan printer atau layanan khusus. Contoh printer khusus adalah perusahaan yang mencetak ke objek (seperti prangko, pakaian, pena, dan sebagainya), printer yang mengkhususkan pada papan nama, printer yang melakukan efek khusus seperti embossing, printer yang mengkhususkan dalam format besar, dan sebagainya.
• Printer online untuk perputaran cepat, proyek murah, dan kerja antar negaraHari-hari ini ada banyak printer komersial besar yang menawarkan layanan online. Mereka sering sangat cepat dan menyediakan banyak pilihan. Kekurangannya adalah Anda sangat kecil kemungkinan untuk mengenal seseorang di printer - meskipun Anda mungkin mendapatkan perwakilan di beberapa printer online. 

Untuk tujuan kita, kita akan menggunakan printer online bernama UPrinting. Mereka adalah printer AS dan mengantarkan ke mana saja di negara ini. Anda dapat benar-benar melakukan semuanya mulai dari pembayaran hingga unggahan ke pemeriksaan melalui situs web mereka, dan harga yang mereka tawarkan sangat kompetitif.Saya tidak pernah menggunakannya sebelum tutorial ini dan secara keseluruhan saya cukup terkesan dengan layanan ini. 

Saya tidak pernah menggunakannya sebelum tutorial ini dan secara keseluruhan saya cukup terkesan dengan layanan ini. 

Langkah 2 - Pilih Produk

Jadi di sini kita berada di situs web UPrinting. Langkah pertama adalah memilih produk. Kami ingin membuat beberapa Brosur.

Langkah 3 - Ambil Dimensi dan Informasi Lipat

Langkah selanjutnya adalah menentukan jenis brosur apa yang kami minati: 

1. Ukuran: 8,5 "x 11" UPrinting menawarkan beberapa ukuran yang berbeda. Perhatikan bahwa ukurannya adalah untuk brosur yang ditata rata dan dilipat. Saya telah memilih 8.5 "x 11" yang dekat dengan halaman A4 ketika ditata. 
2. Stok: 100lb Text Gloss 
   Stok adalah jenis kertas yang akan Anda cetak. Ini membuat perbedaan yang cukup besar pada tampilan dan nuansa produk akhir. Kertas glossy cenderung memiliki nuansa berkilau dan kertas Matte memiliki tekstur yang lebih kusam. Anda juga akan sering perlu memilih berat untuk kertas, semakin berat semakin tebal dan semakin dekat ke kartu. Untuk beberapa jenis proyek seperti kartu nama, Anda akan menginginkan berat yang sangat tebal. 

   Saya telah memilih sebuah saham yang tebal. Beratnya sedikit asing bagi saya karena di Australia kami menggunakan gsm bukan lbs. Anda dapat menemukan bagan konversi di sini.

3. Melipat: TrifoldSangat penting bahwa Anda memperhatikan bagaimana kertas akan dilipat sehingga Anda dapat menentukan bagaimana tata letak pekerjaan Anda. Saya telah memilih lipatan Trifold. Sejujurnya saya tidak pernah ingat lipatan mana yang, tetapi dengan senang hati UPrinting memberi Anda sedikit demo di sudut sehingga Anda dapat yakin bahwa Anda telah memilih yang tepat. 

4. Warna: 4 Warna Kedua SisiAkhirnya kita memilih bagaimana kita ingin mencetak. Kami ingin warna penuh di kedua sisi, UPrinting menyebut ini 4 warna - yaitu CMYK.
   

Langkah 4 - Quick Paper Mockup

Sekarang kita tahu apa yang kita rancang untuk itu ide yang baik untuk melakukan maket makalah yang sangat cepat. Saya menemukan ini berguna untuk barang-barang yang akan termasuk lipat karena membantu memastikan Anda menempatkan hal-hal yang tepat di tempat yang tepat. 

Jadi di sini saya baru saja mengambil selembar kertas dari buku catatan saya, melipatnya seperti brosur trifold dan kemudian menuliskan dengan kasar apa yang akan saya letakkan pada setiap halaman. 

Kemudian ketika Anda membukanya Anda dapat melihat bagaimana mengatur panel yang berbeda di halaman. Jadi misalnya sampul depan brosur itu benar-benar muncul di panel paling kanan dari halaman luar. Ini masuk akal ketika Anda melihatnya dalam kenyataan, tetapi jika Anda hanya membuka Photoshop dan mulai merancang, ada godaan untuk berpikir bahwa halaman depan harus menjadi yang pertama dan oleh karena itu di sebelah kiri.

Manfaat lain untuk membuat maket makalah adalah Anda merasakan bagaimana orang tersebut akan membaca brosur dan itu akan berguna untuk langkah selanjutnya. 

Langkah 5 - Desain Informasi 

Jadi dalam maket makalah saya muncul dengan tata letak dasar bagaimana saya ingin mengatur hal-hal dalam brosur. Halaman depan hanya akan memiliki judul - "1000 file grafis dari hanya $ 1" - dan logo. Lalu halaman dalam akan memiliki semua jenis produk kami - Photoshop, Illustrator dan Lainnya. Halaman luar yang Anda lihat ketika Anda pertama kali membuka penutup depan akan memiliki cara kerja "Bagaimana cara kerjanya" langkah demi langkah di situs, dan sampul belakang akan berbicara tentang pasar saudari kita. 

Saya telah meletakkannya dengan cara ini untuk mencoba menyajikan informasi dengan cara yang mudah dicerna: 

1. Sampul Depan: Proposisi penjualan dasar (1000s file) 
2. Halaman Dalam Pertama: Cara kerja situs 
3. Inside Spread: Apa sebenarnya file itu 
4. Back Cover: Call to Action - Alamat situs dan upselling pembaca di situs lain 

Langkah 6 - Setup Dokumen

Langkah selanjutnya adalah menyiapkan dokumen di Photoshop untuk mendesain. Beberapa printer hanya akan memberi Anda seperangkat informasi dan spesifikasi dan Anda harus menyiapkan dokumen Anda sendiri. 

Peringatan: Jika Anda tidak terbiasa mencetak desain ada godaan untuk menganggap bahwa garis lipatan untuk dokumen hanya akan ditempatkan pada 1/3 interval dokumen - karena itu akan dilipat menjadi tiga.  Ini bukan kasusnya. Jadi misalnya untuk brosur tiga kali lipat ukuran panel adalah 3,625 ", 3,6875" dan 3,6875 "- salah satunya adalah 0,06" lebih kecil dari dua lainnya. Dan terlebih lagi ketika Anda membalik ke sisi lain panel yang lebih kecil berada di tempat yang berbeda. Di bagian luarnya ada panel paling kiri, di bagian dalamnya adalah panel paling kanan. 

Dengan senang hati UPrinting menyediakan bagian template di mana Anda bisa mendapatkan dokumen lengkap dengan panduan yang ditempatkan dengan benar yang dapat Anda aktifkan dan matikan saat Anda mendesain.

Langkah 7 - Template

Anda dapat melihat dua template di bawah ini. 

Hal penting yang perlu diperhatikan adalah: 

1. Jika Anda pergi ke Image Size Photoshop Anda akan menemukan bahwa dokumen adalah 11.25 "x 8.75". Tentu saja brosur itu sendiri hanya 11 "x 8.5".
2. Ruang ekstra adalah Bleed untuk dokumen. Anda bisa melihatnya di template sebagai area gelap yang .125 "pada setiap sisi.
3. Zona Aman adalah lebih jauh .125 "di dalam dan hanya merupakan indikator di mana Anda harus menghindari menempatkan apa pun yang Anda tidak ingin secara tidak sengaja terpotong. Kadang-kadang salinan bahan cetakan Anda tidak akan dipotong dengan tepat - itulah sebabnya kami telah berdarah, tetapi sebaliknya itu bisa pergi ke arah lain juga.

Tahap Desain Photoshop 

Jadi dengan dokumen kami sudah siap dan pra-pelelangan kami selesai, saatnya untuk benar-benar membuat beberapa grafik. Jadi kita akan bekerja langsung di file PSD template yang disediakan oleh UPrinting karena kita tidak perlu membahas tentang menggambar ulang panduan. 

Langkah 8 - Kolase Latar Belakang

Apa yang akan kita lakukan adalah membuat latar belakang sederhana dari thumbnail semua file yang tersedia di GraphicRiver. Jadi saya telah melihat dan mendapatkan tangkapan layar dari 35 atau lebih item dan memangkasnya menjadi 375px x 375px, lalu meletakkannya dalam kotak seperti yang Anda lihat di bawah.  Ketika saya kehabisan, saya baru saja mulai mengulang thumbnail yang sama lagi (karena saya agak malas untuk membuat lebih banyak dari mereka!) 

Selanjutnya kita akan memudar mereka menjadi hitam dengan membuat layer baru di atas, mengisinya dengan hitam dan pengaturan transparansi hingga 85%.

Langkah 9 - Menambahkan Beberapa Shading

Berikutnya saya pergi ke View> Show> Guides untuk membuat panduan UPrinting muncul. Kemudian kita membuat layer baru di atas dan mengisi persegi panjang yang berbentuk ukuran salah satu panel dengan warna hitam seperti yang ditunjukkan di bawah ini.

Sekarang ketika panel dipilih, pergi ke Select > Modify> Feather dan gunakan nilai 150px.

Kemudian tekan Delete dan Anda harus pergi dengan memudar gelap di tepi.

Sekarang ikuti langkah yang sama untuk menambahkan warna gelap pada ketiga panel. Setelah Anda memiliki ketiganya, mungkin layak untuk menggandakan layer untuk menggandakan efek dan membuatnya sedikit lebih jelas. 

Dan di sana kami memiliki latar belakang kami! Saya mengulangi prosedur yang sama ini baik di dalam maupun di luar file PSD. 

Langkah 10 - Menuju Gaya Teks

Sekarang kita akan membuat beberapa judul teks menggunakan font Agenda-Black yang bagus dan bulat dan gemuk. Saya mengetik di judul utama saya ("1000's of Graphic Files") diatur dalam huruf besar semua. 

Selanjutnya kita akan menambahkan layer style ke teks, agar ini berfungsi meskipun kita membutuhkan setiap baris teks terpisah sebagai layer itu sendiri. Ini akan lebih masuk akal sebentar lagi. Jadi Anda harus memiliki satu layer dengan kata "1000's" dan layer lain dengan kata-kata "File Grafis". 

Kemudian klik kanan pada salah satu layer dan pilih Blending Options untuk memunculkan kotak dialog layer style. Sekarang tambahkan Gradient Overlay dan atur gradien menjadi putih menjadi abu-abu yang sangat redup (C: 0, M: 0, Y: 0, K: 12). Kemudian tambahkan 2px Inner Stroke berwarna putih.

Alasan kita perlu memiliki setiap baris teks pada lapisannya sendiri adalah jika tidak, gradien akan membentang di kedua baris teks, sedangkan kita menginginkan gradien pada setiap baris. 

Kombinasi font dan gaya ini tentu saja cara biasa saya teks gaya di Pasar Envato untuk iklan dan grafik umum. Ini penting karena kami ingin membuat sedikit branding yang konsisten melalui brosur. 

Langkah 11 - Meletakkan Luar 

Selanjutnya saya hanya meletakkan semua elemen yang berbeda di halaman. Ini sebagian besar teks dan logo sehingga tidak ada banyak teknik Photoshop sehingga untuk berbicara. 

Untuk langkah-langkahnya saya menambahkan beberapa tombol bernomor. Angka-angka adalah font Agenda-Hitam yang sama dengan gaya lapisan yang sama ditambahkan. Lingkaran yang mengilap dapat Anda buat dengan tutorial Psdtuts + lama yang disebut Photoshop Button Maker.

Hal-hal yang perlu diperhatikan tentang bagaimana saya meletakkan semuanya di sini adalah bahwa: 

1. Font yang saya gunakan adalah semua variasi font Agenda. Jadi sementara kami menggunakan Agenda Black untuk teks pos, untuk bagian lain dari teks saya telah menggunakan Agenda Semibold dan Agenda Medium. Sebaiknya tetap menggunakan satu atau dua tipografi dalam desain kecuali Anda memiliki alasan kuat untuk tidak membantu karena menjaga konsistensi. Memvariasikan bobot dan gaya dari jenis huruf yang sama memungkinkan Anda memiliki ketertarikan visual sambil tetap kohesif.
2. Panel "Cara Kerja" yang paling kiri semuanya sejajar sehingga ujung-ujung tombol dan judul utama berbaris di sebelah kiri, dan teks dan blok teks juga semua berbaris. 
3. Untuk panel belakang, saya memusatkan semuanya. Ini bekerja dengan baik karena logo semuanya berbentuk aneh dan tidak banyak teks di halaman. 
4. Tujuan masing-masing panel adalah memiliki heirarki visual untuk memandu mata pembaca. Jadi pada sampul, hal pertama yang dilihat orang adalah "1000" yang cukup menarik perhatian, kemudian mereka melihat "File Grafis" dan selanjutnya mereka melihat "dari hanya $ 1". 

   Pada panel "Cara Kerjanya" mereka harus melihat empat tombol bernomor yang pertama kali saya buat besar dan tebal sehingga segera jelas bahwa meskipun ada banyak teks di panel ini, itu akan mudah dibaca dan dicerna. . Lalu kita punya judul langkah besar sehingga meskipun mereka tidak pernah membaca teks kecil, pembaca masih bisa mencerna intisari utama halaman. 

Langkah 12 - Meletakkan Di Dalam 

Selanjutnya kita akan meletakkan bagian dalam. Jadi buka file PSD template lain dan jalankan melalui prosedur yang sama untuk membuat latar belakang kami. Perhatikan bahwa Anda tidak bisa hanya menyalin dan menempel latar belakang dalam satu gerakan karena ukuran panel berbeda di sisi ini. 

Selanjutnya saya menempatkan tiga judul untuk tiga panel. Tujuan saya di sini adalah untuk menciptakan sedikit minat visual dengan membuat mereka pergi diagonal melintasi dan ke bawah halaman.   Saya juga menambahkan ikon Photoshop dan Illustrator dengan bayangan tebal dan miring pada sudut untuk memberi sedikit kesan pada halaman. 

Langkah 13 - Menempatkan Item

Selanjutnya saya membahas dan memikirkan semua jenis file yang berbeda yang ada di GraphicRiver dan memilih perwakilan untuk dipamerkan. Untuk masing-masing saya telah membuat grafik kecil - biasanya sebuah screenshot dengan beberapa drop shadow - dan menempatkan judul dua baris di sebelahnya di Agenda Semibold. 

Jadi di sini Anda dapat melihat tiga halaman yang ditata dengan barang-barang saling silang-balik. Halaman ini terasa sedikit berantakan, tetapi sebenarnya tidak terlalu buruk dan setelah brosur dilipat, rasanya akan sedikit lebih terstruktur. Dalam semua kasus itu ide yang baik untuk berbaris blok teks sehingga mereka berpusat dan vertikal sejajar dengan blok teks lain pada sumbu mereka.

Di sini Anda dapat melihat kedua halaman di samping satu sama lain. Dan dengan itu kita selesai dengan Photoshop! 

Langkah 14 - Menyimpan File untuk InDesign

Sekarang karena file kita disimpan pada 300 dpi dan resolusi cukup tinggi kita bisa secara teoritis hanya menyimpan PDF dari Photoshop dan mengunggahnya untuk dicetak. 

Dulu bahwa Photoshop akan meratakan segalanya dan teks tidak akan disimpan sebagai vektor. Hari-hari ini Anda dapat menyimpan Photoshop PDF dan itu akan menyimpan teks dan objek vektor lainnya (seperti Smart Objects) sebagai vektor. 

Namun dalam banyak situasi itu ide yang baik untuk membuat dokumen InDesign untuk pencetakan karena InDesign memberikan Anda akses ke beberapa alat tata letak halaman yang berguna seperti stylesheet, kemampuan untuk membuat PDF multi halaman, kemampuan untuk menambahkan tanda printer sangat mudah, dan sebagainya. 

Untuk tutorial ini kita akan mengambil artwork Photoshop kita dan menempatkan semuanya ke InDesign, kemudian dari InDesign membuat PDF terakhir. 

Jadi selanjutnya melalui kedua PSD dan matikan semua teks biasa (bukan judul dengan gaya lapisan) sehingga mereka tidak terlihat. Lalu buka File> Save As ... dan pilih TIFF. Hapus kotak yang menanyakan apakah Anda ingin menyimpan layer dan kemudian buat file TIFF datar dan lebar dari sisi brosur. 

... Berlanjut ke Vectortuts + 

Untuk menyelesaikan tutorial ini, kunjungi Vectortuts + di mana kami akan membawa pekerjaan Photoshop kami ke InDesign dan dari sana kirimkan untuk dicetak!