Otin äskettäin hauskoja kuvia serkustani ja halusin luoda oman animoidun GIF -tiedoston sen sijaan, että olisin käyttänyt ^(GIF)Google+ :n automaattisesti luomaa "Auto Awesome" -kuvaa . Koska minulla on Photoshop CS6 asennettuna, ajattelin kokeilla sitä ja katsoa mitä tapahtuu. Aluksi ajattelin, että se olisi melko suoraviivaista: tuo kuvat erillisiin kerroksiin ja tallenna ne sitten GIF - tiedostona animaatiolla. Väärä!

Jos yrität luoda GIF :n tällä tavalla, huomaat, että Animaatio ^(Animation)-^(Web) osio Tallenna^(Save) verkkoon -valintaikkunassa on harmaana. Jotta voit aktivoida sen, jotta voit valita silmukkavaihtoehdot, sinun on luotava niin kutsuttu kehysanimaatio ^{(Frame Animation)}Photoshop CS6 :ssa . Se kuulostaa monimutkaiselta, mutta se on melko helppo tehdä. Tässä viestissä opastan sinut oman animoidun GIF -muodon luomiseen still-kuvien avulla.

Mainitsen myös kuinka tuodaan video ja muunnetaan se animoiduksi GIF -tiedostoksi . Vain tuontiprosessi eroaa videota tuottaessa, loput vaiheet pysyvät samoina.

Vaihe 1 - Tuo kaikki kuvat

Ensimmäinen asia, joka sinun on tehtävä, on tuoda kaikki kuvasi erillisiin kerroksiin yhdessä Photoshop-tiedostossa. Joten jos sinulla on esimerkiksi kuusi kuvaa, avaa ne kaikki Photoshopissa^(Photoshop) ja luo sitten uusi tiedosto ja kopioi ja liitä jokainen kuva erilliseen kerrokseen uudessa tiedostossa. Kerroksen 1^{(Layer 1)} tulee olla aloituskuvasi ja viimeisen kerroksen tulee olla animaation viimeinen kuva.

Tämä prosessin osa vie todennäköisesti eniten aikaa kaikista vaiheista. Photoshopissa^(Photoshop) on luultavasti helpompi ja nopeampi tapa tehdä tämä , mutta koska en ole ammattikäyttäjä, kopioin ja liitin jokaisen kuvan manuaalisesti uuteen Photoshop - tiedostoon. Jos tiedät nopeamman tavan, kerro minulle kommenteissa.

Vaihe 2 – Luo kehysanimaatio

Toinen vaihe on luoda varsinainen animaatio itse Photoshopissa^(Photoshop) . Jotta voit tehdä tämän, sinun on ensin avattava Aikajana^(Timeline) - ikkuna. Siirry ikkunaan^(Window) ja valitse Aikajana^(Timeline) .

Nyt näet Aikajana^(Timeline) - ikkunan auki näytön alareunassa. Aluksi sen pitäisi olla täysin tyhjä. Nyt luodaksesi kehysanimaatio, napsauta hiiren kakkospainikkeella mitä tahansa Aikajana^(Timeline) - ruudun kohtaa ja valitse Luo kehysanimaatio^{(Create Frame Animation)} .

Kun teet tämän, näet nyt vain yhden kuvan aikajanalla ja pienen pienen 1:n vasemmassa yläkulmassa. Se on joko Tasot^(Layers) - paneelista valitsemasi kuva tai se on viimeksi lisätty taso (viimeinen kuva animaatiossa). Tässä vaiheessa se on yhden kehyksen animaatio, jota emme halua.

Sen sijaan haluamme, että kaikki tasot sisällytetään animaatioon. Tämän tekemiseksi meidän on napsautettava aikajana^(Timeline) - ikkunan oikeassa reunassa olevaa pientä alanuolipainiketta . Siinä on pieni alanuoli ja sitten pari vaakasuoraa viivaa sen vieressä. kun napsautat sitä, näet vaihtoehdon nimeltä Tee kehyksiä tasoista^{(Make Frames From Layers)} .

Nyt sinun pitäisi nähdä kehys jokaiselle tiedostossasi olevalle tasolle. Jokaisessa kehyksessä on myös pieni pudotusvalikko kuvan alla, jonka avulla voit valita, kuinka kauan kukin kehys näytetään.

Kuten yllä näkyy, ensimmäinen ruutu on 5 sekuntia ja loput on asetettu arvoon 0. Sinun on säädettävä niitä vastaavasti, mutta voit myös valita mukautetun ajan.

Kun olet valinnut kunkin kehyksen ajan, olet valmis viimeiseen vaiheeseen, joka on uuden animaation tallentaminen GIF - tiedostoon.

Vaihe 3 - Tallenna GIF-tiedosto

Nyt on aika tallentaa animoitu GIF -tiedostosi . Voit tehdä tämän siirtymällä kohtaan Tiedosto^(File) ja napsauttamalla Tallenna verkkoon^{(Save for Web)} . Tallennusikkunan alareunassa näet Animaatio^(Animation) -osion, jonka ei pitäisi enää olla harmaana.

Tässä olevat vaihtoehdot ovat melko helppoja ymmärtää. Voit todella vain valita, kuinka haluat sen silmukan, ja esikatsella animaatiota ennen sen tallentamista. Siinäpä suurinpiirtein se! Toivottavasti tämä opas auttaa sinua luomaan animoituja GIF - tiedostoja Photoshop CS6^{(Photoshop CS6)} : ssa ilman ongelmia!

Johtopäätös

On pari mainitsemisen arvoista asiaa. Ensinnäkin, jos animoitu GIF on mielestäsi liian suuri, sinun on ensin pienennettävä yksittäisten kuvien kokoa ennen kuin luot lopullisen Photoshop -tiedoston, jossa on useita kerroksia. Voit joko rajata kuvia, jos tarvitset vain osan kuvista animaation luomiseen, tai voit pienentää koko kuvan kokoa.

Toiseksi, jos sinulla on video, voit tuoda videokehykset tasoiksi automaattisesti siirtymällä kohtaan Tiedosto ^{(Video Frames to Layers)},^(File) sitten Tuo^(Import) ja napsauttamalla Videokehykset tasoihin .

Joten siinä kaikki. Jälleen^(Again) koon hallitsemiseksi saatat joutua vähentämään kuvien laatua, jotta voit luoda pienen GIF - tiedoston. Nauttia!

How to Create Animated GIFs from Images using Photoshop CS6

I recеntly took some fυnny pictures of my cousin and wanted to creаte my own animated GIF insteаd of using thе “Auto Αwesome” one created automaticallу by Google+. Since I have Photoshop CS6 installed, I figured I would give it a shot and see what hapрens. At first, I thought it would be fairly straight-forward: import the images into separate layers and then just saνe it out as a GIF file with animation. Wrоng!

If you try to create the GIF in this manner, you’ll notice that the Animation section in the Save for Web dialog is greyed out. In order to get that activated so you can choose the looping options, you have to create what’s called a Frame Animation in Photoshop CS6. It sounds complicated, but it’s pretty easy to do. In this post, I’ll walk you through the steps for creating your own animated GIF using still images.

I’ll also mention how to import a video and convert that into an animated GIF. Only the import process differs when importing a video, the rest of the steps remain the same.

Step 1 – Import All Images

The first thing you’re going to need to do is import all your images into separate layers in one photoshop file. So if you have 6 images, for example, open all of them in Photoshop and then create a new file and copy and paste each of the images into a separate layer in the new file. Layer 1 should be your starting picture and the last layer should be the last picture in the animation.

This part of the process probably will take up the most time out of all the steps. There is probably an easier and faster way to do this in Photoshop, but since I’m no pro user, I manually copy and pasted each image into a new Photoshop file. If you know of a faster way, please let me know in the comments.

Step 2 – Create Frame Animation

The second step is to create the actual animation in Photoshop itself. In order to do this, you first have to open the Timeline window. Go up to Window and choose Timeline.

Now you will see the Timeline window open at the bottom of the screen. It should be completely empty to start with. Now to create a frame animation, simply right-click anywhere in the Timeline box and choose Create Frame Animation.

When you do this, you’ll now see only one image in the timeline with a small little 1 in the top left corner. It will either be the image you have selected in the Layers panel or it’ll be the most recently added layer (last image in the animation). At this point, it’s a one frame animation, which is not what we want.

Instead, we want all the layers to be included in the animation. In order to do this, we have to click on the tiny little down arrow button at the far right of the Timeline window. It’s got a small down arrow and then a couple of horizontal lines next to it. when you click on that, you’ll see an option called Make Frames From Layers.

Now you should see a frame for each layer that you have in your file. Each frame will also have a little drop down below the image that lets you select the length of time that each frame should be displayed.

As you can see above, the first frame is 5 seconds and then the rest are set to 0. You will have to adjust them accordingly, but you can pick a custom amount of time also.

Once you have selected the time for each frame, you’re ready for the final step, which is saving out your new animation to a GIF file.

Step 3 – Save GIF File

Now it’s time to save your animated GIF. To do this, go to File and click on Save for Web. At the very bottom of the save dialog, you will see the Animation section, which should no longer be greyed out.

Your options here are pretty easy to understand. You can really only choose how you want it to loop and then preview the animation before saving it. That’s about it! Hopefully this guide will help you create your animated GIF in Photoshop CS6 without a hitch!

Conclusion

There are a couple of things worth mentioning. Firstly, if you find the animated GIF is too large, then you will first need to reduce the size of the individual images before you create your final Photoshop file with the multiple layers. You can either crop the images if you only need a portion of the photos to create the animation or you can reduce the size of the whole image.

Secondly, if you have a video, then you can import the video frames into layers automatically by going to File, then Import and clicking on Video Frames to Layers.

So that’s all there is to it. Again, in order to manage the size, you might have to reduce the quality of the images in order to create a small GIF file. Enjoy!

Related posts

• Kuinka tallentaa animoituja GIF-tiedostoja matkapuhelimeen ja tietokoneeseen

• Kuinka peittää Photoshopissa tasojen piilottaminen

• Kuinka muuntaa useita kuvia PDF-tiedostoiksi

• Taustan lisääminen vihreään näyttökuvaan Photoshopissa

• 7 helppoa kuvanmuokkausta, joita voit tehdä Photoshopissa

• Suoratoistaminen Roku TV:hen PC:ltä tai mobiililaitteelta

• Kuinka vaihtaa kieltä Netflixissä

• Leikkeen jakaminen Adobe Premiere Prossa

• Kuinka luoda läpinäkyvä tausta GIMPissä

• 10 parasta tapaa suojata tietokoneesi lapsilta

• 4 tapaa ladata Instagram-kuvia

• Kuinka tarkistaa kiintolevysi virheiden varalta

• Mikä on Uber-matkustajaluokitus ja kuinka se tarkistetaan

• Still-kuvien kaappaaminen videolta tai DVD:ltä

• Kuinka luoda monisivuinen PDF Photoshopissa

• Caps Lockin ottaminen käyttöön tai poistaminen käytöstä Chromebookissa

• Voitko muuttaa Twitch-nimeäsi? Kyllä, mutta ole varovainen

• Artikkelin julkaiseminen Linkedinissä (ja parhaat ajat julkaista)

• 4 tapaa löytää parhaat Internet-vaihtoehdot (ISP) alueellasi

• Kuinka luoda GIF-tiedosto videosta Photoshop CC:n avulla