Поиск

Мини-Чат

200

Статистика

Кто online?

Онлайн всего: 1
Гостей: 1
Пользователей: 0



Главная » Статьи » Мои статьи

Как сделать аватар для вконтакте
<div class="eTitle" style="padding-bottom:3px;">Как сделать аватар для вконтакте</div>
<script src="http://odnaknopka.ru/ok2.js" type="text/javascript"></script><br>
<table border="0" width="100%" cellspacing="0" cellpadding="2" class="eBlock">
<tr><td class="eText" colspan="2"><P><IMG src="/avatar/0xtNc92CZe.png" alt="" align="" border="0px"><IMG src="/avatar/HUY7EEe3gd.png"> </P><P>
Я обратил внимание, на тот факт, что в последнее время, на блог стали заходить по запросу “<STRONG>как сделать аватар для вконтакте</STRONG>” ну и еще вариации вроде “<STRONG>аватары для вконтакте</STRONG>“. И все это лишь после одного моего поста, про сделанные <EM>аватары для сайта вконтакте</EM>. Я думаю обидно, если люди не находят того, что искали. И специально для таких вот ищущих, подготовил этот урок. <STRONG>Как в фотошопе сделать простую аватарку</STRONG>.

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

</P><P> Ну что , поехали ?! )) 

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

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

Источник <i>blog.mons.ws/?p=215</i> </td></tr>
<tr><td class="eDetails1" colspan="2"> Категория: <a href="http://provkontakte.moy.su/publ/8">Аватары вконтакте</a> | Добавил: <a href="javascript://" onclick="window.open('http://provkontakte.moy.su/index/8-1','up1','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350') || alert('Отключите блокировку всплывающих (Pop-up) окон!');return false;">provkontakte</a> (24.11.2008) 
  
</td></tr>

Категория: Мои статьи | Добавил: Jumps (22.02.2009)
Просмотров: 176 | Комментарии: 3 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Имя *:
Email *:
Код *:


Пользователь


Опрос

Друзья

Счетчик

Реклама

ваша реклама