ask box for anonymous questions closed
ask box and submit box here closed
(so tag your posts with itsphotoshop instead)

important daily updates
it's photoshop
Blog dedicated to Photoshop and Tumblr resources. You will find psds, textures, themes, tutorials and much more. Run by adriana and paula and created on August 24th 2012. Please, check the faq before asking any questions .

semi-hiatus during july

Anonymous asked: Could you explain how to do such a gif transition ? evewillow*tumblr*com/post/46819601001 Thank you so much!!

I’m making a tutorial rn, I’ll post it tomorrow ^^

I was making the tutorial and tumblr decided to suddenly delete 90% of the text of the post idk why so I’m as mad as hell right now. I’m going to explain right here *cries*

HOW TO DO THIS TRANSITION (x) *cries again*

image

image

(applying it once or twice)

psd i used (x)

The transition is very similar to this. You have to make your gif without converting to smart objects. Your gif needs to have two scenes (or more) in it. So there’ll be a “place” in the animation (frames) window where both scenes “touch each other” (x); select then the last frame of the first scene and the first frame of the second one. Click on the tween icon and enter these settings:

image

Change the time delay to more or less half of the amount you have already set; i.e. I set 0’08 seconds in the rest of the frames, so in this new six frames I set 0’04.

Now select the first frame of these new six frames and the first layer of the second scene in the layers panel in the layers panel and set the opacity of this layer to 100% (x) Select the second frame and change the opacity (of the same layer) again until this layer is 100% opacity in all those six frames.

This is what happens:

image

We can do the same with the transition between the second scene and the first: select the first and the last layers in the animation window and click on the tween button again, same settings; the new six frames will appear at the end and you’ll have to change opacity of the last layer in the layers panel to 100%.

image

Notice that this gif is kinda sort; this is because I had to delete some layers: have in mind before starting that you are going to add six or twelve frames (depending on if you apply the transition once or twice) during the process so the gif will weigh more. Anyways, my size limit in this post is 1MB and in the photo posts is 2MB, so.

And that’s it :)

Posted on Apr 02, 2013
Tagged: #answered #a:ps #tutorials #our tutorials #photoshop tutorial #gif tutorial #by paula #stuff #gif transition

101 notes:

  1. favsources reblogged this from itsphotoshop
  2. paqfoot reblogged this from narcissablck
  3. evilregalsnow reblogged this from itsphotoshop
  4. resourcefulpandas reblogged this from narcissablck
  5. narcissablck reblogged this from llghtwood
  6. belllatrixes reblogged this from llghtwood
  7. llghtwood reblogged this from itsphotoshop
  8. amysresources reblogged this from itsphotoshop
  9. teaspiration reblogged this from itsphotoshop
  10. seunmilk reblogged this from itsphotoshop
  11. 37thknight reblogged this from itsphotoshop
  12. beast-mo-d reblogged this from itsphotoshop
  13. resourcesvirus reblogged this from itsphotoshop