web-работы

полиграфия
Мои работы

сайты

полиграфия

Вы находитесь в разделе «Статьи по web-дизайну»

Делаем прозрачный GIF в Photoshop v5.5

В Photoshop v5.5 прозрачный GIF делается так. Для начала следует перевести изображение в из RGB в индексированные цвета (Image > Mode > Indexed Color). Откроется окошко Indexed Color.

Как правило, программа сама выбирает оптимальный вариант Palette и количество цветов Colors. Но всегда стоит поэкспериментировать. Наша задача — подобрать наименьшее количество цветов без потери (либо допустимой потери) цветопередачи изображения. Ведь чем меньше цветов, тем меньше размер файла. Нажимаем OK. Затем в меню File выбираем Export > GIF89a Export. В открывшемся окне GIF98 Export Options нам нужно нажать на кнопку с изображением пипетки и щелкая на рисунке убрать ненужные цвета. Чтобы вернуть их необходимо щелкать на рисунке с нажатой клавишей Alt. При ее нажатии можно также отменить все действия нажав на кнопку Reset, которая появится вместо Cancel. Для удобства можно «подсветить» область прозрачности другим цветом (по умолчанию стоит серый). Для этого следует «шелкнуть мышью» на Transparency Preview Color. Нажимаем OК и сохраняем прозрачный GIF.

Если изображение имело четкие границы, то дальнейшей обработки не требуется. В случае использования теней, либо, если границы не совсем четкие, иногда приходится повозиться, отрыв созданный прозрачный GIF в Photoshop и стирая по одному пикселю границы изображения. В случае, если прозрачный GIF сделан кем-то другим, а вам нужно использовать его и при этом цвет бакграунда изображения существенно отличается от цвета бакграунда web-страницы, то такая обработка краев просто необходима. Придется инструментом Pencil выравнивать по краям цвета, подбирая близкие к бакграунду страницы. При этом необходимо перед обработкой перевести изображение в RGB, а по окончании ее — обратно в индексированные цвета. На рисунках показано, как это делается. Первый рисунок — прозрачный GIF с красным бакграундом (видна грубая красная граница), второй — увеличенная граница, полностью убрав которую получим «зубцы». Третий рисунок — края уже обработаны, четвертый — примерная схема обработки краев.

Чтобы избежать подобных проблем, следует придерживаться правила: если предстоит сделать прозрачный GIF, необходимо заранее сделать цвет бакграунда файла таким же (либо приближенным) как бакграунд в web-странице.

Ссылка на статью при перепечатке обязательна.

JavaScript WebEditor

Javascript HTML редактор.

FAQ (часто задаваемые вопросы).

Смотреть демо-версию

О web-дизайне

Статьи по web-дизайну

Помощь полиграфисту

Статьи по полиграфии.

Связь со мной