Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Print Design

Cara Membuat Brosur Promosi di Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

Indonesian (Bahasa Indonesia) translation by fajar budiman (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Photoshop adalah alat yang hebat untuk desain grafis, terutama desain digital yang hanya ditampilkan pada layar, selain tugas-tugas yang senama dalam tweaking foto. Tetapi belum tentu semua baik. Dengan cara berfikir dan pengetahuan yang tepat, Photoshop dapat digunakan untuk membuat desain yang akan dicetak dengan menakjubkan.

Tutorial ini akan membawa Anda melalui langkah-langkah dasar untuk menciptakan brosur terlihat eye-catching yang dapat dicetak langsung dalam warna CMYK langsung dari Photoshop. Anda dapat mengikuti tutorial ini untuk membuat selebaran yang tepat, atau langkah-langkah dengan konten dan warna yang sesuai gaya brosur yang anda inginkan dengan menggunakan metode yang sama.

Aset tutorial

Tutorial ini menggunakan gambar bebas royalti dari Envato, bersama dengan beberapa ikon vektor yang saya buat di Illustrator khusus untuk proyek ini. Anda dapat menemukan file tersebut, Anda dapat menggunakan file PSD yang sudah selesai untuk dibandingkan dengan pekerjaan Anda, di download di sidebar tutorial ini.

Tutorial ini juga menggunakan Proxima Nova Font Family, yang datang dengan Typekit atau berlangganan Adobe Creative Cloud. Anda dapat singkronisasi huruf tersebut ke komputer Anda dan menggunakannya dengan tutorial ini, atau menggunakan jenis huruf lain yang serupa dari kepunyaan anda.

Mempersiapkan Dokumen dengan Panduan

Langkah 1

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.

new photoshop documentnew photoshop documentnew photoshop document

Langkah 2

Buat panduan baru yang akan mewakili bleed area Illustrator dan InDesign sudah memiliki fungsi ini didalamnya, tapi di Photoshop, kita harus membuatnya sendiri. 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.

add horizontal guideadd horizontal guideadd horizontal guide

Langkah 3

Ulangi proses yang sama untuk membuat panduan di setiap tepi dokumen Pastikan bahwa setiap panduan adalah inset 3 mm sama di setiap tepi

finished guidesfinished guidesfinished guides

Membuat Latar Belakang

Langkah 1

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

cmyk sliderscmyk sliderscmyk sliders

Langkah 2

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).

gradient overlay in Photoshop menugradient overlay in Photoshop menugradient overlay in Photoshop menu
Tambahkan overlay gradien dari tombol fx di panel layer ...
Photoshop Gradient EditorPhotoshop Gradient EditorPhotoshop Gradient Editor
... kemudian menyesuaikan gradien Anda ...
pick stop colorspick stop colorspick stop colors
... dengan warna yang Anda inginkan untuk dokumen

Langkah 3

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

Create a rectangleCreate a rectangleCreate a rectangle

Langkah 4

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

Add dark brown rectangleAdd dark brown rectangleAdd dark brown rectangle

Langkah 5

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

add anchor point to rectangleadd anchor point to rectangleadd anchor point to rectangle

Langkah 6

Dengan Direct Selection Tool (A), mainkan pegangan anchor untuk membuat kurva Bezier yang bagus.

bezier curvebezier curvebezier curve

Langka 7

Ikuti langkah-langkah yang sama untuk menyesuaikan persegi panjang menjadi bentuk yang ditunjukkan di bawah.

adjust curved rectangleadjust curved rectangleadjust curved rectangle

Langkah 8

Buka File> Place Embedded ..., kemudian pilih people-1.jpg dari Resource Pack.

add pictureadd pictureadd picture

Langkah 9

Gunakan Move Tool (V) untuk memindahkan foto di sekitar dokumen. Tempatkan di sudut paling atas seperti yang ditunjukkan di bawah ini.

place pictureplace pictureplace picture

Langkah 10

Buat persegi panjang baru dengan Rectangle Tool (U). Atur ukurannya menjadi 216 mm dengan 100 mm.

add another rectangleadd another rectangleadd another rectangle

Langkah 11

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

place rectangle over photoplace rectangle over photoplace rectangle over photo

Langkah 12

Dalam opsi Panel Rectangle Tool, pilih Mask. Ini akan membuat masker vektor dipakai pada layer dengan foto.

add vector mask to rectangleadd vector mask to rectangleadd vector mask to rectangle

Langkah 13

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

add anchor point to maskadd anchor point to maskadd anchor point to mask

Langkah 14

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.

adjust mask to see curveadjust mask to see curveadjust mask to see curve

Langkah 15

Buka Filter > Blur > Gaussian Blur. Atur Radius menjadi 6

add bluradd bluradd blur

Langkah 16

Pilih Smart Filters mask. Gunakan Gradient Tool (G) untuk memudarkan mask dari kiri ke kanan.

add smart filteradd smart filteradd smart filter
Gradient DirectionGradient DirectionGradient Direction
Mengatur arah gradien dari kiri ke kanan untuk mengaburkan gambar ke arah kanan

Langkah 17

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

add layer maskadd layer maskadd layer mask
fade stairs to reveal brownfade stairs to reveal brownfade stairs to reveal brown

Langkah 18

Buat Brightness / Contrast Adjustment Layer baru dengan mengklik ikon matahari di Adjustments panel Atur Brightness menjadi 40 dan Contrast menjadi 10.

add brightness adjustment layeradd brightness adjustment layeradd brightness adjustment layer

Langkah 19

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

create clipping maskcreate clipping maskcreate clipping mask

Langkah 20

Buat Solid Color baru. Atur Fill warna menjadi Coklat (C=30 M=80 Y=100 K=30).

add coloradd coloradd color

Langkah 21

Klik pada vector mask dari layer foto. Tahan tombol Alt dan tarik mask keatas Fill Warna coklat. Tindakan ini akan menduplikasi mask yang dipilih.

duplicate maskduplicate maskduplicate mask

Langkah 22

Gunakan Direct Selection Tool (A) dan tarik anchor poin ke kanan atas menunju ke pojok kanan atas.

add anchor point to color layeradd anchor point to color layeradd anchor point to color layer

Langkah 23

Gunakan Brush Tool (B) untuk memperihatkan beberapa wilayah foto di bawah dengan warna coklat. Atur Layer Opocity menjadi 75%

reveal photo below the brown fillreveal photo below the brown fillreveal photo below the brown fill

Langkah 24

Gambar persegi panjang baru dengan Rectangle Tool (U).

Add another new rectangleAdd another new rectangleAdd another new rectangle

Langkah 25

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

light brownlight brownlight brown

Langkah 26

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

move layermove layermove layer

Langkah 27

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

adjust rectangleadjust rectangleadjust rectangle

Tambahkan Teks dan Logo

Langkah 1

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

add ellipseadd ellipseadd ellipse

Langkah 2

Tambahkan efek Drop Shadow. Atur Opacity menjadi 14%Distance menjadi 5 px, dan Size menjadi 15 px.

add drop shadowadd drop shadowadd drop shadow
Tambahkan drop shadow untuk layer dari tombol fx di layer panel
tweak shadowtweak shadowtweak shadow
Tweak drop shadow Anda dengan pengaturan ini

Langkah 3

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).

add another ellipseadd another ellipseadd another ellipse

Langkah 4

Menggunakan efek Drop Shadow yang sama dan menerapkannya ke elips. Anda dapat menciptakan bayangan, atau klik kanan dan pilih Copy Layer Style dan kemudian paste layer style pada elips lain. Taruh layer dengan elips biru tua di bawah elips coklat.

reuse drop shadow effectreuse drop shadow effectreuse drop shadow effect

Langkah 5

Tambahkan teks dengan Type Tool (T). Tutorial ini menggunakan Proxima Nova family. Ukuran judul atas 17 pt. Tambahkan sisa teks, dengan masing-masing di lapisan yang terpisah. Gunakan Move Tool (V) untuk menempatkan pada setiap baris, seperti diuraikan dalam gambar di bawah ini.

add textadd textadd text

Langkah 6

Ulangi proses yang sama untuk menambahkan teks baru. Atur ukuran baris pertama menjadi 31 pt.

add new textadd new textadd new text

Langkah 7

Buat judul baru menggunakan Type Tool (T). Atur huruf menjadi Proxima Nova Light dan ukurannya menjadi 18 pt.

add titleadd titleadd title

Langkah 18

Tambahkan subjudul, sekali lagi, menggunakan Type Tool (T). Atur ukuran manjadi 36 pt. Sesuaikan Character Tracking ke -10.

add subtitleadd subtitleadd subtitle

Langkah 9

Pilih kedua teks layers. Tahan tombol Alt dan seret teks untuk menduplikasi kedua garis di bawah.

duplicate textduplicate textduplicate text

Langkah 10

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

rewrite and reposition textrewrite and reposition textrewrite and reposition text

Langkah 11

Buka File> Place Embedded dan tempatkan logo vektor acme-travel-logo.ai  ke dalam dokumen.

add logoadd logoadd logo

Langkah 12

kecilkan ukuran logo vektor dan taruh di sudut kanan atas.

scale and place logoscale and place logoscale and place logo

Langkah 13

Menambahkan efek Drop Shadow. Dalam Layer Style Panel, atur Opacity menjadi 11%Distance menjadi 3 px, dan Ukuran menjadi 16 px.

add drop shadow to logoadd drop shadow to logoadd drop shadow to logo

Menambahkan foto dibawah

Langkah 1

Buat Rectangle (U) baru. Atur ukuran menjadi 60 px dengan 28 px.

add rectangle for bottom textadd rectangle for bottom textadd rectangle for bottom text

Langkah 2

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

set horizontal centersset horizontal centersset horizontal centers

Langkah 3

Buka File> Place Embedded dan tempatkan foto people-11.jpg dari Resource Pack.

Langkah 4

kecilkan gambar dan tempatkan langsung pada persegi panjang.

scale imagescale imagescale image

Langkah 5

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

add vector maskadd vector maskadd vector mask

Langkah 6

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

duplicate pictureduplicate pictureduplicate picture

Langkah 7

Buka File > Place Embedded. Pilih foto city-5.jpg dari Resource Pack dan tambahkan ke dalam dokumen.

place city photoplace city photoplace city photo

Langkah 8

Kecilkan gambar dan letakkan di atas foto yang digandakan dengan gadis.

place second imageplace second imageplace second image

Langkah 9

Ambil mask dari foto digandakan dengan gadis itu dan menempatkannya ke dalam gambar baru, kemudian hapus layer people-11-copy.

move mask then delete layermove mask then delete layermove mask then delete layer

Langkah 10

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

add mapadd mapadd map

Langkah 11

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

add strokeadd strokeadd stroke

Langkah 12

Atur Stroke Size menjadi 2 px. Sesuaikan Position ke Inside dan atur Warna menjadi Coklat (C = 30 M = 80 Y = 100 K = 30).

tweak stroketweak stroketweak stroke

Menambahkan Teks dibawah

Langkah 1

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).

add bottom textadd bottom textadd bottom text

Langkah 2

Tambahkan lebih banyak garis. Atur ukuran menjadi 9 pt, menyesuaikan Leading menjadi 13 pt, dan merubah warna menjadi abu-abu (K=90).

add more lines of textadd more lines of textadd more lines of text

Langkah 3

Mengikuti proses yang sama untuk membuat blok baru dari teks. Menempatkan mereka di bawah foto dengan gadis dan screenshot peta.

add text blockadd text blockadd text block

Langkah 4

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.

insert calendar iconinsert calendar iconinsert calendar icon

Langkah 5

Kecilkan ikon dan tempatkan ke baris pertama dengan informasi waktu.

place calendar iconplace calendar iconplace calendar icon

Langkah 6

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

add remaining iconsadd remaining iconsadd remaining icons

Langkah 7

Gunakan Type Tool (T) untuk menambhkan teks baru. Letakkan di screenshot peta. Atur ukuran menjadi 13 pt, menyesuaikan Leading menjadi 11 pt, dan merubah warna menjadi Coklat Muda (C=10 M=65 Y=100 K=0).

add map textadd map textadd map text

Langkah 8

Mengikuti proses yang sama untuk menambahkan baris baru teks untuk alamat. Atur ukuran menjadi 9 pt dan merubah warna menjadi abu-abu (K=90).

add addressadd addressadd address

Langkah 9

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

add globe iconadd globe iconadd globe icon

Langkah 10

Kecilkan ikon dan menempatkannya di samping alamat web.

place world iconplace world iconplace world icon

Langkah 11

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

Add direction vectorAdd direction vectorAdd direction vector

Langkah 12

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.

make dashed strokemake dashed strokemake dashed stroke

Langkah 13

Buka Stroke Options > More Options..., dan atur Caps menjadi Round dan sesuaikan Dashed Line: Dash menjadi 3 dan Gap menjadi 3.

adjust strokeadjust strokeadjust stroke

Langkah 14

Buat Ellipse (U) baru. Atur warna menjadi coklat (C=30 M=80 Y=100 K=30).

add ellipse to mapadd ellipse to mapadd ellipse to map

Langkah 15

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

change anchor pointschange anchor pointschange anchor points

Langkah 16

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

move anchor pointmove anchor pointmove anchor point

Langkah 17

Menambahkan efek Drop Shadow pada pin. Gunakan pengaturan di bawah ini untuk membuatnya halus.

add drop shadow to anchoradd drop shadow to anchoradd drop shadow to anchor

Langkah 18

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.

add new white ellipseadd new white ellipseadd new white ellipse

Kesimpulan

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

Ingat: 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.

Dalam tutorial berikutnya dalam seri ini, kita akan melihat bagaimana untuk mengenakan brosur ini ke InDesign dan menyiapkan kualitas cetak PDF. Dalam waktu yang berarti, jika Anda memiliki pertanyaan tentang menciptakan desain cetak di Photoshop, memberikan komentar di bawah ini dan kami akan senang untuk membantu Anda.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.