Каждый блоггер знает, что такое тэг (tag). Не в смысле HTML верстки, а в смысле слова-метки. В переводе с английского это слово имеет несколько значений: от железных наконечников на шнурках штиблет, до сережек в женских ушках. 
Тэг — так же обозначает ярлык (или бирку), которые цепляют ко всему подряд. Не исключением стало и оформление «хендмейдовых» дизайнов блогов. Вот, например:
Сегодня я покажу, как можно нарисовать в Фотошопе такой симпатичный ярлычок с ниткой.
Создадим новый документ 570х400 пикселей с белым фоном. Добавим новый слой (Ctrl+Shift+N). Затем включаем инструмент Polygonal Lasso Tool и, удерживая нажатой клавишу Ctrl, создаем выделение для будущего ярлыка. Клавиша Ctrl помогает вести мышку строго под углами в 90° и 45° .
Заливаем выделение при помощи ведерка (Paint Bucket Tool) цветом #5C3710.
Теперь заходим: Select – Modify – Contract и в окошке Contract by выставляем значение 4 пиксела. Выделение «сожмется» ровно на 4 пискела. Зальем теперь выделенный участок другим цветом — #8A5011
Снимаем выделение (Ctrl+D). Создаем новый слой. На новом слое при помощи инструмента Овальное Выделение (Elliptical Marquee Tool), удерживая нажатой клавишу Shift, выделим круглый участок под будущее металлическое колечко:
Далее, выставляем в палитрах два различных по светлоте серых цвета #666565 и #A5A2A3, включаем инструмент Градиент (Gradient Tool), в котором выставляем значение Radial Gradient, и проводим вертикально мышкой из центра выделенной окружности вверх и немного за край выделения:
Снимем выделение (Ctrl+D) и добавим колечку немного теней:
Получим «пуговку»
Из этой пуговки теперь сделаем колечко. Снова включим инструмент Овальное Выделение (Elliptical Marquee Tool) и удерживая уже одновременно две клавиши Alt + Shift, устанавливаем курсор в центр «пуговки» и из нее строим круглое выделение чуть меньших размеров. Если все же с центровкой промахнулись, то при помощи клавиш стрелок подгоните выделение ровно по центру. А затем нажмите клавишу Delete.
«Пробили» отверстие в пуговке, а теперь то же самое надо проделать и с самим ярлыком. Не снимая выделения, переключитесь на слой с ярлыком и снова нажмите клавишу Delete. Снимаем выделение и получаем вполне объемное металлическое колечко.
Создадим новый слой и, используя различные кисти и шрифты, нарисуем на ярлыке какую-нибудь полезную (или не очень) информацию.
Теперь нужно объединить все слои кроме фона-подложки. У последнего выключаем «глазик», затем заходим: Layer – Merge Visible. Снова сделаем видимым слой с фоном. Получим уже вполне похожий на ярлык образ. Теперь мы его немного развернем, добавим тень и нарисуем ниточку.
Сначала сделаем поворот. Заходим в Edit – Transform – Rotate, поворачиваем ярлык по часовой стрелке и немного сдвигаем его вниз. Нажимаем Enter.
Теперь добавим тень.
И нарисуем нитку. Для чего создадим новый слой, на котором будем рисовать при помощи инструмента Перо (Pen Tool). Но сначала активируем в панели инструментов обычную кисть (Brush Tool), которой в настройках зададим размер в 3 пикселя.
Переключаемся на инструмент Перо (Pen Tool), в настройках которого должен быть включен режим Paths.
Теперь в палитре выставим черный цвет и начинаем рисовать нитку. Как рисовать? Ставите первую точку в начало будущей нитки (хоть за пределы рисунка), затем ставите вторую точку и, не отпуская левой клавиши мышки, двигаете ей в нужном направлении. «Нитка» при этом будет делать плавный изгиб. С первого раза может не получиться. Вообще этим инструментом надо потренироваться работать, чтобы понять принцип.
Когда закончили рисовать контур нитки, кликаем правой клавишей мышки по любому кусочку контура (только не по самим точкам-анкорам!). В выпадающем контекстном меню выбираем пункт Stroke Path. Появится диалоговое окно с предложением выбрать инструмент. Выбираем кисточку.
А теперь еще раз проделаем этот же трюк. Снова кликнем правой клавишей на участке контура, но уже выберем пункт Delete Path. Получим настоящую черную нитку.
Правда она у нас лежит поверх ярлыка, а надо, чтобы проходила через отверстие. Для этого включаем инструмент Резинка (Eraser Tool) и стираем часть нитки.
При желании можно так же выделить и залить нитку каким-либо паттерном, делающим ее более похожей на настоящую нить, но это уже на ваше собственное усмотрение. Можно просто отсканировать какой-нибудь симпатичный шнурок и внедрить его в нашу картинку.
Популярность: 31%
Вот молодчика, Настюш!
Ну да, ну да… размер соответствует названию 
Приколистка ты, Насть! 
Урок полезный и несложный. Бирочка ну просто настоящая!
А… название фирмЫ на бирочке!
Спасибо, Оль!
Размерчик для настоящих слонопотамов! :)))
Молодец Настя. А я вот щас сижу подготавливаю (тутор) как сделать буквы как у меня на банере (мутное стекло) =) .
Бирочка хорошая, а вот над ниточкой надо поработать (траектория и форма)
I can’t read the tuto, (’cause I don’t understand the language), but thanks a lot for publishing me
And why not add a Leather texture ?
Good tuto
Have a nice day
No Milk Today.be
Небольшая неточность: слой создается Ctrl+Shift+N =)
Лучше такие вещи делать все таки не лассо, а патхами =) Гибкости в результате больше.
2 Кредитный брокер: это верно, ее вообще лучше было бы потолще и пофактурнее нарисовать.
2 Milk: Welcome Milk! Thank you great!
You’re right. There can be used leather texture. I have not thought about it. The next time I have to try to do so.
2 fazeful: Ой, верно! Спасибо, что заметили. Сейчас исправлю.
А “патх” - это же вроде заплатки? Как им можно нарисовать такую фигуру?
2 Настя Манно: Pen Tool-ом гораздо удобней + с помощью стилей слоя можно все эффекты изобразить =) а смысл будет в том что можно без проблем потом все отмасштабировать.
Тут вы правы, надо со стилями поработать. Это при умелом использовании тоже очень сильное и выразительное средство.
Полезный урок, а то я в фотошопе только вырезать и вставлять научился
Надеюсь, когда нибудь дойду до такого уровня, чтобы хотя бы сменить дизайн в своем блоге 
Отлично :).
100-300…
Не пробовала делать уроки (чуть посложнее) для PSDTUTS… там вроде за каждый одобреный пост платят неплохие деньги
Может получиться
Стальной Бомж, все будет!
Steward, была такая мысль, но после просмотра тамошних работ сразу почти улетучилась. Мой уровень пока не дотягивает до такого известного ресурса. Хотя заманчиво конечно :)))
Честно говоря выглядит хреново в итоге.
Синий цвет на ярлыке это просто бред. Ощущение, что материал бирки где то просто невидим. А где то покрасился от джинсов, ну не выпускают такие джинсы, которые способны линять на кожаные бирки. Хотя могу и допустить, что имитируется ширпотреб.
В общем бирка убита неестественностью и ненатуральностью.
А написал только потому, что логичной на мой взгляд критики нет, а ее отсутствие не идет на пользу развития мастерства.
Настя, а как “состарить” ярлычек? Ну чтобы было темненькое по краям?
Юлия, в ФШ есть специальный инструмент Burn Tool (Обжиг - в вольном переводе). Это такая кисть руки с сомкнутыми пальчиками. Регилируя прозрачность этого инструмента, можно обжигать края сильнее или едва заметно.
Спасибо ))