Png24 и анимированный фон. Оптимизация веса.

proxiServer · 14.11.2009, 16:54

Шапочку сделал. Думаю много кто похожие вещи делал. Стоит группа людей. У них за спинами проигрывается анимация.

Я сделал фотку людей в png24. С прозрачным фоном соответственно. Размер фотки поразил воображение) Что такое пнг и почему фотка в хорошем качестве столько весит я понимаю. Но может быть есть варианты решения проблемы? Что бы использовать фотку в jpg, но фон как-то сделать.

kyzi007 · 14.11.2009, 22:26

Взять пнгшку, сделать ее из 2 цветное изображение (гиф или жпг) и использовать как маску для jpg. По идее если картинка сложная должно оч сильно уменьшить вес.

mooncar · 14.11.2009, 22:33

В библиотеке на картинке - снимите галочку "Use document default quality", выберите Compression = Photo (JPG), качество JPG около 50 или чуть выше.
Еще:
Порежте PNG - конвертируйте на сцене в Shape и очистите от прозрачного лишнего, можно с помощью лассо, или хотя бы грубо - выделить прямоуголькник-удалить.

pelipas · 16.11.2009, 12:54

kyzi007 сам то пробовал то что советуеш? png если сделать маской то будет тупо квадратная маска, а не то что непрозрачно.

mooncar подойдет только перый способ. Если обрезать картинку вторым методом, то вес всеравно останется таким же, так как в свф будет храниться все изображение даже если ты от него оставиш всего 1 пиксель

mooncar · 16.11.2009, 12:59

pelipas, спасибо, я не знал - полагал, что если в проекте на сцене битмап-картинка превращена в shape, а то и в swf экспортируется уже shape.

pelipas · 16.11.2009, 13:06

да, так много пробелм можно былобы решить, но нельзя)

_musicano · 18.11.2009, 16:20

Оптимальный способ, который в своё время мне пришлось "изобретать":

Шаг 1. Сохраняем исходную PNG в виде JPG.

PNG лучше наложить на фон, похожий на будущую флешку. Потому что потом из-за размазывания JPG-а фон кое-где по краям фигуры может "оставить след". Можно сделать принтскрин будущего анимированного фона и взять средний цвет - в фотошопе Filters/Blur/Average.

Получившийся JPG лучше оптимизировать в фотошопе, а не во флеше (соотв., во флеше потом не переконвертировать). Можно размазать или закрасить некоторые ненужные детали.

Можно выделить отдельно ту область, где качество JPG должно быть максимальным (Window/Channels - добавляем новый канал, и чисто белым цветом заливаем те области, где качество должно быть по максимуму; потом File/Save for web - справа рядом с Quality жмём значок "кружочек в квадрате" - в открывшемся окошке рядом с Channel выбираем Alpha 1 и двигаем внизу 2 ползунка качества). Иногда эти манипуляции не помогают, и лучше просто сохранить JPG с качеством 51 или выше (50 и ниже - уже сильные искажения начинаются).

Потом в основном окне галочку Progressive снимаем, а галочку Optimize - ставим (следим за размером получаемого JPG - иногда бывает, что галочки надо поменять наоборот или снять обе).

Шаг 2. Во флеш загружаем JPG, обводим картинку векторной линией и заливаем: это будущая маска (тут нужно следить за тем, чтобы контур проходил не по самому краю фигур(ы), а немного отступал от края внутрь фигуры: это можно сделать либо сразу же, либо потом маску уменьшить на пиксель). Кстати, уменьшать на пиксель лучше, предварительно увеличив саму картинку: так мы можем повысить точность и уменьшить контур и на 0,5 пикселя (если оно надо). Если не знаете, уменьшать векторную фигуру в данном случае надо так: Modify/Shape/Expand Fill - там выбираете Inset.

Шаг 3. Получили JPG минимального размера и векторную маску для него: объединяем. Саму линию маски можно оптимизировать, если вы перестарались с количеством образующих точек в линии. Modify/Shape/Optimize - параметры надо подбирать вручную, в зависимости от получающегося результата.

Шаг 4. Иногда при просмотре готовой флешки возникают необъяснимые смещения JPG-подложки на пиксель, в результате чего ваш фон (у JPG) может вылезти вдоль контура. Тогда уже надо вручную подгонять относительное расположение JPG и маски (или ещё немного уменьшить маску).

Я мог где-нить ошибиться, пробуйте и пишите, если что

kyzi007 · 21.11.2009, 13:08

pelipas - пробовала.
Просто нужно уметь такую маску применять)
http://demiart.ru/forum/index.php?sh...EC%E0%F1%EA%E0

_musicano · 21.11.2009, 15:20

kyzi007,
а ничего, что при этом маска будет пиксельная (1 или 0) и все края получившегося объекта станут рваными? Или качество конечной флешки не интересует?

Zebestov · 21.11.2009, 15:34

Цитата:

Сообщение от mooncar

В библиотеке на картинке - снимите галочку "Use document default quality", выберите Compression = Photo (JPG), качество JPG около 50 или чуть выше.

Не понимаю, что за флуд может быть после этого совета? Он не то чтобы не имеет альтернатив — они ему просто не нужны 0о
Сколько помню флэш, все картинки с прозрачностью дивным образом можно было жать в jpg, сохраняя альфу... не вспомню случая, когда понадобилось решать эту проблему иными путями.