[Tutorial] How YOU can make your own Animated GIF like a BOSS, regardless of skill level, and post it on Steemit! by team-leibniz

View this thread on: hive.blog | peakd.com | ecency.com

steemit · @team-leibniz · Aug 5 '16 (edited)

$0.15

[Tutorial] How YOU can make your own Animated GIF like a BOSS, regardless of skill level, and post it on Steemit!

![ezgif.com-video-to-gif5d1a5e.gif](https://www.steemimg.com/images/2016/08/05/ezgif.com-video-to-gif5d1a5e.gif)
## Ever wonder how all those super cool **CUSTOM** GIF's are appearing in posts?

Most of the advice I have seen out there so far has been to go to a website like [GIPHY](www.giphy.com), search for a GIF, "right click" to copy the image address, and then paste over to Steemit with this syntax:

`![](GIF ADDRESS)`

This is all good and fine , but what if you just can't find one you want and need to make your own?  Think to yourself you don't have the skills to do it? **Think again!**

## Follow these steps and you will be GIF'ing in NO TIME! 

I am sure there are like 10,000 ways out there to do this. I picked this particular sequence of steps because I thought they would be the easiest for most people to follow. Here's how I created the Banner GIF for this post:

## Step 1: Get a great screencast tool! Mine is [ScreenCast-O-Matic](https://screencast-o-matic.com).
I have used this tool for years as a teacher to create math tutorials, but works very well for creating GIF's too. For just $15 per year, you can screencast anything, save as mP4, write over video, narrate, the whole nine yards. The free version is cool too, but it has a watermark in the lower left corner. I think the $15 is well worth it though. *I am in NO way affiliated with this website. I just use it because it works for me*
![](http://i.imgur.com/nv7VECY.png)
## Step 2: Once you get your Screencast tool, start recording.
A rectangle will appear on your screen. Resize and drag to a desired length and width for your GIF. I placed the Target Girl picture in MSPaint for this particular exercise, but you could do this in just about anything on your computer.
![](http://i.imgur.com/nkbQZbn.png)
## Step 3: Record, Pause, Place Text, Stop, Rinse, Repeat.
You have to think like an animator. Just place whatever text you would like to appear on your image, then record for a bit and stop. Repeat for as many words as you would like. Don't worry about length yet, you can fix this in editing.

![](http://i.imgur.com/UZ7t7hb.png)
![](http://i.imgur.com/9eDO2CJ.png)
## Step 4: Editing
When finished with your clip, click `Done` and the `Options` menu will appear. On this menu, click `Edit`. From here, you can preview your clip and drag sections to cut to make transitions smoother. You might notice sound on your clip if you didn't turn off the mic on your computer. Don't worry about this, your GIF will not have any sound eventually.
![](http://i.imgur.com/tvqCS6B.png)
![](http://i.imgur.com/V8F3aOF.png)

# Step 5: Save your video to a place you will remember on your computer.
![](http://i.imgur.com/txpCs5I.png)
![](http://i.imgur.com/pVSd6FI.png)

# Step 6: Convert your video file to a GIF. A fast easy and FREE site is [EZGif.com](http://ezgif.com/video-to-gif).
Click on `Browse` to find your file, then `Upload` to get started. You will want to make sure the GIF starts at 0 and ends at the time your video ends. Also, for maximum quality, choose 20 FPS (frames per second).

![](http://i.imgur.com/myAAL3t.png)
![](http://i.imgur.com/BgP4Xh6.png)

# Step 7: Save your GIF to your computer

![](http://i.imgur.com/NBZrHi2.png)
# Step 8: Upload your GIF to an image sharing site.
This could be [IMGUR](www.imgur.com), but we have our very own! [SteemIMG](https://www.steemimg.com/)! Just click `START UPLOADING` and locate your freshly minted GIF file. Select a desired category to place your GIF, or just click `Upload` if you don't care.
![](http://i.imgur.com/E8lQdsJ.png)
![](http://i.imgur.com/bzxUyEV.png)

# Step 9: Once uploaded, Copy the markdown text. You will need this for your post
![](http://i.imgur.com/JXJbeCj.png)

# Step 10: Paste your Markdown text in your post! 
![](http://i.imgur.com/0CIWcuk.png)

# Congratulations! You just made your first animated GIF!
![](https://media3.giphy.com/media/TdfyKrN7HGTIY/200.gif)


## Happy GIF'ing Steemit! - @team-leibniz

👍 cdubendo, condra, ausbitbank, team-leibniz, bycz, phoenixmaid, jed78, michaellamden68, furion, havok777, happyphoenix, animus, impigrum, softpunk, jessejamesrock, redddet

`author`	team-leibniz
`permlink`	tutorial-how-you-can-make-your-own-animated-gif-regardless-of-skill-level-and-post-it-on-steemit
`category`	steemit
`json_metadata`	{"tags":["steemit","steemit-help","tutorial","technology","gifmaking"],"users":["team-leibniz"],"image":["https://www.steemimg.com/images/2016/08/05/ezgif.com-video-to-gif5d1a5e.gif"]}
`created`	2016-08-05 16:01:33
`last_update`	2016-08-05 22:11:12
`depth`	0
`children`	9
`last_payout`	2016-09-05 05:02:33
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.134 HBD
`curator_payout_value`	0.015 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	3,988
`author_reputation`	14,619,505,065,353
`root_title`	"[Tutorial] How YOU can make your own Animated GIF like a BOSS, regardless of skill level, and post it on Steemit!"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	627,613
`net_rshares`	170,194,150,930
`author_curate_reward`	""

properties (23)vote details (16)

voter	rshares	pct
michaellamden68	980,684,032	100%
furion	702,264,837	1%
cdubendo	90,669,619,088	100%
ausbitbank	19,138,213,846	100%
condra	25,766,811,888	100%
bycz	9,695,705,544	100%
animus	91,384,267	100%
happyphoenix	199,905,461	100%
team-leibniz	14,953,146,649	100%
phoenixmaid	4,968,198,208	100%
jed78	2,400,267,146	100%
impigrum	64,507,391	100%
havok777	559,712,092	100%
softpunk	1,251,336	0.1%
redddet	1,231,439	0.1%
jessejamesrock	1,247,706	0.1%

@happyphoenix · Aug 5 '16

Nice info, this will make steemit more fun, and atractive to read

👍 team-leibniz

`author`	happyphoenix
`permlink`	re-team-leibniz-tutorial-how-you-can-make-your-own-animated-gif-regardless-of-skill-level-and-post-it-on-steemit-20160805t161904649z
`category`	steemit
`json_metadata`	{"tags":["steemit"]}
`created`	2016-08-05 16:19:09
`last_update`	2016-08-05 16:19:09
`depth`	1
`children`	0
`last_payout`	2016-09-05 05:02:33
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	65
`author_reputation`	69,957,123,205,144
`root_title`	"[Tutorial] How YOU can make your own Animated GIF like a BOSS, regardless of skill level, and post it on Steemit!"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	628,011
`net_rshares`	14,953,146,649
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
team-leibniz	0 B		14,953,146,649	100%

@impigrum · Aug 5 '16

Great explanation, thanks!

👍 team-leibniz

`author`	impigrum
`permlink`	re-team-leibniz-tutorial-how-you-can-make-your-own-animated-gif-regardless-of-skill-level-and-post-it-on-steemit-20160805t160406218z
`category`	steemit
`json_metadata`	{"tags":["steemit"]}
`created`	2016-08-05 16:04:06
`last_update`	2016-08-05 16:04:06
`depth`	1
`children`	0
`last_payout`	2016-09-05 05:02:33
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	26
`author_reputation`	1,059,781,550
`root_title`	"[Tutorial] How YOU can make your own Animated GIF like a BOSS, regardless of skill level, and post it on Steemit!"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	627,689
`net_rshares`	15,252,209,582
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
team-leibniz	0 B		15,252,209,582	100%

@jessejamesrock · Aug 5 '16

Dear User known as @team-leibniz 
 Steemit has a BOT problem! Your Vote Counts... Maybe 
 https://steemit.com/steemit/@weenis/bots-steemit-s-first-community-based-decision-on-bots-your-vote-counts-to-be-or-not-to-be-details-inside

👍 younlong, bignastywhale

`author`	jessejamesrock
`permlink`	tutorial-how-you-can-make-your-own-animated-gif-regardless-of-skill-level-and-post-it-on-steemit
`category`	steemit
`json_metadata`	""
`created`	2016-08-05 18:49:30
`last_update`	2016-08-05 18:49:30
`depth`	1
`children`	0
`last_payout`	2016-09-05 05:02:33
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	230
`author_reputation`	-833,082,840,933
`root_title`	"[Tutorial] How YOU can make your own Animated GIF like a BOSS, regardless of skill level, and post it on Steemit!"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	631,756
`net_rshares`	7,441,242
`author_curate_reward`	""

properties (23)vote details (2)

voter	weight	wgt%	rshares	pct	time
bignastywhale	0 B		3,691,949	10%
younlong	0 B		3,749,293	10%

@msjennifer · Aug 5 '16 (edited)

Excellent post!

👍 steema
👎 antispam, clamps

`author`	msjennifer
`permlink`	tutorial-how-you-can-make-your-own-animated-gif-regardless-of-skill-level-and-post-it-on-steemit
`category`	steemit
`json_metadata`	""
`created`	2016-08-05 16:02:12
`last_update`	2016-08-05 18:47:45
`depth`	1
`children`	0
`last_payout`	2016-09-05 05:02:33
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	15
`author_reputation`	-1,468,839,175,006
`root_title`	"[Tutorial] How YOU can make your own Animated GIF like a BOSS, regardless of skill level, and post it on Steemit!"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	627,641
`net_rshares`	-12,331,228
`author_curate_reward`	""

properties (23)vote details (3)

voter	rshares	pct
antispam	-12,015,092	-1%
steema	1,229,043	100%
clamps	-1,545,179	-100%

@phoenixmaid · Aug 5 '16

Great tutorial, I've bookmarked this to try later.

👍 team-leibniz

`author`	phoenixmaid
`permlink`	re-team-leibniz-tutorial-how-you-can-make-your-own-animated-gif-regardless-of-skill-level-and-post-it-on-steemit-20160805t181856158z
`category`	steemit
`json_metadata`	{"tags":["steemit"]}
`created`	2016-08-05 18:18:54
`last_update`	2016-08-05 18:18:54
`depth`	1
`children`	1
`last_payout`	2016-09-05 05:02:33
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	50
`author_reputation`	14,174,336,658,433
`root_title`	"[Tutorial] How YOU can make your own Animated GIF like a BOSS, regardless of skill level, and post it on Steemit!"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	630,789
`net_rshares`	14,953,146,649
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
team-leibniz	0 B		14,953,146,649	100%

@team-leibniz · Aug 5 '16

Thank you! As I said, im sure there are tons of other ways out there you can do this, but this is for sure something I think anyone of any background level can follow! When you post something with it, let me know how it worked out for you!

properties (22)

`author`	team-leibniz
`permlink`	re-phoenixmaid-re-team-leibniz-tutorial-how-you-can-make-your-own-animated-gif-regardless-of-skill-level-and-post-it-on-steemit-20160805t185912343z
`category`	steemit
`json_metadata`	{"tags":["steemit"]}
`created`	2016-08-05 18:59:12
`last_update`	2016-08-05 18:59:12
`depth`	2
`children`	0
`last_payout`	2016-09-05 05:02:33
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	239
`author_reputation`	14,619,505,065,353
`root_title`	"[Tutorial] How YOU can make your own Animated GIF like a BOSS, regardless of skill level, and post it on Steemit!"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	632,024
`net_rshares`	0

@redddet · Aug 5 '16

Dear User known as @team-leibniz 
 Steemit has a BOT problem! Your Vote Counts... Maybe 
 https://steemit.com/steemit/@weenis/bots-steemit-s-first-community-based-decision-on-bots-your-vote-counts-to-be-or-not-to-be-details-inside

👎 antispam

`author`	redddet
`permlink`	tutorial-how-you-can-make-your-own-animated-gif-regardless-of-skill-level-and-post-it-on-steemit
`category`	steemit
`json_metadata`	""
`created`	2016-08-05 16:03:24
`last_update`	2016-08-05 16:03:24
`depth`	1
`children`	0
`last_payout`	2016-09-05 05:02:33
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	230
`author_reputation`	-747,117,499,780
`root_title`	"[Tutorial] How YOU can make your own Animated GIF like a BOSS, regardless of skill level, and post it on Steemit!"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	627,666
`net_rshares`	-12,015,092
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
antispam	0 B		-12,015,092	-1%

@softpunk · Aug 5 '16

Dear User known as @team-leibniz 
 Steemit has a BOT problem! Your Vote Counts... Maybe 
 https://steemit.com/steemit/@weenis/bots-steemit-s-first-community-based-decision-on-bots-your-vote-counts-to-be-or-not-to-be-details-inside

👍 soupernerd, weenis, emilyelizabeth, koolaidssss, steemit.tips, abctrade, chonesta, rickydevil, praisenoone, steemitlove, steemlove, hxclife, countrytalented, gaspot, yandra86, alniskobs, daysmega1421, anarchypory, redredwinewine, crumaner, backetri, cheremet, angevel, forgetthefallen, softpunk, daysaiyan, daysmega, catirabella, eleiminer, amboyst, curls4life, cozyone123, dotersvilic, rottennasty, eternalabove, sugarfromhell, redddet, etccrap, feeltheblade, joujou666, silvesterstay

`author`	softpunk
`permlink`	tutorial-how-you-can-make-your-own-animated-gif-regardless-of-skill-level-and-post-it-on-steemit
`category`	steemit
`json_metadata`	""
`created`	2016-08-05 18:13:27
`last_update`	2016-08-05 18:13:27
`depth`	1
`children`	0
`last_payout`	2016-09-05 05:02:33
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	230
`author_reputation`	-711,516,507,127
`root_title`	"[Tutorial] How YOU can make your own Animated GIF like a BOSS, regardless of skill level, and post it on Steemit!"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	630,644
`net_rshares`	168,703,968
`author_curate_reward`	""

properties (23)vote details (41)

voter	rshares	pct
soupernerd	56,521,358	10%
emilyelizabeth	4,256,286	10%
weenis	55,471,704	10%
steemitlove	1,294,973	10%
steemlove	1,289,265	10%
steemit.tips	2,846,658	10%
curls4life	1,243,593	10%
alniskobs	1,267,737	10%
amboyst	1,243,607	10%
cheremet	1,256,144	10%
anarchypory	1,258,112	10%
angevel	1,253,500	10%
backetri	1,257,172	10%
chonesta	1,574,123	10%
countrytalented	1,281,597	10%
cozyone123	1,242,161	10%
crumaner	1,257,680	10%
daysaiyan	1,248,902	10%
daysmega	1,248,828	10%
daysmega1421	1,259,029	10%
dotersvilic	1,242,080	10%
eternalabove	1,234,073	10%
sugarfromhell	1,233,506	10%
gaspot	1,275,753	10%
forgetthefallen	1,253,030	10%
eleiminer	1,247,084	10%
etccrap	1,230,302	10%
abctrade	1,641,260	10%
yandra86	1,273,684	10%
hxclife	1,282,034	10%
rottennasty	1,240,453	10%
feeltheblade	1,229,136	10%
silvesterstay	1,222,338	10%
joujou666	1,227,391	10%
praisenoone	1,318,387	10%
rickydevil	1,323,505	10%
softpunk	1,251,336	10%
redddet	1,231,439	10%
catirabella	1,248,259	10%
redredwinewine	1,257,687	10%
koolaidssss	3,668,802	10%

@virtualgrowth · Aug 5 '16

Thanks!, Looks useful and fun! :)

👍 team-leibniz

`author`	virtualgrowth
`permlink`	re-team-leibniz-tutorial-how-you-can-make-your-own-animated-gif-regardless-of-skill-level-and-post-it-on-steemit-20160805t161529310z
`category`	steemit
`json_metadata`	{"tags":["steemit"]}
`created`	2016-08-05 16:15:30
`last_update`	2016-08-05 16:15:30
`depth`	1
`children`	0
`last_payout`	2016-09-05 05:02:33
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	33
`author_reputation`	194,175,762,808,337
`root_title`	"[Tutorial] How YOU can make your own Animated GIF like a BOSS, regardless of skill level, and post it on Steemit!"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	627,939
`net_rshares`	14,953,146,649
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
team-leibniz	0 B		14,953,146,649	100%