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

[Epsilon]

Thanks for that tut ^^
been looking for some new style to work with

[Shana]

Originally Posted by guiltygearxt

since kaze. doesnt care i will just post a tut he made a while back just 4 the hack of it

I can't see it, can you please re-host it?

[felix]

Can you see the bellow Shana?

Spoiler for ReHosted-To-ImageShack:

BTW Shana, you made a really really big quote there ^^'

Originally Posted by Veritas

Any .mkv file. I was trying with Romeo X Juliet.

Tested out Ep1 from SS ~ seems to work fine for me.

---
Filter-Signature Tutorial Added.

[Veritas]

Originally Posted by Cats

Tested out Ep1 from SS ~ seems to work fine for me.

I was using the one from Umai. I'll try it with SS, but they don't have ep. 7 out yet.

What a drag. Nevermind.

[xxmimixx]

I wanna ask a question. Is there a tutorial for gimp user for this kind of technique of rendering?

*CLICKY*

Thanks!

[KiNA]

With GIMP, only path tool is available for render cutting, sorry...

This what I used before

[xxmimixx]

^ Well, that tutorial was easier than the one I was using for it to make renders. And I can do it too. Thanks !

[zuka]

Wow!
Cool tutorial, thank you

And recently I found out how to make signature (animated GIF) from video files.
It can be done with app "Video Avatar"
(details on http://www.geovid.com/Video_Avatar/)

i just create new, see the result:

[felix]

The only problem with tools like that is that we generally tend to make stuff here cutting close to the limit.
Machine-like thinking just can't get it right at the moment. ^^

I'm not saying they can't get it small enough, I'm saying they can't get the quality/size ration just right.

e.g. ( in that one you gave as a example )

I would have left dither at 100%. Sure I pay a heavy price in colors but I don't want to see those blocks in the background.
Actually I might have just picked a red there and brushed a little to save some colors from extinction.
Maybe done the same for the white there.

Were those kids are in awe and almost standing still for the first few frames,
I might have copy pasted that pose so its the same ( since they're not really moving much )
Would have saved a few extra colors ~maybe.

Would have probably cut a few frames as he's accelerating up the jump for some extra drama.
Again saving some colors. I can always mess with the timing of earlier scenes to compensate.

etc etc etc

[ContractorC]

i dont know if this was already posted....but what is the easiest way to just edit pictures....

example: lets say i want to change an anime character's eyes ......red.....

[KiNA]

I wished you read the 1st post =.=

index H.. 6th tutorial -.-

[Shikimori Kazuki]

I'm seeking help in learning how to make signatures using PS. Yes, I have look at the first page of this thread and I'm not too sure on where to start off reading.

For example, should i read rendering images or cutting images or whats the difference between them etc.

I just want to read it in an order people would advise. I do not have basics of PS but I'm a keen learner, just manage to find some time during summer to learn something I'm interested in. I hope someone can guide me along and er...looking forward to learn from you guys!

[Deathkillz]

Originally Posted by Shikimori Kazuki

For example, should i read rendering images or cutting images or whats the difference between them etc.

they are both basically the same thing yea i would advise you to read kiNa's article on how to quick mask out an image to be used before anything else...then you can read up on how to make backgrounds ~
PS is pretty easy when you understand the concept of layers and how the work ~ together with the tools ~ i guess you will just have to try everything out once to see how it works or search on the net

good luck ^.^

[KiNA]

To make a sig, first you need to have a render with no BG .. so, unfortunately, you'll have to start with my tutorial to cut out render like DK advice (or Dragonwing's) .. Quickmask is very newbie friendly ^^, then you can advanced to BG making, with filters .. then brushing .. then c4d.

Or you can start like Cyz.. Cropping from wallpaper , Once you look trough Cyz's work, you'll notice that cropping is an art by itself

Maybe we should ask Cyz to make a tutorial on cropping.. He have the eyes for it

[Shikimori Kazuki]

Alrightey, i'll check the topics that relates to cropping images first. Thanks!

[Jinto]

This is more banner related... adding clouds on a gradient image and allowing for a seemless transition at the borders.

Tutorial placed in a spoiler because of large images (that might affect the forums layout)

Spoiler for Tutorial Clouds+Gradient:

The tutorial is based on Photshop CS2

1) loading a cloudy image and the day gradient image:



2) With the magic wand selection tool (tolerance on something like 15) selecting the blue parts of the sky (holding down Shift key while doing this does add to the selection, holding down the Alt key subtracts from the selection):



3) Inverting the selection:



4) With the rectangle mask tool cut the useless landscape part (holding down the Alt key while doing this):



5) Copy+Paste the selection into day gradient image. A new layer should be available. Resizing the clouds image if needed (Hold shift while resizing with the corner drag boxes to resize x,y-proportional)



6) Loading selection (transparence layer):



7) Modifying Selection by Contracting it about 1 pixel:



8) Mdofying Selection with Feather tool also 1 pixel:



9) Now inverting selection and deleting (Del Key) the selection



10) Using the magic wand tool to select the left/right border stuff (holding down Shift key to add to the selection). If the borders are completely selected a certain other part of the image will be selected too. That is exactly what we want:



11) Expanding the Selection by 1 pixel (in the picture a 3 is shown but that was before I changed it...):



12) Feather Selection by 1 pixel (again in the picture a 3 is shown... but that was before I changed it to 1). Then deleting (Del key) the selection:



13) Creating a new layer:



14 + 15) Using the Eyedropper tool to get get the dark blue of the gradient image (by applying it at the blue part of the gradient image):




16) Filling the Layer with this blue color (Foreground color)



17) Choosing color blending for the new layer



18) Setting opacity to something like 50%:



19) Merging down the layer:



20 + 21) Adjusting levels if clouds are too dark:




22) Switching gradient layer to invisible:



23) Using magic wand tool to select the semi transparent blueish part (holding down Shift key to add to the selection):



24) Deleting the resulting selection:



25) Switching on gradient layer ... clouds are now successfully integrated:

[SweetHoney]

Hi again ,

Some of my friends on Animesuki have asked my to do a tut on how I do these avies.



First of all open up an image that you want to make into these avies. For this tut I'll being using this Nao picture



Get the crop tool and select the area where you want to have in the avatar. After this go to. Image-Image size 100X100 or you desired resoultion. You should now have something like this.



Now make a NEW layer and make sure it is under the picture. So you still see the picture, but there is a white layer under neath the picture layer.

After this has been done select the picture layer and you see where it has options like Opacity and there is something that says Normal. Go to that bar and find overlay and select it. If you've done all the steps right so far it should look like this.



BUT you will need a colour for the brushes to show up like the ones I showed you and the very beg. of this tut. I like to have the characters hair colour since it usually blends well.

At this point you should now have a colour of your choice and have the brush tool selected as your current tool.

Before you go on you should go to Deviantart and download Icon brushes. Icon Brushes

Once you've found your favourite brushes download it and select it through the brush options. Note: I'm not going through how to download brushes etc.*

Find the brush/es you just download and select it. Now Zoom in on your picture and find the area you'd like to put the brush. Reminder you must of selected the White layer NOT the picture layer.

So contuine doing this to you're happy with you're results. Finish it up with a border and Save as a PNG, JPG or GIF. and you should have something like this



Well I hope this tut can help some people.

Enjoy but most of all Good-luck!~

[felix]

Originally Posted by Jinto Lin

...

Or a tad simpler way..

• Get decent cloud brushes
• Brush with white

All Done.

----
Also the way you seperated them..
Umm~ why not use Image » Calculations.

[Jinto]

Originally Posted by Cats

Or a tad simpler way..

• Get decent cloud brushes
• Brush with white

All Done.

Of course the shown way is by no means the only way to do it.
Drawing clouds is one of the many other ways... well uh... if you have these decent cloud brushes of course (which I don't have ^^')

Originally Posted by Cats

----
Also the way you seperated them..
Umm~ why not use Image » Calculations.

Uh, because I want to add to the selection localy not globaly. The difference in the result is hard to explain without going too techy (which I have absolutely no intend to find translations for in english... sry )

[konstargirl]

Originally Posted by zuka

Wow!
Cool tutorial, thank you

And recently I found out how to make signature (animated GIF) from video files.
It can be done with app "Video Avatar"
(details on http://www.geovid.com/Video_Avatar/ )

I just create new, see the result:

I'm trying to do the tutorial but Its not working for me. I have Windows XP but when I'm trying to make it, the video is not playing for some reason.Why is that?