Another Tutorial for Making a Cinemagraph by ikarus56

View this thread on steempeak.com
· @ikarus56 · (edited)
$10.38
Another Tutorial for Making a Cinemagraph
![flags.gif](https://cdn.steemitimages.com/DQmV961LKXQBQPBvHreBZescgiGLZcbkERZtvTAxjPWY5E6/flags.gif)

[Source](https://www.vidsplay.com/flag.html)

This is again a tutorial on how to make a cinemagraph considering that some members wanted it simple.

The advantage of cinemagraphs is that you can use them anywhere, where videos are not allowed and you still want to have a moving picture.
In addition, they generate attention.

*Here we go:*

The first step is to load the video in Adobe Photoshop. 
Create a new layer above the video layer.
Take one frame in the video layer as still image and copy it in the new layer.

![Screenshot_3.jpg](https://cdn.steemitimages.com/DQmR6C4pB1SfYD87QDqAMN91aq23yERkrvoT9rNTRanXNjK/Screenshot_3.jpg)

Set a mask to the still image layer and draw with a soft brush in black to the area you want to be animated.

![Screenshot_5.jpg](https://cdn.steemitimages.com/DQmXPixuxnfnDR6PYdKGkW9R7VWJZ6DqLuQRRatVn2WqNWm/Screenshot_5.jpg)

Check the animation and export as GIF. In the present case, I had to change the quality and size of the GIF, because with Steemit the limit for uploads is about 8MB.

That's it.

*Some hints:*

The video you use should be made on a tripod. No zoom should be used and no change in exposure should be made during recording.
👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 428 others
properties (23)
post_id66,621,646
authorikarus56
permlinkanother-tutorial-for-making-a-cinemagraph
categorydesign
json_metadata{"image":["https:\/\/cdn.steemitimages.com\/DQmV961LKXQBQPBvHreBZescgiGLZcbkERZtvTAxjPWY5E6\/flags.gif"],"tags":["design","photography","utopian-io","ocd-resteem","busy"],"app":"steemit\/0.1","format":"markdown","links":["https:\/\/www.vidsplay.com\/flag.html"]}
created2018-11-26 18:48:39
last_update2019-01-12 14:45:27
depth0
children18
net_rshares16,956,514,288,243
last_payout2018-12-03 18:48:39
cashout_time1969-12-31 23:59:59
total_payout_value7.907 SBD
curator_payout_value2.477 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length1,289
author_reputation11,569,999,317,502
root_title"Another Tutorial for Making a Cinemagraph"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (492)
@amalinavia ·
It's interesting. I never thought it would be that easy.
👍  
properties (23)
post_id66,624,746
authoramalinavia
permlinkre-ikarus56-another-tutorial-for-making-a-cinemagraph-20181126t202054497z
categorydesign
json_metadata{"tags":["design"],"app":"steemit\/0.1"}
created2018-11-26 20:20:57
last_update2018-11-26 20:20:57
depth1
children1
net_rshares21,654,910,642
last_payout2018-12-03 20:20:57
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length56
author_reputation48,603,401,759,902
root_title"Another Tutorial for Making a Cinemagraph"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (1)
@ikarus56 ·
Therefore I made the new tutorial. Have fun with creating cinemagraphs.
properties (22)
post_id66,625,450
authorikarus56
permlinkre-amalinavia-re-ikarus56-another-tutorial-for-making-a-cinemagraph-20181126t203949532z
categorydesign
json_metadata{"app":"steempeak","community":"steempeak","tags":["design"]}
created2018-11-26 20:39:51
last_update2018-11-26 20:39:51
depth2
children0
net_rshares0
last_payout2018-12-03 20:39:51
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length71
author_reputation11,569,999,317,502
root_title"Another Tutorial for Making a Cinemagraph"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@zekepickleman ·
$0.02
This is a neat walk through!  Makes me wish I had photoshop now.  Stuck on MS paint and back in the day I used paintshop pro when it was free.

When you say Cinemagraph, is that like and animated GIF or is that something else?

Always wondered how to make one out of videos or the LIVE shirt vids my iphone shoots.
👍  ,
properties (23)
post_id66,628,713
authorzekepickleman
permlinkre-ikarus56-another-tutorial-for-making-a-cinemagraph-20181126t221257255z
categorydesign
json_metadata{"app":"steemit\/0.1","tags":["design"]}
created2018-11-26 22:12:57
last_update2018-11-26 22:12:57
depth1
children1
net_rshares40,456,087,719
last_payout2018-12-03 22:12:57
cashout_time1969-12-31 23:59:59
total_payout_value0.018 SBD
curator_payout_value0.005 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length314
author_reputation64,730,820,370,103
root_title"Another Tutorial for Making a Cinemagraph"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (2)
@ikarus56 ·
It's something like an animated GIF. You use the video in Adobe Photoshop for the animation by masking the layer. Hope I described it well.
properties (22)
post_id66,629,981
authorikarus56
permlinkre-zekepickleman-re-ikarus56-another-tutorial-for-making-a-cinemagraph-20181126t225217891z
categorydesign
json_metadata{"app":"steemit\/0.1","tags":["design"]}
created2018-11-26 22:52:18
last_update2018-11-26 22:52:18
depth2
children0
net_rshares0
last_payout2018-12-03 22:52:18
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length139
author_reputation11,569,999,317,502
root_title"Another Tutorial for Making a Cinemagraph"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@niko3d ·
$0.02
Nice and simples job done :)
👍  ,
properties (23)
post_id66,630,942
authorniko3d
permlinkre-ikarus56-another-tutorial-for-making-a-cinemagraph-20181126t232239780z
categorydesign
json_metadata{"tags":["design"],"app":"steemit\/0.1"}
created2018-11-26 23:22:42
last_update2018-11-26 23:22:42
depth1
children1
net_rshares40,921,045,979
last_payout2018-12-03 23:22:42
cashout_time1969-12-31 23:59:59
total_payout_value0.019 SBD
curator_payout_value0.005 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length28
author_reputation3,612,249,817,302
root_title"Another Tutorial for Making a Cinemagraph"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (2)
@ikarus56 ·
Thanks a lot. Hope I hope that I have given some ideas.
properties (22)
post_id66,646,559
authorikarus56
permlinkre-niko3d-re-ikarus56-another-tutorial-for-making-a-cinemagraph-20181127t080000299z
categorydesign
json_metadata{"community":"steempeak","tags":["design"],"app":"steempeak"}
created2018-11-27 08:00:03
last_update2018-11-27 08:00:03
depth2
children0
net_rshares0
last_payout2018-12-04 08:00:03
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length55
author_reputation11,569,999,317,502
root_title"Another Tutorial for Making a Cinemagraph"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@steem-plus ·
SteemPlus upvote
Hi, @ikarus56!

You just got a **0.4%** upvote from SteemPlus!
To get higher upvotes, earn more SteemPlus Points (SPP). On your Steemit wallet, check your SPP balance and click on "How to earn SPP?" to find out all the ways to earn.
If you're not using SteemPlus yet, please check our last posts in [here](https://steemit.com/@steem-plus) to see the many ways in which SteemPlus can improve your Steem experience on Steemit and Busy.
properties (22)
post_id66,635,314
authorsteem-plus
permlinkanother-tutorial-for-making-a-cinemagraph---vote-steemplus
categorydesign
json_metadata{}
created2018-11-27 01:30:54
last_update2018-11-27 01:30:54
depth1
children0
net_rshares0
last_payout2018-12-04 01:30:54
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length434
author_reputation247,995,867,762,997
root_title"Another Tutorial for Making a Cinemagraph"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@plantstoplanks ·
Thanks for sharing!  I usually rely on my boyfriend to help me with anything graphic, but it's great to see easy tutorials that I know I could even follow on my own.  It really amazes me how much you can manipulate images and videos to create all kinds of different final products!
👍  
properties (23)
post_id66,652,508
authorplantstoplanks
permlinkre-ikarus56-another-tutorial-for-making-a-cinemagraph-20181127t113730825z
categorydesign
json_metadata{"app":"steemit\/0.1","tags":["design"]}
created2018-11-27 11:37:30
last_update2018-11-27 11:37:30
depth1
children1
net_rshares10,044,476,346
last_payout2018-12-04 11:37:30
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length281
author_reputation51,417,518,276,839
root_title"Another Tutorial for Making a Cinemagraph"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (1)
@ikarus56 ·
Thanks a lot, @plantstoplanks. Yes, Adobe Photoshop let me do this.
properties (22)
post_id66,654,016
authorikarus56
permlinkre-plantstoplanks-re-ikarus56-another-tutorial-for-making-a-cinemagraph-20181127t122347017z
categorydesign
json_metadata{"tags":["design"],"app":"steempeak","community":"steempeak"}
created2018-11-27 12:23:48
last_update2018-11-27 12:23:48
depth2
children0
net_rshares0
last_payout2018-12-04 12:23:48
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length67
author_reputation11,569,999,317,502
root_title"Another Tutorial for Making a Cinemagraph"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@joelai ·
It really is simple actually, thanks for the tutorial.
👍  
properties (23)
post_id66,659,280
authorjoelai
permlinkre-ikarus56-another-tutorial-for-making-a-cinemagraph-20181127t145156147z
categorydesign
json_metadata{"tags":["design"],"app":"steemit\/0.1"}
created2018-11-27 14:51:57
last_update2018-11-27 14:51:57
depth1
children1
net_rshares9,951,502,247
last_payout2018-12-04 14:51:57
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length54
author_reputation39,405,383,233,632
root_title"Another Tutorial for Making a Cinemagraph"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (1)
@ikarus56 ·
You are welcome.
properties (22)
post_id66,664,154
authorikarus56
permlinkre-joelai-re-ikarus56-another-tutorial-for-making-a-cinemagraph-20181127t164037645z
categorydesign
json_metadata{"app":"steempeak","tags":["design"],"community":"steempeak"}
created2018-11-27 16:40:39
last_update2018-11-27 16:40:39
depth2
children0
net_rshares0
last_payout2018-12-04 16:40:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length16
author_reputation11,569,999,317,502
root_title"Another Tutorial for Making a Cinemagraph"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@ykdesign ·
I love Cinemagrap, you done very well. great job
👍  
properties (23)
post_id66,663,109
authorykdesign
permlinkre-ikarus56-another-tutorial-for-making-a-cinemagraph-20181127t161617312z
categorydesign
json_metadata{"tags":["design"],"app":"steemit\/0.1"}
created2018-11-27 16:16:18
last_update2018-11-27 16:16:18
depth1
children1
net_rshares9,852,603,182
last_payout2018-12-04 16:16:18
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length48
author_reputation11,961,283,330,787
root_title"Another Tutorial for Making a Cinemagraph"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars0
author_curate_reward""
vote details (1)
@ikarus56 ·
Thanks a lot. Appreciate your command.
properties (22)
post_id66,664,185
authorikarus56
permlinkre-ykdesign-re-ikarus56-another-tutorial-for-making-a-cinemagraph-20181127t164126324z
categorydesign
json_metadata{"app":"steempeak","tags":["design"],"community":"steempeak"}
created2018-11-27 16:41:27
last_update2018-11-27 16:41:27
depth2
children0
net_rshares0
last_payout2018-12-04 16:41:27
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length38
author_reputation11,569,999,317,502
root_title"Another Tutorial for Making a Cinemagraph"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@steveblucher ·
I had to actually Google cinemagraph. I'd not come across that term before. Seems like a fairly simple process though. Thanks for the tutorial.
properties (22)
post_id66,688,526
authorsteveblucher
permlinkre-ikarus56-another-tutorial-for-making-a-cinemagraph-20181128t045052057z
categorydesign
json_metadata{"app":"steemit\/0.1","tags":["design"]}
created2018-11-28 04:50:51
last_update2018-11-28 04:50:51
depth1
children1
net_rshares0
last_payout2018-12-05 04:50:51
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length143
author_reputation2,698,429,717,921
root_title"Another Tutorial for Making a Cinemagraph"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@ikarus56 ·
Yes, there are not many who know about it and it is really easy to do.
properties (22)
post_id66,723,273
authorikarus56
permlinkre-steveblucher-re-ikarus56-another-tutorial-for-making-a-cinemagraph-20181128t213005850z
categorydesign
json_metadata{"app":"steempeak","tags":["design"],"community":"steempeak"}
created2018-11-28 21:30:09
last_update2018-11-28 21:30:09
depth2
children0
net_rshares0
last_payout2018-12-05 21:30:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length70
author_reputation11,569,999,317,502
root_title"Another Tutorial for Making a Cinemagraph"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@steemhq ·
re-ikarus56-another-tutorial-for-making-a-cinemagraph-20181128t150803022z
![YOU JUST GOT UPVOTED](https://www.steemhq.com/CommunityBotUpvote.png)

**Congratulations,**
you just received a 12.36% upvote from @steemhq - Community Bot!

***Wanna join and receive free upvotes yourself?***
Vote for `steemhq.witness` on [Steemit](https://steemit.com/~witnesses) or directly on [SteemConnect](https://steemconnect.com/sign/account-witness-vote?witness=steemhq.witness&approve=1 "This link will take you away from steemit.com") and join the [Community Witness](https://www.steemhq.com/witness).
![](https://steemitimages.com/0x0/https://www.steemhq.com/steemhq_voting.gif)

This service was brought to you by [SteemHQ.com](https://www.steemhq.com)
properties (22)
post_id66,708,638
authorsteemhq
permlinkre-ikarus56-another-tutorial-for-making-a-cinemagraph-20181128t150803022z
categorydesign
json_metadata{"app":"communitybot\/1.1.0"}
created2018-11-28 15:08:03
last_update2018-11-28 15:08:03
depth1
children0
net_rshares0
last_payout2018-12-05 15:08:03
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length667
author_reputation4,222,362,886,512
root_title"Another Tutorial for Making a Cinemagraph"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@steemitboard ·
Congratulations @ikarus56! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

<table><tr><td>https://steemitimages.com/60x70/http://steemitboard.com/@ikarus56/votes.png?201811291151</td><td>You made more than 5000 upvotes. Your next target is to reach 6000 upvotes.</td></tr>
</table>

<sub>_[Click here to view your Board of Honor](https://steemitboard.com/@ikarus56)_</sub>
<sub>_If you no longer want to receive notifications, reply to this comment with the word_ `STOP`</sub>



> You can upvote this notification to help all Steemit users. Learn why [here](https://steemit.com/steemitboard/@steemitboard/http-i-cubeupload-com-7ciqeo-png)!
👍  
properties (23)
post_id66,751,251
authorsteemitboard
permlinksteemitboard-notify-ikarus56-20181129t125020000z
categorydesign
json_metadata{"image":["https:\/\/steemitboard.com\/img\/notify.png"]}
created2018-11-29 12:50:18
last_update2018-11-29 12:50:18
depth1
children0
net_rshares9,906,799,292
last_payout2018-12-06 12:50:18
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length705
author_reputation38,705,954,145,809
root_title"Another Tutorial for Making a Cinemagraph"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (1)
@steemitboard ·
Congratulations @ikarus56! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

<table><tr><td>https://steemitimages.com/60x70/http://steemitboard.com/@ikarus56/comments.png?201811301420</td><td>You made more than 600 comments. Your next target is to reach 700 comments.</td></tr>
</table>

<sub>_[Click here to view your Board of Honor](https://steemitboard.com/@ikarus56)_</sub>
<sub>_If you no longer want to receive notifications, reply to this comment with the word_ `STOP`</sub>



> You can upvote this notification to help all Steemit users. Learn why [here](https://steemit.com/steemitboard/@steemitboard/http-i-cubeupload-com-7ciqeo-png)!
👍  
properties (23)
post_id66,804,673
authorsteemitboard
permlinksteemitboard-notify-ikarus56-20181130t152214000z
categorydesign
json_metadata{"image":["https:\/\/steemitboard.com\/img\/notify.png"]}
created2018-11-30 15:22:12
last_update2018-11-30 15:22:12
depth1
children0
net_rshares9,911,750,266
last_payout2018-12-07 15:22:12
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length708
author_reputation38,705,954,145,809
root_title"Another Tutorial for Making a Cinemagraph"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (1)