Tytuł: Przezroczyste dopasowane tło w GIFie [Poradnik] Wiadomość wysłana przez: noss on 22.09.2006, 23:19:49 Jak uniknąć poszarpanych krawędzi w obrazkach GIF z przezroczystym nieregularnym tłem?
Trzeba tworzyć czy malować nie na pustej warstwie, tylko na wypełnionej kolorem np. białym*, takim jakie będzie miało tło na stronie na której obrazek będzie wyświetlany. Jeżeli mamy już coś na warstwie przezroczystej należy tę warstwę połączyć z warstwą np. białą*. Dopiero teraz indeksujemy obrazek i za pomocą np. różdżki "Promień: 0" zaznaczamy kolor naszego tymczasowego tła tj. biały* i usuwamy go Ctrl + K. Teraz zapisujemy nasz obrazek jako GIF lub PNG. O ile w PNG można zapisać w trybie RGB o tyle GIF może być tylko indeksowany. W przypadku animowanych GIFów opisany powyżej proces trzeba przeprowadzić na każdej warstwie (klatce animacji) z osobna. Po umieszczeniu takiego obrazka na innym tle niż to z którym pracowaliśmy (białe*) obrazek będzie wyglądał nieciekawie co widać na przykładzie 2 i 3. * kolor biały jest przykładowym tłem naszej fikcyjnej stronki, poniżej użyłem koloru tła forum #ecedf3 1.1 bez zabiegów opisanych powyżej: (http://images1.fotosik.pl/182/6c9dd28556184fb1.gif) (http://images3.fotosik.pl/173/3b04b47b2c2e5dd6.gif) 1.2 po zastosowaniu się do powyższych zabiegów z tłem: (http://images3.fotosik.pl/173/ebc411bd7797debf.gif) (http://images4.fotosik.pl/137/f74c858b68cda023.gif) (http://images1.fotosik.pl/182/3b86f79eb1b7e2f2.gif) 2.1 dopasowane do tła strony: (http://images2.fotosik.pl/118/ce0fe8fdbc1dc863.gif) 2.2 ten sam obrazek na czarnym tle, dopasowanie do koloru białego a nie czarnego (http://images1.fotosik.pl/127/892418fe74abe0f7.gif) 3.1 niedopasowane do tła forum (bo nie jest białe), przy czarnych kropkach tego nie widać zbytnio (http://images4.fotosik.pl/82/cca38472d8da5eb2.gif) 3.2 a tak by wyglądało gdyby tło strony było białe: (http://images1.fotosik.pl/127/312af34dfb88c6f8.gif) Podsumowanie. Obrazek GIF indeksowany (zawsze) z przezroczystym nieregularnym tłem, obojętne czy statyczny czy animowany absolutnie zawsze będzie miał poszarpane krawędzie. Jedyny ratunek to dopasować krawędzie do tła aby tego nie było widać inaczej lipa. :D |