Photoshop-та анимация жасағаннан кейін, оны қол жетімді форматтардың бірінде сақтау керек, олардың біреуі - gif. Бұл форматтың ерекшелігі - браузерде көрсетуге арналған (ойнату).
Егер сіз анимацияны үнемдеудің басқа нұсқаларына қызығушылық танытсаңыз, біз осы мақаланы оқуды ұсынамыз:
Сабақ: фотошопта бейнені қалай сақтауға болады
Алдыңғы сабақтардың бірінде GIF анимациясын құру процесі сипатталған, ал бүгін біз файлды GIF форматында қалай сақтау керектігі туралы және оңтайландыру параметрлері туралы сөйлесеміз.
Сабақ: фотошопта қарапайым анимация жасаңыз
САТЫП АЛУ.
Бастау үшін, біз материалды қайталаймыз және Savet Settings терезесін оқып жатырмыз. Ол Файл мәзіріндегі «Вебке сақтау» элементін басу арқылы ашылады.
Терезе екі бөлімнен тұрады: алдын-ала блок
және параметрлер блогы.
Алдын-ала қарау
Блоктаудың жоғарғы жағында Көру опцияларының санын таңдаңыз. Қажеттіліктерге байланысты қалаған параметрді таңдауға болады.
Түпнұсқадан басқа әр терезедегі сурет бөлек теңшелген. Бұл сіз оңтайлы опцияны таңдауға болатындай етіп жасалады.
Блоктың сол жағындағы құралдар жиынтығы бар. Біз тек «қол» және «масштабты» қолданамыз.
«Қолды» пайдалану Суретті таңдалған терезе ішінде жылжытуға болады. Таңдау да осы құрал да жасайды. «Масштаб» бірдей әрекетті орындайды. Шамамен және Жою Суретті блоктың төменгі жағындағы түймелер де болуы мүмкін.
Төменнен төмен - «Көру» жазуы бар батырма. Ол таңдалған опцияны әдепкі шолғышта ашады.
Шолғыш терезесінде параметр параметрлерін қоспағанда, HTML GIF кодын алуға болады.
Блоктау параметрлері
Бұл блокта кескін параметрлері теңшелген, оны көбірек қарастырыңыз.
- Түс схемасы. Бұл параметр оңтайландырылған кезде кескінге индекстелген түстердің қай кестесінің қай кестесі қолданылатынын анықтайды.
- Және жай «қабылдау схемасы». Ол қолданылған кезде Photoshop кескіннің ағымдағы реңктерін басшылыққа ала отырып, түстер кестесін жасайды. Әзірлеушілердің айтуынша, бұл кесте адамның көзді қалай көретініне байланысты сияқты. Сонымен қатар, сурет түпнұсқаға ең жақын, түстер барынша сақталады.
- Таңдамалы схема алдыңғыға ұқсас, бірақ Интернеттегі Web Secure-ге қатысты түстер негізінен қолданылады. Сондай-ақ, ол реңктерінің бейнебеттерін бастапқыға жақындатады.
- Бейімделгіш. Бұл жағдайда кесте суретте жиі кездесетін түстерден жасалған.
- Шектеулі. 77 түстен тұрады, олардың кейбір үлгілері нүкте (астық) түрінде ақ түсті ауыстырылады.
- Custom. Осы схеманы таңдағанда, өзіңіздің палитраңызды жасауға болады.
- Қара мен АҚ. Бұл кестеде астықты қолданып, тек екі түсті (қара және ақ) қолданылады.
- Сұр түсте. Сұр реңктерінің әртүрлі 84 деңгейі бар.
- Макос және терезелер. Кесте деректері осы операциялық жүйелерді басқаратын браузерлердегі суреттерді салыстыру мүмкіндігі негізінде жасалған.
Мұнда схемаларды қолданудың бірнеше мысалдары келтірілген.
Көріп отырғаныңыздай, алғашқы үш үлгіде қолайлы сапа бар. Көрнекі түрде олар бір-бірінен өзгеше емес, әр түрлі суреттерден өзгеше, бұл схемалар басқаша жұмыс істейді.
- Түстер кестесіндегі түстердің ең көп саны.
Суреттегі реңктер саны оның салмағына тікелей әсер етеді, сәйкесінше, браузердегі жүктеу жылдамдығында. 128 мәні көбінесе жиі қолданылады, өйткені бұл параметр сапаға әсер етпейді, ал GIF салмағын азайтады.
- Веб-түстер. Бұл параметр реңктер қауіпсіз веб-палитрадан балама түрлендірілген толеранттылықты белгілейді. Файл өрісі слайд белгілеген мәнмен анықталады: Мәні жоғарырақ: файл аз. Веб-түстерді орнату кезінде сапа туралы да ұмытпаңыз.
Мысал:
- DSRYING таңдалған индекстеу кестесіндегі реңктерді араластыру арқылы түстер арасындағы ауысуларды тегістеуге мүмкіндік береді.
Сондай-ақ, параметр градиенттерді және монохроматикалық учаскелердің тұтастығын қалай сақтауға көмектеседі. Тарату кезінде файлдың салмағын арттырады.
Мысал:
- Ашықтық. GIF форматы тек мөлдір немесе мүлдем мөлдір пикселдерді қолдайды.
Бұл параметр қосымша реттеусіз, сызықтардың қисық сызықтарын нашар көрсетеді, пиксельді ханымдар қалдырады.
Реттеу «күңгірт» деп аталады (кейбір редакторларда «kaima»). Онымен бірге ол орналасқан беттің фонымен пиксель суреттерін араластырыңыз. Жақсы дисплей үшін сайттың фонының түсіне сәйкес келетін түсті таңдаңыз.
- Өзара байланысты. Веб-параметрлер үшін ең пайдалы бірінің бірі. Егер файлдың едәуір салмақ болса, сізге суретті бірден көрсетуге мүмкіндік береді, өйткені ол өзінің сапасын арттырады.
- SRGB конверсиясы Сақтау кезінде ең үлкен бастапқы кескін түстерін сақтауға көмектеседі.
«Dysireing мөлдірлігі» орнату Суреттің сапасын едәуір нашарлатады және біз сабақтың практикалық бөлігіндегі «шығын» параметрі туралы сөйлесеміз.
Photoshop-та GIFS-ті сақтау процесін жақсы түсіну үшін сіз жаттығуыңыз керек.
Жаттығу
Интернетке суреттерді оңтайландыру мақсаты - сапаны сақтау кезінде файлдың салмағын максималды азайту.
- Суретті өңдегеннен кейін «Файл - Веб үшін Сақтау» мәзіріне өтіңіз.
- «4 опция» көрініс режимін көрсетіңіз.
- Әрі қарай, сізге түпнұсқаға ең ұқсас опциялардың бірі керек. Дереккөздің оң жағындағы сурет болсын. Бұл файлдың мөлшерін максималды сапамен бағалау үшін жасалады.
Параметрлер параметрлері келесідей:
- «Таңдау» түс схемасы.
- «Түстер» - 265.
- «Дозалау» - «кездейсоқ», 100%.
- «Интерлингтік» параметріне қарама-қарсы түйіндерді алыңыз, өйткені суреттің соңғы бейнесі өте аз болады.
- «Веб-түстер» және «шығындар» - нөл.
Нәтижені түпнұсқамен салыстырыңыз. Үлгі терезесінің төменгі жағында біз Интернет жылдамдығы бойынша ағымдағы GIF мөлшерін және жүктеме жылдамдығын көре аламыз.
- Төмендегі суретке барыңыз. Оны оңтайландыруға тырысайық.
- Схеманы өзгеріссіз қалдырыңыз.
- Түстер саны 128-ге дейін қысқарады.
- Даланың мәні 90% дейін төмендеді.
- Веб-түстер қол тигізбейді, өйткені бұл жағдайда бұл бізге сапаны сақтауға көмектеспейді.
GIF мөлшері 36,59 кб-тен 26,85 кб-қа дейін төмендеді.
- Суретте кейбір дәктер мен кіші ақаулар бар болғандықтан, «шығындарды» арттыруға тырысайық. Бұл параметр GIF қысу кезінде деректердің жоғалуының рұқсат етілген деңгейін анықтайды. Мәнді 8-ге өзгертіңіз.
Біз әлі де файлдың мөлшерін азайта алдық, ал аздап сапаны жоғалтып алдық. Қазір сыйлықтар салмағы 25,9 килобайт.
Барлығы, біз суреттің мөлшерін шамамен 10 КБ-ны азайта алдық, бұл 30% -дан асады. Өте жақсы нәтиже.
- Әрі қарай іс-шаралар өте қарапайым. Сақтау түймесін басыңыз.
Біз үнемдеуге, GIF атын беретін орынды таңдаймыз және «Сақтау» түймесін қайтадан басыңыз.
Назар аударыңыз, біздің суретке түсіретін HIF-пен бірге біздің сурет салынатын HTML құжатын жасау мүмкіндігі бар екенін ескеріңіз. Мұны істеу үшін бос қалтаны таңдаған дұрыс.
Нәтижесінде біз бетті және кескіні бар қалтаны аламыз.
Кеңес: Файл атауын тағайындау кезінде кириллица таңбаларын пайдаланбауға тырысыңыз, өйткені барлық браузерлер оларды оқи алмайды.
Суретті GIF форматында сақтау үшін бұл сабақ аяқталды. Онда біз Интернетке орналастыру үшін файлды қалай оңтайландыруға болатынын білдік.