Как исказить картинку в иллюстраторе

Трансформирование объектов

Трансформирование

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

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

Для просмотра текущих размеров и положения выбранных объектов при преобразовании следует использовать палитру «Информация».

Видеоролик с инструкциями по масштабированию, наклону и вращению объектов см. по адресу www.adobe.com/go/vid0040_ru.

Обзор палитры «Трансформирование»

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

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

Примечания:

A. Локатор контрольной точки B. Меню палитры C. Значок фиксации пропорций

Преобразование узоров объекта

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

Преобразование с использованием ограничительной рамки

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

Источник

Масштабирование, наклон и искажение объектов

Масштабирование объектов

Масштабирование увеличивает или уменьшает горизонтальный размер объектов (по оси X), вертикальный размер (по оси Y) или оба. Объекты масштабируются относительно контрольной точки, которая меняется в зависимости от используемого метода масштабирования. Можно изменить стандартную контрольную точку для большинства методов масштабирования и зафиксировать пропорции объекта.

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

По умолчанию обводки и эффекты не масштабируются вместе с объектами. Для масштабирования обводки и эффектов выберите команду «Редактирование» > «Установки» > «Основные» (Windows) или «Illustrator» > «Установки» > «Основные» (Mac OS) и установите флажок «Масштабировать обводки и эффекты». Чтобы масштабировать обводки и эффекты, только когда необходимо, используйте для масштабирования объектов палитру «Трансформирование» или команду «Масштабировать».

Масштабирование объектов с помощью инструмента «Масштабирование»

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

Для сохранения пропорций объекта при масштабировании удерживайте нажатой клавишу Shift при перетаскивании курсора по диагонали.

Совет. Перетаскивайте инструмент «Масштаб», удерживая нажатой клавишу Shift, под углом 45° по горизонтали или вертикали.

Для масштабирования объекта по одной из осей удерживайте нажатой клавишу Shift и перетаскивайте курсор по горизонтали или вертикали.

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

Источник

Перерисовка с помощью оболочек

Об оболочках

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

Искажение объекта с помощью оболочки

Для использования в качестве оболочки заранее определенной деформированной фигуры выберите команду «Объект» > «Искажение с помощью оболочки» > «Деформация». В диалоговом окне «Параметры деформации» выберите стиль деформации и задайте параметры.

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

Для использования объекта в качестве фигуры для оболочки убедитесь, что объект находится вверху стека выбранных объектов. Если это не так, с помощью палитры «Слои» или команды «Упорядочить» переместите его наверх и повторно выберите все объекты. Выберите команду «Объект» > «Искажение с помощью оболочки» > «По форме верхнего объекта».

Перетащите любую опорную точку на оболочке инструментом «Прямое выделение» или «Сетка».

Чтобы удалить опорную точку на сетке, выберите ее инструментом «Прямое выделение» или «Сетка» и нажмите клавишу «Delete».

Чтобы добавить к сетке опорную точку, щелкните сетку инструментом «Сетка».

Совет. Для добавления к оболочке обводки или заливки используйте палитру «Оформление».

Редактирование содержимого оболочки

Выберите команду «Объект» > «Искажение с помощью оболочки» > «Редактировать содержимое».

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

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

Выберите команду «Объект» > «Искажение с помощью оболочки» > «Редактировать оболочку».

Источник

Деформация

Если инструмент Shear (Наклон) позволяет так деформировать объект, чтобы он смог имитировать его вид на плоскости параллелограмма или ромба (например, на сторонах куба), то с помощью инструмента Free Transform (Свободное трансформирование) ( Как исказить картинку в иллюстраторе. 36. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-36. картинка Как исказить картинку в иллюстраторе. картинка 36) можно получить деформацию, напоминающую перспективную.

Как исказить картинку в иллюстраторе. 6.18. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-6.18. картинка Как исказить картинку в иллюстраторе. картинка 6.18

Рис. 6.18. Деформирование объекта с помощью инструмента Free Transform

В меню Filter | Distort (Фильтр | Деформация) представлена команда Free Distort (Свободная деформация), которая позволяет изменять форму выделенного объекта или совокупности объектов по принципу, напоминающему оболочку (envelope).

В диалоговом окне Free Distort (Свободная деформация) (рис. 6.20) выделенный объект или совокупность объектов размещаются в прямоугольнике, в углах которого располагаются маркеры. Произвольное перемещение последних деформирует объекты.

Данная команда дублируется в меню Effect | Distort & Transform (Эффект | Деформация и трансформация).

Как исказить картинку в иллюстраторе. 6.19. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-6.19. картинка Как исказить картинку в иллюстраторе. картинка 6.19

Рис. 6.19. Создание перспективы с помощью инструмента Free Transform

Как исказить картинку в иллюстраторе. 6.20. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-6.20. картинка Как исказить картинку в иллюстраторе. картинка 6.20

Источник

30 января 2019 | Опубликовано в Уроки | 3 Комментариев »

Как исказить картинку в иллюстраторе. illustrator envelope distort small. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-illustrator envelope distort small. картинка Как исказить картинку в иллюстраторе. картинка illustrator envelope distort smallСегодня мы познакомимся поближе о способах деформации в Adobe Illustrator при помощи эффекта Envelope Distort/Искажение по огибающей. Это интересный инструмент, который позволит вам создавать модные абстрактные изображения и формы. В сочетании с режимами наложения вы сможете получить, например, красивое северное сияние.

Результат

Как исказить картинку в иллюстраторе. envelope distort with warp. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope distort with warp. картинка Как исказить картинку в иллюстраторе. картинка envelope distort with warp

Искажение по огибающей с функцией Создать искажение

Чтобы понять эту функцию давайте возьмем прямоугольник любого цвета.

Как исказить картинку в иллюстраторе. envelope01. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope01. картинка Как исказить картинку в иллюстраторе. картинка envelope01

Выделите прямоугольник и выберите в меню Object > Envelope Distort > Make with Warp/Объект>Искажение по огибающей>Создать искажение.

Как исказить картинку в иллюстраторе. envelope02. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope02. картинка Как исказить картинку в иллюстраторе. картинка envelope02

Откроется диалоговое окно, в котором вы можете выбрать тип искажение. Включите опцию Preview/Просмотр, чтобы в реальном времени видеть изменения, которые происходят с объектом.

Как исказить картинку в иллюстраторе. envelope03. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope03. картинка Как исказить картинку в иллюстраторе. картинка envelope03

Adobe Illustrator предлагает 15 стилей искажения, которые вы можете выбрать в выпадающем меню.

Как исказить картинку в иллюстраторе. envelope04. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope04. картинка Как исказить картинку в иллюстраторе. картинка envelope04

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

Как исказить картинку в иллюстраторе. envelope05. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope05. картинка Как исказить картинку в иллюстраторе. картинка envelope05
Как исказить картинку в иллюстраторе. envelope06. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope06. картинка Как исказить картинку в иллюстраторе. картинка envelope06

Кликнув по кнопке Envelope Options/Настройки огибания, вы откроете диалоговое окно с настройками. Включите опцию Distort Linear Gradient/Искажать линейный градиент и укажите максимальное значение для параметра Fidelity/Точность. Эта опция отвечает за качество искажения градиента.

Как исказить картинку в иллюстраторе. envelope07. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope07. картинка Как исказить картинку в иллюстраторе. картинка envelope07

Чтобы редактировать исходный объект, кликните по иконке Edit Contents/Редактировать содержимое.

Как исказить картинку в иллюстраторе. envelope08. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope08. картинка Как исказить картинку в иллюстраторе. картинка envelope08

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

Как исказить картинку в иллюстраторе. envelope09. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope09. картинка Как исказить картинку в иллюстраторе. картинка envelope09

Теперь вернемся в режим Edit Envelope/Редактировать огибание.

Как исказить картинку в иллюстраторе. envelope10. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope10. картинка Как исказить картинку в иллюстраторе. картинка envelope10

Фигура превратится в объект с сетчатым градиентом (Gradient Mesh). Это позволит вам придать объекту любую форму при помощи инструмента Direct Selection/Прямое выделение (A). Вместе с фигурой будет трансформироваться и градиент.

Как исказить картинку в иллюстраторе. envelope11. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope11. картинка Как исказить картинку в иллюстраторе. картинка envelope11

По некоторым причинам вам может понадобиться трансформировать объект в простую векторную фигуру. Этого, например, требуют сайты, занимающиеся микростоками. Для этого выберите в меню Object > Expand/Объект разобрать.

Как исказить картинку в иллюстраторе. envelope12. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope12. картинка Как исказить картинку в иллюстраторе. картинка envelope12

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

Как исказить картинку в иллюстраторе. envelope13. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope13. картинка Как исказить картинку в иллюстраторе. картинка envelope13

Нам не нужно такое количество групп и масок, поэтому выбираем в меню Object > Clipping Mask > Release/Объект>Обтравочная маска>Отменить. Затем выберите в меню Object > Path > Clean Up/Объект>Контур>Вычистить.

Как исказить картинку в иллюстраторе. envelope14. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope14. картинка Как исказить картинку в иллюстраторе. картинка envelope14

Теперь разгруппируйте получившиеся объекты дважды (Cmd / Ctrl Shift G). У вас получится простой объект с сетчатым градиентом.

Как исказить картинку в иллюстраторе. envelope15. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope15. картинка Как исказить картинку в иллюстраторе. картинка envelope15

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

Как исказить картинку в иллюстраторе. envelope16. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope16. картинка Как исказить картинку в иллюстраторе. картинка envelope16

Эффекты деформации

Эффекты деформации (Warp Effects) в Adobe Illustrator по стилю повторяю эффекты искажения. Вы можете найти их в меню Effect > Warp / Эффект > Деформация.

Как исказить картинку в иллюстраторе. envelope17. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope17. картинка Как исказить картинку в иллюстраторе. картинка envelope17
Как исказить картинку в иллюстраторе. envelope18. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope18. картинка Как исказить картинку в иллюстраторе. картинка envelope18

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

Как исказить картинку в иллюстраторе. envelope19. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope19. картинка Как исказить картинку в иллюстраторе. картинка envelope19

А вот второе отличие в том, что если вы разберете объект со сплошным цветом, у вас не будет лишних точек.

Как исказить картинку в иллюстраторе. envelope20. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope20. картинка Как исказить картинку в иллюстраторе. картинка envelope20

Искажение по огибающей с функцией градиентой сетки

Чтобы применить эту функцию выберите в меню Object > Envelope Distort > Make with Mesh/Объект>Искажение по огибающей>Создать градиентную сетку.

Как исказить картинку в иллюстраторе. envelope21. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope21. картинка Как исказить картинку в иллюстраторе. картинка envelope21

В диалоговом окне вам нужно будет указать количество столбцов и строк для градиентой сетки. Лучше создайте сначала максимально простую сетку, вы всегда сможете добавить точек при помощи инструмента Mesh/Сетчатый градиент (U).

Как исказить картинку в иллюстраторе. envelope22. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope22. картинка Как исказить картинку в иллюстраторе. картинка envelope22

Чтобы создать желаемую форму, редактируйте положение точек и направляющие инструментом Direct Selection/Прямое выделение (A).

Как исказить картинку в иллюстраторе. envelope23. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope23. картинка Как исказить картинку в иллюстраторе. картинка envelope23

Если что-то пошло не так, выберите в меню Object > Envelope Distort > Release/Объект>Искажение по огибающей>Отменить. Вы получите исходное изображение и серый объект сверху. Удалите его и начните сначала.

Как исказить картинку в иллюстраторе. envelope24. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope24. картинка Как исказить картинку в иллюстраторе. картинка envelope24

Искажение по огибающей с верхним объектом

Давайте создадим любой текст при помощи инструмента Type/Текст (T) и нарисуем фигуру инструментом Pen/Перо (P). Сделайте так, чтобы серый объект полностью перекрывал текст и разместите его прямо над текстом.

Как исказить картинку в иллюстраторе. envelope25. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope25. картинка Как исказить картинку в иллюстраторе. картинка envelope25

Выделите оба объекта и выберите в меню Object > Envelope Distort > Make with Top Object/Объект>Искажение по огибающей>Привести в соответствие с верхним объектом.

Как исказить картинку в иллюстраторе. envelope26. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope26. картинка Как исказить картинку в иллюстраторе. картинка envelope26

Обратите внимание, что текст по прежнему можно редактировать.

Как исказить картинку в иллюстраторе. envelope27. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope27. картинка Как исказить картинку в иллюстраторе. картинка envelope27

Помимо этого вы также можете редактировать форму внешнего объекта как и в случае с сетчатым градиентом.

Как исказить картинку в иллюстраторе. envelope28. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope28. картинка Как исказить картинку в иллюстраторе. картинка envelope28

При помощи этих эффектов искажения можно, к примеру, создать северное сияние.

Как исказить картинку в иллюстраторе. envelope distort with warp. Как исказить картинку в иллюстраторе фото. Как исказить картинку в иллюстраторе-envelope distort with warp. картинка Как исказить картинку в иллюстраторе. картинка envelope distort with warp

Автор урока Iaroslav Lazunov

Источник

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

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