Does anyone know how to export a long presentation slide in Photoshop with animations as a GIF for Behance?

I've finally finished a project I'm so excited to share and have been following this tutorial (https://youtu.be/1jf9esDFYes), but she didn't show how she exported the GIF with the animations.

I tried using the Save for Web (Legacy) option, but it was extremely small when I uploaded it to Behance, and I don't know how to resize it.

I've attached a picture for reference.

Replies13

  • Think I may have mis read your post thinking was trying to recreate the scrolling effect.

    Expand on this this her exported file https://mir-s3-cdn-cf.behance.net/project_modules/fs/1353e2136780427.620019ecde4bc.gif

    Open it in photoshop the pexel width is 1920 and height 7560 as the DPI 72, however the gif is setup by 3 frames (layers) helps reduce the file size more frames you have the more file size increases.

    As explained in your “3507px by 52273” that is maybe too big in width as, making a document your size and doing a image resize to 1920px width the hight came to “28618px” will be to big for Behance.
    Behance format is “JPEG/PNG Images 2800px wide or smaller under 10MB” https://help.behance.net/hc/en-us/articles/204484614-Guide-Formatting-Images-For-Display-On-Behance

    You have another option slice up the PSD export at 1920px width (disired format) height will be what ever, when it comes to the animated gif keep the width 1920px auto height but to optimize the gif size by reducing your frames based on layers.

    Ideally be better to look at your raw PSD file to optimize it better, hard to explain contexually.

    shoot an email luke@melonmodern.com
  • @Luke Freeman ✓✐ Thank you I will keep your instructions handy. I really appreciate your reply.
  • @Federico Gonzalez Camargo Thank you, I decrease the dpi and the Save for Web (Legacy) became a clickable option so I managed to export it as a GIF. Thank you so much.
  • @Christina-Marie C don’t listen to Lukes advice he is a “troll” @Nikky Lyle says so
  • Your going in the wrong direction the achieve the last section of the video in your reference.
    What your trying to do is this:
    https://the-dots.com/projects/appliquer-spf-845740

    The video who have is recorded screen of scrolling and pasted back into video edited software.

    Or

    1. Export the whole PSD as a JPEG or PNG
    2.1 Make a UI mockup of social platform as a PSD
    2.2 Have a white alpha matt layer to be used in Ae (After Effects)
    3.1 Go into After Effects import your long slide JPEG or PNG
    3.2 Import your PSD of UI mockup have retain layers etc in pop
    4. Make a comp based on your PSD UI of 19x6 (1920x1080 pixels)
    5. Bring your long slide JPEG or PNG, layer order below the alpha matt white layer and use Track Matte alpha it will act as a clipping mask.
    6. On your long slide JPEG or PNG give it a positon keyframe and scrub to the end of the time line and shift drag the layer (long slide JPEG or PNG) up.
    7. Select keyframe make right clik select easy ease (optional use keyframe bezier handles in the graph editor to give a more human movement based on scrolling)
    8.Export MOV
    9. Import MOV to Media Encoder export as anaimated gif.

    *However the size and frames of the document will be high in in file size MB
  • @ɐɹoᗡ ɐuu∀ ˥ Hi Lanna!

    The whole presentation isn't a GIF it's just particular sections on it. When you say slice, do you mean put the GIFs on different Artboards? And if so what would be the procedure for exporting?
  • @Federico Gonzalez Camargo I used Photoshop, I used the timeline feature to create 5 frames a 1 second each. In centimeters it's 29.69 width by 442.53 height, with 300dpi. Would I need to decrease the dpi? Would the resolution still be clear?
  • Hi Christina,

    It always will be a trouble to create that big GIFs, that's not what they made for. Slice up this long imahe ad save separately the ones you want to move as GIFs.
  • @Christina-Marie C Hi Christina again. I'm trying to replicate something with the sizes you give me,.... but in After effects (which is what I use to animate) it only allows me 30000 px high. In what program did you create the animation?

    52273px at 72dpi is like having an 18 meter long image for screen.... it could be 5273 instead of 52273px. If the second measurement is correct, it must be a problem of magnitude limits. I would like to help you!

You must sign up or log in before you 
add a comment.

Post reply