Создание пространства в adobe illustrator
Пользовательское рабочее пространство/среду можно создать, перемещая и изменяя окна документов и панелей. Можно сохранить несколько рабочих сред и переключаться между ними.
Упорядочение, стыковка и свободное перемещение окон документа
Если открыто более одного файла, окна документов снабжаются закладками.
- Для изменения порядка окон документов перетащите закладку окна в новое место в группе.
- Для открепления (свободного перемещения или отстыковки) окна документа из группы окон перетащите закладку окна из группы.
- Для прикрепления окна документа к другой группе окон перетащите закладку окна в эту группу.
- Чтобы создать группы документов, расположенные каскадно или мозаично, перетащите окно к одной из зон перетаскивания, расположенных вдоль верхнего, нижнего или боковых краев другого окна. Также можно выбрать макет для группы с помощью кнопки «Макет» на панели приложения.
- Чтобы переключиться на другой документ в группе со вкладками при перетаскивании выделенной области, перетащите выделенную область на вкладку документа на короткое время.
Прикрепление и открепление панелей
Блок — это набор панелей или групп панелей, отображаемых вместе, чаще всего вертикально. Панели можно прикреплять и откреплять перетаскиванием в область блока или из нее.
Чтобы прикрепить панель, перетащите ее за вкладку в блок и поместите сверху или снизу от других панелей либо между ними.
Чтобы прикрепить группу панелей, перетащите ее в блок за строку заголовка (пустую одноцветную строку над вкладками).
Чтобы удалить панель или группу панелей из блока, перетащите ее из блока, удерживая за вкладку или строку заголовка. Можно перетащить панель в другой блок или сделать плавающей.
Можно сделать так, чтобы панели не заполняли все пространство в блоке. Перетащите нижнюю границу блока вверх, чтобы она не соприкасалась с границей рабочего пространства/среды.
Перемещение панелей
При перемещении панелей отображаются подсвеченные зоны перетаскивания — зоны, в которые можно поместить панель. Например, можно переместить панель выше или ниже в блоке. Для этого нужно перетащить ее на узкую синюю зону перетаскивания, которая отображается над другой панелью или под ней. Если перетащить панель в область, не являющуюся зоной перетаскивания, такая панель станет плавающей.
Активация зоны перетаскивания зависит от позиции указателя мыши (а не положения панели), поэтому если вы ее не видите, попробуйте переместить указатель мыши в то место, где должна быть зона перетаскивания.
Чтобы переместить панель, перетащите ее за вкладку.
Чтобы переместить группу панелей, перетащите строку заголовка.
Зона перетаскивания, обозначенная узкой синей линией, означает прикрепление одиночной панели «Образцы» над группой панелей «Цвет»
A. Строка заголовка B. Вкладка C. Зона перетаскивания
Чтобы избежать закрепления панели при перемещении, удерживайте клавишу Ctrl (в Windows) или Command (в Mac OS). Для отмены операции при перемещении панели нажмите клавишу Esc.
Добавление и удаление панелей
Если из блока удалить все панели, то он исчезнет. Можно создать блок, перемещая панели в правый угол рабочего пространства/среды до появления зоны перетаскивания.
Для удаления панели щелкните правой кнопкой (Windows) или удерживая клавишу Control (Mac) на ее закладке и выберите «Закрыть» или удалите ее из меню «Окно».
Чтобы добавить панель, выберите ее в меню «Окно» и закрепите в нужном месте.
Управление группами панелей
Чтобы добавить панель в группу, перетащите вкладку этой панели в выделенную зону перетаскивания группы.
Чтобы изменить порядок расположения панелей в группе, перетащите вкладку панели на новое место внутри группы.
Чтобы убрать панель из группы и сделать ее плавающей, перетащите панель за ее вкладку за пределы группы.
Чтобы переместить группу, перетащите панель заголовка (область над вкладками).
Создание ряда плавающих панелей
При перетаскивании панели из блока не в зону перетаскивания панель становится плавающей. Плавающую панель можно разместить в любом месте рабочего пространства/среды. Плавающие панели или группы панелей можно собрать в одну подборку, тогда при перетаскивании самой верхней строки заголовка они будут перемещаться как одно целое.
Чтобы создать ряд плавающих панелей, перетащите панель за вкладку в зону перетаскивания, расположенную в нижней части другой панели.
Чтобы изменить порядок панелей в ряду, перетащите панель за вкладку вверх или вниз.
Примечание. Вкладку следует отпустить над тонкой зоной перетаскивания между панелями, а не над широкой зоной перетаскивания в строке заголовка.
Чтобы убрать панель или группу панелей из ряда и сделать ее плавающей, перетащите панель за его пределы, удерживая за вкладку.
Изменение размеров панелей
Чтобы свернуть или развернуть панель, группу панелей или ряд панелей, дважды щелкните вкладку. Также можно дважды щелкнуть область вкладки (пустое пространство рядом с вкладками).
Для изменения размера панели перетащите любую ее сторону. Размеры некоторых панелей, например панели «Цвет» в Photoshop, нельзя изменить таким способом.
Свертывание и развертывание значков панели
Чтобы уменьшить загромождение рабочего пространства/среды, можно свернуть панели в значки. В некоторых случаях панели сворачиваются в значки в рабочем пространстве/среде по умолчанию.
- Чтобы свернуть или развернуть все значки панели в столбце, щелкните двойную стрелку в его верхней части.
- Чтобы развернуть значок одиночной панели, щелкните его.
- Чтобы изменить размер значков панели так, чтобы видеть только значки (без подписей), изменяйте ширину блока до исчезновения текста. Чтобы восстановить текст, увеличьте ширину блока.
- Чтобы свернуть развернутую панель в значок, щелкните ее вкладку, значок или двойную стрелку в строке заголовка.
- Чтобы добавить плавающую панель или группу панелей в блок значков, перетащите ее туда за вкладку или строку заголовка (панели автоматически сворачиваются в значки при добавлении их в блок значков).
- Чтобы переместить значок панели (или группу значков панелей), перетащите значок. Значки панелей можно перетаскивать вниз и вверх в пределах одного блока, в другие блоки (где значки будут отображаться в стиле панелей этого блока) либо за пределы блока (где они станут плавающими значками).
Чтобы открыть меню панели, нажмите значок в ее правом верхнем углу.
Можно настроить интерфейс, выбрав одну из четырех доступных цветовых тем: темную , средне-темную , средне-светлую или светлую .
Выполните одно из следующих действий:
- (Windows) Выберите Редактирование > Установки > Интерфейс пользователя .
- (Mac OS) Выберите Illustrator > Установки > Интерфейс пользователя .
Выберите подходящий цвет интерфейса (варианты уровня яркости : темный , средне-темный , средне-светлый или светлый ).
Выберите Цвет холста из следующих вариантов:
- Соответствует уровню яркости интерфейса пользователя — цвет холста будет соответствовать выбранному уровню яркости.
- Белый — устанавливает белый цвет холста.
Можно масштабировать пользовательский интерфейс Illustrator в зависимости от разрешения экрана. При первом запуске Illustrator определяет разрешение экрана и соответствующим образом изменяет коэффициент масштабирования приложения.
Примечание. Масштабирование пользовательского интерфейса не поддерживается для Windows 7 и для экранов с низким разрешением.
Для масштабирования пользовательского интерфейса выполните следующие действия:
Чтобы открыть установки пользовательского интерфейса, выполните одно из следующих действий:
- (Windows) Выберите Редактирование >Установки >Интерфейс пользователя.
- (Mac OS) Выберите Illustrator >Установки >Интерфейс пользователя.
На вкладке «Установки пользовательского интерфейса» нажмите и переместите ползунок Масштабирование пользовательского интерфейса для увеличения или уменьшения масштаба пользовательского интерфейса в зависимости от разрешения экрана.
Примечание:
- Количество контрольных точек на ползунке зависит от разрешения экрана. На экранах с более высоким разрешением отображается больше контрольных точек.
- Illustrator масштабирует аннотации, если коэффициент масштабирования установлен на пятой или более высокой контрольной точке.
Рядом с ползунком располагается окно предварительного просмотра масштабированного пользовательского интерфейса, как показано ниже:
Выберите параметр Пропорциональное масштабирование курсора для масштабирования значков курсора пропорционально размеру пользовательского интерфейса.
Перезапустите Illustrator, чтобы обновленные настройки вступили в силу. Если вы не перезапустите Illustrator, изменения вступят в силу при следующем запуске программы.
Ольга Салмина
Спасибо за эфир!
Ольга Салмина
Ольга Салмина
Есть какие-то тенденции в создании плаката?
Dmitry Starchenkov
Да, действительно! Спасибо вам!
Alina Frolova
Спасибо большое за информацию!
Николай Малинин
Спасибо за ответ!
Соня Денисова
Где лучше всего показывать свои работы начинающим дизайнерам, кроме беханса и инстаграма, есть ли выставки?
Ольга Салмина
Вопрос о приемах создания пространства. Есть какое-то правило, сколько их можно использовать в одной работе. Надо делать акцент на чем-то одном или все зависит от задумки.
Dmitry Starchenkov
Как не увлечься и не усложнить?
Arina Yaskevych
вопросов нет. Вы классный и спасибо вам за мк)
Владислав Половинчук
Спасибо за лекцию, хотелось бы узнать, есть ли какие-нибудь ресурсы, где можно почерпнуть интересные фишки в плакате?
Николай Малинин
1) Спасибо за лекцию! Очень подробно и интересно) Где грань разумного заимствования идей для своих работ? И где это уже перебор?
Alina Frolova
Владислав Половинчук
только всплывающих менюшек не видно)
Alina Frolova
Галина Зарщикова
Skillbox.Live
Мы стартовали! Если не начался эфир - обновите, пожалуйста, страницу
Alyona Pozdnyakova
Ольга Салмина
Добрый вечер, всем!
Skillbox.Live
Приветствуем всех на вебинаре! Стартуем в 19:00 мск
Москва, Ленинский проспект, дом 6, строение 20
Мы используем файлы cookie для персонализации сервисов и повышения удобства пользования сайтом. Если вы не согласны на их использование, поменяйте настройки браузера.
На лекции узнаете, как с помощью Adobe Illustrator создать пространство внутри плаката. Лекция приурочена к конференции Adobe MAX 2021.
Свят Вишняков
О лекции
Основная цель плаката — захватить и удержать внимание. Привлекательный дизайн поможет анонсировать событие, презентовать продукт, донести нужную информацию. Чтобы создать эффектную и запоминающуюся работу, стоит знать несколько хитростей.
расскажет, что такое пространство;
покажет проекты известных дизайнеров, в которых есть работа с пространством;
разберет инструменты Adobe Illustrator, которые можно использовать для этого;
создаст свой авторский плакат и подробно рассмотрит, как он создавался.
Событие приурочено к конференции Adobe MAX 2021. Это уникальная возможность бесплатно послушать лекции лидеров креативного рынка — дизайнеров, иллюстраторов, фотографов, видеографов, актёров, музыкантов. В этом году выступят более 400 экспертов и звезд творческих областей мирового уровня.
Главная тема конференции — Joy of creativity. Ей посвящены сессии в 10 основных тематических категориях: графический дизайн, дополненная реальность, образование, видео и многое другое.
Посмотреть лекции и мастеры-классы можно по ссылке
Кому подойдет лекция
Дизайнерами уровня junior и middle.
Другие лекции
по направлению Дизайн
Москва, Ленинский проспект, дом 6, строение 20
Мы используем файлы cookie для персонализации сервисов и повышения удобства пользования сайтом. Если вы не согласны на их использование, поменяйте настройки браузера.
Давайте попробуем разобраться с тем, в каких случаях необходим Adobe Illustrator и как в нем работать.
Ни для кого не секрет, что есть программы, которые стали стандартом в своей отрасли. Это такой софт, которым просто необходимо владеть в совершенстве, чтобы быть хорошим специалистом.
Adobe Illustrator - это стандарт для работы с любой векторной графикой (логотипы, иконки, иллюстрации) и отчасти со сложной и небольшой печатной продукцией (обложки книг, наружная реклама, визитные карточки). Вы также можете создавать в нем интерфейсы ваших приложений и сайтов.
Попробуем поэтапно разобраться в его возможностях на простых примерах.
Создание нового документа
В начале работы нас встречает экран с выбором предустановленных вариантов документов, разбитых по типам работы. Вы можете выбрать готовый вариант документа для печати, веба, мобильного приложения, видео и иллюстрации.
Так же вы сами можете вызвать данный экран, выбрав File - New или нажав Cntrl+N
Фотография Экран создания нового документа
При создании файла вы можете выбрать единицы измерения в документе, цветовое пространство и многие другие параметры. Давайте подробно их разберем.
Выбор единиц измерения в документе
Pixels - если вы делаете проект для веба или экран для приложения, то необходимо использовать в качестве единицы измерения пиксели (Pixels)
Millimeters, Santimeters, inches стоит использовать, если вы делаете то, что необходимо будет потом распечатать.
Points, picas максимально удобны для шрифтовой работы. Создание шрифтового начертания, работа со шрифтами и т.д.
Фотография Выбор единиц измерения документа
Важно!Для печати не забывайте выставлять параметр Bleed (Обрезка) как минимум в 3 мм, так как при печати ваш дизайн будут обрезать, поэтому необходимо оставить запас для вашего макета.
Выбор цветового пространства
В этом пункте все довольно просто.
Если ваша работа будет произведена из любого материала - то используйте CMYK.
Вэб-сайт, приложение, презентация либо если материал не предназначается для печати или цветопередача не очень важна, то RGB.
Фотография Выбор цветового пространства
При печати RGB не используется от слова совсем, и, если вы печатаете не бесполезную макулатуру для совещания, очень важно это помнить. Так же как макет сайта в CMYK выдаст чудовищные цвета на предварительном просмотре.
Работа с листами (Artboard)
Сразу после создания вашего документа вы увидите ваше рабочее пространство (Artboard) в виде белого поля или листа.
Важно! Ваше рабочее пространство может отличаться от приведенного в примерах
Изменение размера листа
Чтобы изменить размер вашего листа, вам нужно:
1. Выбрать ваш artboard на панели artboards или нажать Shift+O
Фотография Выбор Artboard
Если панель artboards не отображается, выберите в верхней панели пункт Windows - Artboards
2.1. На верхней панели ввести необходимые размеры
Фотография Изменение размера Artboard
Иконка между двумя значениями - это сохранение пропорций, если оно выбрано то второе значение всегда будет пропорциональным
2.2. Выбрав Artboard tool (Shift+O) перетащить границы поля до нужного размера.
Фотография Для изменения размера просто потяните за границы области.
Создание нового листа
Для создания нового Artboard нажмите на значок на панели Artboards
Фотография Создание новой рабочей области
Также вы можете использовать Artboard tool (Shift+O) и просто кликнуть в любом пустом месте.
Фон рабочего пространства
Иногда для работы нам может потребоваться прозрачный фон.
По умолчанию все листы в Illustrator отображаются с белой заливкой, что бы сделать прозрачный фон выберите View - Show transparency grid или нажать Cntrl+Shift+D
Фотография Показать прозрачность
Повторное нажатие Cntrl+Shift+D вернет белую заливку. Это работает и с другими командами в Illustrator
Делаем сетку и направляющие
Иногда при работе нам может потребоваться отображение сетки и направляющих. По умолчанию они не отображаются.
Фотография Включаем сетку и направляющие
Что бы включить их отображение, перейдите во вкладку View - Show Grid (Cntrl+") для сетки и View - Ruller - Show Ruller (Cntrl+R) для направляющих.
Крайне рекомендуем так же включить Smart guides (Cntrl+U) - они незаменимы при выравнивании элементов и вообще крайне полезны в работе.
Вставка картинки
Вставить картинку в Illustrator проще простого. Для этого просто перетащите её из проводника прямо на вашу рабочую область.
Или вы можете нажать File - Place (Shift+Cntrl+P)
Фотография Вставка изображения
Не все картинки могут вставляться корректно. Например, если отличаются цветовые профили. В этом случае вам стоит использовать профиль изображения, выбрав его в появившемся окне выбора профилей.
Изменение размера изображений и обрезка
Изменение размера
Изображение мы вставили, теперь нам нужно изменить его размер. Выберите ваше изображение с помощью Selection tool(V) и просто тяните за нужный край. Изображение будет уменьшаться или увеличиваться.
Удерживая Shift вы можете увеличить или уменьшить изображение с сохранением пропорций
Обрезка изображения
Фотография Обрезка изображения
Сохранение результата
Вы сделали прекрасную работу, а теперь пора её сохранить. В Иллюстраторе есть несколько способов сохранения.
Нужно если вы хотите сохранить результат в векторном формате или сделать презентацию в PDF. Форматы доступные для сохранения: EPS, PDF, SVG, Ai
Идеально подходит для сохранения картинок и последующей загрузки на сайты. Форматы доступные для сохранения: Jpg, Png, Gif
Нарисуйте план здания, которое вы хотите создать, используя Pen Tool и Line Segment Tool (зажимаем Shift для проведения прямых линий). Не рисуйте двери и окна, а просто накидайте макет. Когда проект выглядит так, как надо, добавьте обводке утолщение.
Для удобства советую включить сетку (Ctrl+”).
До этого я рассказывал как нарисовать карту. Многие моменты тут очень похожи и можно пользоваться приемами из того урока.
Шаг 2: Разбираем и корректируем
Выделите все линии, и выберите Object > Expand. Сохраняя выделение, я использовал Unite (в палитре Pathfinder), чтобы объединить линии в одну форму (не забудьте сохранить копии оригинальных чертежей, на всякий случай).
Обратите внимание, что некоторые линии могут быть несовершенными. В некоторых местах необходима коррекция при помощи Pen Tool.
Шаг 3: Окна и двери
Теперь пришло время поставить окна и двери. Используя простые квадратные формы, я нарисовал их в местах где они должны быть расположены.
Я использовал два разных цвета, чтобы избежать путаницы: синий для окон и красный для дверей.
Шаг 4: 3 Различных Чертежа
Выделите все и сделайте три копии чертежа, вместе с формами, которые изображают окна и двери. Это будут наши проекты для 3D (назовем их Blueprint).
Используйте Divide в палитре Pathfinder и Direct Selection Tool, чтобы вырезать двери и окна на «Blueprint 1». Вырежьте только двери на «Blueprint 2» и оставте «Blueprint 3» как есть.
Шаг 5: Применение 3D
На вашей первой копии (Blueprint 1), примените Effect > 3D > Extrude and Bevel. Используя функцию Preview можно достичь хорошей перспективы (я выбрал 40°, -25° и 16°). Задайте Extrude Depth 15pt.
Примените те же параметры перспективы к 1й и 2й копии, но измените Extrude Depth. Blueprint 2 — от 20 до 23pt, и Blueprint 3 — около 15pt.
Шаг 6: Укладка
Теперь поместите их поверх друг друга. Измените цвет ваших слоев на желаемый оттенок.
Теперь Вы можете раскрасить пол и окна. Вы также можете придать верхней части стены темного или светлого цвета.
После можно “поманьячить” над доработкой деталей или оставить все как есть.
Читайте также: