Как разместить текст на линии в sketch

Как разместить текст на линии в sketch

Type > Text on Path (текст на линии)

Sketch, в основном, используется для дизайна интерфейсов, но это не означает, что его нельзя применить для других нужд дизайнера. Так как это единственное дизайн-приложение в моем арсенале (кроме Photoshop, но его я применяю в редких случаях, когда нужно обработать растровую графику), я стараюсь использовать Sketch везде, где только можно, что также подразумевает создание логотипов и иконок. Так как я раньше никогда не работал в Illustrator, я не могу сравнивать возможности этих двух приложений, но, как по мне, Sketch работает очень хорошо. В нем есть очень полезная функция, особенно для создания лого: текст на линии. Эта опция есть в панели меню, разделе Type. Сначала она может показаться несколько корявой, но при определенных навыках может очень даже неплохо работать.

  1. Нарисуйте фигуру или вектор на холсте, который планируете использовать для текста.
  2. Напечатайте какой-то текст и передвиньте его поближе к фигуре/вектору.
  3. Выделите текст и выберите пункт меню “Type > Text on Path”.

screen-sep-29-2015-1

Скорее всего, результат будет отличаться от желаемого, но вот что поможет вам добиться своего:

  • Отражайте линию/фигуру по горизонтали или по вертикали.
  • Попробуйте повернуть линию/фигуру
  • Подвигайте текст рядом. Иногда достаточно сдвига всего на несколько пикселей, чтобы все встало на свои места.
  • Если текст или его части куда-то пропали, увеличьте и уменьшите холст, это поможет вернуть все на место.
  • Если нужно оттянуть текст от линии, увеличьте междустрочный интервал (“Line Spacing”) в Инспекторе (работает только в бета-версии).
  • Вы можете использовать также межсимвольный интервал (“Character Spacing”) в Инспекторе, чтобы раздвинуть символы между собой.
  • Так как текстовый слой до сих пор ведет себя, будто бы текст напечатан по прямой, им довольно сложно орудовать на холсте, поэтому лучше управлять им из списка слоев.
  • Конечно не обязательно, чтобы сама кривая была видимой, так что можете скрыть ее в списке слоев (cmd + shift + h) или изменить непрозрачность заливки на 0 %.
  • Не забудьте конвертировать текст в контуры (“Type > Convert to Outlines”), если будете его экспортировать. Если при этом он вернется в свою исходную форму, можете сначала сгладить его направляющую линию (“Layer > Path > Flatten”).

screen-sep-29-2015-2

Total
0
Shares
2 комментария
Добавить комментарий

Ваш адрес email не будет опубликован.

Похожие статьи
10 фишек в Sketch для дизайнеров
Подробнее

10 фишек в Sketch для дизайнеров

Я уже довольно долго пользуюсь Sketch, и он мне абсолютно нравится. Поэтому я подумал, что будет неплохо собрать вместе 10 фишек, которые ежедневно помогают сделать мою работу в Sketch лучше и быстрее.
Я создал плагин для Sketch. И у вас получится
Подробнее

Я создал плагин для Sketch. И у вас получится

Я создал плагин для Sketch. Это оказалось несложно. Вам тоже стоит попробовать. Я интересуюсь инструментами для дизайна. Меня очень вдохновили и впечатлили Джош Пикетт и Матей Хрескак, так что и у меня самого зачесались руки сделать нечто подобное

Еженедельная рассылка

Одно письмо с лучшими записями за неделю

Total
0
Share