По креирањето на анимација во Photoshop, таа мора да биде зачувана во еден од достапните формати, од кои едната е GIF. Карактеристика на овој формат е тоа што е наменета за прикажување (игра) во прелистувачот.
Ако сте заинтересирани за други опции за заштеда на анимација, препорачуваме да го прочитате овој напис:
Лекција: Како да заштедите видео во Photoshop
Процесот на креирање на GIF анимација беше опишан во една од претходните лекции, а денес ќе разговараме за тоа како да ја зачувате датотеката во GIF формат и поставки за оптимизација.
Лекција: Креирај едноставна анимација во Photoshop
Заштеда на GIF.
За да започнете со, го повторуваме материјалот и го читаме прозорецот за зачувување на Save. Се отвора со кликнување на елементот "Зачувај за веб" во менито Датотека.
Прозорецот се состои од два дела: блок за преглед
и поставувања блок.
Блок преглед
Изберете го бројот на опции за преглед е избран на врвот на блокот. Во зависност од потребите, можете да го изберете саканото поставување.
Сликата во секој прозорец, освен оригиналот, е конфигуриран одделно. Ова е направено така што можете да изберете оптимална опција.
Во левата страна на блокот има мал сет на алатки. Ние ќе користиме само "рака" и "скала".
Користење на "рака" можете да ја преместите сликата во рамките на избраниот прозорец. Изборот е исто така направен од оваа алатка. "Скала" врши иста акција. Прибл и избришете ја сликата, исто така, може да биде копчиња на дното на блокот.
Ниско подолу е копчето со натпис "поглед". Ја отвора избраната опција во стандардниот прелистувач.
Во прозорецот на прелистувачот, освен за поставување параметри, ние исто така можеме да добиеме HTML GIF код.
Блокирање на поставки
Во овој блок, параметрите на сликата се конфигурирани, сметаат повеќе.
- Боја шема. Ова поставување одредува која табела на индексирани бои ќе се применува на сликата при оптимизирање.
- Перцептуална, и едноставно "шема на перцепција". Кога се користи, Фотошоп создава табела со бои, водени од тековните нијанси на сликата. Според програмерите, оваа табела е што е можно поблиску до тоа како човечкото око ја гледа бојата. Плус - сликата е најблиската до оригиналот, боите се максимално зачувани.
- Селективната шема е слична на претходната, но боите кои се однесуваат на Веб безбеден за веб се претежно се користат во него. Таа, исто така, се фокусираше на приказ на нијанси приближни до почетниот.
- Адаптивни. Во овој случај, табелата е создадена од бои кои се почести во сликата.
- Ограничена. Се состои од 77 бои, од кои некои од примероците се заменуваат со бело во форма на точка (жито).
- Обичај. При изборот на оваа шема, можно е да се создаде своја сопствена палета.
- Црно и бело. Оваа табела користи само две бои (црно-бели), исто така, користејќи жито.
- Во оценки на Греј. Постојат различни 84 нивоа на нијанси на сива боја.
- Macos и Windows. Табелите се составени врз основа на карактеристиките на мапирање на слики во прелистувачите кои ги извршуваат овие оперативни системи.
Еве неколку примери за аплицирање на шеми.
Како што можете да видите, првите три примероци имаат сосема прифатлив квалитет. И покрај фактот дека визуелно тие речиси не се разликуваат едни од други, на различни слики овие шеми ќе работат поинаку.
- Максимален број на бои во табелата со боја.
Бројот на нијанси во сликата директно влијае на неговата тежина, и, соодветно, на брзината на преземање во прелистувачот. Вредноста на 128 најчесто се користи, бидејќи оваа поставка речиси не влијае на квалитетот, истовремено намалувајќи ја тежината на GIF.
- Веб бои. Оваа поставка ја воспоставува толеранцијата со која нијансите се претвораат во еквивалентни од безбедна веб-палета. Областа на датотека се определува со вредноста поставена од лизгачот: вредноста е повисока - датотеката е помала. Кога поставувате веб-бои, исто така, не треба да заборавите на квалитетот.
Пример:
- Dystring ви овозможува да ги извадите транзициите помеѓу боите со мешање на нијанси кои се содржани во избраната табела за индексирање.
Исто така, поставувањето ќе помогне како да се зачуваат на градиентите и интегритетот на монохроматски локалитети. Кога користите издавање ја зголемува тежината на датотеката.
Пример:
- Транспарентност. GIF формат поддржува само апсолутно транспарентни или апсолутно непроѕирни пиксели.
Овој параметар, без дополнително прилагодување, слабо ги прикажува кривите на линиите, оставајќи ги пикселите дами.
Прилагодувањето се нарекува "Мат" (во некои уредници "Каима"). Со тоа, тој е конфигуриран да ги измеша слики со пиксели со позадина на страницата на која ќе се наоѓа. За најдобар дисплеј, изберете боја што одговара на бојата на позадината на локацијата.
- Испреплетени. Еден од најкорисните за веб-поставките. Во случај да има значителна тежина, ви овозможува веднаш да покажете слика на страната, бидејќи го подобрува својот квалитет.
- Конверзијата на SRGB помага да се зачуваат максималните оригинални бои за слики додека штедат.
Поставувањето на "транспарентност на дисконтирање" значително го влошува квалитетот на сликата, а ние ќе зборуваме за параметарот "загуба" во практичниот дел од лекцијата.
За најдобро разбирање на процесот на поставување на зачувување на GIFS во Photoshop, мора да вежбате.
Пракса
Целта на оптимизирање на слики за Интернет е максималното намалување на тежината на датотеката додека се одржува квалитетот.
- По обработката на сликата, одете во менито "Датотека - Зачувај за веб".
- Изложба на режимот "4 опција".
- Следно, ви треба една од опциите за да направите најмногу слични на оригиналот. Нека биде слика на десната страна на изворот. Ова е направено со цел да се процени големината на датотеката со максимален квалитет.
Поставките за поставки се следните:
- Шема на бои "Селективна".
- "Бои" - 265.
- "Дијазер" е "случајно", 100%.
- Отстранете ги Daws спроти параметарот "испреплетен", бидејќи конечната слика на сликата ќе биде доста мала.
- "Веб бои" и "загуби" - нула.
Споредете го резултатот со оригиналот. На дното на прозорецот на примерокот, можеме да ја видиме тековната GIF големина и брзината на вчитување на наведената интернет брзина.
- Одете на сликата подолу само конфигуриран. Ајде да се обидеме да го оптимизираме.
- Оставете ја шемата непроменета.
- Бројот на бои се намалува до 128.
- Вредноста на загадувањето е намалена на 90%.
- Веб-боите не го допираат, бидејќи во овој случај нема да ни помогне да го задржиме квалитетот.
Големината на GIF е намалена од 36,59 KB до 26,85 KB.
- Бидејќи некоја зрна и мали дефекти веќе се присутни на сликата, ајде да се обидеме да ги зголемиме "загубите". Овој параметар дефинира дозволено ниво на загуба на податоци при компресирање на GIF. Променете ја вредноста на 8.
Сè уште успеавме да ја намалиме големината на датотеката, додека губи малку по квалитет. GIFS сега тежи 25,9 килобајти.
Вкупно, бевме во можност да ја намалиме големината на сликата околу 10 KB, што е повеќе од 30%. Многу добар резултат.
- Понатамошни активности се многу едноставни. Кликнете на копчето Зачувај.
Ние избираме место за зачувување, да го дадеме името на GIF, и повторно притиснете "Save".
Забележете дека постои можност заедно со GIF за да креирате HTML документ на кој ќе биде изградена нашата слика. За да го направите ова, подобро е да одберете празна папка.
Како резултат на тоа, добиваме страница и папка со сликата.
Совет: Кога доделувате име на датотека, обидете се да не користите кирилични знаци, бидејќи не сите прелистувачи можат да ги читаат.
Оваа лекција за зачувување на сликата во GIF формат е завршена. На тоа, дознавме како можете да ја оптимизирате датотеката за поставување на интернет.