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

Приблизительное время выполнения: 7 минут
1. Фон
Фон не очень важен, но мы возьмем что-то симпатичное для наших значков. В любом случае, можете открыть шаблон с дизайном, над которым вы работаете в данный момент, чтобы добавить туда значки.
Я взял документ 800×600, довольно маленький – удобно работать. После создания нового документа, залейте фон темным цветом. Я использовал темно-коричневый (#2e1f13).
OK, после установки фона, можете удовлетвориться таким фоном или найти, к примеру, симпатичную текстуру дерева и также добавить к фону.

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

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

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

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

У нас вышел хороший эффект отслоившейся наклейки. Я надеюсь, я хорошо объяснял.
3. Эффекты (Стили слоев)
Теперь как насчет того, чтобы добавить значку глубины? Мы применим к нему Gradient Overlay для каждого из слоев, так что кликните правой кнопкой на слой и зайдите в Blending Options.
Gradient Overlay (основной значок)

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

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

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

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

Выглядит симпатично! Чтобы ещё больше выделить текст, добавьте немного Drop Shadow.
Дополнительно: чтобы закончить работу, вам нужно сцепит все слои вместе, затем уменьшить размер до 25% (зависит от того, каким у вас был оригинальный размер).
Вам также нужно попробовать сделать ещё что-то со значком, например добавить гранджевую маску слоя или продолжить в традиционной стиле RSS.

Источник: Nice ‘n’ Simple Subscribe Badges
Смотрите также:

щас попробовал,классно получилось) только вот парил.. когда делаешь белый заворот на наклейке..как перенести на новый слой,так и не сделал, работал с одним слоем..
Октябрь 28th, 2008
А я запнулась о градиент значка. почему-то весь цвет значка пропадает, меняется на монохром =(
Декабрь 8th, 2008
Класно! А главное очень просто! А я сидел, парился
Декабрь 13th, 2008
Я не понял как текстуру дерева сделать?
Январь 31st, 2009
Прикольно. Облепить свой блог такими наклейками, что ли…
Март 22nd, 2009
rss’ка довольно симпатичная
Июнь 5th, 2009
Отличный урок! Удачно расписано.
Июль 6th, 2009
Супер, как раз то что мне надо, для нового проекта! Большое спасибо!
Сентябрь 22nd, 2009
ОТЛИЧНЫЙ САЙТ, РЕШИЛ СДЕЛАТЬ НОРМАЛЬНЫЙ ДИЗАЙН САМ, А НЕ ПОЛЬЗОВАТЬСЯ ШАБЛОНАМИ, буду пользоваться вашими уроками, сайт добавил в закладки…
Март 9th, 2010
Здорово!!
Май 24th, 2010
Красота! Спасибо огромное!
Май 24th, 2010
Прикольно.Я бы тоже поставил такие кнопки себе.
Ноябрь 27th, 2011