Сайт о телевидении

Сайт о телевидении

» » Создание флаера в фотошопе. Photoshop Tutorial: Создание потрясающего дизайна флаера

Создание флаера в фотошопе. Photoshop Tutorial: Создание потрясающего дизайна флаера

Разработку флаера начнем с выбора размера. Чаще всего используются стандартные размеры флаеров: А4 (210х297мм), А5 (148х210мм), А6 (105х148мм) и DL (еврофлаер 99x210мм). Если Вам нужен нестандартный размер флаера, например, идея дизайнера не вложилась в формат:)), то будьте готовы к дополнительным затратам. Расчет стоимости тиража любой полиграфической продукции изначально привязан к стандартным форматам бумаги.

Требования к макету флаера такие же, как и макету визитки. Это основные стандарты в полиграфии. Нужно добавить вылеты +2 мм с каждой стороны под обрез и не размещать важную информацию ближе, чем 3 мм к линии реза.

Разрешение, цвета, шрифты для флаера

Цветовая модель должна быть обязательно CMYK. Цветовая модель RGB имеет другой цветовой охват, это показано на фото ниже. Более подробное описание различий между CMYK и RGB рассмотрим в отдельной статье.

Черный цвет на текстовых элементах должен иметь значение К=100% (только чёрный). Это требование больше применимо к офсетной печати (в силу технологии), но лучше его соблюдать сразу. Правильно подготовленный макет избавит в дальнейшем от лишних корректировок.

Черный цвет на заливках K=100% C=50% M=50% Y=50%. Так цвет будет достаточно плотным.

Разрешение растровых изображений (фотографий, картинок) обязательно не меньше 300dpi.

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

Для того чтоб перевести шрифты в кривые в CorelDraw достаточно выделить все текстовые элементы и использовать сочетание клавиш CTRL+Q, а в Adobe Illustrator - сочетание клавиш CTRL+SHIFT+O. Помните, что после перевода текста в кривые он становится просто объектом и редактировать его уже быстро не получится. Так что вычитывайте текст перед этой операцией и делайте копию текстовых элементов, на всякий случай.

Подготовка флаера для типографии

В типографию макет флаера лучше подавать в двух вариантах: оригинал, который можно будет корректировать в случае необходимости, в реальном размере в формате TIFF (CMYK, 300dpi) и «превью» в формате JPEG (можно 72dpi-150dpi для просмотра). Если, случайно, при открытии файла в типографии какие-либо элементы сместятся, то дизайнерам и печатникам будет на что ориентироваться.

ПОМНИТЕ!!! Когда макет флаера Вы разрабатываете сами, ответственность за всевозможные ошибки в макете несёте Вы. Так что внимательно вычитывайте текст дома и обязательно делайте превью для типографии.

Создать макет флаера онлайн бесплатно

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

Тематики шаблонов флаеров:

Бесплатная доставка флаеров в городах:

  • Москва
  • Санкт-Петербург
  • Екатеринбург
  • Нижний Новгород
  • Ростов-на-Дону
  • Самара
  • Челябинск

Желаем качественных отпечатков, сайт ;)

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

Все материалы для урока вы можете скачать по этойссылке . Кроме того, мы будем использовать шрифтProxima Nova .

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

Шаг 1

Создаем новый документ размером 216х154 миллиметров. Это размер формата А5 с отступами по краям в 3 мм. Так как данная работа предназначена для печати, устанавливаем цветовой режим на CMYK и разрешение на 300 пикселей/дюйм.

Шаг 2

Добавляем направляющие, чтобы отметить отступы по краям. Используем инструментMove Tool (V) (Перемещение) и клавишу Shift, чтобы откорректировать положение направляющих.

Шаг 3

Добавляем направляющие по всем сторонам документа.

Создаем фон

Шаг 1

Жмем Shift+Ctrl+N, чтобы создать новый слой. Заливаем его белым цветом (Alt+Backspace). Убедитесь, что на панелиColor (Цвет) установлены ползунки CMYK.

Шаг 2

Кликаем на кнопкуAdd a Layer Style (Добавить стиль слоя) внизу панели слоев и выбираемGradient Overlay (Перекрытие градиентом). Белый ползунок ставим на 30%. Цвет черного ползунка меняем на бледно-желтый (C=9 M=6 Y=14 K=0).

Шаг 3

С помощьюRectangle Tool (U) (Прямоугольник) создаем прямоугольник. Размер вводим 216 х 56 мм.

Шаг 4

Привязываем прямоугольник к верхнему левому углу документа. Заливаем его темно-коричневым (C=49 M=74 Y=80 K=70).

Шаг 5

С помощьюPen Tool (P) (Перо) добавляем узелок на нижней части прямоугольника.

Шаг 6

С помощьюDirect Selection Tool (A) (Частичное выделение) начинаем редактировать направляющие узелка, чтобы создать кривую Безье.

Шаг 7

Продолжаем редактировать прямоугольник, как показано ниже.

Шаг 8

ПереходимFile - Place Embedded (Файл - Поместить встроенные), затем выбираем изображение people-1.jpg из набора, который вы должны были скачать в начале урока.

Шаг 9

ИспользуемMove Tool (V) (Перемещение), чтобы разместить фото в верхнем левом углу, как показано ниже.

Шаг 10

С помощьюRectangle Tool (U) (Прямоугольник) создаем прямоугольник в режимеPath (Контур). Размер вводим 216 х 100 мм.

Шаг 11

С помощьюDirect Selection Tool (A) (Частичное выделение) перемещаем прямоугольник прямо на фото в верхнем левом углу.

Шаг 12

АктивируемRectangle Tool (U) (Прямоугольник) и на верхней панели параметров инструмента кликаем по кнопкеMask (Маска). В результате на слое с фотографией появится векторная маска.

Шаг 13

С помощьюPen Tool (P) (Перо) добавляем новый узелок на маске. Затем, используяDirect Selection Tool (A)(Частичное выделение), создаем кривую Безье.



Шаг 14

Используя те же инструменты (Перо и Частичное выделение), редактируем маску, как показано ниже. Обратите внимание на положение узелков и на простоту формы. Чем меньше узелков, тем более гладким и аккуратным будет результат.

Шаг 15

ПереходимFilter - Blur - Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу). Устанавливаем Radius (Радиус) на 6.

Шаг 16

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

Шаг 17

Добавляем к фото новую слой-маску. Мягкойкисточкой (В) аккуратно стираем правый край.

Шаг 18

Создаемкорректирующий слой Brightness/Contrast (Яркость/Контрастность). Для этого кликаем на иконку(Создать новую заливку или корректирующий слой). Устанавливаем Brightness (Яркость) на 40 и Contrast (Контрастность) на 10.

Шаг 19

Кликаем правой кнопкой по корректирующему слою и выбираемCreate Clipping Mask (Создать обтравочную маску). Благодаря этому, коррекция будет действовать только на фото ниже.

Шаг 20

Кликаем на кнопкуCreate new fill or adjustment layer (Создать новую заливку или корректирующий слой) внизу панели слоев и выбираемSolid Color (Цвет). Цвет заливки устанавливаем на коричневый (C=30 M=80 Y=100 K=30).

Шаг 21

Жмем по векторной маске фотографии. Зажимаем клавишу Alt и перетаскиваем маску на слой с цветовой заливкой. В результате маска скопируется.

Шаг 22

С помощьюDirect Selection Tool (A) (Частичное выделение) перетаскиваем правый верхний узелок в угол.

Шаг 23

Беремкисть (В) и редактируем маску, чтобы убрать часть заливки. Непрозрачность коричневого слоя установите на 75%.

Шаг 24

БеремRectangle Tool (U) (Прямоугольник) и рисуем новый прямоугольник.

Шаг 25

Заливаем прямоугольник светло-коричневым цветом (C=10 M=65 Y=100 K=0).

Шаг 26

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

Шаг 27

С помощьюPen Tool (P) (Пера) иDirect Selection Tool (A) (Частичное выделение) редактируем прямоугольник, как показано ниже.

Добавляем текст и логотип

Шаг 1

Создаем окружность с помощьюEllipse Tool (U) (Эллипс). Размер фигуры - 248 х 248 px. Заливаем ее коричневым цветом (C=30 M=80 Y=100 K=30).

Шаг 2

Добавляем стиль слояDrop Shadow (Тень). УстанавливаемOpacity (Непрозрачность) на 14%,Distance (Расстояние) на 5 px и Size (Размер) на 15 px.

Шаг 3

Создаем еще одну окружность размером 400 х 400 px. Заливаем ее темно-синим цветом (C=100 M=80 Y=45 K=50).

Шаг 4

Ко второй окружности также применяем стиль слояDrop Shadow (Тень). Для этого кликаем правой кнопкой по слою с первой окружностью и выбираемCopy Layer Style (Копировать стиль слоя), затем правой кнопкой по второй и выбираемPaste Layer Style (Вставить стиль слоя). Синюю окружность размещаем под коричневой.

Шаг 5

С помощьюType Tool (T) (Текст) пишем текст. В этом уроке использован шрифтProxima Nova . Размер текста с ценой 17 pt. Все строки создаем как отдельные слои. С помощьюMove Tool (V) (Перемещение) размещаем текст в окружности, как показано ниже.

Шаг 6

Добавляем текст на синей окружности. Размер самого крупного текста 31 pt.

Шаг 7

Продолжаем добавлять текст. Шрифт - Proxima Nova Light, размер - 18 pt.

Шаг 8

Пишем еще текст. Размер - 36 pt. Устанавливаем Tracking (Трэкинг) на -10.

Шаг 9

Выделяем оба текстовых слоя. Зажимаем клавишу Alt и тянем их ниже, чтобы дублировать.

Шаг 10

С помощьюType Tool (T) (Текст) редактируем дубликаты текста, как показано ниже.

Шаг 11

ПереходимFile - Place Embedded (Файл - Поместить встроенные) и в открывшемся окне выбираем файл acme-travel-logo.ai.

Шаг 12

Уменьшаем размер логотипа и размещаем его в верхнем правом углу.

Шаг 13

Добавляем стиль слояDrop Shadow (Тень). УстанавливаемOpacity (Непрозрачность) на 11%,Distance (Расстояние) на 3 px и Size (Размер) на 16 px.

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

Шаг 1

Создаем прямоугольник с помощьюRectangle Tool (U) (Прямоугольник) размером 60 х 28 px.

Шаг 2

С помощьюDirect Selection Tool (А) (Частичное выделение) выделяем прямоугольник и на верхней панели в меню выравнивания выбираем Horizontal Centers (Центры по горизонтали).

Шаг 3

ПереходимFile - Place Embedded (Файл - Поместить встроенные) и добавляем к документу файл people-11.jpg.

Шаг 4

Уменьшаем размер изображения и размещаем на прямоугольнике.

Шаг 5

АктивируемRectangle Tool (U) (Прямоугольник) и на панели параметров инструмента жмем на кнопкуMask (Маска). Это функция сделает из прямоугольника векторную маску и применит ее к фото.

Шаг 6

ЗажимаемAlt+Shift и перетягиваем фото, чтобы дублировать его.

Шаг 7

ПереходимFile - Place Embedded (Файл - Поместить встроенные) и выбираем изображение city-5.jpg.

Шаг 8

Уменьшаем фото и размещаем его над слоем с копией предыдущего фото с девушкой.

Шаг 9

Хватаем маску копии фото с девушкой и перетаскиваем ее на новое фото, затем удаляем слой people-11-copy.

Шаг 10

Повторяем шаги 7-9 и добавляем карту.

Шаг 11

Выделяем слой с картой и добавляем стиль слояStroke (Обводка).

Шаг 12

Размер обводки устанавливаем на 2 px. МеняемPosition (Положение) наInside (Внутри) и выбираем коричневый цвет (C=30 M=80 Y=100 K=30).

Инструкция

Запустите Adobe Photoshop и создайте новый документ. В процессе создания задумайтесь, какой вид будет иметь ваша листовка ( , книжный или квадратный), и в зависимости от этого заполните поля Width и Height. Формат и тематика остается, разумеется, на ваше усмотрение, но в этой инструкции будет изложен процесс создания листовки в книжном формате на тему вреда курения.

С помощью инструмента Paint Bucket Tool (горячая клавиша G, переключение между смежными элементами – Shift+G) покрасьте фон в белый цвет. Выберите инструмент Rectangle Tool (U, Shift+U) и создайте обрамляющие полосы цветом ffbd5f в верхней и нижней части листовки.

При помощи инструмента Horizontal Type Tool (T, Shift+T) создайте два слоя с надписями заглавными буквами «курение» (цвет 7d6125) и «убивает» (белый цвет). Шрифт – Trebuchet MS. С помощью команды свободной трансформации (Ctrl+T) увеличьте надпись «убивает». Создайте кайму для каждой из надписей. Для этого кликните правой кнопкой мыши по слою и выберите пункт Blending options, а затем вкладку Stroke. Размер каймы: 3 пикселя, прозрачность: у «убивает» - 30%, у «курение» - 14%. Расположите обе надписи как показано на картинке. Создайте еще одну полосу под надписью «убивает» той же толщины и цвета, как у полос в верхней и нижней части листовки.

С помощью Rectangle Tool (тремя прямоугольниками) создайте фон за надписью «убивает», но не касаясь надписи «курение». Создайте 6 надписей размером 40 и шрифтом Trebuchet MS: «Согласно», «статистике», «в России», «курят», «более 3 миллионов», «подростков». Разместите их друг под другом в центре листовки. Ниже создайте еще одну полосу цвета ffbd5f. Окаймите эту и самую нижнюю полосу тонкими цвета ffee5f.

Создайте еще 6 надписей заглавными буквами («объясни», «своему» и «ребенку» - размер 40, начертание H; «почему», «сигареты» и «вредны» - 35, EL), шрифт - Kozuka Gothic Pr6N. Разместите надписи между двумя нижними оранжевыми полосами как показано на приложенной картинке.

При помощи инструмента Ellipse Tool (U, Shift+U) создайте вокруг надписи «Согласно статистике в России курят более 3 миллионов подростков» нечто похожее на сигаретный дым. Для этого эллипс за эллипсом в произвольном порядке закройте эту надпись. Затем для удобства соедините все слои с эллипсами (выделите их, щелкните по ним правой кнопкой и нажмите Merge Layers).

Кликните по вновь образованному слою правой кнопкой мыши и выберите Blending Options. Во вкладке Stroke создайте серую кайму для этого слоя величиной 2 пикселя, а во вкладке Satin, покрутив ползунки, придайте слою вид клубов дыма. Создайте еще две копии этого слоя, поместите их ниже оригинала. С помощью команды свободной трансформации увеличьте обе копии. В результате у вас должно получиться что-то вроде этого.

Всем привет!

В сегодняшнем уроке мы будем создавать летний, яркий, сочный (во всех смыслах!) флаер.

Из урока вы узнаете, как пользоваться инструментами Кисть, Текст и Перемещение, фильтром Размытие по Гауссу, линейками и направляющими, как загружать кисти, создавать градиенты, добавлять тень разными способами, трансформировать, масштабировать и поворачивать объекты, деформировать текст, использовать и копировать стили слоя и многое другое.

Создаем в фотошоп (Ctrl + N ) новый документ с параметрами, как на рисунке ниже. Поскольку готовую работу мы будем распечатывать, то используем разрешение 300 пикселей/дюйм и режим CMYK . Если вы не планируете распечатывать в дальнейшем созданный флаер, а просто хотите повторить урок, то можете упустить эти детали.


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

Сочетанием клавиш Ctrl + R вызываем Линейки. По краям холста добавляем направляющие. Чтобы добавить направляющую, подводим мышь к горизонтальной или вертикальной Линейке (в зависимости от того, какую направляющую нужно создать), кликаем мышкой и перетаскиваем направляющую в нужную область, затем отпускам клавишу мышки. Направляющие сами как «прилипнут» к краям холста.



Переходим в меню Изображение-Размер холста и вводим настройки, как на рисунке ниже. Мы расширили холст, все, что за пределами направляющих будет обрезано при распечатке.



Добавляем корректирующий слой Градиент. Кликаем по строке выбора градиента, чтобы открыть Редактор градиентов. В Редакторе градиентов создаем новый градиент. Для этого кликаем по нижним Контрольным точкам и вводим следующие значения: для левой контрольной точки оттенок #ffffff, для правой – оттенок #5e8bc8. Следим, чтобы для верхних Контрольных точек была непрозрачность 100%. Если при открытии Редактора градиентов активен градиент с более, чем двумя Контрольными точками, удалите лишние, кликнув по точке и нажав на клавишу Delete . В окне корректирующего слоя Градиент вводим следующие настройки.

Выше слоя с градиентом создаем новый пустой слой и переименовываем его в «Облака». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое название и нажмите клавишу Enter .

Активируем инструмент Кисть и загружаем набор кистей с облаками из папки с исходниками. Для этого при активном инструменте Кисть кликаем ПКМ по холсту, чтобы вызвать меню выбора кистей. В меню выбора кистей кликните по «шестеренке» справа и выберите «Загрузить кисти». Набор с загруженными кистями появится в конце списка загруженных кистей. Для изменения размера кисти воспользуйтесь клавишами квадратных скобок на клавиатуре – клавиши «Х» и «Ъ» в русской раскладке. В панели цвета в качестве основного оттенка устанавливаем белый. Для этого сначала нажмите на клавиатуре клавишу D, чтобы сбросить цвета к установленным по умолчанию (черному и белому), затем – клавишу X, чтобы поменять оттенки переднего и заднего плана местами. Выбираем понравившееся кисти и рисуем облака в верхней части работы. Я использовала кисти, отмеченные на рисунке ниже. Вы можете использовать другие кисти на свое усмотрение.



В панели слоев понижаем прозрачность слоя «Облака».

Помещаем в документ (Файл-Поместить) изображение со стаканом сока из папки с исходниками.

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

Ниже слоя «Сок» создаем новый пустой слой и называем его «Тень от стакана». Активируем инструмент Кисть, в панели слоев в качестве основного выставляем черный оттенок (нажимаем клавишу D ), выбираем мягкую круглую кисть и рисуем тень. Если у вас в данный момент не загружены мягкие круглые кисти, в панели выбора кисти нажмите «шестеренку» справа и выберите «Основные кисти». Понижаем прозрачность слоя с тенью.


Ниже слоя со стаканом помещаем (Файл-Поместить) изображение с пальмой из папки с исходниками. Уменьшаем пальму, не забывая зажимать клавишу Shift для сохранения пропорций, и поворачиваем, покрутив за уголки рамки. Располагаем, как на рисунке ниже.


Создаем дубликат слоя с пальмой (Ctrl + J ). Переходим в меню Редактирование-Трансформирование-Отразить по горизонтали и размещаем пальму справа.

Выше всех слоев помещаем в документ изображение с листом из папки с исходниками. Уменьшаем его и располагаем, как на рисунке ниже. Переходим в меню Фильтр-Размытие-Размытие по Гауссу и настраиваем следующим образом. Дублируем слой с пальмой (Ctrl + J ) и отражаем по горизонтали (Редактирование-Трансформирование-Отразить по горизонтали). Располагаем в правой части холста.


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

Активируем инструмент Текст. Пишем текст «Это лето было». В верхней панели настроек инструмента Текст выбираем шрифт, который установили в предыдущем шаге, меняем размер и цвет текста (#7 bb 930). Затем нажимаем в верхней панели настроек инструмента Текст на иконку деформации текста и в появившемся окне вводим следующие настройки. При помощи инструмента Перемещение располагаем текст на холсте.



В нижней части холста пишем слово «ярким!!!». Используем тот же шрифт, но меняем оттенок на # d 8 da 17 и увеличиваем размер текста.

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

Во вкладке Тень добавляем тень.


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

Если Вы не хотите пропустить интересные уроки создания эффектов в фотошопе - подпишитесь на рассылку.
Форма для подписки находится ниже.

(то, что мы будем создавать)

Детали урока
Сложность: средняя
Продолжительность: увеличенная

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

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

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

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

Подготовка документа и размещение направляющих

Шаг 1
Прежде всего, зададим документу правильные размеры и установки для печати. Создайте в фотошопе новый документ и задайте размер 216x154 мм. Данный размер соответствует формату A5 с 3 мм отступом вдоль краев. А так как результат нашей работы предполагается распечатывать, то задайте цветовую схему – CMYK , при разрешении 300 пикселей на дюйм (Pixels/Inch).

Шаг 2
Добавьте на документ несколько новых направляющих, которые обозначат поля. В Illustrator-е и Illustrator-е для этого есть встроенные опции, но в фотошопе это нужно проделывать вручную. Создать направляющую можно стащив курсор с соответствующей линейки в окне программы. Затем, используя инструмент Перемещение (Move tool) и клавишу Shift, расположите горизонтальную направляющую в 3 миллиметрах от края верхнего края холста.

Шаг 3
Повторите процесс, создавая аналогичные направляющие вдоль остальных краев документа. Убедитесь, что каждая направляющая отстоит ровно на 3 мм от соответствующего края.

Создание фона

Шаг 1
Нажмите Shift-Cmd-N, чтобы создать новый слой. Залейте его белым цветом. Для этого установите основным цветом – белый и нажмите Alt-Backspace. Убедитесь, что слайдеры CMYK находятся во включенном положении. Так будет обеспечена работа именно с цветами оптимальными для распечатывания.

Шаг 2
Кликните по иконке создания слоя-заливки или корректирующего слоя (Create new fill or adjustment layer) и выберите в раскрывшемся списке пункт: Наложение градиента (Gradient Overlay). Настройте цвета градиента так, как показано на скриншотах ниже.

Шаг 3
Выберите инструмент Прямоугольник (Rectangle Tool) и начертите фигуру с размерами 216x56 мм.

Шаг 4
Совместите прямоугольник с левым верхним углом документа. Залейте его темно-коричневым цветом (C=49 M=74 Y=80 K=70)

Шаг 5
Выберите инструмент Перо (Pen Tool (P)) и добавьте дополнительную опорную точку на нижний край прямоугольника.

Шаг 6
Переключитесь на инструмент Стрелка (Direct Selection Tool) и, перемещая управляющие рычажки, придайте кривой Безье вот такую изящную форму:

Шаг 7
Повторите процесс, придавая прямоугольнику форму, показанную ниже:

Шаг 8
Пройдите в меню Файл > Поместить совмещенные (File > Place Embedded...), и выберите изображение people-1.jpg из набора с ресурсами урока.

Шаг 9
При помощи инструмента Перемещение (Move tool) поверните фото. Расположите его на холсте примерно так, как показано на изображении ниже:

Шаг 10
При помощи инструмента Прямоугольник (Rectangle Tool) начертите еще один прямоугольник со сторонами 216x100 мм.

Шаг 11
Переключитесь на инструмент Стрелка (Direct Selection Tool) и расположите этот прямоугольник поверх фото, в правом верхнем углу холста:

Шаг 12
Выберите на панели опций в верхней части окна программы пункт Маска (Mask). В результате к слою с фотографией будет применена векторная маска.

Шаг 13
Добавьте при помощи инструмента Перо (Pen Tool (P)) добавьте на маску дополнительную опорную точку. Затем переключитесь на инструмент Стрелка (Direct Selection Tool) и придайте кривой Безье вот такую форму:

Шаг 14
Этими же инструментами (Пером и Стрелкой) придайте маске форму, показанную ниже. Обратите внимание на расположение опорных точек, и относительную простоту формы фигуры. Чем меньше опорных точек вы используете, тем мягче получится маска.

Шаг 15
Пройдите в меню Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur), задайте Радиус: 6 пикселей.

Шаг 16
Выделите на палитре слоев маску примененного смарт-фильтра, и наложите на нее градиент, затемняя ее слева на право:

Шаг 17
Кликните по иконке добавления слоя-маски (Add layer mask). При помощи кисти замаскируйте ступеньки на фотографии. Здесь неплохо было бы проявить некоторый творческий подход.

Шаг 18
Кликните по иконке создания слоя-заливки или корректирующего слоя (Create new fill or adjustment layer) и выберите в раскрывшемся списке пункт: Яркость/Контрастность (Brightness/Contrast). Задайте показанные ниже величины яркости и контраста:

Шаг 19
Кликните по корректирующему слою правой кнопкой мыши, и выберите в открывшемся контекстном меню пункт: Создать обтравочную маску (Create Clipping Mask). В результате приименные ранее настройки яркости и контраста затронут только расположенную ниже фотографию.

Шаг 20
Создайте слой коррекции Цвет (Solid Color), и задайте коричневый цвет (C=30 M=80 Y=100 K=30)

Шаг 21
Кликните по векторной маске слоя с фотографией. Удерживая Alt, перетащите маску вверх, расположив ее на слое с коричневой заливкой. В результате изначальная маска будет продублирована.

Шаг 22
Выберите инструмент Стрелка (Direct Selection Tool) и переместите правую верхнюю точку в правый верхний угол.

Шаг 26
Расположите слой со светло-коричневым прямоугольником под слоем с прямоугольником, залитым темно-коричневым цветом

Шаг 27
Работая инструментами Перо и Стрелка, придайте последнему прямоугольнику форму, показанную ниже: