Встретимся на пляже!

На чём мы остановились? Ах, да! Я вам рассказывал о преимуществах работы над дизайном сайтов или интерфейсов с использованием илюстратора.
.
Так вот. Еще одной хорошей особенностью илюстратора является многостраничность. Вы можете построить все экраны сайта в одном документе (если он, конечно, не совсем уж большой).

Вот, примерно так может выглядеть ваш файл:
↓

.
В связи с этим, есть еще несколько советов с настройкой первоначального шаблона для ваших будущих работ.
.
Если вы отдалите документ до конца (zoom tool 5%) то увидите следующую картину:
↓

.
Видите? Ваш лист находиться в середине рабочего поля илюстратора, что, как мне кажется  не очень удобно. Поэтому советую его перенести в верхний левый угол. Делается это с помощью инструмента Artboard tool (shift+O). Должно получиться так:
↓

.
Помните, чтобы координаты листа оставались всегда целыми значениями, без всяких десятых:
↓

.
Основные приготовления закончены.
Теперь займемся чисткой файла. Так как по умолчанию, в новом созданном документе будет куча ненужного мусора, который нам совсем не нужен.
.
Весь этот мусор находиться в палитрах: Swatches, Symbols, Brushes, Graphic styles.
↓

.
Всё это  нам совсем не нужно и будет только мешать. Смело удаляем.
↓

.
Крайне рекомендую настроить расположение всех палитр под свою руку и обязательно записать: Window → workspace → save workspace…
.
Так же можно выставить все умолчания. Например, толщину обводки, заливку объектов, шрифт по умолчанию и так далее.
.
И ещё одна очень полезная вещь — это модульная сетка. Сайты сделанные по модульной сетке будут радовать глаз — это факт! Тут, конечно, изобретать велосипед не надо. Есть признанный лидер пропагандирования модульной сетки → http://960.gs/ На данном сайте вы можете скачать подходящий для себя шаблон под любую программу. Но, если честно создать свой — дело 5 минут. Я выбрал сетку в 12 колонок.
.
И так, начнем. Напомню еще раз, что начало координат у нас стоит строго в левом верхнем углу листа.
Берем инструмент Rectangle tool (M) и тыкаем в любое место листа. В появившемся окошке выбиваем 60 x 800. Жмем ок. Появился прямоугольник. Задаем ему координаты X=10, Y=0. Теперь выбираем инструмент Line segment tool (\) — опять кликаем в любое место листа. В диалоговом окне вбиваем длину в 800 px и угол 270°. Жмем ок. Пишем нашей линии координаты X=80, Y=0. Группируем оба созданных объекта. Не снимая выделения идем в меню Effect → Distort & Transform → Transform… Идём в секцию Move и вбиваем в поле Horizontal значение 80, а в поле copy — 11.
↓

Жмем ок.
У нас должно получиться что-то вроде этого:

↓

.
Наш шаблон почти готов. Выделите наши объекты. Зайдите в меню: Object  → Expand appearance…  Потом не снимая выделения в меню: View → Guides → Make guides (ctrl+5) — превратив тем самым объекты в направляющие.
.
Вот и всё. Наш шаблон можно сохранить под названием 12_col_template.ait.
Важно сохранить его именно в формате illustrator template AIT.
.
Всё! Мы готовы к самому интересному! В следующем посте будем творить необыкновенные чудеса, которые фотошопу даже и не снились.