Как деформировать рисунок в фотошопе. Искажение и деформация в Adobe Illustrator

В первые инструмент «Деформация» (Warp) появился в арсенале графического редактора Adobe Photoshop в версии CS2. В то же версии исчез инструмент «Vanishing point» (Точечный объект). И с этого момента у нас появилась возможность искажать часть изображения или все целиком, а также предавать объектам на цифровом изображении новые формы. Возможно, вы видели на фотографиях загнутые края листов, грамот, книг. Возможно, эти эффекты были сделаны после фотосъемки, с помощью команды Warp.

Насколько полезен инструмент «Деформация» для современного фотографа?

Прежде чем ответить на этот вопрос, необходимо понять, на чем вы специализируетесь в своем творчестве и как глубоко погружаетесь в ретушь своих снимков. Многие фотографы решают все основные вопросы творчества в процессе фотосъемки и ограничиваются простыми приемами коррекции фотоснимков. Чем меньше сидишь за компьютером, тем больше времени остается для фотосъемки. Я тоже отношусь к этой группе фотографов. Но, тем не менее, я редко получаю идеальные изображения, для которых требуется минимальное вмешательство в процессе пост-обработки. Но если вы создаете композитные изображения, производите глубокую ретушь, или просто хотите как можно больше узнать о возможностях программы Adobe Photoshop, то вам следует прочитать эту статью до конца. Здесь я подобрал для вас четыре ситуаций, когда инструмент «Деформация» поможет решить некоторые задачи.

Как получить доступ к инструменту «Деформация»?

Чтобы получить доступ к инструменту «Деформация», вам сначала придется создать дублирующий слой. Нельзя применить этот инструмент к фоновому слою. Затем из главного меню Редактирование вызвать команду Трансформирование > Деформация (англ. вариант - Edit> Transform> Warp).

Также, инструмент «Деформация » можно вызвать с помощью горячих клавиш CMD + T на Mac или CTRL + T на ПК. Это сочетание клавиш вызовет инструмент «Свободная трансформация», и чтобы перейти к «Деформации необходимо» необходимо переключиться в этот режим с помощью кнопки в настройках инструмента, либо с помощью правой кнопки мыши вызвать контекстное меню.

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

Что лучше: инструмент «Деформация» или фильтр «Пластика» и могут ли они заменять друг друга?

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

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

4 примера использования инструмента «Деформация»

1. Нанесение объектов на цилиндрические объекты

Инструмент «Деформация» отлично подходит для нанесения текста, логотипов, текстур на поверхность цилиндрических и округлых поверхностей, таких как бутылка, мяч, труба. На следующем примере показана велосипедная рама: точнее сказать, ее передняя часть. Я намерено сделал фотографию с помощью широкоугольного объектива, чтобы подчеркнуть округлую форму передней втулки. Затем я удалил часть логотипа, чтобы проиллюстрировать процесс нанесения нового текста на сложную поверхность. На новом слое был написан текст «BMX», который был преобразован в смарт-объект и деформирован по аналогии с уже имеющимся текстом. Для того, чтобы придать новому тексту реалистичность, я применил функцию «Blend If».

С помощью инструмента «Деформация» можно обернуть текстуру вокруг круглого объекта.

2. Дублирование элементов фотографии с искажением, чтобы не было паттернов

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

3. Ретушь - Добавление элементов

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

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

4. Ретуширование - удаление элементов

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

На следующей фотографии есть небольшие проблемы в области талии мужчины, так называемые «ручки любви». Создаем быстрое выделение необходимого участка снимка с помощью инструмента «Прямоугольное выделение». С помощью сочетания клавиш Cmd + J на Mac или Ctrl + J на ПК создаем новый слой с выделенным участком изображения. Преобразуем этот слой в смарт-объект и активируем инструмент «Деформация». Производим нужные нам изменения и с помощью слоя-маски скрываем жесткие переходы между слоями.

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

И на последок я сделал веселую gif-анимацию фотографии коровы, на которой я произвел некоторые изменения: нос уменьшил, увеличил глаза, а щеки сделал стройнее. И все это с помощью инструмента «Деформация».

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

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

Что я и говорил - еще чуть-чуть и по форме здание начнёт напоминать египетские пирамиды. Самое время испробовать способ намба уан. Почти всё, что нам понадобится - это инструмент Crop (обрезка). Откройте картинку в фотошопе, выберите данный инструмент и как бы очертите им всё изображение. Далее поставьте галочку Perspective в панели настроек инструмента.

Да, чуть не забыл. Вам могут пригодиться направляющие. Это линии, по которым можно проверить необходимые нам параллельность и перпендикулярность. Если у вас в окне фотошопа не отображаются линейки (см. скриншот ниже), жмите Ctrl+R . Далее просто ткните в любом месте линейки мышкой и, не отпуская, протащите её к картинке. Отпустите мышку в нужной позиции. Появится первая направляющая. Вы можете создать их любое количество. Если они вам мешают, жмите Ctrl+H и они исчезнут. Жмите еще раз и они появятся снова.

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

Как только будет готово, тычем enter и получаем вот такую картинку.

Стены мы "выпрямили", но здание получилось каким-то приплюснутым. Не айс. Делаем буквально следующее: выделяем всю картинку (Ctrl+A ), включаем инструмент "Free transform " (свободная трансформация) и просто тянем наш джипег мышкой за верхний якорь, пока высота здания нас не устроит.

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

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

Открываем окно фильтра Lens Correction . Двигая ползунки блока Transform и контролируя результат по сетке, уберите искажения перспективы. В выпадающем списке Edge выберите что программе сделать с теми участками фото, которых теперь как бы не хватает. Я выбрал вариант, когда они будут прозрачными. Вариант Edge Extension , когда края автоматически заполняются растягиванием углов, в данном примере не подходит. Слишком уж не реалистично это потом выглядит. При меньших искажениях иногда выходит сносный результат, поэтому пробуйте оба варианта и выбирайте лучший. Обратите также внимание и на ползунок Remove Distortion . Иногда после манипуляций с перспективой картинка становится как бы выпуклой. Это недоразумение легко убирается этим самым ползунком. В нашем примере этого не потребовалось.

Дальше нам опять нужен инструмент Crop tool . Галочку с Perspective нужно снять. Просто обрезаем на фото, так сказать, неполноценные участки. Я так же срезал немного пространства над крышей здания.

Итак, итог второго метода.

Для пущей наглядности давайте сравним исходное фото и обе полученные картинки.

Первый и второй вариант, как по мне, очень похожи, а вот исходник при таких "соседях" кажется ещё более странным. Будто бы, наоборот, его кто-то терзал в фотошопе, пытаясь свалить на землю. Впрочем, давайте же еще глянем, что там за третий метод исправления перспективных искажений. Делается он, в общем, по тому же принципу. Те же яйца, только в профиль. Выделяем всю картинку(Ctrl+A ), в меню Edit выбираем пункт Transform , а там, вы не поверите, команду Perspective . Далее следует потянуть мышкой за уголки фотокарточки и нарисовать нечто подобное моей иллюстрации. Нажимаем enter , наблюдаем картинку опять же похожую на полученные первыми двумя способами.

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

Итогом будет вот эта картинка.

Джипег, кстати, случайный из выданных яндексом по запросу "картина в музее". Вот автор фото , если что.
Ну, а я прощаюсь с вами. Надеюсь, урок будет полезным. Точно знаю одного юзера, который уже последовал моим советам и его фотографии стали ещё лучше. Это d_a_ck9 . Рекомендую, а если что-то не понятно - спрашивайте.

NB . Если же вы по причине каких-то своих моральных, этических или даже политических убеждений придерживаетесь мнения, что исправлять перспективные искажения необязательно, я вам отвечу, что вы просто ленивы и не более того. Да, бывают случаи, когда искажения, наоборот, добавляют фотографии шарма (тот же фишай), но я по большей степени о, так сказать, протокольной архитектурной и интерьерной съёмке. Цитирую педивикию для самых упёртых: "При данном виде фотосъёмки основная задача состоит в правдивом и точном показе формы здания , отделки, скульптур и элементов декора. Принципиальное значение для архитектурной съёмки имеет вертикальность и прямолинейность вертикальных и прямых линий. Для этого оптическая ось объектива должна быть горизонтальна, а плоскость фотоматериала или матрицы должна быть вертикальна и ни в коем случае не наклонена. "

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

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

Простое вращение

Команда Вращение изображения (Image Rotation) позволяет повернуть документ целиком (слои и прочее) на 180 или 90 градусов (по часовой стрелке или против часовой стрелки), или же произвольно под любым указанным вами углом. Вы можете также отразить холст (или слой) по горизонтали или по вертикали.

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

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

Если вы перейдете в меню Редактирование , то увидите команды Свободное трансформирование (Free Transform) и Трансформирование (Transform) примерно в середине списка. Единственное существенное различие между этими двумя вариантами - это то, что при выборе пункта из меню Трансформирование, вы ограничиваете себя выполнением только этой конкретной задачи, тогда как другая команда позволяет выполнять несколько изменений одновременно (не требуя нажатия клавиши Enter)

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

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

1. Для уменьшения размера на одном слое.

2. Для уменьшения размера всего содержимого на одном или нескольких слоях

3. Для увеличения размера вектора, контура, части контура, слоя-фигуры, текстового слоя или смарт-объекта на одном или нескольких слоях.

Чтобы применить команду Свободное трансформирование , выберите слой, а затем нажмите сочетание клавиш Ctrl+T или выберите соответствующую команду меню Редактирование. Фотошоп поместит ограничительную рамку вокруг изображения, содержащую маркеры, позволяющие применять к вашему объекту любую или все из следующих трансформаций: масштабирование, искажение, поворот, перспектива, наклон и деформация .

4. Чтобы изменить масштаб (размер) объекта, захватите угловой маркер и перетащите его по диагонали внутрь для уменьшения или наружу для увеличения размера. Нажмите и удерживайте клавишу Shift при перетаскивании, чтобы изменить размеры пропорционально (то есть чтобы объект не был искажен).

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

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

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

6. Чтобы наклонить (скосить) объект , удерживайте сочетание клавиш Ctrl+Shift и перетащите один из боковых маркеров (указатель мыши примет вид двунаправленной стрелки).

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

8. Чтобы изменить перспективу объекта , удерживайте сочетание клавиш Ctrl+Alt+Shift и перетащите любой из угловых маркеров (указатель станет серым). Этот маневр добавляет объекту одноточечную перспективу (другими словами, одну точку схода).

9. Чтобы деформировать изображение , перетащите любую контрольную точку или линию сетки.

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

Если применив трансформирование вы поняли, что его недостаточно, можно повторить операцию, выбрав команду меню Редактирование — Трансформирование — Применить снова. Ограничивающая рамка не появится, вместо этого фотошоп повторно применит то же самое трансформирование.

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

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!

Количество графических примитивов в программе Illustrator невелико, поэтому довольно сложно ограничиться только ими при создании изображений. Однако программа предоставляет массу возможностей для изменения (трансформации, деформации и искажения) исходных векторных контуров. С особенностями трансформации, которая реализована через эффекты трансформации (Effects=>Distort&Transform ) и через соответствующие команды всплывающей панели Transform , мы ознакомились на одном из первых уроков, а теперь поговорим об искажении и деформации.

Операции искажения и деформации выполняются в Adobe Illustrator тремя способами: через эффекты деформации из группы Warp (Effects=>Warp) , посредством интерактивных инструментов «текучести» Liquify Tools из панели инструментов и с помощью эффектов из группы Envelope Distort (Object=>Envelope Distort) . Механизм работы всех этих инструментов одинаков: любой объект (текст, растровое или векторное изображение) искажается на основе другого векторного изображения, лежащего поверх первого и служащего оболочкой для деформируемого объекта; при этом искаженный объект остается редактируемым.

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

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

Еще большие возможности предоставляют эффекты Envelope Distort (Искажение по огибающей): Make with Warp, Make with Mesh и Make with Top Object. Режим Make with Top Object (Привести в соответствие с верхним объектом) позволяет использовать в качестве оболочки любой векторный контур, созданный в программе Illustrator или импортированный в нее, и вписывать в данную оболочку любые другие объекты, как растровые, так и векторные. Make with Mesh (Создать градиентную сетку) позволяет искажать объект на основе лежащей поверх него градиентной сетки, в которой можно изменять число ячеек и редактировать узлы, тем самым добиваясь почти любой трансформации искажаемого объекта. Режим Make with Warp (Создать искажение) просто дублирует команду Effects=>Warp .

Эффекты деформации из группы Warp

Возьмите инструмент Line (Линия) и нарисуйте линию произвольной длины. Затем щелкните на линии правой кнопкой мыши и с помощью команды Transform=>Rotate (Трансформация=>Поворот) из всплывающего меню создайте копию данной линии, повернув ее на 3° и щелкнув на кнопке Copy (Копирование) (рис. 1). Для продолжения копирования с поворотом нажимайте комбинацию клавиш Ctrl+D до тех пор, пока не пройдете полный круг, а изображение не станет напоминать представленное на рис. 2.

Выделите все изображение и исказите его с помощью команды Effect=>Warp=>Twist (Эффект=>Деформация=>Изгиб) при таких параметрах, как на рис. 3, изображение в результате станет напоминать рис. 4. Затем деформируйте рисунок, воспользовавшись командой Effect=>Distort & Transform=>Pucker & Bloat (Эффект=>Искажение и трансформация=>Сморщивать и раздувать) при значении деформации в 96% (рис. 5). Чтобы сделать изображение еще более эффектным, можно изменить (например, ослабить) цветовой оттенок по направлению от краев к центру. Для этого сохраните все изображение в буфере обмена, потом вставьте его на передний план командой Edit=>Paste in Front (Редактирование=>Вставить на передний план), измените цвет, уменьшите размер скопированного фрагмента, щелкнув на правой кнопке мыши, и выберите из всплывающего меню команду Transform=>Scale (Трансформация=>Размер). Затем всю последовательность операций повторите еще два-три раза вполне возможно, что в итоге изображение станет напоминать рис. 6.

А теперь рассмотрим более сложный пример попытаемся создать фрагмент изображения флага с помощью эффекта деформации Flag (Флаг). Нарисуйте серию параллельных вертикальных линий одного цвета (в данном случае зеленого) (рис. 7). Продублируйте их, в полученной копии измените цвет линий (например, на желтый) и разместите их между зелеными линиями (рис. 8). Выделите все линии инструментом Selection , Blend (Переход), установите вариант цветового перехода Smooth Color (Сглаженный цветовой переход) и создайте серию «живых» переходов, последовательно связывая верхние узловые точки отрезков. Результат будет напоминать рис. 9.

Разбейте полученный сложный объект на отдельные отрезки командой Object=>Expand (Объект=>Разбить), а затем выделите все изображение и исказите его, применив команду Effect=>Warp=>Flag (Эффект=>Деформация=>Флаг) при примерно таких параметрах, как на рис. 10; полученная таким образом заготовка для флага представлена на рис. 11. Поверх заготовки нарисуйте инструментом Pen (Перо) векторный контур флага (рис. 12) и, чтобы скрыть лишние области заготовки, создайте отсекающую маску Clipping Mask , нажав на кнопку Make/Release Clipping Mask на палитре Layers . Под конец добавьте к полученному флагу древко. Может быть, получившийся флаг будет напоминать тот, что показан на рис. 13.

Инструменты из группы Liquify Tools

Данная группа представлена семью инструментами деформации: Warp Tool (Искажение), Twirl Tool (Завиток), Pucker Tool (Сморщивание), Bloat Tool (Раздувание), Scallop Tool (Зубчатая кайма) и Crystallize Tool (Кристаллизация), которые доступны из палитры Tools и работают по одному принципу. Под воздействием любого из них объект (текст, растровое или векторное изображение) деформируется, оставаясь при этом редактируемым. Деформировать можно как весь объект целиком, так и отдельные его части это зависит от размера инструмента. Все инструменты группы отличаются широтой применения и просто незаменимы в процессе рисования объектов, так как позволяют придавать им замысловатые формы, над которыми вручную пришлось бы долго трудиться. Данные инструменты хорошо подходят для создания логотипов, применяются для получения эффектных графических заголовков и пр.

Рассмотрим пример с деформацией изображения при помощи инструмента Scallop Tool . Создайте в качестве исходной формы окружность и закрасьте ее, например, как на рис. 14. По умолчанию у создаваемой окружности есть лишь четыре узловые точки, чего недостаточно для реализации задуманной идеи. Поэтому увеличьте количество узловых точек, несколько раз применив команду Object=>Path=>Add Anchor Points (Объект=>Путь=>Добавить узловые точки), в данном случае команда была использована три раза. В итоге число узловых точек увеличится, а исходное изображение примет такой вид, как на рис. 15.

Выберите команду Effect=>Distort & Transform=>Pucker & Bloat (Эффект=>Искажение и трансформация=>Сморщивать и раздувать) при небольшом отрицательном значении параметра искажения, поскольку наша цель добиться искажения узловых точек на внешней границе окружности (рис. 16). А затем попытаемся усилить эффект зубчатых краев, превратив их в настоящие лучи. Для этого дважды щелкните на инструменте Scallop и в открывшемся окне настроек определите параметры деформации в соответствии с рис. 17. После чего щелкните инструментом Scallop в центре окружности и вы получите примерно такой результат, как на рис. 18. Изображение будет напоминать солнышко, которое рисуют в детских книжках. Данное впечатление еще больше усилится, если раскрасить изображение в соответствующий цвет, как на рис. 19.

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

Рис. 21. Результат искажения окружности инструментом Scallop морской еж

А теперь поэкспериментируем с растровым изображением (рис. 22). Дважды щелкните на инструменте Twirl Tool (Завиток) и настройте его параметры в соответствии с рис. 23. Затем установите маркер мыши так, как показано на рис. 24, и щелкните один раз инструментом Twirl в итоге водоросли наклонятся, а ограничивающая камень линия станет более естественной (рис. 25). После этого вновь дважды щелкните на инструменте Twirl и измените направление угла формирования завитка на противоположное, введя в окне Twirl Rate (Степень завивания) значение 50%. Установите маркер мыши примерно на правую нижнюю границу правого камня и один раз щелкните инструментом Twirl. Это приведет к искажению нижней границы камня она тоже станет более естественной, а изображение будет напоминать рис. 26.

Рассмотрим еще один простой пример создание снежинки с применением инструмента Pucker Tool (Сморщивание). Для начала на черном фоне нарисуйте линию белого цвета толщиной в 4 пиксела (рис. 27). Затем выделите линию и создайте копию, повернув ее на 90?. Для этого нажмите правую кнопку мыши и из всплывающего меню выберите команду Transform=>Rotate (Трансформация=>Поворот), укажите угол в 90? и щелкните на кнопке Copy (Копирование). Аналогичным образом создайте еще несколько линий, чтобы изображение стало напоминать рис. 28. Увеличьте количество узловых точек, несколько раз применив команду Object=>Path=>Add Anchor Points (Объект=>Путь=>Добавить узловые точки) изображение примет такой вид, как на рис. 29.

Объедините все линии в группу командой Object=>Group (Объект=>Группировать) и наложите на них фильтр ZigZag (Effect=>Distort & Transform=>ZigZag Эффект=>Искажение и трансформация=>Зигзаг) при параметрах, представленных на рис. 30. Результат будет напоминать рис. 31.

Дважды щелкните на инструменте Pucker Tool , настройте его параметры (рис. 32) и щелкните в центре снежинки, которая после этого станет похожей на изображение на рис. 33. Выделите снежинку, сделайте копию и поверните на 22,5?, а затем уменьшите размеры снежинки и поместите ее, например, на новогоднюю открытку (рис. 34 и 35).

Теперь с помощью инструмента Bloat Tool (Раздувание) попробуем создать простейший логотип. Сначала нарисуйте узкий прямоугольник (рис. 36), затем скопируйте его в буфер обмена и четыре раза вставьте, размещая фигуры друг под другом. Для того чтобы объекты оказались строго друг под другом и на одинаковом расстоянии друг от друга, выделите их и последовательно щелкните на кнопках Horizontal Align Center (Выравнивание по горизонтали) и Vertical Distribute Center (Распределение по вертикали), находящихся на панели Align . Результат будет напоминать рис. 37.

Дважды щелкните на инструменте Bloat , настройте его параметры примерно так, как на рис. 38, и один раз щелкните им в центре группы прямоугольников (рис. 39 и 40). Напечатайте нужные фрагменты текста и подберите для них подходящие параметры шрифта (рис. 41), затем выделите верхний текстовый блок, который должен изгибаться в виде выпуклой вверх дуги, и наложите на него эффект Effect=>Warp=>Arc (Эффект=>Деформация=>Дуга) при таких параметрах, как на рис. 42. Нижний текстовый блок должен представлять собой выпуклую вниз дугу. Чтобы добиться этого, скорректируйте параметры эффекта Arc , поменяв значение опции Bend (Изгиб) с 50 на –50, и наложите его на данный блок. При желании дополните логотип какими-либо дополнительными элементами, например как на рис. 43.

Рис. 39. Положение указателя мыши в момент применения инструмента Bloat

Эффекты из группы Envelope Distort

Наиболее интересным и чаще всего используемым эффектом данной группы является Make with Top Object (Искажение по огибающей), позволяющий вписать растровый или векторный объект в любую векторную форму. Единственным условием является строго определенное положение векторной формы она должна находиться над вписываемым объектом.

Вписывание растровых изображений в геометрические примитивы

Откройте исходное изображение (рис. 44), нарисуйте поверх него в центре небольшой эллипс с белой заливкой и отсутствием границы, например как на рис. 45. Если эллипс получился не в центре, то для его центрирования относительно исходного изображения воспользуйтесь кнопками Horizontal Align Center Vertical Align Center (Выравнивание по вертикали), находящимися на панели Align (Выравнивание), предварительно выделив оба объекта инструментом Selection . Не снимая выделения, впишите исходный рисунок в эллипс при помощи команды Object=>Envelope Distort=>Make with Top Object (Объект=>Искажать по огибающей=>Привести в соответствие с верхним объектом). Возможно, результат будет напоминать рис. 46.

Не менее интересно попытаться вписать исходное изображение в другие геометрические примитивы, например в звезду (рис. 47 и 48). Для усиления впечатления на созданную звезду можно наложить градиентную сетку командой Object=>Envelope Distort=>Make with Mesh (Объект=>Искажать по огибающей=>Создать градиентную сетку) примерно с такими параметрами, как на рис. 49. При необходимости скорректируйте состояние созданной градиентной сетки, чтобы добиться желаемого эффекта. Иногда достаточно будет переместить некоторые узлы или потребуется добавить новые узлы инструментом Mesh (Сетка) и откорректировать их положение. В итоге может быть получено изображение, представленное на рис. 50.

Можно попытаться вписать в векторную форму и фотографию (правда, для такой работы подойдут лишь фотографии, где допустимы пространственные искажения). Откройте фотографию (рис. 51), сформируйте поверх нее эллипс, выровняйте его относительно исходного изображения (рис. 52) и впишите исходный рисунок в эллипс при помощи команды Object=>Envelope Distort=>Make with Top Object (Объект=>Искажать по огибающей=>Привести в соответствие с верхним объектом). В итоге фотография примет такой вид, как на рис. 53.

Рис. 52. Наложение векторного контура для вписывания исходного изображения

Вписывание рисунка в форму с наложением на нее эффектов

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

Для примера попытаемся создать пасхальное яйцо (для его росписи воспользуемся уже готовым узором (рис. 54). Откройте файл с узором, а затем поверх него нарисуйте подходящего размера эллипс, подберите для него градиентную заливку, режим смешивания и степень непрозрачности и наложите тень (рис. 55). Создайте копию слоя с эллипсом так, чтобы слой с узором оказался между слоями с эллипсом (рис. 56). В палитре Layers выделите верхний слой с эллипсом и слой с узором и примените команду Object=>Envelope Distort=>Make with Top Object (Объект=>Искажать по огибающей=>Привести в соответствие с верхним объектом). Результат представлен на рис. 57 видно, что удалось вписать узор в форму и вместе с тем сохранить у формы тень, степень непрозрачности, режим смешивания и градиентную заливку. Улучшить внешний вид и придать блеск полученному изображению можно в любом редакторе, ориентированном преимущественно на растровую графику, например в Adobe Photoshop. После небольшого редактирования в этой программе пасхальное яйцо стало напоминать представленное на рис. 58.

Вписывание векторного объекта в контур с последующим редактированием объекта

Рассмотрим пример по вписыванию в контур серий линий. Таким образом можно получить эффектные изображения, в которых переплетающиеся линии образуют замысловатые узоры. Для этого инструментом Line Segment Tool создайте несколько вертикальных, близко расположенных друг от друга линий с толщиной штриха в 1 пиксел (рис. 59). Выделите все линии инструментом Selection и сгруппируйте их при помощи команды Object=>Group (Объект=>Группировка).

Вначале попытаемся вписать серию линий в обычный эллипс. Нарисуйте поверх линий эллипс без заливки и границы, а затем центрируйте его относительно серии линий по вертикали и по горизонтали, выделив вместе с линиями инструментом Selection и последовательно щелкнув на кнопках Horizontal Align Center (Выравнивание по горизонтали) и Vertical Align Center (Выравнивание по вертикали), находящихся на панели Align (рис. 60). Не снимая выделения, впишите линии в эллипс командой Object=>Envelope Distort=>Make with Top Object (Объект=>Искажать по огибающей=>Привести в соответствие с верхним объектом). Возможно, результат будет напоминать рис. 61.

Еще более оригинальных форм из линий можно добиться, если затем воспользоваться эффектами деформации из группы Effect=>Warp (Эффект=>Деформация). Например, наложив стиль Arc , можно превратить эллипс в яйцо (рис. 62), стиль Twist позволит получить замысловатые изогнутые формы (рис. 63), вариант деформации Fish обеспечит превращение эллипса в рыбу (рис. 64) и т.д.

Рис. 62. Результат наложения деформирующего эффекта Arc параметры настройки эффекта и внешний вид изображения

Рис. 63. Результат наложения деформирующего эффекта Twist параметры настройки эффекта и внешний вид изображения

Рис. 64. Результат наложения деформирующего эффекта Fish параметры настройки эффекта и внешний вид изображения

Можно пойти дальше и поэкспериментировать с параметрами границы (Stroke ) подобрать толщину границы, сделать ее сплошной или прерывистой, изменить цвет и пр. Правда, вначале придется избавиться от первоначальной формы огибающей, применив команду Object=>Envelope Distort=>Expand (Объект=>Искажать по огибающей=>Раскрыть). Остановимся, например, на последнем варианте деформации (Fish ), затем немного скорректируем размеры полученного объекта (рис. 65) и изменим настройки панели Stroke (Штрих), в соответствии с рис. 66. Результат представлен на рис. 67.

Рис. 65. Изображение после наложения эффекта Fish и изменения его масштаба

Рис. 67. Изменение изображения в результате корректировки параметров штриха

Интересные деформации получаются и при вписывании той же группы линий в другие формы, например в звезду (рис. 68 и 69) или в спираль (рис. 70 и 71). Созданные в результате подобных деформаций формы могут служить исходным материалом для создания более сложных изображений. Так, на основе серии линий, вписанных в спираль, был создан цветок, показанный на рис. 72.

Рис. 72. Цветок, почти полностью состоящий из вписанных в спирали линий

Вписывание текста в контур

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

Прежде всего создайте базовую форму в виде окружности (рис. 73). Вначале попробуем целиком вписать в нее фрагмент текста. Выберите из меню палитры Layers команду Duplicate (Дублировать) и сделайте дубликат слоя в итоге в палитре Layers окажутся два слоя: Layer 1 и Layer 1 copy. Активизируйте слой Layer 1 copy и на свободном месте рабочей области напечатайте нужный фрагмент текста (рис. 74). Выделите инструментом Selection (Выделение) при нажатой клавише Shift окружность и текстовый фрагмент и воспользуйтесь командой Object=>Envelope Distort=>Make with Top Object (Объект=>Искажать по огибающей=>Привести в соответствие с верхним объектом). Вполне возможно, что результат будет напоминать рис. 75.

Очевидно, что пока вписанный текст выглядит не слишком хорошо явно требуется откорректировать его положение и центрировать. Кроме того, возможно, следует изменить размер и цвет шрифта и т.п. Однако напрямую данные операции окажутся недоступными, поэтому, чтобы текст стал доступен для редактирования, примените команду Object=>Envelope Distort=>Edit Contents (Объект=>Искажать по огибающей=>Редактировать содержание). Если нужно изменить параметры шрифта, то из командного меню Window (Окно) вызовите панель Character (Гарнитура) и внесите требуемые изменения. Затем для центрирования текста перейдите на вкладку Paragraph (Абзац) и щелкните на кнопке Align Center (Выровнять по центру). И под конец скорректируйте положение текста относительно формы, переместив его инструментом Direct Selection . В итоге изображение станет похоже на то, что показано на рис. 76.

Намного сложнее вписать текст не в форму, а в специально созданные для этой цели контейнеры, на которые разбита форма. Рассмотрим и этот вариант. Как и в предыдущем случае, сначала создайте базовую форму (рис. 77). Продублируйте слой с формой командой Duplicate (Дублировать) из всплывающего меню палитры Layers . Активизируйте слой Layer 1 . Для того чтобы разделить форму на контейнеры, при помощи инструмента Pen (Перо) создайте линии, которые будут определять границы разбиения формы. Увеличьте толщину границы каждой линии в данном примере толщина обводки линий составляет 2 пункта, потому что желаемая ширина разрыва между блоками текста равна 2 пунктам. Изображение станет напоминать представленное на рис. 78.

Рис. 78. Исходная базовая форма с нарисованными поверх нее линиями разделения на контуры

Выделите все созданные линии и воспользуйтесь командой Object=>Path=>Outline Stroke (Объект=>Контур=>Обводка очертаний) линии станут толще (рис. 79). Откройте палитру Pathfinder (Следопыт) командой Window=>Pathfinder (Окно=>Следопыт), при нажатой клавише Shift инструментом Selection выделите все разделяющие линии и базовую форму. Затем щелкните при нажатой клавише Alt на кнопке Subtract (Вычесть) из палитры Pathfinder (Следопыт), чтобы вычесть линии из базовой формы, и, не снимая выделения, разгруппируйте объекты командой Object=>Ungroup (Объект=>Разгруппировать). Откажитесь от выделения объектов. В итоге форма окажется разбитой на отдельные контуры, которые можно будет выделить инструментом Selection (рис. 80), а палитра Layers примет вид, показанный на рис. 81.

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

С помощью текстового инструмента Type Tool создайте по одному текстовому объекту для каждого контейнера базовой формы (рис. 82). Выделите верхний контейнер и верхний фрагмент текста при нажатой клавише Shift и примените команду Object=>Envelope Distort=>Make with Top Object (Объект=>Искажать по огибающей=>Привести в соответствие с верхним объектом) выделенный текстовый фрагмент окажется вписанным в соответствующий контейнер. Затем аналогичную операцию проведите в отношении всех остальных текстовых объектов, поместив их в созданные для них контейнеры. После этого при необходимости откорректируйте положение текста, предварительно применив команду Object=>Envelope Distort=>Edit Contents (Объект=>Искажать по огибающей=>Редактировать содержание). Вполне вероятно, что у вас получится примерно такой результат, как на рис. 83.

Рис. 83. Окончательный вид текста, вписанного в отдельные контейнеры окружности

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

Откройте текстуру для документа (рис. 84). Создайте новый слой Layer 2 и нарисуйте поверх текстуры прямоугольную векторную область (рис. 85); при этом палитра слоев станет выглядеть в соответствии с рис. 86. Скопируйте прямоугольник в новый документ и вновь вернитесь к документу с текстурой. Выделите прямоугольник и текстуру при нажатой клавише Shift и примените команду Object=>Envelope Distort=>Make with Top Object (Объект=>Искажать по огибающей=>Привести в соответствие с верхним объектом) текстура окажется вписанной в прямоугольную область (рис. 87). После этого деформируйте прямоугольник командой Effect=>Warp=>Inflate (Эффект=>Деформация=>Надувание), придав ему вид выпуклого бумажного свитка (рис. 88) и увеличьте его высоту, поскольку там планируется разместить довольно большой текст (рис. 89).

Рис. 86. Состояние палитры Layers после формирования прямоугольной области

Перейдите на вспомогательный документ, в который ранее был скопирован прямоугольник. Текстовым инструментом Type Tool создайте текстовый объект и напечатайте нужный текст, а если образец текста имеется у вас в текстовом файле (так намного удобнее), то откройте соответствующий текстовый файл, скопируйте данный образец в буфер обмена, переключитесь обратно в программу Illustrator и при активном инструменте Type Tool воспользуйтесь командой Edit=>Paste (Редактирование=>Вставить) текст окажется вставленным в единый текстовый блок в программе Adobe Illustrator. Обратите внимание, что в случае вставки текста из буфера обмена он окажется напечатанным в одну очень длинную строку. Поэтому переместите текст на прямоугольную область, чтобы верхние левые границы текста и области совпали, и клавишей Enter вручную поделите строки в тех местах, где, на ваш взгляд, такое деление будет наиболее удачным (иначе текст будет вписан совершенно неприемлемым образом). Возможно, что результат ваших действий будет напоминать рис. 90. Поменяйте местами слои с текстом и формой для вписывания, а затем воспользуйтесь командой Object=>Envelope Distort=>Make with Top Object (Объект=>Искажать по огибающей=>Привести в соответствие с верхним объектом) текст окажется вписанным в прямоугольную область (рис. 91).

После этого примените команду Object=>Envelope Distort=>Edit Contents (Объект=>Искажать по огибающей=>Редактировать содержание), чтобы текст стал доступен для редактирования, и отцентрируйте его, щелкнув на кнопке Align Center (Выровнять по центру) из панели Paragraph (Абзац). При необходимости скорректируйте другие параметры текста и переместите его инструментом Direct Selection в центр прямоугольной области. Затем наложите на форму тот же вид деформации Inflate и при тех же параметрах, что были применены в основном файле с текстурой (рис. 92). Скопируйте текст в буфер обмена, переключитесь на основной документ с текстурой, вставьте текст из буфера и подкорректируйте его положение, а при необходимости и размер формы с текстурой. Вполне возможно, что вы получите примерно такой результат, как на рис. 93.

Рис. 92. Результат вписывания и искажения текста на вспомогательном файле

Рис. 93. Окончательный вид текста, вписанного в форму, заполненную текстурой.

Вписывание объекта в сложную многоугольную форму

Формы для вписывания объектов могут быть самыми разными. Например, возьмем в качестве исходного изображения газетную страницу, представленную на рис. 94, а для формы попытаемся создать сложный многоугольник с наличием вогнутых углов, взяв за основу обычный прямоугольник (рис. 95). По умолчанию у создаваемого прямоугольника есть лишь четыре узловые точки, в данном же примере для многоугольника необходимо 14 узловых точек. Поэтому дважды воспользуйтесь командой Object=>Path=>Add Anchor Points (Объект=>Путь=>Добавить узловые точки). В итоге прямоугольник примет такой вид, как на рис. 96. После этого инструментом Direct Selection перетащите узловые точки примерно так, как показано на рис. 97.

Выделите инструментом Selectio n созданную форму и исходное растровое изображение газеты при нажатой клавише Shift и воспользуйтесь командой Object=>Envelope Distort=>Make with Top Object (Объект=>Искажать по огибающей=>Привести в соответствие с верхним объектом) газетный лист окажется вписанным в созданный контейнер (рис. 98) и будет напоминать смятую газету.

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

Есть и другой способ деформации за счет искажения градиентной сетки. Рассмотрим его также на примере газетной страницы, пытаясь добиться эффекта смятости. В качестве исходного изображения возьмем рис. 99. Выделим газетную страницу инструментом Selection и применим команду Object=>Envelope Distort=>Make with Mesh (Объект=>Искажать по огибающей=>Создать градиентную сетку) с такими параметрами, как на рис. 100. В итоге газетная страница покроется градиентной сеткой (рис. 101). После этого достаточно будет инструментом Direct Selection перетащить отдельные узловые вершины сетки так, чтобы создать видимость, что газетный лист смят, например как на рис. 102.

В самом CorelDRAW для свободной деформации растровых изображений инструмента не предусмотрено. Есть эффекты 3D Rotate (Трёхмерный поворот) и Perspective (Перспектива), но это всё не то. Но это не означает что нет возможности добиться нужного эффекта. В этой заметке я расскажу о двух способах как применить необходимую деформацию к растровому изображению.

Оба способа используют одну и ту же функцию редактора Corel PHOTO-PAINT — деформацию (Distort), однако в одном случае это делается автоматически так, что вы даже не заметите что использовался PHOTO-PAINT.

Ручной метод

Выделяем изображение в CorelDRAW и нажимаем кнопку Edit Bitmap (Редактировать растровое изображение) для того, что бы открыть его в редакторе Corel PHOTO-PAINT. Если изображение является фоном, переведите его в объект.

Затем, с помощью инструмента Object Pick (Выбор объекта), в режиме Distort придайте необходимое искажение. После, закройте редактор, и на вопрос сохранить изображение, ответьте ДА. Изображение в CorelDRAW обновится автоматически.

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

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

Выделив два этих изображения, выбираем команду Edit Bitmap в меню Bitmap (Растровые изображения), после чего увидим что они открылись в редакторе Corel PHOTO-PAINT в виде одного документа с двумя объектами (слоями). Подстраиваем наше изображение под «шаблон», который потом удаляем.

Автоматический метод

Результат достигается с помощью макроса (выложу код, как будет время). Для деформации, необходимо изображению придать нужную форму с помощью инструмента Shape и запустить макрос, всё остальное он сделает сам.