Как сделать открытку в Фотошопе (Photoshop)

Faq 19.07.2019
Faq

В этом уроке вы узнаете, как создать пасхальную открытку в Фотошоп в ярком современном стиле. Начнем!

Подготовка документа

Для начала создаем новый документ. Для этого переходим File – New (Файл – Новый) или нажимаем сочетание клавиш Ctrl+N. В открывшемся окне устанавливаем Width (Ширина) и Height (Высота) на 900 пикселей.

Если вы планируете в дальнейшем распечатать пасхальную открытку, то дополнительно устанавливаем Resolution (Разрешение) на 300 пикселей/дюйм и Color Mode (Цветовой режим) – на CMYK. Только учтите, что при этом оттенки станут менее яркими. В противном случае настраиваем только размер.

Рисуем траву

Переходим к творческой части урока, в которой мы будем рисовать траву-рамку.

Для начала создадим обычный квадрат по размеру нашего документа. Берем Rectangle Tool (U) (Прямоугольник) и с зажатой клавишей Shift рисуем фигуру так, чтобы она покрывала все рабочее полотно. На верхней панели устанавливаем цвет заливки на #3d6731 и отключаем обводку.

Затем берем инструмент Pen Tool (P) (Перо). На верхней панели переключаем режим рисования на Subtract Front Shape (Вычесть переднюю фигуру) и начинаем рисовать первый самый нижний слой травы.

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

На панели слоев дважды кликаем по названию слоя с травой и называем его «Трава 1».

Далее кликаем правой кнопкой по слою «Трава 1» и выбираем Blending Options (Параметры наложения). В открывшемся окне активируем стиль слоя Drop Shadow (Тень) и настраиваем его, как показано ниже.

Таким же образом рисуем второй слой «Трава 2». Для заливки используем цвет #6ca242. Обратите внимание, что слой «Трава 2» должен находиться выше слоя «Трава 1».

Затем применяем стили слоя.

И третий слой «Трава 3».

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

Давайте начнем с пасхальных яиц. Берем Ellipse Tool (U) (Эллипс) и рисуем овал, как показано ниже. Цвет заливки устанавливаем на #94acda. С помощью Direct Selection Tool (A) (Частичное выделение) двигаем боковые усики верхней опорной точки, чтобы сузить верхнюю часть овала и придать форму яйца.

Далее мы нарисуем узоры на яйце. Берем Rectangle Tool (U) (Прямоугольник) и создаем маленький узкий отрезок, как показано ниже. Затем активируем свободную трансформацию (Ctrl+T) и на верхней панели поворачиваем фигуру на 45 градусов.

После этого мы дублируем (Ctrl+J) слой с отрезком, активируем свободную трансформацию (Ctrl+T), кликаем правой кнопке по фигуре и выбираем Flip Horizontal (Отразить по горизонтали). Далее активируем Move Tool (V) (Перемещение) и с помощью стрелок на клавиатуре смещаем копию правее, чтобы из линий получилась стрелка.

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

На панели слоев с зажатой клавишей Ctrl выделяем все слои с линиями и объединяем их в один слой (Ctrl+E).

Размещаем узор над слоем с яйцом и трансформируем его в обтравочную маску (Ctrl+Alt+G). Меняем цвет линий на белый. Если вы не растрировали линии, то можете сделать это, кликнув по миниатюре слоя на панели слоев и выбрав нужный цвет в окне Color Picker (Выбор цвета). Если слой растрирован, то примените к нему стиль слоя Layer – Layer Style – Color Overlay (Слой – Стиль слоя – Наложение цвета) и выберите в качестве заливки белый цвет.

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

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

Используя приведенный выше способ, создаем еще несколько яиц разных цветов. Чтобы они немного отличались, на некоторых инструментом Ellipse Tool (U) (Эллипс) рисуем точки (для создания идеального круга удерживайте клавишу Shift).

Нам осталось нарисовать последний элемент – кроличьи уши. Берем инструмент Pen Tool (P) (Перо) и рисуем фигуру белого цвета, как показано ниже.

Внутри фигуры добавляем похожую фигуру и меняем ее цвет на розовый (#fdc1c1).

Дублируем (Ctrl+J) получившееся ухо. Активируем трансформацию (Ctrl+T) копии и слегка меняем ее наклон и положение, как показано ниже.

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

Закончив, ко всем копиям ушей и яиц применяем стиль слоя Drop Shadow (Тень).

В качестве финального штриха добавляем надпись по центру. Для этого используем шрифт Pattaya (https://fonts.google.com/specimen/Pattaya) или любой другой, который вам нравится. Как скачать и установить шрифт вы можете узнать в специальном уроке (ссылка на урок). Цвет выбираем #31bbbd.

На этом все! В этом уроке вы узнали, как создать пасхальную открытку в Фотошоп. Надеюсь, вам понравился материал, и вы научились чему-то новому. Если возникнут вопросы, оставляйте их в комментариях ниже и не забывайте делиться своими результатами. Приятного творчества!

Как сделать открытку в Фотошопе (Photoshop)?

Мы привыкли вместе с подарками на праздники дарить открытки. Но что делать, если хочется поздравить человека, который живет далеко от вас? Отправить ему электронную открытку. Можно найти в сети Интернет готовую понравившуюся открытку и отправить на электронную почту адресата. А можно открыть редактор Photoshop и создать что-то свое, оригинальное и неповторимое. Как сделать открытку в Фотошопе? Сейчас узнаем.

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

  • Первым делом создаем документ. Для этого кликаем сначала в меню «Файл», затем «Создать». Сразу же определяем размеры открытки и сохраняем их, уверенно нажимая «ОК».
  • Следующим действием будет поиск меню «Инструмент», где следует выбрать «Прямоугольник». Этим прямоугольником выделяем наш лист.
  • По слою с объектом щелкаем двойным щелчком, в открывшемся меню кликаем по строке «Стиль слоя». В нужной нам строке «Наложение градиента» выбираем режим, для нас он «Нормальный».
  • Далее устанавливаем следующие значения:
    • непрозрачность - 100%;
    • угол - + 31;
    • стиль - «Радиальный»;
    • масштаб - 117%.
  • Поскольку нам нужно выяснить, как создать открытку в Фотошопе цветную, добавим возможность варьировать цветовую гамму на поле с цветами.
  • Установим следующие значения цветов:
    • первое - 0067А9;
    • второе - CDF5FF;
    • третье - 040023.
    • Ползунки, указывающие цвета, установим так: один - на ¼ от левого края, второй - на ¼ от правого края, а третий - в самом конце линейки. Выбор не забываем подтвердить, кликнув «ОК».
  • В меню «Инструменты» выбираем «Перо» и рисуем сугроб.
  • В стиле слоя устанавливаем «Внутреннее свечение», а также «Наложение градиента». Между цветами устанавливаем растяжку - 004D8E и 68C4ED.
  • В инструментах находим опцию «Произвольная фигура», ставим дерево и выбираем цвет 003274. После этого рисуем ель - хвойное новогоднее дерево.
  • Добавим еще несколько деревьев с помощью клавиш Ctrl+J. Изменим, как захочется, цвет и размер. Переместим туда, где место кажется наиболее подходящим. Можно пользоваться цветами 00578C, 108FDC, 0078C1. Еще нарисуем снежинки.
  • Подрисуем несколько сугробов, усилим внутреннее свечение, выставим цвет A7FEF6. На один из сугробов применим наложение градиента. Поиграем с гаммой цветов. Снег на открытке может быть белым или голубым, в затененных местах - синим.

Если мы делаем открытку в Фотошопе для близкого человека, то можно поместить его изображение на открытку. Получится красивый коллаж. Это не займет много времени, а человеку будет приятно.

Фотография в открытке

  • Откроем нужное фото человека.
  • На панели инструментов выберем «Быстрое выделение» и обозначим изображение. Можно взять инструмент «Волшебная палочка», если человек сфотографирован на однотонном фоне. Но так бывает редко, чаще фон неоднородный.
  • Копируем выделенный участок фото и переносим его в нашу открытку.
  • Стараемся вставить фигуру человека между слоями так, чтобы он как можно естественнее вписался в пейзаж.
  • В завершении работы можно добавить надпись «С наилучшими пожеланиями». Для этого на панели инструментов находим «Текст» и пишем желаемые слова.
  • Изменяем надпись до тех пор, пока она не покажется нам совершенной, с помощью изменения стиля.
  • Не забываем сохранить открытку, когда работа будет завершена.

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

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

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

Создадим простейший фотоколлаж.

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

Вот изображение, которое я взял в качестве фонового. По-моему довольно симпатично.

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

Картинки готовы и мы приступаем к обработке собранных изображений.

Делаем прозрачный фон.

Как сделать прозрачный фон у нашей картинки в фотошопе? Очень просто. Большинство способов я уже описал в другой статье, но я не упущу возможности описать один из способов ещё раз.
Открываем картинку в редакторе: Файл > Открыть. Кликаем по нужной.

Перед тем как я начинаю работу с изображением то всегда дублирую его. Благо возможности программы позволяют сделать лишний слой. Для этого кликаем по картинке в панели слоёв, это нужно чтобы сделать её активной и жамкаем Ctrl + J. Вверху у нас появляется копия с которой мы будем работать. Нижнюю оставляем про запас.

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

В моём случае сделать прозрачный фон не составит труда. Так как фон белый, однородный и достаточно чистый убрать его будет не сложно.
Выбираем инструмент волшебная палочка и оставляем стандартные настройки чувствительности — 32. Если у Вас они не такие, то нужно это исправить.

Кликаем волшебной палочкой по фону и нажимаем Delete. Любуемся результатом.

Премещаем вырезанное изображение на другой фон.

Жмём клавишу «V» — тем самым мы выбираем инструмент «перемещение». А теперь просто захватываем персонажа и перемещаем на другую вкладку. У кого не получается тот может нажать на вкладке с персонажем Ctrl + A, затем Ctrl + C, а после, переместившись на вкладку другого изображения жмём Ctrl + V. Обычный копипаст работает и в фотошопе.
Вот что у меня получилось.

С помощью инструмента «Перемещение»(V) мы можем перенести человека на фото в любое место. Я располагаю его справа, потому-что слева я планирую написать поздравление.

Вставляем лицо в фотошопе.

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

Перетаскиваем лицо на фоновую картинку. Вот что имеем на данный момент.

Вставляем поздравительный текст в картинку.

Устанавливаем шрифт в фотошоп

Для начала копируем наше поздравление в буфер обмена (Ctrl +C). Заходим в фотошоп, выбираем инструмент «Текст», а затем щёлкаем по тому месту где нужно вставить стишок и жамкаем Ctrl +V. По умолчанию у нас включился Arial и текст смотрится не очень эффектно. Но поздравление появилось и ему можно подобрать красивый шрифт.

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

Мелкие правки

После того как мы установили шрифт в папку Fonts он появляется в панели выбора. Смело щёлкаем и находим необходимую гарнитуру. Для этого изначально стоит запомнить её название.

Моя гарнитура называется Maya. Я нашёл этот шрифт на одном из сайтов специально для этой открытки. Я изменил шрифтовые настройки следующим образом.


Цель урока : Использование полученных знаний на практике, создание собственной открытки.

Задачи:

  • обучающие - повторить, закрепить и углубить знания учащихся, познакомить с новыми способами выделения объектов;
  • развивающие – развить творческие способности.
  • воспитывающие – развитие усидчивости, внимательности, самостоятельности.

Программное обеспечение: программа для обработки растровых изображений Аdоbе Photoshop CS.

Формы организации работы на уроке: практикум.

Оснащение:

  • компьютерный класс;
  • интерактивная доска;
  • программное обеспечение;
  • Интернет.

Ход урока.

Организационный момент: проверка наличия отсутствующих на уроке, объявление темы урока.

Задача урока: Создать открытку-виньетку

Объяснение задания.

В этом уроке мы будем учится делать открытку. В зависимости от того чем вы ее "наполните" - это может быть и новогодняя открытка, и с днем рождения и т.д.
Например:

Рисунок 1

Рисунок 2

Для этого урока нам понадобятся фон, рамка-виньеточка с вензельками, шрифты, красивые кисточки, клипарты для украшения. На предыдущих уроках были найдены и загружены в Photoshop красивые шрифты и кисточки-завитки. Заранее были приготовлены следующие элементы:

Рисунок 3

рамка-виньеточка с вензельками

Рисунок 4

кисточки-завитки и шрифты.

Для начала создайте новый файл с желаемым размером. В этом уроке я использую размер А4. Переверните холст на 90 градусов. Откройте файл с фоном и перетащите фон на ваш новый файл.

Рисунок 5

С помощью клавиш Ctrl+T (свободная трансформация) установите нужные размеры фона.

Рисунок 6

Открытку можно сделать с фотографией и без. На этом уроке сделаем с фотографией. Для оформления выреза под фото будем работать с рамкой-виньеткой. Кроме этого можно использовать все что угодно - просто овалы(прямоугольники) маски, формы и т.д.
Откройте файл с рамочкой с вензелями. Переведите изображение в RGB(Изображение->Режим->RGB), так как файл с рамочкой имеет расширение GIF. Чтобы вставить рамочку на открытку нужно вырезать ее. Для этого сделайте следующее:

Нажмите Выделение-Цветовой ряд. Откроется окошко настройки параметров.

Рисунок 7

Выберите пипеточку с "+" и кликайте по нашей черной рамке, затем выбираете пипетку с "-" и кликаете по белому фону.. Для наглядности поставьте Выбор просмотра - "Черно-белый". Все, что будет выделено отмечается белым, оттенки серого - это эти тона будут полупрозрачны, черное - останется невыделенным. Когда результат нас устроит нажмите ОК. Таким образом выделяется вся рамка. Чтобы удалить не нужный нам белый фон нажмите Выделение- Инвертировать выделение (все белое выделится) и нажмите Delete.

Рисунок 8

Затем еще раз инвертируйте выделение и перетащите рамку на файл со слоем. С помощью клавиш Ctrl+T увеличиваем размеры рамки, применяем к этому слою любой стиль. Можно наложить цвет, тиснение, внешнее свечение, внутренняя тень и просто тень и т.д.

Рисунок 9

Теперь сделайте еще слой, возьмите понравившуюся вам кисть и нарисуйте посередине открытки "линию" - т.е. разделите открытку пополам. Например, берете завитки рисуете один сверху, один снизу. Выделяете, клавишами Ctrl+T делаете трансформацию. Я отразила их, перевернула нижний. Эти оба завитка сделала размером 700. В середину вставила еще один размером 500. Наложила на этот слой цвет.

Рисунок 10

Выделяем любым способом, создаем новый корректирующий слой "Цветовой тон/Насыщенность" - делай все, что хотим, дергаем ползунки пока результат нас не удовлетворит. В данном случае я уменьшила насыщенность и увеличила яркость.
Переходим на слой с рамочкой, кликаем внутри нее Волшебной палочкой и, удерживая нажатой клавишу Shift, во всех местах внутри завитков, где мы хотим, чтоб было видно фото. Затем расширяем на пару пикселей выделение. Переходим на слой с фоном и нажимаем Delete.

Рисунок 11

Вам нужно будет создать собственную открытку – виньетку. На работу дается 2 часа. На этом уроке вы начнете, дома продолжите, а на следующем уроке заканчиваете.

Практическая работа.

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

Домашняя работа.

В открытку должна быть вставлена фотография. Для этого необходимо подготовить нужную фотографию и в электронном виде принести на следующий урок. Продолжить работу над открыткой.

Тук-тук-тук!:) Пришло время для нового урока. Он будет особо полезен тем, кто хочет сделать подарок близким людям, но еще не определился с идеей. Достаточно слов. Начнем работу над открыткой!

Шаг 1

Давайте начнем с создания нового документа.... скажем шириной 450px и высотой 540px. Установите основной цвет на # cb0862 и, взяв инструмент Заливка (Paint Bucket Tool (G)), заполните фоновый слой этим цветом. Назовите первый слой "Розовый фон".
Итак, как только вы это сделали, загрузите и установите в ваш Фотошоп узор "Сердца". Создайте новый слой поверх фонового. Еще раз воспользуйтесь инструментом Заливка (Paint Bucket Tool (G)) и на этот раз установите его в режим "Заполнение узором " (Fill with Pattern). Из списка узоров выберите "Сердца". Назовите слой "Сердца фон".

Примечание переводчика: если вы еще не разобрались как сделать заливку узором, то это можно сделать таким способом: "Редактирование - Выполнить заливку - Содержимое: Регулярный - у вас станет активным окошко выбора узора - в нем выберете нужный узор".

Далее, стоя на "Сердца фон", перейдите в меню Стили слоя (Layer Style). Это можно сделать так: Слой - Стили слоя - Параметры наложения (Layer - Layer Style - Blending Options) .... либо двойной щелчок правой клавишей мыши по слою с узором).
Установите такие настройки для "Сердца фон":

Теперь ваше изображение выглядит подобным образом:

В этом шаге мы добавим немного блеска. Создаем новый слой поверх всех предыдущих. Цвет переднего плана (Foreground) устанавливаем на белый (#FFFFFF). Активируйте инструмент Градиент (Gradient Tool(G)), тип градиента - линейный, цвет - от переднего фона к прозрачному. Затем на новом слое, который вы только что создали, перетащите по диагонали линию градиента от верхнего левого угла примерно на 100-150px. Например, так:

Шаг 3

Работая со слоями вы в любой момент можете произвести корректировки вашей работы. Как пример я сейчас заменю фоновый розовый цвет на # ba044a .

Создайте новый слой и разместите его над слоем "Розовый фон" , затем залейте новый слой цветом # ba044a и нажмите Ctrl (Cmd на Mac) + E, чтобы объединить его с "Розовый фон".

Перейдите на слой "Сердца фон", затем перейдите к Слой - Новый корректирующий слой - Яркость\Контрасность (Layer - New Layer--Brightness/Contrast). Установите значения: Яркость +15 ; Контрастность +15. Теперь наш фон преобразился и выглядит так:

Создайте новый слой поверх всех остальных. Установите цвет переднего плана (foreground) на #cd344f , и фонового плана (background) на #650a33 . Активируйте инструмент Градиент ( Gradient Tool (G)), тип градиента - радиальный; цвет - от переднего плана к фоновому. Проведите линию градиента как показано ниже:

Назовите полученный слой "Страница"

Шаг 4

Теперь пришло время поработать с инструментом Перо (Pen Tool).
Итак, активируйте Перо (Pen Tool) установите его в режим "Контур" (Paths) и создайте форму загнутого уголка страницы. Когда вы закончите, щелкните правой кнопкой мыши по контуру - из подменю выберете пункт "Образовать выделенную область " (Make Selection), вот так:

Нажмите клавишу Delete . Создайте еще один новый слой над слоем "Страница". Щелкните правой кнопкой мыши на этом новом слое, выберите в меню "Создать обтравочную маску " (Create Clipping Mask), установите режим смешивания (blending mode) на "Умножение " (Multiply).

Активируйте инструмент Кисть (Brush Tool (B)). Из набора кистей, выберете стандартную круглую жесткую кисть; размером около 50 пикселей. Также, убедитесь, что цвет переднего плана # 650a33 . Теперь немного прорисуйте кистью нижнюю часть страницы, вот так:

В настоящее время, рисунок выглядит немного грубо... не так ли? Мы можем исправить это довольно простым методом: (Filter - Blur - Gaussian Blur), значение размытия установите около 27 пикс.. Результат должен быть похожим на этот:

Шаг 5

Когда вы будете довольны результатом выделите слой "Страница" и слой с размытием и объедините их в один (Ctrl(Cmd)+E ).
На данном этапе у вас должно получится пять слоев: "Розовый фон", "Сердца фон", "Яркость \ Контрастность", "Сияние 1", "Страница". Если у вас все получилось - продолжим урок!

Создайте новый слой и разместите его на самом верху. Преобразуйте его в обтравочную маску к слою (Create Clipping Mask) "Страница". Перейдите к "Стиль слоя" и выберите пункт "Обводка " (Stroke); положение - "внутри" (Inside); размер - 8 пикс.; цвет - #1d0610 . Далее перейдите к пункту "Наложение градиента " (Gradient Overlay) и установите такие настройки:

Примечание переводчика : перед тем как перейти к "Стиль слоя" залейте новый слой любым цветом. Установите значение "Заливка" на "0". Так же, вы можете отрегулировать значение непрозрачности при работе с "Наложением градиента" по собственному вкусу.

Активируйте инструмент "Волшебная палочка " (Magic Wand Tool (W)), установите допуск около 10, убедитесь что стоит флажок напротив "Сглаживание" (Anti-Aliasing)и снимите флажок напротив "Образец со всех слоев (Sample All Layers). Затем нажмите на слой"Страница», в палитре слоев, чтобы сделать его активным.Сделайте щелчок Волшебн ой палочк ой (Magic Wand Tool (W)),внутри документа. У вас должно получится такое выделение:

Примечание переводчика: вы можете создать выделение любым другим удобным для вас способом. Например активировать инструмент "Прямоугольная область (М)" и создать выделение по контуру вашей обводки. Либо воспользоваться "Пером" и создать выделенную область.

Создайте еще один новый слой (конечно выше всех других) ... и преобразуйте его в обтравочную маску к слою "Страница". Перейдите к Стилю слоя (Layer Style) и добавьте "Обводку " (Stroke); положение - "внутри" (Inside); размер - 4 пикс.; тип обводки - "градиент". Градиент для обводки используйте из шага №1 (золотой градиент).

Примечание переводчика: перед тем как перейти к "Стиль слоя" залейте новый слой любым цветом. Установите значение "Заливка" на "0".

Шаг 6

В этом шаге мы будем рисовать завернутый уголок открытки.
Установите цвет переднего плана (Foreground) на #cea051 . Активируйте инструмент Перо (Pen Tool (P)) в режиме "Слой-фигура " (Shape Layers). Создайте новый слой поверх всех остальных. Нарисуйте на новом слое загнутый уголок, как этот:

Дайте название новому слою, например - "Page Flip". Активируйте инструмент Градиент (Gradient Tool (G)) и установите такие настройки цвета:

Затем, создайте новый слой над слоем "Page Flip", щелкните правой кнопкой мыши по нему и в подменю выберете "Создать обтравочную маску" (Create Clipping Mask). Используя инструмент Градиент (Gradient Tool) протащите линию градиента как на примере ниже.

Примечание переводчика: тип градиента при рисовании, установите либо "Зеркальный" либо "Линейный" (по собственному вкусу).

Шаг 7

После добавления градиента страничка выглядит примерно таким образом:

На мой взгляд уголок получился слишком темным. Это можно исправить добавив корректирующий слой "Яркость \Контрастность " (Brightness / Contrast). Перейдите к Слой - Новый корректирующий слой - Яркость \ Контрастность (Layer - New Adjustment Layer - Brightness/Contrast). Установите значения - Яркость (Brightness): +31; Контрастность (Contrast): +19. Этот корректирующий слой должен находится на самом верху всех слоев, преобразуйте его в Обтравочную маску (Clipping Mask) к слою " Page Flip" (щелчок правой кнопкой мыши по слою - в подменю выбираем "Создать обтравочную маску (Create Clipping Mask)).
После коррекции вы получите похожий результат:

Шаг 8

По-моему мы отличная команда и достигли классного результата! =D
Продолжим! Теперь добавим тени от загнутого уголка на главную страницу.
Создаем новый слой и размещаем его между слоев "Сияние 1" и "Страница". Новый слой назовите "Тень страницы".

Режим наложения слоя установите на Умножение Градиент (Gradient Tool); тип градиента - Линейный (Linear Gradient); тип заливки - От переднего плана к прозрачному; цвет переднего плана - #382220. Стоя на слое "Тень страницы" создаем выделение по контуру слоя "Страница"("Ctrl "+ щелчок по иконке слоя "Страница"). Протащите линию градиента от верхнего левого угла выделения до нижнего правого.

Примечание переводчика: обратите внимание что темная часть градиента должна располагаться в левом верхнем углу, если у вас получилось наоборот - поставьте галочку "Инверсия".

Стоя на слое с градиентом, перейдите к Фильтр - Размытие - Размытие по Гауссу (Filter - Blur -Gaussian Blur). Установите значение для размытия: 10-20 пикс.

Примечание переводчика: если после применения размытия тень не видна - переместите ее немного выше используя инструмент "Перемещение".

Теперь ваше изображение выгляди так:

Шаг 9

Теперь мы добавим тень от загнутого уголка страницы. Создайте новый слой. Разместите его под слоем "Page Flip". Назовите новый слой "Внутренняя тень". Преобразуйте слой "Внутренняя тень" в обтравочную маску к слою "Страница". У вас получится такая схема:

Установите режим наложения слоя "Внутренняя тень" на Умножение (Multiply). Активируйте инструмент Градиент (Gradient Tool). Настройки используйте те же, что мы применили в предыдущем шаге для тени. Протащите линию градиента как указано на изображении:

Примечание переводчика: вы так же, можете уменьшить значение "Заливка" (80 - 60%), для слоя "Внутренняя тень" - это придаст более мягкий вид изображению.

Шаг 10

Сейчас начинается моя любимая часть работы - мы будем декорировать открытку!
Установите основной цвет # 330a1c . Активируйте инструмент Перо (Pen Tool (P)) в режиме Слой-фигура (Shape Layers). Создайте новый слой и разместите его над слоем "Страница"(как обтравочную маску). Используя инструмент Перо создаем абстрактную красивую форму (руководствуйтесь рисунком ниже):

Установите режим наложения этого слоя Умножение (Multiply). Уменьшите значение "Заливка " (Fill) до 45 %. Назовем слой "Карман". Скачайте и установите в Фотошоп узор "Флора". Вернитесь на слой "Карман". Перейдите в меню "Стиль слоя " (Layer Style). Добавьте такие параметры:

Шаг 11

Добавим кармашку еще более шелковистый вид. Для этого мы будем использовать корректирующие слои. Нажмите комбинацию Ctrl(Cmd)+ щелчок на иконке слоя"Карман". Затем перейдите в Слой - Новый корректирующий слой - Яркость \Контрастность (Layer - New Layer - Brightness/Contrast); настройки - Яркость (Brightness): +19 и Контрастность (Contrast): +18 .

Повторите выделение в третий раз и перейдите к Слой - Новый корректирующий слой - Цветовой тон \ Насыщенность (Layer - New Layer - Hue/Saturation). Установите значение "Насыщенность" (Saturation) на +30 .
Создайте выделение еще раз, и добавьте еще один корректирующий слой Цветовой тон \ Насыщенность (Hue/Saturation), но на этот раз измените значение "Яркость" (Lightness) до -11 . Понизьте непрозрачность (оpacity) этого слоя до 70% .

Шаг 12

В этом шаге мы "прикрепим" золотой ободок к шелковому карману.
Создаем новый слой выше последнего корректирующего слоя Цветовой тон \ Насыщенность (Hue/Saturation), который мы добавили в предыдущем шаге. На схеме слоев он будет расположен в таком порядке:

Создаем выделение слоя "Карман" (как делали ранее). Теперь переходим к Редактирование - Выполнить обводку (Edit - Stroke). В подменю установите параметры: ширина - 8 пикс; расположение - "по центру" (сenter). Нажмите на "Ок".
Далее перейдите в Стиль слоя (двойной щелчок по слою с обводкой) и установите такие параметры:

Итак, теперь вы можете назвать новый слой "Золотой ободок кармана" . И мы снова преодолели очередной этап! Ура!

Шаг 13

Как говорится: "Потехе время, а тени час..." :). Создаем новый слой и размещаем его над слоем "Страница". Дайте название этому слою "Тень от кармана". Установите режим наложения слоя (blending mode) на Умножение (Multiply) и понизьте непрозрачность (Opacity) до 60 %. Установите цвет переднего плана на # 330a1c . Создайте выделение слоя "Золотой ободок кармана" и залейте его ранее установленным цветом.

Снимите выделение и перейдите к Фильтр - Размытие - Размытие по Гауссу (Filter - Blur - Gaussian Blur). Значение размытия установите около 10 - 20 пикс.
Теперь изображение должно выглядеть приблизительно так:

Шаг 14

Нарисуем лист бумаги!
Установите основной цвет # f7d29e и активируйте инструмент Прямоугольник (Rectangle Tool). Обязательно установите режим для данного инструмента на Слой-фигура (Shape Layers) - это очень важно! Создайте новый слой поверх слоя "Страница" и нарисуйте на нем лист бумаги, я имею в виду, прямоугольник вроде этого:

Назовем этот слой "Лист бумаги" и добавим к нему некоторые стили слоя:

Шаг 15

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

Создайте выделение листа бумаги ("Ctrl "+ щелчок по иконке слоя "Лист бумаги"). Перейдите к Слой- Новый корректирующий слой - Цветовой тон\ Насыщенность (Layer - New Layer - Hue/Saturation). Установите такие значения - Насыщенность (Saturation) : -42 ; Яркость (Lightness) : -45 . Теперь весь лист выглядит гораздо темнее, но мы хотим чтобы этот эффект был применен только к спрятанному уголку.

Для этого, встаньте на слой Цветовой тон \ Насыщенность (Hue/Saturation) , который мы только что добавили. Установите цвет переднего плана на # 000000 (черный). Создайте выделение слоя "Карман" и инвертируйте его (Выделение - Инверсия (Select - Inverse)).

Активируйте инструмент Заливка (Paint Bucket Tool) и запоните выделение черным цветом (на маске слоя Цветовой тон\ Насыщенность). Теперь схема слоев выглядит таким образом:

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

Примечание переводчика: "Ctrl "+ щелчок по иконке последнего созданного слоя "Цветовой тон \ Насыщенность".

Теперь создаем еще один корректирующий слой Цветовой тон\ Насыщенность (Hue / Saturation) и вводим следующие параметры: Насыщенность (Saturation): -36 и Яркость (Lightness): +25 . Хорошо! Теперь ваша палитра слоев должна выглядеть следующим образом:

Шаг 16

К данному шагу мы получили вот такой результат:

Давайте добавим к листу строчки, на которых расположим текст.
Установите цвет переднего плана на # daa449 и активируйте инструмент Линия (Line Tool)(U)) и установите толщину линии на 2 пикс. Создайте новый слой и нарисуйте на нем строчки:

Назовите данный слой "Строчки", установите режим наложения Умножение (Multiply) и понизьте Заливку (Fill) до 65 %.

Шаг 17

В этом шаге мы добавим тень от листа бумаги.
Создайте новый слой поверх слоя "Страница" (как обтравочную маску). Установите цвет преднего плана на #330a1 c. Создайте выделение листа бумаги и залейте его на новом слое выбранным цветом.

Назовите новый слой "Тень листа бумаги". Установите режим наложения Умножение (Multiply) и понизьте заливку (Fill) до 50 %. Снимите выделение. Перейдите к Фильлтр - Размытие - Размытие по Гауссу (Filter - Blur - Gaussian Blur) (значение размытия 2-5 пикс.). Далее Нажмите комбинацию Ctrl + T для перехода в режим трансформирования. Измените форму тени так, что бы она была видна с двух сторон листа.

Шаг 18

Лист готов и теперь мы можем написать свое поздравление (или пожелание). Для этого, создаем новый слой над слоем "Строчки". Загружаем и устанавливаем шрифт "Jellyka" (вы конечно, можете взять любой другой шрифт). Активируем инструмент Текст (Type Tool (T)) и пишем свое сообщение. Когда оно будет готово, нажмите Ctrl (Cmd) + T и поверните текст так, чтобы он "лег" на строчки (вы так же можете использовать инструмент Перемещение (Move Tool) для удобства размещения текста).

Установите режим наложения текстового слоя на Умножение (Multiply). Вы так же, можете провести легкую коррекцию текста (его цвета и яркости) добавив к нему корректирующий слой Цветовой тон\ Насыщенность (Hue/Saturation). Для этого, создаем выделение текста и переходим к Слой - Новый корректирующий слой - Цветовой тон\ Насыщенность (Layer - New Layer - Hue/Saturation). Я устанавливаю такие параметры: Цветовой тон (Hue): -6; Насыщенность (Saturation) : +29.



Рекомендуем почитать

Наверх