-
iPod Album Scroll
Hi all, firstly i would like to start by saying this is quite an ask so you can all feel free to call me a cheeky git!
A client wants me to re-create the iPod album scroll like this…
https://macinblog.files.wordpress.com/2008/09/coverflow_hero_mac20060912.jpg
Terrible and cliched I know….
They are also going to want multiple versions as well so I would like to be able to drive the whole thing with expressions to make it easier to animate the different versions. All the albums need to be hooked up to a main null I think. So far all I have this on the album positions
a = (value[0])+(thisComp.layer(“Null 1”).transform.position[0]);
b = (value[1])+(thisComp.layer(“Null 1”).transform.position[1]);
c = (value[2])+(thisComp.layer(“Null 1”).transform.position[2]);[a,b,c,]
Then in the the orientation I’m guessing it will need something along these lines
if (transform.position[0] > (compwidth/2)+100)
{[0,60,0];}
else
{ [0,0,0] ; }
if (transform.position[0] < (compwidth/2)-100) {[0,300,0];} else { [0,0,0] ; } Obviously this isn't right but it gives you an idea of at what points the angle of the albums needs to be but I would also like them to smoothly rotate and not pop into position like the above expression makes them do. Any help would be most appreciated Thank You
-
7 Replies
-
Further to my original post, I have found that
adding this to the rotation of the album gets me close to where I need to beease(transform.position[0],550,800,0,60);
How can I add to this expression so that it rotates the opposite way at the other side? Like this
ease(transform.position[0],500,350,0,-60);
Any help?
Cheers
-
Like this, probably:
x = transform.position[0];
if (x < 500){ ease(x,350,500,-60,0); }else{ ease(x,550,800,0,60); } Dan -
Perfect! Dan you a superstar!!! Thank you so much.
-
Well… I thought I had it…
Your rotation expression worked great Dan and I thought I could add it to my postion to get the albums to move forward and then back again slightly but I can’t seem to get it right.
I ammended the numbers to get this on the rotation which works great.
x = transform.position[0];
if (x < 450) {ease(x,250,450,-75,0)} else {ease(x,600,800,0,75);} then changed the postion to this a=(value[0]+thisComp.layer("Null 1").transform.position[0]); b=(value[1]+thisComp.layer("Null 1").transform.position[1]); c = thisComp.layer("Null 1").transform.position[0]; if (c < 450) {ease(c,250,450,0,300)} else {ease(c,600,800,300,0);} [a,b,c] I thought that this would make it move back and forth on the z by 300 pixels but it just adds 300 on to the value which comes from the null position. Anymore help would be great. I am determined to master these things!! -
It seems like the last part of your expression would need to look more like this:
if (c < 450){ z = ease(c,250,450,0,300); }else{ z = ease(c,600,800,300,0); } [a,b,z] Dan
-
Thanks Dan, again this worked spot on. It was the variable in the ‘if’ statement that was throwing me. SLOWLY getting my head around around how these things work. Once again, thanks for all your help. Much kudos to you.
-
Hello, my name is liron ,
im working on after effects for 3 year and just now decided to start learning some expressions. Im trying to make this scroll like yours for days now , and couldn’t find anything that can help online.Maybe , if you can Write your expression and explain what you did in order for it to work properly. i tried playing around with the expressions you already posted but i guess im missing something.
it would help a lot.
Thanx in advance ,
Liron
Reply to this Discussion! Login or Sign Up