snaking text, a flashing star, Image Ready and Tween

[sudyn]

Tutorial for icon #8 in this batch, using photoshop cs and image ready, requested by earlylight .

Yes. I thought this tutorial would be a brief one. I was definitely wrong.

This tutorial is a step-by-step guide on how to make

Comments

[earlylight]

*eyes glaze over a bit*

I'm going to try it, but man oh man that's not just simple,now is it? :)

[sudyn]

hahaha. Sorry if I shocked you a bit just there.
The tutorial is very long, but that's mainly becuase I went into detail and did a how-to on each step (and I hope I didn't forget anything significant, with all that detail).
If you know the basics of photoshop and IR, then this shouldn't be all too difficult... At least I hope so.
If you're having trouble somewhere, and if something isn't quite clear, then feel free to drop a comment and I'll try to explain things a different way.

You'll definitely need a bit of time in order to make the icon, but that's only because you have so many layers that need manipulating.

Anyway. Good luck with the tutorial!
I'd be very happy to see your results. =D

[earlylight]

I did your ray one last night (I haven't uploaded it yet) and it wasn't too bad tho it incorporated some things I'd never tried before. I'll be trying this one, but I think I'll wait until a time my boys aren't screaming through the house. *grin*

[sudyn]

hahaha. Yeah. I had to spread the writing of this tut over two days lest I make a big fat mistake. It's impossible for me to concentrate when my daughter's around, asking questions and demanding attention. ;)
So I understand, and recommend that you start when your children are asleep or somehow busy.
Making a mistake in one of the layers here can get quite frustrating.

Um... before I scare you out of the task entirely, I'll just let you wait and see, hehe.
(And just to make amends: This is a four-in-one tutorial, basically.
in step 1, you'll be making the fake-community look. in step 2 you'll be making all the layers for the snaking text, in step three, you'll be making the blinky-star-thingy (for lack of better words to use) and in the final step, you'll animate the whole thing. So basically, you can cut out any of the first three steps to save time... or nerves.)

Goodness. I'm so windy today. Sorry about that.

[catta2290]

saving to memories.. the best thing is, that usually the tutorials have screenshots with the englisch version and i vever! find them *sobs* and now i know where it all stands and i wanted to do something like this forever! thank you thank you thank you!

[sudyn]

*waves happy flag*
you are very welcome! I'm glad to hear that this tutorial was understandable despite the few screenshots used. ^.^
my photoshop is german, so I thought that screenshots would be of little use to most of my audience, hehe.
have fun making your icon!
I'd be very happy to see the result.

should you have any difficulties or questions, please feel free comment here. =D
I'll try to help as best as I can.

[catta2290]

would love to but... ähm... well, i safed the image, as you said and i wanted to open it in imageready.. but imageready just sees the first picture that means: the background *sobs* so i tried it with: open the picture directly in image ready.. just the first picture -.- than i opened it in ps again.. everything is there.. tried it in image ready.. first picture... ps.. everything there (i tried it about twenty times because i want to learn this! and until now everything worked fine (btw, what i did, because of the 3 different text colors: i always took on color and made all letters, that where supposed to have this color with it. it's much more faster than changing the colors for every picture three times :) )
can you help me? this is soooo cool, i want to do it :o3

[sudyn]

no problem. =D

1) prepare your icon in photoshop. (I guess you already did that, hehe.
2) very important: don't merge your layers!
I very much doubt that you did this, but I thought I'd mention it just in case.
3) open in IR. (you did that)
4) look at this screenshot. (very chaotic, but I hope you'll be able to understand it.

5) now you can follow the tutorial I posted above. ;)

unless this confused you even more, hehe.
if so, I'm very sorry. please tell me if this didn't work for you. I'll try explaining it differently then.

[nepthys6669]

I'm not sure how I found this, but you did an amazing job with this tutorial... I plan on trying it out, thanks ^_^

[sudyn]

thank you very much for the compliment! and you are very welcome. ;)
I hope things work out well for you when you try it out.

[ashleighzombie]

is there any way to see your animation pallette? :3

[sudyn]

in image ready and cs3 that would be window > animation... I hope that's what you mean^^

[ashleighzombie]

oh i should have been more specific.
any way to show us YOUR animation pallette while you have all the frames open? sorry about that.

[sudyn]

^^ for that, I'd have to make the icon all over again. it's been a very long time since I made that icon, and I don't know whether or not I still have the psd file somewhere on cd.

[fateandbeauty]

Are you german? because your ps is german? If - then could you please explain the tutorial into german for me?
That would be so nice ♥