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

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



Ресурсы

Закат

Собор

Небо

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



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



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



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



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



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



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



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



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



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



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



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



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





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



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



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



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