Наложение слоев в фотошопе cs6: Непрозрачность слоев и режимы наложения в Adobe Photoshop

Какие типы слоев в Photoshop?

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

1. Слои изображений

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

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

Чтобы добавить этот тип слоя, перейдите в Слой> Новый корректирующий слой и выберите один из вариантов. Вы можете иметь столько активных слоев, сколько захотите. Корректировки влияют только на слои, расположенные ниже, поэтому вы можете перемещать их, выбирая определенные изображения.

3. Слои заливки

Чтобы добавить слой заливки, например градиент для затемнения или оттенка фона неба, выберите «Слои> Новый слой заливки> Градиент». Если вы установите для одной из точек градиента значение «Прозрачный», часть слоя заливки будет иметь прозрачное качество.

4. Типовые слои

Создайте текст в документе с помощью этого инструмента. Текст в Photoshop по умолчанию является векторным, поэтому вы можете редактировать его и изменять его размер в процессе создания.

5.Слои смарт-объектов

Преобразуйте любые изображения, текст или объекты в слой смарт-объектов, выбрав «Слой»> «Смарт-объекты»> «Преобразовать в смарт-объект». Слой смарт-объекта сохраняет исходную форму любых изображений в документе, отслеживая все внесенные в них изменения в списке ниже. В любое время, даже после сохранения изменений, вы можете отменить их на сколько угодно времени.

Вдохните жизнь в ваши изображения

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

Вы должны использовать корректирующие слои Photoshop

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

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

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

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

Работа с корректирующими слоями

Добавление новых корректирующих слоев

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

Изображение предоставлено ABO PHOTOGRAPHY.

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

Когда вы выбираете элемент из списка, вы увидите, что новый слой появляется над выбранным слоем. При этом также откроется окно «Свойства», в котором вы сможете внести необходимые изменения. К корректирующему слою будет добавлена ​​маска слоя.Мы поговорим об этом позже.

Мы можем свободно настраивать этот корректирующий слой «Яркость / Контраст», не опасаясь навсегда изменить исходное изображение — или пока не придерживаться какого-либо стиля. И все это без сохранения альтернативных версий файла. Это экономит много времени и файлового пространства, а также сокращает количество версий и путаницу.

Укладка регулировочных слоев

Мы можем использовать несколько корректирующих слоев, наложенных друг на друга. Например, вы можете настроить яркость / контрастность в одном, настроить кривые в другом и применить фотофильтр поверх всего этого.

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

Это изображение приобретет другой общий вид, если вы просто переместите корректирующий слой Hue / Saturation ниже Curves. Рекомендуется попробовать изменить порядок корректирующих слоев, чтобы получить желаемый результат.

Использование режимов наложения и непрозрачности

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

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

Управление настройками с маскированием

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

Скрытие области от корректировок

Установив инструмент «Кисть» на черный цвет, вы можете просто закрасить область, которую хотите защитить от корректировки.

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

Отображение корректировок в области с маскированием

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

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

Использование корректирующих слоев в составных изображениях

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

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

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

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

Дополнительный кактус с изображения Vilsone.

Обратите внимание, как слой нового кактуса в зеленом горшке вносится уже изолированным. Я нажимаю на значок слоя, нажимаю на него, выбираю из списка «Кривые» и, по-видимому, свободно настраиваю только этот слой.

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

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

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

Как объединить слои в Photoshop

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

Нужны изображения для вашего проекта? В этом вам может помочь впечатляющая коллекция Shutterstock, состоящая из более чем 70 миллионов изображений! Посмотрите, что может предложить наша библиотека.

Объединение слоев с помощью меню параметров

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

2. Если вы выбрали только один слой, параметр «Объединить слои» изменится на «Объединить вниз». Это означает, что выбранный вами слой сольется со слоем под ним на панели. Кроме того, ваш недавно объединенный слой получит имя нижнего слоя.

3. Используйте Shift-щелчок или Ctrl-щелчок, чтобы выделить несколько слоев на панели. Нажатие на «Объединить слои» объединит их в один слой, сохранив имя верхнего слоя.

4. Еще один способ объединить несколько слоев — использовать параметр «Объединить видимые». Это объединит все видимые в данный момент слои (т.е. с включенным значком «глаз»). Вы можете скрыть любые слои, которые не хотите объединять, сначала сняв флажки с их значков в виде глаз. Если вы нажмете Alt при нажатии на «Объединить видимые», он объединит слои в совершенно новую группу, при этом также сохранятся исходные слои.

5. Наконец, выбор «Flatten Image» объединит все видимые слои на панели.Слои, которые не видны, будут отброшены. Обычно это один из последних шагов проекта, позволяющий сохранить окончательный файл изображения как один фиксированный слой.

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

Связывание слоев (без их объединения)

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

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

Советы и секреты по работе в Photoshop

Как мы узнали на предыдущей странице , каждый из режимов наложения слоев в Photoshop, за исключением «Нормальный» и «Растворение», попадает в одну из пяти основных групп (Даркен, Светлее, Контрастность, Сравнительный и Композитный), и каждый Группа несет ответственность за предоставление нам конкретного результата или эффекта.

Первая группа, Darken, состоит из режимов смешивания Darken, Multiply, Color Burn и Linear Burn, и каждый из этих режимов смешивания будет до некоторой степени затемнять изображение, причем режим Darken оказывает наименьшее влияние на изображение. в то время как Color Burn и Linear Burn оказывают наибольшее влияние.

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

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

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

Давайте рассмотрим базовый пример того, как работает режим смешивания Multiply в Photoshop. Здесь у меня есть очень простой документ, который я создал, используя два слоя. Я залил фоновый слой сплошным синим цветом, а на слое над ним я добавил горизонтальный градиент от чистого черного слева до чистого белого справа вместе с тремя квадратами. Квадрат слева заполнен черным, квадрат справа заполнен белым, а квадрат в середине заполнен на 50% серым (другими словами, оттенок серого, который попадает прямо между черным и белым) :

Читать далее →

Как накладывать слои в фотошопе cs6. Основы Photoshop: Режимы наложения (Blending Modes)

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

Вот оно и будет подарком, только не разовым, а долгоиграющим. Год назад, после небольшой словесной перепалки , я решил не жадничать уже выложил конспекты ко всем семинарам (ссылки на скачивание есть на соответствующих страницах сайта www.fotoproekt.ru). А здесь я начинаю выкладывать более подробные статьи, написанные для журнала «Фотомастерская».

На какие вопросы мы должны получить ответ

1. Существует ли для данного режима наложения нейтральный цвет и, если да, то какой?

Нейтральным называют цвет, наложение которого не изменяет исходное изображение. Если такой цвет существует, можно наложить на изображение залитый им слой и изменять воздействие, рисуя на нем другими цветами. Этот вопрос важнее, чем может показаться на первый взгляд, поскольку не всегда имеется возможность уменьшать воздействие за счет непрозрачности (см. вопрос 4).

2. Как изменяется степень воздействия по полному тоновому диапазону?

Другими словами, в каком тоновом диапазоне происходит максимальное изменение яркости, в каком — минимальное и как это воздействие изменяется. От понимания этого зависит, подберете ли вы наиболее подходящий режим для коррекций, направленных на изменение яркости.

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

3. Как изменяется контраст в различных тоновых диапазонах?

Локальный контраст, или контраст отдельных областей изображения (объектов сцены), очень важен для нас. Именно благодаря ему передается светотеневой рисунок, то есть ощущение объема объектов. От понимания того, в каких тоновых диапазонах режим наложения повышает, понижает или оставляет без изменений контраст исходного изображения, зависит эффективность его применения в коррекциях, направленных на изменение локального контраста.

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

4. Соответствует ли уменьшение непрозрачности ослаблению воздействия?

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

Наглядным примером такой коррекции (правда, немного из другой области) является гауссово размытие. Если поверх исходной картинки лежит слой, к которому применен Gaussian Blur с радиусом 50, уменьшение его непрозрачности до 50% не даст результат аналогичный размытию исходника с радиусом 25.

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

5. Каким реальным фотопроцессам соответствует режим наложения?

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

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

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

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

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

6. Что происходит при наложении картинки самой на себя?

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

7. Как меняется результат, если поменять местами исходное и корректирующее изображение?

Ответ на этот вопрос может пригодиться для оптимизации послойной структуры файла.

8. Для чего может использоваться данный режим, каковы приемы и особенности его практического применения?

Это самый любимый читателями вопрос, поскольку за ним скрывается практика. Я постараюсь не просто перечислить эти приемы и особенности, но и показать все «в картинках». Возможно, у кого-нибудь возникнет желание пропустить предыдущую часть и сразу читать эти «комиксы».

Не советую так поступать. Если разберетесь в теории и посмотрите приемы применения как иллюстрацию к ней — получите в руки мощный инструмент, который сможете осмыслено применить для решения любой стоящей перед вами задачи. Если просто просмотрите примеры применения — будете знать (пока не забудете), как обработать точно такие же изображения, как у меня.

Режим наложения Normal

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

Посмотрите на семейство кривых, оказывающих на изображение такое же воздействие, как наложение однотонной плашки яркости 64 с различной непрозрачностью. При непрозрачности 0% изображение не меняется, при непрозрачности 100% — вырождается в однотонную плашку. Этому случаю соответствует горизонтальная прямая на уровне 64.

Как фотошоп рассчитывает яркость при частичной непрозрачности? Предположим, некоторый пиксель картинки имел до коррекции яркость 192 (A). Его же яркость после коррекции с непрозрачностью 100% — 64 (B). Вычисляя яркость при уменьшении непрозрачности по пути из точки A к точке B, программа проходит на столько процентов, сколько мы выставим в поле Opacity. Так же рассчитывается финальная яркость остальных пикселей. То есть, при уменьшении непрозрачности кривая равномерно подтягивается к своему начальному положению.

Формула имеет один и тот же вид для 8-битного режима и отнормированной яркости, где: s — яркость исходного изображения; с — яркость корректирующего изображения; r — яркость финального изображения; k — значение параметра Opacity в процентах.

При изменении порядка наложения слоев результат сохраняется, если непрозрачность верхнего слоя изменить на 100-k.

В реальной жизни режиму Normal соответствует просмотр двух сцен через полупрозрачное зеркало. Сцена видимая на просвет — исходное изображение; сцена видимая в отражении — корректирующее изображение; коэффициент отражения зеркала — Opacity.

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

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

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

Что стоит за самоналожением картинки

Обещанный ответ на шестой вопрос. Вернитесь к клетчатой доске и посмотрите на диагональ A(0)-K(255). У ее полей есть одно общее свойство: яркости исходного и корректирующего изображения равны. Это случай наложения картинки самой на себя в соответствующем режиме.

Построив кривые по полям «большой диагонали», можно легко понять, какие элементарные коррекции скрываются за самоналожением картинки в каждом из режимов. Кстати, для режимов Overlay и Hard Light кривые совпадают. Форма всех этих кривых не зависит от изображения, не учитывает его особенностей, а значит, не является оптимальной для каждого конкретного изображения.

Это не значит, что такой прием нельзя использовать. Но, применяя его, вы должны понимать, на что идете. И если уж решили им воспользоваться, не надо дублировать на новый слой все изображение. Просто создайте любой корректирующий слой (Curves, Layers и т.п.) с нулевыми настройками (не меняющий изображение).

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

В следующий раз мы рассмотрим первую пару —

Желающие посетить очные занятия по цветокоррекции и обработке изображений могут познакомиться с программами и списком ближайших мероприятий в . Там же вы найдете ссылки на другие мои статьи.

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

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

Когда дело доходит до изучения программы Фотошоп, на самом деле это означает тщательное изучение всего нескольких функций, хотите — верьте, хотите — нет. Безусловно, программа Фотошоп многофункциональна и с каждой новой версией наполняется все более и более всевозможными инструментами и параметрами. Но действительно ли вам нужна самая последняя версия программы с ее многочисленными свойствами, для того чтобы обрабатывать ваши фотографии?

Возможно, вы подумаете: «Да, конечно», но, скорее всего, ваш ответ будет отрицательным. Имея небольшие знания и навыки работы с основными инструментами программы, вы успешно сможете обрабатывать большинство фотографий. Несмотря на то, что с каждой последующей версией Фотошоп появляются дополнительные свойства и параметры, основные инструменты, которые вам надо знать, одинаковы и в версии Фотошоп CS3, и в версии Фотошоп 3, когда впервые появилась возможность работы со слоями.

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

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

Конечно, как и в случае с самой программой Фотошоп, вам не нужно знать абсолютно все о режимах наложения, чтобы успешно применять их в своей работе. В версии Фотошоп CS2 было двадцать три режима наложения (учитывая режим «Нормальный», установленный по умолчанию), в версии Фотошоп CS3 добавилось еще два режима, и их стало двадцать пять — огромный список для выбора! Таких названий как «Затухание», «Осветление основы», «Линейный затемнитель», «Разница» и «Исключение» вполне достаточно для того, чтобы сломать голову, гадая, что это за режимы и как их использовать.

Открою вам небольшой секрет. Конечно, на самом деле, это не секрет, но вы же приободрились, решив, что узнаете что-то, чего не знает больше никто, так что пусть это будет называться секретом. Как я уже упоминал, вам не нужно знать все тонкости работы со всеми режимами наложения. В действительности, при обработке большинства ваших фотографий, достаточно иметь представление о пяти режимах наложения. Да-да, не о двадцати трех или двадцати пяти режимах, а все лишь о пяти! Что же это за режимы? «Умножение» (Multiply), «Экран» (Screen), «Перекрытие» (Overlay), «Цветность» (Color) и «Яркость» (Luminosity). Изучив, как и когда применять эти режимы, вы сможете с легкостью обрабатывать фотографии.

Прежде чем мы начнем изучать работу каждого из пяти режимов наложения, давайте узнаем, где они расположены. Если вы думаете, что их можно найти в строке меню «Слои» в верхней части экрана, то немного заблуждаетесь. На самом деле, если бы мы каждый раз как хотели поменять режим наложения слоя, кликали мышкой по строке меню, то это была бы настоящая проблема. К счастью, компания Adobe осознала, что мы все слишком ленивые для этого действия, и облегчила нам жизнь. Вы можете получить быстрый доступ к режимам наложения, выбрав ниспадающее окно в верхнем левом углу панели слоев. По умолчанию, выбран режим наложения «Нормальный» (Normal):

Ниспадающее окно режимов наложения в верхнем левом углу панели слоев

Небольшое важное замечание — если вы посмотрите на рисунок, представленный выше, то заметите, что я забежал вперед и создал копию исходного слоя заднего фона (нажав сочетание клавиш Ctrl+J / Command+J), и сейчас у меня выбрана эта копия под названием «Слой 1» (Layer 1). Я это сделал потому, что программа Фотошоп по-другому рассматривает слой заднего фона в отличие от других слоев и не позволяет нам менять режим наложения при работе с ним.

Если вы не повторяете мои действия, работая самостоятельно, и заметили, что ниспадающее окно режимов наложения у вас затененное (неактивное), вероятнее всего причина в том, что у вас создан только один слой на панели слоев, и он назван «Задний фон» (Background). Для того чтобы получить доступ к режимам наложения, вам следует или создать копию слоя заднего фона, или переименовать сам слой заднего фона.

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

Если вы посмотрите внимательнее, то заметите, что режимы наложения в действительности объединены в группы. Два верхних режима «Нормальный» (Normal) и «Затухание» (Dissolve) составляют первую группу, нижерасположенные режимы — «Затемнение» (Darken), «Умножение» (Multiply), «Затемнение основы» (Color Burn) и «Линейный затемнитель» (Linear Burn) составляют вторую группу и т.д. Всего выделено шесть групп, и вам может показаться, что причина, по которой режимы объединены в группы, состоит в том, что у этих режимов есть что-то общее. Вы совершенно правы!

Хотя, вы были бы правы, не учитывая первую группу в самом верху списка. Режимы «Нормальный» и «Затухание» не имеют ничего общего, и, тем не менее, объединены в одну группу. Вы можете всю жизнь легко прожить, не используя режим «Затухание», так как он достаточно бесполезен, особенно при редактировании изображений, тогда как режим «Нормальный» устанавливается по умолчанию и означает, что все слои настроены автоматически без каких-либо изменений с вашей стороны.

Таким образом, первая группа — на самом деле не группа, если только вы не назовете ее группой «режимов, у которых нет ничего общего». Остальные режимы наложения объединены в группы, потому что у них действительно есть что-либо общее друг с другом. Ниже представлена схема всех групп:

Схема, отображающая различные группы режимов наложения

Как вы можете видеть на разноцветной схеме, представленной выше (разные цвета я выбрал для удобства восприятия), режимы наложения «Затемнение» (Darken), «Умножение» (Multiply), «Затемнение основы» (Color Burn) и «Линейный затемнитель» (Linear Burn) составляют группу режимов затемнения. Почему? Потому что каждый из этих режимов делает изображение темнее. Обратите внимание, что режим «Умножение» входит в эту группу. Если вы помните, режим «Умножение» входит в пятерку режимов, которые вам обязательно нужно знать, и вскоре мы его изучим подробнее.

Далее идут режимы «Замена светлым» (Lighten), «Экран» (Screen), «Осветление основы» (Color Dodge) и «Линейный осветлитель» (Linear Dodge), которые составляют группу режимов осветления. Каждый из них делает изображение светлее. Обратите внимание, что режим «Экран», входящий в группу режимов осветления, — еще один режим, работу которого вы должны знать и который мы рассмотрим подробнее.

Ниже расположены режимы «Перекрытие» (Overlay), «Мягкий свет» (Soft Light), «Жесткий свет» (Hard Light), «Яркий свет» (Vivid Light), «Линейный свет» (Linear Light), «Точечный свет» (Pin Light) и «Жесткое смешение» (Hard Mix), составляющие группу режимов контраста. Каждый из этих режимов одновременно и затемняет, и осветляет изображение, делая его более контрастным. Обратите внимание, что режим «Перекрытие», который вам надо знать, входит в эту группу.

Следующей идет группа режимов, которые мы не будем рассматривать подробно. Она включает в себя режимы «Разница» (Difference) и «Исключение» (Exclusion) и называется группой режимов сравнения. Оба эти режимы предназначены для сравнения пикселей между слоями и используются нечасто, особенно при обработке фотографий. Крайне редко вам может понадобиться режим «Разница», а режим «Исключение» вы будете использовать так же часто, как и режим «Затухание», иными словами практически никогда.

И, наконец, идет группа компонентных режимов, также известная как группа HSL (Цветовой тон (Hue), насыщенность (Saturation) и яркость (Luminosity)) по первым буквам трех режимов наложения, входящих в нее, наряду с режимом «Цветность» (Color). Все режимы в этой группе воздействуют на степень яркости или насыщенности слоя. Режимы «Цветность» и «Яркость» являются последними из пяти основных режимов, которые вы должны знать для обработки и ретуши фотографий в программе Фотошоп.

Таким образом, мы рассмотрели, что, несмотря на огромный список режимов наложения, выделяют всего пять типов режимов наложения. Режимы первого типа затемняют изображение, режимы второго — осветляют изображение, режимы третьего — одновременно и затемняют, и осветляют изображение для придания большей контрастности, режимы четвертого типа — сравнивают пиксели между различными слоями и, наконец, режимы пятого типа — влияют на степень яркости или насыщенности изображения. Нам удалось упорядочить двадцать пять, на первый взгляд, совершенно разных режимов наложения и разбить их по пяти типам (за исключением режимов «Нормальный» и «Затухание», что нас не должно беспокоить). Неплохо для начала! Но мы можем пойти дальше, потому что вы должны знать всего пять режимов наложения, чтобы уметь обрабатывать фотографии, — один из группы режимов затемнения, один из группы режимов осветления, один из группы режимов контраста и два из группы компонентных режимов.

Первый режим, который нам надо подробно изучить — режим «Умножение» (Multiply). Как мы ранее видели на схеме, этот режим входит в группу режимов затемнения. Это означает, что работа режима направлена на затемнение изображения. В действительности, это единственный режим из группы режимов затемнения, который вам надо хорошо знать, и также этот режим является наиболее широко используемым из всех режимов наложения. Более подробно мы рассмотрим режим «Умножение» в следующем уроке.

Перевод: Ксения Руденко

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

О режимах наложения слоев мы и поговорим в этом уроке. Эта информация даст базис знаний в работе с режимами наложения.

Каждый слой в палитре изначально имеет режим наложения «Нормальный» или «Обычный» , но программа дает возможность путем изменения этого режима поменять тип взаимодействия этого слоя с подлежащими.

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

Режимы наложения делятся на шесть групп (сверху вниз): Нормальные, Субтрактивные, Аддитивные, Комплексные, Разностные и HSL (Hue – Saturation – Lighten) .

В данную группу входят такие режимы, как «Обычный» и «Затухание» .

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

«Затухание» выбирает случайные пиксели с обоих слоев и удаляет их. Это придает изображению некоторую зернистость. Данный режим влияет толькона те пиксели, которые имеют изначальную непрозрачность менее 100%.

Эффект похож на наложение шума на верхний слой.

Субтрактивные

Данная группа содержит режимы, которые тем или иным способом затемняют изображение. Сюда входят «Затемнение», «Умножение», «Затемнение основы», «Линейный затемнитель» и «Темнее» .

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

«Умножение» , как следует из названия, умножает значения базовых оттенков. Любой оттенок, умноженный на белый даст исходный оттенок, умноженный на черный даст черный цвет, а другие оттенки не станут ярче начальных.

Исходное изображение при применении «Умножения» становится темнее и насыщеннее.

«Затемнение основы» способствует своеобразному «выжиганию» цветов нижнего слоя. Темные пиксели верхнего слоя затемняют нижний. Также здесь имеет место умножения значений оттенков. Белый цвет в изменениях не участвует.

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

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

Аддитивные

Эта группа содержит следующие режимы: «Замена светлым», «Экран», «Осветление основы», «Линейный осветлитель» и «Светлее» .

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

«Замена светлым» является режимом, действие которого противоположно действию режима «Затемнение» .

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

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

«Экран» в свою очередь противопоставлен «Умножению» . При применении данного режима цвета нижнего слоя инвертируются и перемножаются с цветами верхнего.

Изображение становится более ярким, а итоговые оттенки всегда будут светлее исходных.

«Осветление основы» . Применение этого режима дает эффект «выцветания» оттенков нижнего слоя. Уменьшается контрастность исходного изображения, а цвета становятся более светлыми. Создается эффект свечения.

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

«Светлее» . Режим противоположен режиму «Темнее» . На изображении остаются только наиболее светлые пиксели с обоих слоев.

Комплексные

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

Называются они следующим образом: «Перекрытие», «Мягкий свет», «Жесткий свет», «Яркий свет», «Линейный свет», «Точечный свет» и «Жесткое смешение» .

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

«Перекрытие» является режимом, вобравшим в себя свойства «Умножения» и «Экрана» .

Темные цвета становятся насыщеннее и темнее, а светлые становятся светлее. Результат — более высокая контрастность изображения.

«Мягкий свет» — менее резкий собрат «Перекрытия» . Изображение в данном случае подсвечивается рассеянным светом.

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

«Яркий свет» применяет режим «Осветление основы» к светлым участкам и «Линейный осветлитель» к темным. При этом контрастность светлых увеличивается, а темных – уменьшается.

«Линейный свет» противоположен предыдущему режиму. Увеличивает контрасность темных оттенков и уменьшает контрастность светлых.

«Точечный свет» объединяет светлые оттенки при помощи режима «Светлее» , а темные – при помощи режима «Темнее» .

«Жесткое смешение» воздействует на светлые участки режимом «Осветление основы» , а на темные – режимом «Затемнение основы» . При этом контраст на изображении достигает настолько высокого уровня, что могут появиться цветовые аберрации.

Разностные

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

Режимы такие: «Разница», «Исключение», «Вычитание» и «Разделить» .

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

«Исключение» работает так же, как и «Разница» , но уровень контраста получается ниже.

«Вычитание» изменяет и смешивает цвета следующим образом: цвета верхнего слоя вычитаются из цветов верхнего, а на черных участках цвета будут такие же, как на нижнем слое.

«Разделить» , как становится понятно из названия, делит числовые значения оттенков верхнего слоя на числовые значения оттенков нижнего. Цвета при этом могут кардинально меняться.

HSL

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

Режимы в группе: «Цветовой тон», «Насыщенность», «Цветность» и «Яркость» .

«Цветовой тон» придает изображению тон верхнего слоя, а насыщенность и яркость – нижнего.

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

«Цветность» придает итоговой картинке тон и насыщенность накладываемого слоя, я яркость остается такой же, как на подлежащем.

«Яркость» придает изображению яркость нижнего слоя, сохраняя цветовой тон и насыщенность нижнего.

Режимы наложения слоев в Фотошопе позволяют добиться очень интересных результатов в Ваших работах. Обязательно используйте их и удачи в творчестве!

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

Каждый режим наложения основан на сложных математических расчётах, с помощью которых Photoshop вычисляет различия и сходства между содержанием целевого (накладываемого) слоя и слоя под ним (базового). Затем, на основе выбранного режима наложения, программа смешивает эти два слоя определённым способом.
Как вы увидите далее, есть много различных режимов наложения, полезных для абсолютно разных целей. Некоторые режимы используют оттенки и цвета одного слоя, чтобы затемнить другой, в то время как другие являют собой полную противоположность первым.
Некоторые режимы наложения воздействуют на контраст, тогда как другие затрагивают только цветовую информацию.
Далее мы расскажем, как вы можете использовать различные режимы наложения в наилучшем качестве. Мы покажем вам, что делает каждый из них, и как их можно с максимальной выгодой использовать при работе над цифровыми фото.

Использование Режимов наложения

Color (Цветность)

Difference (Разница)

Screen (Экран)

Overlay (Перекрытие)

Режим Multiply (Умножение) берёт цвета на базовом и на накладываемом слоях и умножает их. Этот режим затемняет изображение, но не оказывает никакого эффекта на белый цвет. Он отлично подходит, чтобы, например, сделать более насыщенным небо или текстуру на светлой каменной кладке.

Непрозрачность

Мы использовали дублированный слой с режимом наложения Screen (Экран), но при 100% непрозрачности эффект слишком силён.

После уменьшения непрозрачности примерно до 50%, эффект стал более тонким.

Конечно, прежде чем вы сможете эффективно использовать режимы наложения, вы должны выбрать их! Поэтому, обратите внимание на то, где в Photoshop расположены опции выбора режимов.
Меню Blend Mode (Режим наложения) на панели слоёв, представляет все доступные режимы наложения, разделённые на логически сгруппированные категории. Вы можете выбрать режим наложения из выпадающего меню на панели слоёв, или выбрать его в диалоговом окне New Layer (Новый слой), когда добавляете новый или дублированный слой.
Когда вы выбрали режим наложения, и он всё ещё выделен, вы можете прокручивать режимы, используя клавиши вверх/вниз.

1. Normal (Обычный), Dissolve (Затухание)
Эти режимы оставляют цвета без изменений, и не имеют никакого тонального взаимодействия со слоями ниже. Режим Normal (Обычный) используется в Photoshop по умолчанию.
2. Режимы затемнения
Эти режимы затемняют слои, лежащие ниже. В этой группе белый – нейтральный цвет, поэтому белые области не оказывают никакого эффекта на слои ниже.
3. Режимы осветления
Режимы из этой группы осветляют слои, лежащие ниже. В отличие от группы затемнения, данная группа режимов игнорирует чёрный цвет.
4. Контрастные режимы
Эта группа контрастных режимов осветляет света и затемняет тени на ниже лежащем слое. 50% серый является нейтральным и игнорируется при наложении.
5. Сравнительные режимы
Эти режимы сравнивают цвета на целевом и лежащем ниже слое и вычитают один из другого.
6. Цветовые режимы
Режимы из этой группы имеют дело, прежде всего, с цветами на активном слое и тем, как эти цвета влияют на слои ниже.

Лучшие режимы наложения для фотографов

1. Lighten (Замена светлым) и Darken(Затемнение)

Одно из хороших применений этих режимов заключается в использовании их вместе для создания на изображении эффекта мягкого фокуса. Для этого размойте оба слоя и примените к одному из них режим наложения Darken (Затемнение), а к другому – Lighten (Замена светлым). Для достижения наилучшего результата отрегулируйте непрозрачность каждого слоя.

2. Saturation (Насыщенность)

• Подходит для изолирования области цвета.
• Хорошо работает для ослабления или усиления цветности.

Если вы просто скопируете и вставите в фотографию чёрно-белое изображение рамки и измените режим наложения слоя на

• Используется для осветления тёмных изображений.
• С его помощью можно добавлять креативные рамки.

Режим

На слое, залитом 50% серым цветом, с режимом наложения Overlay (Перекрытие), определённые участки изображения можно закрасить чёрной кистью, чтобы затемнить тёмные тона. Затем, переключившись на белую кисть, вы сможете осветлить средние тона и света. Глубиной эффекта можно управлять, изменяя непрозрачность слоя.

Здесь мы использовали режим

Как обычно, вы можете умерить эффект, просто уменьшив непрозрачность накладываемого слоя. Помните, что режим Screen (Экран) не оказывает никакого эффекта на чёрные области изображения, они остаются такими же, как в оригинале, но вы можете легко увидеть, как режим осветлил средние тона и света на переднем плане.

• Используется для осветления недоэкспонированных фото.
• Добавляет яркость и контрастность к чрезмерно тёмным областям изображения.

Режим

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

• Хорошо подходит для увеличения контраста.
• Удобен для производства тональных и цветовых корректировок.
• Может быть использован для добавления на изображение свечения.

Здесь мы используем сплошной слой-заливку, залитый глубоким цветом сепии. Хотя это, строго говоря, корректирующий слой или слой-заливка, мы всё же можем применять к нему режим наложения.

• Используется для тонирования изображения.
• Может использоваться, чтобы выделить только определённую область фотографии, посредством использования маски слоя.
• Разные цвета могут быть применены через несколько цветных слоёв с отдельной маской для каждого.

Режим

• Режим Multiply (Умножение) хорошо подходит для затемнения слишком светлых участков.
• Используйте его, что усилить как детализацию, так и цветность в светлых областях.

Используя

• Прекрасен для добавления на изображение тонких текстур.
• Может тонко повысить контраст изображения.

Режим наложения

Особенно полезно использовать этот режим для изменения цвета одного объекта на изображении. Используя режим Hue (Цветовой тон) для слоя, заполненного сплошным цветом, вы можете ограничить изменение цвета определённой областью, применив к слою маску.
На тех участках, где накладываемый цвет – оттенок серого, изображение будет обесцвечено. На серых участках базового слоя, режим Hue (Цветовой тон) вообще не будет иметь никакого эффекта.

• Используется главным образом для изменения цвета.
• Полезен для ручного окрашивания чёрно-белых изображений.

Эта статья даст вам общее представление о режимах наложения или смешивания слоев (blending modes). Режимы наложения используют для разных целей, например, чтобы вписать объект в фон, наложить текстуру или тонировать изображение. При использовании режимов наложения слои начинают взаимодействовать друг с другом, также можно изменять непрозрачность и заливку слоя в результате чего получается интересный эффект. Многие просто прогоняют слой по всем режимам в поисках лучшего варианта. Конечно, будет намного удобнее, хоть немного разбираться в этих режимах и понимать для чего нужен каждый из них.

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

1. Основные режимы (Basic)

Обычные (Normal)

Уже из названия этого режима становится понятно, что это обычное состояние слоя. Здесь нет взаимодействия между слоями (активным и нижестоящим). Полностью заменяются пиксели нижестоящего слоя при режиме 100% непрозрачности.

Затухание (Dissolve)

При 100% непрозрачности верхний слой полностью перекрывает нижний, как и в режиме Обычные (Normal) . А при снижении непрозрачности, этот режим в случайном порядке удаляет некоторые пиксели активного слоя, что придает эффект пористости или шума. Например, у нас получился эффект «мела» при значении непрозрачности 70%:

2. Затемняющие режимы (Darken)

Во всей группе Затемняющих режимов, игнорируется белый цвет.

Затемнение (Darken)

Этот режим проявляет только темные оттенки верхнего слоя на нижнем. Его используют для наложения одного слоя на другой. Если вы хотите затемнить, то лучше использовать режим, следующий по списку — Умножение (Multiply) .

Умножение (Multiply)

Это один из самых распространенных режимов. Он накладывает цвета верхнего слоя на цвета нижнего. Цвет становится гуще, от этого изображение темнеет. Этот режим можно применять для восстановления очень светлых фото, путем дублирования основного слоя и установления верхнему слою режима Умножение (Multiply) .

Затемнение основы (Color burn)

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

Линейный затемнитель (Linear burn)

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

Темнее (Darker color)

Здесь видимыми остаются только пиксели, которые темнее пикселей нижнего слоя.

3. Осветляющие режимы (Lighten)

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

Замена светлым (Lighten)

С помощью этого режима получаем противоположное действие режиму Затемнение (Darken) . Проявляет светлые пиксели.

Экран (Screen)

Этот режим производит те же вычисления, как и режим Умножение (Multiply) , но использует при этом инвертированные значения, чтобы проявить конечный результат. Этот режим осветляет изображение. Его можно применять для осветления темных фотографий, путем дублирования и установления верхнему слою этого режима.

Осветление основы (Color dodge)

Похож на режим Экран (Screen) , но черный цвет на верхнем слое не влияет на результат, и другие цвета будут слегка подсвечивать нижние, путем повышения насыщенности и понижения контраста, чтобы подобрать подходящий тон. Хорош для создания сильных эффектов.

Линейный осветлитель (добавить) (Linear Dodge (Add)

Цвета здесь сочетаются путем повышения яркости, светлые цвета заменяются более светлыми. Представляет собой комбинацию режимов Экран (Screen) и Осветление основы (Color Dodge) .

Светлее (Lighter Color)

Видимыми остаются только пиксели, которые светлее пикселей нижнего слоя.

4. Контрастные режимы (Contrast)

Для всех режимов этой группы игнорируемый цвет — 50% серого (за исключением режима Жесткое смещение (Hard Mix) ).

Перекрытие (Overlay)

Этот режим равномерно смешивает цвета обоих слоев, хорошо поддается изменениям прозрачности. Он отсеивает светлые части и умножает темные. При низком уровне прозрачности, он похож на режим Обычные (Normal) , но с более интенсивными цветами. Хорошо подходит для наложения текстуры на изображение.

Мягкий свет (Soft light)

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

Жесткий свет (Hard light)

Похож на предыдущий режим. Почти не используется, так как Мягкий свет (Soft light) более контролируемый. Он будет затемнять изображение, если наверху темное, осветлять, если светлое, и повышать контрастность.

Яркий свет (Vivid Light)

Этот режим затемняет или осветляет цвета изображения в зависимости от того, какие цвета на верхнем слое. Кажется, что изображению добавили различные значения контраста.

Линейный свет (Linear light)

Если верхний слой яркий, то нижний слой будет осветляться, если темный, то затемняться.

Точечный свет (Pin light)

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

Жёсткое смешение (Hard Mix)

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

5. Сравнительные режимы (Comparative)

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

Разница (Difference)

Подходит для создания различных эффектов. Он реверсирует тона и цвета, яркость здесь зависит от разницы пикселей.

Исключение (Exclusion)

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

Вычитание (Subtract)

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

Разделить (Divide)

Похож на предыдущий режим, только с более сильным осветлением.

6. Компонентные режимы (HSL)

Результат зависит от яркости и цвета слоев. Эти режимы обычно используются для тонирования и перекрашивания объектов на изображении.

Цветовой тон (Hue)

Здесь, цвета верхнего слоя смешиваются с насыщенностью и яркостью нижнего слоя. Это дает сильный эффект. Альтернативный режим — это Цветность (Color) .

Насыщенность (Saturation)

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

Цветность (Color)

Здесь используется только яркость нижнего слоя, а цвет и насыщенность идут от верхнего слоя. Подходит для перекрашивания изображения.

Яркость (Luminosity)

От верхнего слоя остается только яркость света, а цвет и насыщенность идут от нижнего слоя. Если не получается этот режим, попробуйте другой из 3-х вышеприведенных.

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

До встречи в следующем уроке!

Два способа вырезать сложный объект в фотошопе.

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

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

Вырезание сложного объекта с помощью параметров наложения слоя

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

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

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

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

Если у вас блокировка слоя не снимается данным способом (замочек не пропадает) и вы не знаете как разблокировать данный слой, ознакомьтесь с уроком «Как разблокировать слой в фотошопе».

2. После разблокировки слоя кликаем по нему правой кнопкой мыши и в открывшемся меню выбираем «Параметры наложения».

Далее, в открывшемся окне, в параметрах «Наложение если» выставляем цвет, который необходимо удалить, в данном случае — синий.

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

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

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

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

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

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

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

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

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

Вырезание сложного объекта с помощью цветовых каналов

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

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

Для демонстрации результата я вырезал объект первым способом (с помощью параметров наложения слоя) и получилось вот такое безобразие.

Теперь давайте вырежем объект с помощью цветовых каналов и посмотрим на разницу.

1. Открываем изображение программой фотошоп, как и в первом случае разблокируем слой с изображением, если он заблокирован.

2. В панели слоев открываем вкладку «Каналы», в которой выбираем канал с нужным цветом, в нашем случае это синий. Для того, чтобы выбрать нужный канал необходимо нажать комбинацию клавишь, указанную справа. В данном случае нам нужен синий канал, поэтому нажимаем «Ctrl + 5».

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

3. Теперь необходимо создать копию выбранного синего канала, с которой мы и будем далее работать. Для этого кликаем правой кнопкой мыши по синему каналу и в появившемся меню выбираем «Создать дубликат канала».

После этого, выбираем (выделяем) для дальнейшей работы данный дубликат, нажав комбинацию клавишь, в данном случае «Ctrl + 6».

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

4. Теперь в верхнем меню выбираем «Изображение» — «Коррекция» — «Уровни».

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

5. В верхнем меню выбираем «Изображение» — «Внешний канал».

В открывшемся окне настроек внешнего канала выбираем наложение — «Линейный затемнитель», выставляем настройки, как на скриншоте ниже и жмем «Ок».

В результате данных действий получаем вот такой результат.

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

Для начала воспользуемся инструментами «Затемнитель» и «Осветлитель», чтобы обработать мелкие деьали объекта.

Берем в левой панели инструментов «Затемнитель» и проходим им все края объектов, особенно зданий, чтобы лучше проявить образ объекта. Потом берем осветлитель и удаляем ненужные элементы, в данном случае темное пятно в верхнем правом углу.

Последним делом берем инструмент «Кисть», устанавливаем черный цвет и закрашиваем ей все элементы вырезаемой области.

В результате должен получиться следующий результат:

7. Теперь, для того чтобы вырезать объект необходимо сделать инвервию слоя. Для этого в верхнем меню выбираем «Изображение» — «Коррекция» — Инверсия».

В результате, объект стал белым, а задний фон черным.

8. Теперь выделяем объект, для этого удерживая «Ctrl» кликаем по копии синего канала левой кнокой мыши, в результате объект должен выделиться курсивной обводкой. Далее переходим во вкладку «Слои», выделяем слой с изображением, кликнув по нему левой кнопкой мыши и накладываем на него маску, кликнув по иконке в нижней части панели слоев.

В результате получаем вырезанный объект.

Таким образом, мы с помощью цветового канала вырезали объект с фона. Данный способ сложнее первого, но позволяет вырезать практически любой сложный объект.

Как установить стиль слоя в photoshop

Всем привет! С вами как обычно Дмитрий Костин и мы продолжаем наши уроки. Но сначала я бы конечно хотел бы поздравить всех мальчиков, юношей и мужчин с нашим праздником — Днем защитника Отечества. Желаю, чтобы в своей семье и других ситуациях вы всегда были защитниками. И несмотря ни на что желаю вам оставаться в трезвом уме и не напиваться, превращая себя в свинью. Ну а теперь вернемся к урокам.

Сейчас у нас идет цикл уроков по слоям. Все помнят? Так вот сегодня у нас будет очень важный урок, благодаря которому мы сможем как-то преобразить изображения на наших слоях, сделать их красивее. И, что самое интересное, я уже про это упоминал про это в предыдущих уроках.

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

1. Откройте изображения в фотошопе, чтобы они были на разных слоях и выберете тот слой, к которому вы хотите применить различные стили. После этого нажмите на миниатюре слоя два раза левой кнопкой мыши. 
2. Теперь у вас открылось окно со стилями слоя. Тут-то и есть где разгуляться. С левой стороны мы видим все стили, которые мы можем применить к данному слою. А справа мы видим свойства текущего стиля. Но будьте внимательны, так как свойства конкретного стиля отображаются только тогда, когда вы его выделите, а не когда вы поставите галочку. 
3. А вот чтобы выбрать конкретный стиль, то надо поставить уже галочку. И когда вы это сделаете, что сразу же заметите изменения на данном изображении в реальном времени. В правой стороне вы можете менять параметры стиля и видеть изменяется итоговое изображение. 
4. Напротив некоторых стилей стоит «+». Это значит, что нажав на него, вы дублируете данный стиль и сможете применить два одинаковых стиля с разными параметрами. Во многих случаях это очень полезная штука.

Обзор стилей

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

• Тиснение — делает ваше изображение немного более выпуклым.
• Выполнить обводку – создает рамку вокруг изображения. 
• Внешнее и внутреннее свечение — ваше изображение источает свет внутри или снаружи.
• Внутренняя тень — тут все понятно. Создается небольшой эффект тени внутри изображения.
• Глянец — изображение становится чуточку темнее и появляется некий эффект глянца
• Наложение цвета — всё изображение покрывается определенный цветом, какой вы сами выберете
• Наложение градиента — аналогично наложению цвета, только вместо цвета изображение покрывается градиентом, т.е. плавным переходом от одного цвета к другому
• Наложение узора — еще один похожий стиль, только здесь вы можете заполнить ваш рисунок не просто цветом, а целой картинкой. Например можете выбрать, чтобы ваше изображение было в виде камней. 
• Наложение тени — стиль говорит сам за себя. Изображение на слое отбрасывает тень.

Пример работы

Давайте откроем два изображения (фон и прозрачную картинку) и поместим их в фотошоп в виде двух слоев (картинки можете взять здесь). А теперь откройте стили слоя одного из них и давайте проделаем следующее:

1. Выберете стиль «Тиснение» и посмотрите как изменилось изображение. При желании можете поиграться с параметрами, например выберете стиль — «Контурное тиснение», глубина — 215%, а размер — 10 пикселей. Не забудьте поставить галочку возле самого стиля. 
2. Теперь выберете стиль «Выполнить обводку». Справа в свойствах поставьте размеру на 2, а положение – «Внутри». Вы заметите, что теперь ваша картинка стала более выделенной. 
3. Выберете стиль «Наложение тени». Здесь в свойствах выставите смещение на 11 пикселей, размах на 32 процента, размер — 8 пикселей. Либо сами поиграйтесь со всеми настройками для достижения результата, который вам будет по нраву. 
4. Ну и давайте еще поставим «Внешнее свечение» для полного комплекта. И в значениях «Размер» и «Размах» всё выставим по 15 единиц. После этого нажмите ОК, чтобы закончить настройку стилей. 

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

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

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

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

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

С уважением, Дмитрий Костин

Источник: https://koskomp.ru/rabota-s-kompyuternyimi-programmami/adobe-photoshop/stili-sloya/

Как работать со слоями в Фотошопе (Photoshop)

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

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

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

Элементы палитры слоёв:

• 1. Фильтры для отбора в списке слоёв по признаку.
• 2. Список для выбора режима наложения слоёв.
• 3. Управление прозрачностью слоя.
• 4. Настройки слоя, позволяющие сохранять цвета либо прозрачность пикселов, закрепляет слой на определённом месте.
• 5. Управление плотностью заливки слоя.
• 6. Список рабочих слоёв. Значок «Глаз» позволяет скрыть либо проявить видимость слоя.
• 7. Пиктограммы:

• 8. Закладки. Здесь можно работать со списком слоёв, либо с цветовыми каналами отдельного слоя.

Что можно делать со слоями?

Слои можно создавать, изменять режим наложения, изменять стили слоёв (сделать обводку слоя либо тень), делать более прозрачными, копировать, дублировать, трансформировать, объединить слои в группу, перетаскивать выше или ниже относительно других слоёв, делать видимыми или скрывать, закреплять слои друг за другом (в таком случае эффекты слоя будут применяться только к прикреплённому слою), объединять ( в этом случае все слои сливаются в одно изображение). Дальше мы рассмотрим всё подробнее.

Еще больше о Photoshop можно узнать на курсе в Fotoshkola.net «Photoshop. Слои и маски».

Как изменить имя слоя?

Любое изображение в Photoshop — это слой. Если вы открыли фото, то его имя и станет именем слоя. Новый слой, по умолчанию, будет назван «слой 0». В каждом последующем слое численная часть имени будет изменяться по возрастанию.

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

Лучше, если имя слоя будет целевым, отражающим задачу, которую данный слой выполняет в вашей работе.

Создать новый слой в Photoshop можно с помощью клавиш Shift+Ctrl+N либо, нажав на пиктограмму в нижней панели палитры слоёв, как описано в таблице выше. Чтобы удалить слой, его нужно выделить (просто подвести курсор и одинарным кликом выбрать слой), затем нажать Delete на клавиатуре или пиктограмму в нижней части палитры слоёв.

Для обработки изображений лучше работать с дубликатом слоя, оставляя исходный слой нетронутым. Если в вашей работе что-то пойдёт не так, вы быстро сможете восстановить изображение из исходного слоя. Создать дубликат слоя можно, нажав Ctrl+J.

Скопировать слой в Photoshop или его участок можно, выделив изображение слоя любым инструментом выделения. Например, «Прямоугольная область»/Rectangle Select Tool. Затем нажать Ctrl+C (копировать) и Ctrl+V (вставить).

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

Если над картинкой создать белый или чёрный слой и изменить режим наложения с «Обычный»/Normal на «Перекрытие»/Overlay, то картинка осветлится/затемнится.

Ещё один пример взаимодействия слоёв — изменение непрозрачности верхнего слоя.

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

Чтобы в Photoshop обвести контур слоя, нужно зайти в «Параметры наложения»/Blending Options (нижняя панель в палитре слоёв).

Там выбрать пункт «Обводка»/Stroke.

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

Так же легко можно создать тень либо свечение вокруг слоя.

Чтобы изменить размер слоя в Photoshop, достаточно установить на него курсор и нажать сочетание клавиш Ctrl+T, тем самым выделив его. Вы увидите рамку с узлами. Перетаскивая эти узлы, можно уменьшать или увеличивать слой. Чтобы не исказить изображение, трансформировать нужно, удерживая клавишу Shift.

После завершения трансформации нажмите Enter. Кроме увеличения и уменьшения, предусмотрены такие трансформации, как «Искажение»/Distort и «Деформация»/Warp. Они позволяют изменить перспективу и форму изображения. Вызвать их можно после нажатия Ctrl+T, кликнув правой клавишей мыши в контекстном меню.

Управление осуществляется путём перемещения узлов сетки.

Слои можно объединить в одно изображение. Чтобы объединить слои в photoshop, необходимо выделить нужные слои на палитре слоёв, удерживая Shift. Затем кликнуть правой клавишей мыши и выбрать в списке «Объединить слои»/Merge Down. Если нужно объединить все слои, то выбираем «Объединить видимые»/Merge Visible.

Корректирующие слои

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

Существует множество методов ретуши и цветокоррекции изображений с помощью корректирующих слоёв. Сразу несколько из этих слоёв могут применяться к одному изображению. Ниже приведён пример наложения корректирующего слоя «Цветовой тон/Насыщенность»/Hue / Saturation.

Чтобы сделать слой невидимым, достаточно нажать на пиктограмму «Глаз» напротив слоя.

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

Чтобы он применялся только к одному, удерживая Alt, щёлкните между корректирующим слоем и слоем с изображением.

На корректирующем слое появится стрелка, указывающая на тот слой, к которому прикреплён корректирующий.

Во избежание путаницы, в списке предусмотрена функция группировки слоёв. Чтобы сгруппировать слои, нужно выделить их в списке, удерживая Shift. Затем нажать сочетание клавиш Ctrl+G. Группу слоёв можно скрывать так же, как обычный слой.

Для этого нажмите на изображение «Глаз» напротив группы слоёв или одного слоя. Группировку слоёв удобно использовать при составлении коллажей. Ниже приведён пример. Дети, стена, фон, дорога, тень — разные изображения, использованные для одного коллажа.

Свет нарисован на отдельных слоях, собранных в одну группу.

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

Действия со слоями и есть принцип работы Photoshop, и чем быстрее вы их освоите, тем легче вам будет работать в программе. Работать со слоями в Photoshop очень просто. Чаще практикуйте полученные знания, и вскоре вы будете удивляться собственным работам.

Еще больше о Photoshop можно узнать на курсе в Fotoshkola.net «Photoshop. Слои и маски».

Источник: https://Prophotos.ru/lessons/19601-kak-rabotat-so-sloyami-v-photoshop

Устанавливаем новые стили в Фотошоп

Всем привет! Мы продолжаем изучать основы работы в программе Фотошоп. Сегодня я подготовил для вас урок на тему Как установить стили в Фотошоп. В прошлых уроках мы уже научились загружать в Фотошоп: градиенты, кисти, текстуры, шрифты и экшены. Если вы ещё не успели посмотреть эти уроки то вот ссылки:

Стиль в Фотошоп — это набор различных эффектов для слоя.

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

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

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

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

Формат расширения файлов стилей — .ASL.

Шаг №1

Открываем наш любимый Фотошоп, идём в главное меню программы, которое находится в самом вверху. Открываем вкладку как показано внизу на скриншоте: Редактирование/Наборы/Управление наборами…

Идём в меню Редактирование/Наборы/Управление наборами

Шаг №2

Появляется окно «Управление наборами», в нём, в выпадающем меню выбираем тип набора «Стили». Чтобы было понятно, где находится выпадающее меню, я указал место его нахождения красной стрелочкой на скриншоте ниже.

Выбираем тип набора «Стили»

Выбрали? Отлично, вот такое окошко должно появиться перед вами.

Теперь нажимаем кнопочку «Загрузить«.

Шаг №3

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

Любуемся результатом, теперь в диалоговом окошке «Управление наборами» в конце набора, вы видите новые стили, которые мы только что загрузили.

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

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

P.S. Понравился урок? Считаете его полезным? Тогда прямо сейчас поделитесь ссылкой на этот урок со своими друзьями в соц. сетях, пусть другие люди тоже получают пользу от этого материала!

Кстати, если вы ещё не ознакомились с моим новым бесплатным видео-курсом «Фотошоп Быстрый Старт», тогда заберите его прямо сейчас по этой ссылке.

Спасибо за внимание, увидимся в следующих уроках!

Как установить стиль слоя в Photoshop

Все файлы стилей слоя имеют расширение его формат всегда ASL. Иконка файла в папке Windows выглядит вот так:

Самый простой способ установки стиля слоя в Photoshop — это открыть папку Windows с файлом стиля слоя и дважды кликнуть по нему. ВСЁ! Стиль слоя установлен, а Photoshop, если он не был открыт, запустится.

Но простой — не значит лучший.

Рекомендуемый способ установки следующий. Идём по вкладке главного меню Photoshop Редактирование —> Наборы —> Управление наборами (в англ. Edit —> Preset —> Preset Manager, в версиях младше CS6 Редактирование —> Управление наборами).

Читать еще:  Стилизация шрифта в Фотошопе

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

Вот в эту папку, как в обычную папку Windows, надо положить файл ASL, а, затем, дважды кликнуть по нему. Окно папки закроется, а новый набор стилей появиться на панели стилей. Панель стилей открывается через вкладку главного меню Окно —> Стили (Window —> Styles).

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

Вот в эту папку, как в обычную папку Windows, надо положить файл ASL, а, затем, дважды кликнуть по нему. Окно папки закроется, а новый набор стилей появиться на панели стилей. Панель стилей открывается через вкладку главного меню Окно —> Стили (Window —> Styles).

Кроме того, файл ASL Вы можете положить в папку C:Program FilesAdobeAdobe Photoshop CC 2014PresetsStyles. Для примера, я положил в эту папку свой файл Карбон rugraphics.ru.asl, скачать который Вы можете здесь.

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

Кроме того, файл ASL Вы можете положить в папку C:Program FilesAdobeAdobe Photoshop CC 2014PresetsStyles. Для примера, я положил в эту папку свой файл Карбон rugraphics.ru.asl, скачать который Вы можете здесь.

1. Необходимо перезапустить Photoshop.
2. После перезапуска открываем панель стилей, нажимаем на кнопку в правом верхнем углу, наш файл будет в списке:
3. Осталось лишь кликнуть по строке с названием файла и набор появится в панели.

Перенос стилей

• На этой странице
• 在中国购买的 Creative Cloud 产品不含 CC 桌面应用程序中的 Creative Cloud 移动应用程序和在线服务及相关功能。

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

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

Коллекции пользовательских стилей, а также некоторые стили Photoshop можно переносить из одной версии Photoshop в другую на этом же компьютере. Процесс аналогичен переносу стилей в Photoshop CS6. Если вы переносили стили в Photoshop CS6, ниже представлены некоторые изменения в автоматизированной функции переноса стилей.

Также можно переносить пользовательские стили на другие компьютеры, используя функцию экспорта/импорта стилей. Экспорт/импорт стилей не ограничен компьютерами с приложениями Creative Cloud.

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

Перенос настроек из более ранней версий при установке Photoshop CC

Во время установки Photoshop CC Creative Cloud по умолчанию переносит стили и пользовательские настройки из более ранних версий.

Чтобы не переносить наборы настроек и установки, снимите флажок «Дополнительные параметры» > «Импортировать настройки и установки предыдущей версии» в диалоговом окне подтверждения, которое появляется после нажатия кнопку Обновить в приложении Creative Cloud для настольных компьютеров.

Если вы решили не переносить свои настройки при установке Photoshop CC или если вы переходите на Photoshop CC с более ранней версии Photoshop, то можете выбрать «Редактирование» > «Наборы» > «Перенести наборы» , чтобы в любое время выполнить перенос наборов настроек и установок.

Читать еще:  Функция автозамены в Microsoft Excel

Основной файл установок не переносится при выборе команды меню Перенести наборы .

Перенос стилей и настроек после установки

Можно переносить стили и некоторые настройки из Photoshop CS6 в Photoshop CC или копировать их на другой компьютер. Параметры стилей доступны при первом запуске Photoshop CC и в дальнейшем в меню «Редактирование» > «Стили из Photoshop».

При первом запуске Photoshop появляется «Управление наборами». Здесь предлагается перенести все стили, перечисленные ниже, из Photoshop CS6 (или самой поздней установленной версии Photoshop).

Внесены некоторые изменения по сравнению с процедурой переноса в Photoshop CS6:

• Диалоговое окно переноса стилей, которое отображается при первом запуске Photoshop CC, больше не появляется после сброса установок с помощью клавиш Shift + Ctrl + Alt (Windows) или Shift + Opt + Cmd (Mac OS). Для переноса после первого запуска выберите «Редактирование» > «Стили» > «Перенести стили».
• Перезапуск Photoshop после переноса стилей больше не требуется.
• Стили переносятся из последней версии, установленной до Photoshop CC, вплоть до Photoshop CS3. Для переноса из нескольких версий Photoshop выполняйте перенос стилей по одной версии за раз.

Можно перенести следующие стили:

• Операции
• Черно-белый (коррекция)
• Кисти
• Микширование каналов (коррекция)
• Цветовой диапазон
• Образцы цветов
• Контуры
• Кривые (коррекция)
• Заказные фигуры
• Дуплексы (моно, дуо, три, квад)
• Экспозиция (коррекция)
• Градиенты
• Тонирование HDR (коррекция)
• Цветовой тон и насыщенность (коррекция)
• Комбинации клавиш
• Уровни (коррекция)
• Эффекты освещения
• Свет (3D)
• Материалы (3D)
• Настройка меню
• Узоры
• Настройки рендеринга (3D)
• Штамповка (3D)
• Выборочная коррекция цвета (коррекция)
• Стили
• Инструменты
• Тома (3D)

Можно перенести следующие настройки:

• Actions Palette.psp
• Brushes.psp
• Contours.psp
• CustomShapes.psp
• Default Type Styles.psp
• Gradients.psp
• Patterns.psp
• Styles.psp
• Swatches.psp
• ToolPresets.psp

Экспорт и импорт стиля

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

На компьютере, который содержит стили, которые необходимо перенести:

1. Откройте Photoshop.
2. Выберите «Редактирование» > «Стили» > «Экспорт/импорт стилей».
3. Выберите «Экспорт стилей».
4. Выберите стили, которые необходимо перенести.
5. Нажмите «Экспорт стилей».
6. Выберите папку для экспорта стилей. Выберите папку, которую можно использовать для передачи файлов с помощью накопителя USB, по сети или через онлайн-хранилище.
7. На компьютере, куда необходимо импортировать настройки, выберите «Редактирование» > «Стили» > «Экспорт/импорт стилей из Photoshop».
8. Выберите папку импорта и стили, которые необходимо импортировать.

Можно вручную импортировать установки из Photoshop CS6 в Photoshop CC с помощью команды «Экспорт/импорт стилей»:

1. Выберите «Редактирование» > «Стили» > «Экспорт/импорт стилей».
2. Выберите «Импорт стилей».
3. Выберите стили, которые необходимо импортировать, и нажмите «Добавить все».
4. Если вы сохранили стили в папку, отличную от папки по умолчанию, выберите «Выбрать папку импорта» и укажите соответствующую папку.
5. Нажмите «Импорт стилей».

Источник: https://ewaline.su/yandeks-brauzer/ustanavlivaem-novye-stili-v-fotoshop.html

Стили фотошопа: стили слоя волшебство эффектов

/ Сергей Нуйкин / Теория по фотошопу

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

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

Ну что же приступим друзья!

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

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

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

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

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

1. Скопировать со слоя, у которого есть эффекты при помощи всплывающего меню. Для этого выделим слой со стилем, кликнуть правой кнопкой мыши и в выпавшем меню выбрать скопировать стиль слоя. Далее необходимо выбрать слой, куда мы хотим его скопировать и также вызвать всплывающее меню и нажать вклеить стиль слоя.
2. Копирование через меню слои. Первым делом, как и в предыдущем способе, выделим слой со стилем, после чего идем слой > стиль слоя > скопировать стиль слоя. Выделим слой, к которому нам необходимо применить стиль слоя, затем выберите меню слой > стиль слоя > вклеить стиль слоя.
3. Копируем методом перетаскивания. Для этого нам нужно с зажатой клавишей ALT перетащить эффекты с одного слоя, где они есть на другой.

Первый вариант копирования и вклеивания стиля слоя

1. Второй вариан копирования и вклеивания стиля слоя
3. Преобразовать в отдельный слой.

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

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

О том, как работать со слоями вы можете прочитать в статье слои в фотошопе.

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

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

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

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

В окне стилей можно создать следующие эффекты:

• Параметры наложения – основные параметры наложения стиля слоя.
• Тень — добавляет тень, от слоя.
• Внутренняя тень — добавляет тень внутри объекта изображенного на слое тем самым можно добиться эффекта вдавливания.
• Внешнее свечение — добавляет свечение снаружи объекта слоя.
•  Внутреннее свечение — добавляет свечение внутри объекта слоя.
• Тиснение – за счет различных освещенностей и затемнений придает объекту на слое тиснение, делает его объемным. Контур — добавляет контур. Текстура – добавляет текстуру тиснению.
• Глянец — добавляет внутреннее затемнение, тем самым придавая глянцевый эффект.
• Наложение цвета — накладывает однотонный цвет на слой.
•  Наложение градиента — накладывает градиент на слой.
•  Наложение  узора — заполняет слой узором.
• Обводка – добавляет обводку к слою (градиентную, цветом, узором).

Удаление стиля слоя.

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

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

Загрузить стили слоя можно в окне стили.

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

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

Источник: https://fotodizart.ru/stili-fotoshopa-stili-sloya-volshebstvo-effektov.html

Как использовать стили в Фотошопе

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

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

• На нашем сайте Вы всегда можете скачать прекрасные стили для Фотошопа.

Откройте в Фотошопе какую нибудь интересную картинку.

Выберите инструмент «Текст» и напишите всё, что пожелаете (желательно черным цветом). Справа мы видим палитру «Стили». У Вас её нет? Кликните «Окно» и поставьте галочку напротив «Стили».

Теперь, если Вы кликните на любой из стилей, ваш текст чудесным образом преобразуется. Обратите внимание, что в палитре «Слои» должен быть активен слой с текстом.

Применять стиль в Фотошопе можно не только к тексту, но и к фигурам. Добавьте какие-нибудь фигуры в виде отдельного слоя.

И далее перенесите стиль слоя с текста на фигуры. Для этого кликните правой кнопкой мыши по слою с текстом, там выберите «Скопировать стиль слоя», а на слое с фигурами выберите «Вклеить стиль слоя».

Желаю Вам удачи и творческих успехов.

Также интересное по теме:

Как сделать градиент в Фотошопе

Как установить экшен в Фотошоп

Источник: http://photoshop-orange.org/stati-o-fotoshop/kak-ispolzovat-stili-v-fotoshope.html

Установка и использование стилей в Photoshop

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

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

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

Расскажем и покажем общие принципы

Применение стилей

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

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

Как применить выбранный стиль

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

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

С правой стороны от основного экрана Adobe Photoshop cs6 должна быть расположена палитра стилистических эффектов. Если её нет, значит, следует её отобразить. Проделать это совершенно несложно, достаточно в верхней панели кликнуть по параметру «Окно», а затем установить возле пункта «Стили» галочку. После этого палитра стилистических эффектов отобразиться с правой стороны основного окна.

В приложении уже есть предустановленные наборы

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

Фотошоп позволяет не только применять стилевые эффекты, но и по сути их «копировать».

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

Можно обмениваться стилями между слоями либо полностью удалять

Установка новых стилистических разновидностей

Графический дизайнер инсталлирует Adobe Photoshop cs6 единожды, когда только начинает работать в этой программе.

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

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

Правила установки закачанных наборов

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

• Теперь, когда все готово к процессу установки стилей, следует запустить Adobe Photoshop, ознакомиться с дальнейшими рекомендациями, как установить стили в Фотошоп.
• Впрочем, все последующие действия не сопровождаются сложностями, поэтому даже новичку несложно будет разобраться, как добавить стили в Фотошоп cs6.
• Первоначально следует найти в верхней части параметр «Редактирование», кликнуть по нему, а затем перейти в пункт «Наборы», а затем в подпункт «Управление наборами».

Выбираем скачанный ранее файл с набором

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

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

В примере использованы стили в виде морской воды

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

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

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

Если встретится более интересное предложение в интернете, его можно будет вновь закачать, добавить в Adobe Photoshop, начать пользоваться в практической деятельности.

Источник: https://nastroyvse.ru/programs/review/ustanovka-i-rabota-so-stilyami-v-fotoshope.html

Adobe Photoshop CS6 — тест 37

Какие из графических форматов слои не поддерживают?

&nbsp(1) PSD&nbsp

&nbsp(2) TIF&nbsp

&nbsp(3) GIF&nbsp

&nbsp(4) JPG&nbsp

Непрозрачность какого слоя уменьшена на 50%?
  

&nbsp(1) верхнего (с мужчиной)&nbsp

&nbsp(2) нижнего (с женщиной)&nbsp

&nbsp(3) фонового слоя&nbsp

&nbsp(4) всех слоев&nbsp

Выберите наиболее верное определение термина "Слои"?

&nbsp(1) Слои — представляют собой отдельные фрагменты из общей картины изображения, как бы нарисованные на кусках бумаги и наложенные одно поверх другого стопкой&nbsp

&nbsp(2) Слои — представляют собой отдельные фрагменты из общей картины изображения, как бы нарисованные на кусках картона и наложенные одно поверх другого стопкой&nbsp

&nbsp(3) Слои — представляют собой отдельные фрагменты из общей картины изображения, как бы нарисованные на кусках прозрачной пленки и наложенные одно поверх другого стопкой&nbsp

&nbsp(4) Слои — представляют собой отдельные фрагменты из общей картины изображения, как бы нарисованные на кусках прозрачных стекол и наложенные одно поверх другого стопкой&nbsp

&nbsp(5) Слои — представляют собой отдельные фрагменты из общей картины изображения, как бы нарисованные на кусках фанеры и наложенные одно поверх другого стопкой&nbsp

Сколько слоев создает программа после запуска Photoshop и выполнения команды Файл-Создать?

&nbsp(1) один&nbsp

&nbsp(2) два&nbsp

&nbsp(3) три&nbsp

&nbsp(4) четыре&nbsp

Какой из двух слоев на изображении ниже является прозрачным?
  

&nbsp(1) фон&nbsp

&nbsp(2) слой 1&nbsp

&nbsp(3) оба слоя&nbsp

&nbsp(4) ни один из двух слоев не является прозрачным&nbsp

На палитре Слои укажите кнопку с названием Создать новый слой?
  

&nbsp(1) один&nbsp

&nbsp(2) два&nbsp

&nbsp(3) три&nbsp

&nbsp(4) четыре&nbsp

Какая из фигур на картинке расположена в верхнем слое?
  

&nbsp(1) круг&nbsp

&nbsp(2) квадрат&nbsp

&nbsp(3) звезда&nbsp

&nbsp(4) фон&nbsp

Что необходимо, для изменения порядка следования слоев в стопке? 

&nbsp(1) для этого нужно захватить слой (установить на него курсор, нажать и удерживать правую кнопку мыши), перетащить его к новому месту расположения и отпустить кнопку мыши&nbsp

&nbsp(2) для этого нужно захватить слой (установить на него курсор, нажать и удерживать клавишу Shift), перетащить его к новому месту расположения и отпустить клавишу&nbsp

&nbsp(3) для этого нужно захватить слой (установить на него курсор, нажать и удерживать левую кнопку мыши), перетащить его к новому месту расположения и отпустить кнопку мыши&nbsp

&nbsp(4) для этого нужно захватить слой (установить на него курсор, нажать и удерживать клавишу Alt), перетащить его к новому месту расположения и отпустить клавишу&nbsp

Сколько слоев в таком изображении, если слои не сведены?
  

&nbsp(1) один&nbsp

&nbsp(2) два&nbsp

&nbsp(3) три&nbsp

&nbsp(4) четыре&nbsp

Назовите все слои, существующие на рис. ниже?
  

&nbsp(1) Трава, Орел, Олени&nbsp

&nbsp(2) Деревья, Олени, Орел&nbsp

&nbsp(3) Небо, Орел, Олень, Олененок, Деревья, Трава, Туман&nbsp

&nbsp(4) Орел, олень, олененок, фон&nbsp

Какой режим наложения слоев применен на фото справа?
  

&nbsp(1) Линейный свет&nbsp

&nbsp(2) Вычитание&nbsp

&nbsp(3) Линейный затемнитель&nbsp

&nbsp(4) Умножение&nbsp

&nbsp(5) Жесткое смешение&nbsp

Из каких компонент состоит цветовая палитра HSB?
  

&nbsp(1) Hue — контрастность, Saturation — насыщенность (чистотой цвета), Brightness — яркость (значение цвета)&nbsp

&nbsp(2) Hue — глубина цвета, Saturation — насыщенность (чистотой цвета), Brightness — яркость (значение цвета)&nbsp

&nbsp(3) Hue — качество цветопередачи, Saturation — насыщенность (чистотой цвета), Brightness — яркость (значение цвета)&nbsp

&nbsp(4) Hue — цветовой тон, Saturation — насыщенность (чистотой цвета), Brightness — яркость (значение цвета)&nbsp

Посмотрите на палитру Слои и определите, какая команда была выполнена?
  

&nbsp(1) Слои-Новый-Слой&nbsp

&nbsp(2) Слои-Новый-Скопировать на новый слой&nbsp

&nbsp(3) Слои-Создать дубликат слоя&nbsp

&nbsp(4) Слои-Новый-Слой из заднего плана&nbsp

Какой слой отключен (не видим)?
  

&nbsp(1) фон копия&nbsp

&nbsp(2) слой 1&nbsp

&nbsp(3) фон&nbsp

&nbsp(4) все слои&nbsp

Если сложить длину и ширину изображения, то какая должна быть ширина рамки для такого изображения?

&nbsp(1) 5% от суммы длины и ширины&nbsp

&nbsp(2) 10% от суммы длины и ширины&nbsp

&nbsp(3) 15% от суммы длины и ширины&nbsp

&nbsp(4) 20% от суммы длины и ширины&nbsp

О чем говорит "клетчатая клеенка" на изображении ниже?
  

&nbsp(1) фон отсутствует&nbsp

&nbsp(2) фон прозрачен&nbsp

&nbsp(3) фон залит узором «Шахматная клетка»&nbsp

&nbsp(4) рамка для фотографии создана&nbsp

Какой стиль слоя применен для создания такой фоторамки?
  

&nbsp(1) Чеканка с небом&nbsp

&nbsp(2) Хромированный атлас&nbsp

&nbsp(3) Голубое стекло&nbsp

&nbsp(4) Небо на закате&nbsp

Какой режим смешения слоев используется при рисовании капли?
  

&nbsp(1) Линейный осветлитель&nbsp

&nbsp(2) Перекрытие&nbsp

&nbsp(3) Мягкий свет&nbsp

&nbsp(4) Цветовой тон&nbsp

Каким фильтром изменена форма капли?
  

&nbsp(1) Искажение&nbsp

&nbsp(2) Стилизация&nbsp

&nbsp(3) Рендеринг&nbsp

&nbsp(4) Пластика&nbsp

В чем назначение маски в Photoshop?

&nbsp(1) маска скрывает слой или несколько слоев&nbsp

&nbsp(2) защита от изменений некоторых частей изображения&nbsp

&nbsp(3) маска — важный инструмент ретуши, так как служит для скрытия дефектов изображения&nbsp

&nbsp(4) маска открывает слой для редактирования&nbsp

Что такое и для чего применяются стили слоя?

&nbsp(1) стиль слоя меняет вид слоя&nbsp

&nbsp(2) стиль слоя — это совокупность эффектов, которые применяются к содержимому слоя или группе слоёв&nbsp

&nbsp(3) стиль слоя меняет содержание слоя&nbsp

&nbsp(4) стиль слоя меняет атрибуты слоя&nbsp

Как удалить применённый к слою стиль?

&nbsp(1) для того что бы удалить применённый к слою стиль, необходимо нажать правой клавишей мыши по слою и в выпадающем списке выбрать пункт «Очистить стиль слоя»&nbsp

&nbsp(2) для того что бы удалить применённый к слою стиль, необходимо левой клавишей мыши перетащить значок «FX» на значок «Корзина» в нижнем правом углу палитры слоёв&nbsp

&nbsp(3) для того что бы удалить применённый к слою стиль, необходимо нажать левой клавишей мыши по слою и в выпадающем списке выбрать пункт «Очистить стиль слоя»&nbsp

&nbsp(4) для того что бы удалить применённый к слою стиль, необходимо правой клавишей мыши перетащить значок «FX» на значок «Корзина» в нижнем правом углу палитры слоёв&nbsp

Каким образом изображение приобрело такой вид?
  

&nbsp(1) произведена заливка изображения узором&nbsp

&nbsp(2) произведена градиентная заливка изображения&nbsp

&nbsp(3) к изображению добавлена векторная маска&nbsp

&nbsp(4) непрозрачность изображения уменьшена&nbsp

Для чего чаще всего используют маски слоев?

&nbsp(1) для ретуши изображений&nbsp

&nbsp(2) для веб-дизайна&nbsp

&nbsp(3) использование масок слоев дает возможность быстро создавать коллажи и фотомонтажи&nbsp

&nbsp(4) для типографики&nbsp

Какие инструменты можно использовать на маске слоя?

&nbsp(1) все инструменты Photoshop&nbsp

&nbsp(2) только инструмент Кисть и Градиент&nbsp

&nbsp(3) только фильтры&nbsp

&nbsp(4) на маске слоя можно также рисовать любыми инструментами рисования, применять фильтры, использовать выделенные области и работать с маской как с обычным изображением в градациях серого, создавая маски любой сложности&nbsp

Как наложить две фотографии в фотошопе? — Информация

Примечание: Многие пользователи Mac также сталкиваются с поврежденными файлами PSD. Если вы один из них и не знаете, как исправить поврежденный файл PSD на Mac, щелкните по указанной ссылке.

шагов для наложения двух фотографий в Photoshop

Шаг 1: Сначала откройте Adobe Photoshop, а затем запустите диалоговое окно Открыть изображение (для этого нажмите и удерживайте клавиши Ctrl и O ).Щелкните фотографию, которую вы хотите использовать, и щелкните вторую фотографию, удерживая Ctrl , которую вы хотите открыть. Нажмите кнопку Open в правом нижнем углу клавиши окна Open .

Шаг 2: Создайте новый слой для вашего изображения, одновременно нажав клавиши Ctrl и J . В палитре слоев появится новый слой, обозначенный как Layer 1 . Теперь щелкните Image в верхнем меню навигации и щелкните Apply Image… в раскрывающемся меню.

Шаг 3: Теперь перейдите в раскрывающееся меню Source и выберите второе изображение, которое необходимо перекрыть. В раскрывающемся меню Blending нажмите Overlay , чтобы использовать эффект наложения. Вы можете выбрать любые эффекты смешивания, просто прокрутив меню Blending . После этого просмотрите эффекты на изображении в рабочем пространстве Photoshop и нажмите OK , чтобы сохранить изменения.

Шаг 4: Перейдите к файлу в верхнем меню навигации и выберите Сохранить как. .. и введите overlayed_file в поле Имя файла .

Шаг 5: Затем просто щелкните раскрывающееся меню Формат и выберите JPEG или любой формат файла, чтобы сохранить файл в более распространенном графическом формате. Нажмите кнопку Сохранить .

ПРИМЕЧАНИЕ: убедитесь, что оба изображения имеют одинаковый размер

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

Лучший способ исправить поврежденный файл PSD В таком случае используйте приложение Remo Repair PSD. интегрирован с эффективным алгоритмом восстановления. Remo — это профессионально предлагаемый инструмент для восстановления файлов Photoshop. Загрузите инструмент сейчас.

Часто бывает, что файлы фотошопа недоступны. Это происходит, когда файлы PSD повреждены. Вы можете столкнуться с сообщением об ошибке «Рабочий диск заполнен».Во время работы с файлами PSD рекомендуется делать резервные копии. В случае, если вы получите поврежденный или поврежденный файл PSD, рекомендуется использовать инструмент восстановления Remo PSD.

Сообщите нам, если у вас есть какие-либо вопросы, связанные с информацией, опубликованной в этой статье в разделе комментариев ниже.

Как использовать наложение теней в Adobe Photoshop CC

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

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

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

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

Найди наложения теней

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

Подготовка файла

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

Самый простой способ — использовать файлы из Интернета. Когда вы нажимаете кнопку загрузки, у вас может быть выбор JPG или вектора. Любой из них позволит вам сохранить изображение как файл PNG.Если у вас нет приложения для редактирования векторной графики, такого как Adobe Illustrator, выберите файл JPG и затем преобразуйте его в PNG.

Чуть более продвинутая техника — использовать режимы наложения на теневом слое, чтобы изменить глубину тени и способ ее взаимодействия со слоями ниже. Используйте это руководство, чтобы узнать больше о режимах наложения в Photoshop. (Вы можете получить поразительные результаты, которых иначе и не ожидали бы.)

Добавление и изменение слоев теней в Photoshop

Чтобы добавить тень к изображению, например к снимку продукта, показанному здесь, мы открываем базовое изображение в Photoshop.

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

На этом этапе вы можете изменять размер, растягивать, располагать и настраивать по своему усмотрению. (Вы можете сделать это и позже.)

Теперь измените режим наложения, чтобы применить желаемый эффект. Для большинства на белом фоне тень будет серой. Мы хотим использовать Multiply в качестве отправной точки.Белый цвет исчезнет, ​​а тень станет прозрачной.

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

Реализм против сюрреализма

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

Для этого обратитесь к этому руководству по использованию масок слоя. Отрегулируйте с помощью мягкой кисти и поиграйте с непрозрачностью кисти и самого слоя. Чем мягче тень, тем легче будет сделать ее более реалистичной.

Как сделать свой собственный

Если вы имеете в виду что-то конкретное, вы можете создавать свои собственные тени.Работая с уже изолированным объектом, вы можете создать выделение. Используйте это руководство для получения дополнительной информации о выборе.

Создайте новый слой, нажав Command + Shift + N или нажав кнопку New Layer в окне «Слои». Перейдите к Select> Modify> Feather и выберите значение Radius , соответствующее разрешению вашего изображения. Большее число = более расплывчатое (более размытое).

Залейте выделение — на новом слое — черным или серым.Вы можете изменить прозрачность позже; черный облегчит просмотр.

Затем перенесите этот слой в базовое изображение и используйте описанные выше процессы, чтобы отрегулировать и расположить его вместе с его непрозрачностью и режимом наложения.

Изображение на обложке: базовое изображение через Вадима Андрущенко; оконная тень через павлеп; тень растений через Ламьяи.

Дополнительные инструкции и советы по дизайну можно найти в следующих статьях:

Стили слоев Photoshop: подробное руководство

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

Это то, что мы обсудим:

1. Что такое стиль слоя?
2. Применение стилей слоя
3. Диалоговое окно стиля слоя
4. Drop Shadow
5. Внутренняя тень
6. Внешнее свечение
7. Внутреннее свечение
8. Фаска и тиснение (контур / текстура)
9. Атлас
10. Наложение цвета
11. Наложение градиента
12. Наложение узора
13. Ход
14. Несколько советов по типу слоев

Что такое стиль слоя?

Стиль слоя — это просто один или несколько эффектов слоя и параметров наложения, применяемых к слою.Эффекты слоя — это такие вещи, как тени, обводка и наложения цвета.

Вот пример слоя с тремя эффектами слоя (Drop Shadow, Inner Glow и Stroke).

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

Аналогичным образом можно отключить видимость каждого эффекта слоя. В следующем примере эффект слоя Drop Shadow был отключен.

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

Применение стилей слоя

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

Щелчок правой кнопкой мыши на слое

Щелкнув правой кнопкой мыши на слое, вы можете выбрать Blending Options , чтобы открыть диалоговое окно Layer Style.

Двойной щелчок по слою

Дважды щелкнув миниатюру слоя на панели «Слои», можно открыть окно «Стиль слоя».

Меню панели приложений

Как и большинство вещей в Photoshop, вы можете получить доступ к диалоговому окну Layer Style через меню Application Bar, выбрав Layer> Layer Style. Вы можете найти каждый отдельный эффект слоя (Drop Shadow, Inner Shadow и т. Д.), А также возможность открыть диалоговое окно Layer Style (Параметры наложения).

Использование предустановленных стилей слоя с помощью панели стилей

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

Чтобы просмотреть панель стилей, выберите «Окно»> «Стили».

Диалоговое окно стиля слоя

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

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

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

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

Давайте рассмотрим каждый из различных эффектов слоя, начиная с эффекта слоя Drop Shadow.

Эффект слоя падающей тени

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

Режим наложения позволяет смешивать тень с фоном различными способами (умножение, наложение и т. Д.).

Уменьшите непрозрачность до , чтобы увеличить прозрачность тени.

Параметр Angle вашей тени будет влиять на направление ее падения, если для Distance установлено значение 1 пиксель или выше. Если для параметра Distance установлено значение 0, тень будет равномерно распространяться по содержимому слоя.

Spread позволяет сделать тень более толстой / плотной.

Размер определяет размер тени с каждой стороны объекта.

Изменение набора параметров Качество позволяет вам добавить шум к вашей тени и изменить контуры вашей тени.

Drop Shadow, пример 1

На этом конкретном изображении направление тени не имеет значения, потому что я установил для параметра «Расстояние» значение 0, что означает, что тень находится по центру. Это можно использовать для выделения изображений из фона и особенно хорошо работает на светлом фоне (например, белом или светло-сером).

Drop Shadow, пример 2

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

Эффект слоя внутренней тени

Эффект Inner Shadow очень похож на Drop Shadow. Фактически, это просто обратное, поскольку оно применяется внутри объекта, а не снаружи.

Все параметры такие же, как и в Drop Shadow. Однако вы можете заметить, что Spread был заменен на Choke — чем выше значение Choke, тем толще тень.

Пример внутренней тени 1

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

Внутренняя тень, пример 2

Inner Shadow также можно использовать для добавления к изображениям легкого старинного эффекта путем увеличения параметра «Шум» и использования большого значения «Размер». Используя такой простой стиль, вы можете сделать так, чтобы ваше изображение выглядело с потемневшими, затемненными краями и углами.

Внутренняя тень, пример 3

Этот стиль слоя демонстрирует обычный текстовый эффект: эффект высокой печати. Настройки очень похожи на первый пример Inner Shadow, однако у него есть Distance 2, так что опция Angle дает эффект.

Эффект внешнего свечения

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

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

Вариант свечения, который недоступен для теней, — это вариант Technique , который может быть Softer или Precise .

Softer делает край свечения более мягким и тонким, а Precise делает свечение сильнее и ярче.

Параметр Range вашего свечения позволяет вам изменять его толщину — чем меньше число, тем толще. Например, установка этого параметра на 1% фактически сделает ваше свечение похожим на обводку, а не на свечение.

Пример внешнего свечения

Вот синее внешнее свечение.

Эффект внутреннего свечения

Подобно Drop Shadow и Inner Shadow, Inner Glow и Outer Glow похожи, они просто противоположны друг другу.

Все опции такие же, как Outer Glow, с одной дополнительной опцией: Source . Источник позволяет создавать свечение от края (настройка по умолчанию) или центра.

Внутреннее свечение, пример 1

Это пример свечения края, которое работает так же, как внутренняя тень.

Внутреннее свечение, пример 2

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

Эффект слоя скоса и тиснения

Функция Bevel and Emboss придает объекту приподнятый (Bevel) или вдавленный (Emboss) вид. У эффекта есть два дополнительных эффекта: Контур и Текстура.

Contour позволяет сделать фаску / тиснение резче или мягче.

Текстура дает вам возможность добавить узор к вашему объекту.

Есть несколько различных настроек, когда дело доходит до использования эффекта Bevel and Emboss.Чем выше Depth , тем острее структура. Чем выше Size , тем более центральным будет ваш скос / тиснение. Набор опций Shading позволяет увеличить непрозрачность как светлых участков, так и затенения, а также позволяет изменять угол (источник света).

Пример 1 со скосом и тиснением

Этот пример демонстрирует преувеличенный эффект; Поскольку глубина очень велика (1000%), а настройки размера и смягчения очень низкие, наш скос очень заметен.

Пример 2 со скосом и тиснением

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

Пример 3 со скосом и тиснением

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

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

Сатиновый слой с эффектом

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

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

Атлас Пример 1

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

Атлас Пример 2

В этом примере настройки почти такие же, как и в предыдущем; единственная разница в том, что я увеличил значение размера. Как вы, наверное, заметили, увеличение параметра «Размер» создает эффект размытия.

Эффект слоя наложения цвета

Color Overlay — это невероятно простой стиль слоя, позволяющий полностью покрыть содержимое слоя цветом.

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

Пример цветного наложения 1

Это настройки по умолчанию, которые будут предоставлены вам при применении эффекта слоя «Наложение цвета».

Пример 2 наложения цвета

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

Пример цветного наложения 3

При использовании сплошного черного цвета вместе с режимом наложения Overlay и непрозрачностью 100% можно полностью удалить некоторые цвета в изображении. Это может быть полезно для отделения субъектов от их фона.

Эффект слоя наложения градиента

Gradient Overlay делает то же самое, что и Color Overlay, за исключением того, что он накладывает на ваши объекты цветовой градиент, а не цвет.

Стиль градиента может быть линейным, радиальным, угловым, отраженным или ромбовидным.

Масштаб градиента делает его меньше или больше по отношению к размеру объектов вашего слоя.

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

При нажатии на параметр «Градиент» открывается редактор Gradient Editor , в котором вы можете установить цвета и тип градиента.

Пример 1 наложения градиента

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

Пример 2 наложения градиента

Этот эффект снова использует все настройки по умолчанию, за исключением того, что для стиля градиента было установлено значение «Радиальный», а не значение по умолчанию (которое является линейным).

Эффект слоя наложения узора

Как и другие эффекты наложения, Pattern Overlay работает почти так же. На самом деле это очень похоже на настройку текстуры, которую мы использовали для эффекта Bevel and Emboss.

Вы можете выбрать один из различных встроенных шаблонов Photoshop или создать / установить свой собственный.

Пример наложения паттерна 1

Это настройка по умолчанию для стиля наложения узора.

Пример наложения паттерна 2

Используя параметр «Масштаб», вы можете увеличивать или уменьшать разрешение вашего рисунка.

Пример наложения паттерна 3

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

Эффект слоя обводки

Это последний эффект слоя, о котором мы поговорим. Эффект обводки просто помещает границу вокруг вашего объекта.

Параметры аналогичны тем, которые мы обсуждали ранее, и не требуют пояснений (по крайней мере, на данный момент). Параметр Position , который указывает, где вы хотите сделать штрих, может быть внутренним, внешним или центральным.Размер вашего штриха определяет его толщину — вы можете настроить его в пикселях. По умолчанию это 3 пикселя, но наиболее распространенным является, вероятно, 1 пиксель.

Заливка типа позволяет заполнять обводку различными элементами; вы можете выбрать однотонный цвет, цветовой градиент или даже узор. Тип заливки по умолчанию — Цвет.

Пример хода 1

Эти настройки являются настройками по умолчанию, добавляя простую и относительно толстую обводку ко всему на слое, к которому вы ее применяете.

Пример хода 2

Как видно на изображении ниже, гораздо более тонкая обводка на основе градиента выглядит интересной. Градиент сливается из цвета, немного более темного, чем сама буква, в тот же цвет, что и буква, создавая впечатление, что у верхней части буквы вообще нет обводки.

Советы по стилям слоев

Вот несколько основных советов по работе со стилями слоя.

Область применения

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

Копирование, вставка и удаление стилей слоя

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

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

Не злоупотребляйте стилями слоев

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

Эксперимент

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

Осторожно: в Photoshop CC 2019

Остерегайтесь обновления Photoshop CC 2019! Не обошлось без ошибок. Когда повседневные инструменты ведут себя не так, как должны, мы должны уделять им очень пристальное внимание!

С последним обновлением, выпущенным ранее на этой неделе, Adobe выпустила последние версии всех приложений Creative Cloud, включая последнюю версию Photoshop (версия 20.0,0). На самом деле я был склонен дать ему шанс с самого начала. Раньше меня подводили стратегии обновления Adobe, но пока этого не произошло ни с одним из обновлений CC. Поскольку практически все ошибки в более ранней версии к настоящему времени исключены, что могло пойти не так?…

Ответ: МНОГО!

Что не работает в Photoshop CC 2019

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

Ошибка режима наложения Photoshop CC 2019

Режимы наложения. Мне они нужны, я люблю их, но не в Photoshop CC 2019!

У меня нет технического представления о том, что именно происходит, но я могу сказать, что многие режимы наложения не делают того, что должны делать . Это особенно верно для режимов наложения «Оттенок», «Насыщенность», «Цвет» и «Яркость».

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

Вы можете ясно видеть, что цвет не тот, который должен быть (на изображении я использовал режим наложения Hue). Оттенок смешанного цвета и цвет образца должны оставаться неизменными.

Вот пример с правильной передачей режима наложения Hue. Смешанный цвет и эталонный цвет имеют одинаковые оттенки!

Как исправить проблемы с режимом наложения в Photoshop CC 2019

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

Чтобы ваши режимы наложения работали правильно, перейдите в Preferences-> Performance и переключитесь на Legacy Compositing Engine . Сохранив эти изменения, вы можете расслабиться, стереть пот с лица и продолжить работу!

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

Об авторе : Дэниел Хагер — отмеченный наградами международный ретушер и сертифицированный эксперт Adobe Photoshop из Германии. Мнения, выраженные в этой статье, принадлежат исключительно автору. Вы можете найти больше работ Хагера на его веб-сайте, в Facebook и Instagram. Эта статья также была опубликована здесь.

Как создавать собственные наложения потоков в Photoshop

Итак, вы окунулись в мир потокового видео и решили, что хотите попробовать сами. Поздравляю! Теперь, когда вы приняли это решение, вам нужно начать создавать или создавать свои активы. Ресурсы трансляции — это любые визуальные элементы вашей прямой трансляции. Это включает в себя наложение веб-камеры, область для отображения меток потоков, таких как Recent Follower или Top Donation , или даже вращающийся баннер с призывами к действию (CTA), например, подписка на вас в Twitter или подписка на YouTube.

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

Для этого руководства мы хотим предположить, что вы только начинаете и не хотите вкладывать сотни долларов в пакет оверлейных активов. Если вы знакомы с основами Photoshop, вы можете получить красивый оверлей Photoshop примерно за 10 минут, и это то, что мы собираемся вам показать сегодня. Давайте сделаем наложение веб-камеры и метки для вашего нового потока!

Размер вашего оверлея и рабочего пространства зависит от игр, в которые вы играете, а также от настроек вашего потока.Большинство стримеров стремятся к тому, чтобы их потоки работали со скоростью 720p 60 FPS или 1080p 60FPS. Это ваше максимальное разрешение и максимальное количество кадров в секунду, с которым будет транслироваться ваш поток.

Если вы создаете оверлей с разрешением 1280 x 720 в Photoshop, но позже решите выполнять потоковую передачу с разрешением 1920 x 1080, размер ресурсов будет неправильным и они не поместятся. Примите решение на ранней стадии в ваших настройках, а также в том, как вы хотите, чтобы наложение в целом выглядело, чтобы указать вам, что использовать для выбора размера наложения.В этом уроке мы будем работать с разрешением 1920 x 1080.

Начать работу довольно просто:

• Откройте Photoshop
• Нажмите «Файл» в левом верхнем углу.
• Выберите «Новый»
• В окне «Новый документ» появятся параметры для настройки ширины и высоты рабочего пространства. Для ширины укажите 1920, а для высоты — 1080.
• В поле разрешения ниже укажите 150 (при желании можно увеличить до 300, но это необязательно).
• Нажмите «Создать»

Теперь вы создали свое рабочее пространство, в котором будет размещаться наложение! Хорошо сделано!

Большинство разрешений веб-камер имеют соотношение 16: 9, но его можно настроить в соответствии с вашими потребностями. Некоторым людям может понадобиться соотношение 1: 1 для идеального квадрата. Мы используем в нашем контенте зеленый экран Webaround, поэтому нам нужно как можно больше места для движения, избегая при этом обрезки. Поэтому мы будем использовать соотношение 16: 9 и наше разрешение 1280 x 720 пикселей.Определение соотношения сторон и, соответственно, разрешения является ключом к правильной подгонке наложения.

PRO СОВЕТ: Сделайте снимок экрана игры, в которую вы собираетесь играть, и поместите его в качестве фона рабочего пространства. Это позволит вам разместить наложение поверх изображения, и по завершении оно будет располагаться именно там, где вы хотите, когда вместо изображения присутствует игровой процесс. Мы собираемся использовать скриншот Call of Duty: Warzone.

• Перейдите к инструменту «Форма» и выберите «Инструмент« Прямоугольник »».
• Щелкните в любом месте рабочей области, и откроется окно «Создать прямоугольник».
  • Поместите в окно следующие значения:
    • Ширина: 417 пикселей
    • Высота: 234 пикселей
• Выберите инструмент «Перемещение», щелкните поле веб-камеры и перетащите прямоугольник в нужное место рабочей области. .

Теперь у вас есть коробка размером с веб-камеру и в нужном вам положении! Теперь мы можем создавать дизайн!

• В поле «Слои» щелкните правой кнопкой мыши только что созданное окно веб-камеры.
• Выберите «Параметры наложения»
• Нажмите «Обводка»
• Поместите следующие значения в окно настроек обводки:
  • Размер: 7 пикселей
  • Положение: внутри
  • Непрозрачность: 100%
  • Тип заливки: градиент
  • Все остальное останется прежним.
• Щелкните прямоугольник цвета градиента и выберите цвета, которые вы хотите использовать.
• Рядом с полем «Угол» можно выбрать направление, в котором цвет будет блекнуть.
• По завершении нажмите «ОК».
• Еще раз перейдите к окну «Слои» и выберите прямоугольник веб-камеры.
• Найдите «Заливку» в правом верхнем углу поля «Слой» и установите значение 0%.

Вы создали простой оверлей для веб-камеры! Вы хотите, чтобы люди узнавали ваш бренд и ассоциировали его с вами, поэтому мы разместим наш брендинг поверх накладываемого изображения в качестве последнего штриха. Теперь вы готовы заняться наложением меток вашего потока! GG!

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

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

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

Затем мы хотим создать меньший блок для хранения идентификатора для меток потока, например Recent Follower или Recent Donation .

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

Почти готово! Теперь давайте добавим текст в это поле.

• Выберите инструмент «Текст».
• Перетащите рамку в рабочее пространство, чтобы начать писать.
• Введите Recent Follower и выберите шрифт, который хотите использовать.
• Выделите шрифт и измените цвет на белый.Вы можете найти поле для изменения цвета шрифта на верхней панели инструментов.
• Не снимая выделения с текста, измените размер шрифта на 9pt.
• Перетащите текстовое поле на небольшое поле заголовка.
• Центрируйте текст в поле.

Вы создали свой первый блок этикеток для потоковой передачи! Нам просто нужен еще один, чтобы завершить наложение метки потока!

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

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

• Перейдите в окно «Слои»
• Прокрутите вниз и щелкните значок глаза рядом с фоновым слоем (сделайте это для изображения игрового процесса, если вы использовали этот трюк).
• Перейдите наверх и щелкните Файл
• Выберите Экспорт
• Выберите Быстрый экспорт как PNG
• Решите, где вы хотите сохранить файл в

На этом все готово! Теперь вы можете добавить файл в предпочитаемое программное обеспечение и добавить к нему свою веб-камеру.Хотя мы начали с простого, возможности настройки наложения безграничны. Вы можете переместить наложение меток потока вниз, как Courage, или разместить баннер спонсора вверху, как Dr. Disrespect. Имея этот начальный файл наложения, вы будете знать, где будет располагаться каждая деталь, и сможете быстро убедиться, что она не блокирует ни один из важных аспектов игрового процесса в процессе.

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

Спасибо за чтение, и если у вас есть советы и рекомендации по созданию оверлеев для новых стримеров, не стесняйтесь оставлять их в комментариях ниже! До следующего раза, GLHF!

Изменить цвет нескольких элементов в Photoshop

Работаете ли вы над веб-сайтом, мобильным приложением или даже над макетом брошюры, всегда есть период времени, прежде чем вы полностью заблокируете свою цветовую палитру.Даже если у вас есть, вы можете не знать, где будет применяться каждый из цветов или будут ли использоваться более светлые или темные оттенки в определенных случаях. Тонкие различия между #ccc и #aaa достаточно значительны, поэтому вы можете попробовать несколько вариантов цветов в этом диапазоне, прежде чем найдете идеальный серый.

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

Если у вас есть несколько значков и текста на отдельных слоях, ваши единственные параметры — это выбор каждого слоя для изменения цвета. Использование цветового наложения слоя fx может помочь ускорить работу в некоторых сценариях, но в целом разочаровывает то, что Photoshop не поддерживает глобальные образцы цвета так, как это делает Illustrator.

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

.01 Начало работы

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

02. Начальные формы

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

Цвет формы будет определяться цветом переднего плана на панели инструментов. Чтобы изменить цвет, либо измените цвет переднего плана, прежде чем рисовать фигуру, либо дважды щелкните слой-фигуру после этого.

03. Слои

После того, как вы нарисовали фигуру, преобразуйте слой в смарт-объект, щелкнув его правой кнопкой мыши и выбрав «Преобразовать в смарт-объект». Вы также можете сделать это, выбрав Layer> Smart Objects> Convert to Smart Object .Создав смарт-объект, дважды щелкните имя на панели слоев и переименуйте его.

04. Поместите образец

Выберите инструмент «Перемещение» ( V ) и разместите образец цвета над формой фона строки заголовка. Выбрав смарт-образец на панели «Слои», выберите Edit> Transform> Scale или нажмите Cmd + T , чтобы отобразить параметры Free Distort на смарт-объекте. Теперь растяните образец цвета, пока он не покроет весь заголовок.Не волнуйтесь, если это перекрывается. Дважды щелкните объект еще раз, чтобы применить изменения.

05. Обтравочная маска

Расположите слой с образцами цвета чуть выше слоя bg в группе слоев title . Установив образец цвета, создайте обтравочную маску, щелкнув слой правой кнопкой мыши и выбрав , создать обтравочную маску или Слой> Создать обтравочную маску .

Вы также можете Alt + щелкнуть между двумя слоями, чтобы быстрее создать обтравочную маску.Теперь вы увидите, что текст заголовка принял свойство цвета образца цвета смарт-объекта.

06. Скопируйте свой смарт-объект

Выбрав слой смарт-объекта, сделайте копию образца цвета смарт-объекта, удерживая клавишу Alt и перетаскивая копию слоя образца цвета в верхнюю часть слоев. панель. Другой способ быстро создать копию слоя — нажать Cmd + J с выделенным слоем. Теперь у вас будет два экземпляра смарт-объекта в вашем документе.

07. Растяните образец

Поместите вновь созданный экземпляр вашего образца поверх значка Remote в группе списков. Теперь растяните ( Cmd + T ) образец цвета по вертикали, чтобы охватить все значки в списке.

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

08. Создайте обтравочную маску

После того, как ваш интеллектуальный образец находится в нужном положении, создайте обтравочную маску для образца цвета, используя форму значка Remote ниже. Для этого Alt + щелкните между слоями или щелкните правой кнопкой мыши слой с образцом и выберите Create Clipping Mask .

09. Создайте копию

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

Если вы еще не пробовали, Alt + щелкните между интеллектуальным образцом и значком воспроизведения, чтобы быстро создать обтравочную маску. Значок мыши изменится, когда курсор окажется в нужном положении и удерживается клавиша Alt . Увидев изменение, щелкните, чтобы установить маску.

10. Сделайте некоторое дублирование

Повторите шаг 9 для оставшихся двух значков в группе списка.Это даст вам умный образец цвета для каждого элемента в PSD. Помните, что этот метод также будет работать, если вы используете основной и дополнительный цвета в одном документе, вам просто нужно создать два разных смарт-объекта и скопировать их отдельно, как требуется для вашего проекта.

11. Откройте смарт-объекты

Теперь, когда все образцы цвета находятся на своих местах, дважды щелкните любой из смарт-объектов образца цвета. Это откроет смарт-объект в отдельном окне с исходным редактируемым слоем формы на панели слоев.

12. Просмотреть все документы

В строке меню выберите Окно> Упорядочить> Разложить все вертикально . Это позволит вам просматривать оба документа одновременно. Следите за панелью слоев, чтобы определить, какой документ активен в данный момент.

13. Выберите несколько цветов

Дважды щелкните образец цвета на панели «Слои смарт-объекта», чтобы изменить его цвет. Выберите любой новый цвет и нажмите OK . Сохраните документ смарт-объекта ( Cmd + S ).

Каждый экземпляр интеллектуального образца цвета будет обновлен до нового цвета в основном документе Photoshop. После сохранения отредактированного смарт-объекта закройте документ, выбрав File> Close или нажав Cmd + W .

14. Работа выполнена

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

Наконец, я создал PSD окончательного продукта, который вы можете скачать PSD.

Words: Мэтт Д. Смит

Мэтт Д. Смит является экспертом в области брендинга и дизайна интерфейсов. Эта статья впервые появилась в 257 выпуске сетевого журнала.

Как сделать наложение Twitch с помощью Photoshop

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

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

В этой статье мы покажем вам, как создать простой оверлей Twitch с помощью Photoshop.И хотя этот оверлей предназначен для Minecraft, его можно изменить для работы с любой другой игрой. И он также будет отлично работать для потоковой передачи на YouTube Gaming или даже Mixer, альтернативе Microsoft Twitch.

Начало работы

Прежде чем мы начнем, давайте посмотрим, чем мы закончим сегодня:

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

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

С учетом сказанного, давайте посмотрим, как создать наложение Twitch с помощью Photoshop.

Создание холста

Чтобы начать создание наложения, откройте Photoshop и создайте новое изображение того же размера, что и разрешение вашего экрана.

Теперь, когда у нас есть пустой документ, нам нужно руководство для построения нашего наложения.Я бы посоветовал сделать снимок экрана выбранной игры и загрузить его в Photoshop, щелкнув File & Place и выбрав свое изображение. Растяните изображение на весь холст. Теперь мы можем приступить к созданию наших элементов наложения.

Добавление верхней панели

Создайте новый слой и назовите его Top Banner .Выберите инструмент Rectangle Tool в меню слева. В том же меню откройте селектор цвета и выберите цвет фона.

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

Теперь, чтобы придать этому прямоугольнику границу, щелкните слой правой кнопкой мыши и выберите Blending Options .Выберите Stroke в появившемся меню и установите ширину и цвет обводки, которые подходят вам. В данном случае хорошо смотрится темно-красный цвет шириной 10 пикселей. Щелкните OK и выберите свой слой. Включите инструмент перемещения, нажав на букву V , и переместите верхний баннер вверх, чтобы на нем было достаточно места для добавления текста позже, но не закрывая слишком большую часть игрового экрана.

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

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

Нижние баннеры

Вместо того, чтобы проделывать ту же работу снова для этих нижних баннеров, просто щелкните правой кнопкой мыши Top Banner и выберите Duplicate Layer .Назовите этот новый слой Bottom Right и с помощью инструмента Move Tool ( V на клавиатуре) переместите его в нижний правый угол экрана. Убедитесь, что он не перекрывается с игровой панелью инструментов, и используйте клавишу Ctrl при перетаскивании, чтобы разместить его с большей точностью.

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

Рамка камеры

Создайте новый слой и назовите его Frame .Снова выберите инструмент Rectangle Tool и создайте идеальный квадрат, удерживая нажатой клавишу Shift при перетаскивании курсора мыши. Не беспокойтесь о цвете квадрата, мы избавимся от заливки позже.

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

Еще раз выберите цвет и ширину, которые подходят к имеющейся у вас цветовой схеме.Теперь выберите слой и измените его Fill на 0 процентов, оставив только рамку.

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

Наложение начинает складываться, но теперь пришло время добавить текст.

Добавление текста

Чтобы начать добавлять текст, создайте новый слой.Используйте инструмент Text Tool (или нажмите T на клавиатуре) и перетащите новое текстовое поле. Выберите меню символов с правой стороны, как показано ниже:

Если вы не видите эту кнопку в макете Photoshop, вы можете открыть меню, щелкнув «Окно »> «Персонаж ».Выберите здесь выбранный шрифт и цвет и добавьте текст. Используйте инструмент Move Tool , чтобы поместить текст на один из нижних баннеров. Он должен встать на место, но клавиша Ctrl может помочь вам точно установить его там, где вы хотите.

Теперь у нас есть текст, но он выглядит немного скучным.Итак, чтобы выделить его, щелкните правой кнопкой мыши текстовый слой и снова выберите Blending Options . Задайте тексту Stroke и Drop Shadow , чтобы он немного выделялся. Здесь используются значения по умолчанию, но вы можете поиграть с настройками, чтобы создать гораздо более выраженный эффект «плавающего текста».

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

Теперь, когда наш текст на месте, мы близки к завершению.Давайте просто добавим логотипы для социальных сетей и логотип в заголовок для канала.

Легче использовать готовые значки, которые можно использовать бесплатно.Такой веб-сайт, как Icon Finder, может помочь в этом, но убедитесь, что все используемые вами значки имеют отметку Free for Commercial Use , чтобы избежать юридических проблем в дальнейшем. Импортируйте свой логотип в Photoshop с помощью меню File> Place . Если вы не видите свой логотип, убедитесь, что он находится сверху, перетащив соответствующий слой в верхнюю часть меню слоев.

Теперь у нас есть логотип Facebook, но он немного пресный.Давайте подстроим его под его размер, щелкнув правой кнопкой мыши на его слое и выбрав Blending Options , а затем Stroke . Придайте ему внешнюю обводку такой же ширины, как и обводку верхнего баннера. При выборе цвета вы можете использовать пипетку, чтобы подобрать цвет к вашему верхнему баннеру.

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

Для логотипа Twitter используйте тот же метод использования Place , чтобы добавить его в проект.Здесь вы можете сэкономить немного времени, выбрав слой логотипа Facebook, щелкнув правой кнопкой мыши и выбрав Copy Layer Style , прежде чем вернуться к новому слою логотипа Twitter и используя Paste Layer Style , чтобы придать ему ту же ширину и цвет обводки. Переместите этот логотип в противоположный верхний угол и, при необходимости, переместите текст так, чтобы он уместился.

Теперь добавим центральный логотип.

Логотип канала

Если у вас есть логотип канала, желательно, чтобы он был спереди и по центру, чтобы все могли сразу увидеть его, когда они начнут смотреть.Если у вас еще нет логотипа, вы можете заменить его произвольным текстом с названием вашего канала или веб-сайта.

Для начала перетащите линейку из левой панели инструментов, она должна привязаться к центру экрана.

Если вы не видите свою линейку или она не фиксируется, загляните в меню View и убедитесь, что выбраны как Ruler , так и Snap .

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

Чтобы выделить его, придайте новому квадрату Outer Stroke того же цвета, что и остальные границы.Чтобы упростить перемещение логотипа и рамки как одного, удерживайте Ctrl , чтобы выбрать оба слоя. Щелкните правой кнопкой мыши и выберите Преобразовать в смарт-объект . Таким образом, наш логотип и рамка будут сохранены на одном слое, и при необходимости их можно будет отредактировать позже.

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

Сохранение оверлея

Перед сохранением наложения как изображения сохраните его как документ Photoshop с именем файла, например «Minecraft Twitch Template», чтобы вы могли позже изменить его для использования в других играх.

Чтобы сделать фон прозрачным, выберите значок Eye на снимке экрана игры и на фоновых слоях, оставив показывать только элементы наложения.

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

Завершение наложения Twitch: теперь приступайте к потоковой передаче!

Теперь, когда вы знаете, как сделать наложение Twitch, пора приступить к потоковой передаче! Начните свой канал с настройки программного обеспечения для стриминга и выбора игр для Twitch.А если вы действительно стремитесь к производственной ценности, попробуйте транслировать с зеленым экраном. Прежде всего, получайте удовольствие!

Обнаружить спам-звонки непросто, особенно если это похоже на звонок с местного номера.

Читать далее

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

Подпишитесь на нашу рассылку новостей

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

Еще один шаг…!

Подтвердите свой адрес электронной почты в только что отправленном вам электронном письме.