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

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

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

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

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

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

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

Это вызывает диалоговое окно New Document. Введите значение 1000 пикселей для ширины и 900 пикселей для высоты , что должно дать нам хорошее соотношение ширины к высоте для нашей кинопленки. Установите разрешение до 300 точек / дюйм и убедитесь , что Background Contents параметр установлен на белый :

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

Шаг 2. Выберите инструмент «Прямоугольник»

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

Шаг 3: Установите цвет переднего плана на черный

Когда мы рисуем фигуру, Photoshop первоначально устанавливает цвет фигуры в соответствии с текущим цветом переднего плана . Мы хотим, чтобы цвет нашей кинопленки был черным, поэтому прежде чем мы начнем рисовать форму, давайте установим наш цвет переднего плана на черный. Черный на самом деле цвет по умолчанию для переднего плана, так что ваш уже может быть установлен на черный. Если нет, нажмите букву D на клавиатуре, чтобы быстро восстановить значения по умолчанию для цветов переднего плана и фона. Образцы цветов переднего плана и фона вы найдете в нижней части панели «Инструменты». Образец в левом верхнем углу (цвет переднего плана) должен теперь показывать черный цвет:

Шаг 4: убедитесь, что выбран вариант «Shape»

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

Шаг 5: вытащить большую прямоугольную форму

С выбранным инструментом Rectangle Tool, черным как цвет переднего плана и опцией слоев Shape на панели параметров, мы готовы начать рисование нашей киноленты. Нажмите в верхнем левом углу окна документа и, удерживая нажатой кнопку мыши, перетащите в правый нижний угол. При перетаскивании вы увидите контур вашей фигуры:

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

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

Шаг 6. Переключитесь в режим «Вычитание из области фигуры».

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

Шаг 7: нарисуйте еще одну прямоугольную форму в середине начальной формы

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

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

Шаг 8: выбери закругленный прямоугольник

Чтобы нарисовать выемки вдоль верхней и нижней частей кинопленки, мы будем использовать инструмент «Прямоугольный скругленный» , который похож на инструмент «Прямоугольник», за исключением того, что, как следует из его названия, углы скруглены, а не заострены. Обычно мы выбираем инструменты на панели «Инструменты», но всякий раз, когда у нас выбран инструмент формы, мы можем легко выбрать любой из других инструментов формы Photoshop непосредственно на панели параметров. Нажмите на значок Rounded Rectangle Tool на панели параметров, чтобы выбрать его:

Шаг 9: установите значение радиуса на 10 пикселей

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

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

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

Отпустите кнопку мыши, когда закончите. Фотошоп использует форму, чтобы выбить первую метку в полосе пленки:

Шаг 11: выбери инструмент выбора пути

Теперь, когда мы нарисовали нашу первую метку, мы можем использовать ее, чтобы добавить все остальные метки вдоль верхней и нижней части кинопленки без необходимости рисовать какую-либо из них! Выберите инструмент «Выбор пути» на панели «Инструменты» (черная стрелка). Вы также можете быстро выбрать его, нажав букву А на клавиатуре:

Выбрав инструмент Path Selection, щелкните внутри надреза, который мы только что добавили. Это выберет форму. Вы увидите тонкий контур, а вокруг него появятся опорные точки (маленькие квадраты), сообщающие, что форма выбрана:

Шаг 12: вытяните копию фигуры

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

Шаг 13: вытяните еще шесть копий фигуры

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

Шаг 14: выбери все выемки вдоль верхней строки

После того, как вы добавили все восемь надрезов вдоль верхнего ряда, удерживайте нажатой клавишу Shift и, по-прежнему выбирая инструмент выбора пути, нажимайте на каждую прорезь, пока не выберете все из них сразу:

Шаг 15: Нажмите «Распределить горизонтальные центры»

Выделив все формы надрезов, нажмите « Распределить горизонтальные центры» вверх на панели параметров:

Это равномерно распределяет фигуры по верху кинопленки, исправляя любые проблемы с расстоянием:

Шаг 16: скопируй ряд фигур внизу кинопленки

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

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

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

Шаг 17: добавь тень

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

Откроется диалоговое окно «Стиль слоя» в Photoshop с настройками «Тень» в средней колонке. Установите для параметра « Расстояние тени» значение 0 пикселей , « Разброс» — 0%, а размер тени — 7 пикселей .

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

Шаг 18: выбери инструмент прямоугольника еще раз

Чтобы закончить нашу кинопленку, мы добавим окончательную форму прямоугольника, которая будет использоваться для определения области, где будут появляться фотографии, когда мы добавим их позже. Выберите Rectangle Tool еще раз на панели инструментов. Так как инструмент Rounded Rectangle Tool был выбран несколько минут назад, вам нужно будет щелкнуть инструмент Rounded Rectangle Tool на панели «Инструменты», а затем удерживать нажатой кнопку мыши в течение секунды или двух, пока не появится всплывающее меню с другими инструментами. доступны в этом слоте. Выберите инструмент «Прямоугольник» в верхней части всплывающего меню:

Шаг 19: измени цвет новой формы на средний серый

Прежде чем мы добавим новую форму, давайте изменим ее цвет на что-то отличное от черного, чтобы мы могли видеть ее на чёрной пленке. Мы уже знаем, что мы можем изменить цвет фигуры, изменив цвет переднего плана Photoshop, но мы также можем изменить цвет непосредственно с панели параметров, когда у нас выбран инструмент фигуры. Нажмите на образец цвета на панели параметров:

Это поднимает палитру цветов Photoshop . Давайте использовать средний серый цвет. Введите значение 128 для параметров R , G и B в нижней центральной части диалогового окна «Палитра цветов». Это даст нам наш средний серый. Нажмите OK, когда вы закончите, чтобы выйти из палитры цветов:

Шаг 20: нарисуйте прямоугольник, чтобы покрыть основную область фотографии

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

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

Шаг 21: удали тень от новой фигуры

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

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

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

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

Нажмите на миниатюру векторной маски для «Shape 2» на панели «Слои», чтобы отменить выбор формы, и все готово! Наша кинопленка теперь готова:

Шаг 23: сохрани кинопленку в виде фотошопа .PSD файл

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

Откроется диалоговое окно «Сохранить как» в Photoshop. Я собираюсь назвать свой документ «film-strip.psd». Убедитесь, что вы выбрали Photoshop в качестве формата, а затем сохраните файл в месте, которое вы можете легко запомнить. Я собираюсь сохранить свою папку в папке «фотошоп» на моем рабочем столе. Нажмите кнопку Сохранить, когда будете готовы сохранить файл: