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.gifOpen 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-BehanceYou 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.
- Quick draft https://s11.gifyu.com/images/Carni.gif of an edit, let me know if you need help
- @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-845740The video who have is recorded screen of scrolling and pasted back into video edited software.Or1. Export the whole PSD as a JPEG or PNG2.1 Make a UI mockup of social platform as a PSD2.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 PNG3.2 Import your PSD of UI mockup have retain layers etc in pop4. 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 MOV9. 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
- @Christina-Marie C 300dpi is perfect for high quality printing, 72dpi is sufficient for screens.
- @ɐɹ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!
- @Federico Gonzalez Camargo Hi, the dimensions are 3507px by 52273px
- Hi! , ¿could you please tell me what are the measurements of the project before uploading it?
You must sign up or log in before you
add a comment.