Animate mask

I got two pictures, the one on top is in color, the other is in black/white.
I got a symbol that I want to use as a mask. When this symbol moves over the picture, I want it to show the picture underneath it.
I need my symbol to be attached to the mouse, so the mouse will reveal the underlying picture (this is going to be a banner.)
I couldn't find any guides for this, as I am not sure what to search on (I could only find guides for "normal" mask animation, and not anything on how to "burn a hole" in a picture).
Thanks in advance.
Edit: Another question: How do I tell flash, so load a random image, but in pairs of two? (on their own layer, as I still want the mask effect) Since I got pictures of 5 different places, one in black/white and one in color of each place (10 pictures in total), but I want them to appear as a pair (to get this "burn through layer effect"), but random, if you know what I mean?

I know the title is confusing. When I started the post I wanted to do both a 10 second animation, and create an interactive banner. But I figured out the first thing on my own. I'll wait with my added question then
Ok, I'll try to be more specific. I got this symbol (this is what I want as my mask - and this is what I want to replace my mouse).
This is the picture shown in my banner. When I mouseover (with my giant "enter symbol") I want it to reveal the black/white photo you see beneath. So I figured I needed to create some kind of shape mask (because when I make a symbol out of my enter arrow, the mask will only become a square).
Image visible:
Image shown when mouseover:

Similar Messages

Animate/mask text in FW MX 2004?

The reason I'm not using flash for this is because the media
placement is not accepting swfs. Yech. So animated gif it is.
I would like to achieve the following:
Have a sentence appear from left to right, to the entire
sentence, revealing itself as an object moves across it.
I've tried creating a box symbol, animating it over the text
then trying to mask it, all to no avail... any suggestions would be
incredibly helpful.

Ccasati wrote:
> PERFECT!
>
> Except the text is going to be real text, no fancy
masking inside it, but the animation is exactly what I need. (I
need to keep it down to as few kbs as possible)
Not sure what you mean by "real text", but here's how I did
it.
There was NO masking. lol.
Created my file.
Imported the image to be used
I drew a rectangle vector shape
Typed my text
Converted my text to paths
Ungrouped the text
went to MODIFY > COMBINE PATHS > JOIN
Selected both paths (text on top)
Went to MODIFY > COMBINE PATHS > PUNCH
Selected the image, and set the X position so that it was off
the canvas
at the left
Went to MODIFY > ANIMATION > ANIMATE SELECTION and set
my movement
options (width of canvas)using 20 frames (less will save file
size, but
the animation may be jerky)
Cropped the file, optimized as an animated GIF, with 64
colors (again,
fewer colors will reduce file size
Exported the file
HTH
Jim Babbage - .:Community MX:. & .:Adobe Community
Expert:.
Extending Knowledge, Daily
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
.:Adobe Community Expert for Fireworks:.
news://forums.macromedia.com/macromedia.fireworks
news://forums.macromedia.com/macromedia.dreamweaver

Photoshop Animation with Transform: Can i Animate *MASK-Transformation* continuously?

Hello, i edit software video tutorials on the Photoshop timeline*. Sometimes i want to zoom into a screen area and show the action there enlarged.
Let's say my tutorial explains Photoshop's layer techniques. The screen cast shows the whole Photoshop workspace including the layer panel. Now in the tutorial, i want to zoom into the layer panel with 200 %, so that viewers see the mouse action and thumbnails there better, while still a good part of the workspace including the image is visible (so you get the enlarged layer panel and see how it affects the image). To zoom smoothly into the layer panel area,
i make a smart object of the footage,
duplicate it into a new video group,
create a vector mask around the layer panel (my area of interest),
start the Transform stop watch on the time line
move the timeline cursor half a second further and
transform the layer to 200 % (using pixel replication)
In the result, the screencast itself is nicely zoomed into. But the mask is never zoomed – it is either one size or the other, and there's no difference whether using vector masks or layer masks (i prefer vector masks of course).
I see that there are more stop watches for
- vector mask position
- vector mask active
But they don't help and i don't fully understand them. I read a lot and saw some tutorials, but still don't understand the situation.
Is it possible or not that the mask is contuinuously scaled larger and smaller together with the footage itself?
By the way, i know how to show an enlarged screen area without the zooming-in. I can simply fade in. That works nicely. But i would love to show the zooming-in.
Or should i do that kind of work in another application altogether?
Thanks for any clues (or links) you might give me!
*aware that there are other solutions, but usually works well for me

You did not look down far enough. Below them are some layers in blue (or other solid color) Twirl down the one that says 3D Meshes. Click on the small stopwatch for the object move your playhead ahead in time then rotate your mesh. The easiest way to rotate the mesh is using the text fields in the mesh's properties.

Animate mask shape in After Effects CC?

I see path, feather, opacity, and expansion. I want to edit the shape. Anyone know how?

Try following this:
Or this:
Pay attention to the keystrokes. It's just a matter of clicking in the right place with the right tools and/or modifyer keys selected. Instructions are also in the help files.

Color correction shape mask keyframes!!!

Using FCPX for color correction, but when I add a shape mask and animate it using keyframes, I have no way to smooth the keyframes and control their smoothness!!! Someone PLEASE tell me I'm just missing on the way to do it... I tried everything.
Thanks

I created some animatable masks (keyframeable on-screen control points). It's three keying effects: a single 4 point mask (like the one that comes with FCPX), a two 4 point set (essentially an 8-point), and a four 4 point set (essentially a 16-point.)
Please watch the video for best use guides. Most of the time, layering on 2 or more single 4 point mask shapes is quite addequte to do most of your masking needs.
http://www.youtube.com/watch?v=H_l2K6rXwGw
These effects are free. You can use them any way you like, but please don't redistribute (or sell) them -- direct people to the above link instead.

Keyframe shape mask effects?

Can you keyframe shape mask effects?
I'm trying to keyframe a simple shape mask effecting the outside area: -86 exposure to 0 exposure, meaning that first, inside the mask all is seen, while outside llittle is seen, then move to 0 exposure where all is seen. But clicking keyframes next to shape mask (below Color Correction 1) doesn't work. I input -86, click keyframe then move to where I want and input 0, but that's how the whole clip appears with no gradation changes.
Any suggestions?

I created some animatable masks (keyframeable on-screen control points). It's three keying effects: a single 4 point mask (like the one that comes with FCPX), a two 4 point set (essentially an 8-point), and a four 4 point set (essentially a 16-point.)
Please watch the video for best use guides. Most of the time, layering on 2 or more single 4 point mask shapes is quite addequte to do most of your masking needs.
http://www.youtube.com/watch?v=H_l2K6rXwGw
These effects are free. You can use them any way you like, but please don't redistribute (or sell) them -- direct people to the above link instead.

Drawing/outline/stroke

i'm wondering if there is
a way to have an effect similar to a "stroke"
which i can apply to a drawing which was
originally made in photoshop with the paintbrush
tool.
In other words, I've imported my drawing into after effects...(.Lets say it's an outlined picture of a house.)....and now i want to create an animated path similaar to one which the stroke tool allows when outllining a mask, but because there is no mask to outline, how can i go about this? Is there a quick solution?
Any suggestins will be geatly appreciated; thanks....

Is there a quick solution?
Sorry, no quick one.
I'd go back to Photoshop, think long and hard about how I wanted to animate this, put each line to be animated on its own layer and import the revised Photoshop document as a comp. Then I'd animate masks on each layer to reveal the lines.

Stretched Images Problem

Hey all,
Since I updated animate to 1.5 I've had trouble with working with images as a div background.
I have done this in the past, before the update, as a way to animate "masked" images.
I set an image as a div background, set it's x,y to percentage, it's width and height to pixels, and animate the background's x value, creating a "mask" effect.
And now, since the update, I build my objects, set my values, it seems to be working fine, and animates well, but once I reopen the file, or even save it, all the images stretchen out, the width and height values of the div's background image get set back to percetnage automatically, and basically all my work gets ruined.
Has anyone encountered such a problem? Really need your help, any tips, ways to go pass this problem. Thanks!

Hi, Yuval-
It would really help if you could post your files for us to take a look at.
Thanks,
-Elaine

Basic tween - peel off one color to reveal another color (text)

Hi, I have a basic question. I have some type which is a brand color grey. I would like to animate something like the playhead peeling off the grey to reveal a blue type (there brand). I'm very new to flash and was hoping could some one point me in the right direction to get this working. Can you animate masks?
lister

Yes, you can animate a mask, and that's probably the best method for the effect that you describe.

Keying without a green screen.

Hello.
I want to key out a character from a grey background.
I'm new to AE and wanted to use the Keylight 1.2.
When dragging this effect onto the layer, nothing seems to happen.
Is it even possible, when the background isn't green or blue ?
Any suggestion is highly appreciated.
Ola

If it's just for your son's birthday I'll give you a project using a screen grab of the comp window. You'll probably have to tweak a few things to get it to work right but this should get you started. The trick is to use black and white and levels to generate most of the matte then add white using a white solid and animated masks to clean up the eyeballs and teeth.
Here's what the comp looks like. You use Black and white, drive the color levels to extremes and then invert with curves to create the black and white pre-comp. Because the characters have white eyes you'll have to do a little hand roto to animate masks on a white solid to fill in their eyes. Depending on the motion you should be able to handle it. Here' a CS6 project. It may take a while to upload because I'm pushing a bunch of client files up tonight. This should get you started.

Animate image behind mask, without mask moving

Hey guys this is probably really easy but this is my first run at doing a video project and cant get this to work for the life of me!
OK, I have 3 images which I imported from PS CC ( AE is CC as well for reference ) a company logo, a spacer line then the company name stylized so I want to use this and not just a text tool...
Now I have the logo and spacer fade in then I want the text to slide in from behind the logo and spacer making it look like its coming out of the vertical bar, I know I need to mask from the bar all the way to the left of the logo and offscreen to pull this off but I cannot get the mask to not slide when I try to animate the text layer! please help me figure this out!

I ended up just making another comp of the animation I wanted, brought that into comp1 and positioned it where I wanted it and bam, bobs your uncle! So easy but as I said my first time doing something in AE so I had to stumble through it

Animate Particles Using Image Source Alpha Mask - Outline

I am trying to animate particles emitted from the outline of an alpha mask. I can get the emitter to see the mask, but only as a rectangular bounding box. How do I get the particles to be emitted from the organic shape within the mask? I created the alpha mask in Motion.

Heya,
I see what you're talking about: using the alpha for Fll or Random Fill seems to work fine, but using the alpha with Outline doesn't seem to work (except using the outline of the whole bounding box).
Maybe a bug, though I would guess that generating an outline path from an alpha channel would be an expensive process, computing-wise. It makes sense if you have a relatively simple alpha with a single "blob" of solidity, but if you had a complex (noisy) alpha, it would be a royal pain to solve.
Would be nice, though

Animate sketch (and the drawing hand) with multiple masks

I want to animate a bunch of illustrations (with 100+ path objects) i will draw inside Illustrator with my WACOM tablet and later add my Hand by motion path to draw it live.
What i did was to import the final .ai layer (comp sized 1080), add the path by copy & paste as a mask (or better as 100+ masks) and apply the Generate > Stroke effect. I ended up with a beautiful animation of my illustration, without using the path tool in AE.
Now i want to copy & paste the mask or motion path to the position of the image of my hand. Problem is: this just works by select and copy mask path, not multiple masks.
Is there a way to access the position data out of the stroke effect or another way to copy the exact position data of the motion path to match it with the actual position of the stroke effect?
Would be great!

Thank you for your quick response, seems likely. I will reduce number of masks by using less several strokes in illustrator. And maybe there is a way to automatically join paths chronologically (endpoint of path below to startpoint of path above) in illustrator.
But what i keep in mind is that the stroke effect itself does exactly the same: it uses different masks sequentially as a motion path to locate a position, to where die path is drawn. Couldn't it be possible in the same way to move a null or a layer? Or how does the stroke effect face this "problem"?

Is it possible to use the wiggler or wiggler expression to animate a mask?

I want to have a stick figure (created from 6 seperate masks) to have the illusion that it is hand drawn (and therefore have a slight random "wiggle"). If i could simply put the wiggler on a couple of keyframes, it would massively simplify the process, but otherwise, i'd have to hand keyframe everything.
There doesn't seem to be a reason it can't - mask points are points that can be moved in space and over time... I don't see why the wiggler wouldn't work....
Thanks for the help everyone...
sam

As an example, if you create a closed path, apply Wiggle Paths, then Offset Paths and animate the offset, you will see discontinuities as (presumably) the Offset Paths algorithm dynamically adds vertices to the resultant path. Basically, any procedure that changes the number of vertices prior to the application of Wiggle Paths appears to create a discontinuity in the algorithm. It looks to me like the algorithm acts on the segments between the vertices, rather than acting on the path as a whole.
If I'm wrong about this, and there is some way to overcome this, I'd be glad to hear it. I didn't mean any offense with my "wasn't designed with animation in mind" comment. To be sure, there are plenty of circumstances under which Wiggle Paths behaves animates very nicely, and I could have made that clearer up above.

Possible to animate a clip mask?

I would like to recreate this animated mouse over effect: http://tympanus.net/Tutorials/CircleHoverEffects/index2.html
I've tried animating a mask which works, however I'm not seeing a way to make the mask transparent so it conceals the shape from the outside of the shape motioning inward as you see in the effect. Or is there a way to make a compound shape (as in Illustrator) do then animate the inner points of the shape?

Had an epiphany, it works by animating an inner shadow. Boom, just had to talk my way thru it.

Animate mask

Similar Messages

Maybe you are looking for