Дополнения

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

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

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

192 304 чел. 391 879 работ 4 052 урока
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

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

Создаем винтажный фотоэффект в 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

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

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

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

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

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

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

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

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

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

Спасибо за урок!!! Интересный урок )))

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

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

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

Добавить комментарий / работу

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

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

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules