Суббота
22.07.2017, 10.35.43
GRAFPOLIT
| RSS
Главная Графика
Меню

Разделы
Мои статьи [3]
статьи [43]
советы [33]
статьи по фотошоп [93]
уроки-видеоуроки [67]
уроки все [1021]
уроки-основа [216]
уроки-рисование [170]
уроки-техника [573]
уроки-обработка фото [226]
уроки-редактирование [126]
уроки-техника,эффекты [482]
уроки-фотомонтаж,коллаж [189]
урок-текст [131]
уроки-анимация текст [16]
уроки-анимация [117]
уроки фотошоп 3D [89]
уроки-логотип,кнопки [38]
уроки-шаблоны для сайта,шаблоны [28]
уроки,графика для сайта [37]
уроки без перевода [15]
уроки без перевода [41]
книги по фотошоп. [0]
фотошоп скачать [0]
Adobe Production скачать [0]
учебник по фотошоп [6]
работы по фотошоп. [1]
плагины,фильтры [8]

Фотошоп онлайн

Онлайн самоучитель по Photoshop с илюстрациями 1 часть

Онлайн самоучитель по Photoshop с илюстрациями 2 часть


Наш баннер

Поиск

Онлан сервисы

Cтатистика

Cтатистика

Поделиться

Статистика
Яндекс.Метрика

Главная » Статьи » ФОТОШОП » уроки все

Рисунок из фото в фотошопе

Рисунок из фото в фотошопе

В этом не сложном уроке я научу тебя как в фотошопе из обычного фото-портрета девушки сделать красивый рисунок. Урок особо актуален перед грядущим днем Святого Валентина – у парней будет еще один способ оригинально поздравить своих девушек (добавив к полученному в итоге рисунку текст, получится хорошая именная открытка ко дню всех влюбленных :)

Урок делаю в Adobe Photoshop CS4. На уникальность не претендую – похожие уроки уже есть в сети, вот только я объясню как делается этот эффект подробней и более грамотно.

Новички в данном уроке еще лучше научатся работе инструментом Pen Tool.

Значит так... Сделай фотку черно-белой, пентулом обведи основные черты лица, волос и одежды и закрась все лишнее белым цветом, оставив сам силуэт. Все, эффект достигнут! =)

Если ты ничего не понял, значит ты в фотошопе новичок и я для тебя постарался, написав ниже подробное описание:

1. Прежде всего выберем фото. Это должен быть портрет, голова не должна быть обрезана. Так же прошу обратить внимание на разрешение фотографии – чем оно больше, тем больший размер кистей нужно использовать при выполнении урока. Я специально уменьшил фото до разрешения 880x1267 пикселей (если ты не в курсе, то изменить разрешение изображения можно здесь: Image —> Image Size...). Если ты в фотошопе новичок, тогда советую уменьшить фото и тебе – примерно до указанного мною разрешения (естественно, сохранив пропорции) – будет легче повторять мои действия.

Вот такой портрет я выбрал из своей коллекции (на этом фото девушка Ирина – студентка юрфака БГУ):

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

Если на лице есть мелкие прыщики, то их можно оставить – в следующем пункте они станут незаметны. Если их много и они большие – советую их убрать с помощью инструмента Spot Healing Brush Tool (про устранение изъянов на лице так же можно прочитать в уроке Гламурное фото в фотошопе).

2. Уже на начальном этапе сделаем фото немного похожим на рисунок, используя фильтр «штриховка» (Filter —> Brush Strokes —> Crosshatch...) со следующими настройками (напоминаю, что если у тебя фото гораздо больших размеров, то настройки могут быть другими – добейся показанного мною эффекта «на глаз»):

как из фото сделать рисунок

Вот результат этих действий:

в фотошопе сделать из фото рисунок

3. Теперь сделаем фото черно-белым. Можно поступить очень просто – сделать обычное обесцвечивание (Image —> Adjustments —> Desaturate), но мы поступим иначе – более правильно, полностью контролируя процесс. По этому на панели слоев Layers жми иконку Create new fill or adjustment layer (создать корректирующий слой – на скриншоте ниже в виде черно-белого кружка) и в появившемся меню выбери пункт Black & White (черное и белое)... В итоге создасться новый корректирующий слой:

рисунок из фото (панель слоев)

...и на панели справа появится вкладка Adjustments (корректировка). Перетаскивая бегунки (изменяя баланс цветов), добейся самого красивого черно-белого варианта (что бы лицо было четким, светлым, контрастным). Если совсем не получается – нажми кнопку Auto (результат будет похуже, но это лучше, чем ничего):

рисунок из фото (обесцвечивание)

Вот так получилось у меня:

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

4. Теперь добавим еще один корректирующий слой, на этот раз для настройки яркости и контраста (на панели слоев Layers снова жмем иконку Create new fill or adjustment layer и выбираем там пункт Brightness/Contrast...). Измени настройки яркости и контраста по вкусу (они зависят от исходного фото). Вот мои настройки:

рисунок из фото (яркость и контраст)

А вот результат этого:

как из фотографии сделать рисунок

5. Скоро будем обводить основные черты лица, но перед этим, только для удобства, выполним еще пару простых действий: создадим новый слой (для этого на панели слоев нажми иконку Create a new layer). Непрозрачность слоя (Opacity) уменьшим до 30%. Слой зальем белым цветом с помощью Paint Bucket Tool:

рисунок из фото (слои)

Фото теперь должно стать затуманенным (теперь, обводя основные черты лица в следующем пункте, линии не будут сливаться с темными участками на лице и волосах), вот таким:

урок фотошопа про рисунок из фото

6. Теперь поработаем с кривыми Безье (новичкам они даются сложновато, но в прошлых уроках я уже затрагивал эту тему, например в этом: Новогодняя поздравительная открытка в фотошопе (11-й пункт)), которые рисуются инструментом Pen Tool.

На панели слоев переходим на вкладку Paths (дословно переводится как «пути») и кликаем по иконке Create new path (создать новый путь):

рисунок из фотографии (Pen Tool)

На панели инструментов выбираем инструмент «ручка» (Pen Tool). Он может работать в 2-х режимах – рисование фигур (выглядят как закрашенные фигурки) и путей (выглядят как тонкие контурные линии) любой формы. Нам нужен второй режим. Изменить режим выбранного инструмента можно на верхней панели, я обвел куда тебе нужно кликнуть (иконка называется Paths):

рисунок из фото (пути)

Начинаем рисовать пути (кривые Безье). Делается это так: кликаем в точке начала кривой, за тем кликаем в следующей точке (которая находится на не очень большом расстоянии от предыдущей) и, не отпуская левую клавишу мыши, тянем мышку, наблюдая как кривая изгибается. Останавливаемся на нужном изгибе и ставим еще одну, новую точку. Действия повторяем, пока не закончим кривую (см. мой пример ниже). Если в итоге кривая получилась не такой, как ты хочешь, то ее можно поправить – с помощью инструмента Direct Selection Tool.

Сперва обведем контур лица (у меня на него ушло 9 точек):

как из фото получить рисунок

7. То, что получилось – всего лишь «путь» (вспомогательная линия). Что бы она стала частью рисунка, ее нужно обвести с помощью кисти (Brush Tool). Вручную обводить не придется – в фотошопе все автоматизировано =)

Сперва создадим новый слой (на панели слоев Layers кликнем по иконке Create a new layer), за тем выберем инструмент «кисть» (Brush Tool). В качестве профиля кисти выберем обычную кисть круглого профиля. Настройки кисти нужно немного изменить, это делается в окошке Brushes (открывается через меню так: Window —> Brushes). Сперва изменим размер кисти (при разрешении фотографии как у меня, нужна кисть размером 3 пикселя):

рисунок из фото в фотошопе (настройка кисти)

Переходим на вкладку Shape Dynamics, там в пункте Size Jitter изменим параметр Control на Pen Pressure (линия на образце станет сужающейся к краям):

из фото сделать рисунок (настройка кисти)

Теперь возвращаемся на вкладку Paths, кликаем правой клавишей по эскизу созданного нами пути и в появившемся меню выбираем пункт Stroke Path... (обвести путь):

рисунок в фотошопе (обводка пути)

В появившемся окошке поставь галочку Simulate Pressure (эмулировать нажатие кисти) и жми Ok:

рисунок из фото (эмуляция нажатия кисти)

У меня получилась вот такая линия (немного не совпала с контуром лица, но это не страшно):

рисунок из фото в Adobe Photoshop

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

как из фотки получить рисунок

9. Удалим полупрозрачный вспомогательный слой (который мы заливали белым цветом). Туман с фотографии исчезнет:

получить из фотографии рисунок

10. Понемногу подходим к завершающему этапу... Сейчас нужно закрасить все лишнее белым цветом (в моем примере – стену и нижнюю часть одежды), оставив лишь силуэт девушки. Выбираем инструмент «кисть» (Brush Tool), на всякий случай сбросим настройки кисти (в окошке Brushes жмем куда я показал и выбираем пункт Reset Brushes...):

рисунок из фотки (сброс кистей)

В качестве профиля кисти выберем мягкую кисть (с мягкими краями), размер – 100 пикселей (может быть и больше). Непрозрачность кисти (Opacity) уменьшим до 10%:

превратить фотку в рисунок (настройка кисти)

Теперь создадим новый слой (на панели слоев Layers кликаем по иконке Create a new layer), разместим его сразу над слоем с изображением девушки (т.е. разместим вторым снизу) и начинаем закрашивать все лишнее белым цветом, налаживая мазки кистью друг на друга:

нарисовать в фотошопе рисунок из фото

Можно слегка закрасить волосы:

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

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

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

Исходное фото и получившийся рисунок, для сравнения:

рисунок из фото в Photoshop

Еще один мой пример рисунка из фото:

рисунок из фотографии



Источник: http://designarts.ru/uroki_photoshopa/risunok_iz_foto_v_fotoshope
Категория: уроки все | Добавил: yana (01.09.2012)
Просмотров: 9227 | Теги: карандашный рисунок, рисунок в фотошопе, рисунок из фотографии | Рейтинг: 4.5/13 |
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Наш баннер

Наш журнал

Поиск

Графика
 3D MAX 
MAYA 

Фотошоп
Призрак
Montures
Рисунок из фото в фотошопе
Cross Processing (эффект кросс-процесса в фотошопе)
Создаём эффектные узоры в Фотошоп- 2
Волнующее море в Фотошоп
Анимация дождя в Фотошоп
Ты-звезда!
Создаём постер с гейшей в Фотошоп
Создай граффити текст в Фотошоп
Рисуем зонтик в Фотошоп
Создаём анимированный баннер в Фотошоп
Превращаем фото-портрет в картину используя Фотошоп
Удаляем трещины с старой Фотографии используя Фотошоп
Основы тех. дизайна
Рассеянный фотоэффект в Фотошопе
Придаем эффект гламура Фотографии в Фотошопе
Омоложение в Фотошопе, Делаем человека моложе обработав его фотографию
Создаем эффект старого фото
Ретуширование скучного снимка в синих , голубых тонах


Copyright MyCorp © 2017