В этом уроке я расскажу как сделать коллаж в фотошопе на новогоднюю тематику. Если вы хотите узнать как сделать коллаж в фотошопе, этот урок для вас.

Коллаж в фотошопе сделать несложно, обычно новички начинают знакомство с программой именно с этого.

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

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

Существует один очень удобный сервис: http://lenagold.ru/

Думаю, многие дизайнеры о нем знают. На этом сайте собрано много картинок на разные тематики, уже готовых к работе, обтравленных, на прозрачном фоне. Это очень удобно — скачать картинку, которую не нужно предварительно освобождать от фона, ведь на это уходит много времени, если картинок много.

Для коллажа нам понадобятся елочные веточки, чтобы сделать основу и различные новогодние украшения: шары, шишки, звезды, банты — в общем все, чего ваша душа пожелает.

<<>>

Создаем новый документ «Ctrl+N». Поскольку формат гирлянды будет вертикальным, я создала документ 400 х 1500x.

Открываем файл с елочными веточками Ctrl+O.

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

На панели инструментов выбираем черную стрелочку — инструмент «Move Tool» (V).

Перетаскиваем елочные ветки в созданный нами документ. Закрываем окно с ветками без сохранения.

Открываем палитру слоев Layers — F7.

В данный момент у нас 2 слоя: фон и слой с веточками. Давайте осмысленные названия слоям сразу, чтобы потом было легче работать с ними, для этого дважды щелкните по названию слоя (например, Layer 1) в палитре слоев.

Чтобы подогнать веточки под нужный размер нажмите «Ctrl+T» (Свободная трансформация), после того, как вокруг изображения появятся квадратные маркеры, зажмите Shift (чтобы изменять размер не нарушая пропорций), и тяните изображение из любого угла по диагонали (к центру, если нужно уменьшить картинку, от центра, если нужно увеличить).

Если границы изображения не видны в пределах окна, нажмите «Ctrl-», чтобы отдалить изображение. Чтобы опять приблизить картинку, нажмите «Ctrl+».

Возьмите инструмент «Polygonal Lasso Tool(L), выделите лишние выступающие края елки, чтобы отсечь их и оставить красивую серединку для гирлянды.

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

 Если контур сложный, имеет смысл создавать его по частям, постепенно прибавляя кусочки выделенных областей к уже созданному выделению, для этого нужно нажать на кнопку «Add to selection»(Добавить к выделенной области).

После того, как создали выделение, нужно его инвертировать, чтобы выделить и отсечь ненужные области. Нажмите Ctrl+Shift+I либо зайдите в меню Selection -Inverse (Выделение — Инверсия). Нажмите Delete, чтобы удалить лишнее.

Немного подкорректируем цвет, нажимаем Ctrl+U, ставим галочку в строке «Colorize»(Тонирование), увеличиваем насыщенность цвета, делаем елочку зеленее.

Заходим в меню Image -Adjustments — Brightness/Contrast (Изображение — Коррекция -Яркость/Контрастность).

Увеличиваем контраст изображения, немного понижаем яркость:

Теперь нам нужно собрать по кусочкам гирлянду, копируя кусочки елки и располагая друг под другом таким образом, чтобы не было заметно стыков. Выбираем инструмент Move Tool(V) (черная стрелочка), зажимаем Alt (чтобы скопировать фрагмент) — указатель превратится в двойную стрелку, теперь можете тащить копию в любое место. Чтобы двигаться строго по вертикали, зажмите Shift.

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

Нажмите Ctrl+T, щелкните правой кнопкой по выделению, в выпадающем меню выберите «Flip Horizontal»(Отразить по горизонтали). Делаем мы это для того, чтобы разнообразить края гирлянды, и визуально уменьшить степень повторяемости фрагментов.

Повторите операцию с копированием, пока не достигнете края документа.

Для крайнего нижнего фрагмента гирлянды скопируйте самый верхний фрагмент гирлянды(первый слой с веточками) и отразите по вертикали Ctrl+T, «Flip Vertical»(Отразить по вертикали).

Заходим в панель слоев.

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

Правой кнопкой щелкаем по выделенной группе слоев, выбираем «Convert to smart-object»(Преобразовать в смарт-объект):

Еще раз щелкаем правой кнопкой, выбираем «Rasterize Layer»(Растрировать слой).

Теперь у нас вся гирлянда на одном слое.

Добавляем игрушки и украшения.

Открываем документ с украшениями Ctrl+O. Я выбрала уже готовый коллаж, из которого буду вырезать нужные мне элементы.  Он уже был на прозрачном фоне (прозрачность в фотошопе отображается квадратиками в виде шахматной доски) и мне не пришлось мучиться с обтравкой (отделением предметов от фона).  При поиске картинок для коллажа сразу примерно можно прикинуть какие кусочки изображения мы можем  использовать в нашей работе.

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

Я приближаю картинку при помощи горячих клавиш «Ctrl +», чтобы удобнее было работать.

Берем инструмент «Polygonal Lasso Tool(L), аккуратно отделяем бусы от других элементов композиции. После того, как замкнем контур, щелкаем правой кнопкой мыши, выбираем «Layer via copy»(Скопировать на новый слой). После этого наши бусы будут уже вырезанные и  на отдельном прозрачном слое.

Располагаем окно с гирляндой и окно украшениями рядышком, открываем панель слоев, делаем активным окно с бусами (просто щелкаем по нему, название окна будет гореть ярче), перетаскиваем слой с вырезанными бусами в окно с нашей елочной гирляндой.

Подгоняем размер бус под размер гирлянды — «Ctrl+T», не забывайте удерживать «Shift» при трансформации, чтобы изменять размер пропорционально. Лишнее удаляем ластиком «Eraser Tool»(E).

Тепер0 нам необходимо размножить фрагмент с бусами по всей гирлянде.

Выбираем черную стрелочку Move Tool (V).

Зажимаем Alt, чтобы копировать элементы, дожидаемся когда курсор поменяет вид(станет двойной стрелкой), перемещаем бусы мышкой и вставляем копии на другие места. Чтобы перемещать копии строго вертикально удерживаем Shift.

Я размножила бусы по всей гирлянде.

Заходим в палитру слоев.

Выделяем самый верхний слой с бусами, зажимаем Shift, выделяем самый нижний слой с бусами. (Мы уже делали эту процедуру с елочными веточками, работаем по аналогии).

Правой кнопкой щелкаем по выделенной группе слоев, выбираем «Convert to smart-object»(Преобразовать в смарт-объект). Еще раз щелкаем правой кнопкой, выбираем «Rasterize Layer»(Растрировать слой). Теперь у нас все бусы на одном слое. Это очень удобно, во-первых мы не запутаемся в слоях, во-вторых, сможем одновременно изменять цвет или размер всех бус.

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

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

Нажимаем Ctrl+U. Делаем примерно такие настройки:

 Сразу, пока не забыли, делаем светлые рефлексы на веточках от фона.

Берем крупную кисть(у меня 73px) Brush Tool(B) с размытыми краями белого цвета#fffff.

Зажимаем Shift и проводим две полосы по бокам гирлянды. Я отключила белый задний фон, чтобы вам было виднее что я сделала на этом этапе.

Заходим в палитру слоев, в самом верху палитры меняем режим смешивания слоя на «Overlay»(Перекрытие), щелкнув по маленькой черной стрелочке. По умолчанию будет стоять «Normal».

Тепер0 будем вырезать сладкие тросточки для нашей гирлянды. Опять заходим в документ с украшениями. Работаем на первом слое, убедитесь, что он выбран в палитре слоев(на втором слое у нас бусы).

Поскольку форма плавная, но относительно простая выберем для обтравки инструмент Pen Tool(P).

Ставим точки по контуру нашей тросточки, вытягивая направляющие для его корректировки, не отпуская кнопку мыши. Откорректировать созданный контур вы можете с помощью светлой стрелки (A), выделяя нужную точку и меняя положение направляющих.

После того как закончили работу с контуром, нажимаем правой кнопкой мыши, выбираем в выпадающем меню Make Selection («Образовать выделенную область»).

Контур преобразится в выделение, жмем L (или на панели инструментов выбираем любой инструмент выделения типа Лассо), затем щелкаем правой кнопкой мыши, выбираем «Layer via copy»(Скопировать на новый слой).

Выбираем стрелочку Move Tool(V), перетаскиваем нашу трость из панели слоев(он у нас теперь 2ой) в документ с гирляндой.

Подгоняем размер трости при помощи свободной трансформации Ctrl+T. Удерживаем при этом Shift.

Копируем тросточки при помощи Alt и Move Tool(V)(удерживаем Alt и перемещаем объект).

Выделяем в палитре слоев все слои с тростью, щелкаем правой кнопкой «Convert to smart-object»(Преобразовать в смарт-объект). Еще раз щелкаем правой кнопкой, выбираем «Rasterize Layer»(Растрировать слой).

Берем инструмент Lasso Tool(L) либо Овальное выделение(M), выделяем отдельные тросточки и поворачиваем в разные стороны при помощи Ctrl+T (свободное трансформирование), вы также можете отражать объекты по вертикали или горизонтали щелкнув правой кнопкой при выделенном инструменте «Свободное трансформирование» и выбрав в меню «Flip horizontal» или «Flip vertical».

Снять выделение можно комбинацией Ctrl+D.

Добиваемся того, чтобы у нас было как можно меньше повторяющихся элементов.

Поменяем цвет тросточек на красный.Жмем Ctrl+U, чтобы вызвать окно «Hue/Saturatoin» («Цветовой тон/Насыщенность»).

Ставим галочку в строке «Colorize»(Тонирование), выбираем красный цвет, увеличиваем насыщенность цвета:

Добавляем зеленых рефлексов от елки на тросточки.

Дважды щелкаем по слою в палитре слоев. В появившемся окне выбираем стиль слоя «Inner Glow» (Внутреннее свечение). Ставим такие настройки:

Добавляем шары.

Снова открываем документ с украшениями.

Шар у нас состоит из одной простого объекта — основания шара и сложного — крепления елочной игрушки. Выделение мы будем создавать составное.

Выберите инструмент Elliptical marquee(M) (Овальное выделение), нажмите два совмещенных квадратика на верхней панели, что после создания одной контура иметь возможность прибавить к нему дополнительные области.

Устанавливаем курсор примерно в центр нашего шара. Зажимаем Alt, чтобы выделение происходило из центра и Shift, чтобы очертить ровный круг. Делаем выделение по форме шара, двигаем его стрелками на клавиатуре в случае необходимости.

Теперь нам необходимо добавить к выделению крепление шара с бантиком. Будем использовать Polygonal Lasso(L)(Прямоугольное лассо). Ставьте точки ближе друг к другу, чтобы добиться плавных переходов. Выделите бантик и замкните контур, произойдет слияние выделений.

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

Щелкаем правой кнопкой, жмем «Layer via Copy» (Скопировать на новый слой).

Перетягиваем инструментом Move Tool(V) шар в документ с гирляндой.

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

Размножаем наши шары по знакомой схеме. Зажимаем Alt и двигаем с помощью стрелки Move Tool(V).

Выделяем самый верхний слой с шаром, нажимаем Ctrl+E, чтобы объединить слой с предыдущим. Делаем так, пока все шары не окажутся на одном слое.

Сделаем шары поярче, жмем Ctrl+U. Я немного поиграла с цветом и насыщенностью:

Мне не нравится, что бантики и шары одного цвета, я взяла инструмент Polygonal Lasso(L)(Прямоугольное лассо) и выделила все банты.

Нажимаем Ctrl+Shift+U, чтобы обесцветить бантики.

Заходим в меню Image -Adjustments — Brightness/Contrast(Изображение -Коррекция -Яркость-Контраст).

Увеличиваем яркость и контраст:

Заходим в палитру слоев. Выбираем слой с тросточками к которому мы применяли стиль слоя. Щелкаем по нему правой кнопкой, выбираем «Copy layer style» (Скопировать стиль слоя).

Выделяем слой с шарами, щелкаем правой кнопкой, выбираем «Paste layer style»(Вклеить стиль слоя).

После этого на шарах у нас также как и на тросточках появятся зеленые рефлексы.

Выделяем первый слой с веточками. Берем прямоугольное лассо(L), выделяем несколько веточек, щелкаем правой кнопкой (Layer via copy) «Скопировать на новый слой»

Располагаем веточки на верхнем слое так, чтобы они в некоторых местах перекрывали игрушки(копируем с помощью Alt + Move Tool).

Все готово!

Вот что получилось у меня:

В этом уроке мы узнали как сделать коллаж в фотошопе, надеюсь урок вам понравился и вы узнали что-то новое для себя.

Оставляйте комментарии, задавайте вопросы, делитесь вашим мнением, друзья!

До встречи!