logo

Live Production Software Forums

www.vmix.com

Welcome Guest! To enable all features please Login or Register.

Notification

Icon
Error
Animation of 2 Images (Help please) - Would like to know how to hide the 1st Image.
Options
Go to last post Go to first unread
Previous Topic Next Topic
SS0DEN  
#1 Posted : Tuesday, August 11, 2020 8:40:22 AM(UTC)
SS0DEN

Rank: Newbie

Groups: Registered
Joined: 4/11/2020(UTC)
Posts: 5
Man
United States
Location: Colorado Springs
Hope everyone is doing ok,

I am creating a animated football card that slides into my broadcast, then after 10 seconds flips. That is the 1st image the front of the card. The 2nd image would be the back of the card and I can not figure out how to hide the 1st layer after the flip so it is not seen behind the 2nd layer. The card image is a die cut image so it is not symmetrical so thus layer 2 does not cover up layer 1.

Current configuration:

1) Image 1 (Front of card)
TransitionIn - 1) Fly (Delay 0, Duration 1) from the Right 2) Rotate (Delay 9, Duration 1) From the left.

2) Image 2 (Back of Card)
TransitionIn - 1) Fade (Delay 10, Duration .01)

The issue is this die cut image 1 can be seen behind image 2.

Thank you Patriots 2.png (74kb) downloaded 12 time(s). Patriots.png (418kb) downloaded 11 time(s).
Back to top
WWW Twitter

Wanna join the discussion?! Login to your vMix Forums forum account, or Register a new forum account.
Back to top  
dmwkr  
#2 Posted : Wednesday, August 12, 2020 3:29:29 AM(UTC)
dmwkr

Rank: Advanced Member

Groups: Registered
Joined: 2/23/2019(UTC)
Posts: 561

Thanks: 62 times
Was thanked: 131 time(s) in 119 post(s)
One way would be to use the Storyboard feature of GT:

http://help.vmix.com/graphics/2/Storyboards.html

On TransitionIn set Image 2 to Hidden. On Page1 Image 1 is hidden and you can use the Fade on Image 2. Use a trigger OnOverlayIn with delay to time the transition to Page1. Function: TitleBeginAnimation.
Back to top
doggy  
#3 Posted : Wednesday, August 12, 2020 4:45:00 AM(UTC)
doggy

Rank: Advanced Member

Groups: Registered
Joined: 12/27/2012(UTC)
Posts: 5,243
Belgium
Location: Belgium

Thanks: 294 times
Was thanked: 960 time(s) in 794 post(s)
Seems you want a flip card effect with different images on each side ... you can't (or it wil be very complex and probably not look good)


why not use an image sequence instead for the flip and the rest as usual (fly in etc)
Back to top
SS0DEN  
#4 Posted : Wednesday, August 12, 2020 8:43:04 AM(UTC)
SS0DEN

Rank: Newbie

Groups: Registered
Joined: 4/11/2020(UTC)
Posts: 5
Man
United States
Location: Colorado Springs
I have 32 of these to make, i'd assume for the Image Sequence I would need to animate in another program such as Adobe After Effects.
Back to top
WWW Twitter
SS0DEN  
#5 Posted : Wednesday, August 12, 2020 8:45:00 AM(UTC)
SS0DEN

Rank: Newbie

Groups: Registered
Joined: 4/11/2020(UTC)
Posts: 5
Man
United States
Location: Colorado Springs
Originally Posted by: dmwkr Go to Quoted Post
One way would be to use the Storyboard feature of GT:

http://help.vmix.com/graphics/2/Storyboards.html

On TransitionIn set Image 2 to Hidden. On Page1 Image 1 is hidden and you can use the Fade on Image 2. Use a trigger OnOverlayIn with delay to time the transition to Page1. Function: TitleBeginAnimation.

I wondered what the Pages are for inside the GT - thank you for the information, you have opened a new door me in the GT animations!
Back to top
WWW Twitter
doggy  
#6 Posted : Wednesday, August 12, 2020 9:41:35 AM(UTC)
doggy

Rank: Advanced Member

Groups: Registered
Joined: 12/27/2012(UTC)
Posts: 5,243
Belgium
Location: Belgium

Thanks: 294 times
Was thanked: 960 time(s) in 794 post(s)
Here is maybe an idea (just had to try, like anyone could have)

once set you only have to replace the images in title editor
, or maybe replace with shortcuts on the go






Layer holding both images (sides)
Animate layer on transitionin and out to fly

image 1 (front image)
image 2 (back image) (same position as 1)


image 1 animate on transitionin
- rotate
- Fade

image 2 animate on transitionin
- rotate
- Fade
Back to top
XPE_Alex  
#7 Posted : Monday, March 20, 2023 1:02:15 AM(UTC)
XPE_Alex

Rank: Newbie

Groups: Registered
Joined: 2/13/2020(UTC)
Posts: 1
Australia
Location: Brisbane

Thanks: 1 times
Originally Posted by: doggy Go to Quoted Post
Here is maybe an idea (just had to try, like anyone could have)

once set you only have to replace the images in title editor
, or maybe replace with shortcuts on the go






Layer holding both images (sides)
Animate layer on transitionin and out to fly

image 1 (front image)
image 2 (back image) (same position as 1)


image 1 animate on transitionin
- rotate
- Fade

image 2 animate on transitionin
- rotate
- Fade


Hello,

I'm trying to replicate your example animations University Esports league I'm helping stream and was wondering if you still had the GT-Title file for this you could share so I can see the settings for the animation to copy to a new GT file from a photoshop template. Otherwise, suggest the exact settings to be able to replicate this?

Imgur of example I'm wanting to copy: https://imgur.com/a/YXAYjyH

Thanks kindly
Back to top
doggy  
#8 Posted : Thursday, March 23, 2023 2:34:41 AM(UTC)
doggy

Rank: Advanced Member

Groups: Registered
Joined: 12/27/2012(UTC)
Posts: 5,243
Belgium
Location: Belgium

Thanks: 294 times
Was thanked: 960 time(s) in 794 post(s)
Originally Posted by: XPE_Alex Go to Quoted Post


Hello,

I'm trying to replicate your example animations University Esports league I'm helping stream and was wondering if you still had the GT-Title file for this you could share so I can see the settings for the animation to copy to a new GT file from a photoshop template. Otherwise, suggest the exact settings to be able to replicate this?



As example to learn from (the logic)

handflipanim.jpg (141kb) downloaded 15 time(s).



Plus small script to switch between page1 and page2
Back to top
thanks 2 users thanked doggy for this useful post.
dmwkr on 3/23/2023(UTC), XPE_Alex on 3/24/2023(UTC)
Users browsing this topic
Guest (2)
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

Privacy Policy | Powered by YAF.NET | YAF.NET © 2003-2024, Yet Another Forum.NET
This page was generated in 0.245 seconds.