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

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

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

Форма кинопленки, которая будет использоваться в качестве фоторамки в коллаже.

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

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

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

Перейдите в File> New, чтобы создать новый документ Photoshop.

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

Создайте новый документ размером 1000 x 900 пикселей.

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

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

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

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

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

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

Нажмите «D» на клавиатуре, чтобы быстро сбросить цвета переднего плана и фона.

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

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

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

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

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

Нажмите в верхнем левом углу документа, затем перетащите в правый нижний угол.

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

Photoshop рисует фигуру и заполняет ее черным цветом, когда вы отпускаете кнопку мыши.

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

Фигуры автоматически появляются на своих собственных слоях на панели «Слои».

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

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

Нажмите «Вычесть из области формы» на панели параметров, чтобы выбрать его.

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

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

Нарисуйте еще одну прямоугольную фигуру в середине исходной фигуры.

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

Основное фото-пространство кинопленки создано.

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

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

Выберите Rounded Rectangle Tool на панели параметров.

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

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

Установите значение радиуса 10 пикселей.

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

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

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

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

Еще раз, Фотошоп использует новую форму, чтобы выбить часть начальной формы.

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

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

Выберите инструмент выбора пути.

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

Нажмите внутри выемки с помощью инструмента выбора пути, чтобы выбрать форму.

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

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

Вторая метка появляется в верхней части кинопленки.

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

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

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

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

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

Удерживая нажатой клавишу «Shift», нажимайте на каждую выемку с помощью инструмента «Выбор пути», пока все они не будут выбраны.

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

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

Панель параметров содержит различные параметры для выравнивания фигур. Нажмите на значок Распределить горизонтальные центры.

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

Параметр «Распределить горизонтальные центры» равномерно распределяет фигуры между крайне левой точкой и крайней правой.

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

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

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

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

Создание ряда надрезов вдоль нижней части кинопленки - это просто копирование верхнего ряда и перетаскивание его вниз.

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

Нажмите на миниатюру векторной маски, чтобы отменить выбор формы.

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

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

Нажмите на иконку Layer Styles и выберите Drop Shadow из списка.

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

Нажмите на иконку Layer Styles и выберите Drop Shadow из списка.

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

Тень используется для придания кинопленке некоторой глубины.

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

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

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

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

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

Нажмите на образец цвета, чтобы установить цвет для формы.

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

Установите значения R (красный), G (зеленый) и B (синий) на 128 в палитре цветов.

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

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

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

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

Основная область фотографии теперь покрыта второй формой.

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

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

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

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

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

Нажмите и перетащите вторую фигуру между фоновым слоем и слоем кинопленки.

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

Серая форма теперь появляется между фоновым слоем и слоем пленки.

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

Финальная кинопленка, готовая к использованию в качестве фоторамки и нашего фотоколлажа.

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

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

Перейдите в Файл> Сохранить как.

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

Назовите файл и сохраните его как документ Photoshop.

Категория: