7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Illustration

Как Превратить Фотографию в Абстрактный Лайн-Арт

Scroll to top
Read Time: 3 mins

Russian (Pусский) translation by Andrey Rybin (you can also view the original English article)

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

В Результате Урока

Ниже вы можете видеть изображение, над которым мы будем работать. Хотите получить доступ к исходному файлу, а так же загрузить исходники и другие уроки, включая этот? Присоединяйтесь к Vector Plus за 9$ в месяц.

Шаг 1

Создайте новый документ и кликните по Файл > Поместить (File > Place). Выберите вашу фотографию/изображение и нажмите Поместить, чтобы импортировать изображение. (Снимите флажок с Сылка (Link), если вы хотите сохранить файл изображения в вашем документе). Далее выберите изображение и заблокируйте его с помощью Control + 2.

Шаг 2

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

Шаг 3

Возьмите инструмент Отрезок Линии (\)(Line Segment Tool) в панели инструментов и нарисуйте горизонтальную линию, в ширину больше чем ваша картинка. Поместите ее на верх вашего изображения и сделайте обводку контрастного цвета.

Шаг 4

Выберите линию и зайдите в Объект > Трансформировать > Трансформировать Каждый (Alt + Shift + Command + D). Введите -15 рх для Перемещения по Вертикали и нажмите Копировать. Далее, нажмите Control+D пока линии не достигнут нижней части вашего изображения.
Примечание: вы можете выбрать любое значение для вертикального перемещения, оно должно соответствовать размерам вашей картинки. Я для этого случая выбрал -15 рх).

Шаг 5

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

Шаг 6: Вертикальный Трейсинг

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

Шаг 7

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

Шаг 8

Выберите все горизонтальные линии и заблокируйте их используя Control+2. Далее, возьмите копию которую мы сделали на Шаге 5 и поместите ее на трассируемую область.

Шаг 9: Горизонтальный Трейсинг

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

Шаг 10

После того, как трейсинг выполнен, разблокируйте все (Control+Alt+2) и удалите фоновое изображение. Выберите все линии и сгруппируйте их (Control+G). Вы можете поэкспериментировать с цветом обводки и толщиной линий, чтобы добиться нужного результата.

Заключение и Область Применения

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

Подписывайтесь на канал Vectortuts+ RSS Feed чтобы быть в курсе последних уроков и статей.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.