Animated Gifs

Discussion in 'Graphics Resources and Discussion' started by Ex, Jan 25, 2016.

Animated Gifs
  1. Unread #1 - Jan 25, 2016 at 8:55 PM
  2. Ex
    Joined:
    Dec 18, 2013
    Posts:
    8,237
    Referrals:
    1
    Sythe Gold:
    148
    Live Streamer I'm LAAAAAAAME In Memory of Jon Paper Trading Competition Participant Community Participant Spam Forum Participant Sythe's 10th Anniversary

    Ex Previously known as Excelont

    Animated Gifs

    Hello,

    I'm looking for some tips on how to make gifs with a see through background

    ive tried multiple times but couldnt figure out the right settings
     
  3. Unread #2 - Jan 25, 2016 at 9:32 PM
  4. theArc
    Joined:
    Apr 15, 2012
    Posts:
    1,383
    Referrals:
    0
    Sythe Gold:
    781

    theArc Order graphics by clicking here today!
    Banned

    Animated Gifs

    .gifs can not be transparent. To make a .gif appear to be transparent you have to make the background the color of the background you are displaying it on.
     
  5. Unread #3 - Jan 25, 2016 at 9:48 PM
  6. Ex
    Joined:
    Dec 18, 2013
    Posts:
    8,237
    Referrals:
    1
    Sythe Gold:
    148
    Live Streamer I'm LAAAAAAAME In Memory of Jon Paper Trading Competition Participant Community Participant Spam Forum Participant Sythe's 10th Anniversary

    Ex Previously known as Excelont

    Animated Gifs

    This one is?

    See how it moves but no set background

    [​IMG]
     
  7. Unread #4 - Jan 28, 2016 at 5:28 PM
  8. Zune
    Joined:
    Jun 13, 2015
    Posts:
    184
    Referrals:
    0
    Sythe Gold:
    0

    Zune Active Member
    Banned

    Animated Gifs

    as far as i'm aware they'll always be kinda shit quality - see the edges

    for sythe def go with the blue bg, thats what i do :)
     
  9. Unread #5 - Jan 28, 2016 at 7:20 PM
  10. Matt
    Joined:
    Nov 28, 2012
    Posts:
    6,149
    Referrals:
    6
    Sythe Gold:
    58
    SOTMx5 In Memory of Jon

    Matt Don't be afraid to fail... Be afraid not to try.
    Retired Sectional Moderator Ninja Graphics Artist Competition Winner THERSG0D Donor

    Animated Gifs

    Make something with a transparent background -> "Save for Web" -> Check "Transparency"
     
  11. Unread #6 - Jan 29, 2016 at 4:09 AM
  12. Ex
    Joined:
    Dec 18, 2013
    Posts:
    8,237
    Referrals:
    1
    Sythe Gold:
    148
    Live Streamer I'm LAAAAAAAME In Memory of Jon Paper Trading Competition Participant Community Participant Spam Forum Participant Sythe's 10th Anniversary

    Ex Previously known as Excelont

    Animated Gifs

    Tried that, leaves weird white background when the item moves
     
  13. Unread #7 - Jan 29, 2016 at 4:38 AM
  14. MohtasaUnique
    Joined:
    Sep 1, 2007
    Posts:
    6,681
    Referrals:
    2
    Sythe Gold:
    690
    Discord Unique ID:
    158831078964985856
    Discord Username:
    Tony#2235

    MohtasaUnique Grand Master
    Retired Global Moderator

    Animated Gifs

    GIF pixels can only be 100% or 0%. Transparent or opaque. They cannot be dithered or have gradient opacity.

    You need to set the matte color as whatever background you're creating the GIF for. For example, I made this using 3DS Max, and created the GIF in photoshop:
    [​IMG]
    Seems transparent and smooth, yeah?
    But if you drag the image to a new tab, where the background is just white, you'll see that while the blue color still matches the sythe background, it's not truly transparent.




    Here's those settings:
    [​IMG]
    Notice the Matte color. It's set to #0F1C2B, which is sythe's background color.



    Crisp images like that pikachu will come out well enough because the edges are so hard. The white default matte around the edges is hardly noticeable, but once you get into anything with soft edges, glows, shadows, etc., you'll have to consider matching matte to your intended background color.
     
  15. Unread #8 - Jan 29, 2016 at 4:40 PM
  16. Ex
    Joined:
    Dec 18, 2013
    Posts:
    8,237
    Referrals:
    1
    Sythe Gold:
    148
    Live Streamer I'm LAAAAAAAME In Memory of Jon Paper Trading Competition Participant Community Participant Spam Forum Participant Sythe's 10th Anniversary

    Ex Previously known as Excelont

    Animated Gifs

    love you bby <3
     
  17. Unread #9 - Feb 6, 2016 at 2:04 AM
  18. Execution
    Joined:
    Sep 28, 2015
    Posts:
    452
    Referrals:
    0
    Sythe Gold:
    244
    Vouch Thread:
    Click Here
    Discord Unique ID:
    135941817807011840
    Not sure if srs or just newfag...

    Execution BUYING ALL CS2 SKINS
    $50 USD Donor New

    Animated Gifs

    Could not have explained this any better myself.
     
< Photoshop tips required | Anyone know the name of this font? >

Users viewing this thread
1 guest


 
 
Adblock breaks this site