How to Save / Export Photoshop File to GIF File | QUALITY VS. FILE SIZE Explained

Поділитися
Вставка
  • Опубліковано 19 жов 2024
  • Steps
    _________________________________________
    1. Click on "File"
    2. Select "Save for Web"
    3. Preview my video description & settings below for best quality vs. file size.
    4. Click "Preview" at the bottom left to view it on the web or click "Save" at the bottom right to save your file.
    5. Locate to save file & open it to preview your work!
    Support & Follow Me On Facebook: / cyberpunktube
    Support & Follow Me On Twitter: / cyberpunktube
    My Official Website: CyberPunkTube.com
    Settings (From Left Top to Bottom Right)
    _________________________________________
    Preset: Select "GIF 128 Dithered" - this will change to "Unnamed" when edited
    File: GIF
    Selective
    Diffusion
    Transparency Box: Checked
    No Transparency Dither
    Interlaced Box: Checked (Deselect to decrease file size, although you will lose quality)
    Colors: 256 (Select 128 to decrease file size, although you will lose quality)
    Dither: 88% (Best options are 70% to 90%)
    Matte: Blank
    Amount: Blank
    Web Snap: 0% (Adjust to decrease file size, rapidly loses quality)
    Lossy: Blank
    Convert to sRGB Box: Checked
    Preview: Monitor Color
    Metadata: All
    Color Table: Automatically populates
    Image size: Your Choice
    Percent: 100%
    Quality: Bicubic Sharper
    Looping Options: Forever

КОМЕНТАРІ • 118

  • @Whatsthe411TV
    @Whatsthe411TV 5 років тому +7

    Thank you for this video. As an update, the newer versions of Photoshop consolidated these steps in the Export option under File, but you can still use the shortcut keys.

  • @impagain
    @impagain 4 роки тому +2

    One thing I stumbled upon on mine was, for SOME reason, mine wasn't set to forever looping. It took me a good long time to figure that out, but for anyone else dealing with that, there is a dialogue box at the bottom of that menu that deals with looping! Thanks so much for this tutorial, it was IMMENSELY helpful!

  • @NomadaProductions
    @NomadaProductions 4 роки тому +4

    Thanks for this. I'm exporting GIFs almost daily from After Effects but needed to use PS to export with alpha channel. Thanks to this I now know what makes my GIFS so ridiculously big. Cheers!

  • @rencej7510
    @rencej7510 2 роки тому +1

    Thanks for this. I had issues about saving gif, it just wont play. Buy thanks to this video, i was able to save and play it swiftly. Thanks man!

    • @Metastrator
      @Metastrator  2 роки тому

      Appreciate you taking the time to comment and show some love!

  • @FiorellaRivera
    @FiorellaRivera Рік тому

    Thanks! I was going crazy for like 10 minutes.

  • @ClooverDev
    @ClooverDev 4 роки тому

    finally, i did much searchings to find how to save a gif, i saved everytine .gif but it made a stop gif, idle gif, and it helped me to save the gif, thank you dude !

  • @AnimeStar77
    @AnimeStar77 5 років тому +5

    Thank you for the tutorial, first time posting a gif so it helped me a lot!

  • @harshadaaupare
    @harshadaaupare 2 роки тому

    Thank you so much for this video, precise and perfect for my search....great great!

  • @royceachterberg5627
    @royceachterberg5627 Рік тому

    Man, great tutorial!

  • @hiiamverycoolthankyouforas6991
    @hiiamverycoolthankyouforas6991 3 роки тому +1

    Do ineed to have ALL =frames of the gif not transparent at once?

  • @auruds3592
    @auruds3592 4 роки тому

    Thnbks for the tutorial, Sir!. It's very helped me, now I know what is the shortcut. Because, I don't see there "save for web"

  • @lowerastral1963
    @lowerastral1963 4 роки тому

    Merry Christmas and Happy New Year! I found your excellent video, but what I wanted to know is as I am creating the frames and saving them off to build my GIF animated video, what file format should I be saving each frame off at, or should I just save all the frames off as GIFs? Thanks!

  • @shiraroth5191
    @shiraroth5191 2 роки тому

    Thanks this was useful. also i can hear your chickens in the background :)

  • @graphicagirls4334
    @graphicagirls4334 Рік тому

    it was so helpful thank you so much

  • @24Kitsune
    @24Kitsune 2 роки тому

    You sir, have saved my buns.
    Thank you

  • @terra_tory
    @terra_tory 2 роки тому

    Thanks so much! this worked well!

  • @JCFrost
    @JCFrost 3 роки тому

    Great tutorial, my gif looks super crisp-crystal clear now! Thank you!!!!

  • @magicallyfluffyunicorns84
    @magicallyfluffyunicorns84 5 років тому +1

    This was helpful AF! thank you ☺️✌🏽✨

  • @sleepingzombie5347
    @sleepingzombie5347 3 роки тому

    Thanks bro for this tutorial this helped me alot

  • @安然-x9t
    @安然-x9t 3 роки тому

    Thank you so much, this really helped

  • @saragoesoutside
    @saragoesoutside 2 роки тому

    Can you get this high qualify GIF exported as a media file to share to social media platforms such as Instagram and TikTok?

  • @ParadiseVids
    @ParadiseVids 4 роки тому

    Very helpful! Thank you thank you!

  • @nirambezalel3787
    @nirambezalel3787 4 роки тому

    thanks man great tutorial

  • @mr.kulotchannel186
    @mr.kulotchannel186 4 роки тому

    Thank you for this video, now I have idea to save my animation in Photoshop

  • @jooawn
    @jooawn 4 роки тому

    you're a lifesaver!

  • @Aydee2020
    @Aydee2020 5 років тому

    Thanks a lot brother. Was facing with an error while exporting.

  • @thomaswang
    @thomaswang 4 роки тому

    Thanks, it is a great help!

  • @marckdominiqueilagan3393
    @marckdominiqueilagan3393 4 роки тому

    You're the man bro

  • @thatericguy1
    @thatericguy1 4 роки тому

    thank you! just what I needed

  • @saidiwalid594
    @saidiwalid594 4 роки тому

    THANK YOUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUU!!!

  • @marioneteatro
    @marioneteatro 5 років тому

    Thank you so much!
    This was extremely helpful! :)

  • @bindaasmunda6038
    @bindaasmunda6038 4 роки тому

    Thanks man 👍

  • @rostiknazarov730
    @rostiknazarov730 5 років тому +7

    Tried to save it but it says "Could not complete this operation. An unknown error has occured."

  • @honeydraw8115
    @honeydraw8115 4 роки тому

    Thank you sooo much.

  • @purokhao
    @purokhao 4 роки тому

    Saved me! Thanks!

  • @sasakiluna
    @sasakiluna 4 роки тому

    helped me a lot to make my blender animation into a gif ♥

  • @BeatrixPlays_
    @BeatrixPlays_ 4 роки тому

    Thank you!

  • @BigCrafter
    @BigCrafter 5 років тому +2

    Thank you so much! :)

  • @jhzongsimplediytutorial6838
    @jhzongsimplediytutorial6838 2 роки тому

    Thank you

  • @kiibo_ouo
    @kiibo_ouo 2 роки тому

    Hi I would like to ask what could I do to improve the resolution of the gif if there are 150 frames 🥲🥲🥲

  • @Shrubs_YT
    @Shrubs_YT 5 років тому +1

    Hey, CyberPunk can you help me out? I've followed your instructions and I still keep getting a white pixel border around my gif. It looks really janky on the transparent background.

  • @jonathanlong2751
    @jonathanlong2751 4 роки тому

    Thanks bro

  • @srdesigner2959
    @srdesigner2959 4 роки тому

    THANK U SO MUCH

  • @MrPaziX
    @MrPaziX 4 роки тому

    Thank you ! :)

  • @kirstiwalldecordero971
    @kirstiwalldecordero971 5 років тому

    Thank you for this video!

    • @Metastrator
      @Metastrator  5 років тому

      I’m so sorry for the late response! My Grandmother whom I lived with & grew up with every day passed away and I haven’t been able to get onto UA-cam and respond to my viewers. Thank you SO SO much for your support & comment, I cannot express how happy I am that you took the time to reach out to me. Seriously, thank you so much.

  • @seabreeze4722
    @seabreeze4722 3 роки тому

    thank you :)

  • @rexhilverstone7154
    @rexhilverstone7154 5 років тому

    Thanks!

  • @TechHelp101
    @TechHelp101 5 років тому

    Thank you..!

  • @ohkunny
    @ohkunny 5 років тому

    i like your video!!

  • @deipty222
    @deipty222 4 роки тому

    My gif quality turned out to be horrible. Not sure why that's happening. I used the online converter you showed.

  • @lucasgarcia95
    @lucasgarcia95 10 місяців тому

    💛

  • @zefsam
    @zefsam 3 роки тому

    My gif keeps showing the previous frames when I save it? How can I fix this ?

  • @riiapeace9839
    @riiapeace9839 4 роки тому

    Sir my animation gif is not working/playing in windows or mobiles.....plz help me to save correctly

  • @ephey7306
    @ephey7306 5 років тому

    very useful

  • @sachinjain6844
    @sachinjain6844 4 роки тому

    thanks for this video.. but i have problem that when i exporting as gif with the music attachment, gif can't exporting with the music. So, what can i do?

  • @mads9522
    @mads9522 5 років тому

    thx bro!

  • @shasha6790
    @shasha6790 4 роки тому

    Thank you for transparent gif settings

  • @nojo5053
    @nojo5053 4 роки тому

    thanks

  • @AriaSerif
    @AriaSerif 5 років тому +1

    interesting vid.

  • @adri_144
    @adri_144 5 років тому

    my gif had white background and when i saved it, the white color changed to light blue, do you know why please?

  • @GAMEENDEDMEMES
    @GAMEENDEDMEMES 5 років тому +1

    My gif is made of transparent photos, and when I watch the gif tey overlap and I can see all the frames at once.

    • @Metastrator
      @Metastrator  5 років тому

      I’m so sorry for the late response! I haven’t been in a good state of mind after my Grandmother whom I lived with & grew up with every day passed away. I went into a dark place for a while there, are you still having issues? I can look into this more to help you out if you’d like

    • @GAMEENDEDMEMES
      @GAMEENDEDMEMES 5 років тому +2

      @@Metastrator I'm sorry for your loss. No, I figured it out. Thanks

    • @Metastrator
      @Metastrator  5 років тому +1

      Alright good to hear! And thank you very much for your condolences

  • @Blobster-td4nv
    @Blobster-td4nv 4 роки тому +1

    I don't know what the fuck I did wrong but when the GIF is in Photoshop it's fine but when it exports the images stay visible and the animation keeps playing. Probably won't respond but it would be great if u could...

  • @ronith2674
    @ronith2674 6 років тому +1

    Thanks nigga this was helpful

    • @Metastrator
      @Metastrator  6 років тому

      Thank you so much for watching & commenting!

  • @mafaldanunes4948
    @mafaldanunes4948 5 років тому +1

    bless u

    • @Metastrator
      @Metastrator  5 років тому

      Thank you for watching! Bless you as well!

  • @samuel7jesus
    @samuel7jesus 5 років тому

    thaaaaaaankssss

    • @Metastrator
      @Metastrator  5 років тому +1

      No, thank you! Also, I’m so sorry for the late response! I haven’t been in a good state of mind after my Grandmother whom I lived with & grew up with every day passed away. I went into a dark place for a while there, but thank you SO SO much for your support & comment, I cannot express how happy I am that you took the time to reach out to me. Seriously, thank you so much.

    • @samuel7jesus
      @samuel7jesus 5 років тому

      @@Metastrator I'm sorry to hear that bro. best wishes for the future man fr

    • @Metastrator
      @Metastrator  5 років тому

      @@samuel7jesus Thank you so much for your condolences

  • @CJAFTER5
    @CJAFTER5 6 років тому

    Im making an animated layover for a twitch and the quality dropped so much its absolutely unusable.. tried everything on the video, been messing with it a while and nothing fixes it, it exports as a pixeled mess places that had a fade effect look like they were made with the spray tool on mspaint
    sometimes it looks like its gonna export is a bit better quality, if i click "original" then back to "optimised" it shows up as the pixely mspaint mess, it blows!

    • @Metastrator
      @Metastrator  6 років тому

      I'm sorry to hear. I've had a similar issue to this before when I tried making the background invisible so it was just a floating GIF file. Two questions, what color background are you using (also, is it invisible?) And how many frames total is the file?

    • @markus4979
      @markus4979 6 років тому

      keep in mind gif's are limited to max 256 colors as I understand it, thus comparing to a full color animation / video will always look a lot worse and in some cases is more obvious.

    • @CJAFTER5
      @CJAFTER5 6 років тому

      @@markus4979 yeah I just had never had it to that degree but it was probably due to my color choices we decided to export a png and leave it at that, thanks for the reply tho!

  • @AZULA69
    @AZULA69 Місяць тому

    The original on mine is so beautifull made it my self but on export settings it looks absolute shit its a shame that after effects cant export good quality gif

  • @aidenndublerr2516
    @aidenndublerr2516 5 років тому

    Thanks

    • @Metastrator
      @Metastrator  5 років тому

      No, THANK YOU!!! Also, I’m so sorry for the late response! I haven’t been in a good state of mind after my Grandmother whom I lived with & grew up with every day passed away. I went into a dark place for a while there, but thank you SO SO much for your support & comment, I cannot express how happy I am that you took the time to reach out to me. Seriously, thank you so much.

  • @paolomemije
    @paolomemije 3 роки тому

    whay mine goes static even with the animations on!

  • @_morphos_
    @_morphos_ 5 років тому

    Is there any way to export the gif as the original version and not the optimized version?

    • @finfromthedeep
      @finfromthedeep 5 років тому +1

      At the top left corner of the "save for web" settings theres the "original" option beside "optimized." It raises the file size drastically but it looks good

    • @leonardofraga5130
      @leonardofraga5130 5 років тому

      @@finfromthedeep That didn't work for me, do you have any ideas why?

    • @Metastrator
      @Metastrator  5 років тому +1

      I’m so sorry for the late response! I haven’t been in a good state of mind after my Grandmother whom I lived with & grew up with every day passed away. I went into a dark place for a while there, are you still having issues? I can look into this more to help you out if you’d like

  • @ousmanjah211
    @ousmanjah211 4 роки тому

    Life save bro

  • @Quxerss
    @Quxerss 5 років тому +1

    well my gif is still ._. 87mb ._.

  • @DoodyDraws
    @DoodyDraws 5 років тому

    I have a huge transparent area around my gif in the optimized window idk how to make it preview the gif full

    • @Metastrator
      @Metastrator  5 років тому +1

      Sorry for the late reply, been really busy! Are you still having problems?

    • @DoodyDraws
      @DoodyDraws 5 років тому

      @@Metastrator no problem Bro appreciate the reply.. Yeah I think it's because of the canvas size.. I adjusted it a bit but still have a transparent frame around it
      What size was yours?

    • @Metastrator
      @Metastrator  5 років тому +1

      @@DoodyDraws I generally resized it directly in the "Save For Web" option, I have a few different sizes for posting in certain places ^_^ - Without actually seeing your file though I don't know how much help I can be, I'm sorry

    • @DoodyDraws
      @DoodyDraws 5 років тому

      @@Metastrator no problem thanks man

  • @alexandrastratanphotographer
    @alexandrastratanphotographer 4 роки тому

    holly I cant find save for web on PS6

  • @brandonesauguadarramallama4084
    @brandonesauguadarramallama4084 2 роки тому

    awesome cosplay

  • @sukunagk
    @sukunagk 5 років тому

    I did everything but the gif is overlapping the last motion over and over

    • @Metastrator
      @Metastrator  5 років тому

      That sounds more like a timeline issue on your gif, do you know how to extend the times of each frame?

    • @sukunagk
      @sukunagk 5 років тому

      CyberPunk no but I can figure it out somehow. The frame like doesn’t disappear.

  • @ChristopherDillman
    @ChristopherDillman 5 років тому

    So doing this export process from PS, my GIF is 7 seconds long, 712x480 in size, and over 18 megabytes. 😕

    • @Metastrator
      @Metastrator  5 років тому +1

      Well, technically you change the length of your animation VIA the timeline & frame manipulation, but, if you have a question (and or) want suggestions on your file, feel free to ask! I'll do the best I can to guide you correctly.

    • @ChristopherDillman
      @ChristopherDillman 5 років тому

      @@Metastrator Thanks. I found if I change the size to 350 wide that chunks the size down quite a bit.
      Is the average size about 5 to 9 megs for a 4 or 5 sec Meme video GIF sound about right?

    • @Metastrator
      @Metastrator  5 років тому +1

      Yes, you can always check imgur or other sites as well and download a few and right click them -> check their properties as well!

  • @jorgesandoval6831
    @jorgesandoval6831 5 років тому

    why mine keep saving it as HTML not as GIF

    • @Metastrator
      @Metastrator  5 років тому

      I’m sorry for the late response! My Grandmother whom I lived with & grew up with every day passed away and I haven’t been able to get onto UA-cam and respond to my viewers. Are you still having issues? I can look into this more to help you out if you’d like

  • @chitototoy176
    @chitototoy176 2 роки тому

    ok. #AUTOMATICSUBSCRIBE!!!! lookingforward to more tips

  • @videogamechill7565
    @videogamechill7565 4 роки тому

    i keep getting unkown error when i try to save

  • @mahekthapa9053
    @mahekthapa9053 Місяць тому

    i try and what i know is photoshop is not for gif its fucked up

  • @wanelmyfareenwanahmad1369
    @wanelmyfareenwanahmad1369 4 роки тому

    I DON NEED THIS I HAVE BETTER ONE A BIG AFIRCAN BULL FROG IT NAME GORDO THE FROG YEET

  • @KaDribolPH
    @KaDribolPH 4 роки тому

    To much blah blah