| 1. Фон Фон, собственно говоря, не очень важен, но мы создадим что-то простое и приятное для наших значков. В ином случае, можно открыть шаблон блога, над которым вы работаете и непосредственно там размещать значок. Задаем размер документа 800x600 пикселей - он достаточно маленький и с ним легко работать. После создания нового документа, заливаем фон темным цветом. В нашем случае это темнокоричневый (#2e1f13). Можно еще подыскать неплохую деревянную структуру и создать более эффектный фон.
В случае использования деревянной структуры, нужно проверить CG Textures. Затем копируем структуру на лист и соответственно подбираем размер. Затемпонижаем прозрачность и смешиваем со слоем, чтобы получше сочеталось с основным цветом. Возможно понадобится повторить этот действие несколько раз, используя различные способы слоя и непрозрачность. 2. Значок Теперь создаем основу нашего значка. Сначала выберите инструмент elliptical marquee и сделайте выделение в средней части листа. После этого создайте новый слой и залейте выделение желаемым цветом.
Вот,мы создали форму нашей кнопки, и теперь нужно срезать небольшой угол и повернуть его. Для этого используем инструмент polygonal lasso. Выбираем угол как показано на рисунке:
Кликните правой кнопкой мыши на выделении и выберете cut. Это позволит создать новый слой. Переверните вырезанный слой (edit > transform > rotate 180), затем может понадобиться немного переместить его так, чтоб он находился точно в углу. И наконец, залейте форму белым или другим светлым цветом, чтоб достичь контраста с основным цветом.
Вот так мы достигли желаемого эффекта. Надеюсь объяснения достаточно ясны! 3. Эффекты(Layer Styles)
Теперь как насчет того, чтоб придать значку большей глубины? Для этого будем использовать стиль слоя Gradient Overlay для каждого из слоев: правый клик на слое и выбираем Blending Options.
* Gradient Overlay (base badge)
* Gradient Overlay (white peeling)
Примечание: возможно придется немного сместить градиент путем перемещения мыши ниже.
Вот, так намного лучше! 4. Добавления текста Теперь переходим к добавлению текста. Используем инструмент horizontal type (только regular)
и пишем что-нибудь, например \"Subscribe today!\" в две строки.
Примечание: шрифт, приведенный выше, называется Delicious, и его можно бесплатно загрузить отсюда. Прекрасно, у нас есть неплохой шрифт и теперь нам нужно будет повернуть этот текст и наложить поверх кнопки. С помощью комбинации ctrl+t можно уменьшить текст, чтоб надпись выглядела более подходящей и аккуратной.
Выглядит здорово! Теперь мы делаем текст более выделяющимся, используя немного Drop Shadow layer style. Дополнение Чтобы завершить работу над нашим значком, нужно объединить все слои значка, и уменьшить весь рисунок приблизительно к 25% от исходного размера (уменьшение может варьироваться, в зависимости от исходного размера оригинала) |
