Источник материала: http://blog.mons.ws/?p=215.
![](/avatar/0xtNc92CZe.png)
Я обратил внимание, на тот факт, что в последнее время, на блог стали заходить по запросу “как сделать аватар для вконтакте” ну и еще вариации вроде “аватары для вконтакте“. И все это лишь после одного моего поста, про сделанные аватары для сайта вконтакте. Я думаю обидно, если люди не находят того, что искали. И специально для таких вот ищущих, подготовил этот урок. Как в фотошопе сделать простую аватарку.
Сразу предупрежу, это первый подобный опыт. Обычно я делаю не задумываясь, а как )). Но уверен, в принципе все более или менее понятно. И сейчас мы с вами будем делать аватарку для вконтакте. И прежде чем мы начнем, нам понадобится свободное время, руки, голова, сам photoshop ( я использовал версию 10 она же CS3) но подойдут и более старые. А так же нам нужна картинка, из которой мы собственно и будем все это творить.
Ну что , поехали ?! ))
Запускаем photoshop, ждем пока загрузится. ![](/avatar/1.jpg)
Создаем новый документ. Это в меню “file” вкладка “new...”. Размеры ставим произвольные. Если что, их можно и поменять потом. Я использовал высоту 399px и ширину 220px (ну или около того).
![](/avatar/2.jpg)
И так, вот перед нами новый документ… ![](/avatar/3.jpg)
Сразу создаем парочку новых слоев. Они нам понадобятся. Делаем это или в панели слоев или нажав ctr+shift+n и нажав ок. ![](/avatar/4.jpg)
Над одном из слоев, мы с вами нарисуем Квадрат с закругленными углами. Это будет основой нашей аватарки. Нажимаем на клавиатуре U В появившейся сверху панели выбираем “Rounded Rectangle tool”. И рисеум (зажав shift) новую фигуру. Делая отступы от краев. Я делаю это на глаз. Но вам даю совет, делать на длину курсора (крестик).
![](/avatar/5.jpg) Два раза кликаем на изображение слоя, в панели слоев (справа внизу). Перед нами появилось Меню выбора стиля слоя. Нам то оно и нужно. Сделаем тень. Но без Смещения. Проще посмотреть, как я сделал на скрине.
![](/avatar/6.jpg)
Открываем в фотошопе картинку, которая и будет нашей аватаркой. ![](/avatar/8.jpg)
Выделяем ее всю (ctr+a)/ Включаем нашу предыдущую картинку. Вставляем из буфера новую картинку (ctr+v). Жмем правую кнопку мыши. Выбираем free transform. Зажав shift подгоняем размеры картинки.
![](/avatar/9.jpg)
У нас должно получиться приблизительно так… ![](/avatar/10.jpg)
Удаляем все нам ненужное с краев вставленной нами картинки…. ![](/avatar/11.jpg)
Уже что-то стало получаться. Но этого пока мало. Идем далее. ![](/avatar/12.jpg)
Подбирая пипеткой цвет, мы зарисовываем пустоту сверху. И делаем мы это с вами на новом слое. Чтобы не повредить оригинал.
![](/avatar/13.jpg)
Главное не торопиться и делать все не спеша. Плавно подбирая цвет. И аккуратненько воспроизводя фон. От штампа мы отойдем. С ним будет дольше. Я уже проверял ))).
![](/avatar/14.jpg)
После всех проделанных работ. Мы с вами должны иметь, вроде этого… ![](/avatar/15.jpg)
И опять удаляем все лишнее…. После обьединяем оба слоя. ![](/avatar/16.jpg)
Немного произведем цветокоррекцию нашей картинки. Что имеено я использовал, смотрим на скринах, будет быстрее.
![](/avatar/17.jpg)
![](/avatar/18.jpg)
![](/avatar/19.jpg)
Подправим так называемые уровни. Пусть картинка будет светлее. Вы уже видите, что она стала несколько живее, чем была до этого. ![](/avatar/20.jpg)
Используя текстовую панель напишем чего-нибудь… ![](/avatar/21.jpg)
На слое (который у нас под текстом) мы рисуем вот такую вот штучку. Трансформируем и куртим ее и текст так, чтобы вышло что-то похожее.
![](/avatar/22.jpg) Поиграем с цветами….
![](/avatar/23.jpg)
Аналогично предыдущему элементу, создаем чуть ниже еще один. Меняем цвет, используя цветокоррекцию. Делаем отличным от первого.
![](/avatar/24.jpg)
Сохраняем и заливаем на сайт )). Я кстати использовал при экспорте: Сохранение для веб и вывел в формате png… но это кому как удобнее.
![](/avatar/25.jpg)
И вот он конечный результат ну и + бонус ))) ![](/avatar/30.png) ![](/avatar/31.png)
Кстати, эти авы не трогаем. Они именные ))
Как делать закругленные углы?
Нажимаем на клавиатуре U
В появившейся сверху панели выбираем “Rounded Rectangle tool”. Выставляем радиус приблиз-но 17-22 пикс. Это чуть правее от “Rounded Rectangle tool”.
И рисеум (зажав shift) новую фигуру. Делая отступы от краев.
Я делаю это на глаз. Но вам даю совет, делать на длину курсора (крестик).
|