Все о фотошопе

Все для фотошоп - видео уроки, плагины, PSD шаблоны, рамки, клипАрты - все бесплатно!

В закладки | Написать администрации



Скачивай без регистрации, обсуждай, добавляй свое

Навигация

    - Новости
    - Правила сайта
    - О проекте
    - Faq

PS Материалы

    - Картинки
    - Обои
    - Кисти
    - Макросы
    - Стили
    - Формы
    - Текстуры
    - Плагины
    - Рамки
    - PSD
    - Иконки
    - Шрифты
    - Патерны
    - Клипарты
    - Аватары

Программы

    - Графика
    - 3Dmax
    - Mac OS X
    - Разное

Уроки и книги

    - Видео уроки
    - Photoshop CS2
    - Photoshop CS3
    - 3DS MAX
    - Учебники

Шаблоны

    - Joomla
    - TemplateMonster
    - BoxedArt
    - DataLifeEngine
    - WordPress
    - Другие

3D материалы

    - 3D материалы





Уроки, Photoshop CS2, Photoshop CS3: Как сделать аватар для вконтакте?
Опубликовал: WeLcOmE tO My LiFe   Теги: ---   

как сделать аватар для вконтакте как сделать аватар для вконтакте

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

Сразу предупрежу, это первый подобный опыт.  Обычно я делаю не задумываясь, а как )). Но уверен, в принципе все более или менее понятно.  И сейчас мы с вами будем делать аватарку для вконтакте. И прежде чем мы начнем, нам понадобится свободное время, руки, голова, сам photoshop ( я использовал версию 10 она же CS3) но подойдут и более старые. А так же нам нужна картинка, из которой мы собственно и будем все это творить.

Внимание. Под катом, куча картинок. А это траффик. Если кто-то ограничен в нем, то лучше и не пытаться смотреть. Ну что , поехали ?! )) 

Запускаем photoshop, ждем пока загрузится.

как сделать аватар для вконтакте

Создаем новый документ. Это в меню “file” вкладка “new...”.
Размеры ставим произвольные. Если что, их можно и поменять потом.
Я использовал высоту 399px и ширину 220px (ну или около того).

как сделать аватар для вконтакте

И так, вот перед нами новый документ…

как сделать аватар для вконтакте

Сразу создаем парочку новых слоев. Они нам понадобятся.
Делаем это или в панели слоев или нажав ctr+shift+n и нажав ок.

как сделать аватар для вконтакте

Над одном из слоев, мы с вами нарисуем Квадрат с закругленными углами.
Это будет основой нашей аватарки. Нажимаем на клавиатуре U
В появившейся сверху панели выбираем “Rounded Rectangle tool”.
И рисеум (зажав shift) новую фигуру. Делая отступы от краев.
Я делаю это на глаз. Но вам даю совет, делать на длину курсора (крестик).

как сделать аватар для вконтакте

Два раза кликаем на изображение слоя, в панели слоев (справа внизу).
Перед нами появилось Меню выбора стиля слоя. Нам то оно и нужно.
Сделаем тень. Но без Смещения. Проще посмотреть, как я сделал на скрине.

alt

Открываем в фотошопе картинку, которая и будет нашей аватаркой.

alt

Выделяем ее всю (ctr+a)/ Включаем нашу предыдущую картинку.
Вставляем из буфера новую картинку (ctr+v). Жмем правую кнопку мыши.
Выбираем free transform. Зажав shift подгоняем размеры картинки.

alt

У нас должно получиться приблизительно так…

alt

Удаляем все нам ненужное с краев вставленной нами картинки….

alt

Уже что-то стало получаться. Но этого пока мало. Идем далее.

alt

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

alt

Главное не торопиться и делать все не спеша. Плавно подбирая цвет.
И аккуратненько воспроизводя фон. От штампа мы отойдем.
С ним будет дольше. Я уже проверял ))).

alt

После всех проделанных работ. Мы с вами должны иметь, вроде этого…

alt

И опять удаляем все лишнее…. После обьединяем оба слоя.

alt

Немного произведем цветокоррекцию нашей картинки.
Что имеено я использовал, смотрим на скринах, будет быстрее.

alt

alt

аватары для сайта вконтакте

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

аватары для сайта вконтакте

Используя текстовую панель напишем чего-нибудь…

аватары для сайта вконтакте

На слое (который у нас под текстом) мы рисуем вот такую вот штучку.
Трансформируем и куртим ее и текст так, чтобы вышло что-то похожее.

аватары для сайта вконтакте

Поиграем с цветами….

аватары для сайта вконтакте

Аналогично предыдущему элементу, создаем чуть ниже еще один.
Меняем цвет, используя цветокоррекцию. Делаем отличным от первого.

alt

Сохраняем и заливаем на сайт )). Я кстати использовал при экспорте:
Сохранение для веб и вывел в формате png… но это кому как удобнее.

alt


И вот он конечный результат ну и + бонус )))


alt

alt

Кстати, эти авы не трогаем. Они именные ))


Источник: http://blog.mons.ws/?p=215



Похожие новости:


Раздел: Уроки, Photoshop CS2, Photoshop CS3 | авг 21 | Просмотров: 83391
#1 написал: Колючка
дек 5 | ICQ: -- |



Группа: Гости
Регистрация: --
Как именно ты удаляешь все лишнее?Я уже второй день парюсь, ну не доходит и все!Пропиши усли не трудно.Спасибо!!!
   

Авторизация

  
 
  

Регистрация | Забыли пароль?



Статистика


На нашем сайте представлены лучшие ресурсы в помощь дизайнерам и специалистам, которые профессионально занимаются рекламой и продвижением товаров, услуг, созданием графических объектов. Уроки и обучающие материалы любого уровня – для специалистов и тех, кто только начал изучение загадочного мира рекламы, и ищет способы воздействия на аудиторию, свой индивидуальный стиль. Динамика современного мира заставляет нас держать руку на пульсе модных тенденций современного искусства рекламы и дизайна. Наш сайт был создан в 2007 году, и обширная коллекция обучающих и демонстрационных видеоматериалов постоянно пополняется новыми ресурсами. Обучающие программы по работе с 3D – изображениями, различные версии программ Photoshop, инструменты работы в CorelDraw и многая другая полезная информация – иконки, коллекция разнообразных шрифтов, клипарты и паттерны, материалы для работы с анимацией, Вы можете бесплатно скачать на нашем сайте. Уроки любой степени сложности помогут вам освоить новейшие дизайнерские тенденции, а представленные шаблоны – воплотить в жизнь самые смелые, креативные идеи. Вы расширите рамки обыденности, почерпнете новые, эксклюзивные идеи для развития своего личностного и творческого потенциала! Мы работаем для Вас, чтобы сделать Ваш мир ярче, а профессиональные качества совершенными.
Главная  |  Правила сайта  |  Контакты администрации  |  RSS канал  |  Статистика      Copyright © 2007-2019г. Design.Ru-Deluxe.Ru