Как сделать рисунок из фото фотошоп: Как сделать векторный рисунок из фотографии
Adobe Photoshop — «Как создать красивый рисунок по фото, чтобы вас заметили в соцсетях? Подробный урок со скринами, на основе моей собственной фотографии.»
Приветствую всех. Наконец я решилась на очень важный для себя отзыв, в котором я хочу рассказать о своем добром друге, инструменте вдохновения и источнике множества творческих идей – программе Adobe Photoshop.
C фотошопом я познакомилась еще в 2008 году.
Тогда я начала посещать курсы «графического дизайна». Пишу в кавычках, потому что все, чему меня научили на этих курсах – это создавать новый документ. Но тогда я установила себе эту программу с диска, выданного на курсах, и почувствовала себя невероятно важной персоной. Начало, как и интерес к программе, было положено.
Поначалу я делала немудрящие вещи, которые делает каждая девушка, дорвавшаяся до фотошопа. Грамотных уроков тогда было раз-два и обчелся, помню, на ютубе на полном серьезе учили ретушировать кожу, разблуривая ее. Смотреть на обработку фотографий тогдашнего моего периода без смеха невозможно.
Но… шло время. Я поняла, что в этой программе таятся поистине неисчерпаемые возможности для творчества. Мой внутренний дизайнер вылез из спячки и требовал все большего количества просмотренных уроков и чтения обучающих книг. Что из этого вышло – судить вам.
Я использую версию СС (Creative Clouds) в англоязычной раскладке.
Мне так удобнее, потому что многие качественные уроки являются переводом, вся терминология на английском, и не нужно ломать голову над локализацией.
В этом отзыве я не буду описывать интерфейс программы или учить, как кадрировать фото.
О ретуши фотографий, думаю, тоже не стоит распинаться, в конце концов, в формате отзыва подробно осветить этот вопрос является невыполнимой задачей, а по верхам прыгать смысла нет, к тому же в сети огромное количество уроков разной степени сложности.
А рассказать я хочу о том, что мне нравится больше всего делать, что приносит огромное удовольствие и неплохой заработок, а именно – создание векторных портретов по фото.
Иллюстрации по фото сейчас приобретают огромную популярность. Портреты в стиле ГТА, в стиле аниме, обработка поп-арт, в стиле гранж, мурчиано, и прочее. Многие хотят украсить своим рисованным изображением страничку в соцсетях или поставить в качестве аватарки для группы. А еще это отличный подарок для друзей или близких. Попробуйте, не исключено, вас увлечет эта тема, и в вас проснется настоящий художник!
В сети я почти не видела внятных уроков на эту тему, и до многих вещей мне пришлось доходить самой. Профи, возможно, фыркнут на мои художества, но я на уровень профи и не претендую.
Хочу предупредить, урок этот не для новичков. Предполагается, что такие понятия, как «режим наложения», «размытие по гауссу», «понизить прозрачность» и «мягкая круглая кисть» не вызывают у вас приступов паники.
ДЛЯ НАЧАЛА РАЗБЕРЕМСЯ С МАТЧАСТЬЮ.
Есть много способов рисования портретов, с помощью графического планшета и без него. Мне больше нравятся портреты, нарисованные мышкой с помощью перышка, они выглядят аккуратнее, хотя орудовать пером на планшете, безусловно, быстрее.
Это портрет, который создан с помощью кривых. Его удобно рисовать в кореле, но если корела под рукой нет, можно управиться только одним фотошопом, ведь там есть очень мощный инструмент «Перо», с помощью которого легко создавать фигуры произвольных очертаний и размеров. Этим векторная графика отличается от растровой – ведь векторный объект состоит не из точечек-пикселей, а из кривых и линий, которые, как известно, бесконечны. Поэтому размеры векторных фигур можно сколько угодно изменять без потери качества.
Что такое «Перо» и как оно работает?
Если мы ставим точки пером, не зажимая левой кнопки мыши, из точек вытягиваются обычные прямые линии. Но если потащить курсор с зажатой левой кнопкой мыши, точки превращаются в узлы, из которых вытягиваются направляющие («усы»), и линия выходит изогнутой. Чем более длинные направляющие тянутся из узла – тем более изогнутой получается линия. Редактировать контур можно с помощью черной и белых стрелок на панели инструментов.
С помощью белой стрелки можно редактировать незавершенный контур, с помощью черной – перемещать замкнутый контур. Так же функцию белой стрелки выполняет нажатая клавиша Ctrl. Если нам нужно создать незамкнутый контур – необходимо щелкнуть на пустом месте с нажатым Ctrl.
Инструмент «Перо» имеет свою отдельную палитру, которая так и называется Paths (Контуры). Как только вы начинаете что-то рисовать пером, в палитре автоматически создается временный слой, под названием Work Path. Именно в этом слое отражаются все действия, которые вы производите с инструментом. Слои с контурами в палитре Paths можно выделять, дублировать, переименовывать – точно также, как в палитре Layers (Слои).
Прежде чем рисовать портрет,
нужно потренироваться производить 2 операции с контурами.
1) Обводка контура векторной фигуры фоновым цветом.
Создаем пустой слой. На нем с помощью инструмента «Перо» выводим вот такую загогулину.
Выбираем кисть для обводки. В палитре кистей она четвертая от начала.
Правой кнопкой мыши щелкаем по нарисованной нами фигуре. Выбираем из выпадающего меню Stroke path (Обводка контура).
Ставим галочку Simulate pressure (Имитировать нажим кисти).
Контур превращается вот в такую линию, широкую посредине и сужающуюся на концах. У меня был выбран коричневый цвет, поэтому линия окрашивается коричневым.
Рабочий слой с этой загогулиной создан в палитре контуров (Paths).
Его можно удалить, нарисованная линия остается в палитре слоев (Layers).
2) Заливка векторной фигуры фоновым цветом.
Теперь делаем нашу загогулину замкнутой. Для этого перышком подводим контур к той точке, где мы начинали ее рисовать, при этом курсор приобретет форму нолика, или кружка.
Чтобы закрасить нарисованную нами фигуру каким-либо цветом, нужно нажать кнопку Fill path with foreground color (Залить фоновым цветом).Она находится на палитре Paths внизу слева и выглядит как белый кружок.
Я выбрала красный, поэтому вся наша фигура закрашивается в красный цвет. Как видите, в палитре контуров рабочий слой имеет ту же форму.
Удаляем рабочий слой из палитры контуров. Наша фигура остается только в палитре Layers на новом слое.
Вот и вся премудрость.
С помощью всего лишь этих двух манипуляций мы и создадим наш векторный портрет.
НА ЭТОМ СО СКУЧНОЙ ТЕОРИЕЙ ЗАКАНЧИВАЕМ, ПЕРЕХОДИМ К ПРАКТИКЕ.
Специально для этого отзыва я нарисовала портрет по одной из своих старых фотографий.
Для рисунка стоит брать фотки хорошего качества, с отличным освещением. Я выбрала эту.
Вначале удалим задний фон с фотографии, используя инструмент «Перо». Создаем дубликат слоя ctrl +j. Теперь нам нужно подготовить черновик-трафарет нашего будущего изображения, который мы будем обводить.
Для этого заходим во вкладку Image — Adjustments — Posterize (Изображение — Коррекция — Постеризовать). Подвигайте ползунок так, чтобы на фото явственно обозначились света, полутени и тени. Можно размыть изображение Filters — Blur — Gaussian blur (Размытие по гауссу), чтобы сгладить неровности.
ВАЖНО! Каждую деталь своего будущего портрета я создаю на новом прозрачном слое. Это позволяет в любой момент внести коррективы.
Итак, создаем первый слой,
Заливаем его бежево-розовым цветом, похожим на оттенок нашей кожи.
Теперь на новом слое обводим волосы перышком, заливаем коричневым цветом. Впрочем, можно использовать любой цвет, на данном этапе это несущественно. Вернемся к этому чуть позже. Назовем слой «Волосы».
Поскольку на фото у меня видна часть черной кофточки, я еще нарисовала и залила черным цветом кусок одежды. У нас готова вот такая грубая болванка.
На новом слое прорисовываем отдельные выбившиеся из прически волоски, чтобы волосы выглядели естественно. Рисуем произвольные линии, которые обводим тем же цветом, что и вся прическа (Stroke path). Для получения незамкнутого контура нужно щелкнуть на свободном пространстве с зажатым Сtrl.
Теперь начинается самое интересное.
Наше лицо не плоское, как бумажный лист, а трехмерное. Чтобы лицо выглядело объемным, необходимо прорисовать на нем тени, средние тона (полутени) и блики.
Имейте в виду, чем больше оттенков цвета вы будете использовать, тем интереснее и многограннее получится портрет. Для средних тонов я использую оттенок, который чуть темнее основного тона кожи, для глубоких теней – еще более темный оттенок, для бликов – более светлый оттенок.
Вначале создаем новый пустой слой, назовем его «Cредние тона». Обводим перышком все пятна, которые создают среднюю тень. Это глазницы, боковые части лица, часть щеки. Заливаем цветом. Я выбрала вот такой – серо-бежевый. Поскольку источник освещения во время фотографирования находился справа, левая щека у меня получилась более темно
Переводим фотографию в рисунок в Фотошопе, урок – как превратить фото в рисунок в программе Photoshop; видеоурок TeachVideo
Как сделать рисунок из фотографии
Фотография, стилизованная под рисунок, создает совсем иное настроение у зрителя. В этом уроке ты научишься превращать любую фотографию в рисунок. Прежде чем приступить к работе открой фотографию, с которой будешь работать. Для этого зайди в меню «Файл» и выбери пункт «Открыть».
Далее щелкни по пиктограмме «Создать новый слой» на палитре слой. Открой меню «Редактирование». Выбери пункт «Выполнить заливку». В появившемся диалоговом окне с названием «Залить» открой список «Использовать» и выбери белый цвет. Нажми кнопку окей.
Пустой слой на фотографии будет залит белым. Щелкни по стрелке «Непрозрачность» на палитре слоев, и установи значение данного параметра равным 65. Активизируй инструмент «Ластик». Щелкни по стрелке у поля «Кисть», чтобы открыть палитру кистей. Выбери кисть, которая оставляет на холсте шероховатые штрихи. Например, как эта. Далее передвинь ползунок «Главный диаметр», чтобы увеличить размер кисти. После того как ты установил настройки, несколькими широкими масками приоткрой часть изображения. Затем выбери меньшее значение параметра главный диаметр. И нанеси на полотно мазки кистью меньшего диаметра.
После этого щелкни на палитре «Непрозрачность» и установи значение данного параметра слоя равным 100%. Если тебя не устраивает степень открытости фотографии, повтори еще раз те же манипуляции с инструментом «Ластик». Ты можешь расширить содержимое палитры кистей, активизировав инструмент «Кисть». Щелкни по стрелке рядом с полем «Кисть» на панели инструментов, а затем – по стрелке в открывшейся палитре. Выбери один из пунктов в нижней части контекстного меню палитры кистей – например, «Сухие кисти».
В появившемся диалоговом окне нажми кнопку «Добавить», чтобы включить сухие кисти в имеющийся список.
Как в фотошопе сделать контур изображения или текста
Здравствуйте, уважаемые читатели. Продолжаем изучать программу Photoshop и ее возможности. Сегодняшний урок относится к базовому разделу. Все будет легко и просто. Однако, благодаря этому навыку вы уже сможете выполнять интересные действия к примеру, создавать неплохие коллажи, делать красивые надписи и даже научитесь рисовать силуэты.
Сегодня я расскажу вам как в фотошопе сделать контур. Мы поработаем с изображениями, научимся делать рамки по краям картинок и выполнять обводку текста. Надеюсь, вы уже умеете работать с выделением сложных объектов. Этот навык очень пригодится сегодня. Если нет, советую начать с другой публикации из моего блога.
Конечно, это не обязательно, я расскажу про один из инструментов, который поможет выделить объект, но для повышения собственной продуктивности не помешает узнать и про остальные – лассо, волшебная палочка, быстрое выделение.
Однако, что-то я забегаю вперед. Давайте переходить к каждому моменту постепенно. Возможно, это и не понадобится для решения конкретной задачи. Начнем с простых рамок, для которых от вас не потребуется ничего, кроме исходного изображения.
Обрамление фото
В верхнем меню находим раздел «Файл» и выбираем категорию «Открыть», ищем на своем компьютере нужную фотографию и благополучно заливаем ее в фотошоп. Обычно, я просто перетаскиваю изображение из папки в программу.
Почему я поступаю именно так? Благодаря этому способу пиксели не сбиваются, подробности об этом моменте можете узнать из статьи «Как растянуть изображение в Photoshop — без потери качества и пропорционально».
Мы же открываем фотку любым понравившимся способом. В принципе, в конкретном случае «правильность» не имеет такого уж важного значения. Мы не будем работать с ее размером.
Многие новички, в принципе, не могут ничего сделать с картинкой, которую только что залили в Photoshop. Они ищут в чем проблема, почему набор функций слишком ограничен. Вся проблема заключается в том, что нижний слой по умолчанию блокируется от редактирования. Достаточно снять замок с картинки, ситуация мгновенно изменится в лучшую сторону. Вам будет доступно больше опций.
Стыдно признаться, но в стародавние времена, для редактирования я и сам просто создавал новый слой при помощи клавиш Ctrl+J, пока не открыл для себя этот элементарнейший момент. Вот почему так важно читать книги и смотреть полноценные курсы для начинающих. Экономит вре
Как создать анимированный .GIF в Photoshop CS5, CS6 и CC
Допустим, у вас есть папка, полная изображений, которые вы хотите объединить в кадры в анимированном GIF. Для этого в Интернете можно найти специальные программы, но с некоторыми новыми функциями Adobe Photoshop это довольно быстро и просто.
- Соберите изображения, которые вы хотите анимировать, в одну папку.
- Щелкните Файл> Сценарии> Загрузить файлы в стек . Когда появится окно «Загрузить слои», нажмите Обзор , чтобы выбрать и открыть файлы изображений, а затем нажмите OK .Это должно импортировать файлы, которые вы выбрали, как отдельные слои в вашем документе. При необходимости расположите слои в правильном порядке.
- Следующий шаг зависит от того, какая у вас версия Photoshop:
- Для Photoshop CS5: откройте палитру «Анимация» («Окно »> «Анимация »).
- Для Photoshop CS6: откройте палитру «Временная шкала» («Окно »> «Временная шкала »).
- Для Photoshop CC (Creative Cloud): откройте палитру шкалы времени (окно > шкала времени ).В середине палитры вы увидите кнопку с раскрывающимся списком, позволяющую выбрать «Создать временную шкалу видео» или «Создать анимацию кадра». Вы хотите выбрать и затем нажать кнопку Create Frame Animation .
- В меню палитры «Анимация / Временная шкала» (находится под этой кнопкой в правом верхнем углу палитры:) щелкните «Создать кадры из слоев ». При необходимости можно также щелкнуть Обратные кадры . Это займет каждый слой вашего документа и установит его как отдельный кадр в анимации.
- Теперь изменим длительность каждого кадра. Убедитесь, что вы находитесь в режиме просмотра кадра, а не в режиме шкалы времени. Если вы не видите миниатюрные изображения всех ваших слоев на палитре «Анимация / Временная шкала», щелкните значок в правом нижнем углу (при наведении курсора на текст будет указано «Преобразовать в покадровую анимацию»). Теперь вернитесь в меню палитры Animation / Timeline и нажмите Select All Frames .
- Нажмите кнопку раскрывающегося списка под каждым изображением кадра (обведено красным на изображении ниже). Появится меню, в котором вы можете установить продолжительность.Поскольку выбраны все кадры, для всех кадров будет установлено одинаковое время. При желании каждый кадр можно изменить индивидуально.
- Кнопка раскрывающегося списка, обведенная черным кружком на изображении выше, изменяет количество циклов анимации; либо фиксированное количество раз, либо навсегда.
- После того, как порядок кадров и синхронизация установлены, самое время сохранить изображение! Щелкните Файл > Сохранить для Web и устройств , убедитесь, что формат файла установлен на GIF, при необходимости измените любые другие параметры и сохраните изображение!
Теперь у вас будет анимированный GIF, взятый из папки, полной отдельных кадров.Фактически, пока каждый кадр существует в Photoshop как отдельный слой, палитра «Анимация / Временная шкала» может использоваться для создания GIF. Но с помощью CS5, CS6 или Creative Cloud (CC) легко создавать отдельные слои из папки отдельных кадров, как описано.
Если вы хотите добавить эффект перехода для перехода от одного кадра к следующему, см. Мой другой пост, «Появление и исчезновение анимированного GIF-файла в Photoshop».
Уроки— Уроки Photoshop — Рисование
В этом уроке я покажу вам, как сделать иллюстрации Junk Foods.Надеюсь, это немного помогло вам в составлении списка. Приятного просмотра и спасибо за просмотр!
С помощью этого урока я раскрашу новый проект под названием «То, что у меня в руке». В этом уроке я буду использовать Adobe Photoshop и Wacom Tablet для создания готового результата.
2d цифровое рисование персонажей мультфильмов, сборники рассказов Привет и добро пожаловать в «картину:« Рисование персонажей ». В этом уроке я опишу вам процесс создания этого изображения. Это изображение было создано с нуля с помощью Adobe Photoshop и планшета Wacom.Я подробно расскажу об этой раскраске персонажей, чтобы вы могли получить как можно более четкое представление о моем процессе.
Этот пример Baymax более интересен; Использование чисто белого тела для отражения текстуры резины, на самом деле, больше проверяет свет и тень, чем богатые цветные объекты.
Узнайте, как создавать милых и забавных персонажей животных с помощью простых инструментов и техник. В этом уроке Adobe Photoshop показано, как применить гладкую текстуру меха и острые элементы к грубому наброску «Совы».
Сегодня мы поговорим о некоторых базовых знаниях о пути, начинающемся от фантастической точки входа, треугольника Пенроуза. Вы также можете попробовать нарисовать семиугольник Пенроуза, если вам интересно.
СерияMSD по созданию логотипа. Первая часть набора руководств, которые помогут вам в процессе создания логотипа для вас или ваших клиентов.
В этом уроке я покажу вам, как нарисовать женский портрет с нуля. Вы узнаете несколько основных правил формирования рисунка, советы по эффективному рисованию, использованию кисти и уходу за деталями.Для этого урока настоятельно рекомендуется графический планшет.
В этом уроке вы узнаете, как создать очаровательную детскую иллюстрацию, используя технику цифровой живописи в Adobe Photoshop.
В этом уроке я покажу вам, как создать симпатичную детализированную винтажную иконку телевидения с нуля с помощью Photoshop. Подробное пошаговое руководство поможет вам разобраться в процессе его создания. Итак, приступим!
Помогите нам! Каждый день в Good-Tutorials отправляется все больше и больше учебных пособий.Мы могли бы использовать вашу помощь в поиске хороших руководств. Не могли бы протянуть руку помощи?| Основные формы в Photoshop 1 Хотя скриншоты для этого руководства для начинающих были сделаны в Photoshop v.7, для пользователей PS 8 или более ранних версий не так много различий. Посмотрите все мои НОВЫЕ основные формы в уроке Photoshop! Мои сочетания клавиш предназначены для ПК.Если вы используете Mac, вам необходимо преобразовать их. По сути, Alt = Option и Ctrl = Command. Я знаю, что есть и другие способы создания фигур, включая инструмент «Фигура». Я подробно рассказываю об этом инструменте в моем уроке по фигуре «Get into Shape». Этот урок научит вас многим ценным навыкам Photoshop, связанным с выделением. | В этом уроке вы создадите прямоугольник и круг. |
СОВЕТЫ для начинающих: Вы можете найти полезные подсказки, если наведете курсор на изображения. Кроме того, если есть элемент фиолетового цвета, о котором вы хотите узнать больше, щелкните его. Вы обнаружите, что последние два проекта зависят от знаний, которые вы приобрели в ходе работы над первым, поэтому, если вы начнете с чего-нибудь, кроме самого начала, и столкнетесь с трудностями, вам будет лучше начать все сначала.:) | |
Вот некоторые вещи, которые вы узнаете, работая с этим руководством:
|
|
| А.
Прямоугольник 1. Файл -> Создать. Сделайте свой холст 300×300.72 dpi в порядке, и вы должны быть в режиме RGB. 2. Найдите свою палитру «Слои» и щелкните значок «Новый слой» в правом нижнем углу рядом с корзиной. Дважды щелкните имя слоя в палитре слоев и введите новое имя. Я дал своему умное прозвище «Прямоугольник». | |
| 3. Выбрав слой «Прямоугольник» в палитре слоев, выберите инструмент «Прямоугольная область» на панели инструментов.Проверьте панель параметров и убедитесь, что у вас Feather of 0 и Style is Normal. Затем перетащите прямоугольник по холсту, как я сделал здесь. На самом деле это «прямоугольное выделение». 4. Щелкните квадрат цвета переднего плана (здесь мой красный) и затем выберите цвет для вашего прямоугольника. Щелкните ОК. Теперь я сказал, что это «прямоугольное выделение», а не «прямоугольник». Зачем? Ну, выделение на пустом слое пусто, потому что в нем нет пикселей.Залейте выделение пикселями и сделайте настоящий прямоугольник. 5. Как и в большинстве операций в Photoshop, существует несколько способов заливки выделения. Вот мой любимый способ: удерживая клавишу Alt, нажмите клавишу Backspace. Это закрашивает любое выделение цветом переднего плана. | |
Отступление: если Alt-Backspace заполняет выделение цветом переднего плана, угадайте, что делает Ctrl-Backspace? (Подсказка: при тестировании убедитесь, что ваш цвет фона в панели инструментов не белый, иначе вы не увидите, что он делает.) | |
6. Теперь давайте создадим границу прямоугольника. Эта операция известна как , обводка выделенной области. Щелкните квадрат цвета переднего плана и выберите другой цвет. Я выбрал черный. Щелкните ОК. | |
7.В меню нажмите Правка -> Обводка . (Обратите внимание на «Заливку». Это другой способ заливки выделения.) В появившемся диалоговом окне введите количество пикселей для ширины границы. Я использовал 4. Решите, хотите ли вы, чтобы обводка проходила внутрь, снаружи или по центру выделения. Щелкните ОК. Ctrl-D для отмены выбора. Выполнено! | |
| Б.Круг Далее вы собираетесь создать круговое выделение , затем заполнить его и обвести. 1. File> New и сделайте свой холст 300×300. 72 dpi в порядке, и вы должны быть в режиме RGB. Начните с нового слоя, как вы делали с прямоугольником. (Прежде чем оглянуться назад, подумайте, как это сделать.) 2. Щелкните и удерживайте инструмент прямоугольной области, пока другие инструменты под ним не вылетят. (У каждого из инструментов с крошечной стрелкой в правом нижнем углу есть другие варианты внизу!) Выберите инструмент Elliptical Marquee, как я сделал справа. 3. Теперь, если вы просто потянете это, вы получите эллипс. Попытайся. Трудно, если не невозможно, получить ИДЕАЛЬНЫЙ круг, хотя и без уловки, и вот он: удерживайте клавишу SHIFT, перетаскивая эллипс наружу. Идеальный круг! (Что произойдет, если удерживать Alt и сдвигать при вытягивании эллипса?) | |
| 4. Теперь заполните и обведите свой круг так же, как я на круге справа. Попытайтесь вспомнить, как вы это сделали с прямоугольником, прежде чем смотреть вверх, но затем посмотрите вверх, если вам нужно. (Не беспокойтесь, если вы что-то напутали, потому что вы всегда можете начать с этого момента или вы можете вернуться в историю, чтобы исправить свои ошибки.  | |