Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

167 593 чел. 370 339 работ 3 867 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Легкая

Создаем винтажный фотоэффект в Photoshop

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

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

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

Шаг 1

С помощью комбинации клавиш Ctrl+N создаем новый документ. В окне настроек вводим размер 3000 х 2000 пикселей и устанавливаем Resolution (Разрешение) на 300 DPI.

Шаг 2

Переходим в меню File– Place (Файл – Поместить) и в открывшемся диалоговом окне выбираем скачанное фото, чтобы вставить его в документ.

Шаг 3

Кликаем правой кнопкой мышки по слою с фото и выбираем Convert to Smart Object (Преобразовать в смарт-объект).

2. Как создать ретро эффект на фото

Шаг 1

Выбираем смарт-объект и на верхней панели переходим Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу). Устанавливаем Radius (Радиус) на 3 пикселя.

Шаг 2

Дважды дублируем смарт-объект. Для этого жмем комбинацию клавиш Ctrl+J или кликаем правой кнопкой по слою и выбираем Duplicate Layer (Создать дубликат слоя).

Шаг 3

Дважды кликаем по первой копии смарт-объекта, чтобы открыть окно Layer Style (Стиль слоя). Здесь мы снимаем галочку с каналов Green (G) (Зеленый) и Blue (B) (Синий). После этого редактируем стили второй копии смарт-объекта и снимаем галочки с каналов Red (R) (Красный) и Green (G) (Зеленый).

Шаг 4

Активируем инструмент Move Tool (V) (Перемещение). Зажимаем клавишу Shift и первую копию смещаем на 20 пикселей влево, а вторую – на 20 пикселей вправо.

Шаг 5

Теперь мы подкорректируем цвета картинки. Для этого переходим Layer – New Adjustment Layer – Hue/Saturation (Слой – Новый корректирующий слой – Цветовой тон/Насыщенность). Устанавливаем Hue (Цветовой тон) на -25.

Шаг 6

Переходим Layer – New Adjustment Layer – Exposure (Слой – Новый корректирующий слой – Экспозиция) и устанавливаем Offset (Сдвиг) на +0,0050.

Шаг 7

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

После всех манипуляций получаем вот такой результат:

3. Добавляем интерфейс видеокамеры

Шаг 1

Жмем клавишу U, чтобы активировать Rectangle Tool (Прямоугольник). Затем левой кнопкой мыши кликаем по полотну и в открывшемся окне вводим размера фигуры: Width (Ширина) 550 пикселей, Height (Высота) 15 пикселей.

Шаг 2

Создаем еще одну фигуру следующего размера: Width (Ширина) 415 пикселей, Height (Высота) 15 пикселей. Размещаем ее перпендикулярно первому прямоугольнику, как показано ниже.

Шаг 3

С зажатой клавишей Shift выделяем все слои с фигурами, кликаем по ним правой кнопкой мыши и объединяем их Merge Shape (Объединить фигуры). Затем трижды дублируем (Ctrl+J) получившийся уголок.

Шаг 4

С зажатой клавишей Shift поворачиваем каждую копию и размещаем их в углах документа.

Шаг 5

Теперь мы должны создать маленькую центральную рамку. Таким же образом, как мы делали это выше, создаем уголки размером 4 х 100 пикселей. После этого размещаем рамку в центре полотна. При необходимости корректируем ее размер (Ctrl+T).

Шаг 6

С помощью двух перекрещенных прямоугольников размером 2 х 140 пикселей создаем крестик в центре предыдущей рамки.

Шаг 7

Теперь мы должны нарисовать значок записи. Активируем инструмент Ellipse Tool (U) (Эллипс) и в верхнем левом углу рядом с рамкой (с зажатой клавишей Shift для сохранения пропорций) рисуем красную окружность размером 70 х 70 пикселей.

Шаг 8

Жмем клавишу T для активации Type Tool (Текст) и рядом с красной окружностью пишем надпись REC.

Шаг 9

Внизу создаем еще один текстовый слой. Рядом с левым нижним уголком пишем слово TIME.

Шаг 10

И последнее – таймкод. Размещаем его в правом верхнем углу рамки.

Ретро-эффект с интерфейсом видеокамеры готов! По ходу работы мы использовали смарт-объекты, фигуры и бесплатные шрифты.

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

Автор: Ivan Gromov

Комментарии 89

jpg, png, gif, общий вес файлов не более 5Мб, не менее 450px по ширине и высоте
Ссылки внутри комментариев могут вести только на эти сайты

Спасибо, интересный эффект!))

Спасибо за урок и перевод! Отличный, нужный эффект!

Увы руки из одного места у меня, но за урок спасибо большое!

Ychiha, отличный результат! Руки то, что надо!

Спасибо за урок! Интересно работать с таки эффектом)))

Приятный, душевный урок. И главное полезный! Спасибо!

Спасибо за урок!
p.s.
Несколько неточностей в уроке:
2. Как создать ретро эффект на фото
Шаг 5: Устанавливаем Hue (Цветовой тон) на -25. На картинке: Saturation (Насыщенность) на -25.
Шаг 7: режим наложения на Screen (Осветление) заменить на режим наложения на Screen (Экран).
3. Добавляем интерфейс видеокамеры
Шаг 1: ...вводим размера фигуры: Width (Ширина) 550 пикселей. Заменить на: ...вводим размеры фигуры: Width (Ширина) 505 пикселей. Как на картинке.

Aranrus, отличный результат! И согласна с комментарием о неточностях в уроке.

Спасибо за урок! Я выложила заново работу из-за того, что забыла деталь.

Спасибо за урок, я только не нашёл текстуру и вообще не понял где её брать

Вот скажи мне, американец, в чём сила? Разве в деньгах? Вот и брат говорит, что в деньгах. У тебя много денег, и чего?.. Я вот думаю, что сила в правде. У кого правда - тот и сильней.

Ух, ты! Классный урок! Благодарю!

Спасибо за урок, было интересно!

Наверх

Авторизация

Забыли?

Регистрация