banner



Home  ›  How To Add Glitch Live Animation To Still Photo In Photoshop Gif

How To Add Glitch Live Animation To Still Photo In Photoshop Gif

Written By Wednesday, June 22, 2022 Add Comment Edit

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.

Product promo Product promo Product promo

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.

Creating a document Creating a document Creating a document

Langkah ii

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

Placing image inside document Placing image inside document Placing image inside document

Langkah 3

Ubah ukuran gambarmu untuk mengisi kanvas dokumen dan klik Enter.

Resizing of image Resizing of image Resizing of image

Langkah 4

Klik kanan pada layer gambar dan pilih Rasterize Layer.

Rasterizing the layer Rasterizing the layer Rasterizing the layer

Langkah 5

Tekan Thousand dan kemudian pilih area bujur sangkar pada dokumenmu.

Selecting the area of your image Selecting the area of your image Selecting the area of your image

Langkah 6

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

Cutting new layer from selection Cutting new layer from selection Cutting new layer from selection

Langkah 7

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

Deleting of the empty layer Deleting of the empty layer Deleting of the empty layer

Langkah 8

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

Renaming of the layer Renaming of the layer Renaming of the layer

Langkah ix

Klik Kanan layer dan kemudian pilih Catechumen to Smart Object.

Converting the image to smart object Converting the image to smart object Converting the image 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.

Creating duplicates of the main layer Creating duplicates of the main layer Creating duplicates of the main layer

Langkah 2

Ganti nama duplikat layer pada layer menjadi urutan frame.

Renaming of layers Renaming of layers Renaming of layers

Langkah three

Buat semua layer tidak terlihat kecuali yang kedua.

Making layers invisible Making layers invisible Making layers invisible

Langkah 4

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

Activation of the warp tool Activation of the warp tool Activation of the warp tool

Langkah five

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

Stretching the image Stretching the image Stretching the image

Langkah six

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

Stretching the image Stretching the image Stretching the image

Langkah vii

Bentangkan sedikit layer berikutnya menggunakan Warp Tool.

Stretching the image Stretching the image Stretching the image

Langkah eight

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

Selection of tool for the transformation Selection of tool for the transformation Selection of tool for the transformation

Langkah 9

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

Distortion of the layer Distortion of the layer Distortion of the layer

Langkah 10

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

Disabling color channels Disabling color channels Disabling color channels

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.

Distortion of the layer Distortion of the layer Distortion of the layer

Langkah 12

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

Disabling color channels Disabling color channels Disabling color channels

Langkah 13

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

Changing of the blending mode Changing of the blending mode Changing of the blending mode

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.

Creating rectangle Creating rectangle Creating rectangle

Langkah xv

Pindahkan persegi panjang ke bagian atas dokumen.

Moving the rectangle Moving the rectangle Moving the rectangle

Langkah 16

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

Moving the duplicate of the rectangle Moving the duplicate of the rectangle Moving the duplicate of the rectangle

Langkah 17

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

Filling the background with lines Filling the background with lines Filling the background with lines

Langkah eighteen

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

Rasterizing layers Rasterizing layers Rasterizing layers

Langkah 19

Setelahnya, Klik Kanan dan pilih Merge Layers.

Merging layers to one Merging layers to one Merging layers to one

Langkah 20

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

Creating duplicate of the layer and moving it Creating duplicate of the layer and moving it Creating duplicate of the layer and moving it

Langkah 21

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

Merging and renaming the layer Merging and renaming the layer Merging and renaming the layer

Langkah 22

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

Changing the opacity and the blending mode of the texture Changing the opacity and the blending mode of the texture Changing the opacity and the blending mode of the texture

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%.

Creating new frame layer Creating new frame layer Creating new frame layer

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.

Rasterizing the layer style Rasterizing the layer style Rasterizing the layer style

Langkah 26

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

Adding gaussian blur effect Adding gaussian blur effect Adding gaussian blur effect

Langkah 27

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

Resizing the layer Resizing the layer Resizing the layer

3. Bagaimana Membuat Animasi

Langkah 1

Sekarang kita siap membuat animasi. Pergi ke Window > Timeline dan klik pada Create Video Timeline.

Creating a timeline Creating a timeline Creating a timeline

Langkah 2

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

Preparing workflow for animation Preparing workflow for animation Preparing workflow for animation

Langkah 3

Ubah Opacity pada "Frame 02" menjadi 0%.

Changing the opacity of the layer Changing the opacity of the layer Changing the opacity of the layer

Langkah four

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

Preparing time idicator Preparing time idicator Preparing time idicator

Langkah five

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

Creating the first keyframe Creating the first keyframe Creating the first keyframe

Langkah six

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

Creating the second keyframe Creating the second keyframe Creating the second keyframe

Langkah vii

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

Adding last keyframe Adding last keyframe Adding last keyframe

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.

Creating frames for seconde layer Creating frames for seconde layer Creating frames for seconde layer

Langkah 9

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

Copying keyframes Copying keyframes Copying keyframes

Langkah x

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

Pasting keyframes Pasting keyframes Pasting keyframes

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.

Creating variations of the keyframes sequence Creating variations of the keyframes sequence Creating variations of the keyframes sequence

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.

Shortening of the keyframe sequence Shortening of the keyframe sequence Shortening of the keyframe sequence

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.

Creating animation for next layer Creating animation for next layer Creating animation for next layer

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.

Changing the duration of the last keyframe Changing the duration of the last keyframe Changing the duration of the last keyframe

Langkah 15

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

Creating a copy of keyframes Creating a copy of keyframes Creating a copy of keyframes

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.

Creating keyframe sequence for next layer Creating keyframe sequence for next layer Creating keyframe sequence for next layer

Langkah 17

Tambahkan lagi urutan Keyframes dengan titik pada 0:00:02:15,0:00:02:20, dan 0:00:03:20.

Creating final keyframes sequence for Frame 05 Creating final keyframes sequence for Frame 05 Creating final keyframes sequence for Frame 05

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.

Creating keyframe sequence for Frame 06 Creating keyframe sequence for Frame 06 Creating keyframe sequence for Frame 06

Langkah nineteen

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

Duplicating the keyframe sequence Duplicating the keyframe sequence Duplicating the keyframe sequence

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.

Creating keyframe sequence for Frame 07 Creating keyframe sequence for Frame 07 Creating keyframe sequence for Frame 07

Langkah 21

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

Duplicating and placing keyframes Duplicating and placing keyframes Duplicating and placing keyframes

Langkah 22

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

Duplicating and placing keyframes Duplicating and placing keyframes Duplicating and placing keyframes

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.

Creating animation for Tv Texture Creating animation for Tv Texture Creating animation for Tv Texture

Langkah 24

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

Creating animation for Tv Texture Creating animation for Tv Texture Creating animation for Tv Texture

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.

Saving the animation as gif file Saving the animation as gif file Saving the animation as gif file

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.

Opening the placeholder Opening the placeholder Opening the placeholder

Langkah 2

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

Saving new image inside placeholder Saving new image inside placeholder Saving new image inside placeholder

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.

Product promo Product promo Product promo

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

Subscribe to: Post Comments (Atom)

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel