Adblock breaks this site

Animated Gifs

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

  1. Ex

    Ex Previously known as Excelont

    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
    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
     
  2. theArc

    theArc Order graphics by clicking here today!
    Banned

    Joined:
    Apr 15, 2012
    Posts:
    1,383
    Referrals:
    0
    Sythe Gold:
    781
    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.
     
  3. Ex

    Ex Previously known as Excelont

    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
    Animated Gifs

    This one is?

    See how it moves but no set background

    [​IMG]
     
  4. Zune

    Zune Active Member
    Banned

    Joined:
    Jun 13, 2015
    Posts:
    184
    Referrals:
    0
    Sythe Gold:
    0
    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 :)
     
  5. Matt

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

    Joined:
    Nov 28, 2012
    Posts:
    6,149
    Referrals:
    6
    Sythe Gold:
    58
    SOTMx5 In Memory of Jon
    Animated Gifs

    Make something with a transparent background -> "Save for Web" -> Check "Transparency"
     
  6. Ex

    Ex Previously known as Excelont

    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
    Animated Gifs

    Tried that, leaves weird white background when the item moves
     
  7. MohtasaUnique

    MohtasaUnique Grand Master
    Retired Global Moderator

    Joined:
    Sep 1, 2007
    Posts:
    6,681
    Referrals:
    2
    Sythe Gold:
    690
    Discord Unique ID:
    158831078964985856
    Discord Username:
    Tony#2235
    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.
     
  8. Ex

    Ex Previously known as Excelont

    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
    Animated Gifs

    love you bby <3
     
  9. Execution

    Execution BUYING ALL CS2 SKINS
    $50 USD Donor New

    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...
    Animated Gifs

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


 
 
Adblock breaks this site