2 заметки с тегом

иллюстратор

Несколько простых шагов, что бы рисовать интерфейсы в Иллюстраторе стало еще проще. А нужно это делать вообще или нет чуть ниже (плюсы и минусы иллюстратора, как инструмента для интерфейсов).

1. Настройка нового документа

  • Units: Pixels
  • Color mode: RGB
  • Raster Effects: Screen (72 ppi)
  • Preview mode: Pixel

Так же ставим галочку Align New Objects to Pixel Grid.

2. Настройка программы

Жмем CMD+K (для win CTRL+K)

Вкладка General
Keyboard Increment: 1px

Вкладка Units
General: Pixels
Stroke: Pixels
Type: Points

Вкладка Grid
Gridline every: 1px
Subdivisions: 1

3. Панель Transform

Для всех новых объектов в панеле Transform нужно поставить галочку Align to Pixel Grid, если она не стоит.

С этими настройками у вас пропадут все эти тысячные дроби в размерах и координатах.
Но! Дробные значения 0.5 все же имеют место быть. Это лучше чем тысячные, но все же дроби и это нужно замечать (Другого способа я не нашел).


Минусы и плюсы

Плюсы

  • Много артбордов, удобно рисовать сразу 10-20 экранов в одном файле.
  • Поддержка стилей. Нарисовал одну кнопку, сохранил стиль и применяешь везде. Решил изменить стиль? Он поменяется везде.
  • Это все же вектор, нужно x10 изображение — легко.
  • Панель Appearance.

Минусы

  • С дробными значениями 0.5 вы потратите тоже не мало нервов.
  • Не работает с растром (что бывает иногда нужно)

P.S. Пробую Scetch, кажется он имеет все плюсы Иллюстратора и Фотошопа в одном лице. Об опыте использования расскажу позже.

иллюстраторлайфхак

Заметка из статьи про быстрый дизайн в Иллюстраторе.


Идея очень простая.

  1. Выделите нужный текст и добавьте две заливки в панеле Appearance (Shift+F6), одну для текста, другую для фона (кнопки).
  2. Переместите одну заливку под Characters, это будет заливка фона.
  3. Выберите заливку фона и примените к ней эффект Select Fx > Convert to Shape > Rectangle.
  4. Настройте параметры под ваши нужды.
  5. Можно так же добавит тени, свечения и т. п.
  6. Сохраните стиль в панеле Graphics Styles.
  7. Применяйте стиль для любого текста и он станет кнопкой.
иллюстраторлайфхакссылки