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

Cara membuat Poster abstrak yang menggunakan boneka Warp Tool dalam Adobe Photoshop

Laura Keung
Read Time: 7 mins
Clipping MaskAdobe PhotoshopPuppet Warp ToolPhoto Manipulation
This post is part of a series called How to Make Glitch Art.
How to Create a Cool Glitch Photo Effect in Adobe Photoshop
New Course: Create a Modern Glitch Animation in After Effects

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

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

Membuat poster sulit bila gambar adalah tidak ukuran optimal. Berikut ini adalah trik untuk membuat poster abstrak ketika Anda baik tidak memiliki gambaran yang cukup baik atau Anda ingin membuat sesuatu yang di luar kotak!

Apa yang Anda butuhkan

Anda akan memerlukan sumber daya berikut untuk menyelesaikan proyek ini:

1. cara membuat dokumen Photoshop

Langkah 1

Dalam Photoshop, buka File > New. Nama dokumen Poster abstrak. Mengatur lebar-1270 px dan tinggi ke 1600 px. Mengatur resolusi 72 piksel/inci. Klik OK.

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

Langkah 2

Mari kita mulai dengan menambahkan latar belakang hitam. Pada panel Layers, klik pada Create a New Fill or Adjustment Layer > Solid Color dan memilih hitam sebagai latar belakang.

Add a solid black color backgroundAdd a solid black color backgroundAdd a solid black color background

Langkah 3

Tarik Building Exterior Wall from Envato Elements by Liufuyu ke jendela Photoshop. Klik dua kali untuk membatalkan pilihan.

Place the building image into the filePlace the building image into the filePlace the building image into the file

2. bagaimana menggunakan alat Warp wayang

Langkah 1

Untuk tutorial ini, kita akan menggunakan boneka Warp alat untuk membuat gambar abstrak yang menarik. Kepala ke Edit > Puppet Warp. Tindakan ini akan berlaku banyak bentuk segitiga untuk gambar. Bentuk-bentuk ini adalah kepadatan di mana Anda akan dapat mengedit. Anda dapat mengubah ini dengan pergi ke bar Options dan mengklik pada Density. Untuk tutorial ini, kita akan menggunakan Normal, jadi mengatur Mode Normal dan ekspansi ke 0 px.

Use the Puppet Warp tool on the building imageUse the Puppet Warp tool on the building imageUse the Puppet Warp tool on the building image

Langkah 2

Ketika Anda membawa lebih dari gambar, Anda akan melihat pin dengan tanda plus. Ini akan memungkinkan kami untuk menambah poin ke gambar untuk menahan mereka ke tempat tertentu. Klik di kuadran kiri atas — di mana pun baik-baik saja.

Pada titik ini, tidak akan terjadi. Dalam rangka untuk bekerja, kita perlu untuk memindahkan PIN ini di sekitar, jadi kita perlu menempatkan beberapa dari mereka. Klik di arah yang berlawanan dan bergerak pin.

Create more than two points with the Puppet Warp tool to edit the imageCreate more than two points with the Puppet Warp tool to edit the imageCreate more than two points with the Puppet Warp tool to edit the image

Langkah 3

Sekarang bahwa kita tahu bagaimana perangkat wayang Warp bekerja, tambahkan pin pada gambar dan memindahkan mereka di sekitar.

Sesuatu yang perlu diingat di sini adalah bahwa ada tidak benar atau salah-ini adalah poster abstrak, dan cukup banyak apa pun yang terjadi!

Create multiple points with the Puppet Warp tool and move them aroundCreate multiple points with the Puppet Warp tool and move them aroundCreate multiple points with the Puppet Warp tool and move them around

Langkah 4

Anda dapat mengedit poin setelah Anda telah pindah mereka di sekitar. Hanya kepala ke Layers panel dan klik panah dropdown pada lapisan bangunan. Klik dua kali pada lapisan Puppet Warp pengaturan dan mengedit pergi!

Saya akhirnya dengan gambar di bawah. Tekan Enter setelah selesai untuk mengatur gambar.

You can edit after youve set on your image on the layers panelYou can edit after youve set on your image on the layers panelYou can edit after youve set on your image on the layers panel

3. cara menggunakan kliping masker

Langkah 1

Pada panel Layers, klik Create New Fill or Adjustment Layer > Black & White. Kami ingin lapisan ini untuk diterapkan hanya untuk yang di bawah, jadi sementara memilih lapisan hitam dan putih, Right click > Clipping Mask. Untuk melihat apakah ini bekerja, periksa bahwa lapisan memiliki anak panah di sebelah kiri menunjuk ke bawah, yang berarti hanya akan mempengaruhi lapisan di bawah ini.

Add a new black and white adjustment layer and create a clipping maskAdd a new black and white adjustment layer and create a clipping maskAdd a new black and white adjustment layer and create a clipping mask

Langkah 2

Tambahkan layer baru pada panel Layers. Kami ingin menambahkan bercak warna pada bangunan. Di toolbar, memilih Brush tool. Klik kanan pada halaman, dan mengatur size 300px dan Hardness menjadi 0%.

Gunakan kode warna berikut untuk membuat stroke atas lapisan.

  • Pink: #e21efc
  • Cyan: #11fdfb
  • Biru: #0018ff
  • Hijau: #11fdc3
Add a new layer and use the brush to apply different color strokesAdd a new layer and use the brush to apply different color strokesAdd a new layer and use the brush to apply different color strokes

Langkah 3

Mengatur Mode Blending lapisan dengan stroke untuk  Multiply Layers panel. Sekali lagi, kami ingin lapisan ini harus diterapkan hanya dua lapisan di bawah ini, dan kita dapat melakukan ini dengan Right click > Create Clipping Mask. Untuk melihat apakah ini bekerja, periksa bahwa lapisan memiliki anak panah di sebelah kiri menunjuk ke bawah, yang berarti hanya akan mempengaruhi lapisan di bawah ini.

Mari kita kelompok ini tiga lapisan dengan memilih mereka dan menyeret mereka ke folder di bagian bawah panel Layers.

Set the new layer to multiply and create a clipping maskSet the new layer to multiply and create a clipping maskSet the new layer to multiply and create a clipping mask

Langkah 4

Kami ingin menciptakan sebuah poster kesalahan, jadi mari kita memindahkan folder grup 1 di sisi kanan halaman. Kami ingin pergi ke margin. Duplikat folder dengan menekan Command-J dan rename menjadi Group 2. Kemudian tempat itu di arah yang berlawanan. Aku menempatkan mereka pada ketinggian yang berbeda untuk menambah gerakan.

Create a folder with the layers we created and duplicate it to place on the left side of the posterCreate a folder with the layers we created and duplicate it to place on the left side of the posterCreate a folder with the layers we created and duplicate it to place on the left side of the poster

Langkah 5

Mari kita membuat garis antara objek untuk membuatnya tampak seperti gambaran glitched. Di toolbar, pilih Line Tool (U) dan menggambar garis vertikal, memegang Shift untuk menggambar garis lurus. Kepala ke Options bar, pilih putih untuk Stroke, dan mengatur lebar Stroke bentuk 3 pt dan Width 6 px.

Yo create a misplaced glitchy poster draw a line in between the two objectsYo create a misplaced glitchy poster draw a line in between the two objectsYo create a misplaced glitchy poster draw a line in between the two objects

Langkah 6

Pada panel Layers, Tambahkan layer baru dan, sebagai sebelumnya, menggunakan Brush Tool (B) dan tambahkan stroke warna yang berbeda untuk diterapkan ke baris.

  • Pink: #e21efc
  • Cyan: #11fdfb
  • Biru: #0018ff
  • Hijau: #11fdc3

Ketika Anda selesai, sementara memilih lapisan, Right click > Create Clipping Mask.

Add different color brush strokes on a new layer and create a clipping mask over the new line we createdAdd different color brush strokes on a new layer and create a clipping mask over the new line we createdAdd different color brush strokes on a new layer and create a clipping mask over the new line we created

Langkah 7

Mari kita tambahkan beberapa rincian lebih lanjut. Tambahkan layer baru pada panel lapisan; tujuan ini akan menambah stroke dengan warna yang sama seperti di atas, tapi kali ini mereka akan diterapkan untuk seluruh poster.

Menggunakan Brush Tool (B), membuat stroke pada poster. Kami akan mengedit mereka di langkah berikutnya.

  • Pink: #e21efc
  • Cyan: #11fdfb
  • Biru: #0018ff
  • Hijau: #11fdc3
Create colored strokes on a new layer againCreate colored strokes on a new layer againCreate colored strokes on a new layer again

Langkah 8

Sementara memilih lapisan, memilih Filter > Blur > Motion Blur.

Use the Motion Blur effect on the layer we createdUse the Motion Blur effect on the layer we createdUse the Motion Blur effect on the layer we created

Langkah 9

Memindahkan lapisan bawah semua lapisan dikelompokkan. Menggunakan Rectangular Marquee Tool (M), pilih daerah yang Anda ingin untuk menghapus. Aku 'm menghapus hal-hal setelah dan sebelum baris kami membuat poster ini dimaksudkan untuk melihat kesalahan dan pengungsi.

Move the layer below all the grouped layers and using the Marquee Tool delete some spotsMove the layer below all the grouped layers and using the Marquee Tool delete some spotsMove the layer below all the grouped layers and using the Marquee Tool delete some spots

Langkah 10

Tambah Layer Mask untuk lapisan stroke dan menggunakan Brush Tool (B) hitam untuk menghapus dan melunakkan beberapa tempat. Mengatur Opacity 80%.

Set the opacity to 80 Add a layer mask and use a black brush to soften some spotsSet the opacity to 80 Add a layer mask and use a black brush to soften some spotsSet the opacity to 80 Add a layer mask and use a black brush to soften some spots

4. Bagaimana cara menambahkan rincian teks

Langkah 1

Mari kita kembali ke bagian atas dari lapisan. Menggunakan teks Tool (T) untuk menambahkan teks. Saya menggunakan karakter Cina untuk menambahkan lebih menarik bentuk poster: 步步高升. Saya menggunakan Kozuka Gothic Pr6N dalam 47pt ukuran, tetapi merasa bebas untuk menggunakan font apapun dalam bahasa apapun!

Aku sedang menempatkan teks awal ini di sisi kanan bawah stroke.

Add text details Add text details Add text details

Langkah 2

Mari kita duplikat Surat-surat ini dan menempatkan mereka di latar belakang. Saya menempatkan dua di kedua sisi dari stroke dan mengubah Opacity 15%.

Multiply the text details and resize for prominence Move them to bottom of the layersMultiply the text details and resize for prominence Move them to bottom of the layersMultiply the text details and resize for prominence Move them to bottom of the layers

Langkah 3

Seperti sebelumnya, mari kita menambahkan lapisan baru dan menambahkan warna stroke untuk itu, dan kami juga akan membuat Clipping Mask untuk lapisan teks ini. Mulailah dengan menerapkan stroke pada satu lapisan, duplikat ini, dan kemudian memindahkan mereka untuk menerapkan Clipping Mask seperti pada langkah sebelumnya.

Juga merasa bebas untuk menggunakan hitam pada lapisan ini untuk menciptakan tampilan yang "hampir tidak ada".

Add a new layer with color strokes and create clipping masks to the text layersAdd a new layer with color strokes and create clipping masks to the text layersAdd a new layer with color strokes and create clipping masks to the text layers

Langkah 4

Mari kita tambahkan teks lain, kali ini dengan kata-kata yang berkaitan dengan metamorfosis. Saya menambahkan ini dua kali: "1. menunjukkan perubahan posisi atau kondisi. Metamorfosis." Saya menetapkan di RNS Sanz dari Envato elemen dalam 25 pt.

Gandakan layer teks di atas dengan menekan Command-J, dan sementara memilih lapisan diduplikasi, Right click > Rasterize Type..

Add a few more text details and duplicate Rasterize one of the text layersAdd a few more text details and duplicate Rasterize one of the text layersAdd a few more text details and duplicate Rasterize one of the text layers

Langkah 5

Kepala ke Filter > Liquify. Liquify jendela akan terbuka. Forward Warp Tool dan mengatur Tools options: Brush Size untuk 300, Brush Density 10 dan Brush Pressure untuk 60. Klik OK.

Teks lapisan dan lapisan raster 40% yang lebih rendah Opacity.

Liquify the rasterized text layerLiquify the rasterized text layerLiquify the rasterized text layer

Langkah 6

Tambahkan satu lapisan teks lain dengan kata "meta" ke sisi kiri poster untuk menambah keseimbangan. Memutar lapisan vertikal dengan menekan Command-T, dan tahan Shift untuk rotasi bahkan.

I added one more word Meta to the top left side of the poster to add balanceI added one more word Meta to the top left side of the poster to add balanceI added one more word Meta to the top left side of the poster to add balance

Langkah 7

Mari kita menambahkan beberapa tekstur untuk poster. Pilih semua Layers pada panel lapisan dan duplikat mereka dengan menyeretnya ke tombol Create New Layer. Tindakan ini akan duplikat semua lapisan dan akan menjaga mereka dipilih. Sementara mereka sedang dipilih, Right click > Merge Layer.

Mari kita tambahkan beberapa kebisingan dengan pergi ke Filter > Noise > Add Noise.

Multiply all the layers and merge them to add texture add noise to the posterMultiply all the layers and merge them to add texture add noise to the posterMultiply all the layers and merge them to add texture add noise to the poster

5. Bagaimana cara menyimpan File

Kepala ke File > Save dan menyimpan file seperti biasanya.

Untuk menyimpan JPEG file, kepala ke File > Save for Web atau Shift-Options-Command-S. Pilih jenis file yang Anda ingin menyimpan dokumen dalam; Saya memilih JPEG dan pengaturan 100 untuk Quality. Di bawah ukuran gambar, Anda dapat mengubah ukuran pixel gambar jika Anda mempunyai kendala ukuran.

Di sebelah kiri bawah, Anda dapat melihat preview dari ukuran file. Hal ini berguna bila ada kendala ukuran pada sebuah situs web dan Anda perlu menurunkan kualitas atau ukuran gambar.

Klik di Save... untuk memilih lokasi di jendela baru, dan kemudian klik Save lagi.

Save the posterSave the posterSave the poster

Selamat! Anda telah selesai Tutorial ini!

Dalam tutorial ini, kita telah belajar bagaimana kita dapat membuat gambar bekerja untuk poster abstrak. Hari ini kami telah mempelajari:

  • cara menggunakan alat Warp wayang
  • Bagaimana untuk menggunakan masker kliping dan bagaimana untuk menerapkannya pada lapisan tertentu
  • bagaimana menggunakan lapisan gaya
  • cara menggunakan efek Liquify untuk menambahkan dimensi untuk teks

Jika Anda menyukai tutorial ini, Anda bisa seperti ini:

Advertisement
Clipping MaskAdobe PhotoshopPuppet Warp ToolPhoto Manipulation
Did you find this post useful?
Laura Keung
Laura Keung
Brand and Editorial Designer / Munich, Germany
Laura is a design writer, design mentor, and entrepreneur leading Laura Keung Studio, currently based in Munich, Germany. She had her first design client during her first year of university and since then she fell in love with the design process. Laura studied at the Ontario College of Art and Design University in Toronto before interning at renowned studios in Canada and Austria. With 12 years of experience in the design industry, Laura leads her own design studio and collaborates with other creatives on branding and editorial design projects.
One subscription.
Unlimited Downloads.
Get unlimited downloads