create account

This is step by step guide of the animation i will be using on steemit by mro

View this thread on: hive.blogpeakd.comecency.com
· @mro · (edited)
$0.10
This is step by step guide of the animation i will be using on steemit
<center>![Sans titre - 3.png](https://steemitimages.com/DQmPn4K5JLPRhNH7KuSCrtjkh6uNWGJ8HFdnixpCFd2UMSS/Sans%20titre%20-%203.png)</center>



Hi steemians

<center>![Sans-titre---3.gif](https://steemitimages.com/DQmfP2faSqatyTH7DFgKBLV65WGQ8ANYu4XsShYjUCWGQej/Sans-titre---3.gif)</center>

Today i was working on a project to create a small animation (10s) for my future posts on steemit, i called it "The steemit big bang" in relation to colors explosion and also the beginning of a new experience on steemit.
For this animation i used :

* Affter effect cs6.
* Trapcode particular (for particle effects).
* Photoshop cs6 (for creating GIF animation).
 
 I started  with after effect for the animation, i created a background with a radial gradient. 

![qsfd.png](https://steemitimages.com/DQmRpAfE59mQSLCoT2Pay3ZhCmTp1k5UpMeTc49Lo5gbgUn/qsfd.png)

With particular I created particles using a sphere, and after some adjustments i got this result ( feel free to try different settings with Particular, the more you try the more u got cool effects ).

![qsfd.png](https://steemitimages.com/DQmf5J4kmMow7jMvkJ5szYdB7psLqThb2rebjWPpW6VcYZ3/qsfd.png)

I copied and pasted the last effect and i used mirror to flip it.

![qsfd.png](https://steemitimages.com/DQmeGHsdFaaG3JSGKoGrqmGrp4Ynx34m4YW29Kpz3BSwUwj/qsfd.png)

After that, i created a circle that i will use as a path for particles and with some adjustments i got this result.

![qsfd.png](https://steemitimages.com/DQmQWjgxruL8HyMQH1i5T7qYyfvBjDrhiwScpdZpd1WhJvT/qsfd.png)

Next step i added the typographie, i used "Dolce Vita Heavy". with some glowing effects.

![qsfd.png](https://steemitimages.com/DQmWo449rJQM5WhSFKUd962eFwuNo9jifBAs6XdxtrPtcCa/qsfd.png)

I created a lens flare animation from right to left with optical flares and adjusted the brightness.

![qsfd.png](https://steemitimages.com/DQmVhnqdWiypsHUxzDUyzhJfSXr4FSVDwVfzhsfgajxDGV5/qsfd.png)

And for finish, i added a camera that adjusted for the depth of field effect inside the cercle.

![qsfd.png](https://steemitimages.com/DQmPZcfxu5gHvkces29GDCn4RXGfj3emsagavY4VtWjFFZ3/qsfd.png)

The final result ( at 00:00:05:22) :

![qsfd.png](https://steemitimages.com/DQmVQktYWVL72ThBxGM8p7SMFZWa5u8tSmzmhMHqznZvQpH/qsfd.png)

Once finished in After Effects, i rendered it out to a video file , for use this video in photoshop.

* How to creat a GIF :

To create a GIF image, first you have to import the video to photoshop.

![qsfd.png](https://steemitimages.com/DQmVH8rxaXjN5MXcXzR7jCoWaHfQ4Knz3SKeNgTowdu3Va4/qsfd.png)

Downscale the video in Photoshop. just go to ‘Image > Image Size.

![qsfd.png](https://steemitimages.com/DQmVfrEt7uRcjrPxmXF5Mz3BkdGLRcLXkxHRvxSZTFqMA8u/qsfd.png)

Use the legacy Save for Web option, and save it as GIF.

![qsfd.png](https://steemitimages.com/DQmQYM52tEMbcCxq8ot9FD1LrdGMdVUF8as2q75KXGGhs72/qsfd.png)

![qsfd.png](https://steemitimages.com/DQmeN8XBD4V2nZGLo64RaWTvjWaw5sApBoSW7t4VyvqiA8R/qsfd.png)

<center>I hope you like this post </center>

<center>![Sans-titre---3.gif](https://steemitimages.com/DQmfP2faSqatyTH7DFgKBLV65WGQ8ANYu4XsShYjUCWGQej/Sans-titre---3.gif)</center>
👍  , , , ,
properties (23)
authormro
permlinkthis-is-step-by-step-guide-of-the-animation-i-will-be-using-on-steemit
categorydesign
json_metadata{"tags":["design","creativity","graphics","steemit","utopian-io"],"image":["https://steemitimages.com/DQmPn4K5JLPRhNH7KuSCrtjkh6uNWGJ8HFdnixpCFd2UMSS/Sans%20titre%20-%203.png","https://steemitimages.com/DQmfP2faSqatyTH7DFgKBLV65WGQ8ANYu4XsShYjUCWGQej/Sans-titre---3.gif","https://steemitimages.com/DQmRpAfE59mQSLCoT2Pay3ZhCmTp1k5UpMeTc49Lo5gbgUn/qsfd.png","https://steemitimages.com/DQmf5J4kmMow7jMvkJ5szYdB7psLqThb2rebjWPpW6VcYZ3/qsfd.png","https://steemitimages.com/DQmeGHsdFaaG3JSGKoGrqmGrp4Ynx34m4YW29Kpz3BSwUwj/qsfd.png","https://steemitimages.com/DQmQWjgxruL8HyMQH1i5T7qYyfvBjDrhiwScpdZpd1WhJvT/qsfd.png","https://steemitimages.com/DQmWo449rJQM5WhSFKUd962eFwuNo9jifBAs6XdxtrPtcCa/qsfd.png","https://steemitimages.com/DQmVhnqdWiypsHUxzDUyzhJfSXr4FSVDwVfzhsfgajxDGV5/qsfd.png","https://steemitimages.com/DQmPZcfxu5gHvkces29GDCn4RXGfj3emsagavY4VtWjFFZ3/qsfd.png","https://steemitimages.com/DQmVQktYWVL72ThBxGM8p7SMFZWa5u8tSmzmhMHqznZvQpH/qsfd.png","https://steemitimages.com/DQmVH8rxaXjN5MXcXzR7jCoWaHfQ4Knz3SKeNgTowdu3Va4/qsfd.png","https://steemitimages.com/DQmVfrEt7uRcjrPxmXF5Mz3BkdGLRcLXkxHRvxSZTFqMA8u/qsfd.png","https://steemitimages.com/DQmQYM52tEMbcCxq8ot9FD1LrdGMdVUF8as2q75KXGGhs72/qsfd.png","https://steemitimages.com/DQmeN8XBD4V2nZGLo64RaWTvjWaw5sApBoSW7t4VyvqiA8R/qsfd.png"],"app":"steemit/0.1","format":"markdown"}
created2018-01-17 19:13:03
last_update2018-01-17 19:36:42
depth0
children0
last_payout2018-01-24 19:13:03
cashout_time1969-12-31 23:59:59
total_payout_value0.086 HBD
curator_payout_value0.013 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length3,129
author_reputation18,161,332,779,855
root_title"This is step by step guide of the animation i will be using on steemit"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id30,238,025
net_rshares12,237,989,787
author_curate_reward""
vote details (5)