Cara membuat animasi foto mengungkapkan untuk Instagram dalam Adobe Photoshop
Indonesian (Bahasa Indonesia) translation by Taufan Prasetyo Basri (you can also view the original English article)

Dalam tutorial ini, kita akan menggunakan Adobe Photoshop untuk menciptakan efek mengungkapkan foto animasi untuk Instagram, yang dapat digunakan dengan gambar apapun.
Anda juga dapat memeriksa Animasi Geometri Warna Reveal Action saya dengan berbagai tekstur dan efek animasi, yang dibuat dengan cara yang sama untuk portofolio GraphicRiver saya.

Tutorial aset
- Setiap foto yang Anda ingin menggunakan untuk manipulasi ini. Anda dapat menemukan beberapa foto gratis di Unsplash dan Pixabay atau membeli foto-foto berkualitas tinggi di PhotoDune. Saya memilih foto ini dari Unsplash.
1. Bagaimana mempersiapkan dokumen
Langkah 1
Menggunakan Control-N untuk membuat dokumen baru dan menggunakan pengaturan berikut: 1080 x 1080 px; 300 dpi.

Langkah 2
Pergi ke File > Place dan menempatkan gambar Anda di dalam dokumen.

Langkah 3
Sekarang kita perlu mengkonversi gambar ke objek pintar. Klik kanan pada lapisan, dan kemudian pilih Convert to Smart Object.

Langkah 4
Setelah itu, mari kita membuat duplikat objek pintar: klik kanan > Duplicate layer.

Langkah 5
Membuat empat duplikat lain objek cerdas seperti yang kita lakukan sebelum. Setelah itu, Anda dapat dengan mudah mengubah gambar di semua benda smart hanya dengan mengganti foto dalam obyek pintar pertama.

Langkah 6
Sekarang mari kita buat bentuk untuk template kita. Tekan U untuk membuat Bentuk Persegi Panjang dan gunakan pengaturan berikut: Lebar: 432; Tinggi: 432.

Langkah 7
Setelah itu, membuat bentuk kedua dengan pengaturan berikut: lebar: 594; Tinggi: 594; Mengisi tidak; Stroke: 81 px.

Langkah 8
Membuat bentuk ketiga dengan pengaturan berikut: lebar: 756; Tinggi: 756; Mengisi tidak; Stroke: 81 px.

Langkah 9
Membuat bentuk keempat dengan pengaturan berikut: lebar: 918; Tinggi: 918; Mengisi tidak; Stroke: 81 px.

Langkah 10
Untuk bentuk yang terakhir, mari kita gunakan pengaturan ini: lebar: 1080; Tinggi: 1080; Mengisi tidak; Stroke: 81 px.

Langkah 11
Tekan V dan pilih semua layer bentuk, lalu klik Align Horizontal Center dan Align Vertical Center.

Langkah 12
Sekarang kita perlu bergerak setiap bentuk di bawah setiap objek yang cerdas.

Langkah 13
Membuat cerdas objek utama dan lapisan latar belakang terlihat.

Langkah 14
Sekarang pilih objek pintar pertama dan Klik kanan > Buat Clipping Mask.

Langkah 15
Membuat topeng kliping untuk setiap objek cerdas yang menggunakan metode yang sama seperti sebelumnya.

Langkah 16
Agar lebih mudah bagi kami untuk bekerja dengan lapisan kami, kami perlu membuat grup lapisan. Pilih setiap objek dan bentuk pintar lalu klik ikon Buat Grup.

2. cara membuat efek warna
Langkah 1
Untuk membuat filter hitam dan putih, kita akan menggunakan peta gradien. Pilih objek pintar pertama dan pergi ke Layer > New Adjustment Layer > Gradient Map.

Langkah 2
Setelah itu, klik kanan > membuat kliping masker.

Langkah 3
Sekarang membuat lain gradien peta di atas, tetapi menggunakan warna berikut: #21382e
; #3d3b6d
; #fd605b
.

Langkah 4
Pilih layer peta gradien dan membuat masker kliping lain.

Langkah 5
Membuat peta gradien lain dengan topeng kliping dalam kelompok kedua dengan warna berikut: #31444b
; #843332
.

Langkah 6
Sekarang mari kita membuat peta gradien lain dengan topeng kliping seperti yang kita lakukan sebelumnya, tetapi bagi kelompok ketiga dari lapisan. Untuk yang satu ini, mari kita gunakan warna berikut: #16172b
; #df7136
.

Langkah 7
Untuk kelompok berikutnya lapisan, gunakan peta gradien dengan warna berikut: #dd0a00
; #fe7f32
.

Langkah 8
Untuk kelompok terakhir lapisan, gunakan peta gradien dengan warna berikut: #5b673f
; #a23c2d
.

Langkah 9
Sekarang kita perlu membuat gambar kita terlihat agak pudar. Pergi ke Layer> New Adjustment Layer > Exposure dan gunakan pengaturan berikut: Offset: +0.0200.

3. Bagaimana membuat animasi dari gambar statis
Langkah 1
Untuk mulai membuat animasi, pergi ke Window > Timeline dan kemudian tekan Create Video Timeline.

Langkah 2
Pilih objek pintar dalam kelompok pertama dari lapisan, tekan Control-T, dan memutar gambar -180 ° sambil menahan Shift.

Langkah 3
Pilih objek pintar dalam kelompok kedua lapisan, dan kemudian tekan Control-T dan memutar gambar -90 ° sambil menahan Shift.

Langkah 4
Pilih berikutnya smart objek di dan kemudian tekan Control-T dan memutar gambar -180 ° sambil menahan Shift.

Langkah 5
Pilih objek pintar dalam kelompok keempat lapisan, dan kemudian tekan Control-T dan memutar gambar 90° sambil menahan Shift.

Langkah 6
Pilih objek cerdas yang terakhir, dan kemudian tekan Control-T dan memutar gambar -180 ° sambil menahan Shift.

Langkah 7
Buka obyek pintar pertama di Timeline panel dan bergerak Time Indicator ke 0:00:00:00. Setelah itu, klik pada ikon Timer dekat Transform untuk membuat Keyframe pertama.

Langkah 8
Pindah indikator waktu ke 0:00:02:00, dan kemudian memutar objek smart 180 ° sambil menahan Shift.

Langkah 9
Buka objek pintar kedua di Timeline panel dan membuat Keyframe pertama di 0:00:00:00. Pindahkan indikator waktu untuk 0:00:02:00 dan memutar objek smart 90 ° sambil menahan Shift.

Langkah 10
Buka benda smart berikutnya di Timeline panel dan membuat Keyframe pertama di 0:00:00:00. Pindahkan indikator waktu ke 0:00:02:00 dan memutar objek smart 180 ° sambil menahan Shift.

Langkah 11
Buka objek keempat cerdas di Timeline panel dan membuat Keyframe pertama di 0:00:00:00. Pindahkan indikator waktu untuk 0:00:02:00 dan memutar objek smart -90 ° sambil menahan Shift.

Langkah 12
Buka objek smart terakhir di Timeline panel dan membuat Keyframe pertama di 0:00:00:00. Pindahkan indikator waktu ke 0:00:02:00 dan memutar objek smart 180 ° sambil menahan Shift.

Ini adalah bagaimana animasi akan terlihat setelah manipulasi yang tercantum di atas.

Langkah 13
Sekarang kita perlu untuk membuat animasi untuk efek warna. Buka filter hitam & putih di Timeline panel dan bergerak indikator waktu ke 0:00:00:00. Setelah itu, klik pada ikon Timer dekat Opacity membuat Keyframe pertama.

Langkah 14
Pindahkan indikator waktu untuk 0:00:04:00 dan mengubah Opacity dari lapisan menjadi 0% pada panel Layers.

Langkah 15
Menduplikasi lapisan ini empat kali menggunakan klik kanan > Duplicate dan menempatkan setiap duplikat filter di atas setiap objek yang cerdas. Animasi lapisan ini disalin bersama dengan lapisan.

Langkah 16
Pilih peta gradien dalam kelompok pertama dari lapisan dan kemudian beralih indikator waktu untuk 0:00:00:00. Setelah itu, klik pada ikon Timer dekat Opacity membuat Keyframe pertama.

Langkah 17
Pindahkan indikator waktu untuk 0:00:02:00 dan mengubah Opacity dari lapisan menjadi 0% pada panel Layers.

Langkah 18
Sekarang kita perlu menyalin keyframes. Pilih dua Keyframes sambil menahan tombol Control, dan kemudian tekan tombol Copy.

Langkah 19
Membuka peta gradien dalam kelompok berikutnya yang lapisan. Setelah itu, klik ikon Timer dekat Opacity di Timeline panel, dan klik kanan > paste.

Langkah 20
Sekarang mari kita membuat salinan keyframes untuk semua peta gradien, seperti yang kita lakukan sebelum.

4. Bagaimana cara membuat animasi untuk Instagram
Langkah 1
Untuk menghemat Anda animasi untuk Instagram, Anda perlu klik pada ikon di sudut kanan atas dan pilih Render Video.

Langkah 2
Setel pengaturan berikut di panel Render Video: Format: H.264; Ukuran: Ukuran Dokumen; Rentang: Semua Bingkai.

5. Bagaimana cara mengganti gambar yang digunakan dalam Template
Langkah 1
Jika Anda ingin mengubah gambar yang digunakan untuk animasi Anda, klik kanan > Edit Contents pada objek cerdas yang kita buat pertama kali.

Langkah 2
Tempatkan gambar baru Anda di atas yang lama, tekan Alt-F4 menutup pengganti, dan kemudian pilih Simpan.

Kerja Luar Biasa, Sekarang Anda Selesai!
Dengan cara ini, kita dapat membuat template animasi dalam Adobe Photoshop menggunakan smart objek.

Saya harap Anda menikmati tutorial ini, dan jangan ragu untuk menghubungi saya untuk bantuan dengan tutorial. Anda juga dapat memeriksa Tindakan Mengungkapkan Warna Geometris Animasi saya dalam portofolio saya di GraphicRiver.

Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post