Как в Photoshop сделать коллаж из цветных фотографий, а затем состарить его и сделать чёрно-белым

Не то чтобы я был ярым специалистом по Photoshop-пу, но пару процентов её возможностей, я всё же изучил методом тыка и с помощью подсказок из сети. В общем делал как то на досуге коллаж с танком Тигр, чтобы пристроить его в конце той темы про сборку журнального танка. А заодно решил сделать небольшой мануал, как своими руками состарить какую нибудь фотографию в Фотошопе. В принципе, состаривать обычные фото не так уж и сложно, есть даже лёгкие портабельные (запускаются без установки в систему) программы, которые уже умеют делать на автомате такие эффекты, как старые потёртые и рваные фотографии. К тому же, они в разы легче Фотошопа и поэтому не обязательно искать, устанавливать и изучать для этого тяжёлый Photoshop, чтобы обесцветить фото и добавить несколько царапин.

Но так как я буду делать коллаж (объединять несколько фоток в одну), то здесь уже не обойтись без великого и могучего Photoshop-па. В принципе, на фото ниже хорошо видно что у меня в итоге получилось. Для коллажа я использовал три фотографии, одна со зданием Рейхстага, вторая с моей собранной моделью танка Тигр, ну а третья практически незаметна, это фрагмент площади вымощенный брусчаткой. Родное покрытие возле Рейхстага решил заменить, чтобы уровень глаз был чуть ближе к земле. Можно было бы переснять Тигр под нужным углом, но почему то лень было в тот момент дёргать его с полки. В общем, на примере этих трёх снимков, я покажу как создать коллаж своими руками, а затем превратить его в старое фото.


Три фотографии для коллажа


Коллаж из цветной и чёрно-белой фотографии танка Тигр

Запускаем Photoshop, в моём случае это CS6. Открываем основную фотографию, поверх которой мы будем в дальнейшем накладывать остальные снимки (слои). Так как Фотошопом я пользуюсь довольно редко, то практически все операции запускаю через меню. Хотя до большинства команд можно добраться комбинациями клавиш, тут как говорится, кому как удобно.



Фотография Рейхстага открытая в Photoshop

Если фотография изначально маленькая, то обязательно меняем в ней разрешение, чтобы при дальнейшем редактировании, не было заметно ступенек (пикселей). Для этого переходим в меню Изображение - Размер изображения.



Photoshop Размер изображения

Откроется окно Размер изображения, смотрим что прописано в поле Разрешение и при необходимости, выставляем значение 300 и жмём ОК.

Здесь многое зависит от размера исходной фотографии и мощности компьютера. Поэтому злоупотреблять этим значением не следует ибо Photoshop может начать скулить, мол, ему нехватает оперативной памяти, чтобы сохранить файл в JPG или PNG. Если такие сообщения начнут появляться, то выставляйте разрешение чуть меньше, перезагружайте Фотошоп и снова пробуйте сохранить файл. Так же старайтесь не запускать другие программы, одновременно с Photoshop.



Photoshop Размер изображения Разрешение 300

Открываем второе наше фото, переходим в меню Выделение - Всё. Затем, Редактирование - Скопировать. После чего, закрываем вкладку с эти фото.



Photoshop Выделение всего

Photoshop Редактирование Скопировать

Возвращаемся к вкладке с Рейхстагом, жмём Редактирование - Вставить. Тем самым мы вставили фото (слой) с танком, поверх здания.



Photoshop Редактирование Вставить

Теперь инструментами Лассо, Волшебная палочка и Ластик, нужно избавиться от ненужного фона вокруг танка Тигр. Все эти инструменты работают по разному и у каждого из них есть свои настройки. Поэтому лучше изучить их возможности методом тыка. Я же предпочитаю использовать Лассо, принцип его работы довольно прост, выделяем левой кнопкой мыши (ЛКМ) небольшие участки которые хотим удалить и жмём клавишу Delete, или же меню Редактирование - Очистить. На фото ниже у меня выделено Лассо и сверху появились его настройки, там есть пункт Растушёвка, вбивая в это поле какое либо значение в пикселях, мы тем самым будем получать при очистке более гладкие (размытые) края.



Инструменты Лассо Волшебная палочка Ластик

На снимках ниже, следы работы обычного Ластика в режиме Карандаш. Хотя однородный фон прекрасно удаляется в пару кликов, инструментом Волшебная палочка. Но у меня пока не получилось найти Растушёвку к этому инструменту, поэтому пока обхожусь Ластиком и Лассо.



Стираем ластиком слой танка

Чтобы фон не мозолил глаза, я обычно подкладываю под редактируемый слой, ещё один чистый слой и заливаю его зелёным. После чего, уже ничего не раздражает и не пестрит, затирай сколько влезет :-) На снимке ниже, я показал как создать чистый слой и залить его каким либо цветом. Если вы впервые изучаете Фотошоп, то лучше проделать эту операцию несколько раз, чтобы хорошо запомнить как создавать, перемещать и окрашивать слои.



Создание нового слоя в Photoshop

Новый зелёный слой под танком Тигр

Очистка Тигра от фона

Собственно Тигр очищен от ненужного белого фона.



Слой с танком Тигр очищен от фона

Нажав на глазок (фото ниже) возле какого либо слоя, тем самым можно скрыть его. Если же нажать правой кнопкой мыши (ПКМ) на самой строчке слоя, то там можно выбрать пункт Удалить слой, тогда он исчезнет из этой колонки и больше не будет мешаться.



Отключаем показ слоя в Photoshop

Выделяем ЛКМ слой с Тигром, жмём ПКМ и выбираем пункт Создать дубликат слоя. Это не обязательно делать, но я предпочитаю всегда иметь под рукой копию слоя, особенно если до этого пыхтел над ним около получаса. После чего одну копию Тигра опускаем на дно (под слой Рейхстаг), а работать продолжаем с его копией вверху.



Создать дубликат слоя

Переходим в меню Редактирование - Трансформирование - Масштабирование.



Масштабирование слоя в Photoshop

После чего, вокруг нашего слоя появится контейнер, перемещая углы которого, можно будет изменить масштаб Танка. Чтобы при масштабировании сохранялись пропорции, отметьте значок который помечен на фото ниже.



Сохранять пропорции при масштабировании слоя

Определившись с расположением и масштабом танка, создаём новый чистый слой и перемещаем его под Танк.



Новый слой

Инструментом Лассо выделяем область чуть больше основания Танка. Затем заливаем её чёрным цветом. Это будет тень от Танка на брусчатке.



Слой с тенью по танком

Дублируем этот слой с тенью.



Дублирование слоёв в Photoshop

К одному из них, который будет виден у левой гусеницы, применяем лёгкое размытие краёв. Для этого переходим в меню Фильтр - Размытие - Размытие по Гауссу.



Размытие тени по Гауссу

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



Размытие по Гауссу

Перейдя в меню Слои - Стиль слоя - Параметры наложения. Мы откроем окно в котором можно применить кучу эффектов к какому либо слою.



Параметры наложения

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



Прозрачность слоя в Photoshop

В итоге у на получилась вот такая тень от танка на площади (фото ниже). Всё это можно было нарисовать обычной Кистью с установленной прозрачностью. Но так как я не художник, то предпочитаю формировать тень инструментом Лассо, по контурам объекта, а затем просто дублировать эти слои и размывать в разной степени.

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



Коллаж с танком Тигр в Photoshop

Инструментом Ластик в режиме Кисть и с размытой формой кисти, затираем все ненужные нам участки с людьми и машинами, чтобы остались только камешки. Кстати, хорошенько изучите инструмент ластик, чтобы хорошо запомнить как менять размер, форму, нажим, прозрачность.



Настройки инструмента Ластик

Брусчатка поправленна ластиком

Исправим немного цвет брусчатки. Переходим в меню Изображение - Коррекция - Цветовой баланс.



Цветовой баланс

И играемся ползунками цвета до тех пор, пока булыжники не будут схожи с цветом здания.



Цветовой баланс слоя с брусчаткой

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



Исправлен цвет брусчатки в коллаже

Жмём ПКМ по любому слою и выбираем Выполнить сведение. Тем самым мы объединим все слои в один.



Сведение слоёв

Делаем изображение чёрнобелым. Для этого переходим в меню Изображение - Коррекция - Обесцветить.



Обесцветить цветное фото в Photoshop

Добавим немного шума (мусора), это такие крапинки, которые портят чёткость изображения своим присутствием. Но для состаривания фото, это как раз то что нужно. Переходим в Фильтр - Шум - Добавить шум.



Добавить шум к чёрнобелой фотографии

Откроется окошко, в котором можно настроить ползунком количество шума и его цвет (галочка Монохромный). Злоупотреблять мусором не следует, иначе фото будет похоже на наждачную бумагу.



Инструмент Шум в Photoshop

В принципе, желаемого мы практически добились. Наш снимок стал чёрно-белым и уже больше похож на старую фотографию. Но бывают фотографии которые не чисто чёрнобелые, они как бы с желтизной (выгоревшие и засаленные). Чаще, они специально делаются с таким оттенком, а иногда их ушатывает до такого состояния, время и солнце (ультрафиолет). Чтобы изменить оттенок чёрно-белой фотографии, опять таки переходим в меню Изображение - Коррекция - Цветовой баланс. И ползунками цвета, добиваемся желаемого оттенка у чёрно-белой фотографии.



Меняем оттенок чёрно-белого фото в Photoshop

Старая фотография своими руками в Photoshop

В общем то наше фото готово, чуть ниже я немного по извращался с кромкой фотографии. Ластиком в режиме Карандаш, стёр ровные краешки, после чего добавил тень, обводку, и внутреннюю тень. Все эти настройки находятся в меню Слои - Стиль слоя.
Но так как на предыдущем этапе мы выполнили сведение слоёв, в результате чего, все слои превратились в фон. То чтобы иметь возможность в полной мере редактировать наше фоновое фото, нужно преобразовать его в слой. Для этого, жмём ПКМ по фоновому слою и выбираем пункт Слой из заднего плана. Появится запрос на создание нового слоя, жмём ОК. После чего, можно снова дублировать и редактировать этот слой на своё усмотрение.



Делаем рваные края на фотографии в Photoshop

Добавление тени и белой обводки по краю

Надрывы по краю фотографии

Коллаж состаренной фотографии в Фотошоп


Вот такой у меня получился в итоге коллаж состаренной фотографии из трёх цветных. Конечно можно было бы и дальше править её, добиваясь большего 3D-эффекта, загибами уголков. Но тогда эта простенькая инструкция начнёт превращаться в библию. К тому же все эти гнутые уголки прекрасно создаются с помощью плагинов к Фотошоп-у. Кстати, фото ниже, было сохранено в формате PNG, чтобы сохранить прозрачность у рваной кромки. Это может быть полезным, если будете размещать фото где нибудь в интернете, тогда цвет фона на сайте не будет иметь значения, фото отлично впишется, ибо края у него прозрачные.



Коллаж старой фотографии своими руками в Photoshop

В общем, этот мануал больше ориентирован на начинающих пользователей Photoshop, коим я и являюсь. Если вы собираетесь серьёзно заняться этой программой, то старайтесь запоминать комбинации клавиш, для вызова тех или иных инструментов. Это значительно ускорит процесс редактирования, так как меньше придётся сёрфить по экрану, в поисках нужной вкладки или пункта меню. Я же, чайник в этом деле, к тому же очень редко делаю что-то подобное в Фотошоп-е, поэтому уже привык пользоваться меню.

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



Написать сообщение автору
Автор: Nikolay Golovin / $
06.03.2015









comments powered by Disqus



Другие странички сайта







При копировании материалов с сайта, активная обратная ссылка на сайт www.mihaniko.ru обязательна.
Автор: Nikolay Golovin / mh@mihaniko.ru
Мой хостинг-провайдер BeGet.ru
12 04 2012