Разное

Как в иллюстраторе скопировать объект: Где в иллюстраторе «степ энд репит»?: ru_illustrator — LiveJournal

Содержание

10 полезных уловок для работы в Adobe Illustrator

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

Совет № 1: Изучите комбинации клавиш

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

Несколько примеров использования «горячих» клавиш для Windows:

  • «Ctrl + V» запускает инструмент Selection tool (курсор, стрелочка чёрного цвета), который делает активной любую векторную кривую.
  • «Ctrl + А» - включает Direct Selection tool (белый курсор), позволяет выделять элементы кривой и перетаскивать их в нужное вам место.
  • «Ctrl + R» - активирует Rotate tool, с помощью которого можно вращать выбранные объекты вокруг центральной точки на 360 градусов.
  • «Shift + E» даёт вам возможность воспользоваться ластиком (Eraser tool) и стереть ненужное.

Совет № 2: Освойте хитрости локального копирования

Одними из часто используемых функций иллюстратора являются копирование и вставка. Это достаточно простые операции, однако при необходимости вставить объект в одно и то же место, могут возникнуть трудности.  Чтобы вставить изображение на передний (Paste in Front) или задний (Paste in Back) план необходимо воспользоваться соответствующими командами в меню Редактирование (Edit).

Весьма полезными являются следующие комбинации клавиш:  

- «Ctrl + F» позволяют вставить изображение сверху того места, откуда оно было скопировано, а «Ctrl + В» - ниже него.

Здесь же пригодится знание горячих клавиш, вызывающих инструмент вращения Rotate tool. Выделив объект нужно дважды «кликнуть» на инструмент. После этого появиться меню, в котором вам необходимо выбрать угол «О» и нажать «копировать». И словно по волшебству копия изображения окажется в том же месте!

Совет № 3: Не забывайте о клавишах Alt и Shift!

Клавиши Alt и Shift буквально творят чудеса! Простой фокус: выделите объект и подвигайте его в разные стороны. Нажатие клавиши Alt переключит инструмент и позволит сделать дубликат вашего объекта. А если зажатие  клавиши Shift ограничивает передвижение объекта по горизонтали или вертикали. Если вам понадобиться дублировать изображение, которое расположено строго по горизонтали или вертикали, то поможет знание сочетания клавиш «Alt + Shift».

Совет № 4: Воспользуйтесь Smart Guides.

Сложно преувеличить значение выравнивающего инструмента (Align), однако ему под силу далеко не всё. Остальное сделает для вас Smart Guides. Чтобы включить «умные направляющие» выбираем в Панели инструментов меню «Вид». Затем находим команду Просмотр (View) и включаем функцию Smart Guides. Впрочем, можно пойти более простым путём и воспользоваться комбинацией клавиш «Ctrl + U».

После активации Smart Guides вы сразу же заметите, что при наведении на объект появляются линии подсветки и надписи: путь, центр, опорная точка. Теперь вы сможете наложить один контур на другой - Smart Guides подскажет, где объекты пересекаются.

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

Совет № 5: Выравниваем прозрачность

Иллюстрации с обработкой прозрачности выглядят очень эффектно, поскольку появляется возможность регулировать визуальную глубину рисунка: чтобы сквозь объекты на переднем плане были видны изображения, находящиеся позади. Причём для разных объектов можно применять различный уровень прозрачности. Но иногда нам необходимо выровнять прозрачность, для этого следует воспользоваться командой «Разобрать оформление» (Outline Stroke), которая отделит обводку объекта от заливки. Для того чтобы выделить обводку пунктирной линией и разъединить с заливкой, понадобиться команда Обработки прозрачности (Flatten Transparency).  Ищем её в меню «Объект» (Object) и устанавливаем уровень прозрачности на 100.  Эта опция пригодится вам для разделения мазков кисти, создания эффектов деформации, в цветовых переходах.

Совет № 6: Группируем объекты

Группировка объектов необходима в случае, когда нужно работать с ними, как с единым целым. При использовании команды «Сгруппировать» (Group) объекты будут накладываться друг на друга позади одного изображения, которое находится на переднем плане. Часто возникает потребность расположить объекты определённым образом в нужном вам слое. В этом деле команда «Сгруппировать», действительно, незаменима.

  1. Необходимо поместить объект на задний план (В меню «Объект» кликаем на команду Монтаж (Arrange), а затем нажимаем на «Поместить на задний план» (Send to Back).
  2. После выделения контура зажмите Shift и выделите тот объект, под слоем которого хотите разместить предыдущий.
  3. Объедините оба объекта, воспользовавшись командой «Сгруппировать» в меню «Объект» или комбинацией горячих клавиш «Ctrl + G». Это закрепит объекты в нужной вам последовательности.  

Совет № 7: Хитрости трансформации

Палитра Transform, расположенная в меню «Объект» и позволяющая изменять размеры изображений, имеет весьма полезную команду – «Повторить трансформирование» (Transform Again).  Пользоваться ею следует в ситуации, когда необходимо поместить копию объекта на определённом расстоянии от оригинала. Для этого необходимо копировать нужный нам слой (зажав кнопку Alt) и переносим его в нужное нам место. Затем, к полученной копии применяем команду «Повторить трансформирование».

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

Совет № 8: Создаём плавные переходы

Команда «Превращение» (Blend) используется для создания «группы превращения», а также промежуточных объектов из используемых исходных форм (контуры, объекты с градиентными заливками). Для того чтобы создать плавные переходы необходимо задать нужное нам количество шагов в переходе.

Чтобы понять принцип действия, нарисуйте рядышком квадрат и круг. Затем в меню «Объект»  находим команду «Превращение» (Blend) и одну из её опций – «Параметры превращения» (Blend Options). Открывшееся диалоговое окно задаём нужное нам количество шагов с помощью команды «Заданное число шагов» (Specified Steps). Затем выделяем оба наши контура, после чего выбираем другую опцию команды «Превращение» - «Создать» (Make). В итоге получаем несколько контуров, являющих собой нечто среднее между кругом и квадратом. Для дальнейшего редактирования созданных контуров можно использовать команду «Обработка прозрачности».

Совет № 9: Работаем с текстовыми полями

Начиная работать в Иллюстраторе с текстовой информацией, быстро понимаешь, что пользоваться только инструментом «Текст» (Text tool) неудобно. Поскольку в итоге получается текст, расположенный на одной линии, дальнейшая обработка которого занимает много времени.

Для того чтобы избежать этого, можно предварительно создать контур для будущей надписи, после чего вписать в него, с помощью инструмента «Текст» нужную вам информацию. Или пойти ещё более простым путём и воспользоваться  инструментом «Текст в области» (Text in box).

Совет № 10: Перевоплощение Звезды в Треугольник

Не каждый может подарить звезду с неба, но нарисовать её в иллюстраторе по силам любому.  Однако не многие знают, что с помощью инструмента «Звезда» (Star) можно создавать и другие геометрические фигуры. Нарисуйте звезду и, удерживая её мышью, попробуйте добавлять и удалять опорные точки (кнопками «вверх» и «вниз»).

Например, если нажать кнопку «вниз», то получите замечательный треугольник! Если вам нужно расположить его параллельно странице, просто нажмите на Shift, перед тем, как отпустить клавишу мыши.

Поторопитесь воспользоваться этими советами в своей работе и не бойтесь экспериментировать!

10 инструментов Adobe Illustrator, о которых должен знать каждый дизайнер

Любой графический дизайнер знает, что Adobe Illustrator является одним из лучших векторных графических редакторов.

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

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

Не имеет значения, что именно нужно создать с помощью Adobe Illustrator — без инструментов обойтись не удастся. Они избавляют пользователя от рутинной работы и существенно экономят время. К примеру, если нужно создать некий эффект в иллюстрации, это можно сделать так: начать с самого начала и добиться нужного результата, совершив, допустим, 100 действий. Но если знать, как именно работает тот или иной инструмент, тот же самый эффект можно создать, пару раз кликнув мышкой.

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

RULER (ЛИНЕЙКА)

Линейка — очень простой, но вместе с тем очень полезный инструмент, если требует точное соблюдение размеров при работе над проектом.

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

По умолчанию линейки в Illustrator не отображаются. Чтобы сделать их видимыми, нужно нажать сочетание клавиш Ctrl+Rили найдя их в меню View>Rulers>Show Rulers(Показать линейки). Появятся две линейки: сверху и слева.

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

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

BLEND TOOL

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

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

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

Blend Tool находится в панели инструментов, также его можно вызвать из меню Object>Blend. В открывшемся диалоговом окне можно установить необходимые параметры перехода. Это очень удобный инструмент, который обязательно должен присутствовать в арсенале любого дизайнера.

OFFSET PATH

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

Offset Path, то есть параллельный контур.

Как следует из названия, Offset Path, создает увеличенную копию выбранного объекта, расположенную непосредственно под ним. Новая фигура идентична по форме и цвету исходнику, отличается лишь размер.

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

Найти инструмент можно в разделе Object>Path. Объект при этом должен быть выделен, иначе не появится диалоговое окно для изменения параметров параллельного контура.

THE CLIPPING MASK

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

Что такое обтравочная маска? Это объект, который маскирует ненужные области другого объекта, поэтому в результате видимым остается то, что лежит внутри пределов обтравочного контура. Самое очевидное использование Clipping Mask — это кадрирование изображений, но при достаточных навыках этот инструмент позволяет очень быстро создавать нужные фигуры.

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

Инструмент Clipping Mask также находится в разделе меню Object.

ARTBOARDS PANEL

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

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

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

LAYERS PANEL

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

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

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

PATHFINDER PANEL

В панели Pathfinder можно найти четыре режима Shape Mode, с помощью которых можно создавать новые фигуры, путем слияния, пересечения или исключения объектов. При достаточном навыке использование любого режима позволяет очень быстро создать объект нужного размера и формы. Как уже говорилось, очень многое в Illustrator можно сделать с помощью инструмента Clipping Mask,обтравочные маски в умелых руках являются очень эффективным средством. Но если нужно создать совершенно новую форму, то это можно легко сделать в панели Pathfinder.

Пользователю доступны режимы Unite, Subtract, Intersect и Exclude,с помощью которых можно создавать новые интересные формы. Со временем дизайнер выбирает для себя наиболее удобный режим, которым и пользуется в дальнейшем.

ALIGN PANEL

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

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

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

GRID

Для того, чтобы понять, как работает инструмент Grid (Сетка), нужно сначала эту сетку вывести на дисплей. Для этого нужно зайти в раздел меню View и найти пункт Show Grid.

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

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

SNAP TO GRID / PIXEL GRID

Сетка сама по себе является сильным инструментом, но как только нужно создать макет, где объекты должны быть расположены с точностью до пикселя, у новичков могут возникнуть проблемы. Однако в Illustrator есть решение этой проблемы: Snap to Grid / Pixel Grid(Привязка к сетке/пиксельная сетка).

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

Благодаря использованию Snap to Grid / Pixel Grid можно создавать невероятно четкие изображения, которые выглядят очень профессионально. В этом нет ничего необычного, так как все объекты привязаны к пиксельной сетке и, что немаловажно, все они создавались, изначально имея заранее определенные размеры в пикселях.

Источник: freelance.today

Горячие клавиши Иллюстратор (Illustrator Shortcuts)

Инструменты
Выделение (выбор, селекция) объекта V
Прямое выделение A
Волшебная палочка Y
Лассо Q
Перо P
Добавление опорной точки +
Удаление опорной точки -
Преобразовать опорную точку Shift+C
Текст T
Создать прямоугольник M
Создать эллипс L
Кисть B
Карандаш N
Кисть (клякса) Shift+B
Ластик(стирать) Shift+E
Ножницы(вырезать) C
Повернуть объект (вращение) R
Зеркально отразить объект O
Масштабировать объект S
Ширина Shift+W
Деформация Shift+R
Свободно трансформировать E
Создание фигур Shift+M
Инструмент «Быстрая заливка» K
Выделение быстрых заливок Shift+L
Сетка перспективы Shift+P
Выбор перспективы Shift+V
Сетка U
Градиент G
Пипетка I
Переход W
Распыление символов Shift+S
Вертикальные полосы J
Ориг. -макет Shift+O
Фрагмент Shift+K
Рука(Перемещать холст) H
Масштаб Z
Переключает заливку, обводку X
Переключатель обводка, заливка Shift+X
Цвета ,
Градиенты .
Переключение режимов экрана F
Показать/Спрятать все палитры Tab
Показать/Спрятать все, кроме панели инструментов Shift+Tab
Увеличить диаметр ]
Уменьшить диаметр [
Инструменты для работы с символами — Увеличение плотности Shift+}
Инструменты для работы с символами — Уменьшение плотности Shift+{
Переключение режима рисования Shift+D

Как создавать смарт-объекты в фотошопе

В этом уроке я покажу вам, как создавать умные объекты в Photoshop! Вы узнаете, как открыть новое изображение в Photoshop как смарт-объект, как преобразовать существующий слой в смарт-объект и как поместить изображение в виде смарт-объекта в ваш документ Photoshop. Мы также рассмотрим, как открывать необработанные файлы в виде смарт-объектов как из плагина Photoshop Camera Raw, так и из Adobe Lightroom. И мы даже научимся размещать файлы Adobe Illustrator прямо в Photoshop как умные объекты!

Что такое умные объекты?

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

В этом первом уроке мы узнаем, как создавать умные объекты в Photoshop. Я буду использовать Photoshop CC, но вы также можете использовать Photoshop CS6. Давайте начнем!

Как конвертировать слой в смарт-объект

Давайте начнем с изучения того, как преобразовать существующий слой в смарт-объект. Вот изображение, которое я сейчас открыла в Photoshop:

Исходное изображение. Фото предоставлено: Adobe Stock.

На панели «Слои» мы видим изображение на фоновом слое :

Панель «Слои», отображающая изображение на фоновом слое.

Способ 1: меню «Слой»

Есть несколько способов, которыми мы можем преобразовать слой в смарт-объект. Один из способов — перейти в меню « Слой» в строке меню, выбрать « Смарт-объекты» и выбрать « Преобразовать в смарт-объект» :

Идем в Слой> Смарт-объекты> Преобразовать в смарт-объект.

Это не будет похоже на то, что что-то случилось с изображением. Но если мы снова посмотрим на панель «Слои», мы увидим значок смарт-объекта в правом нижнем углу миниатюры предварительного просмотра слоя. Вот как Фотошоп говорит нам, что слой теперь является умным объектом. Я увеличил его здесь, чтобы сделать иконку легче для просмотра:

Значок смарт-объекта.

Способ 2: меню панели «Слои»

Другой способ преобразовать слой в смарт-объект — из меню панели «Слои». Нажмите значок меню в правом верхнем углу панели «Слои»:

Нажав на значок меню.

Затем выберите « Преобразовать в смарт-объект» из списка:

Выберите «Преобразовать в смарт-объект» в меню панели «Слои».

Способ 3: из самого слоя

Третий способ — щелкнуть правой кнопкой мыши (Win) / Control-click (Mac) непосредственно на слое на панели «Слои»:

Щелкните правой кнопкой мыши (Win) / удерживайте нажатой клавишу «Control» (Mac) на слое.

И затем выберите « Преобразовать в смарт-объект» из меню:

Выберите «Преобразовать в смарт-объект» из списка.

Метод 4: с активным инструментом выбора

И, наконец, если у вас есть какой-либо из инструментов выделения Photoshop, активных на панели инструментов (Marquee Tools, Lasso Tools или Quick Selection Tool):

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

Вы можете щелкнуть правой кнопкой мыши (Win) / Control-click (Mac) непосредственно на изображении в документе и выбрать « Преобразовать в смарт-объект» из меню. Единственный инструмент выбора, для которого недоступна команда «Преобразовать в смарт-объект», — это инструмент « Волшебная палочка» :

Щелкните правой кнопкой мыши (Win) / удерживайте нажатой клавишу «Control» (Mac) и выберите «Преобразовать в смарт-объект».

Как открыть изображение как смарт-объект

До сих пор мы узнали, как преобразовать существующий слой в смарт-объект. Но мы также можем открыть новое изображение как смарт-объект в Photoshop. Перейдите в меню « Файл» в строке меню и выберите « Открыть как смарт-объект» :

Переход к файлу> Открыть как смарт-объект

Перейдите к изображению на вашем компьютере, которое вы хотите открыть. Нажмите на него, чтобы выбрать его, а затем нажмите Открыть :

Выбор фотографии для открытия в качестве смарт-объекта.

Изображение открывается в отдельном документе:

Открытие изображения создает новый документ Photoshop. Фото предоставлено: Adobe Stock.

И на панели «Слои» мы видим тот же значок смарт-объекта в правом нижнем углу миниатюры предварительного просмотра слоя, сообщая нам, что Photoshop автоматически преобразовал изображение в смарт-объект для нас:

Изображение открывается как смарт-объект.

Как открыть сырые файлы как смарт-объекты

Наряду с открытием стандартных файлов изображений, таких как JPEG, мы также можем открывать необработанные файлы в Photoshop как смарт-объекты. Преимущество открытия необработанного файла в качестве смарт-объекта заключается в том, что копия самого необработанного файла будет встроена в файл Photoshop, что позволит нам снова открыть его в Camera Raw, отредактировать его столько, сколько нам нужно, и немедленно внести изменения. отражено в документе. Чтобы открыть необработанный файл как смарт-объект, перейдите в меню « Файл» в строке меню и выберите « Открыть» :

Идем в Файл> Открыть.

Перейдите к необработанному файлу на вашем компьютере. Нажмите на файл, чтобы выбрать его, а затем нажмите Открыть . Я открою свой файл «flower.dng»:

Выбор необработанного файла.

Откроется изображение в плагине Camera Raw для Photoshop :

Необработанный файл открывается в Camera Raw.

Превращение «Открытого изображения» в «Открытый объект»

Если мы посмотрим вниз в правом нижнем углу, мы увидим кнопку Открыть изображение . Но нажатие кнопки «Открыть изображение» откроет файл в Photoshop как обычный слой , а не как смарт-объект, и мы потеряем все преимущества наличия необработанного файла для работы:

Стандартная кнопка Открыть изображение. Не нажимай на это.

Чтобы открыть необработанный файл как редактируемый смарт-объект, нажмите и удерживайте клавишу Shift на клавиатуре. Это превращает кнопку «Открыть изображение» в кнопку « Открыть объект» :

Удерживайте Shift, чтобы превратить кнопку «Открыть изображение» в «Открытый объект».

Нажмите на Open Object, чтобы открыть изображение в новый документ Photoshop:

Необработанный файл открывается в Photoshop.

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

Панель «Слои», отображающая изображение в виде смарт-объекта.

Редактирование необработанного файла, открытого как смарт-объект

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

Двойной щелчок по миниатюре смарт-объекта.

Это вновь открывает изображение в Camera Raw. Внесите необходимые изменения и нажмите «ОК», чтобы принять их. Изменения мгновенно появятся в вашем документе Photoshop. Вы можете редактировать настройки Camera Raw столько раз, сколько хотите, без потери качества изображения:

Полная мощность Camera Raw всегда доступна с необработанным файлом, открытым как смарт-объект.

Открытие необработанных файлов как смарт-объектов из Lightroom

Вы также можете открыть необработанный файл как смарт-объект в Photoshop непосредственно из Adobe Lightroom. В Lightroom перейдите в меню « Фото» , выберите « Изменить в» , а затем выберите « Открыть как смарт-объект» в Photoshop . Обратите внимание, что, как только изображение откроется в Photoshop, двойной щелчок его миниатюры на панели «Слои» откроет необработанный файл в Camera Raw, а не в Lightroom. Однако параметры редактирования в Camera Raw и Lightroom абсолютно одинаковы:

В Lightroom перейдите в «Фото»> «Редактировать в»> «Открыть как смарт-объект» в Photoshop.

Как разместить изображение как смарт-объект

Вместо того, чтобы открывать изображение в новом документе Photoshop, мы также можем поместить изображение в существующий документ как смарт-объект. В Photoshop CC перейдите в меню « Файл» и выберите « Разместить встроенный файл» . В Photoshop CS6 перейдите в меню « Файл» и выберите « Поместить» . Обратите внимание, что в Photoshop CC также есть опция Place Linked. Мы рассмотрим разницу между Place Embedded и Place Linked в отдельном руководстве:

Перейдите в Файл> Поместить встроенный (CC) или Поместить (CS6).

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

Выбор изображения для размещения в документе.

Изменение размера размещенного изображения

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

Изображение текстуры не полностью покрывает изображение цветка под ним.

Чтобы масштабировать текстуру так, чтобы она покрывала все изображение под ней, я нажимаю и удерживаю Alt (Win) / Option (Mac) на клавиатуре, нажимая на одну из боковых ручек и перетаскивая ее наружу. Удерживание Alt (Win) / Option (Mac) говорит Photoshop изменить размер изображения из его центра:

Удерживая Alt (Win) / Option (Mac) и перетаскивая боковые ручки наружу.

Чтобы принять его, я нажму Enter (Win) / Return (Mac) на моей клавиатуре. И теперь, глядя на панель «Слои», мы видим, что мое текстурное изображение было помещено в документ как смарт-объект. Мы также видим фото под ним, тоже умный объект. Фотография была открыта как смарт-объект, который создал документ, а затем текстура была помещена как смарт-объект в тот же документ:

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

Связанное руководство: основные навыки Photoshop’s Free Transform

Использование режимов наложения со смарт-объектами

Чтобы смешать текстуру с фотографией, все, что мне нужно сделать, это изменить режим смешивания текстурного изображения. Мы можем использовать режимы наложения со смарт-объектами так же, как и с обычными слоями. Я изменю режим смешивания с Normal на Soft Light :

Изменение режима наложения текстуры смарт-объекта.

И теперь текстура хорошо сочетается с фотографией под ней:

Результат после изменения режима наложения текстуры смарт-объекта.

Применение Camera Raw в качестве интеллектуального фильтра (Photoshop CC)

Допустим, мне нравится сама текстура, но мне не нравится ее цвет. Я предпочел бы иметь версию текстуры в оттенках серого, чтобы я мог сохранить исходные цвета на фотографии под ней. Лучший способ преобразовать цветное изображение в черно-белое (черно-белое) в Photoshop — использовать Camera Raw. Но поскольку мой текстурный смарт-объект содержит изображение JPEG, а не необработанный файл, я не могу просто дважды щелкнуть его миниатюру, чтобы открыть его в Camera Raw.

В Photoshop CC я могу применить Camera Raw к текстуре в качестве фильтра. И поскольку мы будем применять фильтр к смарт-объекту, он автоматически станет редактируемым интеллектуальным фильтром! Чтобы использовать Camera Raw Filter, я должен убедиться, что мой текстурный смарт-объект выбран на панели Layers. Затем я зайду в меню « Фильтр» в строке меню и выберу « Camera Raw Filter» . Обратите внимание, что фильтр Camera Raw доступен только в Photoshop CC :

Собираюсь Filter> Camera Raw Filter.

Откроется диалоговое окно Camera Raw Filter, которое предоставляет нам те же функции редактирования изображений, что и основной плагин Camera Raw:

Фильтр Camera Raw.

Преобразование текстуры в оттенки серого

Чтобы преобразовать текстуру в оттенки серого, я открою панель HSL / Grayscale в правой части диалогового окна, щелкнув ее вкладку, а затем выберу параметр « Преобразовать в оттенки серого» :

Выбрав «Преобразовать в оттенки серого».

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

Предварительный просмотр того, как выглядит версия в оттенках серого.

И вот так, теперь у меня есть версия моей текстуры в оттенках серого, смешивающаяся с оригинальными цветами фотографии:

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

Работа с умными фильтрами

Преимущество применения фильтра к смарт-объекту состоит в том, что Photoshop применяет его как интеллектуальный фильтр . Интеллектуальные фильтры неразрушающие, то есть они не будут вносить постоянных изменений в изображение. Мы можем изменить настройки интеллектуального фильтра в любое время, и мы можем даже включать и выключать интеллектуальные фильтры. На панели «Слои» мы видим фильтр Camera Raw, указанный в качестве интеллектуального фильтра под текстурой:

Смарт-фильтры перечислены ниже смарт-объекта.

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

Нажмите значок видимости, чтобы отключить Camera Raw Filter.

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

Отключение интеллектуального фильтра мгновенно восстанавливает первоначальный цвет текстуры.

Как вставить файлы Adobe Illustrator в качестве смарт-объектов

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

Шаг 1. Откройте иллюстрацию в Illustrator.

Я переключусь на Illustrator, где я открыл векторную иллюстрацию колибри. Я скачал этот файл с Adobe Stock:

Векторные иллюстрации открыты в Illustrator. Предоставлено: Adobe Stock.

Шаг 2: Выберите и скопируйте иллюстрацию

Чтобы переместить иллюстрацию из Illustrator в Photoshop, перейдите в меню « Выбор» (в Illustrator) и выберите « Все» :

В Illustrator собираемся выбрать> Все.

Выбрав иллюстрацию, перейдите в меню « Правка» и выберите « Копировать» . Это копирует изображение в буфер обмена:

Собираюсь Правка> Копировать.

Шаг 3: Переключитесь на Photoshop

Переключитесь на свой документ в Photoshop. Я открыл это изображение цветов, в которое я собираюсь вставить колибри:

Документ Photoshop, куда направляется файл Illustrator. Фото предоставлено: Adobe Stock.

Шаг 4. Вставьте иллюстрацию Illustrator в качестве смарт-объекта.

Чтобы вставить иллюстрацию из Illustrator в документ Photoshop, перейдите в меню « Правка» (в Photoshop) и выберите « Вставить» :

В фотошопе, зайдите в Edit> Paste.

Фотошоп спросит, как вы хотите вставить рисунок. Выберите смарт-объект из списка:

В фотошопе, зайдите в Edit> Paste.

Масштабирование и позиционирование изображения

Как мы уже видели ранее при размещении файла JPEG в документе, Photoshop сначала даст вам возможность масштабировать изображение, используя маркеры Free Transform. Вы также можете перетащить внутрь поля «Свободное преобразование», чтобы переместить иллюстрацию в нужное положение. В моем случае я просто перетащу колибри немного выше в небо над цветами:

Масштабируйте и располагайте иллюстрацию при необходимости.

Когда вы будете готовы, нажмите Enter (Win) / Return (Mac) на клавиатуре, чтобы поместить векторное изображение в ваш документ:

Векторные изображения были помещены в документ Photoshop.

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

Иллюстрации Illustrator отображаются в векторном смарт-объекте.

И там у нас это есть! Вот как можно открывать, конвертировать и размещать изображения, необработанные файлы и даже файлы Illustrator в Photoshop как редактируемые неразрушающие смарт-объекты! Узнайте больше о интеллектуальных объектах, узнайте, как масштабировать и изменять размеры изображений без потери качества , и как интеллектуальные объекты облегчают преобразование и искажение типов ! Или посетите наш раздел Основы Photoshop для получения дополнительных уроков!

Создаём милый школьный паттерн в Adobe Illustrator

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

Рекомендуем посмотреть

1. Создаём милого кролика

Шаг 1

Возьмите Инструмент «Эллипс» (L) и создайте основу головы из белого овала 115 х 85 пикселей. 

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

Шаг 2

Давайте добавим черты лица. Создайте тёмно-фиолетовый круг 8 х 8 пикселей для глаза. Выделите его Инструментом «Выделение», удерживайте Alt-Shift и перетащите его на противоположную сторону, чтобы получился второй глаз.

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

Создайте эллипс побольше для носа и поместите его в центр лица. Инструментом «Пипетка» (I) возьмите цвет глаз.

Чтобы идеально выровнять всё, мы можем сгруппировать (Control-G) каждую пару элементов, выделить их вместе с головой и кликнуть «Горизонтальное выравнивание по центру» на панели Выравнивания. В  нижней части панели выберите либо «Выровнять относительно ключевого объекта», либо «относительно монтажной области».

Шаг 3

Теперь добавим рот. Создайте круг 12 х 12 пикселей с тёмно-фиолетовой Обводкой и без Заливки. Инструментом «Ножницы» (С) кликните на обеих боковых опорных точках, разделив фигуру. Удалите верхнюю половину круга.

Удерживая Alt-Shift, перетащите полукруг вправо, создав копию.

Мы можем настроить толщину линий на панели Обводки. Установите Толщину на 2 и Концы на Скруглённые.

Соедините рот с носом, добавив короткую вертикальную линию толщиной 2.

Шаг 4

Давайте наденем на кролика пару круглых забавных очков. Создайте большой круг 55 х 55 пикселей с лиловой обводкой и Толщиной обводки 3.

Скопируйте (перетащите, удерживая Alt-Shift) её на противоположную сторону и соедините круги маленькой дугой. Мы можем скопировать дугообразную линию с группы рта и перевернуть её.

Шаг 5

Теперь перейдём к ушам. Создайте светло-серый эллипс 22 х 75 пикселей. Выделите его верхние и нижние опорные точки Инструментом «Прямое выделение» (А) и Преобразуйте выделенные опорные точки в угол на панели управление сверху.

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

Шаг 6

Дважды кликните на Инструменте «Вращение» (R) и установите Угол на 20 градусов. Теперь Скопируйте (Control-C) фигуру и Вставьте её на Передний план  (Control-F). Сделайте фигуру меньше и заполните её розовым цветом, изображающим внутреннюю часть уха.

Шаг 7

Сгруппируйте (Control-G) обе части уха, дважды кликните на Инструменте «Зеркальное отражение» (О) и выберите Вертикальную ось. Нажмите «Копировать» для создания второго уха.

Шаг 8

Присоедините уши к верху головы и Отправьте их на Задний план (Shift-Control-[).

Вот он! Наш кролик готов!

2. Рисуем персонажа-котёнка 

Шаг 1

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

Шаг 2

Возьмите Инструмент «Эллипс» (L) и сделайте несколько полосок на лбу. Создайте овал 15 х 45 пикселей в центре верхнего края головы и добавьте два маленьких овала по обеим сторонам головы.

Выделите все овалы и голову. Возьмите Инструмент «Создание фигур» (Shift-M), удерживайте Alt и нажмите на тех частях, которые вы хотите удалить.

Шаг 3

Теперь сделаем уши!

  1. Возьмите Инструмент «Многоугольник» (вы можете найти его в том же выпадающем меню, где и Инструмент «Прямоугольник» (М)) и кликните на любом участке Монтажной области, чтобы открыть окно Настроек. Установите количество Сторон на 3. Создайте треугольник 65 х 60 пикселей. 
  2. Выделите верхний угол треугольника Инструментом «Прямое выделение» (А) и перетащите его вправо.
  3. Возьмите Инструмент «Перо>»(Shift-C) и сделайте верх уха скруглённым. Кликните на верхней опорной точке и перетащите указатели наружу, сделав угол плавным.

Шаг 4

Перетащите верхнюю точку дальше вправо, наклонив фигуру ещё больше. Скопируйте (Control-C > Control-F) фигуру и уменьшите копию. Измените цвет заливки на розовый, изображающий внутреннюю часть уха.

Шаг 5

Поверните ухо, присоедините его к левой стороне головы и Отправьте его на Задний план (Shift-Control-[). Используйте Инструмент «Зеркальное отражение» (О), чтобы отразить группу уха по Вертикальной оси и присоединить её к противоположной стороне головы.

Шаг 6

Завершите создание котёнка, добавив круглые очки.

3. Создаём милую собаку породы шиба-ину 

Шаг 1

Начните с создания головы из оранжевого эллипса 125 х 90 пикселей. Выделите его боковые опорные точки Инструментом «Прямое выделение» (А) и сдвиньте их слегка вниз. Сделайте опорные указатели короче, чтобы сделать бока головы более заострёнными.

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

Шаг 2

Возьмите Инструмент «Отрезок линии» (\) или Инструмент «Перо» (Р), удерживайте Shift и создайте горизонтальную линию. Перейдите в Эффект > Искажение и трансформирование > Зигзаг и установите следующие параметры:

  • Размер — 10 пикселей
  • Складки — 3
  • Точки — Гладкие 

Нажмите ОК и перейдите в Объект > Разобрать оформление, чтобы применить эффект.

Шаг 3

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

Поместите созданную линию поперёк лица, как показано на картинке внизу, и выровняйте её по отношению к голове, используя голову как Ключевой объект.  Для этого выделите линию вместе с головой и кликните один раз на голове. Затем кликните на «Горизонтальное выравнивание по центру» на панели Выравнивания.

Шаг 4

Выделив обе фигуры, кликните «Разделить» на панели Обработки контуров, чтобы разделить фигуру. Заполните нижнюю часть белым цветом.

Шаг 5

Давайте сформируем ухо из оранжевого треугольника 65 х 60 пикселей. Перейдите в Эффект > Деформация > Дуга, установите значение Вертикального сгиба на 20% и нажмите ОК.

Разберите оформление для применения эффекта.

Шаг 6

Выделите фигуру Инструментом «Прямое выделение» (А) и сделайте углы скруглёнными. Мы можем сделать это либо вручную, сдвинув маркер круга Динамических углов, либо установив Угловой радиус на 10 пикселей на панели управления сверху.

Скопируйте (Control-C > Control-F) фигуру и уменьшите копию. Измените цвет её заливки на белый.

Шаг 7

Присоедините ухо к голове и используйте Инструмент «Зеркальное отражение» (О), чтобы создать зеркальную копию. Наш шиба-ину готов! Отличная работа!

4. Создаём милого енота 

Шаг 1

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

Перейдите к Части 3, Шагу 1 для воссоздания головы енота.

Шаг 2

Давайте сделаем полоски. Создайте тёмно-голубой эллипс 83 х 75 пикселей, поверните его и расположите на левой стороне лица, как показано на картинке внизу. Используйте Инструмент «Зеркальное отражение» (О), чтобы отразить фигуру по Вертикальной оси, создав копию.

Выделите эллипсы вместе с головой и используйте Инструмент «Создание фигур» (Shift-M), удерживая клавишу Alt, чтобы удалить ненужные части.

Шаг 3

Теперь у нас есть все четыре персонажа! Давайте добавим ещё несколько объектов, чтобы сделать узор разнообразнее.

5. Создаём цветной барабан 

Шаг 1

Давайте создадим верхний и нижний края барабана из пары розовых прямоугольника 98 х 9 пикселей с Угловым радиусом 2 пикселя. 

Разместите прямоугольники как показано ниже и соедините их большим светло-розовым прямоугольником, изображающим вид барабана сбоку.

Шаг 2

Создайте горизонтальную линию жёлтой обводкой при помощи Инструмента «Перо» (Р) либо «Отрезок линии» (\). 

Перейдите в Эффект > Искажение и Трансформирование > Зигзаг и установите следующие параметры:

  • Размер — 26 пикселей
  • Складки — 4
  • Точки -> Углы 

Нажмите ОК и перейдите в Объект > Разобрать оформление. Используйте Инструмент «Удалить опорную точку» (-), чтобы удалить нижнюю точку справа для симметричности фигуры.

Шаг 3

Выделите созданную фигуру, кликните правой кнопкой мыши и Соедините для замыкания контура. Нажмите Shift-X, чтобы Переключить заливку и обводку.  

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

Шаг 4

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

6. Рисуем школьный блокнот, мелки и яблоко 

Шаг 1

Перейдём к следующему школьному объекту. Возьмите Инструмент «Прямоугольник» (М) и создайте жёлтый прямоугольник 75 х 110 пикселей. Скопируйте (Control-C > Control-F) его и сделайте верхнюю копию немного меньше (75 x 98 пикселей). Заполните новую фигуру розовым цветом.

Шаг 2

Давайте добавим спираль. Создайте два серых прямоугольника 12 х 6 пикселей и поместите их на левой стороне тетради. Выделите прямоугольники и перейдите в Объект > Переход > Создать. 

Теперь, когда Группа перехода создана, мы можем изменить настройки, перейдя в Объект > Переход > Параметры перехода, и установить Разбивку на «Заданное число шагов», равное 7.

Шаг 3

Давайте добавим жёлтый скруглённый прямоугольник на обложку и украсим его буквами «АВС».  Примененный шрифт Bananito Font, который вы можете найти на GraphicRiver, либо заменить его любым рукописным шрифтом по своему вкусу.

Скопируйте (Control-C) жёлтую базу прямоугольника и Вставьте её на Задний план (Control-B). Выделите его верхнюю и нижнюю правые опорные точки Инструментом «Прямое выделение» (А) и сдвиньте точки вниз.  Заполните копию тёмно-жёлтым цветом, чтобы сделать объект более трёхмерным.

Шаг 4

Создайте розовый прямоугольник 14 х 75 пикселей и превратите его в простой мелок, добавив больше полосок и деталей. Сделайте верх мелка также из прямоугольника и сдвиньте его верхние опорные точки близ друг к другу при помощи клавиш со стрелками на клавиатуре, удерживая Shift.

Скопируйте мелки несколько раз и измените цвета.

Шаг 5

Давайте создадим яблоко из красного круга 55 х 55 пикселей. Выделите его верхнюю опорную точку и используйте Инструмент «Опорная точка» (Shift-C) для вращения указателей на 45 градусов, чтобы создать сердцевидный верх яблока. Сделайте его более плавным при помощи функции «Динамические углы».

Завершите создание яблока, добавив ещё несколько деталей, таких как листок и блик, при помощи Инструмента «Эллипс» (L).

7. Создаём сплошной узор 

Шаг 1

Теперь, когда все наши элементы готовы. Мы можем выделить их и перейти в Объект > Узор > Создать. После открытия панели Настроек узора установите следующие параметры:

  • Вид мозаики -> Сетка
  • Ширина 450 пикселей
  • Высота 450 пикселей
  • Копии 5 x 5

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

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

Шаг 2

Добавьте остальные элементы, разместив их среди персонажей и вращая объекты.

Заполните пустые пробелы общими элементами, такими как круги, листья, каплевидные фигуры, создав их либо при помощи Инструмента «Карандаш»  (N), либо Объектной кистью. 

Давайте посмотрим, как создать такую кисть самостоятельно.

Шаг 3

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

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

Мы можем изменить размер завитушек, изменяя Толщину на панели управления сверху или на панели Обводки.

Шаг 4

После того как настроите узор по своему вкусу, кликните «Готово» в верхней части Монтажной области. Теперь мы можем найти наш узор на панели Образцов и в любой момент отредактировать его при необходимости, нажав на кнопку «Редактировать узор» в нижней части панели.

Давайте создадим розовый прямоугольник 850 х 850 пикселей. Скопируйте его и примените узор к верхней копии, кликнув на панели Образцов.

Готово!

Шаг 5

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

Поздравляю! Наш сплошной детский школьный узор готов!

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

Узнать больше интересного:

Рисуем с помощью «Градиентной сетки» в Adobe Illustrator ‹ Виртуальная школа графического дизайна

Всем привет!

В продолжение темы работы в Adobe Illustrator, сегодня я расскажу об инструменте «Градиентная сетка», с помощью которого можно создавать фотореалистические иллюстрации.

Инструмент «Градиентная сетка» в Adobe Illustrator применяется для рисования полноцветных векторных объектов с эффектом объема. Принцип работы инструмента основывается на окрашивании опорных точек полигональной сетки объекта, что позволяет создавать плавные переходы от одного цвета к другому.

Если вы владеете базовыми инструментами Adobe Illustrator, вы можете превращать плоские векторные объекты в объемные и реалистичные.

«Градиентная сетка» как ничто другое позволяет создать эффект фотореалистичного изображения, сохранив при этом все преимущества векторного рисунка.

Почему стоит пользоваться этим инструментом? Для того чтобы ответить на этот вопрос, предлагаю сравнить «Градиентную сетку» с тремя другими техниками окрашивания: обычными градиентами, инструментом «Переход» (Blend tool) в Illustrator и с раскрашиванием в Photoshop или Corel Painter.


«Градиентная сетка» против обычного градиента

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

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


«Градиентная сетка» против инструмента «Переход» (Blend tool):

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

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

Этот инструмент позволяет создавать цветовые переходы и градиенты неровной формы, но требует больших усилий. Каждый новый градиент представляет собой два объекта – начальный и конечный, — смешанные особым образом.

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

Иллюстрация Wayne Forrest


«Градиентная сетка» против окрашивания в Photoshop или Corel Painter

Окрашивать рисунок в Photoshop или Painter гораздо проще, чем использовать «Градиентную сетку». Но в этом случае вы работаете с растровым изображением фиксированного размера, которое потеряет свое качество при увеличении.

В то же время, «Градиентная сетка» в Illustrator позволяет создать векторный рисунок, который вы сможете увеличить до невероятных размеров без потери качества. Более того, цвета, созданные с помощью «Градиентной сетки» можно корректировать и менять, в отличие от покраски в Photoshop: если вы перекрасите часть рисунка, вы можете его испортить.


Мастера векторной иллюстрации жанра гиперреализм

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

Предлагаю вашему вниманию подборку работ мастеров векторной графики, работающих в жанре гиперреализма.

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

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

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


Cristiano Siqueira

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


Giulia Balladore

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


Oleg Rogoznev

Этот российский иллюстратор создает потрясающе реалистичные векторные иллюстрации. Его работы выполнены в гиперреалистичном стиле и отличаются невероятно подробной детализацией (как на расположенной ниже левой картине «Цветок»).

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


Nuria Herrero

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


Catherine Preston

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


Chris Nielsen

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


Patrick Kerby

Иллюстратор из штата Огайо (США) может похвастаться большим портфолио, состоящим преимущественно из фотографий. Векторная иллюстрация для него – это больше хобби. Ниже вы можете полюбоваться на нарисованный художником рисунок Человека-Паука: он создавался с помощью «Градиентных сеток» в Illustrator.


Mark Westberg

Этот иллюстратор из Миннесоты (США) увлекается мотоциклами, самолетами и обнаженными моделями. Он рисует векторные иллюстрации, которые как будто раскрашены распылителем – например, расположенные ниже рисунки самолетов. Некоторые детали его иллюстраций выполнены в стиле гиперреализма, а некоторые специально размыты, чтобы имитировать движение (например, пропеллер на нижнем правом рисунке). Этот художник также создает атмосферное освещение, используя фоны заката (например, на рисунке с мотоциклом: если вы посмотрите на его левый край, то увидите, что часть контура намеренно отсутствует).

P.S. Посмотрите также впечатляющие примеры фотореалистических иллюстраций.

Поделиться в соц. сетях:

Полезное: обрезаем изображение в Adobe Illustrator: varka — LiveJournal

Я думаю, что многим, осваивающим иллюстратор, будет полезно.
Да и совушки какие славные!

Оригинал взят у lia_zach в Урок: Как обрезать изображение в Adobe Illustrator

Что было:

Что должно получиться:<

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

Блокируем нижний слой с фоном (у нас это розовый квадрат по размеру рабочей области). Выделяем все остальные объекты и группируем их (Ctrl+G)...

...и экспандим (Объект -> Разобрать / Object -> Expand) для того, чтобы превратить кривые, абрисы и текст, если таковые имеются, в объекты.

Далее, создаем новый слой с квадратом без заливки и обводки, равным по размерам рабочей области (можно просто скопировать наш фон (Ctrl+C -> Ctrl+F) и перенести его на верхний слой, убрав заливку).

Выделяем созданный нами пустой квадрат и нашу группу объектов и на панели Pathfinder (Обработка контуров) нажимаем Crop (Обрезка).

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

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

Но  я теперь пользуюсь другим способом. Способ второй – Divide objects below.

Открываем нужное нам изображение, экспандим (Объект -> Разобрать / Object -> Expand) объекты, создаем слой с квадратом без заливки и обводки, равным по размерам рабочей области (можно просто скопировать наш фон (Ctrl+C -> Ctrl+F) и перенести его на верхний слой, убрав заливку).

Выделяем наш пустой квадрат и выбираем Object -> Path -> Divide objects below (Объект -> Контур -> разделить нижние объекты).

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

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

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

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

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

Adobe Illustrator • Уроки Ярослав Лазунов • 22 февраля 2013 г. • 5 минут ПРОЧИТАТЬ

Тема: Adobe Illustrator
Сложность: новичок
Расчетное время завершения: 15 минут

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

Дублирование объекта

Объект можно продублировать в Adobe Illustrator, скопировав его (Command / Ctrl + C) и вставив его вперед (Command / Ctrl + F) и назад (Command / Ctrl + B). Новый объект будет расположен выше или ниже нашего исходного объекта, и контуры обоих объектов будут совпадать.

Когда вы выбираете подслой на панели «Слои» («Окно»> «Слой»), у вас будет возможность удвоить объект, выбрав Дублировать «<Путь>» во всплывающем меню.

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

Конструктор электронных писем

С Postcards вы можете создавать и редактировать шаблоны электронных писем онлайн без каких-либо навыков программирования! Включает более 100 компонентов, которые помогут вам создавать собственные шаблоны писем быстрее, чем когда-либо прежде.

Попробуйте бесплатноДругие продукты

Преобразование и дублирование объектов с помощью команд меню

В меню «Объект» есть 5 команд (Объект> Преобразовать>…), которые могут преобразовывать объекты в указанное значение. Это "Перемещение", "Поворот", "Отражение", "Масштаб" и "Сдвиг". Любая из этих команд открывает диалоговое окно, в котором вы вводите необходимые параметры, например угол поворота.

Во всех диалоговых окнах этих команд есть кнопка «Копировать», при нажатии на кнопку «Копировать» объект трансформируется и удваивается.

Также есть полезная команда Transform again (Command / Ctrl + D) в меню Object> Transform>…. Давайте посмотрим на практичность этой команды. Предположим, нам нужно разместить одинаковые объекты на заданном расстоянии друг от друга. Выделите объект, затем перейдите в Object> Transform> Move… и установите значение перемещения в диалоговом окне; затем нажмите кнопку «Копировать».

Теперь использование сочетаний клавиш Command / Ctrl + D повторит последнее действие, т.е.е. в этом случае удвоится и переместит выбранный объект.

Другая команда, Transform Each, из меню Object> Transform>… позволяет нам сделать несколько преобразований с объектом или несколькими объектами одновременно. Давайте посмотрим, как мы можем применить его к нескольким объектам.

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

Как видите, мы быстро внесли разнообразие в нашу композицию.

Также этот метод хорош для быстрого создания векторных текстур.

Преобразование и удвоение объектов с помощью инструментов

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

Это инструмент поворота (R), инструмент отражения (O), инструмент масштабирования (S), инструмент сдвига (C) и инструмент изменения формы. Давайте проверим функциональность этих инструментов на примере Rotate Tool (R).После выбора этого инструмента вам необходимо выделить объект и установить точку, относительно которой будет производиться вращение.

Затем возьмите и поверните объект.

Если во время вращения удерживать нажатыми клавиши Option / Alt, исходный объект будет дублирован.

Для того, чтобы задать какое-то конкретное значение трансформации, в нашем случае это угол поворота, удерживайте клавиши Option / Alt в момент установки поворота центра.Это действие открывает диалоговое окно, в котором вы можете ввести необходимое значение и при необходимости удвоить объект, нажав кнопку Копировать.

Free Transform Tool (E) - еще один очень полезный инструмент для преобразования объектов. Чаще всего он используется для того, чтобы «положить» объект на некую плоскость и / или преобразовать его в соответствии с законами линейной перспективы. Давайте рассмотрим, как управлять Free Transform Tool (E). Возьмите верхний центральный маркер ограничивающей рамки и, не отпуская кнопку рта, нажмите и удерживайте клавишу Command / Ctrl.Только теперь мы можем отодвинуть указатель инструмента в сторону.

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

Нравится то, что вы читаете? Подпишитесь на наши главные новости.

повторяющихся объектов с помощью инструмента наложения в Illustrator

В этом уроке мы объясним, как использовать инструмент наложения в Adobe Illustrator CC 2015, чтобы повторить что угодно.Давайте перейдем к этому краткому руководству!

Шаг 1

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

Шаг 2

Выберите инструмент выделения, сделайте копию и вставьте шестиугольник рядом с оригиналом. Примечание. Копировать (command + c Mac / control + c Windows) / Paste (command + v Mac / control + v Windows)

Шаг 3

Выберите оба шестиугольника и, используя окно выравнивания (чтобы открыть, перейдите в Window | Align), выберите «Vertical Align Center».

Шаг 4

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

Шаг 5

Возьмите курсор и щелкните один раз в центре первого шестиугольника.

Шаг 6

Затем щелкните один раз в центре второго шестиугольника.

Шаг 7

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

Шаг 8

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

Продвинутый

Добавьте больше гибкости, превратив каждый объект в векторизованный кусок, расширив переход (Объект | Развернуть).

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

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

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

ПАСТА ИЛЛЮСТРАТОР В ФОТОШОП С УМНЫМИ ОБЪЕКТАМИ

Итак, вы только что закончили векторный шедевр в иллюстраторе и теперь хотите вставить его в фотошоп, чтобы поработать над ним еще немного.Однако при вставке с несколькими смарт-объектами вы можете заметить, что элементы не выровнены для вас, как в иллюстраторе. И вы же не хотите заново выравнивать все в фотошопе, не так ли. хм… проблема? Не для нас! Давайте поработаем над переносом этих объектов в Photoshop, чтобы каждый мог быть отдельным слоем.

Первое, что нужно сделать, - это создать документ фотошопа того же размера, что и ваш документ-иллюстратор. Если нужно что-то другое, вы можете изменить его позже, а пока сделайте то же самое.Стандартный размер печати иллюстратора - А4.

Далее нам нужно создать наш инструмент выравнивания в Illustrator. Не волнуйтесь, это просто. Создайте новый слой и переместите его поверх всего остального. Теперь нарисуйте квадрат, идущий от верхнего левого угла документа к нижнему правому углу. Он должен встать на место.

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

Теперь это просто случай копирования каждого из объектов, которые вы хотите сделать отдельными слоями, в Photoshop. Для этого выберите объект и прозрачную ограничивающую рамку, которую мы создали в иллюстраторе. Затем нажмите «Редактировать» -> «Копировать» (или Ctrl / Cmd + C) перед тем, как вставить его в фотошоп. Не нужно заново переставлять свои работы в фотошопе, все на своих местах!

Кроме того, когда вы открываете смарт-объект для его редактирования, объект будет отображаться именно там, где он был в вашем документе иллюстратора, поэтому, когда вы сохраните его и Photoshop обновит его слои, все будет там, где должно.

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

Молодец! Теперь вы можете работать с каждым объектом индивидуально, без особых усилий перенести произведение в фотошоп!

Как продублировать форму по кругу в Illustrator

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

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

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

2. Создайте свой круг, который будет определять путь для вращения, и сориентируйте их так, чтобы ваша фигура располагалась так, как должно быть в ближайшее время.
3. Выделив фигуру, нажмите клавишу [R] или выберите инструмент «Повернуть» на панели инструментов.

4. Удерживая нажатой клавишу Option, щелкните центр созданного круга.

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

Угол: [градусы / количество форм]

Это важно. Когда закончите - нажмите КОПИРОВАТЬ. (не «ОК») - нажатие на копию создаст единственную копию вашей формы.

Затем нажмите CMD-D, чтобы продублировать оставшуюся часть пути, пока вы полностью не повернете фигуру по кругу с точным шагом, который вы хотели.А если вам не нравится форма или количество фигур. Этот процесс легко повторить, пока вы его не сделаете.

Отзыв?

http://t.co/6M90IlNHBN via @ newc1ty УДИВИТЕЛЬНЫЙ СОВЕТ ИЛЛЮСТРАТОРА ADOBE ПО ИДЕАЛЬНОЙ ЦИРКУЛЯРНОЙ ДУБЛИКАЦИИ

- Calvin Gohd (@CalvinGohd) 13 марта 2014 г.

Нам нравятся подобные отзывы, и мы также любим слышать, на что вам нужны ответы! Есть еще какие-нибудь подсказки? Напишите нам: [email protected] com

5 простых способов скопировать несколько путей Illustrator в After Effects

Вы ищете эффективные способы копирования нескольких путей Illustrator в After Effects?

Вы хотите создать невероятную анимационную графику в Adobe After Effects?

Если вы отвечаете «да» на все эти вопросы, то, поверьте, это ваш счастливый день!

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

Другие популярные темы о ресурсах, которые могут вам помочь:

РАСКРЫТИЕ ИНФОРМАЦИИ: этот пост содержит партнерские ссылки, то есть я получаю комиссию, если вы решите совершить покупку по моим ссылкам бесплатно для вас. Я рекомендую только те продукты, которыми пользовался или которые мне действительно нравятся. Пожалуйста, прочтите мое раскрытие для получения дополнительной информации.

Что такое Adobe Illustrator и After Effects?

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

Выпущенный еще в 1987 году, Adobe Illustrator специально используется для создания векторной графики. Теперь Adobe Illustrator является частью Adobe Creative Cloud и стал популярным приложением для создания графики, логотипов, шрифтов, а также комиксов. Помимо использования Adobe Illustrator, есть и другое программное обеспечение, принадлежащее семейству Adobe.

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

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

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

Одна вещь, о которой следует помнить при копировании контуров Illustrator в After Effects

В случае преобразования контуров из Illustrator в After Effects следует помнить о том, что путь иллюстратора должен быть совместим с After Effects. Есть несколько способов скопировать пути Illustrator в After Effects.

Сюда входит одновременная вставка всех контуров Illustrator, копирование контуров в ключевые кадры положения, а также определение цели для нескольких контуров. Базовые знания всех этих методов могут сэкономить вам много времени.

Пути Illustrator играют важную роль в управлении, а также в отслеживании арт-объектов и документов!

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

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

Давайте откроем для себя эти простые способы!

Какой основной метод вставки пути?

Метод вставки пути из Illustrator в After Effects довольно прост.Если вы хотите переместить один контур из Adobe Illustrator в Adobe After Effects, вам необходимо скопировать этот путь из Illustrator, а затем вставить его в After Effects. В результате этого путь маски будет сформирован по умолчанию нажатием «M», чтобы получить свойство Путь маски.

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

Эффективные методы копирования и вставки нескольких путей Illustrator в After Effects
Вставить все контуры Illustrator одновременно

Хотите скопировать и вставить несколько путей из Adobe Illustrator в After Effects? Вставьте все пути Adobe Illustrator одновременно. Процесс вставки одного контура Illustrator в слой-фигуру довольно прост и понятен, поскольку он включает создание контура пера и вставку желаемого файла в After Effects.

Но в случае вставки нескольких контуров Illustrator After Effects не создает автоматически нужное количество контуров, что приводит к нескольким контурам маски. Следует иметь в виду, что если вы попытаетесь скопировать и вставить каждый путь Illustrator один за другим, вы не сможете получить желаемую композицию. В результате все пути потеряют связь друг с другом.

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

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

Шаг 1: Откройте Illustrator, выберите все пути и нажмите «Копировать». (Следует иметь в виду, что можно создать новый слой-фигуру или использовать существующий для вставки пути Illustrator)

Шаг 2: Перейдите в After Effects и выберите слой-фигуру, если слой-фигура уже создан для предыдущих путей. В случае отсутствия существующего слоя-фигуры вы можете создать новый слой-фигуру, определив свойство пути.Но перед созданием нового слоя не выбирайте предыдущие слои-фигуры. Всегда снимайте их выделение, нажимая F2.

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

Шаг 4: Выберите путь 1 и затем нажмите Shift + щелчок до последнего пути. Та же процедура применяется при копировании всех свойств пути.

Шаг 5: Щелкните «Вставить».

Вставка путей в ключевые кадры позиции

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

Шаг 1: Сначала установите свойство Mask Path. После установки свойства скопируйте путь. Для этого вам нужно перейти в Edit >> Copy.

Шаг 2: Выберите «Положение», чтобы указать свойство и получить параметр положения.

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

Определите цель для нескольких путей

Существует еще один метод копирования нескольких контуров Illustrator в After Effects. Для этого все, что вам нужно сделать, это установить цель для нескольких путей иллюстратора.

Шаг 1: Чтобы скопировать весь путь, перейдите в диалоговое окно «Настройки» в Adobe Illustrator и выберите параметр AICB. AICB - это аббревиатура от Adobe Illustrator Clip Board. Это означает, что ваши пути Adobe Illustrator будут сохранены без поддержки прозрачности.

Шаг 2: После выбора опции Adobe Illustrator Clip Board перейдите в Edit >> Copy. Обязательно используйте инструмент «Выделение» для выбора всего пути, а не для выбора одного сегмента или точки привязки.

Шаг 3: Перейдите в After Effects, чтобы вставить выбранный путь. Здесь вам будут предоставлены два варианта определения цели для скопированных путей. Выбрав первый вариант, вы можете выбрать слой для создания маски, а, выбрав второй вариант, вы можете выбрать свойства пути в случае существующего пути маски.(Помните: когда вы выбираете свойства контура, After Effects узнает цель операции вставки).

Шаг 4: После выбора одного из вышеперечисленных параметров слоя перейдите в меню «Правка» и вставьте нужный путь в Illustrator.

В случае вставки нескольких контуров Illustrator первый контур будет вставлен в контур фигуры, поскольку он имеет определенную цель. Остальные пути будут вставлены на весь слой как новые пути маски. Причина в том, что After Effects рассматривает цель как целый слой!

Основные советы по копированию контуров Illustrator в After Effects

Чтобы скопировать файлы Illustrator, выберите Файл >> Импорт.Во время импорта файлов появится экран, на котором будут показаны три варианта импорта. К ним относятся:

  • Композиция
  • Композиция с сохранением размеров слоя
  • Видеоряд

Между указанными выше параметрами импорта существует огромная разница. Если вы выберете «Импортировать как композицию», размер слоя будет соответствовать размеру монтажной области в Illustrator. Таким образом, когда вы копируете файл в After Effects, вам нужно больше поработать с элементами изменения положения, а также с якорными соединениями.

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

Третий вариант импорта - Видеоматериал, который дает вам еще два варианта. Первый вариант - выбрать один слой для копирования из файла Illustrator, а второй вариант - выбрать весь путь как один элемент.

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

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

Вывод:

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

Вот почему графические дизайнеры и иллюстраторы обычно создают контуры в Adobe Illustrator, а затем копируют свою работу в After Effects.Большинство веб-дизайнеров и графических дизайнеров не знакомы с инструментами анимации After Effects, что затрудняет им импорт контуров Illustrator в After Effects. Теперь процедура копирования и вставки путей и файлов Adobe Illustrator в After Effects стала намного проще.

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

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

Какую графику вы создаете в After Effects?

Как в равной степени продублировать форму вокруг круга в Adobe Illustrator

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

Наши учебные пособия, ориентированные на дизайн, посвящены изучению «тонкостей» Adobe Creative Suite. Обязательно заходите почаще, так как мы всегда добавляем новый контент и сообщения, ориентированные на дизайн.

Совет по дизайну

№ 2: как дублировать объект по кругу с помощью Illustrator

ШАГ 1: Начните с создания круга, по которому будет следовать ваша фигура. Мы создали круг диаметром 2 дюйма по центру артборда.

ШАГ 2: Создайте форму, которую вы будете дублировать.

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

ШАГ 3: Выделив фигуру, выберите инструмент «Повернуть» на панели инструментов, щелкнув значок или используя сочетание клавиш на клавиатуре [r].

ШАГ 4: Выделив объект, который вы хотите повторить, и при включении инструмента «Повернуть», удерживая нажатой клавишу «Option» для Mac или «Alt» для Windows, щелкните центр круга.

ШАГ 5: Как только вы щелкнете в центре круга, в Adobe Illustrator откроется диалоговое окно, подобное приведенному выше.Появится угол по умолчанию 0 °.

ШАГ 6: Для того, чтобы ваш объект вращался и одинаково повторялся вокруг вашего круга, вы должны выбрать количество градусов, на которое ваша форма должна дублировать (360 ° для круга), в зависимости от того, сколько из этих форм вы хотите создать.

Здесь вы определяете угол повторения по окружности. Illustrator сделает это за вас, разделив степень повторения / количество фигур, которые вы хотите.

Например: если мы хотим разделить 12 фигур вокруг нашего круга, мы должны ввести 360/12.

ШАГ 7: Когда вы закончите определение своего повтора, убедитесь, что вы нажимаете «КОПИРОВАТЬ» в левой нижней части диалогового окна, а не «ОК». Когда вы нажмете «Копировать», будет создана точная копия вашей исходной формы под углом, который вы определили на предыдущем шаге.

ШАГ 8: Теперь у вас будет две версии вашего объекта. Ваш оригинал и дубликат оригинала, помещенные точно под заданным вами углом.

ШАГ 9: НО ПОДОЖДИТЕ! Вы можете спросить: «Мне нужно, чтобы эта форма проходила по всему кругу, а не только один раз.«Не волнуйтесь, есть простое решение. Вам просто нужно нажать CMD-D на Mac или CTRL-D на ПК. Каждый раз, когда вы нажимаете этот ярлык, он будет дублировать еще одну копию вашей формы, пока вы не получите идеальную окружность из одинаково расположенных фигур вокруг вашего круга.

ШАГ 10: К концу этого урока у вас должен быть круг равномерно распределенной формы, охватывающий всю окружность. Это быстрый и простой способ создать хорошо продуманную графику, логотип или акцент на недавно разработанной обложке этикетки.

У вас есть отзывы или вам нужен ответ на вопрос о дизайне? Позвоните нам или напишите нам по адресу [email protected], отправьте электронное письмо в «Graphics Team», и мы свяжемся с вами в ближайшее время.

У вас есть вопрос, связанный с дизайном или Adobe Creative Suite? Отправьте нам письмо со своим вопросом на адрес [email protected]

Иллюстратор объектов клонирования «Wonder How To

Как к

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

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