I am creating a rotating animated gif in PS. Now I have about 37 layers, where I increment the angle of each layer with 10 degress relative to the previous one. But even when aligning all my layers with the aligning tools the layers still not align...How can I align them perfectly? See what I mean on the image below here:
NOTE: If the gif here does not animate, see this link:
You can see it is off-center
You can also do it with as a frame animation. You still need to create the two shapes centered using vector shapes the you rastersize and merge them then create an action to dupe and rotate the layer. make a frame animation and save as an animated gif you would need 36 framee I only created half of them.
@ c.pfaffenbichler - "I would recommend using a Vector Mask on a Group and animating a Smart Object inside."
What "group" are you referring to? Should I make multiple cpoies of the layers and put it inside the group? The problem is with aligning all those layers perfectly...
The problem is with aligning all those layers perfectly...
I suspect the problem may be the interpolation.
What "group" are you referring to?
If you don’t know what a Layer Group is you may want to consult the Help.
In the Layers Panel in the screenshot I posted the Group should be recognizable.
thank you. I managed to get the layers aligned by converting to a smart object, and then copying the layers and then aligning...Now I face another problem, the transition between the last and 1st layer is not smooth, where the lastand first layer have the same end points...from 0-360 degrees...Whys is that? See my image
@JJMack. I am not sure how to rotate the layer without the older frame copying the new rotated position...that is why I used copies of layers
You do copy the layer and rotate. The layer needs to be perfectly aligned to the center of a is square 1:1 aspect ratio canvas. Guide lines were added 50% Horizontal and Vertically three were added a 49%, 50% and 51%. Then using the elliptical tool set to path mode a circle path was drawn by holding down the Alt key so the path would be from the center and holding the shift key down so the ellipse would be constrain to a circle. You click at the 50% 50% crossed guide line which the mouse pointer snaps to and you drag out the first otter circle. You then set the path mode to subtract and drag out the inner circle. Your path is now a ring. Then switch you the rectangle tool and subtract a rectangle path using the 49% and 51% guide lines. Your Path is now two arcs. Create two filled Shape layers the colors in the ring delete 1/2 of the layer so you have two colored arcs. Rastersize the two and merge the two layers int one. You now have you arcs aligned from the center. Next the action its simple dupe the layer rotate the layer 10 degrees select previous layer turn off visibility select layer forward. Play this action till you the required 36 ring layers. Create a frame animation have Photoshop make frames from the layers using the frame animation palette's fly-out option. Delete the first IK frames and turn on the IK layer visibility in what in now the first frame. It will turn on in all frames. You the save for web the animated gif. PSD file http://mouseprints.net/old/dpr/ik.psd also tried using a smart object ring layer to loose less quality rotating the layer however there seem to be movement in the rotation. Photoshop may be having a problem dealing wit the transparency in the layer and the break in the circle. http://mouseprints.net/old/dpr/ikso.psd so then I put all the ring layers into a group and masked the group with a vector mask. http://mouseprints.net/old/dpr/iksomask.psd the best tool you have when using Photoshop is the gray matter between your ears let it do its thing it may even surprise you sometimes.