Как в фотошопе сделать портрет в стиле арт?

7 ответов на вопрос “Как в фотошопе сделать портрет в стиле арт?”

  1. Paxom3000 Ответить

    Для начала нам нужно отделить певицу от белого фона. Для этого создаем копию исходного слоя нажатием клавиш CTRL+J.
    Затем убираем видимость первого слоя, нажав на значок в виде глаза рядом с миниатюрой слоя. После этого переходим к дубликату слоя.
    Убрать белый фон можно с помощью инструмента “Волшебный ластик”, который находится на боковой панели инструментов программы. После того, как ластик выбран, щелкаем на фотографии по всем отдельным участкам белого фона, чтобы его убрать.
    В итоге вместо белого цвета в качестве фона мы должны видеть шахматную доску – верный признак того, что мы все сделали правильно.
    Теперь нужно обесцветить скопированный слой. Для этого нажимаем комбинацию Ctrl+Shift+U.
    Получаем черно-белую фотографию.
    Если требуется (в зависимости от ситуации), можно настроить уровни изображения, чтобы сделать тени и свет более выразительными. Для нужно воспользоваться инструментом “Уровни”, который находится во вкладке “Изображение”, группа “Коррекция”. Или же можно воспользоваться комбинацией клавиш Ctrl+L.
    После того, как настройки выполнены, сохраняем их нажатием кнопки OK. В нашем случае потребовались минимальные корректировки начальных значений хотя, можно было бы обойтись и этих изменений.
    Открываем галерею фильтров, расположенную во вкладке “Фильтр”.
    Раскрываем группу “Имитация”, выбираем из предложенного списка “Очерченные края”. Значения параметров “Толщина краев” и “Интенсивность” ставим на нуле, а для “Постеризации” оставляем 2. По готовности жмем кнопку OK.
    Должен получиться примерно такой результат.
    Переходим к постеризации. Для этого в палитре слоев кликаем по кнопке создания корректирующего слоя и выбираем в списке соответствующий пункт.
    В свойствах постеризации устанавливаем значение 3 (в зависимости от исходного изображения это значение может варьироваться, но, чаще всего, цифра 3 – оптимальный вариант).
    Нажимаем комбинацию клавиш Ctrl+Alt+Shift+E, чтобы создать объединенную копию всех слоев.
    На боковой панели инструментов выбираем “Кисть”.
    Теперь нужно закрасить лишние участи на фотографии:
    если требуется удалить черные или серые точки с белых областей, зажимаем клавишу ALT на клавиатуре (курсор превращается в инструмент “Пипетка”), щелкаем по белому цвету, который хотим взять в качестве образца, затем отпускаем клавишу ALT и закрашиваем требуемые участки с помощью кисти.
    аналогичные действия выполняются по отношению к черным и серым участками с выбором соответствующих образцов цвета.
    Создаем новый слой и размещаем его под слоем с обработанным портретом.
    Выполняем заливку созданного слоя таким же слоем, что и в портрете. Для этого воспользуемся сначала инструментом “Пипетка”, затем – “Заливка”.
    На этом с постеризацией фотографии мы закончили, и можно переходить к его раскраске.

    Этап 2: применение градиента

  2. gusevm85 Ответить

    Этот урок научит вас делать рисунки подобные тем что используются в комиксах, журналах из фотографии.
    Часть 1. Создание черно-белого наброска
    Часть 2. Раскрашивание
    Часть 3. Создание обводки

    Часть 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.

    Кликните на иконку
    и выберите опцию Solid Colour.

    Выберите цвет в диалоговом окне выбора цвета. Жмите 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
    Остальные параметры выставите на свое усмотрение. Ниже
    указаны параметры для этой картинки.

    Инвертируем: Ctrl+I

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

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

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

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

    Результат:

    Заключение

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

    Перевод: Sozina
    Автор: Melissa Clifton
    [ обсудить в форуме ]

  3. Magnum2288 Ответить

    Для работы нам понадобится портрет. Открываем изображение в 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 Intensity — 0, «Постеризацию»/Posterization — 1. Обратите внимание на то, как света и тени разбились на уровни. Завершив подбор параметров, нажмите 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. И пользуемся!

  4. VideoAnswer Ответить

  5. VideoAnswer Ответить

Добавить ответ

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