Найти тему

Делаем фоторамку в Photoshop

Оглавление

Перед вами обновлённая версия урока, который выполнен в Photoshop CC2018.

Доброго вам дня посетители сайта Photoshop-Master. В этом уроке, мы будем создавать интересный дизайн для цифровой фоторамки.

Скачать архив с материалами к уроку

1. Создаем основу

Шаг 1

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

Шаг 2

Теперь создаем новый документ размером 1280x1024 px и 72 dpi. Помещаем в него текстуру.

-2

2. Работаем с текстурой

Добавим текстуре немного контраста. Для этого будем использовать стили слоя.

Шаг 1

Создаем новый слой. Заливаем его любым цветом. Устанавливаем уровень Заливки (Fill) на 0%.

-3

Шаг 2

Далее идем в Слои – Стиль слоя – Наложение градиента(Layer – Layer style – Gradient Overlay)

-4

Настраиваем стиль слоя:

Режим – Мягкий свет, непрозрачность – 100%, радиальный градиент, угол – 141 градус, масштаб – 130%, галочка напротив «инверсия».

-5

Настраиваем градиент:

-6
-7

Шаг 3

Создаем еще один новый слой, заливаем его любым цветом. С помощью этого слоя мы будем затемнять края текстуры. Устанавливаем уровень Заливки (Fill) на 0%.

Шаг 4

Далее идем в Слои – Стиль слоя – Наложение градиента (Layer – Layer style – Gradient Overlay).

Настраиваем стиль слоя:

Режим – Нормальный, непрозрачность – 100%, радиальный градиент, угол – 141 градус, масштаб – 130%, цвет – от прозрачного к чёрному.

-8

Настраиваем градиент:

-9
-10

3. Оформляем основу под фото

Шаг 1

Для начала добавим подходящий узор любым удобным для вас способом. Например, открыть картинку в Фотошоп и сохранить этот рисунок как узор Edit – Define Pattern(Редактирование – Определить узор). Я буду использовать узор из этого набора.

Шаг 2

-11

Шаг 3

Используя инструмент Свободное трансформирование (Free Transform) (Ctrl+T), немного повернем прямоугольник, как показано ниже.

-12

Шаг 4

Теперь применим к этому слою несколько стилей. Идем Слои – Стиль слоя (Layer – Layer style):

  • Добавляем тень. Тень (Drop Shadow). Настройки: режим наложения– умножение, непрозрачность – 90, угол – 120, смещение – 11 пикс, размер – 5 пикс.
-13
  • Добавляем узор. Наложение узора (Pattern Overlay). Настройки: режим наложения– нормальный, непрозрачность – 22, среди образцов выбираем узор, сохранённый ранее.
-14
  • Добавляем обводку. Обводка (Stroke). Размер – 6 пикс., положение – внутри, режим наложения – нормальный, непрозрачность – 100, цвет обводки – белый.
-15
-16

4. Создаем орнамент

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

Шаг 1

Создаем новый слой, устанавливаем режим наложения Осветление основы (Color Dodge). На этом слое, используя загруженные кисти, украсим края прямоугольника орнаментом. Цвет для кистей используйте #959595.

-17

Шаг 2

Наше изображение выглядит немного уныло – добавим цвета, разукрасив орнамент в местах, где он выходит за пределы прямоугольника. Для этого нажимаем на палитре слоёв кнопку Блокировка прозрачных пикселей (Lock transparent pixel). Таким образом, кисть будет влиять только на цветные пикселы.

-18

Шаг 3

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

-19

5. Оформляем место под фотографию

Шаг 1

-20

Шаг 2

Активируем инструмент Добавить опорную точку (Add Anchior Point Tool) и добавляем два узла около верхнего правого угла. Теперь нам понадобится инструмент Удалить опорную точку (Delete Anchior Point), чтобы удалить узел, который непосредственно находится в правом верхнем углу. Так мы получим скос.

-21
-22

Шаг 3

Кликаем правой кнопкой мыши на предыдущем слое с прямоугольником и в выпавшем меню выбираем Скопировать стиль слоя (Copy Layer Style). Затем активируем слой с прямоугольником со скошенным углом и кликнув правой кнопкой мыши в выпавшем меню выбираем Вклеить стиль слоя (Paste Layer Style).

-23

Шаг 4

-24

Шаг 5

Применяем к слою следующие стили. Слои – Стиль слоя (Layer – Layer style):

  • Тень (Drop Shadow). Настройки: режим наложения– умножение, непрозрачность – 90, угол – 120, смещение – 4 пикс, размер – 10 пикс.
-25
  • Наложение градиента (Gradient Overlay). Режим – нормальный, непрозрачность – 100%, радиальный градиент, цвет – от белого к прозрачному, угол : -123 градуса, масштаб – 57%.
-26

Настройка градиента:

-27

  • Наложение текстуры (Pattern Overlay). Режим наложения – нормальный, непрозрачность – 22.
-28
-29

Шаг 6

-30

Шаг 7

Применяем к стилю слоя следующие параметры:

  • ВнутренняяТень (Inner Shadow). Настройки: режим наложения– умножение, непрозрачность – 75, угол – 120, смещение – 1 пикс, размер – 5 пикс.
-31
-32

6. Вставляем фото в рамку

Шаг 1

Открываем фотографию, которую будем помещать в рамку, и вставляем ее в рабочий документ. Масштабируем при необходимости (Ctrl+T).

-33

Шаг 2

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

-34

Шаг 4

-35

Шаг 5 (по желанию)

Добавим подпись к фотографии. Вот и наш финальный результат:

-36

Вот мы и закончили. Не бойтесь экспериментировать и всё у вас получится. До встречи в следующем уроке.

Поделиться своей работой и задать вопрос можно на странице урока сайта photoshop-master.ru