How to create a GIF (Laptop Browser Tutorial)

in #photography4 years ago (edited)

ship-2752619_960_720.jpg

Create a GIF / animation

Recently I was offering to create a "how to create a GIF" - this was before I realized how many different platforms, devices, tools everyone uses to post on Steemit and to create any visuals. There are tons of different ways how to create a GIF depending on this. The following options exist:

  • Using an online service such as Google Photos that offer this as add-on
  • Using dedicated free GIF makers via the Internet (e.g. Giphy.com)
  • Use Software on your Windows / Mac OS or Linux Desktop computers (e.g. Photoshop)
  • Use mobile Apps on Smartphones / Tablets (e.g. GifLab)

These are the most common ways I am aware of - sure there are even more options how to do it. To make this guide really helpful I decided to show here how I do this personally by using my laptop and a common Web Browser. These days I assume almost everyone owns a Gmail / Google account - this is probably the easiest way to create animations. Even via Google I might do a series of tutorials (if we can call it that way) for different devices / platforms such as:

  • Android smartphone
  • Apple iPhone / iPad
  • Laptop Browser

What is a GIF / animated photo again?

Roughly explained - an animation is a group of photos put together to create a photo of a moving subject. Also videos can be used to create such an animated effect. A GIF is used as a synonym for animated photos which is not 100% true though. GIF stands for Graphics Interchange Format and is an image / graphic file on a Web page that moves. Here a definition I found on the web via Techtarget.com: "In particular, an animated GIF is a file in the Graphics Interchange Format specified as GIF89a that contains within the single file a set of images that are presented in a specified order. An animated GIF can loop endlessly (and it appears as though your document never finishes arriving) or it can present one or a few sequences and then stop the animation."

This is HOW I Do it (Using Laptop Browser and Google)

Here is how I do it by using the Google Photos Services in a usual Web Browser (easy - just follow the steps):

  • Open a browser and go to photos.google.com!
  • Sign in to your Google Account or create one!
  • Once logged in look on the left, click Assistant!

Screen Shot 2017-11-05 at 17.43.32.png

  • Select Animation!

Screen Shot 2017-11-05 at 17.44.17.png

  • Choose the photos you want to include in the animation (minimum 2, maximum 50)
  • Go to the top and click Create:

Screen Shot 2017-11-05 at 17.44.55.png

  • Enjoy the GIF and create a post on Steemit.com

20171105_090506-ANIMATION.gif

Conclusion

I hope my way of adding arrows are also clear to others - am not a professional in guiding through or drafting tutorials so far. I am happy to draft more of these for different platforms / devices. I am looking forward to any feedback by the community.

Sources: Cover photo was a template used from Pixabay under CCO - no attribution required, definition of GIF by http://searchmicroservices.techtarget.com/definition/animated-GIF-Graphics-Interchange-Format

Sort:  

Hi @uwelang
You are a great teacher, I always wondered how to do this, below is my first try with 4 photos!1
IMG_1958-_ANIMATION.gif
Thanks for this!!

My pleasure and well done @rynow - really your first GIF? Looks Rocky!

Have you tried to make gifs on Photoshop? it is quite easy and less time consuming there

never as I had the basic version, not the paid one - maybe you can draft a tutorial about it?

Check on the YouTube you will find many there.

So you mean my post was totally useless lol haha :-)

Nope buddy, I didn't mean it.

Nice work. I have made some steemit gifs myself using giphy. Upvoted this for visibility :)

#ColorChallenge GIF I made

Random Tags GIF I made

Thanks buddy - Giphy is one of the web tools I also used often - especially when trying to GIF on Facebook which is not that easy to do

Schöne Zusammenfassung! Ich mach die Dinger gerne in Photoshop wie diese hier:

yExpDri.gif

Hab ich ganz am Anfang mal an Papa-Pepper geschickt. Sollte witzig sein. Ging wohl nach hinten los. Das der so dick im Steemit aktiv ist wusste ich damals nicht hehe. Aber das Erstellen hat riesengrossen Spass gemacht. So um 2004 rum hatte ich mal eine kleine Sony Kamera. Die hat dieses Gif automatisch gemacht:

CLP01727.GIF

Danke für den Post und Grüsse aus der Mongolei, Silbart.

Witziges GIF, wieso ging nach hinten los? Geht das mit der kostenlosen Photoshop Version?

Hab gedacht das ich eine Antwort bekomme, wusste echt nicht das er hier der nr 1 Poster ist. Naja egal. Was hast Du denn für eine Photoshop Version? Ich bin jetzt bei CC und da hast Du im Menu "Fenster" ein das Feld "Zeitleiste" da öffnet sich ein Fenster und da wählst Du "Frame-Animation erstellen" aber man muss ja das Rad nicht neuerfinden. .

der erklärt das ganz einfach - so mache ich das auch. LG

aktuell auf meinem Mac hab ich gar kein Photoshop mehr, aber auf nem alten müsste noch eine sein, mal schauen - der Pepper ist schon recht berühmt hier, aber hab nix mit ihm am Hut bislang gehabt

Sag mal, hast Du auch manchmal das Gefühl, das der Mond eiert?

mond_gif.gif

haha, das ist ja cool!!!!

Ich mach gleich mal eins - hast mich grade wieder angesteckt ;)

great post, thanks for sharing! (Liked.)

Have to admit I almost wanted to start bashing you :) when I read through your text and saw "GIF is animated" kind of stuff -- but you very nicely pulled it off by immediately adding the real meaning of the acronym we old farts know since its inception back in '89 or so...

Those animated GIFs have been pretty centre-stage for those infamous banner ads that popped up during the dot-com mania. Brings back memories...!

Glad that you got it right and found a way of writing a nice and easy-to-read tutorial here. Nice job.

Thanks buddy - glad i did not get your bash on my ass lol - Have a good one

It is great idea. I ve never done by google I will try. Thank you :-))) have a fantastic day. mine is nice and hot wish you the same :-)

Thanks for replying and trying. Our day is rainy, windy and pretty cold, in addition i caught a flu - hot tea now for me

I recommend ginger tea ;)) Feel better my friend I feel sad for you :(

You are so welcome :)

Good tutorial. I prefer Photoshop but this is probably an easy way :)

Thanks mate - yeah I used tons of different online GIF makers - the Google one seems to have the fastest turnaround

Great advice! I have never made a Gif, but will try this way! Upvoted.

Glad to hear that! Thanks Stephen

And for android users picsart is best for make gif

Picsart is indeed a good option for android which I plan to introduce as well

Make tutorial on picsart

Practical post, good stuff man.

Thanks @barrydutton - that was the intention - hope it helps others

Vielen Dank für diesen - vor ein paar Tagen, wenn ich mich recht erinnere - bereits angekündigten Beitrag.
Er verdient das Prädikat "äußerst nützlich", und wird natürlich 100%ig in allen Belangen "bedacht", inklusive Resteem und allem was dazugehört ...
;-)

Das ist sehr nett mein Freund, herzlichen Dank!!

Sehr gerne :-) - so eine GIF Erstellung muß ich mal ausprobieren.

Nice, clear and good. Thanks for helping us.

I wanna create a funny fat chinese kid simbolizing bitcoin ready to exlpode hehe...I'm not artist so which program you suggest to use...something that's easy not Photoshop....i was looking into microsoft 3d paint app that comes wit windows 10

As a Gif? Well then you need some photos of this kid we add to a GIF - you might need to produce the photos too, the explosion fact requires some design I think - not just creating a GIF.

I’ve been wanting to make a gif for a while, now I have no excuse for finishing one. Thanks.


SDG

Brilliant, thank you! I will try to make one this afternoon! Thank you!

Awesome! I didn't know we could do it on Google Photos
Thanks for sharing

This wonderful post has received a bellyrub 5.38 % upvote from @bellyrub. Please make sure to vote for my pops as a witness @zeartul,Here

Congratulations @uwelang! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

Award for the number of comments received

Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

By upvoting this notification, you can help all Steemit users. Learn how here!

Congratulations @uwelang, this post is the eighth most rewarded post (based on pending payouts) in the last 12 hours written by a Hero account holder (accounts that hold between 10 and 100 Mega Vests). The total number of posts by Hero account holders during this period was 260 and the total pending payments to posts in this category was $3165.57. To see the full list of highest paid posts across all accounts categories, click here.

If you do not wish to receive these messages in future, please reply stop to this comment.

This post has received a 13.84 % upvote from @buildawhale thanks to: @uwelang. Send at least 1 SBD to @buildawhale with a post link in the memo field for a portion of the next vote.

To support our daily curation initiative, please vote on my owner, @themarkymark, as a Steem Witness

That is indeed an easy way and i am gonna use it as well
Thanks for tips!

I like using giphy.com. But I didn't know that about Google photos having an animation capability. I'll definitely try that out! Thanks!

Sehr gute Anleitung, werde ich demnächst auch mal ausprobieren :-)

Wow that's really awesome thanks for this tutorial :D

Muy interesante y instructivo

Calling @originalworks :)
img credz: pixabay.com
Nice, you got a 10.0% @minnowbooster upgoat, thanks to @uwelang
Want a boost? Minnowbooster's got your back!

The @OriginalWorks BETA V2 bot has upvoted(0.5%) and checked this post!
Some similarity seems to be present here:
http://searchmicroservices.techtarget.com/definition/animated-GIF-Graphics-Interchange-Format
This is an early BETA version. If you cited this source, then ignore this message! Reply if you feel this is an error.

Thanks for the info. I've been wanting to do a bit of GIF-erry, but am a bit of a computer novice in the tech end. This will greatly help. Now I can make all kinds of things out of photos of the odd. Have a nice day.