Создаем динамическую этикетку
by vecart_admin. Последнее обновление: 18 апреля, 2013
Сегодня мы разберем вопрос — как создать динамическую этикетку, т.е. этикетку, размер которой будет изменяться с изменением текста. Такие этикетки часто используются в различных приложениях, а также картах.
Почему динамическая этикетка?
Если вы когда-нибудь создавали этикетки, то знаете, что изменяя ее текст – необходимо менять и размер, а то и фигуру этикетки, на которой находится текст.
Динамическая этикетка позволяет избежать лишних действий по изменению размера этикетки. Как только мы меняем текст – изменяется и размер этикетки.
- Итак, для создания динамической этикетки нам понадобится текст, который будет на ней. Для этого набираем его любым необходимым шрифтом.
При выделенном тексте на панели Appearance добавляем новый слой заливки и переносим его под слой текста. (Слой текста обозначен как Character).
Созданный новый слой для наглядности я залил красным цветом.
- Теперь нам нужно преобразовать созданный слой заливки в фигуру. Для этого при выделенном слое на вкладке Effect > Convert to Shape выбираем пункт Rectangle (Квадрат).
- В появившемся окне выставляем размеры созданного слоя. В данном случае будем использовать параметр Relative (Относительный). Я указал 5 пикселей — это означает, что к размеру текста будут добавляться 5 пикселей для определения размера этикетки (Красного цвета).
- Для того, чтобы создать уголок внизу этикетки копируем слой красного цвета на панели Appearance. Я залил его синим цветом.
- Созданный уголок тоже необходимо превратить в фигуру. Для этого повторяем уже знакомые действия из пункта 2, а в пункте 3 будем использовать параметр размера – Absolute (Фиксированный).
- Остается только повернуть синий квадратик на 45 градусов и сместить его. Для этого выделяем этот слой на панели Appearance и на вкладке Effect > Distort & Transform выбираем пункт Transform.
- В открывшемся окне указываем угол поворота и параметр смещения синего квадрата по вертикали. Поиграйте с параметрами для достижения необходимого результата.
- Меняем цвет и этикетка готова. Теперь при изменении текста, будет меняться и она сама.
Также можете добавить тень.
