Custom animations - how to apply two at the same time and same object?

  • 3
  • Question
  • Updated 3 months ago
Hi, 
I want my objects to spin while moving on the screen (for example, like wheels of a car when it drives off). I can apply two animations, for spinning and for moving, but that spins and then moves, separately. How can I apply two at the same time on the same objects? thank you
Photo of bereliz

bereliz

  • 6 Posts
  • 1 Reply Like

Posted 10 months ago

  • 3
Photo of Dustin Smith

Dustin Smith

  • 49 Posts
  • 10 Reply Likes
as long as you tell camtasia where the object comes in and where you want it to end up, it will move while it is spinning... it's been a while since I did that but it works really well
Photo of Tracy Ogg

Tracy Ogg

  • 1 Post
  • 0 Reply Likes
We’ll have a appear to be at those in extra component below, alternatively the essence of the long line is that it makes your training efforts a specific deal higher effective It does this with the resource of manner of preventing the dogs supporting itself to all forms of profitable behaviors (which includes ignoring your whistle and chasing butterflies as an alternative) without your permission.

http://dogstrainingtools.com/2018/04/30/long-dog-leads/


Photo of Gord Isman

Gord Isman

  • 15 Posts
  • 15 Reply Likes
To achieve the spin and move, you are likely combining axis rotation along with a custom animation.  In my logo example here, I've taken my logo and I spin clockwise (-360 degrees z-axis) but while I spin it, I make it grow from small to large through a custom animation - this is the "move" part you need to do.  I could just as easily made the custom animation be a movement from A to B - like your desire to move the spinning wheels.  The trick here is in managing the setting of your begin and end keyframes in your example.  Here's my logo example with growing effect:   https://youtu.be/iAHSCWhYV3U?t=436 .  I know this is not a perfect replication of what you are asking for, but it has the principles you need to take care of.
Photo of Rick Stone

Rick Stone

  • 4483 Posts
  • 1999 Reply Likes
Interesting. I created almost that exact video.



Cheers... Rick :)
Photo of Gord Isman

Gord Isman

  • 15 Posts
  • 15 Reply Likes
Nicely done Rick!
Photo of afrohlich

afrohlich

  • 47 Posts
  • 12 Reply Likes
Really good.
Photo of ESAM

ESAM

  • 19 Posts
  • 3 Reply Likes
It's so nice idea to do two or more animations  in one 
Thank you Rick
(Edited)
Photo of Joe Morgan

Joe Morgan

  • 5636 Posts
  • 2923 Reply Likes

Hello bereliz. animations can be hard to wrap your head around so............

 for starters, I’ve made a project file downloadable from this link. Complete with the images required.

 http://www.mediafire.com/file/eub1kq2fippzklk/Rotating%20Tires%20on%20a%20car.zip

here’s the situation.

The problem with rotating the tires on a car. Is they need to be a completely separate image than the image of the car. So the car needs to be a car body, "Minus tires" as well. Or you need to have access to a program like Photoshop to manipulate an automobile image yourself and make it ready for Camtasia.

So anyway, you’ll start by bringing the car body and tires into the timeline.



Then you want to properly position the tires on the car where they belong. Selected the three images and group them.



Then you’re going to apply an animation to the new group. This particular animation I chose about 10 1⁄2 seconds.

The duration of the applied animation covers the entire 10 seconds. With the timeline indicator at the end of the animation the cars placed outside of the canvas area.



With the timeline indicator at the beginning of the animation. The car is placed outside of the canvas area to the left.


Because the tires and car are "Grouped Together" they Travel Together.That's half the battle complete.

Now it’s time to apply rotation to the tires. You need to “OPEN” the group. "DO NOT” Un-group” the group. If you ungroup the group, the animation of the car moving will be deleted. If you do it by accident hit control Z and it will come back.


You will need to apply rotation to both tires. You will want the rotation to cover the entire duration as well.

By default, all of theses animations will have easing applied.So the car will accelerate slowly and run at a constant speed.As it nears the end of the canvas it will slow down. There is a way to change easing but in this case you don't want to. 5 rotations of the tires worked out really well.It looks pretty natural. 




Hope this clears things up, the project files should give you a lot of clues to dig through.

If you need any further clarification,just ask.

Regards,Joe
Photo of afrohlich

afrohlich

  • 47 Posts
  • 12 Reply Likes
Excellent Joe.  Thanks a lot.
Photo of Gord Isman

Gord Isman

  • 15 Posts
  • 15 Reply Likes
That was a totally awesome example Joe!
Photo of Joe Morgan

Joe Morgan

  • 5636 Posts
  • 2923 Reply Likes
Grouping is a great way to go. It's the key to taking animations anywhere you want.
Make for a less scattered timeline as well.
Plus,it's the way animations have been handled in Premiere Pro as long as I've been in this game. You create nested sequences in PP. After Effects uses Pre-Compositions. Photoshop uses grouping.
 I use Character animation software Like Crazy Talk Animator 3. You Link elements to each other "Same Thing" .Any way you slice it. Grouping is the underpinning of simple or complex animations.

Thanks for the complement {:> )
Photo of Gord Isman

Gord Isman

  • 15 Posts
  • 15 Reply Likes
I hope to some day tinker with AE and Pp more. I also have Crazy Talk 3 but haven't cracked it open . It's great to know that you do all this stuff!
Photo of bereliz

bereliz

  • 6 Posts
  • 1 Reply Like
Thank you so much, everybody! I learned so much from each reply! 
Photo of xtrashlove

xtrashlove

  • 8 Posts
  • 1 Reply Like
hey, I have a similar question and I don't think either of the answers above apply to my case, which is this:

I have a, say, 10 sec-long frame which is a picture zoomed in. This frame has a 10 seconds-long animation that moves the image, so it kinda "flows" during the display. That's my animation #1.

Now, I've added the "Color Adjustment" visual effect to the same image. Initially, it has default brightness, saturation and contrast values. I have a music clip on a separate track, and I want to add a series of short animations that will raise the "Brightness" setting of the "Color Adjustment" effect to emphasize the beat so  that the image "flashes" in the right time. That's animation #2.

The problem is that I can apply either animation #1 and make the picture float, or animation #2 to make it flash. But I cannot make both of them active, seems like Camtasia won't allow one to add intersecting animations. When I copy-paste those flash animations from a neighboring media piece, it gives the default warning - "the animation being pasted is too long" if the clip already has the "float" animation #1... Although it does not make much sense because animations affect different settings - animation #1 affects image location, and animation #2 affects the clip Brightness, I see no possible conflicts here...

What can I do? There's a very difficult workaround that could probably get the job done - split the frame into a lot of 0.5 second-long pieces, apply move animation #1 to each, and "glue" them together with short "Glow" transition, which will somewhat imitate flashing - but it would be too hard to correctly move every 0.5 sec frame so that in the end the resulting 10-sec image appears smoothly floating... Any ideas?
(Edited)
Photo of xtrashlove

xtrashlove

  • 8 Posts
  • 1 Reply Like
I think I've found a possible solution - I can make a complete project, do everything I need except for flashes and export this project into the file, then start a new project and add this file to the timeline. Then I will be able to add flashes cuz they will be the only animations present. Guess this will work just fine, but if there's any solution that allows one to use two overlapping animations at the same time (without the necessity to start a second project) - please share it :) 
(Edited)
Photo of kayakman

kayakman, Champion

  • 6176 Posts
  • 1780 Reply Likes
you can apply multiple property changes using the same animation; perhaps this might help ...

How To Move And Change Callout Color
http://www.screencast.com/t/5xr6CudQ
Photo of kayakman

kayakman, Champion

  • 6176 Posts
  • 1780 Reply Likes
I made a little test project; used an image clip; applied color adjustment AFTER applying a single scroll animation; besides scrolling the zoomed-in image, I next modulated the brightness between -50 and 100 to create the flashing; made no attempt to make the image look pretty



Example Flashing Scrolling Zoomed-In Image
http://www.screencast.com/t/yKIvVgWLBC7
(Edited)
Photo of xtrashlove

xtrashlove

  • 8 Posts
  • 1 Reply Like
that was exactly what I described... In your sample the image either moves, or flashes... I needed both at the same time.
Photo of Joe Morgan

Joe Morgan

  • 5636 Posts
  • 2923 Reply Likes
So xtrashlove,
Camtasia 2018 has a bug and this technique won't work. I just tested it.

It works in Camtasia 9 and previous versions. Camtasia 2018 has bugs, you could install 9 and activate it with your 2018 key until TechSmith straightens this out. Along with some of the other issues.

If your running 9 , your covered.

SO, start by applying the moving zoom animation.


With the playhead placed at the start of the animation. Add the Color adjustment. Select any changes to the color you want at this time.You said you start with default colors, so do nothing.



Move the timeline slider to a point you want to change the color values.Change them. A keyframe will be created between the start and end points of the motion animation automatically.



You can make changes as often as you want. If you try to add more effects, you can create a huge mess.
Camtasia isn't built for true animation. If you zoom into the timeline you'll have more control.Well easier control.


One thing that will trip you up. As you scrub forward, the main animation keyframe at the end of the clip will keep trying to return color values to default values. So you will need to set all 3 color values every time.
If Camtasia were better adapted at animations, all of these things would be controlled separately.

Regards,Joe 

Photo of Joe Morgan

Joe Morgan

  • 5636 Posts
  • 2923 Reply Likes
Actually this does work in 2018, I'm beta testing a new feature for 2018 and it's requires a special Camtasia build that contains the feature.
I can't run both versions in the same computer.

Apparently, it interferes with all the visual effects.It shouldn't, but that's beta for you.

It hit me like a ton of bricks this morning so I reinstalled  2018.0.1 Build (3408). Everything worked correctly.

So no bug kayakman 
Photo of kayakman

kayakman, Champion

  • 6247 Posts
  • 1831 Reply Likes
OK, thanks for the heads-up
Photo of xtrashlove

xtrashlove

  • 8 Posts
  • 1 Reply Like
Thanks for that tip and thanks for the detailed responce, but it has a certain flaw from what I gather. Correct me if I'm wrong, but you're saying that if I have a 10 sec clip, I can
- apply the move animation
- scroll the timeline to, say, 5-sec mark
- change brightness to create a flash - a key animation point will be added

though I do believe it will work (I haven't tested that), I think it will make the 5-sec animation with brightness slo-o-o-owly growing, then slo-o-o-owly going back to normal during the remaining 5 seconds.

This is sort of a problem, as I wanted to be able to control animation/flash speed, eg. a pair of 0.3sec animations for minor beat, a pair of 0.6 sec for main snare drum beat. So in order to do what I want, I would require doing what you said, plus placing marks on both sides of the actual flash to create "normal brighness value +1" key points. Certainly much more time-consuming than copy&pasting animations where you want them - and you cannot do that because the clip already has the move animation.



Well, I worked it out my own way - I produced the ready-to-go project into an MP4 file, then started a new project and imported that file. Since this new project had no animations to interfere, I could place those 0.3 and 0.6 sec animation pairs freely wherever I need them, copy and paste them along the timeframe.



I tried to make a sample, but I have Camtasia 8 at work and it doesn't have the Color Adjustment effect, so I kinda replicated it by splitting the clip into pieces and applying the "Glow" transition to them.. Not a very accurate timing, but it's just a sample to illustrate the idea.. Note that the picture is constantly moving and flashes at required moments - I have both flashes+movement on animations in my real project...

https://www.screencast.com/t/XgSoKmYX

This is an okay workaround for me, although I wish there could be animation levels :) I mean it would be great if Camtasia was able to apply different animations acting simultaneously (as long as they affect different aspects of the clip there shouldn't be anything wrong except for the messed up timeline - but then again, you can zoom it in).

(Edited)
Photo of kayakman

kayakman, Champion

  • 6247 Posts
  • 1831 Reply Likes
what bug are you talking about?

seems to work for me in 2018

Example Animation With Multiple Property Changes
https://www.screencast.com/t/JwZiQSglFlDX
Photo of kayakman

kayakman, Champion

  • 6247 Posts
  • 1831 Reply Likes
2 hours ago, you said " ... I think it will make the 5-sec animation with brightness slo-o-o-owly growing, then slo-o-o-owly ..."

what you do is add the entire 10 sec span movement animation, then, with playhead at 5 sec, use shift-A to stick another animation at that point; that new animation inherits the status at that point in time; move the playhead a little to the right, add another point, change its brightness, etc; then move/add/change, etc
Photo of Dubie

Dubie

  • 961 Posts
  • 740 Reply Likes
@xtrashlove

I kinda took a different approach and in doing so lead me to posting a idea for Camtasia.

If interested scroll down in this post to the Youtube video and see if it is along the lines of what you are wanting to do.

https://feedback.techsmith.com/techsmith/topics/option-to-keep-all-tracks-effect-panels-open

it was a two step process.

I added the movement of the clip(s) and then rendered it out to .mp4.

I then brought that rendered .mp4 back into Camtasia and applied multiple
"color adjustment" effects to it

:)
Photo of xtrashlove

xtrashlove

  • 8 Posts
  • 1 Reply Like
@kayakman
>use shift-A to stick another animation at that point
thanks, I'll try that. To clarify - this actually adds another animation? Or adds a new key point to the existing one? Because if it does add animation, then it's super weird why cannot I paste one from a clipboard if the clip already has another animation applied...

@Dubie
That's exactly the approach I've described a few comments above :) I also followed the same logic. For the demonstration purpose, I've tried to replicate the result with Glow transitions instead of animations that change the "Color adjustment" brightness - here's the sample https://www.screencast.com/t/XgSoKmYX
(Edited)
Photo of Dubie

Dubie

  • 961 Posts
  • 740 Reply Likes
That example looked good. Nice job!

The thing I did different from what you guys have been discussing is I didn't add animation points. I added multiple "Effects" to the clip(s)

Visual Effects>> Color Adjustment






I found it much easier to sync to the beats and adjust the Flash duration.
As they say though...  there's more than one way to skin a cat.

:)

(Edited)
Photo of xtrashlove

xtrashlove

  • 8 Posts
  • 1 Reply Like
It is just now I realized you can actually change the duration of the Color Duration effect... I also used that, but employed animations to control its brightness setting because by default it is applied to the entire clip.

Oh well :)
(Edited)