Как наложить сердечки на фото в фотошопе
Обновлено: 06.07.2024
В этом уроке мы будем учиться накладывать рисунок - изображение флага на лицо. Для того, чтобы наложение красок на лицо было реалистичным мы будем использовать карту смещения пикселей, которая позволит сохраниться на лице бликам и теням, то есть передать объём лица. В уроке будет показано , как создавать такую карту. Для работы я выбрала фотографию девушки и флаг Великобритании.
В результате работы у меня получился вот такой портрет:
Итак, приступим к работе и откроем фото в фотошопе:
Первое, что мы сделаем - это создадим копию слоя CTRL + J :
Теперь нам нужно выделить лицо и эту область обесцветить. Для этого воспользуемся командой Быстрая маска, нажав на клавишу Q . Затем выберем мягкую Кисть чёрного цвета и непрозрачностью 100%. Прорисуем кистью всё лицо.
Теперь нажмём опять на клавишу Q , чтобы выйти из режима Быстрой маски и получим следующее выделение:
Затем нужно инвертировать выделение, нажав на сочетание клавиш CTRL + SHIFT + I , и, в результате, выделится только лицо.
Теперь создадим слой маску на верхнем слое, нажав на значок на нижней панели палитры Слои, затем перейдём на иконку слоя и обесцветим изображение CTRL + SHIFT + U :
Если у вас обесцвечивание захватило лишние области или наоборот не захватило какие-то области лица, то в этом случае вам нужно перейти на маску и для того, чтобы убрать лишнее нужно взять чёрную кисть и прорисовать область, а чтобы добавить нужно взять белую кисть и так же прорисовать нужную область. У меня в итоге получилось всё сразу хорошо, поэтому я ничего не убирала и не добавляла.
Для дальнейшей работы нам нужно применить слой – маску и для этого кликнем правой кнопкой мышки по слою и выберем Применить слой-маску:
Теперь будем создавать Карту смещения и для этого сначала повысим контрастность изображения с помощью уровней, сдвинув ползунки к центру:
Теперь немного смягчим изображение фильтром размытие по Гауссу, чтобы получился эффект как на скриншоте:
Теперь сохраним карту смещения в формате фотошоп PSD на компьютер в любую папку, чтобы в нужный момент загрузить её оттуда на изображение:
Продолжим работу с изображением в фотошопе и сделаем возврат на два шага назад, нажав дважды сочетание клавиш ALT + CTRL + Z и в результате получим такое изображение:
Теперь поместим на изображение флаг и для этого выполним команду Файл – Поместить, в результате, откроется проводник вашего компьютера, где нужно найти папку Исходники и выбрать флаг, а затем нажать на кнопку Поместить:
В результате, изображение флага поместится поверх фото при этом изображение флага будет находиться в рамке Трансформирования. Нужно с помощью рамки Трансформирования развернуть флаг так, чтобы он закрыл всё лицо, а затем внутри рамки щёлкнуть дважды левой клавишей мышки, чтобы трансформация применилась:
Теперь уменьшим Непрозрачность слоя до 50%, чтобы видеть как располагается рисунок флага на лице и при необходимости подвинем флаг:
Затем нужно вернуть Непрозрачность на 100%:
Далее применим фильтр Смещение: Фильтр-Искажение-Смещение:
В открывшемся окне Смещение оставим всё как есть и нажмём ОК. Затем откроется окно Выбор карты смещения, где нужно выбрать Карту смещения и нажать Открыть:
В результате, получим следующее изображение:
Теперь нужно восстановить на изображение выделение лица и для этого нужно, удерживая клавишу CTRL , щёлкнуть пиктограмме Слоя1 и в результате выделение загрузится:
Теперь добавим к слою слой-маску и изменим режим Наложения слоя на Перекрытие:
Теперь выделим и объединим два верхних слоя CTRL + E :
Затем возьмём инструмент Ластик с настройками, которые показаны на скриншоте и сотрём краску на глазах, зубах, по контуру лица, на подбородке, лбу и скулах. Затем уменьшим Непрозрачночность слоя до 70%:
На этом урок Как наложить рисунок на лицо в фотошопе окончен.
До новых встреч!
Если Вы не хотите пропустить интересные уроки по обработке фотографий - подпишитесь на рассылку.
Форма для подписки находится ниже.
Автор: Олег Лодянов (kinoLOG). Дата публикации: 25 февраля 2017 . Категория: Уроки фотошопа коллажи.
(Шаблон "Пламенеющие сердца" со своими фото)
Вот и подошёл День Всех Влюблённых.
Воодушевлённый этой грядущей датой, решил сделать урок "Как сделать сердце в фотошопе" (Шаблон "Пламенеющие сердца" со своими фото) по созданию оригинальной открытки - «Валентинки».
Конечный результат получился, на мой взгляд, впечатляющим.
К тому же, эту открытку теперь можно использовать, как шаблон – вставляйте свои фотографии на место моих и – «вуаля», как говорят французы.
Урок не очень сложный (средний уровень), но шагов получилось довольно много – более пятидесяти. Но, если всё делать аккуратно и внимательно, то, я думаю, Вы с успехом справитесь.
Мы с Вами рассмотрим и создание световых эффектов, и создание светового переливающегося облачка, текстовые эффекты и ещё много чего интересного. Надеюсь, Вас увлечёт этот творческий процесс. Не стремитесь повторять всё в точности – экспериментируйте, пробуйте и не бойтесь ошибаться – у Вас всегда под рукой палитра «История», не забывайте о ней.
Создаём новый документ размерами 1920×1080px. И придадим этому слою Стиль слоя (двойной клик по слою в Панели слоёв).
Не закрывая окна Стилей слоя, передвиньте Ваш градиент инструментом «Перемещение» в нижнюю часть документа.
Помещаем на наш фон чашку кофе – я скачал её с бескрайних полей «Яндекс-картинок», Вы же можете позаимствовать её у меня (прилагается), либо подобрать свою. Подгоните по размерам (Ctrl + T).
Моя «Чашка кофе» была в формате PNG, т.е. на прозрачном фоне. Но пришлось вырезать некоторые части, как на скриншоте ниже (инструментом «Волшебная палочка» или «Лассо» выделяете ненужные участки, и нажимаете «Delete»).
Инструментом «Эллипс» (Ellipse Tool) (U) создайте фигуру, как показано у меня на иллюстрации (Стиль – Фигура, Заливка – белая, Обводка – нет). После этого примените Размытие по Гауссу (Filter > Blur > Gaussian Blur) с радиусом в 30px.
Создайте в Панели слоёв группу и назовите её «Световые эффекты». Смените режим наложения этой группы на «Осветление основы» (Color Dodge) и перенесите только что созданный вами эллипс в эту папку.
Для создания искрящихся частиц будем использовать гибкие настройки кистей. Создайте новый слой в группе “Световые эффекты”, выберите основным цветом белый и настройте кисть в соответствии с приведёнными ниже рисунками.
Нанесите настроенной кистью искры на наш слой и примените к нему стиль Внешнее свечение (Outer Glow).
Добавим немного дыма. Создайте новый слой и назовите его “Дым”. Смените режим наложения слоя на "Осветление основы" (Color Dodge) и переключитесь на инструмент Лассо (Lasso Too)l. Задайте этому инструменту Растушёвку 40px и создайте выделение, как у меня на картинке ниже.
После этого, убедитесь что основным цветом у вас выбран белый, а фоновым — чёрный (нажмите сначала «D», затем «X» и запустите фильтр «Рендеринг > Облака» (Filter > Render > Clouds).
На заметку: можете поиграть фильтром несколько раз до тех пор, пока не получите лучший результат.
Снимите выделение (Ctrl + D).
Добавим дыму романтического шарма.
Выбираем инструмент Горизонтальный текст (Horizontal Type). Напишем что-нибудь, вроде «I love you, My love» и второй текст – например, «Want to love forever». В каждой из строки продублируйте текст несколько раз, чтобы он получился длинным (3-4 раза).
Примените к обоим слоям Фильтр «Искажение > Волна» (Distort> Wave).
Примените к текстовым слоям Свободную трансформацию (Ctrl + T).
У Вас, возможно, всплывёт окно:
Нажмите Ок и продолжайте. Расположите Ваши текстовые слои так:
Примените к ним Стили слоя (двойной клик по строке слоя в Панели слоёв), как показано ниже:
Добавьте Слой-маску к обоим текстовым слоям и сотрите чёрной мягкой кистью лишнее. У Вас должно получиться примерно так:
Объедините все созданные слои с текстовым «дымом» в группу (Ctrl + T) и назовите группу «Текст-дым».
Теперь займёмся созданием пламени для нашего сердца.
Создайте новый документ (Ctrl + N).
Скачайте и установите себе в программу Фотошоп кисти «Огонь» (прилагаются). Как установить кисти в Фотошоп, думаю, разберётесь или посмотрите на нашем сайте.
Выберете эту кисть:
Нанесите этой кистью одним кликом изображение на документ.
Перейдите на вкладку Каналы и создайте дубликат Красного канала
Стоя на копии Красного канала, перейдите на вкладку "Слои" и добавьте корректирующий слой «Кривые» и измените кривую, как на фото ниже:
В Каналах должен быть активным канал «Красный копия». Нажмите на миниатюру слоя «Слой 0» с зажатой клавишей Ctrl – появляется выделение Красного канала. Копируем слой – нажимаем сочетание клавиш «Ctrl + C».
Мы создали пламя для дальнейшей работы.
Переходим обратно в наш документ «Пламенеющие сердца». Создадим новый слой поверх всех слоёв и назовём его «Огонь». Вставим наше скопированное пламя - нажимаем «Ctrl + V»
И применим к нему Стиль слоя, как показано ниже:
Создаём новый слой и назовём его «Сердце». Выбираем инструмент «Произвольная фигура» (Custom shape). Найдите фигурку сердца в библиотеке фигур Photoshop, нанесите её на документ и залейте белым цветом. Затем понизьте Прозрачность (Opacity) фигуры до 10%
Сердце мы создали в качестве шаблона для размещения нашего пламени. Давайте этим и займёмся.
Переходим на слой «Огонь» и вызываем команду Свободное трансформирование (Ctrl + T). Щёлкните внутри изображения правой клавишей мыши (ПКМ) и выберете «Деформация» (Transform > Warp). Вытягивая точки и узлы сетки, расположите пламя по контуру Сердца.
После этого нажмите Enter и продублируйте слой (Ctrl +J). Нажмите ещё раз «Ctrl + T» и выберете «Отразить по горизонтали» (Flip Horizontal). Поместите копию слоя на второй половине Сердца. Примените к этому слою функцию «Деформация», подгоняя её по форме Сердца.
Объедините два слоя «Огонь» и «Сердце» в группу и назовите её «Пламенное сердце». Я добавил к группе Стиль слоя:
Инструментом «Ластик» (Eraser) сотрите лишнее в пламени. Получилось следующее:
Примените к группе Свободное трансформирование «Ctrl + T» и разверните Сердце, как Вам нравится.
Создадим заготовку для шаблона – вставки в наше Сердце фотографии наших любимых.
Перейдите на слой «Сердце» и вызовите выделение, нажав на иконку слоя с зажатой клавишей Ctrl. Затем перейдите в «Меню > Выделение > Трансформировать выделенную область» (Transform Selection). Уменьшите немного размеры выделения. Также зайдите в Меню > Выделение > Модификация > Растушёвка (Modify > Feather) и выберете 10 пикс.
Теперь переходим на фоновый слой «Слой 0» и нажимаем «Delete».
Теперь мы можем вставить любое фото в пустое окошко. Выбираем фотографию и размещаем её под фоновым слоем «Слой 0»
С помощью команды «Ctrl + T» подгоняем фотографию по размеру и положению в документе.
Мы создали одно Пламенное сердце. Давайте добавим сюда ещё одно.
Продублируйте группу «Пламенное сердце», перетащив её на иконку Новый слой или нажав «Ctrl + J».
Примените к копии слоя Свободную трансформацию «Ctrl + T», уменьшите её и переместите как Вам понравится, ведь совсем не обязательно делать всё в точности - поэкспериментируйте, подвигайте. Может быть, переместите слой ниже и расположите его за большим сердцем, поиграйте с размером.
Повторите действия как в шаге 13 (выделить Сердце >уменьшить и растушевать >выделение > удалить выделенное на фоновом слое > вставить своё фото).
Займёмся фоном - какой-то он у нас получился мрачный.
Добавим поверх фона текстуру бетона (прилагается).
Переносим текстуру на документ поверх фонового слоя и растягиваем на всё изображение.
Измените режим наложения на «Перекрытие» (Overlay). Как видите, текстура отобразилась и на других слоях – исправим это. Добавьте на слой Маску слоя
И сотрите чёрной кистью те участки, где структура бетона лишняя.
Если Вам кажется, что Вы перестарались с пятнами, то сотрите лишнее Ластиком или, ещё лучше, добавьте Маску слоя (значок «Добавить векторную маску» внизу Панели слоёв) и сотрите на Маске чёрной кистью В этом случае Вы можете вернуть стёртое белой кистью по Маске слоя.
Добавьте ещё один слой поверх слоя «Подсветка» и назовите его «Подсветка сердец». Этой же кистью пройдите вокруг сердец. Добавьте слою Маску слоя и чёрной кистью по Маске сотрите лишнее. К тому же, Вы всегда можете уменьшить непрозрачность слоя
Получилось такая картина:
Добавим текст на нашу открытку.
Напишем, к примеру «With the» (один слой), «beloved» (второй текстовый слой) и «FOREVER» (третий слой). Откройте «Меню > Символ». Шрифт подберите на Ваш вкус, я выбрал Viner Hand ITC. Подкорректируйте в этом же окне Символ размер шрифта, цвет выберете белый. Задайте одному из текстовых слоёв Стиль слоя, как показано ниже
Нажмите по слою с созданным Стилем ПКМ и выберете «Скопировать стиль», Затем перейдите на другие текстовые слои и , кликнув ПКМ, выберете «Вклеить стиль».
Выберете инструмент Перемещение и разместите Ваши текстовые слои так, как считаете нужным. Я , к тому-же изогнул слой с текстом «FOREVER».
Наверное, на этом и остановимся. Вот конечный результат:
Хотелось бы отметить, что если вы хорошо освоили стили слоёв, а также нюансы настройки кистей, то вам под силу создавать совершенно невероятные эффекты, порой, отличающиеся друг от друга, как небо и земля. Иногда совсем небольшие изменения в настройках параметров могут дать абсолютно отличный от предыдущего результат, поэтому — просто пробуйте и проявляйте фантазию!
На этом наш урок Как сделать сердце в Фотошопе (Шаблон "Пламенеющие сердца" со своими фото) закончен. Честно признаюсь, сам получил большое удовольствие от творческого процесса. Этот приём, конечно, не нов и Вы наверняка найдёте нечто подобное Интернете. Но, пропустите это через себя, добавьте своей изюминки и Вы увидите, как преобразится Ваша работа, как она будет не похожа на все остальные.
Мы в этом уроке рассмотрели с Вами множество техник – это и создание световых эффектов, и создание светового переливающегося облачка, и работа с текстурами, и текстовые эффекты и ещё много чего.
Здравствуйте! Сегодня научимся рисовать сердце в фотошопе . Сердечко хоть и не с крыльями, но тем не менее получится достаточно симпатичное.
Сначала мы рисуем одну половину сердца, затем копируем слой и делаем симметричную вторую половину. А далее, каждый на свое усмотрение, может применить различные эффекты и стили к рисунку. Например, в центр можно вставить фотографию любимого человечка.
В конце урока мы нарисуем его так:
Теперь все подробнее:
Шаг 1
Определимся с размером будущего изображения. Я сделаю 256 на 256 пикселей с прозрачным фоном. Поскольку форма сердца подразумевает симметрию обеих ее половин, нам нужно установить вертикальную направляющую, по которой мы будем ориентироваться, чтобы в итоге все получилось ровным и симметричным.
Чтобы направляющую установить точно по середине, медленно ведите ее по документу, фотошоп автоматически сделает слегка уловимое примагничивание к середине. Отпустите клавишу мыши. Теперь у нас появилась голубая вертикальная линия. Подробнее о линейках и направляющих.
Шаг 2
Затем в бой вступает, нелюбимый для многих, инструмент Перо. При помощи него мы сделаем что-то наподобие скелета будущего сердца. Для это установите три точки, чтобы определить границы формы. Первую и последнюю точки соедините между собой. Вот как должно получиться:
Шаг 3
В следующем шаге начнем придавать узнаваемые округлые формы. Именно тут и начинается главная сложность в работе с пером. Возьмите инструмент Угол (находится во вкладке пера в самом низу списка). Кликните на крайнюю правую точку и, не отпуская кнопку мыши, начинайте двигать в сторону. Некогда прямые линии начнут деформироваться. Вам нужно сделать так, чтобы угол стал закругленным.
Еще немного подергав за все созданные точки, нужно добиться вот такого результата:
Шаг 4
Теперь нужно преобразовать наш новоиспеченный контур в выделенную область. Для этого, при все том же выбранном инструменте Угол, нажмите правой кнопкой мыши в любом месте изображения, и в контекстном меню выберите команду Образовать выделенную область.
В появившемся диалоговом окне, в параметре Радиус растушевки установите значение 0. В результате получим выделенную область одной половины сердца:
Шаг 5
Шаг 6
Нарисуем недостающую вторую половину. Продублируйте выделение на новый слой, нажав Ctrl+J . Выделите копию слоя на палитре, возьмите инструмент свободное трансформирование Ctrl+T и щелкните по изображению правой кнопкой мыши. Из появившегося меню кликните Отразить по горизонтали. Теперь вторая половинка стала зеркальной. При помощи инструмента перемещение установите ее слева от нашей первичной половины. Если это делать медленно, то вы почувствуете примагничивание.
Теперь оно стало похоже само на себя! Можно убрать направляющую.
Следующими этапами, нарисованное нами сердечко оформим должным образом. Но, прежде всего, объедините обе половины в одно целое на палитре слоев. Для этого выделите два этих слоя, затем вызовите меню правой кнопкой мыши и нажмите Объединить слои.
Шаг 7
Шаг 8
Можно добавить обводку. Она находится там же в стилях слоя. Цвет выберите из оттенков красного, непрозрачность примерно 80%.
Шаг 9.
Я бы добавил в пару к обводке еще и немного внутреннего свечения. Цвет белый, размер примерно 13 пикселей, непрозрачность 75%.
Шаг 10
Добавим игру света.
Создайте новый пустой прозрачный слой. Зажав клавишу Ctrl , нажмите по миниатюре сердца на палитре слоев. Должно появится выделение по контуру сердечка. Теперь на панели инструментов найдите Градиент. Установите значение от белого к непрозрачному, линейный.
Выделив новый пустой слой, поверх выделенной области наложите градиент, но только так, чтобы он своим белым светом сильно наш красный цвет не обесцветил.
Шаг 11
Выберите инструмент Овальная область и нарисуйте полукруг, чтобы примерно на треть выделить наше сердце. Затем нажмите Backspace . В результате мы удалили выделенную часть белого градиента. От него лишь осталась небольшая часть сверху, словно падает свет. Если получился слишком явный контраст, градиенту можно понизить непрозрачность.
Вот и все! Я специально расписал все очень подробно, так как урок рассчитан на начинающих пользователей фотошопа. Отпишитесь в комментариях о своих успехах.
Читайте также: