Photoshop CS6: problem with cropping animated gif after moving layers


So I started making animated gif images for a little side project lately and encountered a problem for which I couldn't find any information online.

Basically, since the subject in the future gif is diagonally moving across the image, I moved the layers sideways on some frames to negate the horizontal moving and keep the subject in the center (more or less). I did this because I wanted the width of the image to be smaller than the height and keep the subject always in the center. I don't know if there is a better way for "motion tracking" in photoshop (It would be nice if I knew one though), because I'm pretty new to generating animated images.

After that process, in most frames one side of the image was empty, since i moved the layers in the direction of the other side. So I finally tried to crop the image to finish it and encountered the problem: those empty parts of the image remained, they somehow moved themselves to the new set broders of the image, and through this, they deleted parts of the actual subject I wanted to portrait. This was somewhat unexplicable to me, because I always thought cropping an image would completly ignore the left out parts of an image and delete them. I hope what I'm saying is not to hard to understand. English is not my first language and I dont know any photoshop jargon.

So my question is basically how do you crop a gif correctly after moving some of the layers, and is there something I might have overlooked.

I hope you can help me with this, and otherwise I'm sorry for having wasted your time.

EDIT: to clarify the problem a little bit, imagine a video in landscape format video which I imported in photoshop with the import "video frames to layers" option. Now, the subject to which I want to limit the image to moves from the upper right corner to the under left corner (not all the way though). My final product should be a portrait format animated gif which should always have the subject in the center. So what I did was moving the layers a little bit to the right, every following frame a little bit more. Thus, in the left side of the canvas appears a thin line of "empty nothing" (I dont know how you call this in photoshop jargon), which gets thicker with every subsequent frame, because the layers are moved to the right, so there is no "image" in that part of the canvas. Finally I had the subject centered in the canvas on every frame, so I tried to crop out the rest of it (right and left side, I left the height as it was) to have only left the center of this image, with the subject on it. But this didnt work out as planned, because the empty part on the left side was in the now portrait format image as well. Basically, the left side of the final gif is empty in the same way the uncropped image was, deleting important parts of the final product. I hope this explains it.

9/3/2014 1:06:00 PM

The answer to this question is... use After Effects.

You probably could solve this problem in Photoshop, by learning to bend your ways around its ways of doing things, but it will be clumsy, destructive and time consuming.

That's time that would be far better spent learning the methodologies of After Effects.

After Effects, by way of introduction and encouragement to take the time to learn it, is by far the best product Adobe makes. It's daylight to second place.

// Which is Lightroom.

Photoshop is a cash cow and industry stalwart, but it's long ago become a burden of its own weight. The timeline features and export features it has are part of that bloat, are not well thought out and not worth the time it takes to learn them unless you're already a Photoshop addict.

It appears, from your lack of understanding of the terminology and approaches of Photoshop that you're not yet an addict of its ways and paradigms.


Jump to After Effects immediately. It can do everything you're currently trying to do, natively, and much more, and it's actually got some reasonable paradigms. It has its share of problems, but nothing like the nightmare that is Photoshop or Illustrator.

And After Effects is actually better for the kind of image editing you're likely wanting to do... as although it's an animation and compositing application, it is also very capable at still image editing.

And if you learn After Effects instead of Photoshop it will put you in great steed for the future as you'll be able to more easily learn things that are more interesting than editing NFSW stuff, faster.

The best place to start learning After Effects is Vimeo, followed closely by youtube.

---- A quick note about learning animation software ------

It is difficult because all your preconceived notions about how best to animate something, and how simple it should be to animate something will prevent you from seeing the truth of animation design software:

That animation design software was not well designed, and is just about all running legacy User Interface conventions and ideas that predate thinking about usability from a humane perspective.

So you have to really suffer for first by letting go of the idea that these powerful applications have been well thought out... they have not.

The only possible exception to this is the one that's no longer in existence... Combustion from Discreet. But it's gone, so don't bother looking for it.

Just sack up some coffee, spend some time in front of youtube and vimeo... and do one other thing...

LET GO OF PRE-existing design ideas while you're learning!

It's faster to iterate through what you learn some features to do, and expand your knowledge from there, than to try to do something specific that requires you learn 20 aspects of a program's approaches and paradigms.

And you'll get to your destination in a better way if you take the journey as a joy rather than an obstacle.


2/19/2014 11:41:00 AM