Уроки » Веб-дизайн → Создание собственных смайликов  

Сейчас я расскажу вам как создаются смайлики, вот пример того что мы получим.

Создание собственных смайликов


Я базировал свои смайлики, на заданных по умолчанию из WordPress, они фактически на всем протяжении сети идут вместе с PHPBB

1) Сначала создайте новый документ, на котором вы будете рисовать ваши смайлики. Когда я рисовал первые смайлики, я открывал уже готовые и обрисовывал их, но вы можете начинать с пустого документа. Я расскажу вам все с самого начала.

Я создал новый документ с размерами 15x15 пикселов.

2) Выберите инструмент Eleptical Marquee Tool :elliptic:

Создание собственных смайликов


Измените параметры настройки инструмента как у меня.

Создание собственных смайликов


Щелкните по холсту чтобы создать выделение

Создание собственных смайликов


3) Создайте новый слой и залейте выделение градиентом, я использовал фиолетовый градиент (#e9c8ff; #64408c)

Создание собственных смайликов


Теперь сделав двойной щелчок по слою открываем Blending Options и применяем Bevel and Emboss

Создание собственных смайликов

Создание собственных смайликов


4) Теперь добавьте границу вашему смайлику.
Сначала создайте новый слой, затем загрузите выделение вокруг смайлика (зажав CTRL щелкниите по слою со смайликом)

Создание собственных смайликов


Щелкните правой кнопкой мыши по выделению и выберите Stroke и примените такие параметры настройки.
Ширина: (Width) 1px
Цвет: (Color) #383838
Расположение: (Location) Inside

Создание собственных смайликов


5) Теперь добавьте лицо, рот и глаза, я базировался на смайликах от Word Press, можете делать то же самое, а можете придумать что-нибудь оригинальное свое.

Создание собственных смайликов

Создание собственных смайликов

Создание собственных смайликов

Создание собственных смайликов


Спасибо за чтение этого туториала, надеюсь вам понравилось.

Создание собственных смайликов

Информация к уроку:

Категория - Уроки » Веб-дизайн

Дата публикации: 13-06-2010, 18:25

Опубликовал: killot

Просмотров: 991

Комментариев: 0

Ссылки к этой статье:

Источник - PhotoshopStar

Автор - Не указан

Переводчик - Killot

Найти - Все уроки с PhotoshopStar

Ключевые слова:

PhotoshopStar, web, smile, веб, смайлик, сайт, дизайн

Еще по этой теме:

Интерфейс отверстия Интерфейс отверстия
В этом уроке мы создадим интерфейс маленького ...
Шаблон «Гранж» часть 1 Шаблон «Гранж» часть 1
В этом уроке я покажу вам как создать стильный ...
Смайлики Смайлики
В этом уроке мы снова рассмотрим как создавать ...
Создание простой рекурсивной формы (Фрактала) Создание простой рекурсивной формы (Фрактала)
В этом уроке вы узнаете, как создать простую ...
Значок Error (Windows Vista) Значок Error (Windows Vista)
Создаем иконку ошибки как в Windows Vista ...
Забавные глаза
Добавим на фотографию человека или животного вот ...
Простая блестящая кнопка Простая блестящая кнопка
Симпатичная зеленая бриллиантовая кнопка, очень ...
Светящийся векторный логотип Светящийся векторный логотип
Чтобы создать такой красивый эффект, следуйте ...
Текстовый эффект Текстовый эффект "Сыр"
Сейчас я расскажу вам как создать эффект текста ...
Индустриальный заголовок для игры Индустриальный заголовок для игры
В этом туториале вы узнаете как создать стильный ...

Социальные закладки:


Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

 

Добавление комментария

 
 
Ваше Имя:
Ваш E-Mail:
Вопрос:
Столица России
Ответ:*
Код:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Введите код: