Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Music Video
Design

Cara membuat Efek Adegan Isometrik yang Terinspirasi-Tous-Les-Memes dalam...

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called Music Video Inspired Effects.
How to Create a Ghosted Dancer Effect in Adobe Photoshop

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

Final product image
What You'll Be Creating

Dalam entri ini untuk seri efek kerajinan kami yang terinspirasi oleh video musik, kami menangani efek kaleidoskop 3D yang memukau dan indah yang ditampilkan di dekat tanda 3:22 dari video untuk Tous Les Mêmes oleh Stromae.

Aset Tutorial

Agar adegan jalanan latar belakang tampak menjadi bagian dari kubus, perlu untuk memiliki sudut pandang yang serupa seperti kubus. Hampir tidak mungkin menemukan gambar yang persis sama, tetapi ketiga gambar ini cukup dekat.

1. Mengatur Dokumen

Karena sifatnya yang sangat geometris, ukuran ukuran piksel dokumen yang sebenarnya sangat penting, seperti halnya kisi-kisi dari pedoman.

Langkah 1

Buka Photoshop dan buka File> Baru. Atur dokumen  Width ke 1232 piksel dan Height hingga 540 piksel.

Create a new document

Langkah 2

Pergi ke View> New Guide Layout. .Centang kotak opsi Colums dan atur Number menjadi 16 dan Witdh menjadi 77 px. Centang kotak opsi Rows dan atur Number ke 12 dan Height ke 45 px. Ini akan membuat grid panduan yang akan digunakan untuk menyelaraskan elemen desain.

Create a grid of cusom guideline

2. Membuat Pola Kubus 3D

Bagian integral dari efek ini adalah tampilan 3D pseudo. Sepotong tampaknya berisi dengan bidang blok tiga dimensi. Untuk membuat ini, kita akan mendefinisikan dan menggunakan pola khusus untuk mengisi kanvas-nya.

Langkah 1

Pastikan bahwa Snap in diaktifkan melalui menu View, karena ini akan mempermudah pedoman penggunaan. Kemudian gunakan Pen Tool (P) dalam Shape mode no Stroke dan Fill diatur ke hijau gelap (# 1f2c21). Kemudian gambar bentuk berlian menggunakan pedoman seperti yang ditunjukkan di sini.

Draw a diamond shape

Langkah 2

Gunakan Pen Tool (P) untuk menggambar sebuah jajaran genjang yang bersebelahan dengan kanan bawah dari bentuk berlian. Gunakan panduan untuk memastikan semua poin sejajar dengan sempurna. Atur Fill untuk bentuk ini menjadi hijau mid-tone (#3f6054).

Draw one side of the cube

Langkah 3

Gunakan Pen Tool (P) untuk menggambar bentuk yang sama lagi, tetapi dipantulkan agar pas ke sisi kiri kubus. Atur Fill warna agar bentuk ini menjadi hijau- kebiruan (# 1e605e).

Draw the second side of the cube

Langkah 4

Pilih ketiga bentuk layer dengan Shift-clicking mereka di Layers panel. Lalu pergi ke Layer> Smart Objects> Convert to Smart Object. Ini menciptakan satu lapisan dari tiga bentuk berwarna tanpa menggabungkannya menjadi satu bentuk. Ubah nama objek pintar menjadi Cube.

Create a smart object from the drawn cube

Langkah 5

Gunakan Move Tool (V) dan tahan tombol Alt untuk mengklik dan drag pada kubus untuk menghasilkan salinannya. Buat tiga salinan dan posisikan seperti yang ditunjukkan di sini. Pastikan bentuknya sesuai dengan panduan sehingga semuanya sejajar.

Make three copies of the cube

Langkah 6

Gunakan Rectangular Marquee Tool (M) untuk membuat pilihan perpotongan dari kekempat kubus. Pastikan seleksinya adalah dua grid lebar dengan enam grid tinggi dan diposisikan persis seperti yang ditunjukkan di sini, jika tidak, pola tidak akan terulang dengan benar. Lalu pergi ke Edit> Define Pattern dan beri nama pola 3D Cube Pattern.

Define a pattern

Langkah 7

Batalkan seleksi dengan Select> Deselect (Control-D). Kemudian buat layer baru di atas layer kubus dan beri nama Cube Pattern. Lalu pergi ke Edit> Fill dan atur Contents ke Pattern. Setel Custom Pattern ke 3D Cube Pattern yang dibuat pada langkah terakhir.

Fill a layer with the cube pattern

Langkah 8

Sembunyikan lapisan kubus yang digunakan untuk membuat pola. Kemudian atur blending mode Cube Pattern layer ke Multiply dan kurangi Opacity menjadi 89%.

Adjust blending mode and opacity

3. Setel Latar Belakang

Efek inspiratif dari video tersebut membuat kamera menarik kembali untuk mengungkapkan tampilan streetscape yang saling terkait dan pas dengan kisi-kisi tiga dimensi dari kubus. Ini efek trippy yang baik secara visual membingungkan dan indah pada saat yang bersamaan.

Langkah 1

Buka salah satu stok gambar apartemen. Gunakan Polygonal Lasso Tool (L) untuk membuat pilihan di sekitar ruang depan apartemen. Lalu pergi ke Layer> New> Layer Via Copy (Control-J) untuk membuat layer baru hanya pada ruang itu.

Create a selection of one room of an apartment image

Langkah 2

Kembali ke file proyek utama dan seret objek pintar kubus asli ke atas ke gambar stok. Kemudian gunakan Edit> Transform> Scale untuk memperbesar kubus menjadi kira-kira dengan ukuran yang sama dengan layer ruang. Kemudian turunkan Opacity menjadi 75%. Perhatikan bagaimana ruangan tidak cocok dengan perspektif yang sama dengan kubus.

Copy a cube layer onto the room to use as a reference

Langkah 3

Sembunyikan layer latar belakang dan pastikan layer ruang yang disalin adalah layer yang aktif. Pergi ke Edit> Perspective Warp. Klik pada kanvas untuk menyimpan kisi yang dapat disesuaikan. Kemudian reposisi titik kontrol sudut untuk menyelaraskan dengan salah satu dinding apartemen.

Define one wall using perspective warp

Langkah 4

Gambarlah bentuk grid kedua untuk terhubung dengan yang pertama di sudut ruangan. Ubah posisi titik-titik pada kisi ini agar sejajar dengan dinding kedua.

Draw a second wall of the perspective warp

Langkah 5

Setelah kedua dinding ditentukan, tekan tombol Enter untuk mengalihkan alat ke mode Warp. Gunakan titik kontrol alat Perspective Warp untuk menyesuaikan perspektif yang jelas dari gambar ruangan. Tujuannya adalah mendapatkannya untuk mencocokkan perspektif yang sama dengan overlay kubus, sambil mempertahankan elemen-elemen yang melengkung atau terdistorsi di luar batas ke kubus.

Warp the room image to fit the cube perspective

Langkah 6

Setelah menerapkan Perspective Warp, Control-click pada lapisan kubus untuk membuat seleksi dalam bentuk itu. Kemudian pastikan layer apartemen yang melengkung aktif dan pergi ke Edit> Copy (Control-C). Beralih kembali ke file proyek utama dan pergi ke Edit> Paste. Ganti nama lapisan Apartemen 1 yang ditempelkan dan posisikan tepat di bawah layer Cube Pattern.

Copy teh room image into the main design

Langkah 7

Skala gambar apartemen dengan Edit> Free Transform (Control-T) untuk masuk ke dalam salah satu bentuk kubus. Pertimbangkan untuk menyesuaikannya dengan bentuk negatif sehingga lantai gambar apartemen sejajar dengan bagian atas wajah kubus. .Gunakan panduan untuk memastikan pemosisian yang sempurna.

Fit teh room image into a cube shape

Langkah 8

.Buat beberapa salinan lapisan apartemen dan distribusikan secara acak di seluruh desain. Pastikan layer muncul sesuai dengan pedoman sehingga tidak ada piksel yang tumpang tindih di antara gambar yang berdekatan.

Make several duplicates of the apartment cubes and randomly distribute them throughout the deisgn

Langkah 9

Pilih semua layer apartemen di panel Layers dan kelompokkan ke dalam Layer Group dengan Layer> Group Layers (Control-G).

Group all the apartment cubes together

Langkah 10

Gunakan teknik yang sama untuk membuat ruang tambahan dari gambar stok lainnya hingga desainnya terisi penuh. Dalam contoh ini, ada empat ruangan berbeda yang telah dibuat dan diduplikasi untuk mengisi desain akhir.

Use several different room images to populate the design

4. Tambahkan Efek Jantung

Dengan pola dasar yang berfungsi lengkap, saatnya untuk mengalihkan perhatian kita pada efek sekunder, yang menciptakan bentuk-bentuk geometrik jantung dari pola kubik.

Langkah 1

Pastikan Cube Pattern adalah layer aktif dan masuk ke Layer> Layer Style> Blending Options. Di dekat bagian bawah kotak dialog terdapat bar gradien yang berlabel Underlying Layer. Tahan tombol Alt dan seret pada pegangan putih untuk membaginya, lalu atur sisi pertama ke 198 dan tinggalkan sisi kedua pada 255. Hal ini memungkinkan bagian-bagian terang dari ruangan untuk bersinar melalui lapisan pola kubus.

Use the advanced blending for the layer style

Langkah 2

Tambahkan adjustment layer Hue / Saturation dan atur Hue ke -10, Saturation ke +65, dan Lightness ke -3. Ini akan semakin meningkatkan rona kehijauan dari desain.

Add a huesaturation adjustment layer to further enahnce the green color

Langkah 3

Tambahkan New Layer dan beri nama Heart Shape. Kemudian gunakan Polygonal Lasso Tool (L) untuk membuat seleksi, menggunakan panduan untuk membuat pemilihan yang tepat. Mulai dengan yang paling kanan dan bekerja searah jarum jam, klik pada titik-titik ini:

  1. Semua jalan ke kanan dan empat ruang jaringan turun dari atas
  2. Turun empat ruang grid dari titik pertama
  3. Turun empat ruang grid (ke bagian bawah desain) dan meninggalkan empat ruang grid
  4. Naik empat dan meninggalkan empat ruang grid
  5. Luruskan empat ruang grid
  6. Naik dua dan kanan dua ruang grid
  7. Turun dua dan kanan dua ruang grid
  8. Naik dua dan kanan dua ruang grid
  9. Turun dua dan kanan dua untuk menghubungkan kembali dengan titik pertama

Kemudian gunakan Edit> Fill untuk mengisi seleksi dengan Black.

Create a heart shape that fits within the gridlines

Langkah 4

Batalkan pilihan dengan Select > Deselect. Kemudian buat salinan bentuk hati dengan menggunakan Move Tool (V) dan tahan tombol Alt sambil menyeret pada lapisan bentuk hati yang asli. Pindahkan salinan sehingga titik bawah persis empat ruang grid di sebelah kiri titik kiri atas yang asli.

Create a copy of the heart shape and move it over

Langkah 5

Duplicate layer yang disalin dan pindahkan salinan baru ini lurus ke bawah sampai titik "valley" dari jantung duduk di tepi bawah kanvas.

Move a second copy straight down from the first

Langkah 6

Sembunyikan layer jantung dan Control-Click pada setiap thumbnail hati untuk membuat pilihan ketiganya. Kemudian tambahkan lapisan penyesuaian Hue / Saturation. Periksa kotak pilihan Colorize dan atur Hue ke 327, Saturation ke 68, dan Lightness menjadi 17. Ini akan memberi warna merah pada hati!

Dan Anda telah Selesai!

 Nikmati desain terinspirasi dari keindahan kubik-kaleidoskop Anda, terinspirasi oleh efek video musik Tous Les Memes.

Meskipun perspektif stok semua gambar berbeda, dan desain membutuhkan puluhan bentuk kubus, set alat yang sangat bervariasi dari Photoshop memungkinkan penciptaan yang mudah bahkan efek yang paling unik sekalipun. Bagaimana efekmu berubah? Bagikan di komentar di bawah.

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.