Рисуем иконки для подписи

18.12.2009, 19:37

Я уже видел уроки, как создавать похожие на наклейки в супермаркете значки, но нигде не показывалось, как из них сделать иконки для подписки, например, на RSS . Вообще-то у меня нет доказательств, что я первый, но давайте начнем.

Симпатичные и простые иконки для подписки

Приблизительное время выполнения: 7 минут

1. Фон

Фон не очень важен, но мы возьмем что-то симпатичное для наших значков. В любом случае, можете открыть шаблон с дизайном, над которым вы работаете в данный момент, чтобы добавить туда значки.

Я взял документ 800×600 , довольно маленький – удобно работать. После создания нового документа, залейте фон темным цветом. Я использовал темно-коричневый ( #2e1f13 ).

OK, после установки фона, можете удовлетвориться таким фоном или найти, к примеру, симпатичную текстуру дерева и также добавить к фону.

nice-simple-subscribe-badges1_1.jpg

OK, если вы хотите добавить текстуру дерева, зайдите на CG Textures . Достав текстуру, скопируйте её на ваш документ и измените размер соответственно. После этого снизьте opacity и поиграйте с режимами, чтобы смешать текстуру с основным цветом.

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

nice-simple-subscribe-badges1_2.jpg

2. Основа для значка

Давайте создадим основу для нашего значка. Сначала выберите elliptical marquee tool , затем выделите область посередине вашего документа. Создайте новый слой, затем залейте вашу область нужным цветом.

nice-simple-subscribe-badges2_1.jpg

Теперь у вас есть фигура, вам нужно отрезать уголок и повернуть его. Чтобы сделать это, сначала выберите polygonal lasso tool , затем выберите уголок так:

nice-simple-subscribe-badges2_2.jpg

Кликните правой кнопкой на выделенную область и затем на layer via cut, это вырежет выбранные пиксели, и расположит их в новом слое. Поверните ваш слой ( edit > transform > rotate 180 ) , затем вам может понадобиться повернуть его так, чтобы он был точно на углу.

Затем залейте вашу маленькую фигуру белым или ещё каким-либо светлым цветом, чтобы она контрастировала с основным.

nice-simple-subscribe-badges2_3.jpg

У нас вышел хороший эффект отслоившейся наклейки. Я надеюсь, я хорошо объяснял.

3. Эффекты (Стили слоев)

Теперь как насчет того, чтобы добавить значку глубины? Мы применим к нему Gradient Overlay для каждого из слоев, так что кликните правой кнопкой на слой и зайдите в Blending Options .

Gradient Overlay (основной значок)

nice-simple-subscribe-badges3_1.gif

Gradient Overlay (белый уголок)

nice-simple-subscribe-badges3_2.gif

Замечание: Вам может понадобиться немного повернуть градиент, сделайте это, потянув  под blending options box .

nice-simple-subscribe-badges3_3.jpg

Намного лучше

4. Добавьте текст

Теперь давайте добавим немного текста. Выберите horizontal type tool (обычный) и наберите что-то вроде ‘ Subscribe Today! ’ на двух строчках.

nice-simple-subscribe-badges4_1.jpg

Замечание: Выбранный мной шрифт называется Delicious , он бесплатен и вы можете скачать его отсюда http://www.josbuivenga.demon.nl/delicious.html

Теперь у вас есть текст, вы должны его повернуть и расположить наверху вашего значка. Поворачивая ( ctrl+t ), вы можете захотеть уменьшить его, чтобы он вписывался более органично.

nice-simple-subscribe-badges4_2.jpg

Выглядит симпатично! Чтобы ещё больше выделить текст, добавьте немного Drop Shadow .

Дополнительно: чтобы закончить работу, вам нужно сцепит все слои вместе, затем уменьшить размер до 25% (зависит от того, каким у вас был оригинальный размер).

Вам также нужно попробовать сделать ещё что-то со значком, например добавить гранджевую маску слоя или продолжить в традиционной стиле RSS .

Симпатичные и простые иконки для подписки

Просмотров: 160 Загрузок: 0 Добавил: Marlboro Категория: Дизайн/Рисование Комментарив: 0

Всего кмментариев 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]