Как сделать аватар (иконку пользователя) для форума?

Пару недель назад задумался над тем, что неплохо было бы восстановить картинки к старой своей записи, в которой я рассказывал о том, как сделать эту расчудесную аватарку (слева). Проблема в том, что при переезде с одного хостинга на другой у меня как-то профукались картинки, да и текстовый контент остался лишь в ЖЖ. В общем, чуть поломав голову, всё восстановил. Надеюсь, повторение – действительно мать учения:

Один из форумчан iPhones.ru обратился к общественности с просьбой сделать ему аватарку с закругленными углами. То есть чтоб не квадратная была, а как иконки на том же iPhone. Я чуть поковырялся в фотошопе, и вот что получилось:

Как сделать аватар или иконку для форума

А теперь расскажу как все это делалось:

Как сделать аватар или иконку для форума
Имеем изначально картинку с белым фоном формата jpg

Как сделать аватар или иконку для форума
Удаляем белый фон магической резинкой. Внимание, если картинка изначально имеет один лишь слой, который называется Background и в списке слоев на нем стоит замочек, просто выберите этот слой левой кнопкой мышки и сделайте с него копию. Можно через меню правой клавиши мыши, а можно сочетанием клавишь Ctrl+J (или Cmd+J). Если не понимаете, о чем я в принципе, то обратите внимание на таскбар, там кликните по “Window” и поставьте галочку на “Layers”, или “Окно/Слои” в русской версии).

Как сделать аватар или иконку для форума
Получаем следующего вида картину.

Как сделать аватар или иконку для форума
Далее в левом баре выбираем инструмент “Палец”

Как сделать аватар или иконку для форума
И замазываем белые неровности, которые обязательно останутся на стыке медведа и бесконечного “прозрачного фона”, что появился после удаления белого

Как сделать аватар или иконку для форума
Теперь нам нужен какой-то фон. Я решил использовать старый логотип Apple, и так как реальных цветов я не знаю, ищу олдскульный лого в гугле,

Как сделать аватар или иконку для форума
Считаем количество цветов в лого, вытаскиваем линейки (вот те самые, что с делениями по краям, это они и есть, вызываются сочетанием клавиш Ctrl/Cmd+R). Делим высоту картинки с мишкой на 6 (кол-во цветов в реальном лого), получаем 3, тянем линейки с верху, расставляем их с интервалом, равным трём. В итоге получаем шесть кусков, разделенных пятью линейками.

Как сделать аватар или иконку для форума
Затем берем пипетку и тыкаем по яблочку в нужных нам местах. Тут, собственно, куда тыкнули левой кнопкой мыши, тот цвет и подхватили.

Как сделать аватар или иконку для форума
Берем квадратный “Marquee” и выбираем один за другим прямоугольники, что получили, размеряв картинку линейками. Вот они нам и пригодились. Кроме того, что с помощью линеек мы смогли разбить картинку на равные части, так еще и инструмент выбора к ним липнет, то есть они служат определенного рода ограничителями. Здесь внимание. До начала заливки нам нужно создать новый слой, поместить его под передним, на котором у нас мишка. Далее – выделяем прямоугольники и заливаем их соответствующими цветами.

Как сделать аватар или иконку для форума
Для заливки пользуемся инструментом “Ведёрко”

Как сделать аватар или иконку для форума
Получаем такую картину. Закрываем файл с логотипом за ненадобностью, утягиваем обратно вытянутые линейки. Лни тоже больше не пригодятся.

Как сделать аватар или иконку для форума
Далее выбираем слой с мишкой и придаем ему немного шарма. А одновременно и сглаживаем некоторые косяки, которые не смогли сгладить “Пальцем”.

Как сделать аватар или иконку для форума
Выбираем эффект слоя “Внешнее свечение/Outer Glow”, выставляем наиболее логичные параметры (сила света, размах и т.д.). Мишка теперь как влитой.

Как сделать аватар или иконку для форума
Принимаемся за скругление углов. Собственно, зачем мы все тут собрались. Слева в инстпументах имеется небольшое отступление в тему Illustrator, векторная бприблуда фотошоповская.

Как сделать аватар или иконку для форума
Создаем небольшой квадрат (при создании обязательно зажимаем Shift, так у нас получится именно квадрат). Маленький создаем, так как если мы сразу создадим большой, скругление его углов будет слишком маленьким. Вообще, есть вариант изменить скругление и вручную.

Как сделать аватар или иконку для форума
Растягиваем его в полный рост, на всю картинку. Добиться растяжения можно сочетанием клавиш Ctrl/Cmd+T или соответствующим пунктом меню, которое можно вызвать если кликнуть правой кнопкой мышки по слою в менеджере слоев.

Как сделать аватар или иконку для форума
Далее кликаем правой клавишей мыши по слою с нашим векторным квадратом, подтверждаем желание растрировать его.

Как сделать аватар или иконку для форумаКак сделать аватар или иконку для форума
Волшебной палочкой (инструмент выбирается слева) выделяем скругленный квадрат, инвертируем выделение сочетанием клавиш Ctrl/Cmd+Shift+I или с помощью верхнего бара (Select/Inverse).

Как сделать аватар или иконку для форума
Выбираем слой с шестью цветами, жмем кнопку “Delete” на клавиатуре, наслаждаемся прозрачным фоном но углам. Не забываем сделать невидимым или удалить слой с недоквадратной рамкой (для удаления просто перетяните его в корзину менеджера слоев, для невидимости ткните по глазику слева от названия слоя).

Как сделать аватар или иконку для форума
Теперь настала очередь блика. Выберите круглый Marquee в инструментах. Типа выделите что-то, без разницы что.

Как сделать аватар или иконку для форума
Далее идем в Select/Transform Selection.

Как сделать аватар или иконку для форума
Растягиваем так, как нам нужно. По завершении жмем “Enter” и наслаждаемся выделенной закругленной областью, которая вот-вот превратится в первосортный блик.

Как сделать аватар или иконку для форума
Создаем новый слой, выбираем нужный цвет. Слой ставим хоть перед мишкой, хоть за. Я выбрал изначально второй вариант, поэтому получилась следующая картина после заливки:

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

Как создать аватар для форума
Я выставил 25%. Думаю, этого вполне достаточно. При желании можно воспользоваться не равномерной, а затухающей заливкой. Эффект будет чуть-чуть другим. Инструмент “Тухля” находится там же, где “Ведерко”. Для вызова списка нужно всего лишь зажать иконку инструмента левой кнопкой мыши.

Как создать аватар для форума
Собственно, вот и результат. Сохраняем в png, чтобы не потерять прозрачность. Ну и на всякий случай еще сохраняем в psd. Вдруг что-то изменить вздумается?