Sig/Avatar tutorials by the makers [Index in First Post]

[Izayoi]

Originally Posted by Cats

Too generalized question.

Not really since every Japanese artist I seen use it, let me try to find a image or it.

[felix]

But maybe every which one I've seen doesn't.

Try...

• Photoshop (old favorite)
• Illustrator (for advanced stuff)
• Inkscape (classic solution)

[SeedFreedom]

Hi everyone. I'm a complete noob when it comes to gifs and ive been following Cats' guide but now am stuck and need a little help. I've got virtual dub and image ready and am able to grab the frames fine. My problem comes in turing those frames into a gif.

My first problem is adding a border.

Originally Posted by Cats

[*]1px color border with color border (Cyz type) - Create a new layer (see above) Ctrl+A, now Edit > Stroke,

I cant seem to be able to do that. i can add a new layer but i cant access stroke

Spoiler:

My next problem is saving. i dont see the function Cats is refering to

Originally Posted by Cats

Now's time to save it..
Go File > Save for Web...
You should see something like this... The objective here is to get it under 50k. Since my animation sequence is small (12 frames) there's little to no optimizing to be done.

Spoiler:

Also, how do i change the length of time the frames stay up? AKA, changing the delay/speed of the gif

Thanks for all your help.

[Utter_iMADNESS]

Originally Posted by SeedFreedom

My next problem is saving. i dont see the function Cats is refering to

Spoiler:

Also, how do i change the length of time the frames stay up? AKA, changing the delay/speed of the gif

Thanks for all your help.

For your version, you should click on "Save Optimized As" to save as a gif.

And to change the length of time for each frame, you just need to change the # of seconds under each frame. Here's a picture just in case:



I'm not too sure about the border so I can't really be of help.

[SeedFreedom]

Originally Posted by Utter_iMADNESS

For your version, you should click on "Save Optimized As" to save as a gif.

And to change the length of time for each frame, you just need to change the # of seconds under each frame. Here's a picture just in case:



I'm not too sure about the border so I can't really be of help.

Thank you. Thank you. That works.

Sorry, i also want to add, is there any way to reduce my file size easily? AKA reduce image quality?

[felix]

Originally Posted by SeedFreedom

I cant seem to be able to do that. i can add a new layer but i cant access stroke

Spoiler:

You need to have some sort of selection (a ant line) to stroke. Ctrl + A at that step to get the selection.
The reason you don't see Save for web... is because you're skipped a few steps and are still in ImageReady instead of Photoshop.
(warned you it was the complicated version)

For optimizing try the check list and tutorials on the first page. (Section B)

[Sephi]

Rar. With the Video Tutorial and PSD

Spoiler for Render result:

[crazyhorse]

Hi I have a question on animated sigs. Every single time I make an animated sig, the quality goes down like crap once I try to optimize it, even with the best settings. I've heard (probably on Riker's thread) that you can save the sig into parts to save quality. I don't quite understand it so if anyone can explain it to me, I'll appreciate it very much.

[Riker]

Originally Posted by crazyhorse

Hi I have a question on animated sigs. Every single time I make an animated sig, the quality goes down like crap once I try to optimize it, even with the best settings. I've heard (probably on Riker's thread) that you can save the sig into parts to save quality. I don't quite understand it so if anyone can explain it to me, I'll appreciate it very much.

For example, this sig is cut up into 2 parts. The left portion, which is static and does not require any animation, is saved as a JPG. You can do this by using the Slice Tool in Photoshop to divide your sig into smaller sections.

[crazyhorse]

Ahhh so that's what the slice tool is for. Thanks!

[Evil Rick]

Hi it's your friend Evil Rick again, I have some problems trying to add a gif to my current Avatar

this is my avatar (JPG format) this is the gif

When I put the gif in the Avatar and save it, the gif transform into JPG too, plus I can't inport the gif to Photoshop. Anyone can help me?

[Sephi]

Originally Posted by Evil Rick

Hi it's your friend Evil Rick again, I have some problems trying to add a gif to my current Avatar

this is my avatar (JPG format) this is the gif

When I put the gif in the Avatar and save it, the gif transform into JPG too, plus I can't inport the gif to Photoshop. Anyone can help me?

open the .gif in Imageready. Copy the jpeg in and put it in the lowest layer. And your done.

Additionally you can increase the canvas size from 65px(gif) to 100px(jpeg).

This is what you should get

(size is to big to be used on AnimeSuki) Didn't bother with optimizing it. Though i doubt it can be made within Animesuki rules without shrinking it or totally butchering the quality.

[USB500]

Originally Posted by Sephi

Rar. With the Video Tutorial and PSD

Spoiler for Render result:

So this is the rendering I've heard a lot. many thanks for this useful tipss

[doodles_sempai]

lol I was wondering, how do you add borders to avatars and sigs using Photoshop CS3??

[Izayoi]

Originally Posted by Cats

But maybe every which one I've seen doesn't. [/list]

Now lets try to provoke me. I am not your ignorant first timer, I tried a lot of programs. Just because you haven't seen it doesn't mean no one uses it. If you don't know the answer, which it seems, just ignore me question instead of trying to answer it when you don't know.

Edit: I got my question answered. Oh and it is not any of those your listed.

[Evil Rick]

Originally Posted by Sephi

open the .gif in Imageready. Copy the jpeg in and put it in the lowest layer. And your done.

Additionally you can increase the canvas size from 65px(gif) to 100px(jpeg).

This is what you should get

(size is to big to be used on AnimeSuki) Didn't bother with optimizing it. Though i doubt it can be made within Animesuki rules without shrinking it or totally butchering the quality.

LOL thanks!
I will give a try and then I'll come back
LMAO

[OceanBlue]

Originally Posted by doodles_sempai

lol I was wondering, how do you add borders to avatars and sigs using Photoshop CS3??

You can do this:

1. Create new layer.
2. Fill with random color.
3. Set Fill to 0%
4. Go to Blending Options [Double-click the layer] and find "Stroke."
5. Set "Position" to "Inside"
6. Tweak settings.

Or you can:
1. Create new layer.
2. Fill with color of border.
3. Select All.
4. Go to "Select" on the menu bar, find "Modify", and click "Border".
5. Set pixels.
6. Clear/Delete selection.

The first option will create a solid border. The second option will create a border that fades in [can also be done with the first option, except by replacing "Stroke" with "Inner Glow"].

Setsilya, I'm curious as to what the answer is.

[Riker]

Originally Posted by OceanBlue

Setsilya, I'm curious as to what the answer is.

PaintTool SAI

[OceanBlue]

Is there anything about this program that makes it superior to Illustrator or Photoshop?

Edit: I just watched some videos of it on Youtube. It looks amazing, but you can't disregard the skill level of these people.

[felix]

Originally Posted by OceanBlue

Edit: I just watched some videos of it on Youtube. It looks amazing, but you can't disregard the skill level of these people.

Link please.