Explore related tutorials & articles
8
Replies
I took the time to watch the tutorial this time, and can now see what the problem is. You are choosing to export out to a Frame Animation with an animated GIF. That has a maximum 256 colours, and we can see from your screen shot that you have maxed out the possible quality. The tutorial only shows a video timeline, and rendering out to video will retain the full quality because I imagine it has a similar colour depth as sRGB. One of our colour pedants will be along to give us the last word on that, I'm sure 
. 256 colour GIFs are fine for larger images with no fine gradients, but your icon is not going to do well with a reduced colour pallet.
What is interesting from the tutorial is that he demonstrates looping playback on the video timeline. AFAIK you can't make a rendered video loop without software, and you'll need the website guys to tell you about that unless that is already your thing. When I have made short video sequences that I want to loop, I copy the timeline clip and paste it in sequence as many times as I think I can get away with. If your application is online, ask your question in the Dreamweaver forum.
I'll add 'Looping video' to your subject line, which might draw in a web site coder or two, and I'll be interested myself, to hear the answer.
I did actually manage it to loop, just not refined. I understood what you're saying until the coding part. Are you saying that it's impossible to achieve such a graphic with Photoshop, and it can only be done through coding? I'm sorry for the misunderstanding and confusion, it's just I don't know how to code and this becomes out of my expertise, so I'm not quite sure what should I ask in the Dreamweaver forum or if it's an impossible action through Photoshop. Here's one of the gifs I'm attempting to make, and as you can see, the edges aren't refined: 
OK, we are getting at crossed purposes here.
The tutorial shows an animation running on a video time line. When done, you can either render out the video will play just once if uploaded to YouTube, for instance, or you can convert the video to a Frame animation. The difference is that video has the full colour depth of your monitor (>16 million, but not my area of expertise), but a frame animation can have only 256 colours.
Exaggerating to make a point, the comparison below shows the damage converting to GIF can do. Note I reduced all the way down to 16 colours for this.
An animated GIF can loop for ever. A video only plays once if viewed on YouTube, but if you embed the video in a website, I'm guessing that it would be possible to make it loop, and thus retain the full quality. A quick Google found a ton of information on making that work.
I am sorry but I think there's some mix and confusion. I didn't add the "Looping Video" part in the title of the thread. I never mentioned that because I never noticed. I know I didn't mention a "Looping Video" in my title before so I never looked twice, so that's why I didn't speak of it. Basically I'm trying to make several gifs, and I made one already: but from what you said, the edges of the circle are shoddy and unrefined due to gifs only allowing up to 256 colors. I don't know who edited my thread's title into a video, but I never even said anything about videos in my first post. What I'm trying to figure out is, how do I make the same (and similar) gif in Photoshop while having the edges of the circle not edgy or sharp whatever; completely refined.
I'm seriously sorry for the confusion, but I never spoke of a video, I'm not sure who may have possibly edited the title, especially with the fact that my first post doesn't speak of videos. Apologies if it's just me who added the "looping video" part in my subject, must have been an accident if it was me.
AdChoices