Как правильно обработать картинку в фотошопе, чтобы получилась выразительная иконка?

Гость Гость

Когда уменьшаешь хорошую картинку до размеров иконки 32*32 px она уже не выглядит так хорошо, теряется выразительность, а порой и вовсе непонятно что нарисовано. Как предварительно обработать картинку в фотошопе (уменьшить количество цветов, усилить контуры и так далее.), чтобы при уменьшении остались нужные детали и было хорошо понятно, что изображено? У кого какие приёмы? Поделитесь, пожалуйста!
Дополнено (1). Я знаю, что качество теряется по любому! Но можно как-то оставлять именно нужные детали.

Мария1256 Мария1256

Я когда делаю иконки для сайтов использую размер 16*16 px
качество по-любому теряется. Я обычно выделяю основной объект белым фоном вокруг.
Сайте "вконтакте". Там иконка - "буква В на синем фоне". Другого выхода нет. Картину Пикассо вы в таком масштабе по-любому не увидите. Таких фильтров нет.

Aeon.Lazarus Aeon.Lazarus

Абсолютно согласен. Для того чтобы в иконке сохранился смысл - его там изначально должно быть мало и он должен быть очевиден (точка точка черточка - улыбающийся смайлик)
Лучший способ сделать картинку такого размера такой как вам нужно - не ужимать ее с 1024х1024 до 32х32, а изначально делать ее в 32х32 (ну или максимум 128х128) тогда вы сможете на месте определить какое количество деталей можно поместить в данном количестве пикселей) + маленький трюк (если вы не знали) - движущиеся (GIF) картинки в малых размерах сохраняют больше деталей чем статичные. Так что если у вас ограничен только размер картинки, а не ее вес то попробуйте ужать ее разными способами, а затем полученные  разные (в идеале) варианты соединить в бегущую картинку. Безусловно это всеравно будет не шедевр, но при должной скорости повторения, многие детали обретут более четкую форму.

Mak1012 Mak1012

лучший ответ
При уменьшении картинки для веба нужно постоянно отслеживать резкость картинки.
Есть такой способ - уменьшение размера делается пошагово, на каждом шаге картинка уменьшается на 10-20%.
Уменьшение делается с увеличением резкости, и потом делается Unsharp mask небольшой силы.
Это повторяется пока не уменьшим до нужного размера.

При такой процедуре картинка остается достаточно выразительной.
Попробуйте это для иконок, может сработает.

adabsurdum adabsurdum

Вся веб графика в растре делается сразу в оригинальном размере, не увеличивается и не уменьшается в процессе работы. То-есть, если вам нужно скажем сделать иконки трех размеров, то создаете три файла, тех размеров что вам нужны на выходе и рисуете три иконки. На мой взгляд (да и не только на мой) делать иконки в растре - это идиотизм. Почти все иконки которые вы встречаете в своей ОС, на сайтах и тому подобное, нарисованы в векторных редакторах. Так как там их можно сколь угодно менять в размере без потери в качестве. Но опять же, делать их лучше в редакторах где есть функция "pixel preview", чтобы вы сразу видели как ваш вектор будет выглядеть в растре.

Добавить комментарий | Похожие обсуждения

Вопросы и ответы по Вконтакте
Вопросы и ответы

Популярные вопросы и ответы о социальной сети www.vkontakte.ru (vk.com)