Метка

Photoshop


Итак, праздник совсем не за горами. А у вас все еще нет открытки для вашей половинки? Если вам не хочется покупать то, что есть у большинства, то этот урок для вас.
Я поэтапно покажу и расскажу, как быстро сделать в Photoshop уникальную открытку.


Что должно получиться Что вы будете создавать

Результат для урока: Создание открытки ко дню Святого Валентина в Photoshop

Шаг 1. Выберите фотографию

Вы конечно, можете взять любую красивую фотографию из сети: цветов, природы или романтического ужина. Однако лучше, если это будет ваша совместная фотография с любимым человеком. Или может быть, место, которое связывает вас: парк, в котором вы прогуливались на первом свидании, выставка или город, в котором познакомились. Словом то, что бы сделало вашу открытку особенной.

В данном примере за основу я взяла фотографию букета, подаренного мне на праздник. Фото уже было обработано и специально приведено к нежным пастельным тонам. Поэтому мне остается только взять основные цвета.

Изображение для открытки на день святого валентина


Шаг 2. Рисуем сердечко

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

1

Фон делаем цвета e5d5d6.

Фон для открытки на день Святого Валентина
Нажимаем U и в стандартных шейпах выбираем форму сердечка. Рисуем сердце нужного нам размера и немного скругляем левую часть формы.

Рисуем сердечко для открытки на день Святого Валентина

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

Возвращаемся во вкладку слои, выбираем слой в сердцем и в маске слоя сердечка заливаем половину ненужной формы черным цветом.

Дублируем левую часть сердчка

Дублируем слой (Ctrl+J). Создаем новый пустой и сливаем с нашей копией (Ctrl+E). Теперь трансформируем его (Ctrl+T), кликаем правой кнопкой и выбираем из появившегося меню трансформацию горизонтально.

У нас получаются два слоя с половинками сердечка. Соединим их границы и объединим наши половинки. Назовем слой «сердце».

Получившееся сердечко для открытки на день Святого Валентина

Т.е. мы взяли стандартную форму из шаблонов и немного модифицировали ее, чтобы придать сердцу менее угловатый вид.
Теперь нам нужно нарисовать окружение для сердечка. Делаем по схожему принципу. Нарисуем возле одной половины кружочки, используя форму круга (U).Рисуем по периметру сердечка

Выбираем в панели слоев все слои с кружками и дублируем их (Ctrl+J). И трансформируем по горизонтали, как до этого трансформировали сердечко. Размещаем так, чтобы кружки были симметричны.Дублируем левую часть окантовки сердечка

8

Сливаем выбранные слои в один (Ctrl+E). Называем слой «Круги 1» и вместе со слоем «Сердце» объединяем в группу «Форма» (Ctrl+G).

Остальные слои с кругами объединяем в группу «Круги» (Ctrl+G).

Итак, у нас получается две группы со слоями.

Слои сердечка в Фотошоп


Шаг 3. Размещаем фотографию

Открываем фотографию, которую мы выбрали для открытки, и помещаем на основную сцену.

Трансформируем фото (Ctrl+T), зажав Shift (для пропорционального уменьшения/увеличения) под размеры нашего сердца, включая круги. Размещаем слой с фото под группу «Круги».Помещаем изображение под форму сердечка

Теперь зажимаем Alt и наводим на слой фото, прикрепляем его к группе «Форма». Теперь эта группа становится маской слоя «Фото». Получается следующее:Изображение в форме сердечка для открытки

Я вижу, что фото очень темное, поэтому добавляю несколько слоев наложения в режиме Color, чтобы сбить контраст и сделать тени нужных мне цветов.Осветляем цвета изображения

Переходим на слой группы «Форма» и двойным щелчком переходим в свойства группы.

Настройка эффекта

Настройка обводки

Полученный результат после обводки

(!) Обратите внимание, что мы применяем настройки не к каждому слою, а прямо к группе «Форма».


Шаг 4. Делаем рамочку

Создаем новый слой и помещаем его в новую группу, которую называем «Рамка». Группа должна располагаться над группой «Форма». В группе «форма» выбираем слой «Сердце» и кликаем по нему с зажатой кнопкой Ctrl, чтобы вызвать выделение в форме сердца.

Далее переходим на группу «Рамка» и создаем из выделения маску группы.

Создание маски группы

Пришла пора вспомнить про наш сохраненный контур сердца в шаге 2. Переходим в панель Paths. Выбираем здесь слой «сердце» и возвращаемся обратно в панель слоев. Выбираем инструмент текста (T) и наводим на контур, который мы сейчас вызвали, чтобы появился режим редактирования по контуру.

И начинаем писать «+++++++ ….». Вы можете полностью «заплюсовать» форму, а потом просто маской отрезать ненужную половину (ведь у нас сохраненная форма имеет половину нашего сердечка, а половину – стандартного из шаблона), или же заполнить только половину, редактируя инструментом А начало и конец записи.

Настройка эффекта для обводки

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

Что получилось - сердечко для открытки

Копируем слой, отображаем горизонтально (как делали ранее) и сливаем оба слоя. Называем «Рамка», в свойствах слоя ставим:

Настраиваем эффект. Заливка цветом.

 

 

 

22-2

Все текущие группы мы объединяем в группу «Сердечко».


Шаг 5. Создаем ленты

Создаем группу «Лента низ» и новый слой в ней. Рисуем прямоугольник с цветом рамки сердца. И также как мы делали обводку рамки у сердца, пишем плюсы сверху и внизу прямоугольника (для этого просто воспользуйтесь инструментом Текст (Т). Добавляем им обводки и сливаем все в один слой.

Создаем ленты

23

24

Вот что получается.

Создаем ленты - результат

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

Поверх создаем еще два слоя с цветом фона — b18db0 и e6dce2.

Заливка градиентом

Добавляем обводку

И к серому.

Добавляем обводку

Добавляем градиент

Получившийся результат в текущем шаге

Теперь сделаем полоски со светлой обводкой. Можете поэкспериментировать с цветами и прозрачностью, я брала c19eb3 и f6b1b0 с 50% прозрачностью.

32

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

Сделаем орнамент из кружочков и сердечек


Шаг 6. Голуби и лента

Мне хочется добавить голубей в верхнюю часть открытки.

Градиент для голубков в открытке

Далее копирую голубя, отражаю по горизонтали. И создаю ленты как внизу, только поменьше.

Копируем голубя, отражаем по горизонтали

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

Давайте добавим на верхнюю ленту надпись «С днем святого Валентина», а на нижнюю «Моей половинке». Вы можете, естественно, написать что-то свое, пожелание или имя.

Добавляем на верхнюю ленту надпись "С днем святого Валентина"


Шаг 7. Финальная коррекция

Наша открытка почти готова. Добавим ей большей реалистичности.

Накладываем узор

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

Выберем цвет рамки — f6b1b0 и создадим новый слой над фоном. В режиме Muitiply большой мягкой полупрозрачной кистью рисуем по краям нашей открытки указанным цветом, чтобы создать легкий объем и переход цвета.

Создание легкогго объема и перехода цвета


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

Готовая открытка ко дню Святого Валентина

Надеюсь, этот урок доставит вам удовольствие и вы порадуете свою вторую половинку!






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


Что должно получиться Что вы будете создавать

Результат для урока: Фотоманипуляция: Создание сцены битвы в Photoshop. Часть 2.

Шаг 10.

Открываем фото «солдат», выбираем инструмент перо (P) и начинаем обводить солдата.

Правой кнопкой кликаем по выделению и выбираем Make Selection. Копируем выбранную зону Cmd/Ctrl + J.

0801_Battlefield_65

0801_Battlefield_66

0801_Battlefield_67

 

Выбираем этот слой и инструмент Magic Wand Tool (W) с допуском 32, делаем активным Anti-alias. Выбираем части между рукой и оружием солдата и удаляем.

0801_Battlefield_68
0801_Battlefield_69

 

Перемещаем нашего солдата в основную сцену и изменяем размер (Cmd/Ctrl + T).

0801_Battlefield_70

 

Создаем группу «Soldier 1» и перемещаем туда наш слой с солдатом. Как мы уже неоднократно делали – создаем новый слой Levels, чтобы привести света и тени в соответствие с источником света сцены. Прикрепляем слой к слою солдата и устанавливаем настройки:

0801_Battlefield_71

 

На примере ниже отмечена красным область, которая должна уйти в тень. Мы как и в прошлых шагах работаем с масками слоев, где кистью закрашиваем нужные области. Сейчас используем кисть диаметра 5-10px.

0801_Battlefield_72

0801_Battlefield_73

 

Создаем новый слой и прикрепляем к слою с солдатом. Кистью оранжевого цвета (#d3891f) рисуем по светлым участкам солдата.

0801_Battlefield_74

0801_Battlefield_75

 

Дублируем слой дважды и меняем режим наложения на Overlay. Для предыдущего слоя ставим прозрачность 45% и для другого 60%.

0801_Battlefield_76

 

Скопируйте все слои в группе и слейте их Cmd/Ctrl + E. Перейдите в свойства слоя и выставите настройки.

0801_Battlefield_77

 

Трансформируйте слой Cmd/Ctrl + T, выбрав Flip Horizontal и расположите его под слоем солдата, создав тем самым тень.

0801_Battlefield_78

0801_Battlefield_79

 

Можете зажать Cmd/Ctrl, чтобы иметь возможность свободно трансформировать тень.

0801_Battlefield_80

0801_Battlefield_81

 

И вот у нас получилась тень. Измените режим наложения на Multiply и уменьшите прозрачность до 40%.

0801_Battlefield_82


 

Шаг 11.

Выбираем перо и обводим следующего солдата. Помещаем на нашу сцену. Повторяем шаг 10, чтобы цвета соответствовали теням и светам предыдущего солдата.

0801_Battlefield_83

0801_Battlefield_84

0801_Battlefield_85

 

Теперь сгруппируйте все слои созданные для второго солдата «Soldier2». Скопируйте эту группу Cmd/Ctrl + J и слейте слои в ней Cmd/Ctrl + E. Теперь у нас есть один слой с солдатом – с ним будет удобнее работать.

Примените к слою фильтр Filter > Blur > Gaussian Blur с настройками:

0801_Battlefield_86


Шаг 12.

Открываем следующее фото с колючей проволокой и инструментом (M) вырезаем проволоку как показано ниже.

Копируем выбранную часть проволоки.

0801_Battlefield_87

 

Разместите колючую проволоку, как показано в примере. Создайте для нее группу group “Barbed wire” и расположите между первым и вторым солдатом. Командой Cmd/Ctrl + Shift + U обесцветим фото проволоки.

0801_Battlefield_88

 

Мы будем использовать настройки уровней, чтобы затемнить наш слой, как мы делали раньше с солдатами и дымом. Создайте новый слой Levels и присоедините к проволоке.

0801_Battlefield_89

 

Черной кистью замаскируем часть слоя. Посмотрите, как это должно выглядеть итоге.

0801_Battlefield_90

0801_Battlefield_91

 

Создайте новый слой в группе с проволокой и присоедините к основному слою. Кистью цвета #ec872f, размера 5-10px, с прозрачностью 60% создайте свет от огня, как мы делали на солтатах.

0801_Battlefield_92

 

Задайте слою режим наложения Color и уменьшите прозрачность до 60-65%. Скопируйте слой и поменяйте режим наложения на Color Dodge и прозрачность до 35-40%.

0801_Battlefield_93


Шаг 13.

Открываем новое фото с огнем. С помощью пера и лассо выделяем часть, которая нам понадобиться. Скопируйте выделенное и переместите в сцену.

0801_Battlefield_94

 

Мы используем это фото, чтобы создать размытые летящие искры в нашей работе. Трансформируйте слой Cmd/Ctrl + T и не беспокойтесь сильно за его форму, т.к. потом мы будем размывать слой. Не забудьте, что этот слой у нас лежит поверх всех основных.

0801_Battlefield_95

 

Создайте ему группу “Fire Blurry”. Нашему слою с огнем задаем режим наложения Screen. Не бойтесь использовать ластик, чтобы удалить лишние части.

0801_Battlefield_96

 

Теперь размоем слой фильтром Gaussian Blur с радиусом 3-5px.

0801_Battlefield_97

 

Вот, что у меня получилось в итоге.

0801_Battlefield_98


 

Шаг 14.

Открываем новое фото. Выделяем часть, которая нам нравится и перемещаем в нашу сцену.

0801_Battlefield_98-1

 

Помещаем слой над группой Ground. Группируем слой в группу Spike. И создаем новый слой Levels (как обычно, все вспомогательные слои мы прикрепляем к главному слою).

0801_Battlefield_98-2

 

В маске слоя Levels кистью (20-30px) закрашиваем область, соответствующую световой схеме сцены.

0801_Battlefield_98-4

 

Создаем слой Gradient Map с настройками ниже. После уменьшаем его прозрачность до 80%.

0801_Battlefield_98-5

 

Новый слой Color Balance с настройками:

0801_Battlefield_98-6

 

Измените режим наложения на Overlay и прозрачность до 30-40%.

0801_Battlefield_98-6


Шаг 15.

Создаем новый слой над всеми слоями и группируем его в группу «Tree». Черной кистью (10-12px) нарисуем несколько веток.

0801_Battlefield_99

 

Теперь размоем их фильтром Gaussian Blur. Возьмите радиус размытия 3-5px.

0801_Battlefield_100

 

Снова открываем фото дыма, неважно какого – мы его тоже заблюрим. Поместите его в сцену и сгруппируйте в группу «Smoke Blurry».

0801_Battlefield_101

 

Правой кнопкой мыши переходим в свойства слоя, выбираем Color Overlay и используем настройки.

0801_Battlefield_102

0801_Battlefield_103

 

Теперь размываем слой.

0801_Battlefield_104

 

Создаем новый слой в группе «Smoke Blurry» и мягкой кистью (размер 20-30) белого цвета рисуем, как показано на картинке ниже.

0801_Battlefield_105

 

Изменяем режим наложения на Lighten и прозрачность до 5-10%.

0801_Battlefield_106


Шаг 16.

Step 16

Открываем фото самолета, вырезаем нужное, использую то же технику, что и в прошлых шагах. Уменьшаем размер самолета и группируем его в группу « Plane».

0801_Battlefield_107

 

Новый слой градиента с настройками ниже. Уменьшим прозрачность до 50-60% и режим наложения поменяем на Color.

0801_Battlefield_108

 

Новый слой Levels с настройками:

0801_Battlefield_109

 

В маске слоя закрашиваем область для светов. И изменяем прозрачность до 50-60%.

0801_Battlefield_110

0801_Battlefield_111

 

Новый слой Color Balance с настройками:

0801_Battlefield_112

 

Режим наложения Overlay, прозрачность 20%.

0801_Battlefield_113

 

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

0801_Battlefield_114

0801_Battlefield_115

0801_Battlefield_116

 

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

0801_Battlefield_117


Шаг 17.

Создаем новый слой над группой «Ground». Мягкой кистью 50-60px рисуем как показано ниже. Меняем режим наложения слоя на Color и прозрачность уменьшаем до 70-80%.

0801_Battlefield_118

0801_Battlefield_119


Шаг 18.

Создаем новый слой над всеми слоями и группируем его в группу «Particles» (частицы). Возьмем твердую кисть 2-10px (цвет #242424) и нарисуем небольшие пятна (можно разделить их по слоям, чтобы было легче обрабатывать)

0801_Battlefield_120

0801_Battlefield_121

 

Выбираем фильтр Blur > Motion Blur. Поиграем с настройками – выберите эффект, который вас устроит.

0801_Battlefield_122

 

По той же технике создаем летящие частички и пятна. Экспериментируйте! Можете использовать Gaussian Blur, Motion Blur, Brush Tool, чтобы достигнуть схожего эффекта.

0801_Battlefield_123


Шаг 19.

Итак мы закончили создавать саму сцену. Теперь можно поработать с общей цветовой картиной. Создаем новый слой градиента с настройками:

0801_Battlefield_124

 

В маске градиента рисуем мягкой черной кистью 80-90px , как показано ниже.

0801_Battlefield_125

 

Теперь поменяем режим наложения на Screen и уменьшим прозрачность до 13%.

0801_Battlefield_126

 

Создадим еще один слой градиента.

0801_Battlefield_127

 

В маске градиента закрашиваем следующую область.

0801_Battlefield_128

 

Также меняем режим наложения на Screen и уменьшим прозрачность до 40%.

0801_Battlefield_129

 

Создаем новый слой Selective Color.

0801_Battlefield_130

 

Маска слоя.

0801_Battlefield_131

 

Теперь уменьшим прозрачность до 21%.

0801_Battlefield_132

 

Новый слой Color Balance с настройками.

0801_Battlefield_133

 

Маска слоя

0801_Battlefield_134

 

Прозрачность не меняем.

0801_Battlefield_135

 

Новый слой Curves.

0801_Battlefield_136

 

Маска слоя.

0801_Battlefield_137

0801_Battlefield_138

 

Новый слой Selective Color и его маска

0801_Battlefield_139

0801_Battlefield_140

0801_Battlefield_141

 

Новый слой Gradient Map и его маска

0801_Battlefield_142

0801_Battlefield_143

 

Прозрачность уменьшаем до 7%, режим наложения ставим Overlay

0801_Battlefield_144

 

Создаем новый слой градиента. И маску слоя.

0801_Battlefield_145

0801_Battlefield_146

 

Прозрачность уменьшаем до 17%, режим наложения оставим Normal

0801_Battlefield_147

 

И последний новый слой Exposure и его маска.

0801_Battlefield_148

0801_Battlefield_149

 

Прозрачность уменьшаем до 45%, режим наложения оставим Normal

0801_Battlefield_150

Наше изображение готово!