Steam

Steam

519 ratings
How To Sync Main Artwork With Side Artwork
By fib
In this guide you will learn how to sync the side of your artwork with the main piece.
5
   
Award
Favorite
Favorited
Unfavorite
Open After Effects, and create a new composition, with the width of: 614px, and the height of your artwork, in my case, 700px.
Now, import the background of you artwork into After Effects, and align it in the composition.
Leave an 8px gap between the side, and the main part of the artwork.



You should end up with something like this.
Now, add your animation. It can be anything you want. In this example, I will add particles.
Now, we're going to split the artwork into 2 pieces.

Pre-compose all the components of your artwork.

After pre-composing, make a new composition, with the width of 506px, and the height of your art, which is 700px in my case.


Insert the composition with your artwork into the new one, so the side isn't visible. It should look somewhat like that:


Now make another composition, with the width of 100px, and the height of your artwork(In this example 700px)


In this composition, you will insert the composition with you artwork as well, however, it will show the side only.

Now, add both compositions to the render queue, and export with your settings.
56 Comments
Sasuke 30 May, 2021 @ 8:23am 
i exported seprately artwork still wont sync
DevScarlet 20 Jul, 2020 @ 11:23am 
oh, thank you :)
fib  [author] 20 Jul, 2020 @ 11:13am 
this guide is specific to after effects but you can use the same method in any video editing software, all you really need to do is include the gap between the two pieces and export them separately
DevScarlet 20 Jul, 2020 @ 10:59am 
so I have to get a free trial for Adobe After Effects
dogukan 19 Jul, 2020 @ 6:18pm 
yeah it did thanks alot again
fib  [author] 19 Jul, 2020 @ 6:14pm 
It's probably due to steam loading the two gifs at different timings, resulting in them playing out of sync. Maybe reloading your profile a few times will fix it
dogukan 19 Jul, 2020 @ 3:25pm 
thanks worked out but mine is somehow out of sync i dont know how to fix it
-Le0n- 9 Jul, 2020 @ 3:19am 
Add me for Cheap Artworks, +rep to this guide.
DrW4L 7 May, 2020 @ 4:02pm 
THAN K YOU <3 MAAAAN you dont even have idea how you helped me out... I was struggling with allignment and trying to measure somehow this freaking splt !! THANK YOU !!! <3
Stone 26 Dec, 2019 @ 1:09am 
Looks Amazing!
Rated and Favorited! 𝐑𝐞𝐭𝐮𝐫𝐧 PLEASEE.