Како да го задржите GIF во Photoshop

Anonim

Како да го задржите GIF во Photoshop

По креирањето на анимација во Photoshop, таа мора да биде зачувана во еден од достапните формати, од кои едната е GIF. Карактеристика на овој формат е тоа што е наменета за прикажување (игра) во прелистувачот.

Ако сте заинтересирани за други опции за заштеда на анимација, препорачуваме да го прочитате овој напис:

Лекција: Како да заштедите видео во Photoshop

Процесот на креирање на GIF анимација беше опишан во една од претходните лекции, а денес ќе разговараме за тоа како да ја зачувате датотеката во GIF формат и поставки за оптимизација.

Лекција: Креирај едноставна анимација во Photoshop

Заштеда на GIF.

За да започнете со, го повторуваме материјалот и го читаме прозорецот за зачувување на Save. Се отвора со кликнување на елементот "Зачувај за веб" во менито Датотека.

Точка Зачувај за веб во менито Датотека за да ги зачувате GIFS во Photoshop

Прозорецот се состои од два дела: блок за преглед

Одделение за рецепција во поставките на параметрите на зачувувањето на GIFS во Photoshop

и поставувања блок.

Блокирање на поставувањата во прозорецот за зачувување на Гифки во Photoshop

Блок преглед

Изберете го бројот на опции за преглед е избран на врвот на блокот. Во зависност од потребите, можете да го изберете саканото поставување.

Избор на опции за гледање во прозорецот за конзервација на Гифки во Photoshop

Сликата во секој прозорец, освен оригиналот, е конфигуриран одделно. Ова е направено така што можете да изберете оптимална опција.

Во левата страна на блокот има мал сет на алатки. Ние ќе користиме само "рака" и "скала".

Алатки за рака и скала во прозорецот за конзервација на Gifki во Photoshop

Користење на "рака" можете да ја преместите сликата во рамките на избраниот прозорец. Изборот е исто така направен од оваа алатка. "Скала" врши иста акција. Прибл и избришете ја сликата, исто така, може да биде копчиња на дното на блокот.

Скалата на сликата во прозорецот за поставки за конзервација на Гифки во Photoshop

Ниско подолу е копчето со натпис "поглед". Ја отвора избраната опција во стандардниот прелистувач.

Копче за приказ на слика во прелистувачот во прозорецот Settings на параметрите за подароци во Photoshop

Во прозорецот на прелистувачот, освен за поставување параметри, ние исто така можеме да добиеме HTML GIF код.

Преглед на сликата во стандардниот прелистувач додека ги одржува GIFS во Photoshop

Блокирање на поставки

Во овој блок, параметрите на сликата се конфигурирани, сметаат повеќе.

  1. Боја шема. Ова поставување одредува која табела на индексирани бои ќе се применува на сликата при оптимизирање.

    Избор на шема за индексирање на бои, додека одржување на GIFS во Photoshop

    • Перцептуална, и едноставно "шема на перцепција". Кога се користи, Фотошоп создава табела со бои, водени од тековните нијанси на сликата. Според програмерите, оваа табела е што е можно поблиску до тоа како човечкото око ја гледа бојата. Плус - сликата е најблиската до оригиналот, боите се максимално зачувани.
    • Селективната шема е слична на претходната, но боите кои се однесуваат на Веб безбеден за веб се претежно се користат во него. Таа, исто така, се фокусираше на приказ на нијанси приближни до почетниот.
    • Адаптивни. Во овој случај, табелата е создадена од бои кои се почести во сликата.
    • Ограничена. Се состои од 77 бои, од кои некои од примероците се заменуваат со бело во форма на точка (жито).
    • Обичај. При изборот на оваа шема, можно е да се создаде своја сопствена палета.
    • Црно и бело. Оваа табела користи само две бои (црно-бели), исто така, користејќи жито.
    • Во оценки на Греј. Постојат различни 84 нивоа на нијанси на сива боја.
    • Macos и Windows. Табелите се составени врз основа на карактеристиките на мапирање на слики во прелистувачите кои ги извршуваат овие оперативни системи.

    Еве неколку примери за аплицирање на шеми.

    Примероци за слики Користење на различни бои индексирање табели додека одржување на GIFS во Photoshop

    Како што можете да видите, првите три примероци имаат сосема прифатлив квалитет. И покрај фактот дека визуелно тие речиси не се разликуваат едни од други, на различни слики овие шеми ќе работат поинаку.

  2. Максимален број на бои во табелата со боја.

    Поставување на максималниот број на бои во табелата за индексирање додека ги одржува GIFS во Photoshop

    Бројот на нијанси во сликата директно влијае на неговата тежина, и, соодветно, на брзината на преземање во прелистувачот. Вредноста на 128 најчесто се користи, бидејќи оваа поставка речиси не влијае на квалитетот, истовремено намалувајќи ја тежината на GIF.

    Примери на поставувања за максималниот број на бои во табелата за индексирање додека ги одржувате GIFS во Photoshop

  3. Веб бои. Оваа поставка ја воспоставува толеранцијата со која нијансите се претвораат во еквивалентни од безбедна веб-палета. Областа на датотека се определува со вредноста поставена од лизгачот: вредноста е повисока - датотеката е помала. Кога поставувате веб-бои, исто така, не треба да заборавите на квалитетот.

    Поставување на толеранцијата за конверзија на сликата на веб-бои додека ги одржува GIFS во Photoshop

    Пример:

    Примери за поставување на конверзија на бои во Weeb додека ги одржува GIFS во Photoshop

  4. Dystring ви овозможува да ги извадите транзициите помеѓу боите со мешање на нијанси кои се содржани во избраната табела за индексирање.

    Случајно поставување додека ги одржува ГИФ во Фотошоп

    Исто така, поставувањето ќе помогне како да се зачуваат на градиентите и интегритетот на монохроматски локалитети. Кога користите издавање ја зголемува тежината на датотеката.

    Пример:

    Примери за примена на поставки за дистринг додека ги одржува GIFS во Photoshop

  5. Транспарентност. GIF формат поддржува само апсолутно транспарентни или апсолутно непроѕирни пиксели.

    Поставување на основната транспарентност додека ги одржува GIFS во Photoshop

    Овој параметар, без дополнително прилагодување, слабо ги прикажува кривите на линиите, оставајќи ги пикселите дами.

    Примери за употреба на Matte додека ги одржува GIFS во Photoshop

    Прилагодувањето се нарекува "Мат" (во некои уредници "Каима"). Со тоа, тој е конфигуриран да ги измеша слики со пиксели со позадина на страницата на која ќе се наоѓа. За најдобар дисплеј, изберете боја што одговара на бојата на позадината на локацијата.

    Прилагодување на мешањето на слики од пиксели со позадина на Press Pages Resoe во Photoshop

  6. Испреплетени. Еден од најкорисните за веб-поставките. Во случај да има значителна тежина, ви овозможува веднаш да покажете слика на страната, бидејќи го подобрува својот квалитет.

    Поставување на испреплетени додека ги одржува GIFs во Photoshop

  7. Конверзијата на SRGB помага да се зачуваат максималните оригинални бои за слики додека штедат.

    Поставување на конверзија на бои во SRGB додека ги одржува GIFS во Photoshop

Поставувањето на "транспарентност на дисконтирање" значително го влошува квалитетот на сликата, а ние ќе зборуваме за параметарот "загуба" во практичниот дел од лекцијата.

Поставувања за дисконтирање за транспарентност и загуба на податоци додека ги одржува GIFS во Photoshop

За најдобро разбирање на процесот на поставување на зачувување на GIFS во Photoshop, мора да вежбате.

Пракса

Целта на оптимизирање на слики за Интернет е максималното намалување на тежината на датотеката додека се одржува квалитетот.

  1. По обработката на сликата, одете во менито "Датотека - Зачувај за веб".
  2. Изложба на режимот "4 опција".

    Избор на број на опции за гледање на резултатите додека ги одржува GIFS во Photoshop

  3. Следно, ви треба една од опциите за да направите најмногу слични на оригиналот. Нека биде слика на десната страна на изворот. Ова е направено со цел да се процени големината на датотеката со максимален квалитет.

    Поставките за поставки се следните:

    • Шема на бои "Селективна".
    • "Бои" - 265.
    • "Дијазер" е "случајно", 100%.
    • Отстранете ги Daws спроти параметарот "испреплетен", бидејќи конечната слика на сликата ќе биде доста мала.
    • "Веб бои" и "загуби" - нула.

      Поставување на параметрите на референтната слика додека ги одржува GIFS во Photoshop

    Споредете го резултатот со оригиналот. На дното на прозорецот на примерокот, можеме да ја видиме тековната GIF големина и брзината на вчитување на наведената интернет брзина.

    Споредба на резултатот од оптимизација на сликата со оригиналот, додека ги одржува GIFS во Photoshop

  4. Одете на сликата подолу само конфигуриран. Ајде да се обидеме да го оптимизираме.
    • Оставете ја шемата непроменета.
    • Бројот на бои се намалува до 128.
    • Вредноста на загадувањето е намалена на 90%.
    • Веб-боите не го допираат, бидејќи во овој случај нема да ни помогне да го задржиме квалитетот.

      Поставување на целните параметри на сликата додека ги одржува GIF-от во Photoshop

    Големината на GIF е намалена од 36,59 KB до 26,85 KB.

    Намалена големина на сликата по оптимизација додека ги одржува GIFS во Photoshop

  5. Бидејќи некоја зрна и мали дефекти веќе се присутни на сликата, ајде да се обидеме да ги зголемиме "загубите". Овој параметар дефинира дозволено ниво на загуба на податоци при компресирање на GIF. Променете ја вредноста на 8.

    Поставување на нивото на дозволената загуба на податоци при компресирање на GIF за да ги зачува GIFS во Photoshop

    Сè уште успеавме да ја намалиме големината на датотеката, додека губи малку по квалитет. GIFS сега тежи 25,9 килобајти.

    Големина на сликата по поставувањето загуба додека ги одржува ГИФ во Фотошоп

    Вкупно, бевме во можност да ја намалиме големината на сликата околу 10 KB, што е повеќе од 30%. Многу добар резултат.

  6. Понатамошни активности се многу едноставни. Кликнете на копчето Зачувај.

    Зачувај го копчето во прозорецот за конзервација на Гифки во Photoshop

    Ние избираме место за зачувување, да го дадеме името на GIF, и повторно притиснете "Save".

    Избор на место и име на зачувување на GIFS во Photoshop

    Забележете дека постои можност заедно со GIF за да креирате HTML документ на кој ќе биде изградена нашата слика. За да го направите ова, подобро е да одберете празна папка.

    Заштеда на GIFS заедно со HTML документ во Photoshop

    Како резултат на тоа, добиваме страница и папка со сликата.

    Папка со зачуван GIF во Photoshop

Совет: Кога доделувате име на датотека, обидете се да не користите кирилични знаци, бидејќи не сите прелистувачи можат да ги читаат.

Оваа лекција за зачувување на сликата во GIF формат е завршена. На тоа, дознавме како можете да ја оптимизирате датотеката за поставување на интернет.

Прочитај повеќе