arlo atomickk's profile picture

Published by

published
updated

Privacy: Link-only
Category: Web, HTML, Tech

How to make icons!

I'm gonna make an icon of this image with some text!

8f66d323511989-56324384b1d0d

So firstly, you're gonna wanna crop the image to be square:

8f66d323511989-56324384b1d0d

Now add the text you want and any other graphics such as a border etc:

051-AA2-D6-AC45-4-B6-F-8087-65-E434012917

You could actually leave it there if you want a picture icon and use this site to resize it to 100x100, but if you want it animated:

Make a second 'frame' - add something or even use a different photo/text etc - i just added some blood and a heart:

3-FA40-D3-F-9-FD6-4424-9774-F5-DF87360453

Now use this site to resize the two frames to 100x100 (myspace icon size) or really whatever size you want. Save them!

Finally, use this site to turn your two frames into a gif:

Screenshot-2023-07-09-at-23-08-52

The delay is how long the frame will show before switching to the other. You can also experiment with crossfading etc.

Finally, save your gif and use it on ur profile all you want! 

Here's the final product:

ezgif-4-3f16894ec2

And here's the bigger version for viewing lol:

ezgif-3-8245e74ad0


I upload all of my images onto this site and then put them on my profile using the code:

<img src="DIRECT LINK"/>


Comments

Displaying 0 of 0 comments ( View all | Add Comment )