gif animation in imageready

W
Posted By
woods
May 25, 2005
Views
306
Replies
5
Status
Closed
lets say you’re doing a gif animation and it’s got a text headline…eg. "This is my text headline". But you want each word to come up per frame like it’s being typed in (not each letter).

If you type "This" on frame 1….then go to frame 2 and continue typing "This is", (in the same text layer) it changes frame 1 also. So the only way i know is to create seperate text layers for each word to make up the whole headline.

Is there a quicker and easier way to do this?

How to Improve Photoshop Performance

Learn how to optimize Photoshop for maximum speed, troubleshoot common issues, and keep your projects organized so that you can work faster than ever before!

C
Corey
May 25, 2005
You can either create a separate layer for each word or, depending on the background, create a "mask" graphic that covers all the words and moves out of the way for each word in each frame. You can have the text in one layer. The graphic can be a copy of the background, if it is a single color. This graphic, in a layer above the text layer, covers all the text in frame 1. In frame 2, you shift-drag the layer to the right to reveal the first word. In frame 3, you shift-drag more to reveal the second word. Continue the process until each word is revealed.

If the background is too unique to do this, you can copy it, paste it over the top of the text and slice it into non-moving sections, each in it’s own layer and covering one single word. Then, in each frame, just turn off the eye for each successive layer to achieve the same result.

Peadge 🙂
R
RocketMan
May 25, 2005
in article , Peadge at
wrote on 05/24/2005 6:30 PM:

You can either create a separate layer for each word or, depending on the background, create a "mask" graphic that covers all the words and moves out of the way for each word in each frame. You can have the text in one layer. The graphic can be a copy of the background, if it is a single color. This graphic, in a layer above the text layer, covers all the text in frame 1. In frame 2, you shift-drag the layer to the right to reveal the first word. In frame 3, you shift-drag more to reveal the second word. Continue the process until each word is revealed.

If the background is too unique to do this, you can copy it, paste it over the top of the text and slice it into non-moving sections, each in it’s own layer and covering one single word. Then, in each frame, just turn off the eye for each successive layer to achieve the same result.
Peadge 🙂

Just make each letter an individual layer, turn them off as you wish, does not matter what the background is.
C
Corey
May 25, 2005
"RocketMan" wrote in message
in article , Peadge at
wrote on 05/24/2005 6:30 PM:

You can either create a separate layer for each word or, depending on
the
background, create a "mask" graphic that covers all the words and moves
out
of the way for each word in each frame. You can have the text in one
layer.
The graphic can be a copy of the background, if it is a single color.
This
graphic, in a layer above the text layer, covers all the text in frame

1. In
frame 2, you shift-drag the layer to the right to reveal the first word.
In
frame 3, you shift-drag more to reveal the second word. Continue the
process
until each word is revealed.

If the background is too unique to do this, you can copy it, paste it
over
the top of the text and slice it into non-moving sections, each in it’s
own
layer and covering one single word. Then, in each frame, just turn off
the
eye for each successive layer to achieve the same result.
Peadge 🙂

Just make each letter an individual layer, turn them off as you wish, does not matter what the background is.

That was my first suggestion except having each word be a separate layer, since the OP didn’t want each letter to appear, but each word. I offered the alternative to this as a chance to play with ImageReady and to learn alternative ways to accomplish the same task and more fully understand how animation in ImageReady works. Basically I was describing that the same thing can be accomplished using one text layer or individual text layers. The end result can look the same regardless of the method.

Peadge 🙂
W
woods
May 25, 2005
In article ,
"Peadge" wrote:

That was my first suggestion except having each word be a separate layer, since the OP didn’t want each letter to appear, but each word. I offered the alternative to this as a chance to play with ImageReady and to learn alternative ways to accomplish the same task and more fully understand how animation in ImageReady works. Basically I was describing that the same thing can be accomplished using one text layer or individual text layers. The end result can look the same regardless of the method.

the masking method is probably a better option, but might be difficult if words are various lengths.
N
noone
Jun 2, 2005
In article <4293cd5a$0$4653$
says…
lets say you’re doing a gif animation and it’s got a text headline…eg. "This is my text headline". But you want each word to come up per frame like it’s being typed in (not each letter).

If you type "This" on frame 1….then go to frame 2 and continue typing "This is", (in the same text layer) it changes frame 1 also. So the only way i know is to create seperate text layers for each word to make up the whole headline.

Is there a quicker and easier way to do this?

As you have gotten some good responses for using IR to accomplish your task, I’ll add a quick aside: two other programs, used together do a fantastic job of exactly the effect you seek – Flash, coupled with a little program, Swish. If you ever wish to take your animation to the "next level," you might want to explore these. Now that Adobe owns Macromedia, I have no idea as to whether Flash might get rolled into Photoshop, or if Adobe might offer a Flash upgrade path for PS owners, that is easy on the pocketbook… of if they’ll just kill it in favor of IR.

Hunt

MacBook Pro 16” Mockups 🔥

– in 4 materials (clay versions included)

– 12 scenes

– 48 MacBook Pro 16″ mockups

– 6000 x 4500 px

Related Discussion Topics

Nice and short text about related topics in discussion sections