Сачувајте Пхотосхоп слике као ГИФ за веб и мобилне уређаје

Чување датотека за веб или мобилне уређаје у Пхотосхоп Цреативе Суите 5 ствара мању верзију ваше слике тако да ће се брзо учитавати. Идеја је да се слика учини што мањом, а да је визуелно пријатна.

Користите ГИФ формат ако имате велике површине пуне боје.

Сачувајте Пхотосхоп слике као ГИФ за веб и мобилне уређаје

Слика са пуно чврстих боја чини добар ГИФ.

ГИФ формат није са губицима ( не губи податке када се датотека компримује у овом формату), али смањује величину датотеке коришћењем ограниченог броја боја у табели боја. Што је мањи број боја, то је мања величина датотеке. Ако сте икада радили у индексном режиму боја, упознати сте са овим процесом.

Транспарентност је подржана форматом ГИФ датотеке. Уопштено говорећи, ГИФ датотеке не раде добар посао на било чему што захтева глатке прелазе из једне боје у другу, због лоше подршке формата за анти-алиасинг , што је метод који Пхотосхоп користи да изглади назубљене ивице. Када слика прелази из једне боје у другу, Пхотосхоп производи више боја пиксела како би створио равномерну мешавину између две боје.

Пошто анти-алиасинг треба да створи више боја за овај ефекат, ГИФ датотеке се генерално не препоручују. У ствари, када смањите величину ГИФ-а, склонији сте да видите траке (артефакт који се појављује као пруге на слици) јер се анти-алиасинг не може десити са ограниченим бројем боја доступних у ГИФ формат.

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

Сачувај као ГИФ

Када изаберете Датотека→ Сачувај за Веб и уређаје, прво ћете видети доступне опције ГИФ формата. Можда ће вам бити јасније ако имате отворену слику (са пуно чврстих боја).

Да бисте сачували датотеку за Веб као ГИФ, следите ове кораке:

Изаберите Филе→Саве фор Веб & Девицес.

Појављује се дијалог Сачувај за веб и уређаје.

На врху кликните на картицу 2-Уп.

Видите оригиналну слику са леве стране и оптимизовану слику са десне стране (или одозго и на дну, у зависности од пропорција слике).

У доњем делу екрана видите оригиналну величину датотеке у поређењу са оптимизованом величином датотеке, као и приближно време преузимања. Време преузимања је важно. Већина људи не чека више од десет секунди да би се појавила веб страница, па одржите време преузимања сваке слике на пет секунди или мање.

Промените брзину преузимања тако што ћете изабрати из менија Преглед (потражите стрелицу на горњој десној страни дијалога Сачувај за веб и уређаје).

Изаберите ГИФ 32 Но Дитхер са падајуће листе Пресет.

Можда већ видите промену. Пхотосхоп вам пружа унапред постављене поставке које можете изабрати, или можете прилагодити и сачувати своје.

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

Овај избор је чисто лични. Пошто можда ограничавате боје, Пхотосхоп може да користи дитхеринг да помеша пикселе доступних боја да би симулирао боје које недостају. Многи дизајнери бирају опцију Но Дитхер јер дитхеринг може створити неприродне мрље у боји на слици.

Сачувајте Пхотосхоп слике као ГИФ за веб и мобилне уређаје

Изаберите неку од унапред подешених подешавања или креирајте сопствена прилагођена подешавања.

Ако је ваша слика на провидном слоју и желите да задржите ту транспарентност на веб страници, потврдите избор у пољу за потврду Транспарентност.

Табела боја у дијалогу Саве фор Веб & Девицес

Када сачувате слику у ГИФ формату помоћу дијалога Саве фор Веб & Девицес, видећете табелу боја за слику на десној страни дијалога. Табела боја је важна јер не само да вам омогућава да видите боје које се користе на слици, већ вам омогућава и да прилагодите табелу боја користећи опције на дну.

Можда ћете желети да прилагодите своју табелу боја тако што ћете изабрати неке боје које ће бити безбедне на вебу и закључати боје тако да не буду оштећене док смањујете број који се користи.

Да бисте прилагодили табелу боја, следите ове кораке:

Ако ваша слика има само неколико боја које желите да конвертујете у боје безбедне на вебу, изаберите алатку Еиедроппер са леве стране дијалога Сачувај за веб и уређаје и кликните на боју у оптимизованом приказу.

Узоркована боја је истакнута у табели боја.

Кликните на дугме Веб Сафе на дну табеле боја.

Када пређете преко овог дугмета, појавиће се опис алата Пребацује/поништава померање изабраних боја на веб панел.

Појављује се дијамант, што указује да је боја сада безбедна на вебу.

Закључајте боје које не желите да избришете док смањујете број боја у табели боја.

Изаберите боју помоћу алата Еиедроппер или је изаберите у табели боја, а затим кликните на дугме Лоцк Цолор. У доњем десном углу појављује се бели квадрат, што указује да је боја закључана.

Ако закључате 32 боје, а затим смањите табелу боја на 24, неке од ваших закључаних боја се бришу. Ако одлучите да додате боје, те закључане боје се прве враћају.

Сачувајте Пхотосхоп слике као ГИФ за веб и мобилне уређаје

Прилагодите боје коришћењем табеле боја у прозору Сачувај за веб и уређаје.

Како се креира табела боја? На основу метода алгоритма за смањење боје који одаберете, функција Сачувај за веб и уређаје узоркује број боја које наведете. Ако је важно да боје буду безбедне на вебу, изаберите опцију Рестрицтиве (Веб) за метод; ако желите да ваша слика изгледа боље на већини монитора, али не мора да буде безбедна на вебу, изаберите опцију Адаптиве.

Користите падајући мени Боје или унесите број да бисте додали или избрисали боје из табеле боја.

Ако ваша слика користи транспарентност, потврдите избор у пољу за потврду Транспарентност при врху дијалога Сачувај за веб и уређаје.

Запамтите да се транспарентност рачуна као једна од ваших боја у табели боја.

Означите поље за потврду Интерлацед само ако је ваша ГИФ слика велика (25К или већа).

Избор ове опције доводи до тога да се слика направи у неколико скенирања на веб страници — слика ниске резолуције која се брзо појављује и затим се освежава сликом у вишој резолуцији када се преузимање заврши. Преплитање даје илузију да преузимање иде брже, али повећава величину датотеке, па је користите само ако је потребно.

Кликните на Сачувај.

Сада је слика спремна за прилагање у е-поруку или за коришћење на веб страници.


Како применити транспарентност на СВГ

Како применити транспарентност на СВГ

Научите како да примените транспарентност на СВГ графику у Иллустратор-у. Истражите како да прикажете СВГ слике са провидном позадином и примените ефекте транспарентности.

Рад са сликама у Адобе КСД

Рад са сликама у Адобе КСД

Након што увезете своје слике у Адобе КСД, немате велику контролу над уређивањем, али можете да промените величину и ротирате слике као и било који други облик. Такође можете лако заокружити углове увезене слике користећи углове виџета. Маскирање ваших слика Дефинисањем затвореног облика […]

Како подесити својства текста у Адобе КСД

Како подесити својства текста у Адобе КСД

Када имате текст у свом Адобе КСД пројекту, можете почети да мењате својства текста. Ова својства укључују породицу фонтова, величину фонта, тежину фонта, поравнање, размак између знакова (кернинг и праћење), размак између редова (водеће), попуну, ивицу (црте), сенку (сенка) и замућење позадине. Дакле, хајде да прегледамо како се та својства примењују. О читљивости и фонту […]

Рад са уметничким плочама у Пхотосхоп ЦЦ

Рад са уметничким плочама у Пхотосхоп ЦЦ

Баш као у Адобе Иллустратор-у, Пхотосхоп уметничке плоче пружају могућност прављења засебних страница или екрана унутар једног документа. Ово може бити посебно корисно ако правите екране за мобилну апликацију или малу брошуру. Можете замислити артбоард као посебан тип групе слојева креираних помоћу панела Лаиерс. Његово […]

Облици и полигони у ИнДесигн-у

Облици и полигони у ИнДесигн-у

Многи алати које пронађете на панелу ИнДесигн алати се користе за цртање линија и облика на страници, тако да имате неколико различитих начина да креирате занимљиве цртеже за своје публикације. Можете креирати било шта, од основних облика до сложених цртежа унутар ИнДесигн-а, уместо да морате да користите програм за цртање као што је […]

Премотајте текст у Адобе Иллустратор ЦЦ

Премотајте текст у Адобе Иллустратор ЦЦ

Умотавање текста у Адобе Иллустратор ЦЦ није исто што и умотавање поклона — лакше је! Преламање текста присиљава текст да се омота око графике, као што је приказано на овој слици. Ова функција може додати мало креативности сваком комаду. Графика тера текст да се омота око ње. Прво, креирајте […]

Како променити величину облика у Иллустратору

Како променити величину облика у Иллустратору

Када дизајнирате у Адобе Иллустратор ЦЦ, често вам треба да облик буде тачне величине (на пример, 2 к 3 инча). Након што креирате облик, најбољи начин да му промените величину на тачна мерења је да користите панел Трансформ, приказан на овој слици. Изаберите објекат, а затим изаберите Прозор→ Трансформирај у […]

Како креирати КР кодове у ИнДесигн ЦЦ

Како креирати КР кодове у ИнДесигн ЦЦ

Можете да користите ИнДесигн да креирате и мењате графику КР кода. КР кодови су облик бар кода који може да чува информације као што су речи, бројеви, УРЛ адресе или други облици података. Корисник скенира КР код користећи своју камеру и софтвер на уређају, као што је паметни телефон, а софтвер користи […]

Како учинити да нова фотографија изгледа старо у Пхотосхопу ЦС6

Како учинити да нова фотографија изгледа старо у Пхотосхопу ЦС6

Можда ће доћи време када вам треба нова фотографија да бисте изгледали старо. Пхотосхоп ЦС6 вас покрива. Црно-бела фотографија је новији феномен него што мислите. Дагеротипије и друге ране фотографије често су имале браонкасти или плавичасти тон. Можете креирати сопствена ремек дела у тоновима сепије. Тониране слике могу створити […]

Функција Ливе Паинт у Адобе ЦС5 Иллустратор

Функција Ливе Паинт у Адобе ЦС5 Иллустратор

Користећи функцију Ливе Паинт у Адобе Цреативе Суите 5 (Адобе ЦС5) Иллустратор, можете креирати слику коју желите и попунити регионе бојом. Буцкет Ливе Паинт аутоматски детектује регионе састављене од независних путања које се укрштају и испуњава их у складу са тим. Боја унутар датог региона остаје жива и аутоматски тече ако постоји […]