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

Cara membuat animasi foto mengungkapkan untuk Instagram dalam Adobe Photoshop

by
Difficulty:IntermediateLength:ShortLanguages:
This post is part of a series called How to: Instagram .
How to Create an Instagram Story Cover: Photoshop in 60 Seconds

Indonesian (Bahasa Indonesia) translation by Taufan Prasetyo Basri (you can also view the original English article)

What You'll Be Creating

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.

httpsgraphicrivernetitemgeometric-color-reveal-action20608465

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.

Creating a new docoment

Langkah 2

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

Placing the image

Langkah 3

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

Creating smart object

Langkah 4

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

Creating the duplicate of smart object

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.

Creating more duplicates of the smart object

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.

Creating first shape

Langkah 7

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

Creating second shape

Langkah 8

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

Creating third shape

Langkah 9

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

Creating fourth shape

Langkah 10

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

Creating the last shape

Langkah 11

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

Centring the shapes

Langkah 12

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

Moving shape layers

Langkah 13

Membuat cerdas objek utama dan lapisan latar belakang terlihat.

Making layer invisible

Langkah 14

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

Creating the clipping mask

Langkah 15

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

Creating clipping mask for other smart objects

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.

Creating the groups of layers

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.

Creating black and white filter

Langkah 2

Setelah itu, klik kanan > membuat kliping masker.

Creating clipping mask

Langkah 3

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

Creating gradient map

Langkah 4

Pilih layer peta gradien dan membuat masker kliping lain.

Creating clipping mask

Langkah 5

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

Creating gradient map

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.

Creating gradient map

Langkah 7

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

Creating gradient map

Langkah 8

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

Creating last gradient map

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.

Creating adjustment layer

3. Bagaimana membuat animasi dari gambar statis

Langkah 1

Untuk mulai membuat animasi, pergi ke Window > Timeline dan kemudian tekan Create Video Timeline.

Creating video timeline

Langkah 2

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

Rotating the smart object

Langkah 3

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

Rotating the smart object

Langkah 4

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

Rotating the smart object

Langkah 5

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

Rotating the smart object

Langkah 6

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

Rotating the smart object

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.

Creating the first keyframe

Langkah 8

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

Creating the 2nd keyframe

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.

Creating the animation for the second smart object

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.

Creating the animation for the third smart object

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.

Creating the animation for the fourth smart object

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.

Creating keyframes for blackwhite filter

Langkah 14

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

Creating the animation for black and white filter

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.

Creating the duplicates of the layer

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.

Creating animation for gradient map

Langkah 17

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

Creating the animation for gradient map

Langkah 18

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

Copying the keyframes

Langkah 19

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

Pasting the keyframes

Langkah 20

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

Creating copies of the keyframes

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.

Opening render panel

Langkah 2

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

Saving the animation as a video

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.

Replacing the main image

Langkah 2

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

Saving new image

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.

httpsgraphicrivernetitemgeometric-color-reveal-action20608465
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.