InsaneJournal

Tweak says, "Don't flatter yourself."

The Mad Hatter (allthevoices) wrote in rp_tutorials,
@ 2017-12-08 10:17:00

Entry tags:

icons

Does anyone know of any programs that make icons on Chromebook? It's the only machine I have at the moment and I'd love to make some icons of the new Runaways show. I'd appreciate any help. Thank you!

(Post a new comment)

	the_spectacular 2017-12-11 08:54 pm UTC (link)
	To make regular icons I use: https://pixlr.com/editor/ To make gif icons I use: https://ezgif.com/crop Not as great as photoshop but I hope this helps! With newer fandoms its easier to find gifs on tumblr so I find myself just making gif icons, plus they look cool. (Reply to this) (Thread)

	crossroademon 2018-08-22 02:49 am UTC (link)
	any tips on how to make the gif size small enough to upload onto ij? (Reply to this) (Parent) (Thread)

the_spectacular
2018-08-22 03:04 am UTC (link)

I just did a screen share on discord and took someone through a tutorial of ALL MY TRICKS. Some gifs are easier than others to smallerize.

Let me know if this makes sense.

CROPING STAGE
1. At ezgif.com, start at the "crop" tab at the top.
2. Upload or paste in the URL of the gif in question.
3. Select the square check box and crop the gif you want.
4. IMPORTANT: "crop with" drop down, always use gifsicle. (You can experiment with the others but gifsicle always gets the better quality and smaller size gif.)
5. Click the crop image button!

RESIZE THAT DUDE
1. You now have a square gif that is probably bigger than 100x100
2. Select the resize icon that is under that new gif image.
3. Change the width or height to 100 and
4. IMPORTANT: use gifsicle again for the resize method because it'll give you a smaller image size.
5. Resize that image.

I know, I know, those are easy, but using the IMPORTANT steps will often give you something quite a bit smaller to work with, so make sure you use gifcicle for the methods...

ONWARDS....

(Reply to this) (Parent) (Thread)

	crossroademon 2018-08-22 03:09 am UTC (link)
	Thank you! I'm too tired and cranky to try this again tonight but I will remember this for the future. (Reply to this) (Parent) (Thread)

	the_spectacular 2018-08-22 03:11 am UTC (link)
	Oh, there's more. XD Let me know when you're less tired if you need clarification on any instructions. (Reply to this) (Parent)

the_spectacular
2018-08-22 03:10 am UTC (link)

Okay, you have a 100x100 gif, but chances are it's still too big.

We got options people.

OPTION ONE: LUCKY JERK FACE
1. Under your 100x100 gif, choose the "optimize" icon.
2. Under the "optimization method" select "optimize transparency".
3. What does this do? I don't know. Does it work? Only part of the time, which is why this is the lucky jerk face option.
4. Leave it on the 3% fuzz.
5. Optimize gif.
6. OKAY... did the file size get smaller? You're a lucky jerk. Did it not get smaller... do not use the new gif, do not follow the rest of the steps, and go to the next option to be described in a new comment.
6. LUCKY JERK FACE? Okay, if you clicked optimize and the file size is smaller but not quite small enough, click the "optimize" icon again underneath the new icon.
7. Play with the default "lossy gif" icon and compress the gif image until it's under 100. If the lucky jerk face method worked, you'll usually only have to compress it a tiny amount to get it under the size limit.

AND YER DONE...

But wait... this didn't work... WELL HOLD ON...

(Reply to this) (Parent)

the_spectacular
2018-08-22 03:30 am UTC (link)

OPTION TWO: When the gif isn't *too* obnoxiously large

So you have your 100x100 gif and the lucky jerk face method didn't make it easily smaller. Now what?

Well, if your 100x100 gif is less than 200kb I recognize this method:

1. In Optimize, choose one of the following options:
Drop frames --> remove every 2nd frame
Drop frames --> remove every 3rd frame
Drop frames --> remove every 4th frame

Which one should you pick? The closer to 100 KB the less frames you can drop.

2. The new icon will look sped up. Boo. We can fix that!
3. Under the new gif, pick the "speed" icon.
3A. If you removed every 2nd frame, change to 60% of current speed
3B. If you removed every 3rd frame, change to 70% of current speed
3C. If you removed every 4th frame, change to 80% of current speed

Obviously, this is just a guide. You may want to do it slightly differently to your taste.

The goal is to have the icon 130KB or less when you optimize again and use the default "lossy gif" option to compress the gif to less than 100kb. The larger your gif, the more you'll have to compress it and the more quality you'll lose.

(Reply to this) (Parent)

the_spectacular
2018-08-22 03:36 am UTC (link)

OPTION THREE: WHY IS THIS GIF SO STUPID BIG?

When gifs are above 300KB it means we're going to have to make some changes. Sorry gif! Maybe you're too long. Maybe the quality is too high. Who can say?

If the gif is stupid, stupid big, then you may want to follow steps in option 2 first to get the quality down to size. But is it still way too large after that?

Then we go to the "frames" icon.

Why the "frames" option? It gives you a lot of control. You essentially turn off the frames and cut the gif down shorter until it it's closer to 100 and you can compress it.

But some gifs are also super long, and sometimes I'll actually enable/unable different sections of the gif to make multiple gif icons from small selections.

Once you've chopped down your gif to size, use the default optimization method and compress until it's under 100KB.

If anyone else has tips, feel free to add to these comments! I'd love to hear them.

You can also go to the "effects" icon and play with the lighting if the gif is too dark or whatever, though sometimes it adds to the size of the image.

(Reply to this) (Parent)