Винтажный вид Polaroid складывается из трёх вещей: тёплых тонов, белой рамки и фона под дерево. В этом уроке мы согреваем портрет, вставляем его в рамку, с помощью маски слоя оставляем видимой только область внутри рамки, а затем объединяем общий цвет. Результат выглядит по-настоящему состаренным.
1. Перед началом
- Откройте браузер и перейдите в редактор Online PS.
- Подготовьте материалы (можно взять свои файлы):
- Портрет / фото объекта (пример:
person.jpg) - Фоновое изображение под дерево (пример:
wood.jpg) - Файл рамки Polaroid (пример:
frame.png, прозрачный фон)
- Портрет / фото объекта (пример:
2. Согрейте портрет и задайте режим наложения
1️⃣ Откройте фото портрета
Файл → Открыть → выберите person.jpg
2️⃣ Продублируйте исходный слой
С выделенным слоем нажмите
С выделенным слоем нажмите
Ctrl+J (слой скопируется в Слой 1).
3️⃣ Добавьте карту градиента
Выделите Слой 1 →
В открывшейся панели выберите градиент «Синий‑Красный‑Жёлтый» в списке слева вверху (можно назвать свой или оставить по умолчанию).
Выделите Слой 1 →
Изображение → Коррекция → Карта градиента….В открывшейся панели выберите градиент «Синий‑Красный‑Жёлтый» в списке слева вверху (можно назвать свой или оставить по умолчанию).
4️⃣ Подтвердите и проверьте результат
Нажмите
Нажмите
ОК — всё изображение должно заметно потеплеть.
5️⃣ Смените режим наложения
Поставьте Слой 1 режим наложения
Поставьте Слой 1 режим наложения
Цвет.
3. Объедините слои и откройте фоновые материалы
6️⃣ Объедините слои
Удерживая
Удерживая
Shift, выделите фоновый слой и Слой 1, затем нажмите Ctrl+E, чтобы свести их в один слой.
7️⃣ Откройте фон под дерево и файл рамки
Файл → Открыть → выберите wood.jpg и frame.png (оба можно разместить отдельными слоями в одном документе).
4. Поместите портрет в рамку и трансформируйте его
8️⃣ Скопируйте портрет в документ с рамкой
Вернитесь в документ с портретом и нажмите
Переключитесь в документ с рамкой, выделите слой дерева и нажмите
Вернитесь в документ с портретом и нажмите
Ctrl+A → Ctrl+C (выделить всё и скопировать).Переключитесь в документ с рамкой, выделите слой дерева и нажмите
Ctrl+V, чтобы вставить портрет.
9️⃣ Подгоните размер и угол портрета
Нажмите
Удерживая Shift+Alt, потяните за угловой маркер → пропорциональное масштабирование, затем поверните под нужным углом.
Нажмите
Нажмите
Ctrl+T, чтобы войти в свободное трансформирование.Удерживая Shift+Alt, потяните за угловой маркер → пропорциональное масштабирование, затем поверните под нужным углом.
Нажмите
Enter для подтверждения.
5. Маска слоя, чтобы портрет остался внутри рамки
10️⃣ Выделите слой рамки
Волшебной палочкой (W) щёлкните по пустой области внутри рамки, чтобы выделить фигуру внутри неё.
Волшебной палочкой (W) щёлкните по пустой области внутри рамки, чтобы выделить фигуру внутри неё.
11️⃣ Добавьте маску к слою портрета
Переключитесь на слой портрета (Слой 1) и нажмите кнопку
Теперь портрет виден только внутри рамки.
Переключитесь на слой портрета (Слой 1) и нажмите кнопку
Добавить маску слоя внизу панели «Слои».Теперь портрет виден только внутри рамки.
12️⃣ (Необязательно) Сдвиньте положение
Снимите связь слоя с маской (щёлкните по значку цепочки рядом с маской), выделите миниатюру маски и инструментом «Перемещение»
Снимите связь слоя с маской (щёлкните по значку цепочки рядом с маской), выделите миниатюру маски и инструментом «Перемещение»
V подправьте, где именно сидит портрет в рамке.
6. Согрейте фон под дерево (чтобы поднять общее настроение)
13️⃣ Подправьте тон/насыщенность фона
Выделите слой фона под дерево и нажмите
Регулируйте Цветовой тон и Насыщенность, пока дерево не станет теплее (пример: тон +10, насыщенность −5).
Выделите слой фона под дерево и нажмите
Ctrl+U, чтобы открыть «Цветовой тон/Насыщенность».Регулируйте Цветовой тон и Насыщенность, пока дерево не станет теплее (пример: тон +10, насыщенность −5).
14️⃣ Готово!
Теперь у вас есть фото с тёплым фоном под дерево и рамкой Polaroid 😊
Теперь у вас есть фото с тёплым фоном под дерево и рамкой Polaroid 😊
Источники
- Официальная документация Adobe Photoshop
- HTML5 и принципы современной обработки изображений на фронтенде
- Online PS