How to make a flaming text in After effects step by step Tutorial

in #photoshop7 years ago (edited)


untitled.gif

Hello guys! Today I made some basic tutorial in After Effects: Flame Text.


You can also make it too just follow the step by step tutorial below:

  • 1st open your After Effects application.
  • Then, click File.
  • After that, chose New Composition.

  • Name your composition with any name you want.
  • Then follow these settings:

Preset: HDV/HDTV 720 25
Width: 1280px
Height: 720px
Pixel Aspect Ratio: Square Pixels
set frame rate to 25
Full resolution
Duration = 0:00:10:00
Background anything you want.

  • At the lower left panel, Right click and click New then Text. Put anything you want there. I created 3 texts but it's up to you to decide how many you want, even just 1.


  • Select all 3 texts then Right click > Pre-composed.

  • You can then add a name to your composition, I named it "Fire text". Then select "Move all attribute into the new composition" then click ok.

  • At the bottom left side double click Fire Text.

  • Then go to the menu bar across the top click the composition tab.

  • Set your composition settings like this:

comset.png

  • From the bottom-left part again select all 3 texts (if you create only 1 text just right click on it) and choose pre-compose again and name it anything you want.

  • Now go to menu bar at the top then click file > import > file.

  • Import a 'fire' image (any fire image you have will do). Here's what I used in this turorial (credits to owner):

images.jpg

  • In the project panel is where you will see your imported files, drag it down to composition panel at the bottom left.

  • Go to effects then preset and search for motion tile.

  • Drag the motion tile effects and drop it to your fire image then change the output width to 600 then press enter:

  • It should look like this:

  • Now click the clock named tile center and at the bottom-right part set the time like this::

aw.png

  • I set mine at 8 seconds:

  • Then go back to tile center change it to 2000:

  • Right-click the fire image and then click pre-composed:

  • Add a name to your composition then click the move all attributes in new composition then click ok:

  • Now drag the fire image and drop it at the bottom of your text

aw2.png

  • It should look like this:

  • Now select the fire image composition make sure it's selected then go to menu option click layer >track matte > alpha matte:

  • And now the surface of the text are now the fire image composition.

31.png

  • After than go to effects and presets and search for cc blobbylize. Drag the the blobbylize effect:

drag.png

  • Then drop it here:

drophere.png

  • Follow these settings:**

blobbysettings.png

  • Go to effects and presets search for cc glass:

cc glass.png

  • Drag and drop to cc panel then follow these settings:

ccglasssettings.png

  • Right click on the arrow New > click adjustment layer:

rclickhere.png

  • Select the adjustment layer then on the menu bar click effects > color correction > canvas:

  • Just set it when you're satisfied in the colors:

  • Select all of them then right click > pre composed:

Go to file> export> add to render Queue:

  • Set your file's destination then click save:

  • You are now done making your Flaming Text!


Bonus!

Additional Tutorial How to convert Avi video to GIF file using Adobe Photoshop:

First Open the menu bar then click File > Import > Video Frames to Layer.

Capture_2017_10_07_14_12_48_218.png

Go to video file you want to convert then select it then click load after:

Capture_2017_10_07_14_13_36_875.png

Follow these settings then click ok:

Capture_2017_10_07_14_13_42_762.png

On menu bar again click file > save for Web & Devices:

Capture_2017_10_07_14_14_04_241.png

Click save and now you are done converting a short video to GIF:

Capture_2017_10_07_14_15_53_523.png

Thanks for visiting this page if you want me to make more videos please comment down and don't forget to follow upvote and resteem this blog if you like my work. It will help in encouraging me to make more tutorials!

untitled.gif

ruah.jpg

Sort:  

You Are An Excellent Steemian. This post has received a 50.00 % upvote from @steemthat Return the favor and SteemThat Person Back: @ruah. SteemThatBotMoreIGrow .


Please Upvote This Comment To Help Me Grow!

This post receive a 54.11% upvote from @kizzbonez in behalf of @hardcorevoter please upvote this comment to make us grow.
Send 0.005 for 0.01 upvote maximum of 0.015 sbd can send per post and 3 post upvote a day, put your post link as memo.
Send additional 0.005 for resteem. follow @hardcorevoter for Update.
Thanks and make a visit to your benefactor : @ruah
You are very clever @cleverbot

This post receive a 96.8% upvote from @wackymacky in behalf of @hardcorevoter please upvote this comment to make us grow.
Send 0.005 for 0.01 upvote maximum of 0.015 sbd can send per post and 3 post upvote a day, put your post link as memo.
Send additional 0.005 for resteem. follow @hardcorevoter for Update.
Thanks and make a visit to your benefactor : @ruah
You are very clever @cleverbot

Great stuff. Thanks for sharing the process.
I don't really use any Adobe products yet (You can say I'm a hater :D) due to a huge learning curve for beginners but it's nice that it's usually very similar process in other programs anyway, so thank you :).

thanks for the feedback sir @designthinking what application you're using?

@cleverbot

I started using Affinity products. As far as I know hey do not support animations yet though so it's not an alternative to After Effects. Though a great alternative to Illustrator/Photoshop/Indesign.

For video editing I use Lightworks (Works on all platforms, I think also open source) and that is just amazing piece of software.

for animations like these ... I didn;t look into it yet but I'm planning in very near future, even if just for making some nice User Flows.

This comment has received a 3.13 % upvote from @drotto thanks to: @hardcorevoter.

Awesome, I don't have this or know the first thing about using this program, but maybe I will get into it later for sure!!

#cof

Wow! Awesome work on the rewards on this post, I wish the same would happen to me. Great job! Cool tutorial as well sir. :D Keep it up, I wish to see more.

thanks sir @flamered thanks for your wonderful comment. it will surely happen to you too

Thanks so much - I will do my best then.

wow!cool bro gonna try this

go bro and try. its very easy i will do more tutorials :)

@cleverbot

This comment has received a 0.28 % upvote from @drotto thanks to: @banjo.

welcome to the magic that is steemit @ruah !

Ang galing naman! matry nga this :)

thanks idol @emonemolover. pwede ka gumamit ng mas magagandang surface na image. pwedeng tubig or any thing you want. :)

Cool, this tutorial looks really good @ruah. I should my own fire text too! But I don't use After Effects - I only have Photoshop. :D But I'll stick to traditional arts for now. Good job on this!

Nicely done~ these things are awesome references XD

Nice tutorial you got there bro!
Looking forward to know more about photoshop.
upvoted followed and resteemed

thanks sir @dante01 i will make more basics and nice effects. :) thanks for the resteem it will help a lot.

@cleverbot

This post received a 67% upvote from @morwhale team thanks to @ruah! For more information, click here! . this is @originalworks . steem @steemprice BTC

$4429.6 USD/BTC
Volume: 28860.57 BTC ($127840733.36 USD)
Last Updated Sun Oct 8 02:19:06 2017

As a follower of @followforupvotes this post has been randomly selected and upvoted! Enjoy your upvote and have a great day!

@minnowpond1 has voted on behalf of @minnowpond. If you would like to recieve upvotes from minnowpond on all your posts, simply FOLLOW @minnowpond. To be Resteemed to 4k+ followers and upvoted heavier send 0.25SBD to @minnowpond with your posts url as the memo

The @OriginalWorks bot has determined this post by @ruah to be original material and upvoted it!

ezgif.com-resize.gif

To call @OriginalWorks, simply reply to any post with @originalworks or !originalworks in your message!

To enter this post into the daily RESTEEM contest, upvote this comment! The user with the most upvotes on their @OriginalWorks comment will win!

For more information, Click Here! || Click here to participate in the @OriginalWorks sponsored writing contest(125 SBD in prizes)!
Special thanks to @reggaemuffin for being a supporter! Vote him as a witness to help make Steemit a better place!

@reported has voted on behalf of @minnowpond. If you would like to recieve upvotes from minnowpond on all your posts, simply FOLLOW @minnowpond. To be Resteemed to 4k+ followers and upvoted heavier send 0.25SBD to @minnowpond with your posts url as the memo

Congratulations! This post has been upvoted from the communal account, @minnowsupport, by Ruah from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, someguy123, neoxian, followbtcnews/crimsonclad, and netuoso. The goal is to help Steemit grow by supporting Minnows and creating a social network. Please find us in the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.

This post has received a 3.13 % upvote from @drotto thanks to: @ruah.