Создаем готический коллаж (часть 1) 1

Создаем готический коллаж (часть 1) - уроки фотошоп



Иногда дизайнерам приходиться создавать коллаж из нескольких фотографий. В части 1 (из двух) данного урока web дизайна мы рассмотрим технику создания коллажей, создавая готический коллаж в качестве примера.

Навыки для «прокачки»:
- работа коррекцией
- работа с режимами смешивания слоев

Создаем готический коллаж (часть 1) - уроки фотошоп

Ресурсы

Закат


Собор


Небо



Шаг 1. Откройте фото собора в фотошоп.

Создаем готический коллаж (часть 1) - уроки фотошоп

Шаг 2. Для начала давайте уберем небо с этой фотографии. Дважды щелкните на фоновом слое в палитре слоев, чтобы снять блокировку. Теперь мы выделим синее небо. Это можно легко сделать с помощью инструмента Волшебная палочка (Magic Wand Tool), так как оно однородное. Выделите небо Волшебно палочкой (Magic Wand Tool) Допуск (Tolerance): 20. Если вы хотите добавить к выделению, то удерживайте клавишу Shift, а если вы хотите, вычесть из выделения, то удерживайте клавишу ALT. Используйте Лассо (Lasso Tool) или Прямолинейное лассо (Polygonal Lasso Tool), чтобы выделить в областях, указанных на фото ниже, и добавить их к выделению.

Создаем готический коллаж (часть 1) - уроки фотошоп

Шаг 3. Нажмите клавишу Delete, чтобы очистить выделенную область.

Создаем готический коллаж (часть 1) - уроки фотошоп

Шаг 4. Откроем фото Закат. Перетащите фотографию в Ваш основной документ и перейдите Редактирование-> Трансформирование-> Масштабировать (Edit-> Transformer-> Scale), чтобы уменьшить его.

Создаем готический коллаж (часть 1) - уроки фотошоп

Шаг 5. Поместите слой с небом под слой с собором.

Создаем готический коллаж (часть 1) - уроки фотошоп

Шаг 6. Теперь попробуем добавить больше контраста. Создайте новый слой над слоем с небом. Выберите мягкую Кисть (Brush), 400 пикселей, Непрозрачность (Opacity) 30% , цвета: красный (# cb1e00) и синий (#7389f8). Затем с помощью Кисти (Brush Tool) будем рисовать этими цветами, как показать на картинке ниже.

Создаем готический коллаж (часть 1) - уроки фотошоп

Шаг 7. Изменим Режим смешивания (Blend Mode) на Цветность (Color).

Создаем готический коллаж (часть 1) - уроки фотошоп

Шаг 8. Теперь изменим Непрозрачность (Opacity) слоя до 50%.

Создаем готический коллаж (часть 1) - уроки фотошоп

Шаг 9. Откроем фото неба. Вырежьте фрагмент неба с помощью инструмента Прямолинейное лассо (Polygonal Lasso Tool) Растушевка (Feather): 10px.

Создаем готический коллаж (часть 1) - уроки фотошоп

Шаг 10. Скопируйте выделенную область в основной документ под слой с собором.

Создаем готический коллаж (часть 1) - уроки фотошоп

Шаг 11. Уменьшим его немного с помощью Редактирование-> Трансформирование-> Масштабировать (Edit-> Transformer-> Scale).

Создаем готический коллаж (часть 1) - уроки фотошоп

Шаг 12. Затем обесцветим этот слой с помощью Изображение-> Коррекция-> Обесцветить (Image-> Adjustments-> Desaturate).

Создаем готический коллаж (часть 1) - уроки фотошоп

Шаг 13. Отрегулируйте яркость и контрастность использованием Изображение-> Коррекция-> Яркость/Контрастность (Image-> Adjustments-> Brightness/Contrast) со следующими параметрами:

Создаем готический коллаж (часть 1) - уроки фотошоп

Создаем готический коллаж (часть 1) - уроки фотошоп

Шаг 14. Теперь выберите Ластик (Eraser Tool) и мягкую Кисть (Brush Tool) и сотрите пустой участок неба, слева.

Создаем готический коллаж (часть 1) - уроки фотошоп

Шаг 15. Изменим Режим смешивания (Blend Mode) этого слоя на Жесткий свет (Hard Light).

Создаем готический коллаж (часть 1) - уроки фотошоп

Шаг 16. Затем изменим Непрозрачность (Opacity) слоя до 65%.

Создаем готический коллаж (часть 1) - уроки фотошоп

На этом мы закончим данный урок web дизайна, продолжение читайте во 2 части данного урока! До встречи!

Сайт: Stadion-Kuban.ru

Виджет на Яндексе: yandex.ru/?add=111794

Мы ВКонтакте: vk.com/Stadion-Kuban

И в Твиттере: twitter.com/Stadion-Kuban

Информация
Автор / Разработчик
Артеменко Любовь
Перевел
Автор перевода не указан
Сложность
Легкая
Источник
Добавил
Lubashka
Дата
26-12-2020, 19:28
Метки:  еще статьи

Поделиться ссылкой

Прямая ссылка:
BB-code ссылка:
HTML ссылка:

Комментарии (0)

Имя
Эл. почта
Комментарий
Вопрос: 2 * 3 =

Для активации данной функции необходимо зарегистрироваться и авторизоваться на сайте.

Ваш IP: 204.236.235.245
Последние уроки
Вконтакте
Архив сайта
.