Товаров: 0 (0р.)

Как создать новый слой в иллюстраторе: Использование слоев в Illustrator

Содержание

Слои в Illustrator | Создавайте подробные и сложные произведения искусства, используя слои

Введение в слои в Illustrator

Панель «Слои» является одним из важнейших компонентов Adobe Illustrator. Это поможет вам при работе со сложными изображениями и найти многочисленные элементы в вашем документе. В большинстве случаев вы могли столкнуться с трудностями в управлении своими мелкими и большими предметами, так как это создает беспорядок и тратит время. В этой статье вы узнаете о различных преимуществах и использовании панели «Слои» в Illustrator. Вы также узнаете об использовании слоев для систематического хранения элементов и создания подслоев и других связанных вещей. Попробуйте их и улучшите свой рабочий процесс в Adobe Illustrator или Layers in Illustrator.

Создать слой в Illustrator

В первом разделе мы обсудим, как создать слой.

Шаг 1. Чтобы начать использовать слои, откройте его в Windows и выберите параметр « Слои» .

Теперь вы увидите панель слоев в нижней правой части. Вы можете начать использовать параметры слоев для составления списка, управления и контроля элементов в вашей работе. Рекомендуется всегда активировать панель слоев в вашем документе для легкого доступа.

Шаг 2: Теперь перейдите на панель «Слои» и нажмите значок ниже, как показано на рисунке. Это создаст новый слой . По умолчанию слой называется Layer 1 . Вы можете переименовать его, дважды щелкнув по слою, который вы хотите переименовать.

Шаг 3: Кроме того, новый слой будет иметь цвет по умолчанию. Вы можете изменить его цвет, дважды щелкнув по слою и используя параметры слоя. Смотрите изображение ниже.

Шаг 4: Рядом с созданным слоем вы найдете слои Adobe Illustrator. Он используется, чтобы скрыть или показать содержимое в слое.

Шаг 5: Нажмите на него, и значок Глаза исчезнет, ​​делая все предметы в нем из поля зрения. Если вам нужно снова увидеть слой, все, что вам нужно сделать, это снова нажать на область значка глаза.

Шаг 6: Рядом со значком глаза находится область для блокировки вашего слоя . При нажатии там появляется значок замка. Это означает, что ваш слой заблокирован, и вы не можете перемещать или выбирать что-либо из элементов внутри слоя. Опять же, если вам нужны элементы, нажмите на значок замка, и теперь вы можете снова работать над слоем.

Установить параметры слоя и подслоя

Illustrator позволяет пользователям в дальнейшем создавать объекты и связывать их с родительскими слоями. Это называется подслоями, где элементы будут разветвляться от исходного слоя. Следуйте инструкциям ниже.

  1. Дважды щелкните объект на панели слоев.
  2. На панели слоев выберите параметры после выбора элемента.
  3. Наконец, выберите «Новый слой» или «Новый подслой» в меню панели слоев.
Переместить объект на другой слой

Часто в Illustrator после создания объекта вам может потребоваться переместить его на другой слой. После создания объектов в слое вы все равно можете переместить его в другой слой, следуя приведенным ниже инструкциям:

  1. Выберите предметы, которые вам нужно переместить.
  2. Выберите слой, на который вы хотите переместить элемент.
  3. Теперь перейдите в Object> Arrange> Send to Current Layer.
  4. Более простой вариант — перетащить объект прямо на нужный слой. Просто будьте осторожны с перемещением объекта на нужный слой.

Объединить слои и группы

У вас есть возможность объединить разные слои или объекты в один. Если вам требуется объединить или сплющить слои в один слой. Объединение позволяет объединять выбранные элементы в один слой, а сглаживание — объединяет все элементы в один слой. С этими двумя вариантами порядок наложения сохраняется; однако все элементы уровня слоя будут потеряны.

  • Для объединения элементов удерживайте клавишу «Control», если вы используете Windows, или клавишу «Command», если вы используете Mac. Вы также можете выбрать несколько объектов среди слоев с помощью клавиши Shift. После этого, используя меню панели слоев, выберите « Объединить выбранный» . Результатом будет объединенный слой, основанный на слое, который вы выбрали последним.

  • Если вы хотите сгладить слои, выберите слой, который вы хотите выровнять. После этого в меню панели слоев выберите пункт «Свести рисунок».
Найдите элемент на панели слоев

При работе с вашим документом могут быть случаи, когда вы потеряли отслеживание объектов в вашей иллюстрации. В Illustrator есть очень простой способ отслеживания таких потерянных элементов.

  • Выберите объект в окне документа. Если вы выберете более одного объекта, будут расположены самые передние объекты в порядке наложения. Этот порядок особенно полезен для поиска вещей в сложных слоях.
  • Выберите «Найти объект» из параметров, и если выбран параметр «Показать только слои», этот параметр становится «Найти слой».
Изменить отображение панели слоев

Вам решать, как вы хотите продемонстрировать свою панель слоев. Вы можете сделать это простым или сложным в зависимости от ваших потребностей. Как правило, все элементы будут размещены под родительским слоем. Используя панель слоев, вы можете дополнительно настроить внешний вид, цвет и другие свойства, такие как блокировка, скрытие и так далее.

Шаг 1: В меню панели слоев выберите « Параметры панели» .

Шаг 2. Чтобы скрыть пути и заштрихованные объекты, выберите « Показывать только слои»

на панели параметров.

Шаг 3: Теперь, для размера строки, выберите тот, который соответствует вашим потребностям. Обычно вы можете заполнить значения от 12 до 100. В более новых версиях Illustrator вам доступны три варианта: «Маленький», «Средний» и «Большой».

Вывод

Создание подробных и сложных художественных работ зачастую затруднено, так как вам приходится управлять множеством элементов, включая фигуры, траекторию и объекты. Illustrator упрощает работу с параметрами панели слоев, которые предоставляют широкий ассортимент для управления слоями и объектами в нем. Это также упрощает быстрый поиск мелочей. Попробуйте использовать слои и оптимизируйте рабочий процесс в Adobe Illustrator.

Рекомендуемые статьи

Это руководство по слоям в Illustrator. Здесь мы обсудили шаги по созданию слоя в Illustrator, а также обсудили различные варианты подслоев, объединение слоев и групп. Вы также можете посмотреть другие наши статьи, чтобы узнать больше —

  1. Как рисовать фигуры в Illustrator?
  2. Создание текстовых эффектов в Illustrator
  3. Каковы альтернативы Illustrator?
  4. Учебники по 3D-эффектам в Illustrator
  5. Создание 3D-эффектов в After Effects

Как подготовить графику Illustrator для эффектов

Я не могу начать говорить вам, сколько Adobe Illustrator файлы были переданы мне для анимации, которые были явно не готовы к After Effects Отказ Файлы могут содержать один гигантский слой или был сохранен неправильным профилем цвета.

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

Это вызывает много путаницы и трения между иллюстратором и аниматором, что не отличное место для начала проекта.

Самое удивительное, что я узнал, так это то, что дизайнер редко имеет идею, что они вызывают какую-либо дополнительную работу. Они просто не были образованы в том, какие аниматоры нуждаются в файле Illustrator, чтобы быть установлены для успеха.

Чтобы облегчить боль, я пришел в список оснований, что каждый иллюстратор должен знать при подготовке графики Illustrator для после эффектов.

01. Создайте несколько слоев

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

Например, если у вас есть логотип с тремя буквами, вы захотите сделать один слой со всеми элементами, которые составляют первую букву, затем другой слой для второй буквы и другой на третий. Затем вы можете легко оживить каждую букву независимо после эффектов. Если бы вы только что сохранили его как «файл .ai», не делая дополнительных слоев и привели к тому, что после эффектов это был бы один плоский слой.

Нажмите на целевой значок, чтобы определить, какой элемент является который

На панели слоя иллюстратора щелкните значок «Цель» рядом с каждым элементом, чтобы определить, какой элемент является который. Вы также можете переключить видимость каждого элемента, чтобы увидеть, какой элемент.

Создание новых слоев, используя меню, показанное выше

Сделайте несколько новых слоев, нажав кнопку «Создать новый слой» на нижней части панели слоя и назвать каждого из них. Когда вы идентифицируете каждый элемент, переместите его в соответствующий слой. Будьте внимательны, чтобы обеспечить, чтобы новый порядок предметов в каждом слое не вызывает проблем с тем, как они появляются.

Перемещение каждого предмета самостоятельно в разные слои может быть утомительным, но есть гораздо проще. Если все находится в одном уровне, просто выберите этот слой, а затем выберите «Отпустите на слои (последовательность)» из меню панели слоев. Это преобразует все предметы внутри слоя в сами слои. Затем они могут быть вытащины из этого слоя, чтобы заполнить полный список слоев.

Убедитесь, что вы отметили свои слои соответствующим образом

Все слои в панели слоя будут отображаться в последующих эффектах, поэтому вы можете оживить их самостоятельно. Если некоторые из новых слоев оказываются небольшими частями других, а затем просто перетащите их, чтобы объединить их.

Помогите аниматору, убедившись, что вы имели имя каждого слоя! Когда файл перемещается в эффекты, имена слоев будут сохранены. Призывая каждый слой то, что на самом деле это сделает идентификацию каждого быстрого и безболезненного.

02. Изменить размер ваших арформированных

Размер вашей артбордной доски и графика внутри вопросов при импорте к последующим эффектам. Если у вас есть Ardmboard 10x10px с крошечной графикой, импортированной в состав эффектов 1920×1080, это потребует хорошей работе, чтобы получить все до правильного размера до анимации. Убедитесь, что ваша Ardboard в Illustrator масштабируется, так что это аналогичный размер или больше, чем ваш состав эффектов.

Убедитесь, что ваша артборд — аналогичный масштаб к вашему максимальному эффекту

Прежде чем сэкономить, убедитесь, что никакой части вашей графики не обрезается краями артборда. Он может отлично выглядеть как неподвижное изображение в Illustrator, но если он должен быть умерен для анимации, это не хорошо, если края застряли ту же форму, что и к краю артборда. Что бы ни находилось внутри артборда, появится после эффектов и ничего за пределами этого не будет. Проще говоря, убедитесь, что все, что вам нужно, анимация находится в границах.

Если у вас есть несколько артбордов, вы можете сохранить их как отдельные файлы. Когда вы сохраняете свой файл, вам будет предложено установить варианты Illustrator. Убедитесь, что вы проверяете «Сохраните каждую артборду в отдельный файл». Затем вы можете перейти к каждому новому файлу иллюстрации и убедиться, что все слои разделены и соответствующие анимации для анимации.

03. Измените цвет документа

CMYK только для печати — установите ваш цветной режим в RGB

Прежде чем сохранить свой файл для импорта после эффектов, убедитесь, что вы работаете в RGB. CMYK отлично подходит для печати, но если вы переезжаете на шансы после эффектов, вы не будете печатать эту версию вашей графики, и вы хотите, чтобы цвета были правильно отображены в вашей окончательной анимации. Вы можете сделать это, перейдя на «Файл и GT; Цвет документа и GT; Цвет RGB.

04. Выберите правильный тип файла

Сохраните свою работу как файл AI

Идеальный формат файла для After Effects — это файл Adobe Illustrator (AI). Избегайте файлов EPS или SVG, так как они не будут импортировать в качестве композиции со многими слоями. Сохраните свое векторное изображение, перейдем к ‘file & gt; Сохранить AS & GT; Формат: Adobe Illustrator (AI) ».

Убедитесь, что у вас есть «Создать PDF совместимый файл»

Когда вам будет предложено более варианты, убедитесь, что у вас есть «Создать PDF-совместимый файл», или файл не будет импортировать правильно для эффектов. Если аниматор работает в более старой версии после эффектов, вы можете сэкономить как устаревшую версию Illustrator в верхней части этой подсказки. В противном случае настройки по умолчанию отлично. Нажмите «ОК», чтобы сохранить.

05. Импортировать после эффектов

После того, как вы отформатировали файл Illustrator, пришло время импортировать его для анимации. После эффектов выберите «Файл и GT; Импорт & gt; Файл и выберите свой файл Illustrator. Вам будет предложено, как вы хотите, чтобы эффекты были лечить файл, будьте уверены, что «импортный вид» установлен на «Состав» или все эти слои, которые вы только что потратывали в возрасте, расщепленные друг от друга, будут объединены обратно вместе.

Установить «композицию», чтобы сохранить свои слои

Размеры отсуток зависит от вас. Если вы хотите, чтобы каждый слой оставался одинаковым размером пикселей, что и пространство, которое оно береет, а затем выберите «Размер слоя».

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

При нажатии «ОК» новая композиция будет создана внутри панели проекта. Дважды щелкните «Новая композиция», чтобы открыть все свои новые слои внутри временной шкалы. Все они должны быть названы так же, как они были в иллюстраторе и легко оживляют независимо от остальных ваших слоев. Теперь вы настраиваетесь на успех в создании анимации высочайшего качества!

О плурене

Pluralsight — это правильная платформа для обучения технологии предприятия, которая обеспечивает единую, конец, чтобы закончить опыт обучения для бизнеса по всему миру. С помощью службы подписки компании уполномочены на скорость технологии, повышения квалификации, инноваций и эффективности. Для бесплатной пробной версии и дополнительной информации, посетите www.pluralsight.com. Отказ

Статьи по Теме:

  • Как перейти из Photoshop, чтобы после эффектов
  • 43 Удивительно после учебных пособий
  • Лучшие советы по созданию анимации в после эффекта

Как объединить два объекта в иллюстраторе? —

Как объединить все слои в Иллюстраторе?

2:12

3:13

Рекомендуемый клип · 48 сек.

Уроки Adobe Illustrator / #7 | Слои — YouTube

YouTube

Начало рекомендуемого клипа

Конец рекомендуемого клипа

Что такое составной контур в Иллюстраторе?

Составные контуры Составной контур (сложный контур) представляет собой объект, состоящий из нескольких перекрывающих друг друга объектов, скомбинированных в единый контур (в отличие от составных объектов — compound shape).

Как соединить опорные точки в Иллюстраторе?

Добавление или удаление опорной точки

  • Выделите контур, который необходимо изменить.
  • Чтобы добавить опорную точку, выберите инструмент «Перо» или «Добавить опорную точку», поместите указатель на отрезок контура и щелкните мышью.
  • Чтобы удалить опорную точку, выполните одно из следующих действий:

1 окт. 2019 г.

Как отрезать часть объекта в Иллюстраторе?

Разрезание объектов с помощью инструмента «Нож»

  1. Выберите инструмент «Нож» . Нажмите и удерживайте инструмент «Ластик», чтобы отобразить и выбрать инструмент «Нож».
  2. Выполните одно из следующих действий: Чтобы разрезать по кривой линии, перетащите курсор по объекту.

9 февр. 2017 г.

Как работать со слоями в Illustrator?

Рекомендуемый клип · 116 сек.

КАК РАБОТАТЬ СО СЛОЯМИ в Adobe Illustrator — YouTube

YouTube

Начало рекомендуемого клипа

Конец рекомендуемого клипа

Как копировать в Illustrator?

Создание дубликатов объектов путем перетаскивания

  • Выделите один или несколько объектов.
  • Выберите инструмент «Выделение», «Частичное выделение» или «Групповое выделение».
  • С нажатой клавишей «Alt» (в Windows) или «Option» (в Mac OS) перетащите выделенную область (но не маркер на ограничительной рамке).

10 февр. 2017 г.

Как сделать контур рисунка в Иллюстраторе?

Рекомендуемый клип · 117 сек.

Всё что нужно знать про обводку в Adobe Illustrator — YouTube

YouTube

Начало рекомендуемого клипа

Конец рекомендуемого клипа

Как залить фигуру в Adobe Illustrator?

Удаление заливки или обводки объекта

  1. Выделите объект.
  2. В зависимости от того, какой элемент вы хотите удалить, нажмите поле «Заливка» или «Обводка» на панели «Инструменты» или «Свойства».
  3. Нажмите кнопку «Нет» на панели «Инструменты» или «Свойства» либо на палитре «Цвет» или «Образцы».

8 мар. 2018 г.

Как закруглить углы в Illustrator?

Скругление углов объектов

  • В палитре «Слои» выделите элементы, которые необходимо скруглить.
  • Выберите команду «Эффекты» > «Стилизация» > «Скругленные углы» (команда находится в первом подменю «Стилизация»).
  • Введите значение в текстовое поле «Радиус» и нажмите кнопку «ОК», чтобы определить кривизну скругленной кривой.

10 февр. 2017 г.

Как работать с пером в Иллюстраторе?

Рекомендуемый клип · 113 сек.

Уроки Adobe Illustrator. Инструмент Перо — YouTube

YouTube

Начало рекомендуемого клипа

Конец рекомендуемого клипа

Как объединить контуры в фотошопе?

Рекомендуемый клип · 115 сек.

Контуры В Фотошопе, Инструменты Перо и Фигуры, — Уроки

YouTube

Начало рекомендуемого клипа

Конец рекомендуемого клипа

Как правильно пользоваться ножницами в Иллюстраторе?

Рекомендуемый клип · 84 сек.

16 Инструменты Scissors Tool Ножницы и Knife Tool Нож в Adobe

YouTube

Начало рекомендуемого клипа

Конец рекомендуемого клипа

Как обрезать объект в Adobe Illustrator?

0:51

3:16

Рекомендуемый клип · 99 сек.

Обрезка объектов за пределами артборда в Illustrator. Trimming

YouTube

Начало рекомендуемого клипа

Конец рекомендуемого клипа

Как обрезать изображение в Illustrator?

Шаги

  1. Откройте или создайте файл в Adobe Illustrator.
  2. Щелкните по инструменту «Выделение».
  3. Щелкните по изображению, которое нужно обрезать.
  4. Нажмите Обрезать изображение в верхней правой части окна.
  5. Щелкните и перетащите углы рамки функции «Вырезать».
  6. Нажмите Применить на панели управления в верхней части экрана.

Как вырезать объект в фотошопе?

Рекомендуемый клип · 101 сек.

Как вырезать объект в фотошопе — YouTube

YouTube

Начало рекомендуемого клипа

Конец рекомендуемого клипа

Как заблокировать объект в Illustrator?

Закрепление и освобождение объектов и слоев

  • Чтобы закрепить объекты, нажмите кнопку столбца редактирования (справа от значка глаза) в палитре «Слои» для объекта или слоя, который нужно закрепить.
  • Чтобы освободить объекты, щелкните значок в палитре «Слои» для объекта или слоя, который нужно освободить.

10 февр. 2017 г.

Как рисовать в иллюстратор?

Рекомендуемый клип · 118 сек.

Как Рисовать в Adobe Illustrator. Самая Лёгкая Техника. Рисуем

YouTube

Начало рекомендуемого клипа

Конец рекомендуемого клипа

Как создать новый слой в Adobe Illustrator?

Как создать новый слой в Adobe Illustrator

  1. Посмотрите на панель Слои – внизу окошка есть кнопка «Создать новый слой». Нажмите на нее, и в палитре появится новый слой.
  2. Имя слоя можно изменить в настройках слоя, дважды кликнув по нему.
  3. Чтобы создать новый подслой, выберите нужный слой и нажмите кнопку «Создать новый подслой».

Как закруглить углы в фотошопе?

Рекомендуемый клип · 114 сек.

Как скруглить углы в фотошопе — YouTube

YouTube

Начало рекомендуемого клипа

Конец рекомендуемого клипа

Как нарисовать квадрат в Иллюстраторе?

Рекомендуемый клип · 119 сек.

Как сделать прямоугольник в иллюстраторе — Rectangle Tool

YouTube

Начало рекомендуемого клипа

Конец рекомендуемого клипа

Как создать стикеры iMessage в Adobe Illustrator и заработать дополнительные деньги!

Что вы будете создавать

Вы, возможно, заметили, что с самого начала были введены в моду стикеры iMessage с iOS 10. Сегодня вы можете создавать и продавать свои собственные цифровые наклейки вместо использования предустановленных смайликов.

Стикеры iMessage — это крутой и интересный способ выразить свои идеи и мысли, потому что вы можете очистить, поместить и вставить их в свои чаты !!

Если вы когда-нибудь задумывались над тем, что входит в создание пакета наклеек для iOS, в этом руководстве мы будем работать от эскиза до создания простых наклеек iMessage в Adobe Illustrator с использованием линий, форм и цветов. Затем ненадолго перейдем к iTunes Connect и Xcode, чтобы запустить собственный пакет стикеров iMessage в App Store.

Если вы ищете вдохновение для создания собственных стикеров, зайдите в GraphicRiver .

1. Придумайте концепцию и подготовьте файл стикера в Adobe Illustrator


Шаг 1

Я скучаю по дому некоторое время. Как бы я ни наслаждался чудесами путешествий, мой живот всегда наполнен запахом «домашней» еды. Поэтому я решил основать свою тему на «Ливанской кухне». Нет ничего более богатого и богатого разнообразием, чем ливанская кухня.

Итак, давайте начнем с наброска нашей концепции питания на бумаге или в цифровом виде.

Я набросал 12 продовольственных «наклеек» из ливанского стола и назвал их имена на ливанском, просто для справки.

Обычно хорошо иметь около 24 дизайнов для набора наклеек, но ради этого урока мы работаем только над 12.

Начните с зарисовки 12 элементов в виде сетки 4 x 3, как показано ниже.

После того как вы закончили делать наброски, переместите эскиз в Adobe Illustrator .

Шаг 2


Запустите Adobe Illustrator CC.

Откройте новый документ: Файл> Новый ( Command-N ) и настройте свой пользовательский файл:

Название: «Lebanese_Food_iMessage_Stickers».

  • Количество артбордов : 12 (в зависимости от количества стикеров, так как каждый стикер должен иметь свой артборд)

У вас есть три варианта размеров наклейки для создания.

  • Малый : 300 х 300 пикселей
  • Средний : 408 х 408 пикселей
  • Большой : 618 х 618 пикселей

Я лично предпочитаю работать на 618 х 618 . Так что настройте параметры нового документа :

  • Колонны : 4
  • Ширина : 618 пикселей
  • Высота : 618 пикселей
  • Единицы измерения : пиксели
  • Цветовой режим : RGB
  • Нажмите Создать документ

Шаг 3

Используйте ярлык Place ( Command-Shift- P ), чтобы разместить эскиз на первый артборд. Перетащите изображение, чтобы заполнить все монтажные области, чтобы ваши эскизы заполнили все созданные монтажные области.

Далее нам нужно создать слой для нашей линейной работы.

Откройте панель « Слои» , « Окно»> «Слои» .

Нажмите на подменю панели « Слои» :

  1. Название : Эскиз
  2. Выберите Блокировка
  3. Dim Изображения для: 20%
  4. Ok

После заблокировав слой « Эскиз » , создайте новый слой поверх «Эскиза » и назовите его «Линейная работа» .

Файл> Сохранить ( Command- S) и сохраните файл Illustrator.

2. Как нарисовать линию работы


Шаг 1

Давайте подготовимся рисовать в нашей линии работы.

Во-первых, нам нужно создать «нажимную» кисть каллиграфического искусства. Откройте панель « Кисти» : « Окно»> «Кисти» .

Выберите инструмент Ellipse Tool (L) с черным заполнением , нулевым штрихом и нарисуйте маленький эллипс размером с кисть, которую вы хотите нарисовать.

Шаг 2

Выбрав эллипс, перетащите его на панель « Кисти» .

Новая кисть диалоговое окно откроется. Выберите Art Brush и ОК .

Откроется диалоговое окно « Параметры кисти для рисования ».

Примечание. Если у вас цифровой планшет, идеально подходит для создания художественной кисти, которая реагирует на давление пера.

Чтобы создать кисть, которая будет двигаться при нажатии пера, в диалоговом окне « Параметры кисти » выберите:

  • Ширина: давление
  • Варианты масштаба кисти: растянуть до длины хода
  • Метод окраски: оттенки ; это позволит нам позже настроить цвета наших пользовательских мазков.
  • Нажмите ОК .

Как только художественная кисть будет создана, удалите созданный эллипс.

Теперь у нас есть готовая кисть, ориентированная на давление!

Шаг 3


Давайте начнем отслеживать эскиз.

  1. Откройте панель « Обводка» : Windows> Обводка .
  2. На панели « Кисти» выберите художественную кисть, которую мы только что создали.
  3. Выберите инструмент Paintbrush (B) на панели инструментов .
  4. На панели « Обводка» выберите черный обводки размером 0,5 пт , а для параметра « Заливка» выберите значение «Нет».

Убедитесь, что ваша кисть не очень гладкая при прорисовке, чтобы она выглядела так, как будто она нарисована от руки. Чтобы сгладить художественную кисть, дважды щелкните инструмент « Кисть» (B) на панели « Инструменты» , и откроется диалоговое окно « Параметры инструмента» .

Отбросьте Верность вниз на ступеньку или две.

Шаг 4

Давайте начнем трассировку с помощью Paintbrush Tool (B).

Следуйте эскизу и проследите в линии работы. Он не должен быть идеальным, поскольку мы хотим придать ему простой рисованный эффект каракули.

Как только вся линейная работа введена, заблокируйте слой « Linework » на панели « Слои» .

Создайте новый слой под « Линейной работой » и назовите его « Цвет », чтобы мы могли применить цвет под линией работы.

Всегда сохраняйте свой файл . Файл> Сохранить ( Command- S).

3. Как быстро раскрасить рисунок

Шаг 1

Давайте раскрасим!

На панели « Инструменты» выберите инструмент «Кисть BLOB-объектов» (Shift-B) . Blob Brush похожа на маркер, и его приятно использовать.

Просто выберите образец Color Stroke по вашему выбору с нулевой заливкой и цветом на значках еды.

  • Краткий совет: для управления размером инструмента Blob Brush Tool удерживайте левую квадратную скобку ( [ ), чтобы уменьшить размер кисти, и правую квадратную скобку ( ] ), чтобы увеличить.
  • Наряду с инструментом Blob Brush Tool (Sh ift-B) , используйте инструмент Eraser Tool (Shift-E), чтобы стереть любые формы пузырьков, которые вы хотите очистить.

Окраска не обязательно должна быть идеальной, так как нам нужно, чтобы она выглядела органично.

Начни с хумуса .

Как видите, вы можете многого добиться с помощью инструмента Blob Brush Tool, просто изменив его размер и цвет. Плюс это быстро использовать.

Так что повеселитесь и раскрасьте остальные произведения искусства!

Шаг 2

Вам нужно расположить формы шариков по мере их раскрашивания, поэтому для Упорядочения объектов используйте эти ярлыки, чтобы ускорить рабочий процесс:

  • Arrange> Bring to Front ( Command-Shift-])
  • Аранжировать> Продвинуться ( Command-])
  • Упорядочить> Отправить назад ( Command- [)
  • Arrange> Send to Back ( Command-Shift- [)

После того, как вы все устроите, у вас должен получиться красивый красочный набор иконок.

Шаг 3

Теперь давайте очистим наши артборды.

  1. Разблокируйте слой « Linework » на панели « Слои» .
  2. Удалите слой «Эскиз », перетащив его с панели « Слои» на значок корзины на этой панели.
  3. Выберите инструмент « Выделение» (V) , и для каждой иконки еды выберите соответствующую линию работы и цвет .
  4. Группа (Command-G) это вместе. Автоматически, как только вы сгруппируете два слоя, новая группа переместится в слой » Linework «.
  5. Центрируйте каждую иконку в центре монтажной области, просто посмотрев на нее.

6. Масштабируйте сгруппированные объекты, чтобы они соответствовали размерам монтажной области, и оставляя небольшое пространство вдоль границ. Чтобы сохранить пропорции объекта, удерживайте нажатой клавишу «Shift» при перетаскивании ручки ограничительной рамки, пока объект не достигнет желаемого размера.

7. После масштабирования всех значков еды удалите слой « Цвет », так как он пустой.

Файл> Сохранить ( Command- S).

4. Как экспортировать и создавать иконки наших приложений

Шаг 1

Экспортируйте художественные файлы, используя функцию « Экспорт для экранов»Файл»> «Экспорт»> «Экспорт для экранов» ).

  1. Экспортировать как PNG .
  2. Нажмите значок « Дополнительные настройки», выберите место, куда вы хотите экспортировать файлы, и установите « Масштаб» на 1x.
  3. Установить цвет фона: прозрачный.
  4. Экспорт артборда.

Шаг 2

У вас есть два варианта. Либо выберите использование вторичного приложения Marketplace для запуска стикеров, например LINE Creators Market , либо создайте его самостоятельно, используя учетную запись разработчика Apple .

В этом руководстве я кратко расскажу вам об открытии учетной записи Apple для разработчиков ,   который стоит 100 долларов в год. Процесс подачи заявки довольно прост, и принятие быстро. Однако затем вам нужно войти в iTunes Connect и настроить административные функции, такие как налоги и банковское дело , если вы планируете продавать свои наклейки (это не требуется для бесплатных пакетов наклеек).

Для получения дополнительной информации перейдите к Руководству для разработчиков iTunes Connect и найдите время, чтобы ознакомиться с ним.

Шаг 3

Чтобы создать наши наклейки, нам нужно использовать Xcode .

Загрузите последнюю версию Xcode 8 прямо из Mac App Store и установите .

Шаг 4

Загрузка стикеров в Xcode очень проста; просто следуйте инструкциям:

Откройте Xcode .

Убедитесь, что вы вошли в Xcode с вашим Apple ID .

Предпочтения> Аккаунт> Выбрать +> Войти .

  1. Создайте новый проект Xcode.
  2. Выберите приложение Sticker Pack .
  3. Нажмите Далее .
  4. Дайте пачке с наклейками название продукта, чтобы идентифицировать его: « Ливанская еда ».
  5. Затем заполните команду , название организации и идентификатор (com.yourcompany.ProductName) в соответствии с вашими данными.
  6. Нажмите Далее
  7. Выберите Stickers.xcstickers> Папка Sticker Pack и загрузите наклейки, перетаскивая изображения.

Шаг 5

Затем загрузите значки приложений iMessage .

Эта папка находится над папкой «Sticker Pack» .

Выберите одно изображение из набора продуктов, которое вы хотите использовать для значка приложения , и преобразуйте его в JPG в Adobe Photoshop , чтобы оно имело белый фон. Переименуйте изображение значка приложения: « Lebanese_Food_App_Icon.jpg ».

В общей сложности вам понадобится 12 изображений иконок для Xcode и 1 для i Tunes Connect . Чтобы легко создавать значки приложений, посетите MakeAppIcon .

Загрузите выбранный значок еды на веб-сайт, введите адрес электронной почты , и он сгенерирует для вас все размеры файлов значков приложений.

Вы можете скачать их прямо со своей электронной почты.

Как только вы загрузили сгенерированные изображения, загрузите в Xcode , перетаскивая его.

Это должно выглядеть примерно так после загрузки в Xcode .

5. Настройте и зарегистрируйте наклейки

Шаг 1

После того, как вы загрузили стикеры, вам нужно «проверить сборку » из Xcode , чтобы увидеть, хороши ли стикеры в действии. Вы можете сделать это с помощью Xcode Simulator или запустить его на своем собственном устройстве. Все, что вам нужно сделать, это:

  1. Выберите мобильное устройство в разделе « Установить активную схему».
  2. Нажмите кнопку « Выполнить» .

Если появляется сообщение об ошибке, внесите необходимые изменения, экспортируйте и снова загрузите исправленные значки.

Затем протестируйте наклейки на Xcode Simulator , щелкнув значок « Выполнить» . Выглядит потрясающе!

Если вам нужно настроить размер отображения ваших стикеров в iMessage , вы можете сделать это на правой панели, как показано ниже.

Размеры » Средний » или » Маленький » работают хорошо.

Как только это будет сделано, нам нужно зарегистрировать идентификатор приложения для наклеек.

Шаг 2

Войдите в свою учетную запись разработчика Apple зарегистрировать идентификатор приложения .

  1. Введите Учетная запись> Идентификаторы> Идентификатор приложения> Выбрать +
  2. Заполните данные и зарегистрируйтесь .

Шаг 3

Теперь мы можем наконец экспортировать и загрузить нашу « сборку » в iTunes Connect !

Вернитесь в Xcode .

  1. Выберите « Общее устройство iOS » в разделе « Установка активной схемы» .
  2. Затем выберите папку «Stickers.xcstickers» и в главном главном меню выберите « Продукт»> «Архив» , чтобы заархивировать сборку .

Должно появиться новое окно, в котором будет отображаться архив « Build ». Вы увидите наклейки на левой панели.

Нажмите Подтвердить, чтобы увидеть, все ли наклейки хороши. Если есть проблемы, Xcode отобразит уведомление красным цветом в верхней строке меню.

Если все идет хорошо с « Build », то вам нужно загрузить его в iTunes Connect для просмотра .

Нажмите Загрузить в App Store . Это загрузит стикеры в iTunes Connect . После завершения загрузки он должен появиться в вашей учетной записи iTunes Connect . Дайте это несколько минут.

Шаг 4


Время представить стикеры в App Store!

В iTunes Connect :

  1. Выберите Мои приложения .
  2. Выберите +> Новое приложение и выберите «Build » мы только что загрузили для представления.
  1. Выберите платформу iOS .
  2. Название: Ливанская еда.
  3. Выберите язык и идентификатор пакета .
  4. Создайте уникальный SKU «eg.location.com.bundle_title».
  5. Создайте!

На левой панели меню заполните информацию о приложении и цены и доступность . Здесь вы можете написать описание приложения, язык, категории и цену приложения. Мы не будем вдаваться во все детали, так как это довольно просто, но это должно выглядеть примерно так:

Шаг 5

В Adobe Photoshop создайте несколько снимков экрана с помощью Xcode Simulator и загрузите их в iTunes Connect , чтобы создать изображения предварительного просмотра iMessage для отображений снимков экрана. Это может занять некоторое время. Создайте 5 размеров скриншота: 5,5-дюймовый дисплей iPhone (1242 x 2208 пикселей) . Система сгенерирует остальные размеры для вас.

После этого нажмите « Отправить на проверку» .

Вот и все!

Теперь все, что вам нужно сделать, это подождать несколько дней, пока процесс проверки не будет одобрен.

Пока ваши стикеры находятся на рассмотрении, вы можете разослать тестовые приглашения своим поклонникам через TestFlight , чтобы бесплатно попробовать эти стикеры в течение 60 дней. Или вы можете использовать время, чтобы настроить свои налоги, соглашения, сертификаты и банковские реквизиты с Apple.

Это немного отнимает много времени, и по пути вы столкнетесь с некоторыми ошибками, но, проявив немного терпения и помощи, вы добьетесь этого.

Поздравляем! Наши стикеры iMessage «Ливанская еда» готовы!

Надеюсь, вам понравился этот урок! Создание наклеек — это весело, особенно если на этом можно заработать!

Купите набор наклеек «Lebanesy Food» в iTunes.

Надеюсь, вы нашли этот урок полезным! Я хотел бы увидеть, что вы создаете! Поделитесь с нами своим дизайном стикера.

Как создать космический абстрактный дизайн плаката Shards

Следуйте этому пошаговому руководству по Illustrator и Photoshop, чтобы создать яркий дизайн плаката с использованием абстрактных векторных осколков и насыщенных космических цветов. Мы начнем с создания векторных частей осколка в Illustrator, а затем объединим их с режимами наложения и световыми эффектами в Photoshop, чтобы создать классную иллюстрацию плаката.

Космический абстрактный дизайн осколков, который мы будем создавать, содержит массив острых векторных объектов, которые накладываются друг на друга, создавая крутой эффект полупрозрачного узора. Сочетание космического фона, ярких световых эффектов и тонкого наложения рисунка придает дизайну стильный футуристический стиль.

Посмотреть дизайн плаката Космические Абстрактные Осколки

Откройте Adobe Illustrator и нарисуйте длинный тонкий прямоугольник на артборде. Поверните его на 45 градусов, удерживая клавишу Shift, одновременно щелкая и перетаскивая угловой маркер объекта.

Выберите две самые верхние точки с помощью инструмента «Прямой выбор» и подтолкните их вверх и влево, чтобы срезать фигуру и оставить вертикальные края.

Измените непрозрачность объекта до 50% в окне прозрачности.

Удерживайте клавишу ALT, нажимая и перетаскивая фигуру, чтобы создать несколько дубликатов. Масштабируйте каждую фигуру вверх или вниз, удерживая Shift, и расположите их случайным образом рядом с предыдущими фигурами.

Продолжайте дублировать осколки до тех пор, пока не останетесь с эффектом перекрытия. Сделайте окончательную корректировку, если между фигурами будут какие-то неловкие промежутки.

Выделите все элементы и перейдите в Object> Transform> Reflect. Выберите параметр «Вертикально» и нажмите кнопку «Копировать», чтобы создать зеркальный эффект.

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

Выберите два набора осколков и отразите их еще раз, на этот раз выбрав опцию Горизонтально. Совместите эти фигуры, чтобы создать сложный узор в центре макета.

Переключитесь на Adobe Photoshop и создайте новый документ размером с плакат. Начните с добавления синего радиального градиента в центре.

Вставьте осколки из Illustrator и масштабируйте их до нужного размера, чтобы они выходили за пределы холста.

Загрузите крутое космическое изображение из библиотеки бесплатных изображений НАСА и добавьте его в документ Photoshop. Измените режим смешивания на Overlay, чтобы цвета взаимодействовали с дизайном.

Вернитесь в Illustrator и измените черную заливку осколков на белый штрих, затем вставьте их в Photoshop и совместите контуры с исходными формами.

Измените слой контура на «Наложение», затем добавьте маску слоя и смажьте участки контуров мягкой кистью, чтобы обводки появлялись и исчезали.

Загрузите прохладный тонкий образец и покройте весь документ. Здесь я использую шаблон с именем Foil с режимом наложения, установленным на Linear Burn.

Нанесите несколько пятен белого цвета на новый слой большой мягкой кистью. Измените этот слой на Overlay и настройте непрозрачность, чтобы контролировать интенсивность этих бликов.

Найдите фото с яркой солнечной вспышкой. Используйте Уровни, чтобы затемнить небо, пока оно не станет черным, затем нарисуйте выделение вокруг вспышки.

Вставьте выделение бликов в проектный документ, затем масштабируйте и поверните его в положение над пересечением осколков.

Измените режим смешивания на «Экран», чтобы сделать черные области прозрачными, а затем удалите часть блика, следуя линии осколков с помощью инструмента «Лассо».

Удаление половины блика помогает добавить дополнительный уровень глубины, чтобы создать видимость нескольких уровней.

Нанесите пятно белого на новый слой, затем раздавите и вытяните его в длинную плоскую форму.

Нарисуйте выделение над нижней половиной и удалите его, затем измените режим наложения на Overlay, чтобы создать линейный блик.

Расположите коллекцию линейных форм бликов по всему дизайну, чтобы выделить случайные края в пределах фигур осколка.

Выберите несколько цветов из исходного космического изображения и закрасьте области дизайна на новом слое.

Измените этот цветовой слой на Hue, чтобы позволить этим цветам взаимодействовать со слоями под ним, затем отрегулируйте непрозрачность, чтобы управлять общей цветовой схемой окончательного изображения.


Горячие клавиши Microsoft — Excel, PowerPoint, Word, Google Презентации, Google Таблицы, Google Docs, Adobe Photoshop, Keynote, Adobe Illustrator, Figma

Быстрые клавиши популярного софта от Apple позволяют эффективно трансформировать текст, редактировать фигуры, работать с таблицами и управлять видео во время презентации.

Горячие клавиши Keynote на MAC [9]

Общие сочетания

Открыть существующую презентацию – Command + O

Сохранить презентацию – Command + S

Закрыть окно – Command + W

Свернуть окно – Command + M

Увеличить масштаб – Command + >

Уменьшить масштаб – Command + <

Скрыть или показать панель вкладок – Shift + Command + T

Скрыть или показать панель инструментов – Option + Command + T

Отменить последнее действие – Command + Z

Повторить последнее действие – Shift + Command + Z

Выбрать файл для вставки – Shift + Command + V

Переместиться на один символ влево – ←

Переместиться на один символ вправо – →

Переместиться на один символ назад (работает для текста с написанием слева направо и справа налево) – Control+ B

Переместиться на один символ вперед (работает для текста с написанием слева направо и справа налево) – Control+ F

Переместиться в начало текущей области текста – Command + ↑

Переместиться в конец текущей области текста – Command + ↓

Переместиться в начало текущей строки – Command + ←

Переместиться в конец текущей строки – Command + →

Переместиться в начало текущего абзаца – Option + ↑

Переместиться в конец текущего абзаца – Option+ ↓

Найти выбранный элемент в презентации – Command + E

Прокрутить до начала слайда – Fn + ↑

Прокрутить до конца слайда – Fn + ↓

Перейти к первому слайду – Fn + ← или Home

Перейти к последнему слайду – Fn+ → или End

Работа с текстом

Открыть окно «Шрифты» – Command + T

Открыть окно «Цвета» – Shift + Command + C

Сделать текст жирным – Command + B

Увеличить размер шрифта – Command + + (плюс)

Уменьшить размер шрифта – Command + — (минус)

Выровнять текст по левому краю – Command + {

Расположить текст по центру – Command + | (вертикальная черта)

Выровнять текст по правому краю – Command + }

Выровнять текст по левому и правому краю (выровнять по ширине) – Option + Command + | (вертикальная черта)

Преобразовать текст в ссылку – Command + K

Перейти к определенному слайду – Control + Command + G

Воспроизвести презентацию – Option + Command + P

Показать или скрыть заметки докладчика – Shift+ Command + P

Возвратиться к предыдущей анимации – Shift + Page up

Приостановить презентацию – F

Приостановить презентацию и показать черный экран – B

Приостановить презентацию и показать белый экран – W

Отобразить или скрыть указатель – C

Увеличить шрифт заметок докладчика – Command + + (плюс)

Уменьшить шрифт заметок докладчика – Command + — (минус)

Воспроизвести видео – Space (пробел)

Перейти к началу видео – I

Перейти к концу видео – O

Как создавать анимацию иллюстратор и спрайтов. Иллюстрированный самоучитель по Adobe Illustrator CS. Изометрия с помощью Graphic Styles

Сегодня у нас не совсем обычный урок Adobe Illustrator. Потому что в этот раз мы будем делать не статичную картинку, а самую настоящую анимацию. Представьте себе, оказывается с помощью Adobe Illustrator можно ещё и мультики рисовать:)

А потребуется нам для этого всего ничего. Грамотная организация слоёв и экспорт конечной работы в формат swf, где каждый слой преобразуется в кадр анимации. В сегодняшнем уроке мы нарисуем анимацию обратного отсчёта в стиле ретро кинофильма. На выходе должен получится флеш ролик с этим самым обратным отсчётом.

Первое, что нужно сделать, это нарисовать все необходимые элементы для будущей анимации. Для этого я в отдельном документе сделал две позиции кадра киноплёнки, круг для отсчёта, который разрезан на отдельные сектора, текстуру и вертикальную царапину, чтобы добавить эффект старины, а также все цифры и надписи.

Когда все запчасти нашего мультика готовы, можно приступать к созданию самой анимации. Для удобства это лучше делать в новом документе. При этом слои у нас будут играть роль кадров анимации. И в самый первый слой как раз нужно скопировать кадр киноплёнки. Расположите его посередине рабочей области.


Теперь создайте второй слой и скопируйте в него кадр киноплёнки, в котором отверстия по краям сделаны со сдвигом. Его тоже нужно расположить по центру.


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


Подобным образом нам нужно накопировать 12 слоёв с кадрами киноплёнки, задающими её движение.


Вот теперь у нас целая куча слоёв и все они видны. В том смысле, что верхние слои загораживают нижние, что не совсем удобно для работы. Поэтому можно выключить какие-то слои, нажав на иконку с глазиком слева от названия слоя. Чтобы выключить или включить сразу все слои, держите зажатой клавишу Alt, когда нажимаете на иконку глазика. Включая и выключая слои, вы можете видеть именно то, что расположено в определённом кадре нашей будущей анимации. И сейчас, чтобы нам добавить к движению плёнки лёгкое дрожание, нужно посдвигать полученные кадры чуть-чуть в разные стороны. Для этого включайте только тот слой, с которым собираетесь работать в данный момент, а затем сдвигайте кадр на пару пикселей в любую сторону.


Когда вы перебрали все слои и добавили небольшой сдвиг, можно приступать к созданию анимации движущегося круга. Для этого скопируйте круг, состоящий из секторов, из документа с запчастями мультфильма и поставьте её на первом слое поверх кадра киноплёнки.


Если снять с круга выделение, то он будет выглядеть как единое целое. Именно это нам и нужно.


Но так как он состоит из отдельных секторов, то можно, изменяя их цвет, очень быстро и легко создать анимацию. Для этого скопируйте этот круг во второй слой и сделайте первый сектор более светлым. Вы помните, что плёнка у нас дрожит во время движения, поэтому совсем не обязательно ставить круг точно в центр кадра. Располагайте его на глаз.


Подобным образом нужно копировать круг в каждый следующий слой, при этом закрашивать более светлым цветом на один сектор больше, чем в предыдущий раз. Все вместе эти 12 слоёв образуют анимацию движения плёнки с заполняющимся кругом.


Дальше нужно добавить текстуру в наши слои. Включаем первый слой и копируем туда текстуру из исходного файла с запчастями.


Затем по очереди включаем следующие слои и копируем туда эту же текстуру. Чтобы она выглядела по-разному на каждом кадре, просто поворачивайте её на угол 90 градусов. Как вы уже догадались, нам нужно добавить текстуру во все 12 кадров.


Если вам уже порядком надоело копировать, то могу вас обрадовать – осталось совсем немного. Самое сложное уже позади. Осталось добавить вертикальные царапины, и почти всё. Для этого опять же копируем исходную царапину и ставим её в произвольное место в несколько слоёв. В моём случае царапины появляются всего в двух слоях.


Теперь, когда готов основной цикл с анимацией плёнки, осталось добавить цифры. Так как отсчёт у нас идёт с 3 до 1 плюс ещё слово Go!!!, то нам нужно ещё больше слоёв. Не 12, а целых 48. Для этого нужно сделать ещё три копии уже готовых слоёв с анимацией плёнки.


А дальше всё просто. Включаем самый первый слой и ставим туда цифру три.


Затем нужно копировать эту цифру в следующие слои до тех пор, пока не закончится анимация круга. Когда вы дойдёте до следующей копии слоёв, где круг опять будет закрашен полностью, нужно ставить уже цифру два. Точно так же скопируйте в нужные слои цифру один. А когда вы дойдёте до заключительных слоёв, предназначенных для надписи Go!!!, то просто удаляйте круг, прежде чем скопировать надпись в нужный слой.


На этом с анимацией всё. Главное тут — не запутаться. Можно давать слоям какие-нибудь удобные названия, но мне было как-то лень:) И ещё, когда вы закончите работу, обязательно включите обратно все слои, нажав на иконку глазика.


В окошке с настройками экспорта обязательно установите Export As: AI Layers to SWF Frames. Именно эта опция превращает слои иллюстратора в кадры анимации. Далее нажмите кнопку Advanced.


Откроются дополнительные настройки. Здесь нужно установить частоту кадров Frame Rate. У меня стоит 12 кадров в секунду. Галочка Looping отвечает за цикличность анимации. Благодаря ей ролик будет воспроизводиться по кругу. И опция Layer Order: Bottom Up воспроизводит слои иллюстратора снизу вверх в панели. Как раз именно так мы и строили нашу анимацию.


На выходе получаем флеш ролик с нашей анимацией.

Теперь вы видите, что простую анимацию делать в Adobe Illustrator не так уж и сложно как кажется на первый взгляд.

Но для создания длинных роликов или интерактивных приложений всё же лучше использовать Adobe Flash либо другие флеш редакторы. Например, вот этого кота я делал в стареньком Macromedia Flash, который откопал у себя на работе.

Также последнее время всё чаще для создания анимации применяется HTML5 и CSS3. Данный код поддерживается современными браузерами и не требует использования флеш плеера.

Роман aka dacascas специально для блога


Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:

Формат файла Flash (SWF) основан на векторной графике и предназначен для масштабируемой, компактной графики для Интернета. Так как этот формат файла основан на векторной графике, объект сохраняет качество изображения при любом разрешении и идеален для создания кадров анимации. В Illustrator можно создать отдельные кадры анимации на слоях и затем экспортировать слои изображения в отдельные кадры для использования на веб-сайте. Можно также определить символы в файле Illustrator для снижения размера анимации. При экспорте каждый символ определяется в SWF-файле только один раз.

Команда «Экспортировать» (SWF)

Обеспечивает наибольший контроль над анимацией и битовым сжатием.

Обеспечивает больше контроля над смесью форматов SWF и битового во фрагментированном макете. Эта команда предлагает меньше параметров изображения, чем команда «Экспортировать» (SWF), но использует последние использованные параметры команды «Экспортировать» (см. ).

При подготовке объекта к сохранению в формате SWF помните следующие рекомендации.

С помощью приложения Device Central можно увидеть, как будет выглядеть графический объект Illustrator в приложении Flash Player на различных карманных устройствах.

Вставка графического объекта Illustrator

Созданный в приложении Illustrator графический объект можно быстро, просто и без затруднений скопировать и вставить в приложение Flash.

При вставке графического объекта Illustrator в приложение Flash сохраняются следующие атрибуты.

    Контуры и фигуры

  • Толщина штрихов

    Определения градиентов

    Текст (включая шрифты OpenType)

    Связанные изображения

  • Режимы наложения

Кроме того, Illustrator и Flash поддерживают следующие возможности при вставке графического объекта.

    При выделении в графическом объекте Illustrator слоев верхнего уровня целиком и вставке их в приложение Flash сохраняются слои и их свойства (видимость и блокировка).

    Цветовые форматы Illustrator, отличные от RGB (CMYK, градации серого и пользовательские форматы), преобразуются приложением Flash в формат RGB. Цвета RGB вставляются обычным образом.

    При импорте или вставке графического объекта Illustrator можно с помощью различных параметров сохранить определенные эффекты (например, тень, отбрасываемую текстом) в виде фильтров Flash.

    Flash сохраняет маски Illustrator.

Экспорт SWF-файлов из приложения Illustrator

SWF-файлы, экспортируемые из приложения Illustrator, соответствуют по качеству и степени сжатия SWF-файлам, экспортируемым из приложения Flash.

При экспорте можно выбрать один из многочисленных заранее заданных стилей, обеспечивающих оптимальный вывод, и указать способ использования нескольких монтажных областей, способ преобразования символов, слоев, текста и масок. Например, можно указать экспорт символов Illustrator в виде роликов или графических изображений, а также создание SWF-символов из слоев Illustrator.

Импорт файлов Illustrator в приложение Flash

Чтобы создать полный макет в приложении Illustrator, а затем импортировать его в приложение Flash за один шаг, можно сохранить графический объект в собственном формате Illustrator (AI) и импортировать его с высокой точностью в приложение Flash с помощью команд «Файл» > «Импортировать в рабочую область» или «Файл» > «Импортировать в библиотеку».

Если файл Illustrator содержит несколько монтажных областей, выберите монтажную область для импорта в диалоговом окне «Импорт» программы Flash и укажите настройки для каждого слоя в этой монтажной области. Все объекты в выбранной монтажной области импортируются в программу Flash как единый слой. При импорте другой монтажной области из того же файла AI объекты из этой монтажной области импортируются в программу Flash как новый слой.

При импорте графического объекта Illustrator в виде файлов AI, EPS или PDF приложение Flash сохраняет те же атрибуты, что и при вставке графических объектов Illustrator. Кроме того, если импортируемый файл Illustrator содержит слои, их можно импортировать одним из следующих способов.

    Преобразовать слои Illustrator в слои Flash.

    Преобразовать слои Illustrator в кадры Flash.

    Преобразовать все слои Illustrator в один слой Flash.

В последнее время стала очень популярна разного рода анимация SVG(Scalable Vector Graphics) графики на сайтах и приложениях. Это связано с тем что все новейшие браузеры уже поддерживают этот формат. Вот инфа по поддержке браузерами SVG .

В данной статье рассмотрен простейший пример анимации SVG вектора при помощи легкого Jquery плагина Lazy Line Painter.

Исходник

Для выполнения и полного понимания данной задачи желательны базовые знания HTML, CSS, Jquery, но не обязательны если вам просто хочется анимировать SVG) Приступим!

И так шаги которые нам нужно выполнить:

  1. Создать правильную файловую структуру
  2. Загрузить и подключить плагин
  3. Нарисовать крутую контурную картинку в Adobe Illustrator
  4. Конвертировать нашу картинку в Lazy Line Converter
  5. Вставить полученый код в main.js
  6. Добавить немного CSS по вкусу

1. Создать правильную файловую структуру
C этим нам поможет сервис Initializr где нужно выбрать параметры как на картинке ниже.

  • Classic H5BP (HTML5 Boiler Plate)
  • No Template
  • Just HTML5 Shiv
  • Minified
  • IE Classes
  • Chrome Frame
  • Затем нажать Download it!

2. Загрузить и подключить плагин

Так как initializr поставляется с последней библиотекой Jquery, из архива который нам нужно скачать с репозитория проекта Lazy Line Painter , нужно перенести в наш проект только 2 файла. Первый это ‘jquery.lazylinepainter-1.1.min.js’(версия плагина может отличатся) он находится в корне полученой папки. Второй это example/js/vendor/raphael-min.js.

Эти 2 файла помещаем в папку js. И подключаем их к нашему index.html перед main.js следующим образом:

3. Нарисовать крутую контурную картинку в Adobe Illustrator

  1. Рисуем нашу контурную картинку в Illustrator (проще всего это сделать при помощи Pen Tool)
  2. Необходимо чтобы контуры нашего рисунка не замыкались тк для нашего эффекта необходимы начало и конец
  3. Не должно быть заливок
  4. Максимальный размер файла — 1000×1000 px, 40kb
  5. Сделаем кроп до границ объекта Object>Artboards>Fit To Artboards Bounds
  6. Сохраняем в формате SVG(стандартные настройки сохранения подойдут)

Для примера можете воспользоваться иконками во вложении.

4. Конвертировать нашу картинку в Lazy Line Converter
Просто перетащи свою иконку в окошко что на рисунке ниже.
Толщину, цвет контура и скорость анимации можно будет изменить в самом коде который появится после конвертирования!

5. Вставить полученый код в main.js
Теперь просто вставляем полученный код в пустой файл main.js
Параметры:
strokeWidth — толщина контура
strokeColor — цвет контура
Также можно изменять скорость рисования каждого вектора изменяя значения параметра duration (по умолчанию 600)

6. Добавить немного CSS по вкусу
Удаляем из index.html абзац

Hello world! This is HTML5 Boilerplate.

И вместо него вставляем блок в котором будет происходить наша анимация

затем добавляем немного CSS в файл main.css для более приятного оформления:

Body { background:#F3B71C; } #icons { position: fixed; top:50%; left:50%; margin: -300px 0 0 -400px; }

сохраните все файлы.
Теперь просто откройте index.html в современном браузере и наслаждайтесь эффектом.

P.S. при запуске на локальной машине возможна задержка старта анимации на несколько секунд.

У вас есть одна или две иконки, которые вы бы хотели оживить с помощью анимации. С чего бы вы начали? Допустим, у вас есть файлы SVG, программы Illustrator CC и After Effects CC, но, решение ускользает от вас.

В этой статье я собираюсь продемонстрировать, как можно легко анимировать SVG-файл, включая подготовку SVG-файла в Illustrator и импорт в After Effects CC. Также объясню, как можно конвертировать его в Shape Layers и добавлять движения. И, наконец, поговорим об экспортировании и рендеринге.

Конечный результат работы.

Теперь давайте приступим к самой интересной части – научимся оживлять изображения.

Подготовка SVG-файла в Illustrator

Давайте начнем с открытия вашего SVG-файла в Adobe Illustrator CC. Я буду анимировать маленькую автомобильную иконку, которая доступна бесплатно на Week Of Icons.

После открытия файла нам нужно разгруппировать и разделить все объекты на слои. Вы можете сделать это вручную или использовать Release to Layers (Sequence) для ускорения процесса. Прежде чем импортировать файл в After Effects, нам нужно сохранить его в формате файла Illustrator.


Разгруппировать объекты мы можем используя Release to Layers (Sequence), чтобы не тратить драгоценное время.

Импорт и организация файла в After Effects CC

Теперь все готово для импорта в After Effects CC. Давайте используем сочетание клавиш Ctrl+I (Windows) илиCommand+I (Mac) , чтобы загрузить диалоговое окно Import File , или перейдите к File > Import > File… Там же выберите подготовленный нами файл Illustrator CC и нажмите Import. Должно появиться небольшое диалоговое окно с названием выбранного файла. Выберите Composition из выпадающего списка под названием Import Kind .


Более быстрый способ импортирования файла – дважды кликнуть на место столбца на проектной панели.

На панели Timeline Panel мы увидим новую композицию. Дважды кликаем на нее. Теперь мы должны увидеть слои Illustrator CC с оранжевыми значками слева от названий.

Прежде чем приступить к делу, мы должны преобразовать все эти слои в Shape Layers . Нам нужно выделить их все с помощью Ctrl+A/Command+A , или вручную с помощью Shift + Left Mouse . После этого щелкните правой кнопкой мыши на слой и выберите Create > Create Shapes from Vector Layer .

Теперь, когда новые слои выделены, перетащите их на верхнюю часть панели над слоями Illustrator CC, а затем удалите слои Illustrator CC, чтобы они не мешали.


Конвертирование слоев Illustrator CC в Shape Layers в программе After Effects CC

Хотя в этом нет необходимости, важно, чтобы мы дали каждому слою соответствующее имя и/или обозначили его цветом. Это позволит нам работать более эффективно, поскольку мы будем сосредоточены на ключевых кадрах. В приведенном ниже примере цвета надписей более или менее соответствуют заливке соответствующих им слоев.


Маркировать Shape Layers соответствующими названиями, цветами, надписями и расположением очень практично.

Для настройки параметров используйте сочетание клавиш Ctrl+K/Command+K или Composition > Composition Settings… Из Composition Settings нам нужно выбрать ширину, высоту, частоту кадров и длительность (Width, Height, Frame Rate, и Duration). Для этого проекта я выбрал 60 кадров в секунду, чтобы анимация была плавной.

На данный момент кажется, что все готово к работе, но есть еще одна вещь, которую нужно сделать. Нам нужно сгруппировать определенные слои вместе, чтобы их движения были синхронизированы с основным слоем, который мы можем контролировать. Этот метод называется Parenting .


Используйте Pick Whip, чтобы назначить родительский слой нескольким слоям.

В нашем примере я назначил менее значимые слои (дочерние слои), такие как лобовое стекло, детали кузова, дерево и веревки первичному слою кузова (родительскому слою). Это позволило мне контролировать положение и вращение всего автомобиля (за исключением колес) с помощью родительского слоя.

Создание анимации

Я хотел, чтобы машина наехала на камень и немного зависла в воздухе. Также я хотел, чтобы елка двигалась вверх-вниз, и открылся багажник. Я начал с создания камня, машины и колес. Затем пришло время преодолеть самое большое препятствие – наложить действие на елку. Закончив это, я занялся мелкими деталями, такими как багажник и веревки.


Набросок с описанием анимации

Первым делом нужно было сделать элемент или слой в виде камня, но вместо того чтобы вернуться в Illustrator CC для добавления другого слоя, я просто использовал инструмент Pen Tool в After Effects CC. Это позволило мне быстро спроектировать маленький камень.


О, могущественный Pen Tool!

Багажник был относительно простой задачей. Я установил его сзади машины и сделал опорную точку в нижней левой вершине. Используя Pick Whip , я назначил его родительскому слою кузова. Предпоследним шагом было придание эффекта вращения, который в свою очередь сделал момент подпрыгивания машины более реалистичным.Bodymovin в сочетании с мобильной библиотекой Lottie .

P.S. вы можете найти мои файлы Illustrator CC и After Effects CC.

Набор иконок доступен для скачивания бесплатно на .

Привет. Сегодня на рассмотрении простая анимация в After Effects.

Ресурсы : Adobe Illustrator CC
Adobe After Effects CC

Начнем изучение с рисования в Illustrator.

Рисуем
1) Нарисуем в качестве фона Прямоугольник желтого цвета

Рисунок 1 — Rectangle

2) Нарисуем Круг и зальём градиентом
Поработаем немного над кругом:
— удалим нижнюю точку на контуре, получим дугу;
— проведем прямую линию, закрыв низ дуги, получим полукруг


Рисунок 2 — 1) draw circle; 2) gradient; 3) delete point

3) Рисуем Прямоугольник и делаем его копию
— один прямоугольник серый;
— другой прямоугольник тёмно-серый
4) Рисуем Треугольник из звездочки установив число лучей — 3


Рисунок 3 — 1) rect light; 2) rect dark; 3) triangle

5) Рисуем кота с помощью Pen и простых фигур

Рисунок 4 — 1) head; 2) neck; 3) body; 4) leg; 5) tail

А теперь самый ГЛАВНЫЙ момент
Распределим картинки по слоям (то что будет анимировано — на отдельный слой) вот так:

Рисунок 5 — all pics (red mark important layers)

Всё, теперь сохраняем.
Посмотрим настройки сохранения


Рисунок 6 — Save

А теперь следующий этап. Закрываем Adobe Illustrator и открываем After Effects.

Импорт в After Effects
File — Import — File — выбираем наш сохраненный файл Illustrator.
Выберем , чтоб импортировать слои из Illustrator, если поставим footage, то получим картинку с объединенными слоями, а нам этого не нужно.

Рисунок 7 — Import As Composition

Всё, импортировали.
А теперь посмотрим, что у нас есть. Двойной щелчок по композиции , что б открылось и мы увидели слои (если все правильно сделали, то будет несколько слоев). Получим такое, см. рисунок


Рисунок 8 — Open Composition

А теперь то, для чего мы тут сегодня собрались — Анимация.

Анимация в After Effects
Установим точку вращения у стрелки вверху ее с помощью Pan Behind Tool (быстрая клавиша — Y). Просто берем точку и перемещаем туда куда требуется. В результате это будет выглядит так..

Рисунок 9 — Pan tool and Layers

Ну всё, теперь переходим к слоям для анимации.
Нам потребуется слой Arrow и Head_cat.
Начнем с arrow.
Раскроем список, найдем и нажмем на часы. Так мы поставили первую точку на нулевой секунде. Всего анимация будет длиться 2 секунды.
Итак, вот такие настройки надо сделать (всего поставим 3 точки)

Second012
+66— 70+66
Вот так это будет выглядеть:


Рисунок 10 — Rotation arrow

А теперь анимируем голову кота.
Раскроем head_cat и найдем Position .
Тут будет 4 точки.
Изменять будет только последнюю координату не трогая остальные.

Second0.10.171.122.0
Position689.3729.3729.3689.3
Смотрим на картинку.


Рисунок 11 — Position head

Итак, принцип анимации был такой. Стрелка качается из стороны в сторону, как только приближается к котенку, он втягивает голову в себя, задерживается в этом положении немного, а потом возвращает ее на место.

Заключительный этап

Production
Надо создать готовый продукт из своего произведения.
Идем в меню — Add to Render Queue
Откроется панель Render и в Output Module (два щелчка) выберем формат выхода. Я взяла *.mov


Рисунок 12 — Render

Нажимаем на кнопку RENDER и получаем результат (только не забудьте указать путь).
На этом всё.

Создание новых слоев и перемещение элементов между слоями в Illustrator

Что вы узнаете из этого руководства по Illustrator:

  • Создание новых слоев
  • Перемещение элементов между слоями
  • Вставить запоминает слои

Это руководство дает вам основу для работы со слоями Adobe Illustrator. Это восьмой урок в книге Adobe Illustrator CS6 Digital Classroom .Чтобы узнать о других возможностях обучения Adobe Illustrator, посетите классы AGI Illustrator.

Теперь, когда вы сгруппировали все мелкие элементы на своей иллюстрации, вы можете организовать их в дальнейшем, создав отдельные слои для этих сгруппированных элементов. Вы переименуете слой 1 и создадите два новых слоя, по одному для каждой рыбы. Затем вы выделите большую и маленькую рыбу отдельно и переместите каждую на соответствующий слой.

1 Дважды щелкните миниатюру слоя 1 на панели «Слои».В появившемся диалоговом окне «Параметры слоев» введите «Форма фона» в текстовое поле «Имя», чтобы переименовать этот слой.

Вы также можете изменить цвет выбора слоя, преобразовать слой в шаблон, заблокировать слой, показать или скрыть слой, сделать слой непечатаемым, отключить предварительный просмотр слоя или затемнить слой в этом диалоговом окне.

Флажок «Печать» в диалоговом окне «Параметры слоя» определяет, будет ли изображение включаться не только при выводе на бумагу, но и при экспорте в другой формат файла.Когда этот флажок не установлен, изображение не включается в распечатку или экспорт. В некоторых форматах экспорта, таких как PDF, элементы управления слоями сохраняются в экспортируемом файле. В зависимости от формата экспортируемого файла непечатаемая графика может быть полностью удалена из результирующего файла. Сейчас вы не хотите вносить никаких изменений, поэтому нажмите ОК.

Диалоговое окно «Параметры слоя».

Установка / снятие флажка «Заблокировать» в диалоговом окне «Параметры слоя» имеет тот же эффект, что и переключение столбца «Правка» на панели «Слои».Установка / снятие флажка «Показать» здесь аналогично нажатию на столбец «Видимость» на панели «Слои».

Некоторые элементы следует видеть, а не печатать

Обычно, если элемент виден на монтажной области, он печатается, а если элемент НЕ виден на монтажной области, он НЕ будет печататься.

Так зачем кому-то делать слой видимым, но непечатаемым? Снятие флажка «Печать» в параметрах слоя дает возможность общаться с пользователем файла на экране без добавления к окончательной иллюстрации.

Отличным примером могут быть производственные заметки, которые могут быть визуальными инструкциями или информацией о выходе файла, которые на самом деле не являются частью графического содержимого. Возможно, существуют ограничения по размеру или позиционированию, установленные корпоративными графическими стандартами, которые должны соответствовать логотипу компании. Или графические изображения-заполнители могут указывать на размещение рекламы на странице публикации.

2 Чтобы создать новый слой, нажмите кнопку «Создать новый слой» () в нижней части панели «Слои».Новый слой с именем Layer 2 теперь расположен над слоем Background Shape. Измените это имя слоя по умолчанию на более информативное, чтобы ваши слои были четко организованы. Дважды щелкните миниатюру слоя 2 и в диалоговом окне «Параметры слоя» введите «Большая рыба» в текстовое поле «Имя». Нажмите ОК.

3 Вы можете избежать лишнего шага, связанного с изменением имени по умолчанию для вновь созданного слоя, сразу открыв диалоговое окно «Параметры слоя». Более эффективно давать имена новым слоям одновременно с их созданием.На этот раз, удерживая нажатой клавишу Alt (Windows) или Option (Mac OS) на клавиатуре, нажмите кнопку «Создать новый слой». Появится диалоговое окно «Параметры слоя», в котором вы можете присвоить создаваемому слою имя. В диалоговом окне «Параметры слоя» введите «Рыбка» в текстовое поле «Имя» и нажмите «ОК». Слой «Маленькая рыба» указан над слоем «Большая рыба» на панели «Слои».

В Illustrator CS6 вы можете назвать слой прямо на панели «Слои», не открывая диалоговое окно «Параметры слоя».Просто дважды щелкните имя слоя на панели «Слои», а когда он будет выделен, введите новое имя. Затем нажмите клавишу Return или Enter, чтобы принять изменение.

Когда вы рисуете, размещаете или вставляете объект на монтажную область Illustrator, для него создается новый подслой. Этот новый подслой появляется в активном слое и на самом верху порядка наложения в активном слое.

Вместо того, чтобы создавать слои в произвольном порядке и затем располагать их по своему желанию, вы можете на лету выстраивать порядок наложения графики.Разместите новую графику и группы в последовательности слоев, как задумано, нацелив слой непосредственно под тем местом, где вы хотите, чтобы новый элемент появился.

4 Выберите подслой Small Fish Group (перечисленный под слоем Background Shape), нажав значок Click to Target () в столбце Target. Когда в столбце активного выбора появится цветная рамка (), щелкните и перетащите квадрат на слой «Рыбка» и отпустите кнопку мыши. Как только вы отпустите кнопку мыши, квадрат выделения и цвет ограничительной рамки изменится на зеленый, чтобы соответствовать цвету выделения слоя «Маленькая рыбка».

Когда элемент перемещается с одного слоя на
другой, его активный квадрат выбора и цвет ограничивающей рамки
изменяются на цвет выбора
нового слоя.

5 Щелкните для нацеливания на подслой Large Fish Group (также под заголовком слоя Background Shape), затем щелкните и перетащите его цветовую рамку на слой Large Fish. Теперь вы перенесли элементы одной части содержащего слоя на отдельный слой.

6 Выберите «Файл»> «Сохранить», затем выберите «Файл»> «Закрыть», чтобы закрыть файл.

Подавление печати графики

Вы можете подавить печать графики несколькими способами:

  • Скрыть выбранный элемент. [Объект> Скрыть> Выделение]
  • Скройте слой с элементом. [Щелкните значок видимости на панели «Слои»]
  • Снимите флажок «Печать» в параметрах слоя элемента. [Дважды щелкните миниатюру слоя или откройте его через меню панели «Слои»]
  • Выберите «Шаблон» в параметрах слоя элемента (по умолчанию это также снижает яркость изображения до 50%, но может быть настроено на 100%, чтобы сделать элемент полностью видимым).

Использование слоев для управления версиями

Поскольку слои можно выборочно контролировать и легко сделать видимыми или скрытыми, их можно использовать для создания версий ваших иллюстраций.

Показать или скрыть слои для создания композиций, показывающих необязательные направления дизайна, или создать многоязычную упаковку, используя разные слои для каждого переведенного языка на общей основе художественных работ.

Как управлять изображениями с помощью подслоев в Adobe Illustrator

Панель «Слои» в Illustrator позволяет упорядочивать сложные изображения и управлять ими.Подслои — это объекты, создаваемые на слое.

  1. При создании нового файла всегда используется значение по умолчанию Layer 1 . После того, как вы добавили объект на монтажную область, панель слоев отобразит стрелку расширения рядом с текущим слоем. Щелкните эту стрелку, чтобы просмотреть список содержимого слоя или подслоев.
  2. Панель слоев структурирована в виде столбцов с элементами управления для отключения или включения слоя или подслоя Видимость или Блокировка их.Цветные полосы показывают, каким будет цвет рамки выбранного объекта на этом слое. Столбец Target позволяет выбирать объекты на слое. Внизу панели также есть кнопки для управления слоями и подслоями.
  3. Новые слои можно создать, нажав кнопку Create New Layer . Слоям можно дать важные имена, дважды щелкнув имя слоя по умолчанию, чтобы выделить текст. Здесь были созданы три дополнительных слоя, и все слои названы в соответствии с содержимым.
  4. Чтобы переместить содержимое из одного слоя в другой, разверните слой, содержащий объекты, и выберите их. Чтобы переместить более одного объекта, щелкните первый, затем, удерживая нажатой клавишу Shift , щелкните дополнительные подслои. Как только подслои выбраны, щелкните и удерживайте, а затем перетащите их прямо под слой, на котором вы хотите их разместить. Вы увидите синюю линию, появившуюся под целевым слоем.
  5. К дополнительным элементам управления для слоев можно получить доступ, щелкнув слой, затем перейдя в меню панели слоев и выбрав Параметры для «[имя]».
  6. Параметры слоя также позволяют переименовывать слой, но есть дополнительные параметры для изменения цвета выделения, блокировки, подавления печати или затемнения слоя.
  7. Обтравочные слои создают маски, в которых используются как минимум два объекта, а области за пределами границ самого верхнего объекта маскируются. Чтобы создать отсекающий слой через панель слоев, все объекты должны находиться на подслое. Выберите подслой в Layers Panel , затем нажмите Make / Release Clipping Path .
  8. Самый верхний объект маскирует все, что находится под ним.

3 быстрых шага по дублированию слоя в Adobe Illustrator

Дублирование объектов — это не то же самое, что дублирование слоев в Illustrator. Если вы привыкли работать в Photoshop, вы должны знать, что при копировании и вставке в Photoshop автоматически создаются новые слои для дублированного объекта.

Illustrator работает иначе. Когда вы копируете и вставляете объект, новый слой не создается, дублированный объект остается на том же слое, с которого вы копируете.Итак, ответ — не копировать и вставлять.

Прежде чем начать, убедитесь, что вы не путаете артборды со слоями. На монтажной области может быть несколько слоев. Когда вы дублируете слой, вы дублируете объекты на монтажной области.

Понятно? Теперь перейдем к шагам по дублированию слоев в Illustrator.

3 простых шага по дублированию слоя в Adobe Illustrator

Единственное место, где вы можете дублировать слой в Illustrator, — это панель Layers .Следуйте инструкциям ниже, чтобы продублировать слой.

Примечание: приведенные ниже снимки экрана взяты из версии Adobe Illustrator CC 2021 для Mac. Windows или другие версии могут выглядеть иначе. Пользователи Windows меняют Option на Alt и Command key на Control .

Шаг 1: Откройте панель «Слои» из верхнего меню. Окно > Слои .

Шаг 2: Выберите слой, который нужно продублировать, нажмите на меню скрытых параметров, и вы увидите параметр «Дублировать слой».

Шаг 3: Щелкните Дублируйте «имя слоя» . Например, я назвал свои слои ранее, а выбранный слой назван «круги», поэтому опция показывает Дубликат «кругов» .

Ваш слой дублирован!

Другой способ дублировать слой — перетащить выбранный слой на значок «Создать новый слой».

Обратите внимание, что дублированный слой имеет тот же цвет, что и исходный слой?

Вы можете изменить цвет слоя, чтобы избежать путаницы. Щелкните скрытое меню параметров и выберите Параметры для «имени слоя» .

Откроется диалоговое окно «Параметры слоя » , в котором вы сможете изменить цвет.

Это помогает напомнить вам, над каким слоем вы работаете. Когда я выбираю дублированный слой, направляющие или ограничивающая рамка покажут цвет слоя.

Часто задаваемые вопросы

Другие дизайнеры, подобные вам, также задавали вопросы ниже. Посмотрим, знаете ли вы ответы 🙂

Как дублировать объекты в Illustrator?

Вы можете дублировать объекты, используя сочетание клавиш Command + C для копирования и Command + V для вставки. Или из верхнего меню Правка > Копировать , чтобы скопировать объект, вернитесь в Правка, и есть несколько вариантов, которые вы можете выбрать, чтобы вставить свой объект.

Какой ярлык для дублирования в Illustrator?

Помимо классической Command + C и V, вы также можете использовать ключ Option для дублирования. Удерживая клавишу Option , щелкните объект, который вы хотите продублировать, и перетащите его, чтобы дублировать. Если вы хотите выровнять дублированный объект, удерживайте клавишу Shift при перетаскивании.

Как добавить новый слой в Illustrator?

Вы можете добавить новый слой, нажав кнопку Create New Layer на панели Layers или выбрав New Layer из скрытого меню параметров.

Заключительные слова

Панель «Слои» — это место, где вы можете дублировать слой, а не просто копировать и вставлять. Рекомендуется дать своему слою имя и изменить цвет слоя после того, как вы его скопируете, чтобы упорядочить вашу работу и избежать ошибок 🙂

Около июня Escalada

Окончил специальность «Креативная реклама», более восьми лет проработал графическим дизайнером, специализируясь на брендинге и иллюстрации. Да, Adobe Illustrator — мой лучший друг, и я увлечен искусством и дизайном.

Как объединить слои в Illustrator

Слои в Illustrator могут сбивать с толку, поскольку они не так просты, как в Photoshop или других программах. То, что вы понимаете под «слоем», в терминологии Illustrator может быть чем-то другим. Но давайте просто рассмотрим это и рассмотрим некоторые из наиболее распространенных способов достижения цели.

Панель слоев

Слои в понимании Adobe Illustrator — это контейнеры для различных объектов, которые имеют имя, цвет и несколько свойств, таких как видимость, возможность печати и т. Д.Они находятся наверху иерархии расположения объектов, которую можно просматривать и изменять на панели «Слои».

Если вы не видите панель Layers , перейдите в меню Window> Layers или нажмите F7 .

Слои имеют такие имена, как Layer 1 , Layer 2 по умолчанию, и их цвета представлены в векторных путях объектов, когда вы их выбираете.

Если вы хотите объединить эти слои, нажмите , удерживая Ctrl / Cmd, , чтобы выбрать их (, удерживая Shift, нажмите , чтобы выбрать диапазон), затем нажмите кнопку Параметры панели Layers и выберите Объединить выбранные (или Свести Рисунок для объединения всех слоев).

Вы можете перемещать объекты между слоями, перетаскивая их. Если их слишком много, воспользуйтесь простым способом:

  1. Выберите иллюстрацию, которую хотите переместить.
  2. Создайте новый слой или щелкните целевой слой на панели Layers .
    Примечание: если вы щелкните в области справа от имени слоя, вы выберете иллюстрацию этого слоя, которая будет обозначена цветной квадратной точкой. Выбор иллюстрации на целевом слое предотвратит выполнение следующего шага.Удерживая нажатой клавишу Shift, щелкните эту точку, чтобы отменить выбор.
  3. Перейдите к Object> Arrange> Send to Current Layer.

Совет: вы можете щелкать и перетаскивать цветные точки, чтобы перемещать выбранную иллюстрацию между слоями.

В качестве альтернативы нажмите кнопку «Параметры» панели Layers и выберите

Это изменит только расположение объектов на слоях Illustrator, но они останутся отдельными объектами. Если ваша цель — объединить объекты в единое целое, есть разные способы сделать это.

Сгруппируйте объекты

  1. Выберите объекты, которые вы хотите объединить, с помощью Selection Tool (V) . Удерживайте Shift и щелкните, чтобы добавить объекты к выделению.
  2. Перейдите в Object> Group или нажмите Ctrl / Cmd + G .

Это поместит ваши объекты в группу, которую вы можете просмотреть на панели Layers . Обратите внимание, что некоторые из выбранных объектов уже могут быть некоторыми формами групп, образующих иерархию.

С этого момента эти объекты будут выбираться инструментом выделения как один и могут иметь общий вид (штрихи, заливки и эффекты). Общий вид группы, например эффект Drop Shadow , будет обозначен закрашенным кружком справа от имени группы на панели Layers . Таким образом, эффект применяется к группе в целом, то есть объекты в группе не будут отбрасывать тени друг на друга.

Совет: используйте инструмент Group Selection Tool для выбора объектов внизу иерархии.Вы можете использовать инструмент прямого выбора (A) и удерживать клавишу Alt / Option . Когда инструмент Group Selection Tool активен, каждый новый щелчок выбирает группы выше по иерархии.

Pathfinder

Если вам нужно объединить два или более простых объекта, например пути, в один, используйте панель Pathfinder .

  1. Перейдите в Окно > Обработка контуров или нажмите Ctrl / Cmd + Shift + F9 , чтобы открыть панель Обработка контуров .
  2. Выберите нужные объекты с помощью инструмента выделения (V) . Удерживайте Shift , чтобы добавить к выделению.
  3. Нажмите кнопку Unite на панели Pathfinder .

Объекты объединятся в единый путь, и все пути или точки в области пересечения будут удалены. Если у ваших объектов был другой внешний вид, то есть цвета, штрихи или эффекты, полученный объект примет внешний вид объекта, который был наверху.

Если вы Alt / Option- нажмете кнопку Unite , вы создадите так называемую составную фигуру (не путать с составным контуром , который используется для заполнения областей между контурами, таких как внешний и внутренний круг буквы О ). Составная форма позволяет сохранять исходные контуры и динамически манипулировать ими, сохраняя при этом эффекты Pathfinder на внешнем виде. Нажмите кнопку параметров Pathfinder , чтобы освободить составную фигуру .

Более быстрый способ выполнить операции Pathfinder — использовать инструмент Shape Builder Tool (Shift + M) . Просто выберите свои пути и проведите по ним с помощью инструмента для объединения. Удерживайте Alt / Option , чтобы вычесть.

Иногда простые изменения в Adobe Illustrator кажутся очень сложными. Но как только вы узнаете трюк, он начинает обретать смысл. Знание инструментов растровой и векторной графики — это серьезный навык в современном мире. Для творческих людей доступно множество рабочих мест, так почему бы не начать карьеру и не посмотреть, к чему это приведет?

Руководство по импорту файлов Adobe Illustrator в After Effects

Шаг 5: перенесите элементы на слои

Отсюда вам нужно будет выбрать проиллюстрированный элемент, чтобы перенести его на новый слой.Выбрав элемент, используйте command + x, чтобы вырезать объект, и Command + F, чтобы вставить его на прежнее место.

Шаг 6: Сохраните файл Illustrator

После того, как вы разместили все свои элементы на назначенных слоях и почувствуете, что ваша иллюстрация готова к превращению в анимацию, вы на пути к созданию новой анимации в After Effects. Все, что вам нужно сделать, это сохранить файл AI в назначенную папку. Видите, как это было быстро и легко?

Шаг 7. Импортируйте файл Illustrator в After Effects

Теперь, когда вы создали несколько потрясающих иллюстраций и подготовили их для анимации, пора перейти к After Effects!

Советы по импорту файла Illustrator в After Effects

Чтобы перенести файл Illustrator в After Effects, вам просто нужно использовать Command + I или, альтернативно, File> Import.Когда вы импортируете файл проекта, вы увидите несколько вариантов; Вам нужно выбрать «Импортировать как»:

В большинстве случаев вы выбираете «Композиция с сохраненными размерами слоя». В чем разница между сохранением стилей слоя и стандартной композицией? Если вы добавляете свой файл как композицию, каждый слой будет размером с ваш артборд в Illustrator; это потребует гораздо больше работы, чтобы закрепить стыки и переместить элементы в нужное место.

Если вы импортируете видеоматериал, вы сможете импортировать весь AI-файл как один элемент или выбрать один слой в файле Illustrator.

Есть еще один способ импортировать ваш AI-файл, который редко используется, — это добавить AI-файл в After Effects и преобразовать его в многослойную композицию на панели «Проект». Это отличный способ сделать что-то, если вы переходите от аниматика непосредственно к анимации.

Для этого, когда появится меню для импорта, введите свой файл Illustrator как «Видеоряд» и выберите «Объединенные слои» в меню параметров слоя, которое появляется вторым. Затем на панели «Проект» создайте новую композицию из файла AI, перетащив его на значок «Композиция».Войдя в новую композицию, вы можете щелкнуть правой кнопкой мыши отдельный файл (который отображается как видеоматериал) и выбрать «Преобразовать в многослойную композицию». Сразу после этого композиция превратится в многослойную композицию, из которой вы сможете создать анимацию.

Импорт текста

Обратите внимание, что импортировать текст из Illustrator непросто; это всегда было просьбой к Adobe от многих аниматоров и иллюстраторов в течение многих лет; может быть, однажды мы получим желаемое обновление, которое волшебным образом импортирует текст без проблем.А пока есть несколько обходных путей.

Чтобы импортировать текст непосредственно из Illustrator в AE, вам сначала нужно держать файл проекта Illustrator открытым во время работы между двумя программами. Выделите текст и скопируйте (Command + C), переключитесь на After Effects, используйте инструмент «Текст» (Command + T) и щелкните в своей композиции, затем вставьте (Command + V) текст. Все цвета и размеры, ведущие к кернингу, должны оставаться такими же, пока ваша композиция в AE имеет тот же размер, что и артборд в Illustrator.

При объединении текста из AI в AE вы, скорее всего, потеряете все эффекты, примененные в Illustrator, но если вы хотите повторно применить этот стиль в After Effects, вы сможете перейти на панель «Внешний вид» в Illustrator, чтобы найти ваш эффект и его параметры для добавления к тексту теперь, когда он находится в After Effects.

Если вы создали текст на контуре, вам просто нужно вернуться в Illustrator и использовать инструмент прямого выбора (A). Удерживая Ctrl + Shift, щелкните по кривой, на которой был написан текст.После того, как вы скопируете это, вы захотите вставить его в текст в After Effects, затем используйте Command + `(маленькая черточка рядом с« 1 »на клавиатуре), чтобы увидеть все, что было применено к слою. Вы сможете выбрать маску в меню «Текст»> «Параметры пути»> «Путь». После этого вы можете настроить, где на кривой будет располагаться ваш текст, используя настройки ниже или вручную с помощью курсора.

Второй вариант — установить сторонний плагин для After Effects, который может импортировать текст, когда он находится на отдельном слое в Illustrator.Кажется, это работает хорошо, но некоторая проблема с отправкой файлов между аниматорами заключается в том, что плагин может не работать во всех системах так же должным образом, как на вашем компьютере, в результате чего чей-то файл проекта не может открываться или читать. текст.

Создание векторных фигур из слоев

При желании вы можете создавать анимацию внутри слоев; это особенно хорошо работает для минималистичных стилей анимации, где штрихи используются в качестве основного актива, но в этом процессе есть загвоздка; Использование системы иерархии в After Effects может в некоторых случаях замедлить рабочий процесс.Создание фигур из слоев также может повлиять на вашу иллюстрацию, если она включает в себя какие-либо векторы или разную ширину штриха. Если на слое много деталей, это может быть не идеально.

Для работы с фигурами из слоев Illustrator щелкните правой кнопкой мыши свой слой в Comp и выберите «Создавать фигуры из слоев». Это создаст вам новый слой, содержащий нативные элементы, из которых вы построили их в Illustrator. Это не всегда самый идеальный процесс, но он может пригодиться для определенных стилей.Большую часть времени, когда я работаю с фигурами из слоев, я использую Обрезку контуров на обводках для анимации эффекта рисования, что является наиболее распространенным подходом для этого стиля.

: Глава 13: Эффективная организация :: Часть III: На пути к школе послушания :: Adobe Illustrator CS :: Adobe :: eTutorials.org

Управление беспорядком

Хотя команды для перемещения иллюстраций поначалу могут показаться довольно гибкими, это верно только в том случае, если вы ограничите количество объектов.После того, как вы начнете создавать иллюстрации с десятками (или даже сотнями) объектов, первые четыре команды начинают показывать свои ограничения и вызывать разочарование. Например, подумайте о хлопотах, связанных с размещением объекта в точном порядке, когда у вас есть сотня различных уровней в стеке («Переместить его с уровня 94 на уровень 63? Конечно, нет проблем». Верно.), Не говоря уже о задача выбрать один объект из сотен!

В этой ситуации на помощь приходит палитра «Слои». Она не только позволяет вам организовывать ваши иллюстрации по слоям, но также дает вам гораздо более гибкий метод размещения ваших иллюстраций в порядке наложения.Вы также можете делать дьявольские вещи со слоями, например, скрывать их, чтобы вы не могли их видеть, или блокировать их, чтобы вы могли их видеть, но не могли их изменять или дублировать (вместе с их изображениями) в другом документе. Такая гибкость придает большую разумность работе со сложными иллюстрациями.

Представьте, что вы создаете изображение стайки птиц на кленовом дереве. Ваш клиент хочет, чтобы дерево менялось в соответствии с четырьмя временами года. Еще она хочет увидеть дерево с птицами и без них.У вас есть одно дерево, пятьдесят птиц и сотни листьев — и весь образ разворачивается весной. Да, и заказчик заходит посмотреть готовую работу через 15 минут! Вы паникуете? Нет, вы используете слои! Вы разделяете дерево, птиц и листья на отдельные слои. Затем вы можете скрыть и показать слой с птицами, чтобы показать дерево с птицами и без них. Скройте слой с листьями, и у вас будет клен зимой! Чтобы имитировать времена года, дважды продублируйте слой с листьями. Затем, снова используя палитру слоев, вы можете выбрать все листья на одном слое и изменить цвета заливки на летние.Затем перейдите к третьему слою с листом и измените его цвета на цвета осени. Показав один слой и скрыв два других, вы можете создать осенние, весенние и летние деревья. Вот и все! Восемь произведений искусства из одного произведения за столько времени, сколько потребуется, чтобы его описать!

Использование палитры слоев

Палитра «Слои», показанная на рис. 13-3, предоставляет вам средства для выполнения такой большой (или меньшей) организации, какой вы хотите. Вы можете разделить свою иллюстрацию на слои, подслои и подслои этих подслоев.Затем вы можете просматривать, скрывать, выбирать, переупорядочивать или удалять любое количество слоев и подслоев.


Рисунок 13-3: Палитра слоев с несколькими слоями.
Эскизы

Миниатюры на палитре «Слои» показывают, какие объекты находятся на каждом слое. Вы можете быстро выбрать все на этом слое, щелкнув целевой круг. Кроме того, щелчок по кругу Target позволяет применить к этому слою настройки и эффекты прозрачности, как я обсуждаю в главе 10.

Совет?

Миниатюра слишком мала для точного просмотра изображения? Выберите параметр «Параметры палитры» во всплывающем меню палитры «Слои».Размер эскиза определяется размером строки. Выберите маленький, средний (размер по умолчанию) или большой; или выберите параметр «Другое» и введите любой размер в пикселях для миниатюр.

Я называю это слоеным пирогом. . .

Если вы раньше не открывали палитру «Слои», вы можете быть удивлены, обнаружив, что все время работали со слоями. Каждый раз, когда вы создаете новый документ, Illustrator автоматически создает слой, содержащий вашу иллюстрацию.

Когда вы работаете с несколькими слоями, вам, возможно, придется привыкнуть к командам «Упорядочить», таким как команды «Переместить вперед» и «На задний план».Эти команды работают внутри слоев, но не перемещают объекты из одного слоя в другой. После того, как вы выберете объект и выберете «Объект» → «Упорядочить» → «На передний план», Illustrator перенесет объект на передний план того слоя, который он в данный момент занимает, но не до конца документа. Таким образом, если другой объект находится в слое перед выбранным объектом, и вы используете команду «На передний план», выбранный объект может все еще находиться позади другого объекта в документе. В этом случае вы можете использовать команду «Объект» → «Упорядочить» → «Отправить на текущий слой» или использовать шаги 3 и 4 из следующего списка, чтобы переместить иллюстрацию в другой слой.

Хороший способ почувствовать палитру слоев — разбить часть существующей иллюстрации на несколько слоев, как показано на рисунке 13-4.


Рис. 13-4. Размещение существующей иллюстрации на нескольких слоях.

Чтобы разделить произведение на несколько слоев, просто выполните следующие действия:

  1. Решите, как вы хотите организовать свои работы.

    Вы можете разделить его на похожие элементы — например, текст, пиксельные изображения, графику и фон.

  2. Создайте дополнительные слои, необходимые для вашей работы, нажав кнопку «Создать новый слой» — щелкните один раз для каждого дополнительного слоя.

    Кнопка «Создать новый слой» — это третья кнопка слева в нижней части палитры «Слои»; он выглядит как лист бумаги, нижний левый угол которого загнут вверх, чтобы открыть второй лист под ним. Вы также можете выбрать параметр «Новый слой» во всплывающем меню палитры «Слои».

  3. С помощью инструмента «Выделение» выберите графический элемент в иллюстрации, который вы хотите переместить на один из других слоев.

    После того, как вы выберете иллюстрацию, справа от слоя, который в данный момент содержит выбранную иллюстрацию, появится маленький квадрат.

  4. Чтобы переместить рисунок на другой слой, щелкните и перетащите маленький квадрат вверх или вниз в палитре слоев до нужного слоя.

    Когда вы отпускаете кнопку мыши, изображение уже изменило слои. Вы можете не увидеть каких-либо явных изменений в иллюстрации, но перемещение изображения на новый слой изменяет цвет выделения (крошечные экранные квадраты и линии, которые появляются вдоль точек и путей после того, как вы выбрали что-то с любым выделением. орудие труда). Цвет изменится на цвет выделения для нового слоя. Это мертвая распродажа.

  5. Повторяйте предыдущие два шага, пока все ваши рисунки не будут размещены на правильных слоях.

Изменение порядка наложения слоев

Слои, как и отдельные объекты, имеют порядок наложения. Этот порядок отражается в палитре слоев. Содержимое слоев в нижней части палитры отображается позади содержимого слоев в верхней части палитры. Чтобы изменить порядок наложения слоя, щелкните имя слоя или его миниатюру и перетащите вверх или вниз в палитре «Слои». При перетаскивании между слоями появляется черная полоса, указывающая, куда будет перемещен слой после того, как вы отпустите кнопку мыши.Когда эта черная полоса окажется в том положении, которое вы хотите, чтобы слой занимал, отпустите мышь. Слой и все его содержимое переместятся в эту позицию.

Блокировка и разблокировка, просмотр и скрытие

Ну, нет, я не сразу пишу ритм-н-блюз тексты. Вы можете заблокировать слои, нажав кнопку-переключатель «Заблокировать / Разблокировать» (квадрат слева от миниатюры). Щелчок по нему заставляет его делать противоположное тому, что он делает в данный момент. Если слой разблокирован, например, нажатие кнопки «Заблокировать / Разблокировать» блокирует слой.Если слой уже заблокирован, нажатие кнопки «Заблокировать / Разблокировать» разблокирует слой. Все идет нормально. Но скрываются потенциальные разочарования.

Когда слой заблокирован, вы можете его видеть, но не можете выбрать или изменить каким-либо образом. Если вы попытаетесь выделить что-либо в заблокированном слое, вы выберете только объект за ним. После того, как вы привыкнете к такому положению вещей, вы обнаружите, что слои — отличный способ избавиться от вещей, над которыми вы не работаете, и сохранить любые изображения, которые вы не хотите случайно изменять.

Слева от кнопки «Заблокировать / Разблокировать» находится кнопка «Просмотр / скрытие» (которая выглядит как глаз). Зачем скрывать всю эту работу? Одно слово: безопасность. Эта кнопка не только скрывает иллюстрацию на слое, но и блокирует иллюстрацию, чтобы вы не могли случайно его изменить. Кнопка View / Hide — также отличный способ убрать вещи с дороги и предотвратить несчастные случаи. Это также отличный способ создать несколько версий художественного произведения, показывая и скрывая разные элементы. (Вы знаете — деревья с несколькими наборами листьев для разных сезонов или футболисты с несколькими формами, в зависимости от их контрактов.. . .)

Помните?

Скрытые изображения всегда заблокированы. Если бы он не был заблокирован, вы могли бы изменить этот бедный, несчастный объект, не желая этого — потому что вы не можете видеть скрытые произведения искусства. (Вау. Иногда очевидные вещи так утешают.)

Копирование слоев (быстрое и полное)

Вы можете скопировать слой — вместе со всеми изображениями, которые он содержит — щелкнув слой и перетащив его поверх кнопки «Создать новый слой», которая просто ждет у нижнего края палитры слоев, надеясь, что кто-то его даст. кое-что сделать.Эта техника — отличный способ создать несколько версий произведения искусства. Вы можете дублировать один элемент много раз, а затем изменить внешний вид каждого слоя. Покажите и скройте слои, чтобы сравнить и сопоставить разные версии.

Совет?

Чтобы создать новый подслой (слой внутри слоя), нажмите кнопку «Создать новый подслой» в нижней части палитры «Слои» или выберите параметр «Новый подслой» во всплывающем меню палитры «Слои».

Просмотр объектов и групп

После того, как вы щелкните маленький треугольник слева от имени слоя, вы увидите мгновенную панораму групп и объектов на этом слое, как показано на рисунке 13-5.


Рис. 13-5. Вы можете увидеть содержимое слоя на палитре «Слои», щелкнув треугольник слева от имени слоя.

Использование ваших опций на слоях, группах и объектах

Вы можете дать каждому слою, группе и объекту имя в Illustrator. Если вы не назовете их, они уныло блуждают, таская свои имена по умолчанию (например, и Layer 1). Присвоение имен слоям может быть большим подспорьем при поиске различных объектов. (Эти крохотные миниатюры бывает ужасно трудно различить.) Присвоение имен слоям обеспечивает мгновенное распознавание.

Чтобы изменить имя слоя, дважды щелкните этот слой в палитре «Слои». Чтобы изменить имя группы, дважды щелкните эту группу в палитре «Слои». И, наконец, чтобы изменить имя объекта, дважды щелкните этот объект в палитре слоев. (Здесь есть эхо? Нет, просто согласованность — часть хорошего дизайна программного обеспечения.) Появится диалоговое окно Layer Options, как показано на рисунке 13-6.


Рисунок 13-6: Диалоговое окно «Параметры слоя».

Диалоговое окно «Параметры слоя» предлагает несколько других параметров помимо именования слоев:

  • Имя: Используйте это текстовое поле, чтобы ввести описательное имя для слоя.

  • Цвет: Установите здесь цвет выделения. Изменение этого параметра не приводит к изменению цвета изображения — только цвет, используемый, чтобы показать, что что-то выделено.

  • Шаблон: Установка этого флажка позволяет дать слою особое обозначение и следующий уникальный набор поведения (который сообщает вам, что слой является шаблоном):

    • Слой автоматически блокируется, поэтому на нем нельзя ничего выбрать или изменить.

    • По умолчанию графические изображения на основе пикселей отображаются затемненными, что позволяет вам лучше сосредоточиться на собственном графическом изображении, сохраняя при этом возможность видеть обложку шаблона. Думайте о слое как о виртуальной кальке. Однако вы можете снять этот флажок (отменить выбор), если хотите.

      Совет?

      Имена слоев шаблона выделены курсивом, поэтому их легко найти в палитре слоев.

    • Слои шаблона не печатаются, и они не включаются в ваши иллюстрации, когда вы используете команду «Сохранить для Интернета».

    • Вы можете создать другую версию определенного произведения искусства и поместить существующее изображение в слой шаблона, где оно не мешает. Он не распечатывается, но вы все равно можете его видеть.

  • Блокировка и Показать: Эти параметры можно отмечать и снимать, чтобы вы могли выполнять ту же функцию, что и кнопки «Блокировать / Разблокировать» и «Просмотр / Скрыть» на палитре «Слои».

  • Предварительный просмотр: Установка этого флажка позволяет просматривать изображения в режиме предварительного просмотра. Если этот флажок не установлен, он отображает эскиз текущего слоя в режиме Outline; все остальные иллюстрации в документе остаются в режиме предварительного просмотра.

  • Печать: Этот параметр можно установить или снять, чтобы сделать слой пригодным для печати или недоступным для печати.

  • Затемнить изображения до: Этот параметр позволяет уменьшить яркость изображения на основе пикселей до любого установленного процента.Возможно, вы захотите сделать это для целей трассировки, чтобы вы могли сосредоточиться на своей иллюстрации в Illustrator, используя выцветшие пиксельные изображения в качестве ориентира.

Наконечник?

Вы можете перемещать объекты, группы и слои внутри палитры «Слои», делая с вашими произведениями всякие странные вещи. Вы можете перемещать объекты из одного слоя в другой, перемещать группы внутри других групп и даже вкладывать слои, перетаскивая их друг в друга.Попробуйте сделать это и остерегайтесь сюрпризов.

туториалов: ArcGIS to Illustrator 4 | Хаксли колледж окружающей среды

<предыдущий> Сочетания клавиш Adobe Illustrator <следующий>

Часть IV: Создание (графического) слоя маски

Поскольку мы удалили некоторые / все контуры обрезки (что нам пришлось сделать, чтобы разгруппировать сгруппированные слои), некоторые данные карты, вероятно, теперь выходят за границы исходного фрейма данных.В Illustrator данные на самом деле не обрезаются до кадра, а просто «маскируются» слоем, покрывающим область за пределами кадра данных. Обтравочная маска (в простейшем смысле) — это просто фигура (например, граница рамки вашей карты), которая используется для виртуального « обрезания » дисплея, чтобы отображалось все, что находится внутри фигуры, и все, что находится за пределами фигуры, если оно скрыто ( в маске).

Поскольку мы потеряли эти маскирующие («отсекающие») слои, нам придется воссоздать их или придумать другой метод маскирования областей за пределами нашего кадра, которые мы не хотим показывать.«Illustrator» способ сделать это — создать новый слой обтравочной маски, и вы можете сделать это, если хотите (используя файлы справки и руководства Adobe). Но у этого есть некоторые недостатки, и для наших целей подойдет и простая графическая маска. Для этого (создайте простую графическую маску) мы добавим в наш файл новый слой. На этом слое мы создадим четыре прямоугольника (или любую другую форму, которая вам нравится), обрамляющих карту. Эти новые многоугольники будут маскировать (закрывать или скрывать) части данных, которые мы не хотим отображать).

Создание нового слоя

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

  1. Создайте новый слой:
  • Внизу панели слоев находятся 5 значков:
    • Найти объект
    • Обрезной слой Make / Release
    • Создать новый подслой
    • Создать новый слой
    • Удалить выделение

  • Щелкните значок Создать новый слой значок
  • Дважды щелкните вновь созданный слой, чтобы переименовать его Маска
  • Перетащите слой маски в верхнюю часть списка слоев (щелкните, удерживайте и перетащите его вверх)
  1. Заблокируйте другие слои: прежде чем мы начнем редактировать слой маски, заблокируйте другие слои, чтобы их нельзя было случайно выбрать, переместить, изменить или удалить
  • Щелкните серое поле рядом со значком глазного яблока, чтобы заблокировать каждый слой (появляется значок замка)
  • Обратите внимание, что вы можете щелкнуть значок верхнего замка и перетащить список вниз, чтобы быстро заблокировать все слои.

Инструменты Adobe Illustrator — создание многоугольников для использования в качестве графической маски

В левой части экрана находится панель инструментов .Панель «Инструменты» содержит инструменты для выбора элементов, добавления текста, стирания элементов, изменения цветов и т. Д. Наведите указатель мыши на различные инструменты, чтобы увидеть подсказки, чтобы понять, что они делают. Обратитесь к разделу Help , если вы хотите опробовать некоторые из них… в нижней части панели инструментов находятся инструменты Fill и Stroke . «Заливка» — это цвет объекта (например, заливка многоугольника). «Штрих» — это контур объекта. Инструменты «Заливка» и «Обводка» используются для установки цветов заливки и / или контура текущего выбранного объекта или для указания цветов добавляемых новых объектов.Обратите внимание, что нажатие на значок «Заливка» или «Обводка» переместит его на передний план. Двойной щелчок по значку «Заливка» или «Обводка» откроет палитру цветов . Используя палитру цветов, вы можете выбрать цвет или указать цвет по номеру.

3. Дважды щелкните значок «Заливка» (верхний левый значок из двух парных значков), чтобы открыть палитру цветов для заливки.

  • В палитре цветов выберите цвет (желательно светлый, возможно белый)
  • Нажмите ОК (теперь цвет значка Заливки должен быть выбранным)

4.Щелкните один раз значок обводки (нижний правый значок из двух) — не открывайте палитру цветов (нажмите OK, чтобы закрыть ее, если вы по ошибке открыли палитру цветов)

  • Выбрав значок обводки, щелкните значок «Нет» сразу под значком обводки на панели инструментов (небольшой прямоугольник с красной линией через него)
  • Значок обводки теперь должен иметь красную линию (цвет не отображается)

5. Теперь, выбрав цвет для заливки и без обводки, выберите инструмент «Прямоугольник» на панели инструментов (прямоугольный значок).

6.Используя инструмент «Прямоугольник», нарисуйте рамку рядом с фреймом данных

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

7. Повторите этот процесс, чтобы создать еще 3 прямоугольных блока (как часть того же слоя маски): по одному для верхней, нижней и правой стороны страницы, покрывая все на странице, кроме самого фрейма карты.

8. Теперь нам нужно переместить элементы карты выше слоя маски (в списке слоев), чтобы они снова стали видимыми.

  • Определите, включив и выключив слои (или подслои), какой слой содержит заголовок (при условии, что заголовок находится за пределами фрейма карты и, таким образом, в настоящее время покрывается маской)
  • Переместите (щелкните и перетащите) этот слой в верхнюю часть списка слоев (над маской), чтобы заголовок теперь был виден, даже когда слой маски находится на
  • Повторите этот процесс, чтобы определить, какие другие слои (или подслои) содержат элементы, которые находятся за пределами фрейма карты (граница страницы, кредиты карты и т. Д.)) и аналогичным образом переместите их выше слоя маски
  • Не забудьте также переместить слой с границей фрейма данных над маской
  • Некоторые элементы могут быть объединены с другими слоями, которые являются частью карты
  • При необходимости можно перемещать только подслои элементов карты.
  • Перед перемещением подслоя необходимо разблокировать слои.

Недавно созданный слой маски (вверху)

Та же карта с заголовком и элементами карты, перемещенными над маской в ​​списке слоев (внизу)

(Примечание: в приведенном выше примере также была добавлена ​​заливка океана… что мы скоро сделаем…)

9.СОХРАНИТЕ свой файл .ai (при желании можно использовать Сохранить как и создать новую версию…)

.

alexxlab

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *