Jump to content


Photo

[Tutorial] Simple Flashing Text Avatar


  • This topic is locked This topic is locked
2 replies to this topic

Posted 04 June 2022 - 09:28 PM #1

fennec
Banned

fennec

Posts: 22
Likes: 29


  •  Member since:
    18 Dec 2018

    • Time spent:
      6d 15m

  •  Previous username:
    BTS

  •  Total level:
    2,208

705f2f97455ac42a5a81a35168337fe9.png

 

Hello fellow members of Alora, today I am here to present an in depth guide on how to create a simple, flashing text avatar for your profile like this:

 

puzBL70.gif

 

Programs needed: Adobe Photoshop

Difficulty level: Easy

 

Lets get right into it, shall we?

 

Step 1:

First of all, you want to have a word or your name that you want to spell out. For this tutorial, I will be using one of my alt usernames from other games, Virtuosity. Once you have your word, you want

to spell it out, but have each letter on a different layer, like so:

 

fcRswP2.png

 

Step 2:

Once that has been done, you want to select the first layer and make sure it is 100% opacity and change the Photoshop option to Motion like so:

 

j9BjCl2.png

 

Your Photoshop should now look like this:

 

af55cf87da551ce1157af5d688a2f82d.png

 

Step 3:

Click Create Video Timeline down the bottom and then change the frame timeline like so and then click the icon with the little 3 squares on the bottom left like so:

 

90sFI84.png

 

qHNsicS.png

 

Your timeline should now look like this:

 

71Si8N5.png

 

 

Step 4:

Now that we have our timeline, we are able to finally get into the animation part! This part can be very tedious and confusing at times depending on how long you want the animation to go for,

but be patient and you will get it done. Now make sure all of your layers are visible, but at 0% opacity, except for your first layer, keep that at 100%.

Create a new frame like so:

 

0GrdLHn.png

 

Make sure that you have selected the second frame and the first layer only, then change the opacity of the V (in this case) to 0%.

Once you have done that, select the first frame again and select tweens animation frames. Add 20 frames then press okay. It should now look like this:

 

skgM39a.gif

 

Step 5:

Now that you have done that, you want to create another frame at the end and change the to 100% opacity.

NOTE: You have to add the 20 frames for the second last frame each time.

It should now look like this:

 

1VPTKtC.gif

 

Once you have finished that part, you just have to rinse and repeat and it should turn out to be like this!

 

puzBL70.gif

 

Step 6:

Before you finished, make sure to change the animation loop to forever, like so:

 

BzwkO7L.png

 

There we have it! I hope that you have found this tutorial helpful. Shoot me a PM if there are any design questions you may have.

Thanks again for reading my tutorial, have a fantastic day!

 

-fennec



Posted 05 June 2022 - 02:55 PM #2

Moe
Advertisement Manager

Moe
Posts: 3,644
Likes: 9,872
Clan: Paragon
Location: fbi office






  •  Member since:
    05 Jan 2019

    • Time spent:
      253d 19m 47s

  •  Previous username:
    IM Moe

  •  Total level:
    2,277
    Awards

  •  8 bugs found

Thanks for this simple GFX guide for the bois <3


Posted Image

Posted Image


Posted 05 June 2022 - 09:19 PM #3

Formula One
Veteran

Formula One
Posts: 579
Likes: 546
Clan: Paragon
Location: Aus



  •  Member since:
    07 Jan 2019

    • Time spent:
      55d 20h 36m 5s

  •  Previous username:
    4AGE

  •  Total level:
    2,277
    Awards

  •  5 bugs found

Pretty nifty and easy to follow guide.

 

Thanks!


classic_large.pngEliteSR20   hcim.pngToto Wolff   gim.pngCarl Gustav   uim.pngTraction Off   eim.pngPerson 5

Beginning of Main account  -  Link to the challenge

1281b24e8b6447295abd4cdac05ab33d.png

7d67178fd306417ea65c108e9a6660d4.png
b864bba6cdd33bb25fd298f8dbe481d8.png

33e2935f80c933d281ed7b5b752da131.jpg

LswxHGV.png





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users


This topic has been visited by 33 user(s)