# How to offset a transparency animation in Tagtool for iPad

**URL:** https://www.tagtool.org/t/how-to-offset-a-transparency-animation-in-tagtool-for-ipad/130
**Category:** Support
**Tags:** workshop, setup-guide, ipad
**Created:** [February 17, 2017, 6:05pm UTC](https://www.tagtool.org/t/how-to-offset-a-transparency-animation-in-tagtool-for-ipad/130 "2017-02-17T18:05:10Z")
**Posts on this page:** 16
**Page:** 1

<div class="post-metadata">

### Author: ![iink](https://cdn.tagtool.org/user_avatar/www.tagtool.org/iink/32/133_2.png) [@iink](https://www.tagtool.org/u/iink)
#### Post date: [February 17, 2017, 6:05pm UTC](https://www.tagtool.org/t/how-to-offset-a-transparency-animation-in-tagtool-for-ipad/130/1 "2017-02-17T18:05:11Z")

</div>

I found an old tutorial video that never made it into public.  
It shows very quick and dirty how to offset transparency animations.

Feel free to ask any questions if you get lost somewhere.

---

<div class="post-metadata">

### Author: ![toddfadel](https://cdn.tagtool.org/user_avatar/www.tagtool.org/toddfadel/32/75_2.png) [@toddfadel](https://www.tagtool.org/u/toddfadel)
#### Post date: [February 18, 2017, 6:44pm UTC](https://www.tagtool.org/t/how-to-offset-a-transparency-animation-in-tagtool-for-ipad/130/2 "2017-02-18T18:44:47Z")

</div>

I tried this numerous times. I’m not sure what to do after grouping the layers and recording the grouped transparency. Can you help?

---

<div class="post-metadata">

### Author: ![iink](https://cdn.tagtool.org/user_avatar/www.tagtool.org/iink/32/133_2.png) [@iink](https://www.tagtool.org/u/iink)
#### Post date: [February 18, 2017, 8:50pm UTC](https://www.tagtool.org/t/how-to-offset-a-transparency-animation-in-tagtool-for-ipad/130/3 "2017-02-18T20:50:44Z")

</div>

@toddfadel So you select all layers and record a transparency animation - so all layers fade in and out at the same time. Next step is to change the speed of all layers to maximum - now all fade in and out a little bit faster (1:36).

Now the funny part starts, right? So you have each layer selected and everything is yellow. You start to deselect 1 layer from the group and make the others little bit slower, just briefly and change speed back again to maximum (1:42). This is the moment when the transparency animation starts to offset.

In other words - Imagine 10 people walk with the same speed in a row next to each other. Suddenly 9 people walk a little bit slower and fall back just briefly but start to walk with the same speed again. So 1 guy is in front now and 9 guys a little bit behind. Now 8 walk a bit slower and keep up the speed again etc. etc.

Does this help?

---

<div class="post-metadata">

### Author: ![toddfadel](https://cdn.tagtool.org/user_avatar/www.tagtool.org/toddfadel/32/75_2.png) [@toddfadel](https://www.tagtool.org/u/toddfadel)
#### Post date: [February 18, 2017, 11:36pm UTC](https://www.tagtool.org/t/how-to-offset-a-transparency-animation-in-tagtool-for-ipad/130/4 "2017-02-18T23:36:37Z")

</div>

I’m going to try it.

---

<div class="post-metadata">

### Author: ![Tagtom](https://cdn.tagtool.org/letter_avatar_proxy/v4/letter/t/8dc957/32.png) [@Tagtom](https://www.tagtool.org/u/Tagtom)
#### Post date: [February 19, 2017, 6:03pm UTC](https://www.tagtool.org/t/how-to-offset-a-transparency-animation-in-tagtool-for-ipad/130/5 "2017-02-19T18:03:46Z")

</div>

I use this trick a lot - and it doesn’t have to be the transparency that is animated and offset. You can create a lot of diferent effects offsetting translations, rotations and scales as well!

https://player.vimeo.com/video/204778729

---

<div class="post-metadata">

### Author: ![toddfadel](https://cdn.tagtool.org/user_avatar/www.tagtool.org/toddfadel/32/75_2.png) [@toddfadel](https://www.tagtool.org/u/toddfadel)
#### Post date: [February 19, 2017, 9:19pm UTC](https://www.tagtool.org/t/how-to-offset-a-transparency-animation-in-tagtool-for-ipad/130/6 "2017-02-19T21:19:42Z")

</div>

@tagtom - would you please elaborate? That video is beautiful!

---

<div class="post-metadata">

### Author: ![Tagtom](https://cdn.tagtool.org/letter_avatar_proxy/v4/letter/t/8dc957/32.png) [@Tagtom](https://www.tagtool.org/u/Tagtom)
#### Post date: [February 19, 2017, 11:47pm UTC](https://www.tagtool.org/t/how-to-offset-a-transparency-animation-in-tagtool-for-ipad/130/7 "2017-02-19T23:47:42Z")

</div>

@toddfadel

sure but it’s quite tricky, I hope I can explain!

I draw all the circles in the same size on the same spot on top of each other, select them and animate them all at the same time. Not grouped, but as individual layers. With one hand I move them on their path scaling them up and down as they come forth and back. With the other hand (while pressing the record button) I move the depth slider down as they come forward and up when they go back. I start the loop behind the bar so I can hide glitches when the loop is not perfect. When I have a good animation (it usually takes a few efforts to get it right) I turn the speed to maximum. Any other speed would be impossible to reproduce once the animation is offset. Now I deselect the first circle and slow the animation down for the remaining layers for a short while and then turn it up to max again. Now they have the same animation but delayed for a few frames. Then I deselect the second circle, delay the others, deselct the third and so on and so forth…

---

<div class="post-metadata">

### Author: ![toddfadel](https://cdn.tagtool.org/user_avatar/www.tagtool.org/toddfadel/32/75_2.png) [@toddfadel](https://www.tagtool.org/u/toddfadel)
#### Post date: [February 20, 2017, 1:25am UTC](https://www.tagtool.org/t/how-to-offset-a-transparency-animation-in-tagtool-for-ipad/130/8 "2017-02-20T01:25:51Z")

</div>

this offsetting is offputting. 🙂

Actually, it opens a whole new world to me for this app. And I thought I couldn’t love it MORE!

It’s going to be a challenge for me to devote enough time to practice and learn how to master this technique, but I look forward to it!

---

<div class="post-metadata">

### Author: ![Tagtom](https://cdn.tagtool.org/letter_avatar_proxy/v4/letter/t/8dc957/32.png) [@Tagtom](https://www.tagtool.org/u/Tagtom)
#### Post date: [February 20, 2017, 9:10am UTC](https://www.tagtool.org/t/how-to-offset-a-transparency-animation-in-tagtool-for-ipad/130/9 "2017-02-20T09:10:39Z")

</div>

Yeah, it definitely opens a new world!! Start practicing with easier examples than this, you’ll get the hang of it in no time!

Looking forward to seeing what you come up with!!

---

<div class="post-metadata">

### Author: ![maki](https://cdn.tagtool.org/user_avatar/www.tagtool.org/maki/32/80_2.png) [@maki](https://www.tagtool.org/u/maki)
#### Post date: [February 20, 2017, 9:26am UTC](https://www.tagtool.org/t/how-to-offset-a-transparency-animation-in-tagtool-for-ipad/130/10 "2017-02-20T09:26:13Z")

</div>

Yeah we ended up using offset so much that it has become a feature in the new version! Much easier than the old workflow. We realized it even opens up a door to frame-by-frame style animation.

---

<div class="post-metadata">

### Author: ![toddfadel](https://cdn.tagtool.org/user_avatar/www.tagtool.org/toddfadel/32/75_2.png) [@toddfadel](https://www.tagtool.org/u/toddfadel)
#### Post date: [February 28, 2017, 3:03am UTC](https://www.tagtool.org/t/how-to-offset-a-transparency-animation-in-tagtool-for-ipad/130/11 "2017-02-28T03:03:04Z")

</div>

@maki - that’s what I’ve been using with the layers, just recording the layers in front of each other - like this: [https://www.instagram.com/p/BQvy2YIgQFm/?taken-by=toddfadel](https://www.instagram.com/p/BQvy2YIgQFm/?taken-by=toddfadel) and this [https://www.instagram.com/p/BPGtj5hgK0f/?taken-by=toddfadel](https://www.instagram.com/p/BPGtj5hgK0f/?taken-by=toddfadel)

---

<div class="post-metadata">

### Author: ![maki](https://cdn.tagtool.org/user_avatar/www.tagtool.org/maki/32/80_2.png) [@maki](https://www.tagtool.org/u/maki)
#### Post date: [February 28, 2017, 8:32am UTC](https://www.tagtool.org/t/how-to-offset-a-transparency-animation-in-tagtool-for-ipad/130/12 "2017-02-28T08:32:10Z")

</div>

@toddfadel very cool! Big fan of your faces with voiceover. We’re making sure that this kind of thing will work really well in the new version!

---

<div class="post-metadata">

### Author: ![bwackv](https://cdn.tagtool.org/letter_avatar_proxy/v4/letter/b/9dc877/32.png) [@bwackv](https://www.tagtool.org/u/bwackv)
#### Post date: [July 5, 2017, 9:00pm UTC](https://www.tagtool.org/t/how-to-offset-a-transparency-animation-in-tagtool-for-ipad/130/13 "2017-07-05T21:00:16Z")

</div>

Are there videos where people show their hands manipulating the tablet? It would be super helpful and I think worthy of inclusion in the app itself, a series of advanced techniques with annotation and showing of the hand work. Cool stuff.

---

<div class="post-metadata">

### Author: ![maki](https://cdn.tagtool.org/user_avatar/www.tagtool.org/maki/32/80_2.png) [@maki](https://www.tagtool.org/u/maki)
#### Post date: [July 6, 2017, 8:07am UTC](https://www.tagtool.org/t/how-to-offset-a-transparency-animation-in-tagtool-for-ipad/130/14 "2017-07-06T08:07:10Z")

</div>

No videos with the beta yet afaik! But we will definitely make some.

---

<div class="post-metadata">

### Author: ![toddfadel](https://cdn.tagtool.org/user_avatar/www.tagtool.org/toddfadel/32/75_2.png) [@toddfadel](https://www.tagtool.org/u/toddfadel)
#### Post date: [September 19, 2017, 4:22pm UTC](https://www.tagtool.org/t/how-to-offset-a-transparency-animation-in-tagtool-for-ipad/130/15 "2017-09-19T16:22:30Z")

</div>

so NOW with the new Tagtool - can someone walk me through this again? Pretend like I’m a complete OFFSETTING NOOB BECAUSE IT’S TRUE… sorry…

---

<div class="post-metadata">

### Author: ![iink](https://cdn.tagtool.org/user_avatar/www.tagtool.org/iink/32/133_2.png) [@iink](https://www.tagtool.org/u/iink)
#### Post date: [September 19, 2017, 5:15pm UTC](https://www.tagtool.org/t/how-to-offset-a-transparency-animation-in-tagtool-for-ipad/130/16 "2017-09-19T17:15:29Z")

</div>

@toddfadel

Select more than 1 layer with an animation and use 3 finger left/right in the loop bar (where the grey moving bars appear).

Most used with duplicate - create a layer and apply the animation - duplicate couple of times - select all - 3 finger drag left/right -\> offset.

Hope that helps.
