Po utworzeniu animacji w Photoshopie należy zapisać w jednym z dostępnych formatów, z których jeden jest GIF. Cechą tego formatu jest to, że ma na celu wyświetlenie (odtwarzanie) w przeglądarce.
Jeśli jesteś zainteresowany innymi opcjami zapisywania animacji, zalecamy czytanie tego artykułu:
Lekcja: Jak zapisać wideo w Photoshopie
Proces tworzenia animacji GIF został opisany w jednej z poprzednich lekcji, a dziś porozmawiamy o tym, jak zapisać plik w formacie GIF i na ustawieniach optymalizacji.
Lekcja: Utwórz prostą animację w Photoshopie
Zapisywanie GIF.
Aby rozpocząć, powtarzamy materiał i odczytujemy okno Zapisz Ustawienia. Otwiera się, klikając element "Zapisz dla Web" w menu Plik.
Okno składa się z dwóch części: blok podglądu
i blok ustawień.
Blokuj podgląd
Wybierz liczbę opcji widoku jest wybrany na górze bloku. W zależności od potrzeb można wybrać żądane ustawienie.
Obraz w każdym oknie, z wyjątkiem oryginału, jest skonfigurowany oddzielnie. Dokonana jest tak, że możesz wybrać opcję optymalną.
Po lewej stronie bloku znajduje się mały zestaw narzędzi. Użyjemy tylko "ręki" i "skali".
Korzystanie z "ręki" można przenieść obraz w wybranym oknie. Wybór jest również wykonany przez to narzędzie. "Skala" wykonuje tę samą działanie. Około i usuń zdjęcie może być również przyciski na dole bloku.
Niski poniżej jest przyciskiem z napisem "Widok". Otwiera wybraną opcję w domyślnej przeglądarce.
W oknie przeglądarki, z wyjątkiem parametrów ustawień, możemy również uzyskać kod HTML GIF.
Ustawienia bloków
W tym bloku konfigurowane są parametry obrazu, należy wziąć pod uwagę więcej.
- Schemat kolorów. To ustawienie określa, która tabela z indeksowanych kolorów zostanie zastosowana do obrazu podczas optymalizacji.
- Program percepcyjny i po prostu "Postrzeganie." Gdy jest używany, Photoshop tworzy tabelę kolorów, kierując się bieżącymi odcieniami obrazu. Według programistów ta tabela jest tak blisko, jak to możliwe, jak ludzkie oko widzi kolor. Plus - obraz jest najbardziej blisko oryginału, kolory są maksymalnie zapisane.
- Selektywny schemat jest podobny do poprzedniego, ale kolory odnoszące się do bezpiecznego w sieci dla sieci są przeważnie używane w nim. Koncentruje się również na wyświetlaczu odcieni przybliżonych do początkowego.
- Adaptacyjny. W tym przypadku tabela jest tworzona z kolorów, które są bardziej powszechne w obrazie.
- Ograniczony. Składa się z 77 kolorów, których niektóre próbki są zastępowane białymi w postaci punktu (ziarna).
- Zwyczaj. Wybierając ten schemat, możliwe jest stworzenie własnej palety.
- Czarny i biały. Ta tabela używa tylko dwóch kolorów (czarno-biały), również za pomocą ziarna.
- W klasach szarości. Istnieje różne 84 poziomy odcieni szarości.
- MacO i okna. Dane tabeli są skompilowane na podstawie funkcji obrazów mapowania w przeglądarkach prowadzących te systemy operacyjne.
Oto kilka przykładów stosowania schematów.
Jak widać, pierwsze trzy próbki mają dość dopuszczalną jakość. Pomimo faktu, że wizualnie prawie nie różnią się od siebie, na różnych obrazach schematy będą działać inaczej.
- Maksymalna liczba kolorów w kolorze tabeli.
Liczba odcieni na obrazie bezpośrednio wpływa na jej wagę, a odpowiednio, na prędkości pobierania w przeglądarce. Najczęściej stosuje się wartość 128, ponieważ to ustawienie prawie nie wpływa na jakość, przy jednoczesnym zmniejszaniu masy GIF.
- Kolory internetowe. To ustawienie ustanawia tolerancję, z którą odcienie są konwertowane na równoważny z bezpiecznej palety internetowej. Pole pliku jest określone przez wartość ustawioną przez suwak: Wartość jest wyższa - plik jest mniejszy. Podczas konfigurowania kolorów internetowych nie powinny również zapomnieć o jakości.
Przykład:
- Dysperowanie umożliwia wygładzenie przejścia między kolorami poprzez zmieszanie odcieni zawartych w wybranej tabeli indeksowania.
Ponadto, ustawienie pomoże, jak zachować gradienty i integralność monochromatycznych miejsc. Podczas korzystania z dozowania zwiększa wagę pliku.
Przykład:
- Przezroczystość. Format GIF obsługuje tylko absolutnie przezroczyste lub absolutnie nieprzezroczyste piksele.
Ten parametr, bez dodatkowej regulacji, słabo wyświetla krzywe linii, pozostawiając panie pikseli.
Regulacja nazywa się "matą" (w niektórych redakcji "kaima"). Dzięki nim jest skonfigurowany do mieszania zdjęć pikseli z tłem strony, na której będzie się znajdować. Dla najlepszego wyświetlacza wybierz kolor odpowiadający kolorze tła witryny.
- Przeplatany. Jeden z najbardziej przydatnych do ustawień internetowych. W przypadku, gdy plik ma znaczną wagę, umożliwia natychmiastowe pokazanie zdjęcia na stronie, ponieważ ładuje się poprawę swojej jakości.
- Konwersja SRGB pomaga zaoszczędzić maksymalne kolory oryginalnego obrazu podczas zapisywania.
Konfigurowanie "Przejrzystość dysferacyjnego" znacznie pogorszyła jakość obrazu, a my porozmawiamy o parametrze "straty" w praktycznej części lekcji.
Aby uzyskać najlepsze zrozumienie procesu utworzenia zachowania gifów w Photoshopie, musisz ćwiczyć.
Ćwiczyć
Celem optymalizacji obrazów dla Internetu jest maksymalna redukcja wagi pliku przy zachowaniu jakości.
- Po przetworzeniu obrazu przejdź do menu "Plik - Zapisz dla Web".
- Wykazuj tryb widoku "4 opcji".
- Następnie potrzebujesz jednej z opcji, aby najbardziej podobne do oryginału. Niech to będzie zdjęcie po prawej stronie źródła. Odbywa się to w celu oszacowania rozmiaru pliku o maksymalnej jakości.
Ustawienia ustawień są następujące:
- Schemat kolorów "Selective".
- "Kolory" - 265.
- "Diazering" jest "losowy", 100%.
- Usuń Daws naprzeciwko parametru "przeplatającego", ponieważ ostateczny obraz obrazu będzie dość mały.
- "Kolory internetowe" i "straty" - zero.
Porównaj wynik z oryginałem. Na dole przybycia okna można zobaczyć aktualny rozmiar GIF i prędkość załadunku przy określonej prędkości internetowej.
- Przejdź do poniższego zdjęcia właśnie skonfigurowany. Spróbujmy go zoptymalizować.
- Pozostaw schemat niezmieniony.
- Liczba kolorów zmniejszają się do 128.
- Wartość dysedyzacji zmniejszona do 90%.
- Kolory internetowe nie dotykają, ponieważ w tym przypadku nie pomoże nam zachować jakość.
Rozmiar GIF zmniejszył się z 36,59 KB do 26,80 KB.
- Ponieważ niektóre ziarnistość i małe wady są już obecne na zdjęciu, spróbujmy zwiększyć "straty". Ten parametr określa dopuszczalny poziom utraty danych przy kompresie GIF. Zmień wartość do 8.
Nadal udało nam się zmniejszyć rozmiar pliku, tracąc trochę jakości. Gify teraz waży 25,9 kilobajtów.
W sumie udało nam się zmniejszyć rozmiar obrazu około 10 KB, co jest ponad 30%. Bardzo dobry wynik.
- Dalsze działania są bardzo proste. Kliknij przycisk Zapisz.
Wybieramy miejsce do zapisania, podaj nazwę GIF i ponownie naciśnij "Zapisz".
Należy pamiętać, że istnieje szansa wraz z GIF, aby utworzyć dokument HTML, do którego zostanie zbudowany nasz obraz. Aby to zrobić, lepiej wybrać pusty folder.
W rezultacie otrzymujemy stronę i folder z obrazem.
Wskazówka: Przy przypisaniu nazwy pliku spróbuj nie używać znaków cyrylicy, ponieważ nie wszystkie przegląderze są w stanie je przeczytać.
Ta lekcja do zapisywania obrazu w formacie GIF jest zakończona. Dowiedzieliśmy się, jak można zoptymalizować plik do umieszczenia w Internecie.