Фотопленка Фотоколлаж в фотошопе: часть 2

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

Как создать фотоколлаж из фотопленки, часть 2

Шаг 1: создайте новый документ Photoshop

Давайте начнем, как и в первой части, с создания нового документа Photoshop. Это станет нашим основным документом фотоколлаж. Перейдите в меню « Файл» в верхней части экрана и выберите « Создать» , или, чтобы ускорить процесс , нажмите Ctrl + N (Win) / Command + N (Mac) на клавиатуре:

Это вызывает диалоговое окно Photoshop New Document. Я собираюсь использовать стандартный размер кадра 8 x 10 для моего фотоколлажа, и я хочу, чтобы он отображался в альбомной ориентации, поэтому я введу значение 10 дюймов для ширины и 8 дюймов для высоты ( убедитесь, что вы выбираете дюймы для типа измерения, а не пикселей), и, поскольку я хочу иметь возможность напечатать свой конечный результат позже и сделать его красивым и резким, я введу 300 пикселей / дюйм для значения Разрешения . Наконец, я установлю опцию Background Contents внизу на White, чтобы мой документ отображался на сплошном белом фоне:

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

Шаг 2: Откройте свое главное фото

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

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

Шаг 3: Скопируйте и вставьте изображение в документ Photo Collage

Нам нужно добавить эту фотографию в наш документ с коллажем, который мы создали на шаге 1, и мы можем сделать это, просто скопировав и вставив его. Сначала нажмите Ctrl + A (Победа) / Command + A (Mac) на клавиатуре, чтобы выбрать все изображение. Вы увидите контур выделения, появившийся по краям изображения в окне документа. Выбрав изображение, нажмите Ctrl + C (Win) / Command + C (Mac), чтобы временно скопировать изображение в память вашего компьютера.

Переключитесь на документ с коллажем, щелкнув в любом месте окна документа, затем нажмите Ctrl + V (Победа) / Command + V (Mac), чтобы вставить фотографию в документ. В моем случае моя фотография больше, чем созданный мной документ 8 x 10, поэтому в окне документа отображается только часть фотографии. Мы исправим это через минуту:

Если мы сейчас посмотрим на панель «Слои», то увидим, что фотография была добавлена ​​в свой собственный слой (который Photoshop автоматически назвал «Слой 1») над фоновым слоем с заливкой белым цветом:

На этом этапе вы можете закрыть окно оригинального документа фотографии. Все, что нам нужно открыть, это основной документ с фотоколлажем.

Шаг 4: Используйте Free Transform, чтобы изменить размер и переместить фотографию

Поскольку моя фотография в настоящее время слишком велика, чтобы поместиться в документ с коллажем, мне нужно изменить его размер. Мне также нужно изменить положение изображения, чтобы свадебная пара появлялась на левой стороне документа, оставляя место для моих кинопленок справа. Я могу изменить размер и изменить положение изображения одновременно, используя команду « Свободное преобразование» в Photoshop . Перейдите в меню « Правка» в верхней части экрана и выберите « Свободное преобразование» или нажмите Ctrl + T (Win) / Command + T (Mac), чтобы выбрать его с помощью сочетания клавиш:

Это поднимает окно Free Transform и обрабатывает изображение. К сожалению, поскольку края моей фотографии простираются за пределы видимой области документа, я не вижу маркеров произвольного преобразования, что затрудняет выполнение каких-либо действий. Если у вас возникла та же проблема, перейдите в меню « Вид» в верхней части экрана и выберите команду «По размеру экрана» или нажмите сочетание клавиш Ctrl + 0 (Победа) / Команда + 0 (Mac) для сочетания клавиш:

Это говорит Photoshop расширить размер окна документа так, чтобы все в нем помещалось. Несмотря на то, что фактическая видимая область документа не изменяется и большая часть фотографии остается скрытой от просмотра, теперь мы можем легко получить доступ к ручкам «Свободное преобразование» в углах фотографии. Чтобы изменить размер изображения, удерживайте нажатой клавишу « Shift» , которая будет изменять пропорции фотографии при изменении ее размера, затем нажмите на ручку (маленький квадрат) в одном из углов фотографии и, удерживая при этом перетащите его к центру фотографии. Я собираюсь перетащить ручку в правом нижнем углу внутрь, чтобы уменьшить размер моей фотографии:

Чтобы переместить изображение, если необходимо, щелкните в любом месте фотографии, удерживайте кнопку мыши нажатой и перетащите изображение внутри документа. Я собираюсь перетащить свадебную пару к левой стороне документа, чтобы у меня было место справа, чтобы добавить свои киноленты. Оставьте где-нибудь между четвертью и одной третью документа справа для кинопленок:

Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы принять изменения и выйти из команды Free Transform. Вот мой документ после изменения размера и перемещения фотографии влево. Обратите внимание, что часть белого фона теперь видна вдоль правой стороны документа после перемещения изображения:

Шаг 5: добавь маску слоя

Давайте смешаем правый край фотографии с белым фоном, создав плавный переход между ними. Наличие области белого цвета на правой стороне документа облегчит просмотр полос пленки, которые мы добавим через минуту. Убедитесь, что на панели «Слои» выбран «Слой 1» (он должен быть выделен синим цветом), затем щелкните значок « Маска слоя» в нижней части панели «Слои», чтобы добавить маску слоя к слою:

Ничего еще не произойдет в самом окне документа, но миниатюра маски слоя появится в «Слой 1» на панели «Слои»:

Шаг 6: выбери инструмент градиента

Выберите инструмент «Градиент» на панели «Инструменты» или нажмите букву G на клавиатуре, чтобы выбрать его с помощью ярлыка:

Шаг 7: выберите градиент от черного к белому

Выбрав инструмент «Градиент», щелкните правой кнопкой мыши (Win) / « Control» (Mac) в любом месте внутри документа, чтобы быстро вызвать средство выбора градиента , затем щелкните градиент от черного к белому , третий значок слева, в верхнем ряду, чтобы выберите его:

Нажмите где-нибудь за пределами градиентного палитры, когда вы закончите, чтобы закрыть его.

Шаг 8: нарисуйте градиент от черного к белому, чтобы создать область перехода

С выбранным градиентом от черного к белому щелкните внутри правого края фотографии, чтобы установить начальную точку для градиента, затем удерживайте нажатой кнопку мыши и тяните ее горизонтально влево, останавливаясь чуть ближе к центру документа. Область между точками, где вы начинали и заканчивали градиент, — это место, где фотография сливается с белым фоном:

Отпустите кнопку мыши, после чего Photoshop нарисует градиент. Поскольку мы рисовали градиент на маске слоя, а не на самом слое, мы фактически не видим градиент в окне документа. Вместо этого мы видим эффекты градиента на маске слоя, которая теперь плавно смешивает правую сторону фотографии с белой областью в крайнем правом углу:

Наша основная фотография готова и готова к добавлению кинопленки. Мы сделаем это дальше!

Шаг 9: открой документ с кинопленкой

Откройте документ киноленты, который мы создали еще в первой части урока:

Шаг 10: переименуйте средний слой в «область фотографии»

Вскоре мы добавим несколько копий нашей кинопленки в документ с коллажем, но прежде чем сделать это, давайте сделаем пару быстрых изменений в кинопленке. Во-первых, давайте переименуем средний слой во что-то, что будет легче понять позже. Дважды щелкните по имени «Форма 2» и измените имя слоя на «область фотографии», так как прямоугольная форма на этом слое представляет область, где фотографии будут видны внутри кинопленки. Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы принять изменения:

Шаг 11: сгруппируйте два слоя формы вместе

Далее, давайте возьмем два слоя формы, которые составляют нашу кинопленку, и сгруппируем их вместе, создавая, что неудивительно, группу слоев . Нажмите на верхний слой («Форма 1») на панели «Слои», чтобы выбрать его, затем, удерживая нажатой клавишу « Shift», нажмите на слой «область фотографии», который мы только что переименовали. Это выберет оба слоя одновременно, и вы увидите, что оба они выделены синим цветом.

Выбрав оба слоя, перейдите в меню « Слои» в верхней части экрана, выберите « Новый» , а затем выберите « Группировать из слоев» :

Фотошоп откроет маленькое диалоговое окно, где мы можем ввести имя для нашей новой группы слоев. Назовите группу «Кинопленка»:

Нажмите OK, когда вы закончите, чтобы закрыть диалоговое окно, и если мы снова посмотрим на панель «Слои», мы увидим, что теперь у нас есть новая группа слоев с именем «кинопленка». Оба слоя формы, которые составляют полосу пленки, находятся внутри группы:

Шаг 12: сохранить изменения

Прежде чем мы продолжим, давайте сохраним изменения, которые мы внесли в кинопленку, чтобы нам не пришлось делать их снова при следующем использовании. Перейдите в меню « Файл» в верхней части экрана и выберите команду « Сохранить» . Поскольку мы уже сохранили документ один раз, Photoshop не потрудится спросить нас, как мы хотим назвать его или где мы хотим сохранить его. Он просто перезапишет предыдущую версию документа:

Шаг 13: выбери инструмент перемещения

Мы готовы добавить кинопленку в документ с коллажем. Выберите инструмент «Перемещение» на панели «Инструменты» или нажмите букву V на клавиатуре, чтобы выбрать ее с помощью ярлыка:

Шаг 14: перетащи кинопленку в документ фотоколлаж

Затем, когда кинопленка и документы с фотоколлажем открыты в отдельных окнах, щелкните инструмент «Перемещение» внутри окна документа кинопленки, удерживайте нажатой кнопку мыши и перетащите кинопленку в окно документа с фотоколлажем:

Отпустите кнопку мыши, и внутри документа с коллажем появится полоса пленки:

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

Шаг 15: переместите, переместите и поверните кинопленку со свободным преобразованием

Теперь, когда у нас есть первая кинолента, давайте переместим ее на место. Я собираюсь переместить мой в верхний правый угол документа. Я также собираюсь сделать его немного меньше и, чтобы добавить немного больше визуального интереса, я немного поверну его. Я могу сделать все эти три вещи с помощью команды Photoshop Free Transform , поэтому, выбрав группу слоев на панели Layers, я нажму Ctrl + T (Win) / Command + T (Mac), чтобы быстро вызвать окно Free Transform. и обхватывает полосу пленки, как мы видели ранее, когда мы двигали и изменяли размеры основной фотографии.

Чтобы переместить полосу пленки, я щелкну внутри нее и, удерживая нажатой кнопку мыши, перетащу ее в верхний правый угол документа, отпустив кнопку мыши, как только она будет на месте:

Чтобы изменить его размер и сделать его немного меньше, я буду удерживать нажатой клавишу Shift , которая будет ограничивать соотношение сторон полосы пленки при изменении ее размера, чтобы я случайно не исказил ее форму, затем я нажму на переместите курсор в нижний левый угол (не важно, какой угол вы выберете), удерживайте мою кнопку мыши нажатой и перетащите ее к центру кинопленки, отпустив кнопку мыши, когда я закончу:

Наконец, чтобы повернуть кинопленку, я переместлю свою кнопку мыши за пределы ограничительного поля «Свободное преобразование», после чего курсор мыши изменится на маленький значок поворота, затем я нажму, удержу кнопку мыши и перетащу вращать кинопленку. Я собираюсь повернуть свою кинопленку против часовой стрелки, отпустив кнопку мыши, когда я закончу:

Когда вы закончите перемещение, изменение размера и вращение кинопленки, нажмите Enter (Win) / Return (Mac), чтобы принять изменения и выйти из команды Free Transform.

Шаг 16: переименуй группу слоев

Назад, когда мы создали группу слоев из двух слоев формы, которые составляют нашу кинопленку, мы изменили название группы с общего названия «Группа 1», которое Фотошоп дал ей «кинопленка». Так как мы собираемся добавить несколько копий кинопленки в наш документ, давайте будем еще более информативными с названиями наших групп, чтобы было легче различать их на панели «Слои». Я собираюсь дважды щелкнуть непосредственно по имени группы на панели «Слои» и добавить слово «top» в конец названия группы. Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы принять изменения:

Шаг 17: вытяните копию кинопленки

Давайте добавим нашу вторую кинопленку. Я собираюсь разместить свой второй в правом нижнем углу документа, прямо под первым. Выбрав инструмент «Перемещение», я буду удерживать клавиши Shift + Alt (Win) / Shift + Option (Mac), нажимать на полосу пленки в окне документа и перетаскивать ее вниз, в правый нижний угол. Клавиша Alt / Option указывает Photoshop делать копию кинопленки при перетаскивании, а не перемещать оригинальную кинопленку, а удержание клавиши Shift ограничивает направление, в котором я могу перетаскивать, облегчая перетаскивание прямо вниз:

Шаг 18: переименуй группу слоев новой кинопленки

Если мы посмотрим на панель «Слои», то увидим, что теперь у нас есть две группы слоев, каждая из которых содержит свою полосу пленки. Фотошоп автоматически назвал нашу вторую группу «копией кинопленки», поэтому давайте дважды кликнем по названию группы и изменим его на «низ кинопленки». Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы принять изменение имени:

Шаг 19: вытяните третью кинопленку

Когда на панели «Слои» выбрана группа слоев «Кинопленка», а инструмент «Перемещение» по-прежнему выбран, удерживайте нажатой клавишу «Shift» + «Alt» («Выиграть») / « Shift» + «Option» (Mac), как мы делали минуту назад, и перетащите кинопленка. Это создает копию кинопленки, которую мы только что добавили в правом нижнем углу. Я собираюсь перетащить прямо вверх, чтобы разместить свою третью кинопленку прямо между двумя другими:

Шаг 20: вращай третью кинопленку

Поскольку все три кинопленки, повернутые в точности одинаково, выглядят немного скучно, я нажму Ctrl + T (Победа) / Command + T (Mac), чтобы открыть окно «Свободное преобразование» и обвести вокруг себя мою третью кинопленку. Я переместу курсор мыши за пределы поля «Свободное преобразование», которое меняет курсор на значок поворота, затем я нажму, удерживаю кнопку мыши нажатой и перетаскиваю, чтобы повернуть кинопленку:

Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы принять изменения и выйти из команды Free Transform.

Шаг 21: переименуй группу слоев третьей кинопленки

У нас есть три кинопленки, но прежде чем мы начнем добавлять к ним фотографии, давайте переименуем группу слоев третьей кинопленки на панели «Слои», которая в настоящее время называется «Копия нижней пленки». Дважды щелкните его имя и измените его на «середина кинопленки», затем нажмите Enter (Win) / Return (Mac), чтобы принять изменение:

Шаг 22: открой фотографию, которую ты хочешь добавить к первой кинопленке

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

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

Шаг 23: выбери и скопируй фотографию

Мы собираемся скопировать и вставить фотографию в кинопленку, так же, как мы скопировали и вставили основную фотографию в документ с фотоколлажем в начале урока. Нажмите Ctrl + A (Победа) / Command + A (Mac), чтобы быстро выбрать все изображение. Вы увидите контур выделения по краям фотографии в окне документа. Затем нажмите Ctrl + C (Победа) / Command + C (Mac), чтобы скопировать фотографию в память вашего компьютера.

Шаг 24: закрути открытую группу слоев для верхней кинопленки

Когда изображение скопировано в память, переключитесь на основной документ с фотоколлажем, щелкнув в любом месте окна документа. Нам нужно получить доступ к слоям формы, которые составляют полосу пленки, в верхнем правом углу документа, что означает, что нам нужно закрутить группу слоев пленки. Нажмите на маленький треугольный значок в левой части группы «Кинопленка» на панели «Слои». Это откроет группу слоев, что позволит нам увидеть два слоя фигур внутри нее:

Шаг 25: выбери слой области фотографии

Открыв группу слоев, нажмите на слой области фотографии, чтобы выбрать его. Форма на этом слое представляет область, где фотография появится внутри кинопленки:

Шаг 26: вставь изображение в кинопленку

Выбрав «слой с фото», нажмите Ctrl + V (Победа) / Command + V (Mac), чтобы вставить фотографию в кинопленку. Если мы посмотрим в окно документа, то увидим, что фотография теперь появляется перед основным изображением, но она пока не выглядит так, как будто находится внутри кинопленки. Мы исправим это через мгновение (ваша фотография может оказаться намного больше в окне документа, чем моя, поскольку я использую изображения меньшего размера для своих кинопленок):

Даже если фотография еще не находится внутри кинопленки, если мы посмотрим на панель «Слои», мы увидим, что достаточно точно, Photoshop поместил изображение в группу слоев «верхняя часть кинопленки», прямо над «фотографией». площадь «слой, который именно там, где мы хотим. Photoshop всегда добавляет новые слои непосредственно над выбранным слоем, поэтому мы выбрали слой «область фотографии» перед вставкой в ​​изображение:

Шаг 27: размести фотографию внутри кинопленки

Выбрав инструмент «Перемещение», щелкните изображение в окне документа и перетащите его на полосу пленки в верхнем правом углу, чтобы она заполнила всю серую область фотографии в центре полосы пленки. Не беспокойтесь о правильном расположении сейчас:

Шаг 28: создай обтравочную маску

Как только фотография будет перемещена в нужное положение, перейдите в меню « Слой» в верхней части экрана и выберите « Создать обтравочную маску» или нажмите Ctrl + Alt + G (Победа) / Command + Option + G (Mac), чтобы выбрать Создать. Команда Clipping Mask с сочетанием клавиш:

Это говорит Photoshop «обрезать» фотографию по фигуре в слое «область фотографии» под ней, и теперь в документе остается видимой только область фотографии, которая попадает в границы фигуры. Остальная часть фотографии скрыта от глаз, создавая иллюзию, что изображение находится внутри кинопленки:

Шаг 29: Точная настройка изображения внутри кинопленки со свободным преобразованием

Нажмите Ctrl + T (Победа) / Command + T (Mac), чтобы еще раз вызвать команду « Свободное преобразование» и использовать ее для перемещения, изменения размера и / или поворота изображения по мере необходимости внутри кинопленки. Я собираюсь сделать свою фотографию немного меньше, чтобы она больше вписывалась в видимую область кинопленки, и я также немного поверну ее. Обратите внимание, что, хотя мы можем видеть только ту часть фотографии, которая находится внутри самой кинопленки, поле «Свободное преобразование» и маркеры появляются вокруг фактических краев изображения, которые намного больше, чем видимые в кинопленке:

Если вы не видите маркеры Free Transform из-за того, что ваше изображение слишком велико, чтобы поместиться в окне документа, нажмите Ctrl + 0 (Win) / Command + 0 (Mac), чтобы выбрать команду « Подогнать на экране», и Photoshop изменит размер документа. окно.

Когда вы довольны тем, как изображение выглядит внутри кинопленки, нажмите Enter (Win) / Return (Mac), чтобы принять изменения и выйти из команды Free Transform.

Шаг 30: добавь фотографии в другие кинопленки

Чтобы добавить фотографии к другим полосам фильма в коллаж, просто повторите те же шаги. Сначала откройте изображение, которое вы хотите разместить внутри кинопленки. Нажмите Ctrl + A (Победа) / Command + A (Mac), чтобы выбрать все изображение, затем нажмите Ctrl + C (Победа) / Command + C (Mac), чтобы скопировать его. Переключитесь на документ с фотоколлажем и откройте группу слоев кинопленки. Выберите слой области фотографии внутри группы слоев, затем нажмите Ctrl + V (Win) / Command + V (Mac), чтобы вставить фотографию в документ непосредственно над слоем «область фотографии». С помощью инструмента «Перемещение» перетащите фотографию в серую область в центре кинопленки, затем поднимитесь кВыберите меню « Слой» и выберите « Создать обтравочную маску», чтобы обрезать фотографию по фигуре в слое «область фотографии» под ней. Наконец, нажмите Ctrl + T (Победа) / Command + T (Mac), чтобы вызвать команду « Свободное преобразование» и изменить размер, изменить положение и / или повернуть изображение внутри кинопленки по мере необходимости. Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы принять изменения.

Вот мой последний фотоколлаж после добавления фотографий к средней и нижней полосам пленки: