Рисуем в Фотошоп портрет в стиле Line Art. Сборник лучших компьютерных программ для рисования артов Сделать фан арт онлайн в фотошопе

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

В этой статье мы расскажем, как сделать арт в Photoshop. А точнее, мы будем делать из фото арт картинку. И несомненно, лучшая программа для создания артов из фотографий - это Photoshop. Создать арт можно несколькими способами. Мы рассмотрим наименее трудозатратный и наиболее быстрый.

Для работы нам понадобится портрет. Открываем изображение в Photoshop. Делаем дубликат слоя изображения (Ctrl+J ).

Фон на изображении нужно удалить. Как отделить объект от фона мы писали ранее в статье .

Если у вас однородный фон на фото, воспользуйтесь инструментом «Волшебная палочка»/Magic Wand Tool либо . Если фон сложный, то вам нужен инструмент «Быстрая маска»/Quick mask mode .

В нашем случае отделить девушку от фона можно инструментом «Быстрое выделение»/Quick selection tool . Работаем с дубликатом изображения.

Выделите фон, не задевая модель. После этого инвертируйте выделение (Ctrl+I ). Теперь выделен не фон, а объект на фоне, в нашем случае - девушка.

После этого достаточно нажать сочетание клавиш Ctrl+C , Ctrl+V , чтобы отделённое от фона изображение девушки было перенесено на прозрачный слой.

Теперь нам нужно выбрать в «Галерее фильтров»/Filter Gallery тот, с помощью которого можно сделать обводку контуров на нашем чёрно-белом фото и постеризацию теней и светов. Постеризация разобьёт оттенки на уровни, переход между которыми будет очень резкий. На этом этапе создания арта к каждому фото стоит подобрать свой фильтр или даже два, если есть необходимость. Вероятнее всего подойдут следующие фильтры: «Штрихи»/Brush Strokes/«Обводка»/Ink Outlines и «Акцент на краях»/Accented Edges ; «Эскиз»/Sketch /«Ксерокопия»/Photocopy ; . Галерея фильтров находится в пункте «Фильтр»/Filter главного меню программы. Важно! Когда подбираем фильтр, основные рабочие цвета должны быть чёрный и белый.

В нашем случае идеально подошел фильтр «Имитация»/Artistic/«Очерченные края»/Poster Edges . Фильтр настраиваемый. Слева в диалоговом окне нужно перемещать ползунки, пока не добьётесь желаемого результата. «Толщину краев»/Edge thickness задаем 1 , «Интенсивность»/Edge Intensity - 0 , «Постеризацию»/Posterization - 1 . Обратите внимание на то, как света и тени разбились на уровни. Завершив подбор параметров, нажмите Ok .

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

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

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

Еще больше о Photoshop - на курсах .

Внизу градиента есть ползунки. Они являются контрольными точками(stops). Слева точка - на Позиции/Location 0%, справа - на 100%. Одним кликом мышки внизу, под градиентом, можно создать новую точку. Ухватив, её можно перемещать влево и вправо. Лишние точки можно удалить, выделив и нажав на «Удалить»/Delete. Нам предстоит поставить точки на позиции 25%, 50%, 75%. Каждой точке зададим цвет. Две последние точки будут одинакового цвета, приблизительно похожего на тон кожи человека.

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

А теперь точки по очереди.

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

Установим точку на позиции 25%, цвет зададим красный.

Следующая точка будет голубого цвета, позиция 50%.

Предпоследняя точка 75%. Её цвет подбираем близким к цвету кожи. Внизу есть окошко с пометкой # . Скопируйте из этого окошка код цвета (выделяем и жмём Ctrl+C ).

Самая последняя точка у нас уже есть. Позиция 100%. Щёлкаем по ней дважды, открываем палитру, в окошке с пометкой # выделяем надпись и вставляем наш скопированный код, нажав Ctrl+V . Закрываем окно. Карту градиента тоже закрываем, нажав Ok .

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

Создаём новый слой (Shift+Ctrl+N ) и перетаскиваем его под слой с изображением девушки.

Оставаясь на новом слое, берём инструмент «Прямоугольная область»/Rectangular Marquee Tool .

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

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

Техники урока научат искусно применять фильтр Перекрытие (Overlay) и инструмент Выборочная коррекция цвета (Selective Color), чтобы изменить настроение фотографии. Вы также узнаете, как размещать фигуры для поддержания абстрактного визуального стиля, как пользоваться кистями, чтобы получить эффект движения и сможете добавить глубины переднему плану. Еще мы воспользуемся отличным трюком, чтобы выделить волосы.

Шаг 1

Сначала скачайте набор кистей In The Moment и установите, дважды кликнув по нему.

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

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

Шаг 2

Дважды кликните по фоновому слою, разблокировав его. Создайте новый слой в Photoshop, перетяните его под фотографию. Заполните слой белым. Всё просто.

Шаг 3

Теперь нам нужно вырезать модель и вставить её на новый слой, сохранив при этом фон. Выберите фотографию, увеличьте масштаб до 300% (Ctrl + “+” ), затем нажмите Р , выбрав инструмент Перо (Pen tool). Аккуратно создайте контур вокруг модели, игнорируя растрепанные пряди волос - не жалейте, мы все равно вернем их позже.

Шаг 4

После того, как вы создали контур вокруг тела модели, кликните правой кнопкой мыши внутри него и выберите Сгенерировать выделение (Make Selection). Нажмите ОК . Мы разделим фотографию на два слоя. Кликните Ctrl + X , чтобы вырезать и Ctrl + V , чтобы вставить выделение на новый слой. Сократите непрозрачность (Opacity) фонового слоя до 64%.

Шаг 5

Теперь можно вернуть непослушные пряди волос. Выключите все слои кроме модели. Выберите инструмент Палец (Smudge tool), используйте размер кисти 1 или 2, установите Интенсивность (Strength) на 95%, затем поставьте галочку Образец со всех слоев (Sample All Layers) на панели Опций (Options bar).

Шаг 6

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

Шаг 7

На этом этапе мы добавим цвет, используя режим наложения Перекрытие (Overlay) - его можно найти либо в выпадающем меню палитры Слоев (Layers palette), либо в меню Слои > Стиль слоя > Параметры наложения (Layer > Layer Style > Blending Options). Создайте новый слой, заполните его желтым (#ffff00), сократите непрозрачность (Opacity) до 16% и установите режим наложения Перекрытие (Overlay). Ммм, прекрасный желтый оттенок.

Шаг 8

Создайте новый слой и воспользуйтесь инструментом Кисть (Brush), добавив разбросанные мягкие штрихи розового (#ffe02b1). Сократите непрозрачность до 37% и установите режим наложения Перекрытие (Overlay). Повторите процесс, закрасив тело модели кроваво-красным оттенком, соответственно регулируя непрозрачность. Также выберите Перекрытие (Overlay). Сгруппируйте слои и разместите в верхней части документа.

Шаг 9

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

Шаг 10

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

Шаг 11

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

Шаг 12

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

Шаг 13

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

Шаг 14

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

Шаг 15

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

Шаг 16

Вы добавили все, что нужно, и сейчас работа выглядит отлично, но неплохо было бы сделать так, чтобы изображение сильнее выделялось. Может показаться, что некоторые цвета могли бы быть ярче, а некоторых вообще не видно. В таком случае воспользуйтесь панелью Корректирующих слоев (Adjustment Layer panel) и добавьте слой Выборочная коррекция цвета (Selective Color) надо всеми остальными. Его можно найти в меню Слой > Новый корректирующий слой > Выборочная коррекция цвета (Layer > New Adjustment Layer > Selective Color).

Шаг 17

Установите слой Выборочная коррекция цвета так, чтобы он влиял на все слои ниже. Это позволит легко изменять каждый цвет - пройдитесь по настройкам и откорректируйте их, получив желаемый результат. И вот всё готово. Сохраните работу, похвастайтесь друзьям и поделитесь ей в комментариях.

Этот Photoshop урок познакомит вас с очень известным направлением в изобразительном искусстве как Поп-арт.

Рядом с поп-артом стоит имя Andy Warhol, который был и художником, и фотографом, и кинорежиссером, и издателем.

Именно он в середине 20 века создавал уникальные картины-коллажи из совершенно неожиданных вещей - от изображений консервных банок до столь гламурных коллажей с Элвисом Пресли и Мэрлин Монро.

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

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

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

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

Желательно, чтобы человек на фото смотрел прямо в объектив камеры.

1. Ниже показан процесс вырезания мальчика с родного фона и размещение его на новом. Для нас важно, чтобы мальчик и фон размещались на разных слоях.

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

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

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

Разместите яркий фоновый слой прямо под рабочим слоем (с мальчиком).

3. Чтобы сделать высоко-контрастное изображение, то сначала убедитесь в том, что вы находитесь на слое с вырезанным мальчиком и выберите в меню Image > Adjustment > Threshold .

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

4. Грубо выделите каждую часть изображения, которую вы позже будете раскрашивать.

Нажимайте Alt + Ctrl + J чтобы каждую часть копировать на отдельный слой. Назовите каждый новый слой. Поменяйте режим смешивания каждому слою на Multiply , и нажмите OK.

5. По очереди активизируйте каждый слой в палитре слоев.
Для каждого нажимайте Ctrl + клик по окошку слоя и переходите в меню Edit > Fill .

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

6. В окне "Стили слоя" (Layer Style , появляется если дважды щелкнуть по слою) выберите стиль Color Overlay (заливка цветом) и поменяйте там blending mode (режим смешивания слоев) на Color . Выберите яркий цвет и нажмите OK.

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

8. Сохраните этот файл в формате фотошоп (.psd) и сделайте копии слоев, где вы делали колорирование. У вас в панели слоев каждый участок закрашен в определенный цвет. Теперь очень просто можно заменить цвет участка, использую функцию Hue/Saturation (Ctrl +U).

В конце можно скомбинировать все варианты в одно большое изображение.

Такое комбинирование различных вариантов одного и того же изображения очень характерно для стиля 60-х годов Поп-арта.

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

Шаг 1.
Воспользуемся какой-нибудь подходящей фотографией, например этой .

Шаг 2.
Делаем дубликат слоя с оригинала и применим «Фильтр» (Filter) > «Размытие» (Blur) > «Умное размытие» (Smart Blur) со значениями, как на рисунке ниже. Качество (Quality) — Высокое (High), Режим (Mode) — Только края (Edge Only).

Шаг 3.
Нажимаем Ctrl+I, чтобы инвертировать изображение. На данном этапе пока отключим этот слой. Он нам пригодится позже. И еще сделаем одну вещь. Создаем новый слой над слоем с оригинальной фотографией и зальем его белым цветом.

Шаг 4.
В новом документе создаем горизонтальную линию. Удерживая Shift+Ctrl+Alt нажимаем стрелку вправо, чтобы копировать линию. Потом объединяем все линии и поворачиваем их на 45 градусо.

Шаг 5.
Выделяем квадрат 100х100 пикселей и кадрируем рисунок. После этого определяем новый узор «Редактирование» (Edit) > «Определить узор» (Define pattern).

Шаг 6.
Аналогичным образом создаем второй узор с наклоном в другую сторону.

Шаг 7.
Возвращаемся в наш основной документ. После этого делаем дубликат слоя с фото и передвигаем его выше белого слоя. Применяем «Изображение» (Image) > «Коррекция» (Adjustments) > «Изогелия» (Threshold) с настройками, как на рисунке ниже.

Шаг 8.
Применим стиль слоя «Перекрытие узора» (Pattern Overlay). Режим наложения «Замена светлым» (Lighten). В качестве узора выбираем первый созданный нами узор из полосок (Шаг 4-5).

Шаг 9.

Получили такой результат. Теперь преобразуем слой в новый смарт объект. Нажимаем на слое правую кнопку мыши и выбираем пункт «Сгруппировать в новый смарт объект» (Convert to smart Object). После этого меняем режим наложения слоя на «Умножение» (Multiply).

Шаг 10.
Создаем еще один дубликат оригинального слоя и повторяем Шаги 7-9 с той разницей, что в Шаге 7 используем значение 100, вместо 118, а в Шаге 8 используем второй созданный нами узор с другим наклоном полосок.

Шаг 11.
После этого должен получиться такой результат.

Шаг 12.
Включаем верхний слой из линий, который мы отключили в Шаге 3.

Шаг 13.
Создаем еще один дубликат слоя с оригинальной фотографии. Применяем к нему «Изображение» (Image) > «Коррекция» (Adjustments) > «Изогелия» (Threshold). Только теперь настройки должны быть еще ниже, чтобы получился такой эффект, как на картинке ниже. После этого меняем режим наложения слоя на «Умножение» (Multiply).

Шаг 14.
В целом после всех манипуляций должен получиться такой результат.

Шаг 15.
Воспользуемся какой-нибудь подходящей текстурой, например этой .

Шаг 16.
Вставляем текстуру в наш документ, меняем режим наложения на «Умножение» (Multiply).

Шаг 17.
Снижаем прозрачность слоя с текстурой до 85%. Потом выбираем инструмент «Ластик» (Eraser Tool), и маленькой мягкой кистью с прозрачностью 30% проводим по текстуре в районе лба, щек и подбородка.

Шаг 18.
Теперь украсим фон какими-нибудь , имеющимися в наличии.

Шаг 19.
В заключение напишем какой-нибудь текст .

PS. Постовой. А вы знаете, что Модель Адриана Лима — это очень красивая девушка, которая весьма востребована в рекламном и модном бизнесе и которая своей красотой вдохновляет очень многих дизайнеров.

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

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

Способ 1: Popartstudio

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

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

Пошаговая инструкция имеет следующий вид:

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



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



3. Как только выбор будет произведён, вас перебросит на страницу с настройками. Изначально нужно загрузить фото, с которым планируете работать. Для этого кликните в поле «Файл» по «Выберите файл» .



4. Откроется «Проводник» , где вам нужно указать путь до изображения.



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



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



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



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



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



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



11. Дополнительно можно «поиграть» с параметрами контрастности и непрозрачности, если таковые есть в шаблоне.
12. Чтобы увидеть изменения, произведённые вами, нажмите на кнопку «Обновить» .



13. Если вас всё устраивает, то сохраните свою работу. К сожалению, нормальной функции «Сохранить» на сайте нет, поэтому наведите курсор на готовое изображение, нажмите на правую кнопку мыши и в выпавшем меню выберите «Сохранить изображение как…» .

Способ 2: ФотоФания

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

Небольшая пошаговая инструкция имеет следующий вид:

Способ 3: Photo-kako

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

Инструкция выглядит следующим образом:

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