1. Design & Illustration
  2. Poster Design

Cara Membuat Poster Rave Abstrak 90-an dalam Adobe Photoshop

by
Read Time:11 minsLanguages:
Poster DesignTypographyFiltersEffectsRetro

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

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

Dalam tutorial ini, Anda akan belajar cara membuat poster abstrak tetapi impactful dalam Adobe Photoshop dengan menggunakan citra menarik dan tipografi.

Apa yang Anda Butuhkan untuk Membuat Poster Ini

Anda akan perlu untuk men-download file gambar dan font berikut dari Envato Elements:

Instal font dan Anda siap untuk memulai!

1. Cara Mengatur File Photoshop Baru

Langkah 1

Di Photoshop, buka File> New. Beri nama dokumen Rave-Poster. Setel Width menjadi 1270 px dan Height hingga 1600 px. Atur Resolution menjadi 72 Pixels/Inch. Klik OK.

Create a new Photoshop fileCreate a new Photoshop fileCreate a new Photoshop file

Langkah 2

Pada panel Layers , klik Create a New Fill or Adjustment Layer > Gradient. Di Gradient Fill window, pilih Style to Linear dan klik pada Gradient carikan untuk mengatur warna.

Di bawah Presets, pilih preset Foreground to Background. Di bawah Gradient Type, atur warna kiri berhenti swatch ke # 00a175 dan warna yang tepat berhenti ke # 0500e8. Klik OK.

Add a gradient fill layer with a linear style from color green to blueAdd a gradient fill layer with a linear style from color green to blueAdd a gradient fill layer with a linear style from color green to blue

2. Cara Membuat Efek Latar Belakang Lampu

Langkah 1

Pada Layers panel, buat layer baru dengan menekan Shift-Command-N.

Pada toolbar, pilih Brush Tool (B). Right click untuk mengatur Size kuas sampai 250 px dan pilih sikat bulat dengan Hardness 0.

Create a new layer and select the brush toolCreate a new layer and select the brush toolCreate a new layer and select the brush tool

Langkah 2

Dengan menggunakan kode warna di bawah ini, buat stempel tunggal dengan mengklik pada dokumen.

  • Orange: #ff6600
  • Magenta: #ff00df
  • Red: #ff0055
Using the brush tool use the colors orange magenta and red and create brush stamps over the new layerUsing the brush tool use the colors orange magenta and red and create brush stamps over the new layerUsing the brush tool use the colors orange magenta and red and create brush stamps over the new layer

Langkah 3

Saat memilih layer yang sama, arahkan ke Filter> Blur> Motion Blur. Di Motion Blur window, centang kotak Preview . Atur Angle ke -50 dan Distance hingga 1500 Pixels. Klik OK.

Jangan ragu untuk bereksperimen dengan pengaturan seperti mengubah sudut dan jarak akan menghasilkan hasil yang berbeda.

Apply a motion blur filter on the brush stamps to create a light effectApply a motion blur filter on the brush stamps to create a light effectApply a motion blur filter on the brush stamps to create a light effect

Langkah 4

Anda dapat mengulangi bagian ini sebanyak yang Anda suka. Cobalah membuat ukuran kuas lebih kecil atau lebih besar atau memilih warna yang berbeda. Saya menambahkan layer lain dengan warna yang sama untuk menambah dimensi.

Repeat the action as many times youd like to create a dynamic backgroundRepeat the action as many times youd like to create a dynamic backgroundRepeat the action as many times youd like to create a dynamic background

3. Cara Membuat Efek Debu

Langkah 1

Untuk menciptakan efek debu, kita perlu membuat sesuatu yang mirip dengan langkah-langkah di atas. Buat layer baru pada panel Layers dengan menekan Shift-Command-N.

Pilih Brush Tool (B) dan atur warna Foreground ke #aeaeae. Right click untuk mengatur Brush options. Atur Size menjadi 500 px dan Hardness menjadi 100%. Sapukan bagian tengah halaman.

Create a new layer and using the brush tool and a color grey brush over the layerCreate a new layer and using the brush tool and a color grey brush over the layerCreate a new layer and using the brush tool and a color grey brush over the layer

Langkah 2

Saat memilih layer dengan brush stroke, arahkan ke Filter> Blur> Motion Blur. Tergantung pada Distance yang kita atur, kita akan mendapatkan blur yang hampir tidak ada atau yang mempertahankan bentuk asli yang kita mulai. Saya akan mempertahankan Angle of -50 dan mengatur Distance ke 531. Klik OK.

Apply the motion blur filterApply the motion blur filterApply the motion blur filter

Langkah 3

Untuk membuat efek debu, arahkan ke Filter> Noise> Add Noise. Di sini, kita dapat mengatur kekasaran partikel. Kita selalu bisa menurunkan opacity nanti untuk menciptakan tampilan "barely there". Centang Preview box untuk melihat apa hasilnya. Saya akan mengatur Amount hingga 180% dan Distribution ke Uniform. Klik OK.

Pada Layers panel, pilih layer partikel debu dan turunkan Opacity menjadi 35%.

Apply a noise filter on the same layer to create the particles and lower the opacity of the layerApply a noise filter on the same layer to create the particles and lower the opacity of the layerApply a noise filter on the same layer to create the particles and lower the opacity of the layer

4. Cara Mengedit Gambar yang Menarik secara Visual

Langkah 1

Buka Scenic view of ruins and bronze statue in ancient Pompeii city from Envato Elements di Photoshop.

Pada Layers panel, double click pada layer Background untuk membuka kunci. The New Layer window akan terbuka - ganti nama layer Statue. Klik OK.

Open the statue image from Envato Elements in Photoshop and unlock the layerOpen the statue image from Envato Elements in Photoshop and unlock the layerOpen the statue image from Envato Elements in Photoshop and unlock the layer

Langkah 2

Pada Layers panel, tambahkan Layer Mask ke Statue layer

Add a layer mask to the statue imageAdd a layer mask to the statue imageAdd a layer mask to the statue image

Langkah 3

Menggunakan Brush Tool (B), atur warna foreground menjadi hitam. Mulailah dengan menyisir bagian luar patung — dalam hal ini, kita ingin mempertahankan hanya patung yang digunakan pada Rave-Poster file.

Gunakan kunci backslash (\) untuk melihat bagian-bagian yang telah ditutup.

Mask out the image leaving only the face of the statueMask out the image leaving only the face of the statueMask out the image leaving only the face of the statue

Langkah 4

Mari pangkas gambar agar mudah dikelola pada file Rave-Poster. Pada toolbar, pilih Crop Tool (C) dan pangkas gambar ke sekitar patung. Tekan Enter untuk melanjutkan.

Crop the image to just around the statueCrop the image to just around the statueCrop the image to just around the statue

Langkah 5

Pada toolbar, right click pada Statue layer dan pilih Duplicate Layer. Di bawah Destination > Document, pilih file Rave-poster. Klik OK.

Duplicate the layer onto the rave-poster fileDuplicate the layer onto the rave-poster fileDuplicate the layer onto the rave-poster file

Langkah 6

Kepala ke file Rave-Poster. Kita perlu mengubah ukuran dan memutar gambar. Pilih Statue layer dan tekan Command-T untuk Transform. Arahkan ke Option bar, dan aktifkan tombol Maintain Aspect Ratio. Atur Width dan Height menjadi 45% dan Rotation ke -45 degrees.

Resize and rotate the imageResize and rotate the imageResize and rotate the image

Langkah 7

Keuntungan bekerja dengan Layer Masks adalah kita dapat menyembunyikan dan menampilkan sebagian dari mereka tanpa menghapus sepenuhnya. Dalam hal ini, saya ingin memperbaiki statue dengan hanya menjaga wajah dan menutupi area leher. Pilih Layer Mask pada Statue layer dan, dengan menggunakan Brush Tool (B) dan hitam sebagai warna foreground , mulailah menyikat bagian-bagiannya. Tidak ada benar atau salah.

Di sini Anda juga dapat menyembunyikan tepi foto yang mudah dilewatkan saat menggunakan Layer Masks dan menggandakan gambar.

Refine the masking on the statue imageRefine the masking on the statue imageRefine the masking on the statue image

Langkah 8

Pilih Statue layer, bukan layer mask yang tertaut padanya. Menuju ke Filter> Distort> Wave. Di Wave settings window, atur Type ke Square, yang berarti efeknya akan membagi gambar menjadi kotak. Setel Number of Generators menjadi 20, Wavelength  menjadi Min. 817 dan Max. 818, Amplitude to Min. 1 dan Max. 2, dan akhirnya Scale ke 100% baik Horizontal dan Vertical. Klik OK.

Jika dust layer ditutupi oleh statue, jangan ragu untuk memperbesar atau memindahkannya sehingga terlihat.

Apply the wave filter onto the statue layerApply the wave filter onto the statue layerApply the wave filter onto the statue layer

Langkah 9

Dalam beberapa kasus, gambar tidak benar-benar cocok dengan warna background yang kita kerjakan, dan penting untuk menemukan cara untuk membuat gambar menjadi netral. Dalam hal ini, kita akan mengubahnya menjadi Hitam Putih. Pada Layers panel, klik Create a New Fill or Adjustment Layer > Black & White.

Add a black and white adjustment layerAdd a black and white adjustment layerAdd a black and white adjustment layer

Langkah 10

Jika kita ingin hanya memiliki gambar dalam warna hitam dan putih, kita perlu membuat Clipping Mask. Sambil menahan tombol Option, arahkan di antara Black & White Adjustment Layer dan layer di bawah, dan klik sekali Anda melihat panah yang mengarah ke bawah. Clipping Mask akan menerapkan Adjustment Layer hanya ke layer di bawahnya.

Create a clipping mask on the black and white layer to be applied only on the statue imageCreate a clipping mask on the black and white layer to be applied only on the statue imageCreate a clipping mask on the black and white layer to be applied only on the statue image

Langkah 11

Jika poster terlihat agak membosankan, kita bisa menyesuaikan Brightness / Contrast. Pada panel Layers, klik Create a New Fill or Adjustment Layer> Brightness / Contrast. Pada panel Properties, kita dapat menyesuaikan sebanyak atau sesedikit yang kita inginkan. Ada keuntungan untuk tweaking Brightness/Contrast dengan cara ini daripada Image> Adjustment. Kita dapat menyembunyikan dan menampilkan layer dan men-tweak dengan panel Properties bolak-balik.

Add an adjustment layer to tweak the brightness contrast of the overall fileAdd an adjustment layer to tweak the brightness contrast of the overall fileAdd an adjustment layer to tweak the brightness contrast of the overall file

5. Bagaimana Menambahkan Teks dan Menggunakan Alternatif Stylistic

Langkah 1

Pada toolbar, pilih Type Tool (B) dan tambahkan SHADES OF ELECTRO FESTIVAL. Dengan menggunakan panel Type> Panel> Characters, atur font ke BW Stretch Black, atur Size menjadi 140 pt, atur Leading 130 pt, dan Tracking ke 40.

Add text using the type toolAdd text using the type toolAdd text using the type tool

Langkah 2

Bw Stretch mencakup fitur tambahan pada beberapa huruf yang memperluas lebar secara dramatis. Untuk mengaksesnya, Anda harus membiarkan Characters panel terbuka. Anda juga dapat mengaksesnya dengan masuk ke Type> Panel> Characters Panel

Dalam hal ini, kita hanya akan menggunakan beberapa alternatif untuk menyesuaikan lebar poster. Sementara pada layer teks, pilih huruf H dan A, menuju ke Characters panel, dan klik tombol Stylistic Alternate untuk menggunakan alternatif. Ubah warna teks menjadi putih.

Using the characters panel activate the stylistic alternate button for the different lettersUsing the characters panel activate the stylistic alternate button for the different lettersUsing the characters panel activate the stylistic alternate button for the different letters

Langkah 3

Saya mengubah alternatif beberapa huruf lainnya. Jangan ragu untuk menempatkan spin Anda sendiri!

It is up to you which letters youd like to change to stylistic alternatesIt is up to you which letters youd like to change to stylistic alternatesIt is up to you which letters youd like to change to stylistic alternates

Langkah 4

Tambahkan beberapa detail lainnya seperti stages, band, tanggal, situs web, dan alamat. Saya menambahkan teks di bawah, tetapi merasa bebas untuk membuat versi Anda sendiri!

  • Berkley Danceclub
  • Stages
  • Funhouse — Disorder
  • Nouveau — Ozid
  • Thrill — DJ Kitoo
  • 04/OKTOBER-03/OKT/2018
  • WWW.WHD.COM
  • 23 CARLETON ST. 40933

Untuk memutar teks, buat layer teks dan gunakan Transform Tool dengan menekan Command-T. Arahkan kursor ke sudut teks, tahan tombol Shift, dan tarik untuk memiliki rotasi yang rata.

Add a few more text details to the poster to create a visually interesting composition You can rotate text with the transform tool Add a few more text details to the poster to create a visually interesting composition You can rotate text with the transform tool Add a few more text details to the poster to create a visually interesting composition You can rotate text with the transform tool

6. Cara Menyimpan File untuk Web

Kepala ke File > Save dan menyimpan file seperti biasanya.

Untuk menyimpan file JPEG untuk web, buka File> Save for Web atau Shift-Option-Command-S. Pilih jenis file yang ingin Anda simpan dokumennya — Saya memilih JPEG — dan menetapkan 100 untuk Quality. Di bawah Image Size, Anda dapat mengubah ukuran piksel gambar jika Anda memiliki batasan ukuran.

Di sisi kiri bawah, Anda dapat melihat pratinjau ukuran file. Ini berguna ketika ada batasan ukuran di situs web dan Anda perlu menurunkan kualitas atau ukuran gambar.

Klik di Save ... untuk memilih lokasi di new window, klik pada Save lagi.

Save the image as a jpeg for webSave the image as a jpeg for webSave the image as a jpeg for web

Selamat! Anda Sudah Selesaikan Tutorial Ini!

Anda telah berhasil! Dalam tutorial ini, kita telah belajar untuk:

  • Membuat poster abstrak tetapi masih memiliki menarik citra dan tipografi.
  • Buat clipping mask dengan Adjustment Layers.
  • Gunakan Filter yang berbeda seperti Motion Blur, Wave, dan Noise.
  • Gunakan Alternatif Stylistic ketika jenis huruf telah memperluas fitur.

Jika Anda menyukai tutorial ini, Anda mungkin seperti ini:

Poster DesignTypographyFiltersEffectsRetro
Laura Keung
Laura Keung
Graphic Designer/Münich, Germany
Hi there! My name is Laura and I am a graphic designer currently based in Munich, Germany. I have a strong interest in publication design and brand identity.
One subscription.
Unlimited Downloads.
Get unlimited downloads