В этом уроке по Photoshop мы научимся сохранять, загружать и повторно использовать стили слоев! Стили слоев в Photoshop - отличный способ создавать забавные и интересные фотоэффекты и текстовые эффекты, не требуя больших усилий и даже большого умения. Вам не нужно быть гуру Photoshop или тратить свою жизнь на изучение теории света и цвета, чтобы начать применять тени, обводки, градиенты, узоры, внутренние и внешние свечения и многое другое к изображениям со стилями слоев, создавая все из тонких цветовых эффектов. к самым диким и безумным текстовым эффектам, которые кто-либо когда-либо видел. Фактически, единственное, что вам действительно нужно, чтобы извлечь выгоду из стилей слоев в Photoshop, - это желание поиграть и поэкспериментировать. Кроме того, это также помогает иметь немного свободного времени, так как стили слоев могут стать своего рода зависимостью.
Если свободного времени не хватает, не переживайте. Photoshop позволяет легко сохранять наши создания стилей слоя, поэтому мы можем легко повторно применить их к другим изображениям без необходимости повторять какие-либо шаги! В этом уроке мы будем создавать простую рамку для фотографий, используя только стили слоев. Когда мы закончим, мы собираемся сохранить готовый эффект, а затем мы увидим, как применить ту же самую фоторамку к другому изображению мгновенно!
Вот фоторамка, которую мы будем создавать:
Простая фоторамка, созданная со стилями слоя в Photoshop.
Имейте в виду, что сама фоторамка не является основной темой этого урока, хотя вы, безусловно, можете следовать инструкциям и использовать готовую рамку со своими изображениями. Суть учебника в том, чтобы узнать, как легко сохранять собственные эффекты стиля слоя, загружать их обратно в Photoshop, когда это необходимо, а затем мгновенно применять их к другим изображениям.
Давайте начнем!
Плагин шорткодов, действий и фильтров: ошибка в шорткоде (ads-basics-middle-2)
Шаг 1: дублируем фоновый слой
С нашей новой фотографией, открывшейся в Photoshop, первое, что нам нужно сделать, прежде чем мы сможем начать добавлять к ней любые стили слоя, - это дублировать фоновый слой. Если мы посмотрим на нашу палитру слоев, то увидим, что в настоящее время у нас есть один слой, и он называется « Фон» . Это слой, который содержит нашу оригинальную фотографию. Обычно мы дублируем этот слой, прежде чем делать что-либо еще, чтобы не повредить исходную информацию о пикселях, но в этом случае есть другая причина. Фотошоп не позволяет нам применять стили слоя к фоновым слоям. Фактически, если вы посмотрите на значок «Стили слоев» в нижней части палитры «Слои», вы увидите, что он в настоящий момент недоступен: он недоступен:
Значок «Стили слоя» отображается серым цветом и недоступен для фонового слоя.
Давайте обойдем эту маленькую проблему, создав копию фонового слоя. Перейдите в меню Layer в верхней части экрана, выберите New, а затем выберите Layer via Copy :
Перейдите в Слой> Новый> Слой через Копировать.
Или, для более быстрого способа дублирования слоя, просто нажмите сочетание клавиш Ctrl + J (Победа) / Command + J (Mac). Если мы снова посмотрим на нашу палитру слоев, то увидим, что теперь у нас есть идентичная копия фонового слоя, расположенная над оригиналом. Фотошоп автоматически назвал копию «Слой 1»:
Копия фонового слоя появится над оригиналом в палитре слоев.
Теперь, когда у нас есть копия фонового слоя, мы можем начать добавлять стили нашего слоя!
Шаг 2: примени черный ход к слою
Как я уже упоминал в начале, мы собираемся создать простую рамку для фотографий, используя только стили слоев, и первое, что мы сделаем, это создадим черную рамку по краям фотографии. Щелкните значок « Стили слоев» в нижней части палитры «Слои» (который теперь доступен для нас) и выберите « Обводка» в нижней части списка стилей слоев, который отображается:
Выберите Stroke из списка стилей слоя.
Это вызывает довольно большое диалоговое окно «Стиль слоя» в Photoshop с настройками обводки в средней колонке. Первое, что мы хотим изменить, это цвет обводки. По какой-то причине люди из Adobe установили цвет обводки по умолчанию на красный. Я думаю, что могу посчитать с одной стороны, сколько раз я хотел красный для моего цвета обводки, но неважно. Мы можем легко изменить это. Мы собираемся использовать черный цвет для нашего цвета обводки, поэтому нажмите на образец цвета справа от слова Color :
Нажмите на образец цвета, чтобы изменить цвет обводки.
Это поднимает палитру цветов Photoshop. Выберите черный для цвета обводки. Если вы не уверены, как использовать Color Picker, просто введите значение 0 для параметров R, G и B, обведенное красным. Это выберет черный. Нажмите OK, когда вы закончите, чтобы выйти из палитры цветов:
Выберите черный в палитре цветов.
Теперь, когда цвет обводки установлен на черный, измените параметр « Положение» на « Внутри» . Это поместит весь штрих в границы нашего изображения. Затем, чтобы отрегулировать толщину обводки, перетащите ползунок « Размер» . Перетаскивание ползунка вправо увеличивает размер обводки, а перетаскивание его влево уменьшает размер обводки. Значение, которое вы в конечном итоге выберете, будет зависеть от размера фотографии, которую вы используете, а также от того, насколько толстой должна быть ваша рамка, поэтому следите за своим изображением в окне документа при перетаскивании ползунка. Для моей фотографии я собираюсь использовать значение 60 пикселей (пикселей) для моего размера обводки:
Измените Положение обводки на «Внутри», затем увеличьте Размер, чтобы создать черную рамку вокруг изображения.
Когда вы закончите, ваша фотография должна иметь черную рамку вокруг внутренних краев:
Черная рамка теперь появляется вокруг внутренних краев фотографии.
Пока не кликайте из диалогового окна Layer Style. У нас еще есть пара стилей слоя, которые нужно добавить до того, как наша фоторамка будет готова.
Шаг 3: добавь белое внутреннее свечение
Мы создали первую часть нашей фоторамки, используя стиль слоя Stroke в Photoshop, чтобы добавить черную рамку вокруг внутренних краев фотографии. На этот раз давайте добавим белую рамку прямо внутри черной. К сожалению, мы можем использовать определенный стиль слоя только один раз для каждого слоя, что означает, что, поскольку мы уже использовали стиль слоя Stroke для добавления черной границы, мы не сможем использовать его снова, если не создадим еще один новый слой и не применим полностью другой набор стилей слоя к нему, а это не то, что мы хотим сделать. Итак, поскольку мы хотим добавить что-то, похожее на белый штрих, но мы не можем использовать стиль слоя Stroke, потому что мы уже использовали его, нам нужно проявить немного творчества.
К счастью, есть и другие способы создания эффекта удара. Одним из них является использование стиля слоя Inner Glow . Нам просто нужно изменить несколько вариантов. Во-первых, оставив диалоговое окно «Стиль слоя», выберите стиль « Внутреннее свечение» слева в диалоговом окне. Убедитесь, что вы нажимаете непосредственно на слова «Inner Glow», а не просто внутри флажка. Нажатие внутри флажка включит стиль слоя, но не даст нам доступ ни к одному из его параметров. Чтобы получить доступ к параметрам, нам нужно нажать непосредственно на имя стиля слоя:
Нажмите непосредственно на слова «Внутреннее свечение» в левой части диалогового окна «Стиль слоя».
После того, как вы выбрали Inner Glow, средний столбец диалогового окна Layer Style изменится на параметры Inner Glow. Цвет по умолчанию для внутреннего свечения - желтый, и мы хотим использовать белый, поэтому, как мы делали для обводки минуту назад, щелкните образец цвета, который на этот раз расположен непосредственно под словом «шум». :
Нажмите на образец цвета, чтобы изменить цвет внутреннего свечения.
Это снова вызывает средство выбора цвета в Photoshop. Выберите белый для внутреннего цвета свечения. Если вам нужна помощь в выборе белого, просто введите значение 255 для параметров R, G и B, обведенное красным. Это выберет белый. Нажмите OK, чтобы выйти из палитры цветов, когда вы закончите:
Выберите белый цвет для внутреннего свечения с помощью палитры цветов.
Теперь, когда цвет установлен на белый, у нас есть несколько вариантов, которые нам нужно изменить, чтобы наше внутреннее «свечение» больше походило на внутренний «ход». Во-первых, в верхней части диалогового окна увеличьте непрозрачность внутреннего свечения до 100% . Затем, в центре диалогового окна, измените параметр Technique на Precise . Внизу внизу списка опций уменьшите опцию Range до 1% . Наконец, вернувшись в центр диалогового окна, перетащите ползунок « Размер», чтобы увеличить размер свечения, который теперь будет отображаться в виде обводки благодаря измененным параметрам. Свечение фактически начинается по краям фотографии, а не по краям черного обводки, который мы применили минуту назад, а это означает, что при перетаскивании ползунка «Размер» вправо вы фактически не увидите белую рамку, появляющуюся на изображение, пока вы не увеличите его за пределы черной рамки. Если вы помните, я установил толщину черного обводки на 60 пикселей, а это значит, что мне нужно увеличить размер внутреннего белого свечения за пределы 60 пикселей, прежде чем я увижу его на своем изображении.
Я на самом деле хочу, чтобы моя белая рамка казалась такой же толщины, что и моя черная рамка, а это значит, что мне нужно установить размер моего внутреннего свечения в два раза больше моего черного мазка. Так как мой черный штрих установлен на 60 пикселей, я установлю размер моего внутреннего свечения на 120 пикселей . Опять же, значение, которое вы вводите, может отличаться в зависимости от размера изображения, которое вы используете:
Измените параметры, обведенные красным, чтобы внутреннее свечение выглядело как штрих.
Ваше изображение должно выглядеть примерно так: с черной рамкой по краям фотографии и белой рамкой внутри черной:
Рамка для фотографий теперь имеет внутреннюю белую рамку и внешнюю черную рамку.
Давайте добавим еще один стиль слоя, чтобы завершить рамку, и затем мы увидим, как его сохранить, чтобы мы могли мгновенно применить его к другой фотографии без необходимости повторять какие-либо из этих шагов!
Шаг 4: добавь внутреннюю тень
Давайте закончим нашу простую фоторамку, придав ей немного глубины, как если бы черная внешняя граница находилась перед белой внутренней границей. Для этого мы добавим Inner Shadow . Открыв диалоговое окно «Стиль слоя», нажмите непосредственно на слова « Внутренняя тень» слева. Еще раз, убедитесь, что вы нажимаете на сами слова и не просто нажимаете внутри флажка, иначе у нас не будет доступа к параметрам Inner Shadow:
Нажмите непосредственно на слова «Внутренняя тень» в левой части диалогового окна «Стиль слоя».
Это изменяет диалоговое окно «Стиль слоя», отображая параметры «Внутренняя тень» в среднем столбце. Сначала уменьшите Расстояние внутренней тени до 0 пикселей . Установите параметр « Удушение» примерно на 65%, затем увеличьте размер внутренней тени до 100 пикселей :
Добавьте немного глубины к фоторамке с помощью стиля слоя Inner Shadow.
Возможно, вам придется немного поэкспериментировать с параметрами Choke и Size, в зависимости от размера вашего изображения, но если вы использовали те же значения для стилей Stroke и Inner Glow, которые я использовал, приведенные выше значения должны отлично работает Когда вы закончите, у вас должна быть тонкая тень вокруг черной границы, как будто она немного приподнята над белой границей под ней. Вот мой окончательный результат фоторамки:
Законченный эффект фоторамки.
Шаг 5: сохраняем стиль слоя
Наша фоторамка теперь готова! Возможно, для его создания потребовалось всего несколько шагов, но это был всего лишь простой пример того, что можно сделать со стилями слоев. Добавьте стиль Outer Glow, Color, Gradient или Pattern Overlay, или эффект Bevel and Emboss, все с различными опциями и настройками, которые вам нужно запомнить и внезапно, имея способ легко сохранить законченный эффект, чтобы вы могли мгновенно применить его позже кажется довольно хорошей идеей.
Чтобы сохранить стиль слоя, нажмите кнопку « Новый стиль» в верхнем правом углу диалогового окна «Стиль слоя». :
Сохраните законченный стиль слоя, нажав на кнопку «Новый стиль».
В Photoshop появится диалоговое окно «Новый стиль», позволяющее нам назвать наш новый стиль слоя. Я собираюсь назвать мою "Простая рамка для фотографий". В нижней части диалогового окна находятся несколько параметров, которые мы обычно можем игнорировать, потому что Photoshop хорошо выполняет автоматический выбор этих параметров по мере необходимости, хотя это все еще помогает узнать, для чего они используются. Первый, « Включить эффекты слоя», касается того, хотим ли мы включать отдельные эффекты, которые мы использовали, такие как «Инсульт», «Внутреннее свечение» и «Внутренняя тень». Технически говоря, эти отдельные стили называются «эффектами» слоя, и когда вы комбинируете их для получения разных результатов, вы получаете слой «стиль». Однако большинство людей просто используют термин «стиль слоя», независимо от того, имеют ли они в виду индивидуальный эффект или комбинацию нескольких эффектов. Поскольку мы, очевидно, хотим включить отдельные эффекты, которые мы использовали для создания нашей фоторамки, эта опция автоматически выбирается для нас.
Второй вариант, « Включить параметры наложения слоев», является более сложной темой и важен только в том случае, если мы внесли какие-либо изменения в основной раздел «Параметры наложения» диалогового окна «Стиль слоя». Например, если мы снизили общую непрозрачность нашей фоторамки до 50%, и мы хотим использовать ту же самую настройку пониженной непрозрачности каждый раз, когда применяем рамку к новому изображению, мы бы хотели убедиться, что эта опция выбрана. Здесь мы ничего подобного не делали, поэтому можем оставить этот параметр без контроля:
Диалоговое окно «Новый стиль».
Нажмите OK, когда вы закончите, чтобы Photoshop сохранил стиль слоя и вышел из диалогового окна. На этом этапе вы также можете закрыть диалоговое окно «Стиль слоя», так как мы закончили с нашей фоторамкой.
Шаг 6: Откройте новое фото
И с этим наша фоторамка сохраняется и готова к немедленному применению к любому другому изображению! Чтобы показать, как легко повторно применить стиль слоя, откройте новое изображение. Вот фото, которое я буду использовать:
Откройте новое фото.
Шаг 7: продублируйте фоновый слой
Помните, что Photoshop не позволяет нам применять стили слоев к фоновым слоям, что означает, что первое, что нам нужно сделать с нашим новым изображением, - это дублировать фоновый слой. Перейдите в меню « Слой» в верхней части экрана, выберите « Новый», а затем выберите « Слой через Копирование» или используйте более быстрое сочетание клавиш Ctrl + J (Win) / Command + J (Mac). Наша палитра Layers теперь показывает копию фонового слоя с именем «Layer 1» над оригиналом:
Не забудьте продублировать фоновый слой, прежде чем пытаться применить любые стили слоя.
Шаг 8: Нажмите на свой стиль слоя в палитре стилей
Вы найдете все и все стили слоев, которые вы создали и сохранили, а также стили, которые Photoshop загрузил для нас как часть программы, сидя в палитре стилей (с "Styles", сокращенно от "Layer Styles"), По умолчанию палитра «Стили» сгруппирована с палитрами «Цвет» и «Образцы». Вам нужно будет щелкнуть вкладку имени в верхней части палитры стилей, чтобы вывести палитру на передний план, если она прячется за одной из двух других палитр в группе. Если вы вообще не видите палитру стилей на экране, просто перейдите в меню « Окно» в верхней части экрана и выберите палитру стилей из списка.
Палитра «Стили» содержит небольшие эскизы всех стилей слоев, которые в данный момент загружены в Photoshop, включая стиль, который мы только что создали и сохранили. Если в настройках Photoshop включена функция «Подсказки к инструментам», вы увидите, что имена стилей слоев отображаются, когда вы наводите указатель мыши на маленькие миниатюры. Каждый раз, когда вы сохраняете новый стиль слоя, он появляется внизу списка в палитре стилей, что означает, что наш стиль слоя «Простая фоторамка» будет последним в списке. Просто нажмите на миниатюру стиля, чтобы выбрать и применить его:
Нажмите на стиль слоя, который вы хотите применить в палитре стилей.
И вот так, простым щелчком мыши, законченный стиль фоторамки применяется к новому изображению:
Стиль слоя фоторамки мгновенно применяется к новому изображению.
Следует помнить одну важную вещь: несмотря на то, что мы сохранили стиль слоя нашей фоторамки и он появляется в палитре стилей, чтобы мы могли выбирать и применять его, когда нам это нужно, в настоящее время он сохраняется только временно. По сути, он сохраняется внутри Photoshop, что нормально до тех пор, пока Photoshop не выйдет из строя, и нам нужно будет переустановить его или обновить до новой версии Photoshop. Если по какой-либо причине необходимо переустановить Photoshop, мы потеряем стиль слоя нашей фоторамки вместе с любыми другими стилями слоев, которые мы создали. К счастью, Photoshop позволяет нам сохранять постоянные копии стилей наших слоев (или, по крайней мере, настолько постоянных, насколько это возможно с компьютерами), которые мы можем загрузить в любое время, когда они нам понадобятся. Мы увидим, как это сделать дальше!
Шаг 9: Откройте менеджер пресетов
Чтобы сохранить любые стили слоев, которые мы создали, чтобы мы не потеряли их, если нам когда-нибудь понадобится переустановить Photoshop, нам нужно использовать менеджер стилей Photoshop, который вы можете найти, перейдя в меню « Редактировать» в верхней части экран и выбор Preset Manager :
Перейдите в «Редактирование»> «Менеджер пресетов».
Прямо в палитре «Стили» есть опция для сохранения стилей слоя, но она не дает нам никакого контроля над тем, какие стили мы сохраняем. Все, что он может сделать, это взять каждый стиль слоя, который в данный момент загружен в Photoshop, и сохранить их как одну большую группу, что обычно не то, что мы хотим сделать. Менеджер пресетов, с другой стороны, позволяет нам выбирать, какие именно стили слоя мы хотим сохранить.
Шаг 10: выберите «Стили» из списка «Тип пресета»
Когда появляется диалоговое окно Preset Manager, по умолчанию отображается список доступных кистей. Выберите « Стили» в поле выбора « Тип пресета» вверху:
Выберите «Стили» из опции «Тип пресета».
Шаг 11: выбери и сохрани стиль слоя (ов)
После выбора стилей из списка вверху все стили слоев, которые в данный момент загружены в Photoshop, отображаются в менеджере стилей с теми же миниатюрами, которые мы видели в палитре стилей. Чтобы сохранить стиль фоторамки, просто нажмите на ее миниатюру, чтобы выбрать ее. Вы увидите черную рамку выделения вокруг миниатюры, чтобы вы знали, что она выбрана. Если у вас есть другие стили слоя, которые вы также хотите сохранить как часть этого набора стилей, удерживайте нажатой клавишу Ctrl (Win) / Command (Mac) и нажмите на их миниатюры, чтобы выбрать одновременно несколько стилей. В моем случае я сохраняю только стиль «Простая фоторамка». Затем нажмите кнопку « Сохранить набор» в правой части диалогового окна:
Выберите стиль (ы) слоя, затем нажмите кнопку «Сохранить набор».
В Photoshop появится другое диалоговое окно, на этот раз попросив вас назвать свой набор стилей и выбрать, где вы хотите его сохранить. Поскольку я сохраняю только один стиль слоя, я назову свой набор "Simple Photo Frame.asl". Убедитесь, что вы добавляете трехбуквенное расширение в конце имени, если хотите иметь возможность использовать свой набор стилей как на ПК, так и на Mac. Самым простым местом для сохранения вашего набора стилей является рабочий стол. В моем случае я создал папку на рабочем столе под названием «стили слоя», в которую я сохраню свой набор. Конечно, вы можете выбрать любое удобное для вас место. После того, как вы назвали набор и выбрали место для сохранения, нажмите кнопку Сохранить, чтобы сохранить набор:
Назовите свой новый набор стилей и выберите место для сохранения.
Когда вы закончите, нажмите « Готово» в правом верхнем углу диспетчера пресетов, чтобы выйти из него. Ваш стиль слоя теперь безопасно сохранен вне Photoshop, поэтому, если Photoshop случайно умрет на вас, он не перенесет ваш стиль слоя вместе с ним! Конечно, если весь ваш жесткий диск выходит из строя, ну, это другая история.
Шаг 12: выберите «Загрузить стили» из меню палитры стилей
Если нам когда-нибудь понадобится загрузить стиль слоя обратно в Photoshop, мы можем сделать это легко из палитры стилей. Просто нажмите на значок меню палитры в правом верхнем углу палитры (здесь я использую Photoshop CS3. В Photoshop CS2 и более ранних версиях значок меню отображается в виде маленькой стрелки), что вызывает всплывающее меню. Выберите Load Styles из списка параметров:
Выберите опцию «Загрузить стили» в выпадающем меню палитры стилей.
В Photoshop появится диалоговое окно с вопросом, какой набор стилей слоя вы хотите загрузить. Просто перейдите туда, где вы сохранили свой набор стилей, который в моем случае был папкой на рабочем столе с именем «стили слоя». Нажмите на название набора, который вы хотите загрузить, затем нажмите кнопку Загрузить, чтобы загрузить набор в Photoshop:
Перейдите туда, где вы сохранили набор стилей, выберите его из списка и нажмите кнопку «Загрузить».
Photoshop загружает набор стилей слоя, и в палитре «Образцы» снова появится стиль «Простая фоторамка», готовый для применения к новому изображению:
Стиль слоя теперь загружается обратно в Photoshop и отображается внутри палитры Swatches.