Арт рисунки в фотошопе

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

Самым популярным фоторедактором по праву считается Фотошоп (Photoshop) производства компании Adobe. С его помощью можно творить настоящие чудеса ретуширования картинок и фотографий.

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

Первое, что необходимо сделать – скачать и установить Фотошоп на свой компьютер.

Содержание: как сделать арт из фото в Фотошопе

Подготовка изображения

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

Мы выбрали портретную фотографию всеми любимой Эмилии Кларк.

Теперь удалим фон. Для этого создаём дубликат слоя. Нажимаем правой кнопкой мыши на слой и выбираем пункт «Дублировать слой». Либо выбираем необходимый слой и нажимаем комбинацию клавиш Ctrl+J.

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

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

Коррекция

После очищения фото от ненужных деталей и фона самое время заняться коррекцией изображения. Для начала создаём дубликат слоя, кликнув правой кнопкой мыши на слой и выбрав соответствующий пункт, либо нажимаем сочетание клавиш Ctrl+J на клавиатуре. Мы уже делали это в самом начале этого урока. Поэтому если не помните, просто поднимитесь выше и посмотрите на скриншот №2.

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

Делаем активным видимый слой, нажав на него левой кнопкой мыши. Переходим в меню «Изображение» – «Коррекция» – «Порог».

Подстраиваем баланс белого для получения контрастного контура. Мы выставили значение 160.
Снимаем невидимость со второго слоя, выставляем непрозрачность на 70% (в нашем случае).
Повторяем предыдущий шаг и корректируем баланс белого и чёрного на верхнем слое.
Теперь нам нужно объединить выбранные 2 слоя с портретом в один. Чтобы это сделать просто выделите их и нажмите на клавиши «Ctrl+E».

Можно приступить к заливке фона каким-нибудь серым цветом. Теперь объединяем оставшиеся 2 слоя, выделив их и нажав Ctrl+E на клавиатуре.
Добавим нашему арту цвет. Для этого нажимаем на кнопку «Корректирующий слой» и выбираем в появившемся окне пункт «Карта градиента…».
Нажатие на цветную полосу в “карте градиентов” откроет окно выбора цвета. Выставляем двухцветный набор (в нашем случае) и подбираем цвета с помощью трёх прямоугольных ползунков под цветовой полосой. Когда достигнут желаемый результат, нажимаем кнопку «ОК» для сохранения результата.

Поздравляем, портрет в стиле поп-арт готов. Используя сочетание клавиш Ctrl+Shift+S, сохраняем готовую картинку на компьютер в нужном формате.

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

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

Часть 1. Создание черно-белого наброска

1) Подготовка рисунка.

Откройте изображение в photoshop’е. Продублируйте слой "Background". (Нажмите и потяните слой "Background" на иконку или просто нажмите Ctrl+J). Переименуйте новый слой "dots" или "точки". (Для того чтобы переименовать кликните 2 раза на названии слоя). Создайте новый слой и залейте его ярким синим цветом используя Paint Bucket tool.

Расположите этот слой между слоями "dots" и "Background". Переименуйте его "blue" (синий). Теперь палитра слоев должна выглядеть так:

Далее на слое "dots" мы должны убрать фон оставив только лицо (или фигуру) человека. Для этого используем Pen Tool. Сначала убедитесь, что в опциях Pen Tool’а выбран create a Work Path.

С помощью Pen Tool обводим лицо человека точно по контуру. Затем делаем из контура выделение (клик правой кнопкой и make selection). Инвертируем выделение (CTRL+Shft+I) и жмем delete. Снимаем выделение (CTRL+D).

2) Создание точечной основы

Обесцвечиваем слой "dots"(Ctrl+Shft+U).

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

После использования Threshold края изображения выглядят слишком неровными. Чтобы их сделать гладкими идём в Filter > Blur>> Gaussian Blur (параметры ставим около 2-3).

Дублируем слой "dots" нажав правую кнопку мыши и выбрав Duplicate Layer (Именно этим способом дублируем слой!)

В окне Document выбираем New. Теперь у вас должно быть открыто 2 изображения в photoshop’е.

В новом изображении меням Mode на Grayscale Image > Mode > Grаyscale. В диалоговом окне на вопрос "Discard color information?" Жмём OK. Теперь меняем Mode на Bitmap. Image > Mode > Bitmap. В диалоговом окне на вопрос "Flatten layers?" Жмём OK. В этом же окне меням Use на Halftone Screen.

После этих манипуляций изображение должно стать таким:

3)Подготовка к окраске

В этом же новом документе меняем Mode обратно на Grаyscale. Убедитесь что размер ratio равен 1 и жмите OK. Теперь меняем Mode на RGB. Дублируем слой таким же длинным способом как перед этим. В окне Document выбираем первоначальный документ (он должен быть на самом верху).

На данный момент палитра слоев должна выглядеть так:

Последний этап в этой части — это создание группирования между скопированным слоем и слоем "dots". Зажав кнопку ALT передвинте мышку между двумя слоями. Затем кликните мышкой когда появится значок как на картинке ниже (можно просто нажать Ctrl+G).

Теперь линкуем слои "dots" и "Background copy" (Клик на слое "Background copy" на маленькое окошко возле "глаза"). Merge Linked (Ctrl+E).

Ваша фотография должна быть примерно такой же как на рисунке ниже:

Часть 2. Раскрашивание.

1) Создание Цветовых слоев (Fill Layers)

Продублируйте слой "dots". Переименуйте новый слой "white" (белый) и переместите его под слоем "dots". Далее идем в Image > Adjustments > Brightness/Contrast. Используем параметры:
Brightness +100,
Contrast -100
Теперь слой "white" стал белым. На данный момент ваша палитра слоев должна выглядеть как на картинке:

Измените blending mode слоя "dots" на Multiply.

Кликните на иконку и выберите опцию Sol >

Выберите цвет в диалоговом окне выбора цвета. Жмите OK. (Автор начал с создания губ, поэтому выбрал темно-красный цвет)

Новый Цветовой слой появился в палитре слоев. Переименуйте его "lips" (губы) и переместите его под слоем "dots".

Сгруппируйте слоя "lips" и "white" (Ctrl+G)

Поменяйте foreground color на черный. С помощью Paint Bucket tool залейте слой "lips" черным. Теперь начинаем раскрашивать. Поменяйте foreground colour на белый. Используя жесткую кисть раскрасьте губы. (Убедитесь что opacity равно 100%). Результат на картинке ниже получился очень хорошим.

2)Остальные Цветовые слои

Повторите шаг по созданию Цветовых слоев для каждого участка фотографии (кожи, глаз, одежды и т.д.). Так выглядела палитра слоев Автора на данный момент:

Значки группированния (стрелочки) должны быть на всех Цветовых слоях.

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

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

Часть 3. Создание обводки (LineArt).

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

1) Подготовка слоев

Откройте фотографию в photoshop’е. Переименуйте слой "Background" в "оригинал". Если ваша фотография темная, вы должны её осветлить. Осветление нужно для того, чтобы линии обводки смотрелись более четко.

Для осветления идем в Image > Adjustments > Brightness/Contrast. (Для данной фотографии параметры указаны выше)

Продублируйте слой "оригинал". Переименуйте новый слой "top". Создайте два новых слоя. Переместите их под слоем "top". Залейте ближайший слой к слою "оригинал" белым и переименуйте его "Background". Оставшийся новый слой переименуйте "line art". Сделайте невидимыми слои "Background" и "top", а видиыми оставьте слои "оригинал" и "line art". Активным сделайте слой "line art".

2) Параметры Brush Tool

Для создания линий в photoshop’е мы будем пользоваться Brush Tool. Заходим в параметры кистей.

Далее показаны параметры для создания сужающейся кисти.

Убедитесь что foreground color черный.

3) Создание контура

Начинаем с губ. Выбираем Pen tool. Убедитесь что выбрана опция create a Work Path.

Обведите губы. Ниже показано место начала.

Правый клик, выберите Stroke Path. (в параметрах Brush)

Сделайте видимым слой "Background". Удалите "точечную" линию (path). Для этого правый клик, Delete Path или просто Enter. Если вы довольны результатом отключите слой "Background" и сделайте следующую линию. Если не довольны результатом используйте окно History и удалите последние действия

Если линия слегка обрывается вы можете использовать Eraser Tool. Ведите резинку не вверх/вниз, а по диагонали. Тогда вы добьетесь конусообразного эффекта на конце линии.

2) Создание конусообразной линии.

Чтобы создать линию с конусообразным окончанием с двух сторон зайдите в опции кистей, Shape Dynamics. Поменяйте Control на Pen Pressure, а Minimum Diameter на 1%.

Когда вы выбираете Stroke Path сделайте активной опцию Simulate Pressure.

Когда вы закончите делать губы включите слой "Background". Затем включайте/выключайте слой "top". Если губы будут "прыгать", значит вам стоит переделать линию губ.

3) Создание широких линий.

Создание широкой линии вам понадобится например в бровях. Создайте замкнутый контур брови и используйте Fill Path.

Такой же способ можно использовать при создании верхних ресниц.

4) Создание круглого, овального, квадратного и т.п. контура

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

1) Подготовка изображения

Сначала мы удалим фон. Для этого воспользуемся Pen Tool. Убедитесь, что в опциях Pen Tool’а выбран create a Work Path.

Создайте контур вокруг предмета.

Идите в окно Paths(справа от Chanels).

Загрузите выделение — Load path as a selection — смотрите рисунок выше. Скопируйте выделение: Ctrl+C. Вставьте: Ctrl+V. Возвращаемся в окно "Layers" и переименовываем новый слой названием предмета (в данном случае "gun" — пистолет). Создайте новый слой. Залейте его белым. Переименуйте его "background" и переместите под слоем "gun".

Обесцвечиваем: Image > Adjust > Desaturate

2) Создание обводки

Filter > Blur > Smart Blur на слое "gun":
Quality: High
Mode: Edge Only
Остальные параметры выставите на свое усмотрение. Ниже указаны параметры для этой картинки.

Делаем черную обводку Edit > Stroke. Выберите толщину линии подходящую к вашей картинке.

Получится вот это:

Теперь идем в Filter > Artistic > Poster Edges. Параметры как на картинке:

Ну и последний штрих Filter > Artistic > Cutout. Параметры как на картинке:

С помощью палитры слоев Автора можно многое объяснить. Ваша обводка должна находится на верху. Скопируйте слой "dots" столько раз, сколько у вас Цветовых слоев и сгруппируйте каждый "dots" с каждым Цветовым слоем Измените blending mode слоев "dots" на Soft Light Вы можете поменять opacity слоев "dots" чтобы они лучше подходили к вашей работе.

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

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

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

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

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

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

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

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

Далее делаем нашу картинку чёрно-белой, нажав клавиши Shift+Ctrl+U. Видимость нижних слоёв пока отключаем (нажать на пиктограмму «Глаз»).

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

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

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

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

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

Еще больше о Photoshop — на курсах «Fotoshkola.net».

Внизу градиента есть ползунки. Они являются контрольными точками(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). Цвет можно подобрать, кликнув двойным щелчком по образцам основных цветов, который находится в самом низу панели инструментов.

Теперь подведите курсор к самому тёмному оттенку нашего арта и, удерживая Alt, сделайте один клик левой клавишей мыши. На градиенте оттенка передвиньте чекер в оттенок чуть светлее. Закройте окно.

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

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

Сохраняем изображение (Shift+Ctrl+S) в привычном формате, например, в JPG. И пользуемся!

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

Оцените статью
Ремонт оргтехники
Добавить комментарий