Adobe illustrator добавить лист
Преодоление «синдрома пустого холста». При создании документа можно выбрать один из множества шаблонов из Adobe Stock и пустых стилей.
При создании документа в Illustrator вместо начала работы с пустого холста можно выбрать любой из большого количества шаблонов, в том числе шаблонов из Adobe Stock. Шаблоны содержат ресурсы и иллюстрации, используя которые можно оформить проект. При открытии шаблона в Illustrator с ним можно работать так же, как с любым другим документом Illustrator ( .ai ).
Помимо шаблонов можно создавать документы, выбрав один из множества стилей, доступных в Illustrator.
содержат вдохновляющие идеи и многофункциональные повторно используемые элементы для документов. В приложении Illustrator можно загрузить шаблоны из Adobe Stock, которые содержат качественные графические объекты и иллюстрации. Затем можно использовать эти шаблоны для быстрого создания документов, имеющих общие параметры и элементы дизайна. Illustrator также содержит пустые шаблоны с предварительно заданными размерами и параметрами для общих задач, например, для создания визитных карточек или брошюр. Шаблоны имеют формат файлов .ai в Illustrator. Как правило, они содержат несколько монтажных областей.
Пустые стили документов
и пустые документы с предварительно заданными размерами и настройками. Использование стилей упрощает создание проектов для устройств определенного размера и варианта применения. Например, можно использовать стиль для быстрого начала работы над проектом для iPad Pro. Пустые стили документов имеют предварительно заданный размер, цвет, режим, единицу измерения, ориентацию, расположение, выпуск за обрез и настройки разрешения. Эти настройки можно изменить перед созданием документа на основе стиля.
Существуют следующие наборы шаблонов и стилей:
- Мобильные устройства
- Для Интернета
- Печать
- Фильмы и видео
- Графика и иллюстрации
Выполните одно из действий, описанных ниже.
- Выберите Файл > Создать .
- Нажмите Создать или Начать новый проект в рабочей среде Начало работы .
- Используйте следующую комбинацию клавиш:
- (Mac) Cmd+N
- (Windows) Ctrl+N
![]()
Обзор: диалоговое окно «Новый документ»
Помимо прочих операций, диалоговое окно «Новый документ» предоставляет доступ к следующим функциям:
- Создание документов с использованием выбранных шаблонов из Adobe Stock в различных категориях: Мобильные устройства, Для Интернета, Печать, Фильмы и видео , а также Графика и иллюстрации
- Поиск дополнительных шаблонов в Adobe Stock и использование их для создания документов
- Быстрый доступ к файлам, шаблонам и элементам, которые были открыты недавно (вкладка Последние )
- Быстрый доступ к шаблонам, которые были загружены из Adobe Stock (вкладка Сохраненные )
- Создание документов с помощью пустых стилей документов для различных категорий проектов и размеров устройств. Перед открытием стилей можно изменить их параметры.
Вкладка «Мобильные устройства» | Диалоговое окно «Новый документ»![]()
В диалоговом окне Новый документ выберите вкладку для категории: Мобильные устройства, Для Интернета, Печать, Фильмы и видео или Графика и иллюстрации .
При необходимости измените настройки для выбранного стиля на панели Сведения о стиле в правой части окна. См. раздел Изменение стилей для получения дополнительных сведений.
Нажмите Создать . Новый документ на основе стиля будет открыт в Illustrator.
Изменение стилей
Перед открытием документа на основе стиля можно изменить его параметры в правой панели.
Укажите имя документа.
Укажите следующие параметры для выбранного стиля:
Ширина и высота: укажите размер монтажной области. Выберите единицу измерения в раскрывающемся меню.
Ориентация: укажите ориентацию страниц документа (альбомная или книжная)
Монтажная область : задайте число монтажных областей в документе
![]()
Выпуск за обрез : укажите положение выпуска за обрез для каждой стороны монтажной области. Чтобы использовать различные значения для разных сторон, удалите связь, нажав значок цепи ().
Цветовой режим : укажите цветовой режим для документа: RGB или CMYK. Если изменить цветовой режим, содержимое (образцы, кисти, символы, графические стили) выбранного профиля нового документа, используемое по умолчанию, будет преобразовано в новый цветовой режим, что приведет к изменению цветов.
Нажмите Дополнительные настройки для изменения дополнительных параметров.
![]()
Режим просмотра: установка режима просмотра по умолчанию для документа.
- По умолчанию : графический объект в документе отображается в векторном режиме с полным набором цветов. При увеличении и уменьшении масштаба сохраняется гладкость кривых.
- Пиксель : графический объект отображается с растрированным (пикселизованным) оформлением. На самом деле содержимое не растрируется, но отображается так, как если бы оно было растровым.
- Наложение : этот режим позволяет увидеть, как приблизительно будут выглядеть эффекты перехода, прозрачности и наложения красок при выводе с использованием цветоделения.
Примечание. Режим предварительного просмотра можно изменить в любое время в меню «Просмотр».
Для начала посмотрите на то, что мы будем стараться сделать:
![]()
![]()
Создадим новый документ шириной 960px и произвольной высотой. Я выбрал такую ширину, потому что, судя по посетителям нашего сайта, у большинства из них немаленькие мониторы.
Не забудьте выставить Color Mode в RGB.
![]()
Шаг второй
Чёрные границы на картинке ниже обозначают размеры создаваемого нами документа (область между ними ещё называют artboard). Мне нравится помещать скриншот с чистым окном браузера в качестве подложки: гораздо легче воспринимать страницу такой, какой она должна получиться.
![]()
Шаг третий
Следуюший шаг очень важен. Вы, разумеется, можете выбрать произвольный масштаб (Zoom) и даже изменять его в процессе работы, но имейте в виду, что текст на странице должен быть удобочитаемым при масштабе 100% (1:1). Для изменения масштаба вы можете использовать отмеченное ниже поле.
![]()
Шаг четвёртый
Вы можете скрывать и отображать границы рабочей области тогда, когда вам это нужно. Для её сокрытия вам нужно выбрать команду View > Hide Artboard. Есть только одна проблема: такая операция занимает слишком много времени. Поэтому, советую вам использовать специальное сочетание клавиш для этого: Command + Semicolon (;).
![]()
Шаг пятый
Чтобы легко разметить иерархию документа и сбалансансировать её, вы можете, для начала, разметить страницу серыми прямоугольниками, как это сделал я. Тонкие длинные прямоугольники — это будущий текст.
![]()
Шаг шестой
Когда вы будете уверенным в разметке страницы, вы можете удалить прямоугольники, заменив их направляющими (Guide lines).
![]()
Шаг седьмой
Используя в качестве отправных точек направляющие, добавьте на страницу различные элементы: навигацию, текст, логотип, изображения и иконки, по вашему вкусу. Когда вы наиграетесь с элементами интерфейса, попробуйте убрать направляющие и посмотреть на плоды своей работы. Может возникнуть такая ситуация, что направляющие будут работать против вас. Подстройте их, чтобы они знали своё место.
![]()
Шаг восьмой
Доведите шапку страницы до совершенства, добавив в неё изображения, иконки.
![]()
Шаг девятый
Я решил добавить голубого цвета в шапке.
![]()
Шаг десятый
Теперь можно переходить к оформлению текста. Определите, как будут выглядеть заголовки и ссылки. Я считаю, что лучше сразу сделать это, чтобы потом можно было сосредоточиться на разработке сайта (когда прийдёт время).
![]()
Шаг одиннадцатый
Существует несколько способов подготовки дизайна для WYSIWYG-редакторов (например, Adobe Dreamweaver). Первый предполагает использование слайсов (Slice). Их можно создать с помощью тех же направляющих или выделением. Сделаем с помощью направляющих: перетащим и расположим их вокруг каждого элемента-ссылки на странице. В нашем примере, все четыре иконки являются ссылками: ведут на отдельные страницы на нашем сайте.
![]()
Шаг двенадцатый
Когда вы разметите направляющими нужные блоки на странице, можно превратить их в настоящие слайсы. Для этого используем команду Object > Slice > Create from Guides. Я заметил, что Illustrator может не сделать соответствующие слайсы по первому требованию, поэтому я повторяю эту операцию три или четыре раза. Когда всё будет готово, появятся чёрные пронумерованные блоки.
![]()
Шаг тринадцатый
Для сохранения сделанных слайсов, используйте File > Save for Web & Devices. . Выделяйте с помощью Slice Select Tool (k) нужные для сохранения слайсы. Вы можете выбрать несколько таких блоков, зажав Shift. На панели справа выберите нужные вам параметры сохранения изображений. JPEG, например, больше подходит для изображений с несколькими цветами, GIF — для изображений с маленьким числом цветов и большими однотонными областями, а PNG — для сохранения прозрачности в изображениях (однако же, вам предстоит встретиться с чудаком по имени Internet Explorer в случае использования последней). Выберите нужное вам качество (можете поиграться с настройками) и нажимайте Сохранить.
![]()
Шаг четырнадцатый
Выберите место для сохранения файлов. Я выбрал Рабочий стол. Не забудьте выставить в поле Format значение Images Only.
![]()
Шаг пятнадцатый
На вашем рабочем столе появится папка с именем Images. Внутри — слайсы, которые теперь стали изображениями.
![]()
Шаг шестнадцатый
Очистите все направляющие командой View > Guides > Clear Guides. Далее, нарисуйте направляющие вокруг тех объектов, которые вы намерены разрезать сейчас. При наведении указателя на меню, оно должно менять свой цвет. Вам нужно разрезать его для всех используемых вами оттенков.
![]()
Шаг семнадцатый
Выберите слайсы, которые вы хотите сохранить. Навигация в моём примере как раз подходит для сохранения в GIF (не содержит изображений и большого количества цветов). Если вы хотите использовать обычные шрифты, то вам следует оформить нафигацию с помощью HTML.
![]()
Шаг восемнадцатый
Назовите изображения как вам угодно. Если вам не хочется этого делать, их имена будут выбраны автоматически.
![]()
Шаг девятнадцатый
При сохранении изображений в ту же папку, что и в прошлый раз, она будет содержать и новые, и старые изображения. Не забудьте повторить шаги 16-18 для других состояний кнопок навигации.
![]()
Шаг двадцатый
Имейте в виду, что это не единственный вариант развития событий. Вы можете экспортировать слайсы вместе, включая или отключая нужные при редактировании страницы.
Другой метод создания слайсов заключается в выделении объекта и выполнении команды Object > Slice > Create from Selection. Вы можете использовать любой способ для создания слайсов, какой больше нравится.
![]()
Шаг двадцать первый
В определённых случаях вам не понадобится написанный прямо в Illustrator текст, поэтому вы его можете спокойно удалить (до экспорта слайсов).
![]()
Шаг двадцать второй
Снизу изображение, указывающее на то, что я удалил текст после разметки слайса. Теперь его можно экспортировать.
![]()
Крайний шаг
Посмотрите ещё раз на то, что у нас получилось.
![]()
Я уверен, что вы почувствовали лёгкость при работе с Adobe Illustrator. В нём очень просто создавать макеты любой сложности: вы можете полностью контролировать процесс создания макета страницы.
Читайте также:
