Создаем винтажный фотоэффект в Photoshop
Создаем винтажный фотоэффект в 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
Источник: design.tutsplus.com
Комментарии 107
Вот скажи мне, американец, в чём сила? Разве в деньгах? Вот и брат говорит, что в деньгах. У тебя много денег, и чего?.. Я вот думаю, что сила в правде. У кого правда - тот и сильней.
Огонь
как-то так, спасибо за урок!
Интересный урок. Спасибо.
отличная идея и исполнение!
Спасибо
Хорошо сделали урок!
Спасибо за урок!!! Интересный урок )))
Понравилось исполнение!
Спасибо за урок
Вот что у меня вышло
Отличный результат!
класс, это было... полезно ))
Хорошо сделали урок!
Спасибо за урок!
Спасибо за урок!
Хорошо смотрится!
Спасибо за урок! :3
Хорошо сделали урок!
Спасибо за урок
Спасибо большое)
◈ ᗽÚ₭Ǻ ◈ ???????????????????? ◈, отличная гифка!
Спасибо за урок, я только не нашёл текстуру и вообще не понял где её брать
Хорошо сделали урок!
Спасибо за урок! Интересно работать с таки эффектом)))
Спасибо:) Отличный урок! Интересный эффект:)
Спасибо за урок
Четенько получилось
Спасибо за урок!)
Стильно смотрится!
Спасибо за урок, было интересно!
Сделал.
Хорошее исполнение!
Спасибо!
Кажется, у меня совсем мало выразителен ретро эффект. Что думаете?
Как в точности переместить копии картинки? Ровно на 20 пикселей.
Понравилась работа! Можно было на сам исходник текстур набросать, шума добавить, понизить контраст.
Спасибо