Время представить стикеры в 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, где каждый слой преобразуется в кадр анимации. В сегодняшнем уроке мы нарисуем анимацию обратного отсчёта в стиле ретро кинофильма. На выходе должен получится флеш ролик с этим самым обратным отсчётом.

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

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

Теперь вы видите, что простую анимацию делать в 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-файла в Adobe Illustrator CC. Я буду анимировать маленькую автомобильную иконку, которая доступна бесплатно на Week Of Icons.

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

Теперь все готово для импорта в 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, чтобы они не мешали.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Когда вы рисуете, размещаете или вставляете объект на монтажную область 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 из скрытого меню параметров.

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

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

Окончил специальность «Креативная реклама», более восьми лет проработал графическим дизайнером, специализируясь на брендинге и иллюстрации. Да, 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 .

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, предоставляет вам средства для выполнения такой большой (или меньшей) организации, какой вы хотите. Вы можете разделить свою иллюстрацию на слои, подслои и подслои этих подслоев.Затем вы можете просматривать, скрывать, выбирать, переупорядочивать или удалять любое количество слоев и подслоев.

Эскизы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Совет?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. Создайте новый слой:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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