Formatu GIF nie trzeba chyba przedstawiać - jest on jednym z dwóch najpopularniejszych formatów graficznych stosowanych w Internecie. A zawdzięcza to kilku swoim cechom: może być animowany, przezroczysty, ma niewielkie rozmiary i świetny sposób kompresji. Przy tym posiada tylko jedną wadę - maksymalną liczbę kolorów, która wynosi 256. Z tego względu nie wszędzie opłaca się używać GIFa - przy bardziej złożonych rysunkach oraz fotografiach dużo lepiej spisuje się JPG.
Jako że w Photoshopie nie można tworzyć animacji, zajmiemy się tylko nieruchomymi obrazami. Z tego tekstu dowiecie się, jak zapisywać GIFy oraz jak sprawić, aby posiadały one przezroczyste tło. Na początek stwórzmy prosty rysunek - niech to będzie kula wypełniona gradientem:
Powyższy obrazek składa się z maksymalnej liczby kolorów, czyli 256. Zajmuje przy tym 13 KB. Można jednak zmniejszyć nieco ilość kolorów, aby nie utracić jakości, a jednocześnie obniżyć wielkość pliku. W tym celu wybieramy File/Save As Plik/Zapisz jako, podajemy jakąś nazwę i wybieramy format GIF, klikamy Zapisz i zatrzymujemy się przy tym oknie:
Tutaj możemy zmienić ustawienia dotyczące zapisu pliku. W Palette Paleta dokonujemy wyboru palety: Exact, System, Web, Uniform, Local, Master, Custom, Previous Dokładna, Systemowa, Web, Jednolita, Master, Inna, Poprzednia. W naszym przypadku nieaktywne są Exact Dokładna i Master Master, co związane jest z tym, że rysunek składa się z większej liczby kolorów niż 256. Gdyby ilość ta była mniejsza i wynosiła np. 212 kolorów, to po wybraniu Exact Dokładna rysunek zostałby zapisany z liczbą kolorów, z jakich się składa, czyli 212.
Najczęściej używanymi opcjami są Exact Dokładna i Local (Perceptual, Selective lub Adaptive Wizualna, Selektywna, Adaptacyjna). Przy Local możemy sami ustalić liczbę kolorów, z jakich będzie się składał nasz rysunek. Należy tak ją ustawić, aby nie utracić zbytnio jakości. Spróbujmy wpisać 16:
Za mało - przejścia pomiędzy kolorami są zbyt widoczne. Zmieńmy teraz liczbę na 48:
Już lepiej, ale wciąż widać różnice kolorów. Spróbujmy jeszcze z 80:
O to chodziło! Niemal brak różnicy między pierwowzorem, a efektem końcowym. Rozmiar pliku zmalał do niecałych 8 KB, co daje niezły wynik. Dobierając w ten sposób ilość kolorów możemy zaoszczędzić sporo miejsca, a także czas potrzebny na załadowanie strony WWW.
Z palety Exact Dokładna warto korzystać tylko przy bardzo małej liczbie kolorów, nie przekraczającej 16-20. Przy większej ilości warto popróbować z ustawieniami w palecie Local.
Pozostał nam jeszcze przezroczysty GIF. Zapisanie takiego pliku jest banalnie proste, trudniej (choć niewiele) będzie go stworzyć. Oczywiste jest, że nasz rysunek musi posiadać przezroczyste tło. Z tym nie ma problemu, gorzej, gdy korzystamy z anti-aliased, czyli wygładzania krawędzi obrazu. Wygładzanie takie polega na stopniowym przechodzemiu koloru rysunku do koloru tła. Co jednak, gdy tego tła nie będzie? Zobaczmy. Stwórzmy rysunek z przezroczystym tłem Contents Transparent Wypełnienie Przezroczyste i wykonajmy na nim okrągłe zaznaczenie. Wypełniamy zaznaczenie wybranym kolorem - na razie wszystko jest OK:
Teraz zapiszmy rysunek jako przezroczysty GIF (zaznaczając Transparency Przezroczystość):
Efekt nie najlepszy - brak anti-aliased:
Aby wygładzić krawędzie, musimy z góry wiedzieć, na jakim tle będzie się znajdował nasz GIF. U mnie jest to jasny siwy, więc tworzymy rysunek z jasnym tłem. Na nowej warstwie rysujemy poprzednie koło:
Teraz łączymy warstwy i wybieramy narzędzie Magic Wand Tool Różdżka. Tolerance Tolerancja ustawiamy na 0, wyłączamy Anti-aliased Wygładzony i klikamy na obszarze tła:
Aha, zapomniałem o jednym :). Jeśli warstwa nazywa się Background Tło, musimy wcześniej kliknąc na niej dwukrotnie, aby zamienić ją na Layer 0 Warstwa 0. Teraz wciskamy klawisz Delete i zapisujemy rysunek:
Wadą takiego rozwiązania jest to, że nie umieścimy takiego GIFa na ciemnym tle, dlatego też z góry musimy znać jego kolor.
To wszystko. W razie problemów piszcie.