How To Add Glitch Live Animation To Still Photo In Photoshop Gif
Di dalam tutorial ini kita akan membuat template glitch bergerak dalam Adobe Photoshop yang dapat digunakan dengan gambar apapun.
Saya telah membuat animasi untuk Template Retrowave viii Scrap dengan cara yang sama untuk portofolio GraphicRiver saya.



Aset-Aset Tutorial
- Foto apapun yang ingin kamu gunakan untuk manipulasi ini. Kamu dapat menemukan beberapa foto gratuitous di Unsplash dan Pixabay atau membeli foto berkualitas tinggi di PhotoDune. Saya memilih foto ini dari Unsplash.
ane. Bagaimana Mempersiapkan Dokumen
Langkah ane
Tekan Control-N untuk membuat sebuah dokumen baru dan gunakan pengaturan sebagai berikut:500 x 500 px; 300 dpi.



Langkah ii
Pergi ke File > Place dan tempatkan gambarmu di dalam dokumen.



Langkah 3
Ubah ukuran gambarmu untuk mengisi kanvas dokumen dan klik Enter.



Langkah 4
Klik kanan pada layer gambar dan pilih Rasterize Layer.



Langkah 5
Tekan Thousand dan kemudian pilih area bujur sangkar pada dokumenmu.



Langkah 6
Untuk melakukan crop gambar kita, Klik Kanan pada seleksimu dan pilih Layer Via Cutting.



Langkah 7
Pilih layer kosong dan klik pada Icon Delete di dalam sudut kanan bawah console Layers.



Langkah 8
Dobel Klik nama new layer dan ubah itu menjadi "Placeholder".



Langkah ix
Klik Kanan layer dan kemudian pilih Catechumen to Smart Object.



2. Bagaimana Membuat Frame dan Elemen Animasi
Langkah i
Sekarang kita perlu membuat frame untuk animasi mendatang kita. Buat tujuh duplikat smart object menggunakan Klik Kanan > Duplicate.



Langkah 2
Ganti nama duplikat layer pada layer menjadi urutan frame.



Langkah three
Buat semua layer tidak terlihat kecuali yang kedua.



Langkah 4
Pilih frame kedua, klik Command-T, dan kemudian klik pada icon Warp.



Langkah five
Tarik titik-titik pada warp grid ke sisi yang berbeda untuk membuat gambarmu tampak membentang.



Langkah six
Buat layer berikutnya Tampak dan bentangkan itu menggunakan Warp Tool dengan cara yang sama.



Langkah vii
Bentangkan sedikit layer berikutnya menggunakan Warp Tool.



Langkah eight
Pilih layer berikutnya, klik Control-T, dan kemudian pergi ke Edit > Transform > Distort.



Langkah 9
Sembari menahan Shift, pindahkan titik kanan atas ke -ii° dan titik kanan bawah ke 2°, dan klik Enter.



Langkah 10
Dobel Klik pada layer yang sama dan kemudian Hilangkan Centang pada channel Green dan Blue.



Langkah 11
Pilih layer berikutnya. Gunakan Transform Tool di dalam Distort Mode untuk memindahkan titik kiri atas 2° ke kiri dan titik kanan bawah ii° ke kiri, dan klik Enter.



Langkah 12
Dobel Klik pada layer yang sama dan kemudianHilangkan Centang pada aqueductCherry-red danBluish.



Langkah 13
Pilih layer terakhir kita dan ubah Blending Mode ke Hard Mix.



Langkah fourteen
Sekarang kita perlu membuat tekstur garis TV. Tekan U dan buat sebuah Rectangle baru dengan pengaturan sebagai berikut: Width: 500 px; Height: 4.



Langkah xv
Pindahkan persegi panjang ke bagian atas dokumen.



Langkah 16
Duplikasikan persegi panjang dan pindahkan itu viii px ke bawah sembari menahan Shift.



Langkah 17
Sekarang kamu perlu membuat lebih banyak duplikat persegi panjang hingga mereka mengisi keseluruhan dokumen.



Langkah eighteen
Pilih semua layer persegi panjang sembari menahan Shift, dan kemudian Klik Kanan dan pilih Rasterize Layer.



Langkah 19
Setelahnya, Klik Kanan dan pilih Merge Layers.



Langkah 20
Duplikasikan layer baru kita dan pindahkan itu 504 px ke atas sembari menahan Shift.



Langkah 21
Lakukan Merge pada layer tersebut dan Namai ulang layer menjadi "Tv Texture".



Langkah 22
Ubah Opacity layer menjadi 15% dan blending way menjadi Overlay.



Langkah 23
Buat sebuah layer baru menggunakan Shift-Control-Northward dan namai itu "Frame", dan kemudian pilih Fill dengan hitam. Ubah pilihan Fill up menjadi 0%.



Langkah 24
Dobel Klik pada layer dan pilih parameterStroke. Gunakan pengaturan sebagai berikut: Size: 25 px; Position: Inside; Color: Black.



Langkah 25
Sekarang kita perlu me-raster layer fashion ini: Klik Kanan > Rasterize Layer Style.



Langkah 26
Pergi ke Filter > Mistiness > Gaussian Blur dan gunakan pengaturan sebagai berikut:Radius: 4px.



Langkah 27
Ubah ukuran layer untuk mengisi kanvas menggunakan Control-T dan menahan Shift.



3. Bagaimana Membuat Animasi
Langkah 1
Sekarang kita siap membuat animasi. Pergi ke Window > Timeline dan klik pada Create Video Timeline.



Langkah 2
Buat frame pertama dan kedua tampak, dan kemudian pilih yang kedua dan pergi ke panel Timeline.



Langkah 3
Ubah Opacity pada "Frame 02" menjadi 0%.



Langkah four
Buka frame kedua di dalam console Timeline dan pindahkan Time Indicator ke 0:00:00:05.



Langkah five
Sekarang kamu perlu membuat keyframe pertama. Klik pada icon Timerdi dekat Opacity untuk membuat Keyframe pertama.



Langkah six
Pindahkan Time Indicator ke 0:00:00:13 dan kemudian ubah Opacity layer menjadi 100%.



Langkah vii
Setelah itu, pindahkan Fourth dimension Indicator ke 0:00:00:20 dan ubah Opacity layer menjadi 0%.



Langkah 8
Pilih layer berikutnya dan ubah Opacity menjadi 0%. Setelahnya, buat tiga Keyframes dengan mengubah opacity, dengan cara yang sama seperti yang kita lakukan di atas, pada 0:00:00:13,0:00:00:20, dan 0:00:00:26.



Langkah 9
Pilih tiga Keyframes pada panel Timeline, kemudian Klik Kanan dan pilih Copy.



Langkah x
Pindahkan Timeline Indicator ke 0:00:01:00, dan kemudian klik pada New Keyframe dan tempelkan keyframes dengan menggunakan Command-V.



Langkah xi
Setelah itu, pindahkan Timeline Indicator ke 00:00:02:00 dan tempelkan Keyframes lagi. Pindahkan Keyframe pertama ke 0:00:00:24 Keyframe terakhir ke 0:00:02:20. Sehingga kita dapat menambahkan berbagai kegunaan layer.



Langkah 12
Sekarang kita perlu memindahkan Timeline Indicator ke 00:00:03:ten dan menempelkan Keyframes sekali lagi. Setelah itu, pindahkan Keyframeke 0:00:03:13 dan Keyframeterakhir ke 0:00:03:21.



Langkah thirteen
Mari buat animasi layer berikutnya. Pilih layer "Frame 04" dan ubah Opacity layer menjadi 0%. Setelah itu, tambahkan dua urutan pendek Keyframes seperti yang kita lakukan sebelumnya, dengan Keyframes pusat di 0:00:00:18 dan 0:00:01:03.



Langkah fourteen
Tambahkan urutan Keyframes lainnya pada 0:00:03:00 dengan Keyframe pusat di 0:00:03:05 dan Keyframe akhir di 0:00:03:20.



Langkah 15
Buat salinan Keyframes yang baru saja kita buat, dan pindahkan itu ke 00:00:04:00.



Langkah 16
Pilih layer berikutnya di dalam panel Layers, dan ubah Opacityke 0%. Setelah itu, tambahkan tiga urutan pendek Keyframes seperti yang kita lakukan sebelumnya, dengan Keyframespusat di 0:00:00:xv,0:00:01:00, dan 0:00:01:fifteen.



Langkah 17
Tambahkan lagi urutan Keyframes dengan titik pada 0:00:02:15,0:00:02:20, dan 0:00:03:20.
.jpg)
.jpg)
.jpg)
Langkah eighteen
Sekarang kita perlu membuat animasi untuk layer berikutnya. Ubah Opacity "Frame 06" menjadi 0% dan buat tiga urutan pendek Keyframes dengan Keyframes pusat di 0:00:01:00,0:00:01:15, dan 0:00:02:00.



Langkah nineteen
Salin Keyframes pertama dan tempelkan dengan Keyframedi 0:00:03:00.



Langkah twenty
Pilih layer terakhir dan ubah Opacity menjadi 0%. Setelah itu, buat sebuah urutan Keyframe dengan titik-titik sebagai berikut:0:00:00:15,0:00:00:eighteen, dan0:00:00:22.



Langkah 21
Buat dua duplikatKeyframes dan pindahkan itu ke 0:00:01:24 dan 0:00:01:24.



Langkah 22
Buat duplikat urutan Keyframes terakhir dan pindahkan itu ke 0:00:03:x.



Langkah 23
Dan sekarang kita perlu membuat animasi untuk tekstur Telly kita. Pilih layer dan klik pada icon Timerdi dekat Position untuk membuat Keyframe pertama di 0:00:00:00.



Langkah 24
Pindahkan Time Indicator pada akhir Timeline dan kemudian pindahkan layer500px ke bawah sembari menekan Shift.



iv. Bagaimana Menyimpan Animasi Sebagai File Gif
Animasi kita sekarang siap untuk di-render. Tekan Alt-Shift-Control-S untuk membuka jendela Save for Web, dan kemudian atur Looping Selection menjadi Forever. Setelah itu, kamu dapat menyimpan animasimu sebagai file gif. Kamu juga dapat mengubah Image Size di dalam menu ini jika kamu ingin menurunkan ukuran file gif.



five. Bagaimana Mengganti Gambar Yang Digunakan Dalam Template
Langkah 1
Jika kamu ingin mengubah gambar yang digunakan untuk animasi, Klik Kanan > Edit Contents pada layer placeholder.



Langkah 2
Tempatkan gambar barumu di atas yang lama, tekan Alt-F4 untuk menutup placeholder, dan kemudian pilih Save.



Kerja Luar Biasa, Kamu Sekarang Telah Selesai!
Di dalam cara ini, kita dapat membuat template bergerak di dalam Adobe Photoshop menggunakan smart object.
Saya harap kamu menikmati tutorial ini, dan silahkan menghubungi saya untuk bantuan apapun terkait tutorial ini. Kamu juga dapat memeriksa Template Retrowave eight Scrap di dalam portofolio saya di GraphicRiver.



Source: https://design.tutsplus.com/id/tutorials/how-to-create-a-glitch-animated-gif-template-in-adobe-photoshop--cms-28440
Posted by: brumfieldgince1938.blogspot.com
0 Response to "How To Add Glitch Live Animation To Still Photo In Photoshop Gif"
Post a Comment