След създаването на анимация в Photoshop, тя трябва да бъде записан в един от наличните формати, един от които е GIF. Отличителна черта на този формат е, че тя има за цел да покаже (възпроизвеждане) в браузъра.
Ако се интересувате от други възможности за спестяване на анимация, ние препоръчваме да прочетете тази статия:
Урок: как да се спаси видео в Photoshop
Процесът на създаване на GIF анимация е описан в една от предишните уроци, а днес ние ще говорим за това как да запазите файла в GIF формат и настройки за оптимизация.
Урок: Създаване на проста анимация в Photoshop
Спасяването на GIF.
Да започнем с това, ние повтаряме материала и прочетете спасяване в прозореца за настройки. Тя се отваря, като щракнете върху "Save за Уеб" от меню File.
Прозорецът се състои от две части: преглед блок
и настройки блокират.
Блок преглед
Изберете броя на който виждате на екрана се избира в горната част на блока. В зависимост от нуждите, можете да изберете желаната настройка.
Изображението във всеки прозорец, с изключение на оригинала, се конфигурира отделно. Това се прави, така че можете да изберете оптимален вариант.
В лявата страна на блока има малък набор от инструменти. Ние ще използваме само "страна" и "скала".
С помощта на "Hand", можете да преместите изображението в рамките на избрания прозорец. Изборът също е направена от този инструмент. "Скала" Извършва същото действие. Около и изтриване на снимката може да бъде и бутони в долната част на блока.
Ниско долу е бутона с надпис "View". Тя се отваря избраната опция в браузъра по подразбиране.
В прозореца на браузъра, с изключение на настройки на параметрите, ние да получите HTML код GIF.
настройки Block
В този блок, на параметрите на изображението са конфигурирани, то помисли повече.
- Цветова схема. Тази настройка определя коя маса индексирани цветове ще се прилага към изображението при оптимизиране.
- Възприятие, а просто "схема на възприятие." Когато тя се използва, Photoshop създава таблица с цветове, като се ръководи от настоящите нюанси на изображението. Според разработчиците, тази таблица е възможно най-близо до начина, по който човешкото око вижда цвета. Плюс - изображението е най-близо до оригинала, цветовете са максимално запазени.
- Селективното схемата е подобна на предишната, но цветовете, отнасящи се до мрежата гарантира на мрежата се използват предимно в него. Той също така се фокусира върху дисплея на нюанси приблизителното да първоначална.
- Adaptive. В този случай, масата е създадена от цветове, които са по-често срещани в изображението.
- Ограничено. Състои се от 77 цвята, като някои от пробите от които се заменят с бяло под формата на една точка (зърно).
- Персонализиран. При избора на тази схема, е възможно да създадете своя собствена палитра.
- Черно и бяло. Тази таблица се използва само два цвята (черно и бяло), също с помощта на зърно.
- В степени на сивото. Има различни нива на 84 нюанси на сивото.
- MacOS и Windows. таблични данни се съставят въз основа на характеристиките на картографски изображения в браузъри, работещи тези операционни системи.
Ето някои примери на прилагане на схемите.
Както можете да видите, първите три проби са доста приемливо качество. Въпреки факта, че визуално те почти не се различават един от друг, на различни изображения тези схеми ще работят по различен начин.
- Максимален брой цветове в таблицата с цветове.
Броят на нюанси в изображението пряко влияе теглото му, и, съответно, върху скоростта на изтегляне в браузъра. Стойността на 128 най-често се използва, тъй като тази настройка почти не се отразява на качеството и същевременно намаляване на теглото на Gif.
- Уеб цветове. Тази настройка се създава толерантност, с която сенките се превръщат в еквивалент от защитена Web палитра. В областта на файла се определя от набора стойност от плъзгача: стойността е по-висока - файлът е по-малко. Когато настройвате уеб цветове не трябва да забравят за качество.
Пример:
- Dysrying ви позволява да се изгладят прехода между цветове чрез смесване на сенките, които се съдържат в избрания от масата за индексиране.
Също така, настройката ще помогне как да се запази градиентите и целостта на монохромни сайтове. При използване на дозиране увеличава теглото на файла.
Пример:
- Прозрачност. Опорите на GIF формат само абсолютно прозрачни или непрозрачни абсолютно пиксела.
Този параметър, без допълнителна корекция, лошо показва криви линии, оставяйки пиксел дами.
Корекцията се нарича "матова" (в някои редактори "Kaima"). С него той е конфигуриран да се смесват пиксела снимки с фон на страницата, на която ще се намира. За най-добър дисплей, изберете цвят, съответстващ на цвета на фона на сайта.
- Презредово. Един от най-полезните за настройки за Интернет. В случай, че файлът е с голямо значение, ви дава възможност да се покаже веднага снимка на страницата, като тя зарежда подобряване на нейното качество.
- SRGB преобразуване ви помага да пестите максимално оригиналните цветове на изображението, докато спестяване.
Създаване на "прозрачност Dysrying" значително се влошава качеството на изображението, и ние ще се говори за "загуба" параметър в практическата част на урока.
За най-добро разбиране на процеса на създаване на опазването на движещи се изображения в Photoshop, трябва практика.
Практика
Целта на оптимизиране на изображения за Интернет е намалението на максимално от теглото на файла при запазване на качеството.
- След обработка на картината, отидете на "Файл - Запиши за уеб" меню.
- Проявяват "4 опция" режим панорама.
- След това трябва една от опциите, за да направи най-много прилича на оригинала. Нека да е снимка, в дясно от източника. Това се прави с цел да се оцени размера на файла, с максимално качество.
Настройки настройки са както следва:
- Цветова схема "Селективна".
- "Цветове" - 265.
- "Diazering" е "случайни", 100%.
- Отстранете daws срещу "преплетени" параметър, тъй като окончателното изображение на изображението ще бъде доста малък.
- "Уеб цветове" и "загуби" - нула.
Сравнете резултата с оригинала. В долната част на прозореца на проба, можем да видим текущия размер GIF и скоростта на зареждане на въздействието на определена скорост на интернет.
- Отиди на снимката по-долу просто конфигуриран. Нека се опитаме да го оптимизираме.
- Оставете схемата непроменена.
- Броят на цветовете, намаляване до 128.
- Dysmering стойност намалява до 90%.
- Уеб-цветовете не докосват, защото в този случай няма да ни помогне да запазим качеството си.
Размерът на GIF намалява от 36.59 KB до 26.85 KB.
- Тъй като някои зърнистост и малки дефекти вече присъстват в картината, нека се опитаме да се увеличи "загуби". Този параметър определя допустимо ниво на загуба на данни при компресиране на GIF. Променете стойността на 8.
Все още успяхме да намалим размера на файла, докато губим малко по качество. Gifs сега тежи 25.9 килобайта.
Общо, ние бяхме в състояние да се намали размера на картината около 10 KB, което е повече от 30%. Много добър резултат.
- По-нататъшни действия са много прости. Кликнете върху бутона за запазване.
Избираме място за запазване, дайте името на GIF и натиснете отново "Save".
Моля, обърнете внимание, че има възможност заедно с GIF, за да създадете HTML документ, към който ще бъде изградена нашата снимка. За да направите това, по-добре е да изберете празна папка.
В резултат на това, ние получаваме една страница и папка с изображението.
Съвет: Когато присвоите име на файл, опитайте се да не използвате кирилица, защото не всички браузъри могат да ги проят.
Този урок за запазване на изображението в GIF формат е завършен. На него, разбрахме как можете да оптимизирате файла за поставяне в интернет.