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

Cara Membuat High-Contrast Flyboard Skateboard di Adobe Photoshop

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called Flyer Design & Templates.
Photoshop in 60 Seconds: How to Customize a Flyer Template
How to Create a Summer Picnic Community Event Flyer in Adobe InDesign

Indonesian (Bahasa Indonesia) translation by Adya Rosyada Yonas (you can also view the original English article)

Final product image
What You'll Be Creating

Untuk tutorial ini kita akan mendesain poster menggunakan Layer Masks, Clipping Mask dan Liquify Tool untuk membuat poster yang benar-benar luar biasa!

Jika Anda mencari desain flyer yang lebih unik, pergi ke GraphicRiver untuk informasi lebih lanjut.

Yang akan anda butuhkah

Anda akan membutuhkan akses ke Photoshop. Jika Anda tidak memiliki perangkat lunak, Anda dapat mengunduh uji coba dari situs web Adobe.

Anda juga perlu mengunduh dan menginstal file dan gambar font berikut:

  • Saya menggunakan Univers, 93 Extra Black Extended karena dilengkapi di komputer saya; Anda dapat membelinya di sini. Archivo Black atau Work Sans Black mendekati berat, tetapi mereka perlu diperpanjang sedikit.

Instal font di sistem Anda dan Anda siap untuk memulai!

1. Cara Menggunakan Layer Mask dan Persiapkan Gambar

Langkah 1

Buka gambar pemain skateboard di Photoshop. Kita akan menghapus awan sebelum menggunakan gambar pemain skateboard di poster.  Untuk melakukan ini, di panel Layer, Gandakan layer Background dengan menekan Command-J dan Hide visibilitas layer Background asli.

Preparing and cleaning up image

Langkah 2

Saat memilih layer copy Background baru pada panel Layers, klik pada tombol Vector Mask untuk menambahkan Layer Mask ke Background copy.

Using Layer Masks to clean background

Langkah 3

Saya merekomendasikan menggunakan Brush Tool (B). Menggunakan Brush Tool (B) dan hitam sebagai Foreground Color pada panel Tools, Anda dapat menyembunyikan bagian-bagian dari gambar.  Jika Anda menggunakan putih sebagai warna latar depan, Anda malah akan mengungkapkan bagian-bagian gambar. Saya lebih memilih metode ini daripada Erase Tool karena ini memberi saya pilihan untuk bolak-balik dalam mengungkap gambar dan memperbaiki kesalahan.

Klik kanan untuk mengatur brush ke Ukuran 200 px dan Hardness 100% dan mulai menyikat bagian-bagian dari gambar. Saya suka melakukan bagian besar terlebih dahulu untuk kemudian memperbesar dan berkonsentrasi pada detail di sekitar tubuh.

Using the Layer Masks and Brush Tool

Langkah 4

Mari Perbesar untuk mengerjakan detailnya. Untuk ini saya bolak-balik dengan ukuran kuas karena kadang-kadang saya harus masuk ke sudut, tapi saya mulai dengan Ukuran 30 px dan Hardness 100%. Alat hebat yang membantu di sini adalah menggunakan kunci backslash (\) untuk mendapatkan warna merah di belakang gambar dan tahu bagian mana yang perlu disempurnakan.

Using the Brush Tool to clean up details of the image

2. Cara Menyiapkan Dokumen dan Panduan Baru

Langkah 1

Di Photoshop, buka File> New. Namai dokumen Skateboard Culture, dan atur Width ke 1275 px dan High ke 1650 px, dengan Isi Background putih.  Saya menyimpan poster digital, jadi saya akan bekerja dengan 72 dpi atau 150 dpi. Klik OK untuk membuat dokumen.

Creating a new document

Langkah 2

Mari buat panduan di dokumen kita untuk memastikan semuanya sesuai yang kita inginkan. Ukuran penggaris saya dalam Inci; Anda dapat mengubah ini di Photoshop> Preferences> Units and Rulers.  Kita bisa menuju ke View> New Guide, di mana jendela baru akan muncul. Kita ingin membuat semua Panduan kita 0,75 inchi dari setiap sisi. Pilih Horizontal dan di bawah Position ketik 0,75 in. Klik OK.

Kita akan melakukan hal yang sama untuk opsi Vertikal. Untuk menambahkan panduan ke sisi bawah dan kanan halaman, kita hanya perlu mengurangi 0,75 inci ke ukuran akhir halaman Anda. Untuk menyembunyikan dan menampilkan panduan, tekan Command- ;.

Adding guides to our poster

3. Cara Duplikat Layer dan Menambahkan Warna ke Background

Langkah 1

Mari duplikat Skateboarder Background copy layer ke dalam file Skateboard Culture baru kita. Untuk melakukannya, Klik Kanan> Duplicate Layers.  Di bawah As :, ganti nama layer menjadi Skateboarder, dan di bawah Destination pilih Document> Skateboard Culture. Klik OK untuk melanjutkan.

Duplicating layers to another file

Langkah 2

Mari lompat ke dokumen Budaya Skateboard kita. Untuk membuat poster lebih lebar, mari kita membuat latar belakang menjadi hitam. Dengan menggunakan Paint Bucket Tool (G), pilih layer latar belakang dan klik pada halaman untuk melukis poster.

Using the Paint Bucket Tool to colour background

4. Cara Menggunakan Tool Liquify

Langkah 1

Pilih layer latar belakang, mari buat layer baru untuk menambahkan bentuk berwarna. Tekan Shift-Command-N, dan beri nama layer baru kita dengan warna yang akan kita gunakan — dalam contoh ini, Pink. Pastikan bahwa di bawah Color, Tidak ada yang dipilih.

Creating new layers

Langkah 2

Mari pilih warna dengan mengklik Set Foreground Color, dan kemudian atur kode warna ke # ff0cf0. Gunakan Brush Tool (B), atur Ukuran menjadi 125 px dan Kekerasan menjadi 100%. Kita hanya bisa membuat sapuan kuas acak seperti di bawah ini.

Preparing brush strokes behind skateboarder to liquify

Langkah 3

Filter> Liquify atau Shift-Command-X, dan sebuah jendela baru akan muncul menampilkan layer yang dipilih. Di panel kiri, gunakan Clock Twirl Clockwise Tool (C), dan pilih pengaturan berikut di panel kanan: Brush Size: 300, Brush Density: 100, dan Brush Pressure: 100.  Gunakan kuas di atas goresan di jendela baru ini. Tujuannya di sini adalah membuat gambar goyah yang dapat bertindak sebagai latar belakang di poster. Tidak ada cara yang salah atau benar untuk melakukannya, jadi silakan melakukannya dengan cara Anda sendiri!

Jangan ragu untuk menggunakan Forward Warp Tool (W), Pluck Tool (S), dan Bloat Tool (B). Jangan khawatir membuatnya terlalu sempurna karena kita dapat menggunakan Layer Mask nanti untuk menyembunyikan hal-hal yang tidak kita inginkan.

Setelah selesai, klik OK.

Using the Liquify Tool to create different shapes

Langkah 4

Lakukan hal yang sama dengan layer baru untuk warna hijau dan kuning dengan kode warna berikut. Hijau: # 0cffd1, Kuning: # 0fffe10.

Kita dapat mengedit beberapa bentuk dengan menggunakan Layer Mask, metode yang sama kita gunakan untuk membersihkan gambar awal dari layer skateboarder. Anda dapat membuat Layer Mask pada setiap layer berwarna dan menggunakan Brush Tool (B) untuk menyembunyikan atau menampilkan bagian-bagian tertentu dari layer.

All three different colours after using the Liquify Tool

Langkah 5

Mari sembunyikan layer berwarna dan buat Layer Baru. Layer baru ini akan berisi goresan setiap warna untuk ditempatkan di belakang pemain skateboard.  Kita melakukan ini sehingga kita dapat Liquify semua tiga warna pada saat yang sama. Saya menggunakan Ukuran Kuas 250 px dan Ketajaman 100%.

Creating a new Layer with all three colours to be blended with the Liquify Tool

Langkah 6

Kita akan melanjutkan dengan cara yang sama seperti pada layer berwarna sebelumnya dengan Liquify Tool, bermain-main dengannya sampai Anda menemukan sesuatu yang Anda sukai. Anda dapat bermain dengan ukuran kuas di jendela Liquify baru. Sekali lagi, tidak ada yang benar atau salah!

Setelah kita memiliki semua komponen ini, kita dapat kembali dan mengedit dengan Layer Mask tersebut untuk menyeimbangkan warna-warna ini.

Using Layer Masks to clean up the coloured shapes that are not necessary

5. Menggunakan Rectangle Tool dan Menambahkan Teks

Langkah 1

Gunakan Panduan yang kita buat di awal tutorial ini, kita akan menambahkan beberapa garis kaku ke poster yang funky ini. Mari pilih layer Warna Campuran dan aktifkan panduan kita lagi dengan menekan Command- ;.

Di panel Tools, klik Rectangle Tool (U). Pergi ke Option Bar. Set Fill tanpa warna, Stroke menjadi putih, dan Shape Stroke Width hingga 5 pt.

Options Bar setting before using the Rectangle Tool

Buat persegi panjang berdasarkan margin. Kita akan kembali secepatnya, tetapi untuk saat ini kita akan menyesuaikan dan menambahkan beberapa hal. Mari sembunyikan panduan kita lagi dengan menekan Command- ;.

Poster without margins to make sure the Rectangle Tool is working

Langkah 2

Menggunakan Type Tool (T), ketik SKATE-BOARD CULTURE pada tiga baris; ini untuk menempati lebih banyak ruang di bagian bawah poster. Pada panel Character, atur Font ke Universe 93 Black Extended, Ukuran 75 pt dan Leading 60 pt.  Jika Anda menggunakan salah satu font alternatif, ini akan terlihat sedikit berbeda, tetapi ada yang berhasil! Pusatkan kotak teks di persegi panjang yang kita buat.

Adding text to our poster

6. Cara Menggunakan Layer Masker Hitam dan Putih

Kita ingin menciptakan ilusi bahwa pemain skateboard keluar dari halaman, dan kita juga ingin membuatnya menonjol dari latar belakang yang sibuk.

Langkah 1

Kita akan memotong Layer Mask Hitam dan Putih ke layer Skateboarder. Mari mulai dengan memilih layer Skateboarder. Pergi ke bagian bawah panel Layer. Klik Create new fill or adjustment layer dan sambil menekan Alt, klik Black & White.  Jendela Layer Baru akan muncul. Beri nama Layer Skateboarder BW, centangUse Previous Layer to Create Clipping Mask, dan klik OK. Ini akan membuat layer yang akan mengubah warna hanya layer Skateboarder ke Black and White.

Using Black and White Layer Mask to clip onto only one layer

Langkah 2

Sekarang kita ingin menyesuaikan kontras. Pilih layer Skateboarder awal, dan menuju ke Image> Adjustments> Brightness and Contrast. Saya memilih untuk pergi dengan Brightness: 36 dan Contrast: 68 untuk membuat foto muncul. Klik OK.

Correcting Brightness and Contrast on our new Black and White layer

Langkah 3

Sekarang kita ingin mengubah ukuran pemain skateboard sedikit. Saat memilih layer yang sama, tekan Command-T dan, sambil menahan Shift untuk mempertahankan proporsi yang sama, klik dan seret dari salah satu sudut ke sekitar 120% dan reposisi gambar.  Kita ingin gambar pemain skateboard muncul seolah-olah keluar dari persegi panjang yang kita buat sebelumnya.

Resizing the Skateboarder Layer

7. Menambahkan Detail Akhir

Mari tambahkan tanggal dan lokasi untuk poster ini. Pilih Rectangle 1 Layer dan buat persegi panjang baru menggunakan Rectangle Tool (U), yang ini secara vertikal di sisi kanan poster.  Kita dapat menyesuaikan layer Budaya Skateboard kita dengan menekan Command-T, menahan Shift dan mengubah ukuran untuk menjaga proporsi aslinya.

Mari tambahkan beberapa teks siap pakai ke persegi panjang ini dengan Type Tool. Mari tambahkan tanggal, waktu, dan situs web. Setelah informasi masuk, tahan Command, dan kotak teks akan berubah menjadi objek yang akan dapat kita putar.  Tahan Command, arahkan ke salah satu sudut kotak teks, dan klik dan putar. Atau, Anda dapat menahan Shift dan putar kotak teks 90 derajat dengan presisi.

Adding details to the right side of our poster

Mari tambahkan persegi panjang ketiga di atas judul poster untuk dicocokkan dengan sisi kanan. Layer Anda harus terlihat seperti gambar di bawah ini.

A view of all our layers

8. Cara Menyimpan Poster

Klik File> Save untuk menyimpan file sebagai .PSD untuk kemudian mengeditnya dan sebagai JPEG jika Anda akan menggunakannya untuk media sosial.

Saving the poster as a PSD or JPEG file

Anda Berhasil!

Selamat telah menyelesaikan tutorial ini! Kita telah membahas keterampilan yang menarik untuk menyusun potongan promosi untuk media sosial. Hari ini kita telah belajar:

  • Membersihkan gambar menggunakan Layer Masks.
  • Format tipografi dan mengizinkan untuk berinteraksi dengan gambar.
  • Menggunakan gambar dengan cara berbeda untuk membuat poster out of the box.
  • Menggunakan Layer Masks dan Clipping Masks untuk mengedit warna hanya pada satu layer.
  • Menggunakan Liquify Tool.
Final Poster
Advertisement
Advertisement
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.