Воскресенье, 24.11.2024, 12:57
Massiveattack
Приветствую Вас Гость | RSS




Меню сайта
Наш опрос
Какие уроки вам более нужны?
Всего ответов: 166
Главная » 2008 » Октябрь » 24 » Уроки photoshop // Рисуем иконки для подписи
Уроки photoshop // Рисуем иконки для подписи
23:24
Я уже видел уроки, как создавать похожие на наклейки в супермаркете значки, но нигде не показывалось, как из них сделать иконки для подписки, например, на RSS. Вообще-то у меня нет доказательств, что я первый, но давайте начнем.

Nice and Simple Subscribe Badges for your Blog

1. Фон

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

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

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

Wood Texture Background

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

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

Wood Texture Layers and Settings

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

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

Badge Shape Created

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

Polygonal Lasso Tool Selection

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

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

Shape Adjusted and Filled with White

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

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

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

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

Gradient Layer Styles Added

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

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

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

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

Delicious Font/Text Added

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

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

Text Rotated and Resized

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

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

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

Nice and Simple Subscribe Badges for your Blog


Источник: Nice ‘n’ Simple Subscribe Badges

Просмотров: 652 | Добавил: Franz | Рейтинг: 0.0/0 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа
Календарь новостей
«  Октябрь 2008  »
ПнВтСрЧтПтСбВс
  12345
6789101112
13141516171819
20212223242526
2728293031
Поиск
Друзья сайта
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Copyright Massiveattack © 2024Хостинг от uCoz