Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

Иконка чата

Alex | 5.03.2014 | нет комментариев

В этом уроке мы попробуем нарисовать иконку чата.

Для начала создайте новый документ с прозрачным фоном и размером 250×250пикселей.
Воспользуйтесь Custom Shape Tool для создания иконки чата. Сделайте ее немного больше, потому что мы ее потом сузим.
Зайдите в Edit>Transform Path>Skew. Измените размеры как на рисунке.

Зайдите в Edit>Transform Path>Scale и уменьшите высоту немного.
Зайдите в Filter>Stylize>Emboss и установите следующие настройки:

Дублируйте слой и переместите его выше на 1 пиксель. Повторите это действие 6-8 раз. Помните, всегда дублировать самый верхний слой. Вот результат:

Склейте все слои, кроме верхнего. Нажмите Ctrl+U и поставьте галочку около colorize. Поэкспериментируйте с настройками. Я использовал следующие:

Вот результат:

Зажмите Ctrl и щелкните по верхнему слою, чтобы выделить. Воспользуйтесь Gradient Tool для применения градиента. Я использовал такой градиент:

После этого измените Blend Mode на Color. Вот результат:

Теперь добавим фон к изображению. Я залил фон цветом ededed. Финальной точкой станет добавление стиля drop shadow. Я использовал следующие настройки:

Вот конечный результат:

Иконка чата

АВТОРСКИЕ ПРАВА
Источник: alldes.net
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB