Как сделать юзерпик

[andrzejn]

Эти советы предназначены для начинающих. Опытные компьютерные графики с художественным вкусом всё это и так знают, да ещё и могут пренебрегать любыми пунктами, если того требует замысел.

Итак, вы хотите сделать юзерпик из красивой картинки.

1. Вам понадобится подходящий инструмент. Лучше всего Adobe Photoshop или Corel Photopaint, но если их нет под рукой, то сойдёт и простой Irfan View.

2. Возьмите картинку в максимальном разрешении. Если берёте из сетевого фотоальбома или картиночного сервиса - посмотрите, где там берётся максимальный размер картинки. Если цифровое фото - то "сырое", как скопировали с флэшки. Если скан, то в разрешении 600 dpi.

3. Отметьте и вырежьте фрагмент, который хотите превратить в юзерпик. Если хотите сделать квадратный юзерпик, то постарайтесь вырезать именно квадрат, с точностью до пиксела.

4. Подтяните контраст. Большинство фоток и сканов страдают плохим контрастом. Лучше всего использовать инструмент, рисующий гистограмму распределения точек по яркостям и позволяющий эту гистограмму растягивать как угодно. Но в крайнем случае сойдёт и простая регулировка тона/яркости/контраста. Помните главное правило: на картинке должен присутствовать и полностью чёрный цвет, и полностью белый. Оба сразу. И весь спектр между ними.

Примечание: если настраиваете контраст/яркость на глаз, предварительно откалибруйте яркость и контраст монитора. Как это сделать - отдельный разговор.

5. Отмасштабируйте картинку (Resample), чтобы она поместилась в размер 100x100. Включите antialiasing, если в диалоге масштабирования есть такая опция.

6. Подтяните резкость. Хорошо подходят для этого инструменты Unsharp mask или Adaptive unsharp. Поиграйте с параметрами, подберите наилучший результат.

7. Если картинка рисованная, с небольшим количеством цветов, переведите её в 32-цветную или 64-цветную палитру (отключив dithering) и сохраните в формат PNG. Если цветов много (фотография или картина), сохраняйте в JPG с качеством 85-90. И PNG, и JPG делайте interlaced - тогда картинка будет "наводиться на резкость" перед глазами зрителей в процессе загрузки из сети.

Comments

[metaldoom.livejournal.com]

А как сделать, чтоб при всем этом она занимала мало места?

[gds.livejournal.com]

снизить качество jpg примерно до 65 (55..80) -- разница заметна слабо (хотя for whom how), но размер уменьшается ощутимо. Можно даже подогнать под нужный размер, если вдруг есть лимит на размер.
Кроме того, вышеупомянутая опция "interlaced", если я не ошибаюсь, самую малость, но увеличивает размер файла, а польза от неё для юзерпика минимальна.

[metaldoom.livejournal.com]

Насчет качества jpg - эт я знаю. Но помогает не всегда. А уменьшать сильнее - вот тогда качество страдает.

[andrzejn]

Для PNG - да, interlaced увеличивает размер файла. А progressive jpeg частенько оказывается меньше, чем обычный.

[andrzejn]

Есть полезная программа Ulead SmartSaver. Во-первых, она жмёт изображения лучше, чем большинство графических редакторов (при том же качестве). Во-вторых, позволяет регулировать параметры сжатия и сразу смотреть, как это отражается на результате (и размер результата показывает). Удобно подбирать степень ухудшения, чтобы втиснуться в размер.

[metaldoom.livejournal.com]

Спасибо. Фотошоп тоже сразу показывает, как это отражается на результате, но сжимает плохо :(((

[slobin.livejournal.com]

Угадайте не подглядывая, сколько занимает мой юзерпик! ;-)

... Дед жил-был, дед жив-есть, дед будет жить-быть ...

[andrzejn]

То есть, чтобы получилось поменьше, нужно отрастить усы и бороду? :)

[slobin.livejournal.com]

Упс! Фигня какая-то получилась с кодировкой. Вторая третья попытка:

На самом деле я не пытался оптимизировать размер и даже не осознавал, что он какой-то особенно маленький. Только после того, как vitus_wagner написал о том, как он загружал юзерпики знакомых в мобильник и как мой оказался самым маленьким с большим отрывом, я задумался о причинах этого эффекта.

... Мне приснился шум дождя ...

[svr2004.livejournal.com]

А у меня почему-то gif-файлы не загружаются как юзер-пики. Давно хотела у кого-нибудь об этом спросить

[funny_smile]

Тяжелые, скорее всего.

[svr2004.livejournal.com]

Оказывается, дело в размерах: 101 х 80 пикселов. И как этот один лишний пиксел убрать в gif-файле - не знаю :(

[funny_smile]

Имедж Реди. Приложение к фотошопу. Работает с гифками. Надо открыть ее в этой программе и как в обычном фотошопе просто обрезать.
А фотошоп разве гифку (кадры по слоям) не открывает?

[svr2004.livejournal.com]

Спасибо. Я попробую этот Реди :) А фотошоп открывает анаимированные гифы - но делает их статичесткими. Вернее, я не умею их делать анимимрованными

[funny_smile]

А, ну да. Он их, наверное, открывает покадрово по слоям, но сохраняет потом тоже просто слои, а не анимашку.
Если вам знаком фотошоп, то лучше поставьте ИмеджРеди. Они на одной платформе, все очень доступно.
После того, как обрежете все как надо, в меню надо выбрать Save Optimized, как-то так.
Я помню, этой программкой вырезАла понравившуюся гиф-анимашку из банера. Без проблем все вырезалось и сохранилось.

[andrzejn]

А gif'ы анимированные или нет? Для анимированных Фанни уже подсказала, и Корел Фотопайнт умеет с ними работать. А для обычных статических картинок подойдёт вообще любой графический редактор, кроме самых примитивных, которые формат gif не понимают.

[svr2004.livejournal.com]

Именно анимированный гиф. Пришлось переделать его в jpg - это мой основной юзерпик. Кстати, графические редакторы переделывают анимированные тоже - но те теряют анимированность и становятся статическими - как и получилось с "коровой" :(

[andrzejn]

Присоединяюсь. Предельный размер файла для юзерпиков в LJ - 40 000 байт (ну и размер картинки не больше 100x100).

[funny_smile]

По моему опыту, гораздо полезнее такие руководства бывают, когда там указывается, конкретно на какую кнопку жать. Например: "Для того, чтобы в фотошопе вырезать из картики ровный квадрат, надо выбрать инструмент "выделение" на вертикальной панели инструментов слева (пунктирный прямоугольник). Вверху, где указываются свойства инструмента вместо "нормальный", выбрать "фиксированные пропорции" и поставить коэффициенты длины и ширины по 1 каждый (все на той же горизонтально

[funny_smile]

Блин, не туда нажала!
Ну, вобщем, понятно, о чем я.
Просто если человек уже знает, как вырезать из фотографии ровную квадратную картинку, знает куда жать, чтобы подкрутить на уменьшенной картинке резкость - то ему эти рекомендации уже не нужны.

[andrzejn]

Ну пусть хотя бы запомнит слова и общее направление, чтобы потом выяснять, где это всё в фотошопе.

[wiktor.livejournal.com]

"Если хотите сделать квадратный юзерпик, то постарайтесь вырезать именно квадрат, с точностью до пиксела." - а, извиняюсь, Shift на что?

[andrzejn]

Не все программы умеют выделять квадраты с Shift или Ctrl. Irfan View, к примеру, не умеет.

[wiktor.livejournal.com]

А разве речь не шла о фотошопе?

[andrzejn]

Не только. Irfan View тоже всё это умеет, хотя и не так удобно. Для юзерпиков хватает.