Cara Membuat Cinemagraph di Photoshop

Diterbitkan: 2023-03-03

Cinemagraphs telah menjadi salah satu tren desain favorit saya selama beberapa tahun sekarang. Mereka adalah perpaduan yang menakjubkan antara foto dan video, menghasilkan karya seni yang elegan untuk situs Anda yang menambahkan sedikit misteri.

Ada juga alasan praktis utama mengapa cinemagraph bagus: ukuran filenya yang kecil. Jauh lebih mudah untuk menambahkan sedikit momen pergerakan ke situs Anda, dibandingkan dengan seluruh file video! Tapi di luar logistik, ada satu alasan terakhir mengapa cinemagraph begitu ajaib: mereka sebenarnya jauh lebih mudah dibuat daripada yang Anda kira!

Siap untuk memulai? Tarik kursi Anda, buka Photoshop, dan ikuti tujuh langkah mudah ini untuk membuat cinemagraph Anda sendiri!

1. Pilih File Video Anda

Untuk membuat cinemagraph, Anda akan mulai dengan file video dasar. Idealnya Anda akan merekam video sendiri sehingga dapat spesifik untuk perusahaan Anda dan sangat cocok dengan merek Anda, tetapi jika Anda hanya bereksperimen, mengunduh video stok akan bekerja dengan baik!

Untuk tutorial ini, saya menggunakan video yang kami rekam di rumah tur Jenga dengan latar belakang biru polos. (Anda akan mendapatkan file yang sama jika mendaftar ke kursus Tren Desain!)

Menara Jenga

Saat memilih video yang sempurna untuk cinemagraph Anda, ada beberapa hal yang perlu diingat:

  • Kamera harus diam sepanjang waktu. Jika Anda merekam video sendiri, gali tripod lama untuk menjaga semuanya tetap stabil. Jika Anda menjelajahi opsi saham, cari pergerakan sesedikit mungkin!
  • Gerakan yang ingin Anda pertahankan harus mudah diisolasi. Jika objek saling bersilangan di depan satu sama lain atau bergerak di seluruh layar, akan lebih sulit untuk mengisolasi gerakan yang sebenarnya Anda inginkan sambil menjaga agar latar belakang tetap diam.
  • Video harus berputar . Agar cinemagraph tidak lekang oleh waktu, itu perlu diulang. Meskipun Photoshop pasti dapat membantu memuluskan semuanya, paling mudah menggunakan video yang dapat dengan mudah diulang, atau memiliki awal dan akhir yang dapat dibalik.

Setelah mendapatkan file video, Anda siap memuatnya ke Photoshop.

2. Impor File Video

Dengan Photoshop berhenti, buka File > Open . Pilih file Anda, dan kemudian Anda akan melihat video muncul sebagai Layer. Jika tidak muncul secara otomatis, pastikan Anda juga dapat melihat Timeline dengan membuka Window > Timeline .

Mengedit garis waktu di photoshop

Anda akan melihat bahwa file video secara otomatis dimasukkan ke dalam grup, "Grup Video 1". Anda dapat membiarkannya di sana, tetapi jika hanya ada satu lapisan dalam grup yang mengganggu Anda, silakan tarik keluar lapisan video dan hapus grup! Itu tidak perlu.

3. Bersihkan Timeline

Putar file video Anda beberapa kali – apakah Anda memerlukan semuanya? Jika ada rekaman tambahan sebelum atau sesudah bagian yang ingin Anda fokuskan pada sinegraf, lanjutkan dan pangkas file sehingga tidak mengganggu Anda. Anda dapat melakukan ini dengan mengklik tepi file di Timeline dan menyeretnya ke stempel waktu yang diinginkan.

Jika file video Anda panjang dan Anda kesulitan melihat keseluruhannya atau mencapai tempat yang Anda inginkan, Anda dapat menggunakan skala di bagian bawah jendela Timeline untuk memperbesar dan memperkecil.

Catatan: Bagian dari file Anda yang Anda pangkas akan tetap tersimpan, jadi jangan khawatir kehilangan data di sini! Anda selalu dapat mengeklik dan menyeret tepi keluar, jika Anda memutuskan bahwa Anda memerlukan bagian tertentu nanti.

Cara membersihkan timeline

File video asli saya berakhir dengan menara Jenga runtuh, yang tidak mudah untuk diulang. Jadi saya memotong bagian itu dan memangkas beberapa dari awal juga, hanya untuk menyederhanakan waktu yang saya kerjakan!

Setelah Anda selesai membersihkan Timeline, saatnya menyembunyikan gerakan yang tidak Anda inginkan.

4. Buat Layer Masking

Sekarang Anda akan membuat aspek "foto" dari cinemagraph. Jeda video pada "gambar" yang ingin Anda buat, lalu pilih seluruh area. Copy dan Paste ini ke Layer baru.

Cara membuat lapisan penutup

Jika Anda menekan tombol putar, Anda akan melihat bahwa sekarang Anda tidak dapat melihat video apa pun, karena video nanti ada di atas. Sekarang saatnya menambahkan topeng, yang memungkinkan kita memilih gerakan tepat yang ingin kita tunjukkan!

Silakan tambahkan Layer Mask, baik dari opsi di bagian bawah panel Layers atau dengan membuka Layer > Layer Mask > Reveal All.

Bagaimana mengungkapkan lapisan masking

5. Isolasi Gerakan

Pastikan Anda memilih Layer Mask (bukan layer itu sendiri) dan kemudian ambil Brush Tool. Sama seperti topeng apa pun, menyikat dengan warna hitam akan menyembunyikan topeng (mengungkapkan konten dari lapisan di bawahnya) sementara menyikat dengan warna putih akan membuka topeng (menyembunyikan konten dari lapisan di bawahnya).

Untuk contoh ini, saya ingin gerakan menara Jenga terlihat sementara tangan tetap statis. Untuk mencapai itu, saya mengecat topeng hitam di atas menara dan membiarkan sisanya putih.

Lihat cara mengisolasi gerakan di photoshop

Hal ini memungkinkan Anda untuk mengisolasi gerakan, mengungkapkan hanya gerakan yang Anda ingin sinegraf Anda tampilkan sambil menjaga sisanya tetap diam.

6. Ekspor sebagai Gif

Setelah Anda puas dengan cinemagraph Anda, saatnya untuk mengekspornya! Cukup buka File > Export > Save for Web (Legacy) . Ada banyak opsi yang dapat Anda coba di sini, tetapi dua yang paling penting adalah:

  1. Simpan sebagai gif (terletak di dekat bagian atas kotak dialog)
  2. Setel opsi pengulangan ke Selamanya (terletak di dekat bagian bawah kotak dialog)

Selalu ada sedikit keseimbangan antara ukuran dan kualitas file, jadi saya merekomendasikan untuk bereksperimen dengan pengaturan untuk memastikan Anda mendapatkan ekspor yang Anda butuhkan.

Gif menara jenga yang goyah

Dan itu saja! Anda baru saja membuat cinemagraph Anda sendiri untuk dibagikan kepada dunia. Bagaimana hasilnya? Kami ingin tahu di komentar.

Cara Menggunakan File Photoshop

Saat Anda membuka file ini ke Photoshop, Anda akan melihat cinemagraph yang telah selesai. Anda boleh menggunakannya jika mau, atau Anda dapat bermain-main untuk melihat bagaimana kami mengatur semuanya!

Mulailah dengan membuka kedok semua lapisan, kecuali untuk "Base Footage". Itu adalah file film asli yang kami mulai. Jika Anda menekan play, Anda akan dapat melihat seberapa banyak gerakan tangan mengguncang papan Jenga!

Kemudian kita menambahkan layer masking untuk mengisolasi gerakan, dan izinkan saya memberi tahu Anda – memilih bentuk geometris seperti ini di atas latar belakang yang solid membuat proses masking menjadi sangat sederhana! Bergantung pada file video Anda, Anda mungkin perlu sedikit lebih tepat, tetapi kami akan menyerahkannya kepada Anda.

Selanjutnya, kami memutuskan untuk berfokus hanya pada satu segmen video yang digabungkan dengan baik, untuk menciptakan efek yang tak lekang oleh waktu. Namun, kami meninggalkan seluruh file di sana, sehingga Anda dapat melihat semuanya!

Terakhir, kami mengubah Curves untuk mengoreksi beberapa warna dalam file. Anda mungkin perlu atau tidak perlu melakukannya, tergantung pada video Anda, tetapi ingat: Anda selalu dapat melanjutkan pengeditan setelah pembuatan film!

Dan itu saja! Anda memiliki cinemagraph yang siap ditampilkan di situs Anda. Beri tahu kami di komentar di bawah: Apa yang akan Anda buat dengan tren ini?