Манипуляции с фоткой при создании валентинки. Быстрая маска

Приближается праздник всех влюбленных, и каждому из нас приятно будет получить какой-то особенный подарок. Хотя подарок для каждого из нас в реальной жизни определяется многими факторами!
А вот в жизни интернетной, мне кажется, каждому будет приятно получить небольшой подарочек в виде сердечка валентинки, который можно быстро и легко сделать в фотошопе.
Сегодня я не только расскажу вам о нескольких вариантах, как сделать красивую валентинку быстро и легко, но и покажу как это делается в видео.
Всего парочка минут и у вас готовая валентинка, которая имеет массу преимуществ.
Во-первых, она будет сделана вами, а значит, вы получите не только новые знания, но и положительные эмоции от того, что вы это сделали!
Во-вторых, сердечко будет неповторимым, потому что вряд ли вы увидите еще точно такое же на просторах Интернета!
В-третьих, ваша работа передаст ваше тепло и искреннее пожелание, которое можно написать именно для того человека, которому вы адресуете свое поздравление или хотите рассказать о своих чувствах.
В-четвертых, сделанную открытку можно распечатать на цветном принтере и подарить лично в руки!
Думаю, что я убедила вас! Итак, начнем.

Делаем сердечки валентинки в фотошопе
Для этого мы воспользуемся инструментом фотошопа «Произвольная фигура». В нем есть изначально парочка стандартных фигурок сердца, но при желании, в библиотеку фигур можно подгрузить новые интересные картинки.

Вариант 1. Простое сердечко.
Шаг 1. Открываем фотошоп, создаем новый документ с размером 500 на 500 пикселей на прозрачном фоне. На Панели Инструментов выбираем пункт «Произвольная фигура» (1).
В верхней всплывающей панельке видим, что появился значок произвольной фигуры (2). На этой панельке, нажав на кнопочку (3) вы выбираете необходимое вам сердечко из выпадающего меню. Кроме того вы можете выбрать цвет, векторный вид изображения или только его контуры, а также стиль сердечка.

С полученным нарисованным изображением можно работать как с обычным фото или картинкой, для этого вам необходимо растрировать нарисованное изображение: выделяйте как активный слой с фигурой и, кликнув правой кнопкой мыши по нему, из выпадающего контекстного меню выбираете «Растрировать слой». Хотя в принципе можно и не растрировать слой, а работать с картинкой как с векторным объектом.

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

Шаг 2.
Придаем «объем» нашему сердечку, выставляя параметры в таблице стилей (двойной клик по слою или клавиша fx Окна «Слои»). Я выбрала «Тень» (4), «Тиснение»/ «Контур» (5), применила к своему сердечку «Обводку»(7), и «Глянец»(6) Вот такое у меня получилось сердечко!

Шаг 3. Сохраняем нашу картинку в формате png (на прозрачном фоне), чтобы потом можно было использовать ее в коллажах, для изготовления подарочной открытки или в качестве заготовки для других целей.
Можно еще поэкспериментировать со стилями, попробовав применить градиент, текстуру, узор. Как видите, такое сердечко сделать очень просто.
Теперь проявляем немного фантазии и делаем из полученной заготовки валентинку. Для этого добавляем надпись: обращение — пожелание-поздравление, цветочек, игрушку, чашечку кофе…вариантов много!

И вот что у нас может в результате получиться!

Вариант 2. Сердечко из фона.
Шаг 1. Будем «вырезать сердечко из понравившегося нам фона или картинки. Открываем в фотошопе любой фон или картинку.

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

Шаг 3. Инструментом «Волшебная палочка» (1) выделяем сердечко, в верхнем контекстном меню выбираем «Выделение»/ «Инверсия» (2). После этого переходим на слой фона и нажимаем клавишу Delete.

Шаг 4. Закрываем «глазик» или удаляем слой с нарисованным (красным) сердечком и видим, что у нас получилось сердечко «фотоновое»! Применяем к нему на свое усмотрение разные стили и наша заготовка готова!

Я сделала из этого же фона обычное сердечко и превратила его в валентинку, которую можно посмотреть в альбоме «Открытки валентинки»!

Смотрим видеоурок в конце статьи и экспериментируем!

Варианты 1 и 2 можно использовать, чтобы сделать любую кнопочку или небольшой статический баннер для вашего сайта, применяя Инструмент «Произвольная фигура»/ «Прямоугольник»,»Эллипс» или «Прямоугольник со скругленными углами», а также сделать кнопочки или стрелочки «вверх-вниз» для странички сайта.

Вариант 3. Сердечко «контурное»
Шаг1. Рисуем сердечко как в варианте 1,шаг 1.

Шаг2. Меняем цвет рисования на более светлый (можно менять на любой контрастный) , и на новом слое рисуем еще одно сердечко.
Инструментом «Свободное трансформирование» уменьшаем его, чтобы оно было расположено как бы внутри нижнего слоя. И при помощи инструмента «Перемещение» располагаем его по центру.

Шаг 3. Инструментом «Волшебная палочка» кликаем на светлом рисунке, переходим на слой красного рисунка и нажимаем клавишу Delete.
Закрываем верхний слой и получаем вот такое «контурное сердечко». Применяем к нему стили по аналогии с предыдущими описаниями.

Результат экспериментов.

Вариант 4. Сердечко из цветов.

Шаг1. Берем любую из заготовок, сделанных в варианте 3 или просто находим похожее сердечко в папке произвольных фигур в вашем фотошопе.
Шаг2. Берем любой цветочек- клипарт (на прозрачной основе) и аккуратненько «укладываем» цветочки по контуру или просто размещаем несколько цветочков по сердечку.
Подробный процесс создания цветочного сердечка показан в видеоуроке.
Остается сделать только поздравительную надпись и валентинка готова!

А теперь раздача подарков!

Предлагаю вам скачать серию произвольных фигур- сердечек (их в архиве 45 штук) на любой вкус.

Просто нажмите на кнопочку под картинкой и скачайте архив на свой компьютер. (Кстати кнопочки сделаны в фотошопе при помощи инструмента «произвольная фигура», как и кнопочки «Вверх-вниз» на моем сайте.)

Устанавливать скачанные сердечки в фотошоп проще простого. Откройте фотошоп для работы и просто два раза кликните по распакованному файлу. Все сердечки установятся в Инструмент «Произвольная фигура» вашего фотошопа.

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

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

А теперь видеоурок как сделать красивую валентинку!

В следующий раз будет урок по анимации, в котором я для примера покажу возможные варианты анимации сердечка, чтобы вы еще успели к празднику не только сделать такую подарочную отрыточку дорогим людям, но и смогли ее сделать анимированной!
До новых встреч!!!

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

Материалы для урока:

Начнем работать, с создания нового документа (Ctrl + N) в Adobe Photoshop CS5 размером 1920px на 1200px (RGB цветовом режиме) с разрешением 72 . Нажмите на иконку Добавить стиль слоя Наложение градиента (Gradient Overlay):

Редактор градиентов Редактор градиентов (Gradient Editor).

Мы получили следующий фон.

Используйте эту Кисть (Brush) для создания множества мелких кружков, цветом # F00202 . Примените кисть другого размера, изменив значение Непрозрачности (Opacity).

Затем начинаем рисовать форму сердца, выберите инструмент Перо Слой - фигура (Shape Layers) в панели настроек и сделайте следующую форму, как показано на рисунке ниже.

Нажмите на иконку Добавить стиль слоя (Add a layer style) в нижней части панели слоев и выберите Наложение градиента (Gradient Overlay):

Щелкните по цветовой панели, чтобы открыть Редактор градиентов (Gradient Editor) и установить цвета, как показано на рисунке ниже. Нажмите OK, чтобы закрыть диалоговое окно Редактор градиентов (Gradient Editor).

Вот что должно получиться.

Сделайте копию последнего слоя и удалите стиль Наложение градиента Очистить стиль слоя (Clear Layer Style)). Выберите инструмент Выделение контура (Path Selection) (A), чтобы выделить путь, как показано на рисунке ниже.

Нажмите Alt + SHIFT и используйте стрелку вправо на клавиатуре для перемещения пути копии.

Выделите путь инструментом Выделение контура (Path Selection) (A) и с помощью команды Свободное трансформирование (Free Transform) (Ctrl + T), сделайте его меньше.

Выберите Вычесть из области фигуры (Subtract from shape area) в панели параметров. Таким образом, мы вырежем среднюю часть формы сердца.

Затем измените цвет слоя на белый.

Добавим маску на том же слое, нажав на иконку Добавить маску слоя Кисть (Brush) черного цвета.

Используйте эту кисть, на маске, чтобы скрыть следующие зоны на слое, точно так же как на картинке ниже.

Создадим новый слой (Ctrl + Shift + N) прежде чем рисовать на поверхности сердца, и выберите Мягкую круглую (Soft Round) Кисть (Brush). Цвет кисти # С50404.

Удерживая нажатой клавишу Alt (Windows) или Option (Mac OS) щелкните между слоем с кистью и слоем, содержащим сердце в панели слоев, чтобы создать Обтравочную маску (Clipping mask).

Сделайте еще одну копию слоя первого сердца, и удалите стиль Наложение градиента (Gradient Overlay): на слое копии (щелчок правой кнопкой мыши на слое и выберите Очистить стиль слоя (Clear Layer Style)). С помощью команды Свободное трансформирование (Free Transform) (Ctrl + T), мы можем передвинуть немного слой копию.

Добавить маску слоя (Add layer mask) в нижней части панели слоев и выберите Мягкую круглую (Soft Round) Кисть (Brush) черного цвета.

Рисуем на маске с помощью этой кисти, чтобы скрыть следующие зоны на сердце, как это показано ниже.

Создадим верхней блик на сердце. Выберите инструмент Перо (Pen Tool) (P), установите режим рисования на Слой - фигура (Shape Layers) в панели настроек и сделаем следующую форму, как показано на рисунке ниже.

Установим Заливка (Fill) до 0% для этого слоя и нажмите на иконку Добавить стиль слоя (Add a layer style) в нижней части панели слоев и выберите Наложение градиента (Gradient Overlay):

Щелкните по цветовой панели, чтобы открыть Редактор градиентов (Gradient Editor) и установить цвета, как показано на рисунке ниже. Нажмите OK, чтобы закрыть диалоговое окно Редактор градиентов (Gradient Editor).

Мы получили следующий результат.

Добавим маску на слой, нажав на иконку Добавить маску слоя (Add layer mask) в нижней части панели слоев и выберите Мягкую круглую (Soft Round) Кисть (Brush) черного цвета, (установим Непрозрачность (Opacity) до 40% в панели параметров). Рисуем на маске с помощью этой кисти, чтобы скрыть следующую зону на слое, как показано ниже.

Мы получили следующий результат.

Объедините в группу все слои содержащие сердце (зажав клавишу CTRL, выделим необходимые слои и удерживайте левую кнопку мыши при перетаскивании выбранных слоев на иконку Создать новую группу (Create a new group) в нижней части панели слоев). Сделайте копию полученной группы и выберите команду Свободное трансформирование (Free Transform) (Ctrl + T), чтобы уменьшить копию и переместить ее так же как на картинке ниже.

Создадим тень под сердцем. В этом случае создайте новый слой (Ctrl + Shift + N) и выберите Мягкую круглую (Soft Round) Кисть (Brush) черного цвета (Непрозрачность (Opacity) - 20%).

Используйте эту кисть, чтобы нарисовать тень под сердцем.

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

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

Все материалы, которые я использовала при создании открытки и исходник можно скачать

Делаем валентинку в фотошоп

1. Создаем новый документ CTRL + N, нужного размера. У меня формат А4

2. Активируем инструмент кисть. Задаем цвет. Находим нужную нам кисть, которую мы делали на прошлых уроках.

3. Создаем новый слой, подгоняем по размеру квадратными скобками размер. Делаем несколько оттисков.

4. Переходим на слой с фоном. Активируем инструмент "градиент" (1). В выпавшем окне выбираем нужный градиент (2) или . Заливаем фон градиентом.

5. Накладываем текстуру на фон. Идем в фильтры- текстура- выбираем любой и экспериментируем, что кому понравится.

7. Я выбрала мозайку.

8. Сердечки так же можно делать тесктурированными. Для этого переходим на слой с рисунком, идем в настройку стиля слоя (внизу окна слои) иконка fx и выбираем текстуру.

9. Теперь рисуем сердечко. Выбираем инструмент "Произвольная фигура" (1), произвольная (2), форма растровой точки- сердце (3). Тоже самле, что мы уже делали при . Рисуем сердце нужного размера. Это будущая рамка для фотографии.

10. Растрируем слой с сердцем: правой кнопкой мышки щелкаем по слою (1), выбираем "растрировать слой" (2)

11. Теперь сгруппируем слои с фоном и рисунком. По идее, их можно было склеить, но вдруг нужно будет отредактировать каждый слой. Поэтому, просто создадим группу: кликаем мышкой по одному слою, затем зажимаем клавишу CTRL и кликаем по второму слою. Оба они окрасились в синий цвет, что показывает выделение слоев. Теперь просто жмем CTRL + G и слои окажутся собранными в группу.

12. Теперь будьте внимательны, нам нужно сделать выделение сердца. Для этого зажимаем клавишу CTRL и кликаем мышкой по ИКОНКЕ слоя. Не по самому слою, а именно по иконке. Если все сделать правильно, то на рабочей области появится выделение сердца.

13. Заливаем выделение маской. Для этого выделяем слой с группой, кликнув по нему мышкой, и жмем значок "маска слоя", выделенный на скрине красным. Должна получиться такая картинка, как на скрине. Рядом с иконкой группы появляется белый прямоугольник- маска. А на самой картинке область сердца должна стать прозрачной.

13. Делаем обводку рамки. Выделение, если не сняли, то отлично. Если сняли, не страшно, делаем его снова (1), создаем новый слой (2) и рисуем обводку: РЕДАКТИРОВАНИЕ — СДЕЛАТЬ ОБВОДКУ- выбираем цвет и размер. У меня 15 пикселов.

14. Придаем рамке стили (fx

)

15. Пишем текст.

16. Заполняем элементами фон. Не забываем менять их размер, цветовую гамму и непрозрачность.

17. В заключении не забудьте сделать внешнюю рамку на новом слое: CTRL + A (выделить все) — редактирование-выполнить обводку- выбрать цвет и толщину. Если рамка слишком яркая, то снизьте ее непрозрачность.

На сегодня все. До встречи на новых МК.

Если хотите быть в курсе новостей сайта, подпишитесь на обновления.

Рисуем очередную открытку, для новичков.

Доброго времени суток. Это мой дебют по созданию урока, поэтому просьба - ногами не пинать.
Держа в голове образ любимого (любимой), приступим.

1. Создаём новый документ в программе Фотошоп нажав на клавиатуре Cntr+N .

2. Создаём новый слой, нажав на клаве Shft+Cntr+N или кликнув ЛКМ по значку в панели слоев

и наносим на него радиальный градиент инструментом

3. К слою применяем свободную трансформацию Cntr+T , чтобы светло-красного на фоне стало больше. Закончив трансформацию, жмём Enter .

4. Берём инструмент Brush выбрав в палитре кистей понравившийся вам узор.
Где найти и как установить кисти в программу смотрите

5. Создаём новый слой (см.п.2) и делаем отпечаток жесткой кистью белого цвета. Меняем режим наложения слоя на Pin Light (точечный свет) и уменьшаем прозрачность до 10%.
Должно выглядеть так:

Объединим слои с градиентом и узором, нажав на клаве Cntr+E , при активном слое с узором.

6. В палитре инструментов выбираем (произвольная фигура) Heart Card (сердце). Она есть в стандартном наборе. Следите за установками!

7. Поставив курсор в левый верхний угол документа, зажав на клаве Shift (это позволит сохранить пропорции), растянем фигуру.
Получится так:

8. Кликнув 2 раза ЛКМ по слою с фигурой в палитре слоёв в открывшемся окне устанавливаем настройки, как на скриншотах:

9. При активном слое "Фигура" жмём на клаве Cntr+J и получаем копию слоя. Переименуем их в "Фигура темный узор" и "Фигура светлый узор".

10. Между этими слоями создадим новый слой (см.п.2) и той же кистью сделаем отпечаток. Нажмём Cntr+J и разместим полученный слой над слоем со второй фигурой.

11. Тому слою, что над фигурой с темным узором меняем режим наложения на Color (цветность) и уменьшить прозрачность до 40%. Обзовём "Тёмный". Второму слою с узором меняем режим наложения на Soft Light (мягкий свет). Обзовём "Светлый"

12. Объединим слои попарно:
- активный "Светлый" Cntr+E с "Фигура светлый узор"
- активный "Тёмный" Cntr+E с "Фигура темный узор"

13. Применяя несколько раз, поочерёдно, к каждому слою Cntr+J , мы получим много сердечек.

14. С помощью свободной трансформации Cntr+T с зажатой клавишей Shift изменим размеры сердечек по своему усмотрению и поменяем им угол наклона.

15. Объединим ВСЕ слои с сердцами. Для этого зажмем и будем удерживать клавишу Cntr , поочерёдно кликая на слои с сердцами в палитре слоёв. Все они станут синими.

Жмём Cntr+Е

На этом уроке мы изучим, как создавать романтические манипуляции в Photoshop используя некоторый набор изображений. Вы также увидите, как эффективно использовать Корректирующие слои, чтобы создать необходимое настроение.
Превью конечного результата

Ресурсы
1.
2.
3.
4.
5.
6.
7.
Шаг 1
Создайте новый документ размером Шириной 2100 пикселей и высотой 1500 пикселей. Откройте фоновое изображение, поместите его поверх вашего холста и отразите его по горизонтали и поместите его как показано на изображении.

Шаг 2
Откройте изображение с Парочкой и извлеките из него Парня и Девушку. Я использовал инструмент Перо (P) (Pen tool), чтобы создать контур вокруг них и затем преобразовал его в выделенную область и удалил задний фон.
Вы можете применит другой метод для извлечения, но инструмент Перо – мой любимый из-за его акуратности.

Теперь скопируйте извлеченное изображение парочки и вставьте его в новый слой поверх вашего холста.

Шаг 3
Теперь давайте исправим волосы парня и девушки. Для этого я использовал метод выделения Цветового диапазона. Для этого выберем слой с парочкой и пройдем в Выделение-Цветовой диапазон (Select>Color Range). Возьмите образцы как показано на изображении ниже и установите Разброс (Fuzziness) на 70% и щелкните ОК.

Новые выделения сделаны, вы можете их замаскировать. При активном выделении щелкните на иконке Слой-Маска в нижней части палитры слоев. Если слой маска инвертирована, выберите ее и нажмите Ctrl+I, чтобы инвертировать ее снова. Теперь вы можете вручную рафинировать маску, используя инструмент Кисть (B) (Brush Tool).

Шаг 4
Давайте добавим первый эффект свечения. Откройте блик в объективе с набора Оптических бликов в объективе и поместите его позади парочки на новом слое, чтобы симулировать солнце. Используйте Режим наложения Экран (Screen), чтобы избавиться от черного фона и воспользуйтесь новым корректирующим слоем Цветовой фон/Насыщенность (Hue/Saturation adjustment), чтобы изменить цвет блика на желтый, если вы вставили блик другого цвета.

Второй эффект свечения был сделан с использованием Стилей слоя. Добавьте Внутреннюю тень (Inner Shadow) с использованием настроек показанных на изображении 4b используя цвет #BD8739. Этим мы создадим свечение, которое в фотографии называется свечением ореола и поможет отделить объект от фона. Также добавьте немного Внешнего Свечения (Outer Glow) используя тот же цвет.

Шаг 5
Создайте новый слой с обтравочной маской для слоя с парочкой и выберите инструмент Точечная Восстанавливающая Кисть (J) (Spot Healing Brush Tool), Активируйте образец со всех слоев (Sample All Layers) и удалите все точки, на коже парочки используя единичные щелчки.

Шаг 6
Теперь можете сделать некоторую корректировку контрастности. Вы должны всегда использовать корректирующие слои для этого. Создайте корректирующий слой Уровни (Levels) как обтравочную маску для слоя с парочкой. Затемните средние тона как показано на изображении.

Шаг 7
В зависимости от того, как вы поместили изображение на холсте, вы можете отредактировать джинсы парня. Я использовал инструмент Штамп (S) (Clone Stamp Tool).

Шаг 8
Откройте набор изображений листа, извлеките его от заднего фона используя инструмент Быстрое выделение (Quick Selection Tool) или инструмент Волшебная палочка (Magic Wand Tool) (W). Поместите лист на ваш холст и сделайте его дубликат несколько раз. Затем, воспользовавшись инструментом Свободное Трансформирование (Free Transform) (Ctrl+T) исказите (Distort) лист. Также сделайте их разного размера и поверните их так, чтобы они не выглядели одинаковыми. Вы можете использовать множество изображений из набора, если хотите.

Шаг 9
Добавьте больше деталей к вашей сцене. Откройте набор изображений с бабочками, возьмите несколько из них и поместите их хаотично на вашем холсте. Будьте внимательны к пропорциям. Они не должны быть слишком большими и не слишком маленькими. Также хотелось бы иметь парочку божьих коровок, которые я поместил на тело парочки и птичку, севшую на плечо парня.

Можете сделать птицу и божьих коровок более реалистичными, если сделаете немного теней под ними. Таким образом, я создал новый слой под ними и используя маленькую мягкую кисть с Непрозрачностью (Opacity) в 30% нарисовал немного легкой тени.

Шаг 10
Также хотел усилить свечение солнца, проходящее через руки парочки, для этого я взял большую мягкую кисть (около 450 пикселей в диаметре) и цвет #9C713E и Непрозрачность 100% сделал большую точку. Затем я изменил Режим наложения слоя на Экран.
Затем я использовал другой оптический блик (Optical-6 из пакета) и поместил его на тоже место, где нарисовал свечение света. Режим наложения использовал опять Экран. Также использовал корректирующий слой Цветовой тон/Насыщенность, чтобы изменить цвет с голубого на желтый.

Шаг 11
Подходим к последним корректировкам. Выделите самый верхний слой вашего холста и нажмите Shift+Ctrl+Alt+E, чтобы создать клон всех видимых слоев (я не думаю, что вы можете это сделать из меню).
После создания клона, пройдите в Изображение-Коррекция-Варианты (Image>Adjustment>Variations) и нажмите следуя: Больше Голубого-Больше Синего-Больше Голубого и нажмите ОК. Этим мы сделаем изображение более холодным. Сделайте Непрозрачность слоя 35%.

Шаг 12
Используя корректирующие слои, создайте два последних корректирующих слоя Цвета. Для начала добавьте корректирующий слой Баланс Цвета (Color Balance) и установите настройки, показанные ниже на изображении.

Теперь добавьте корректирующий слой Вибрация (Vibrance) (или Цветовой тон/Насыщенность, если вы имеете более позднюю версию PS) и увеличьте Вибрацию/Насыщенность.

Результат