Blending options в фотошопе перевод: Режимы наложения в Adobe Photoshop

Итак, начнем сначала.

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

Чтобы создать новый слой кликните по иконке во вкладке Layers. Удерживайте Alt чтобы иметь возможность задать сразу имя. Также вы можете создать слой нажав Ctrl+Shift+Alt+N (или Ctrl+Shift+N чтобы вас попросили задать имя).

Группируйте слои
Как только вам захочется двигать одновременно несколько элементов, то скорее всего вы оперируете с какой-то новой сущностью, не ленитесь сгруппировать эти слои и понятно обозвать. Это тоже должно войти в привычку. Группы позволяют быстро двигать составные элементы, быстро скрывать, а также (что немаловажно) быстро клонировать их. Чтобы создать пустую группу нужно кликнуть по иконке во вкладке Layers. Аналогично со слоями удерживайте Alt чтобы задать сразу новое имя.

Но обычно пустые группы не создают, а объединяют в них уже существующие слои/группы. Чтобы мгновенно сгруппировать уже существующие объекты: выделите нужные во вкладке Layers и кликните по удерживая Shift (или просто нажмите Ctrl+G). В результате все выделенные слои автоматически попадут в новосозданную группу. По аналогии со слоями, если зажать еще и Alt, то вас попросят ввести имя для группы. Если слоям названия не помешали бы, то для групп они уже довольно важны. Особенно важно назвать группу до ее клонирования (меньше будет мороки позднее).

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

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

Выбирайте слои/группы
Прежде чем делать что-нибудь со слоем (или группой) нужно выделить его во вкладке Layers. Однако, когда количество слоев зашкаливает за сотню искать там становится проблематично. К счастью есть другой, очень простой метод выбора нужного слоя. Перейдите в режим (нажав V), а далее кликаем по какой-нибудь области рисования:
Ctrl + Left Click — моментально выбрать группу (если нет, то слой) к которой относится область.
Alt + Right Click — моментально выбрать слой под курсором (самый верхний если их несколько).
Накрайняк, если вы не можете никак зацепить нужный слой (например он глубоко под всеми) используйте:
Ctrl + Right Click — вызвать меню-список всех слоев которые относятся к точке под курсором (вот здесь грамотные названия очень вам пригодятся). Выбираем нужный из списка и voila.

Двигайте/клонируйте объекты
После того как вы выбрали слой/группу (например по методу выше), как известно, вы можете перемещать его методом драг-н-дроп. Чтобы клонировать группу/слой при перемещении удерживайте Alt (зажав его еще перед перемещением). Вы можете также удерживать Shift чтобы перемещение/клонирование происходило точно по вертикали/горизонтали/диагонали от начального положения (зажимать и отжимать Shift можно когда угодно).

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

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

Во-вторых, поправить гамму, контраст, яркость, скорректировать баланс белого и всё такое прочее можно создав Adjustment Layer (из меню Layers->New Adjustment Layer или кликнув по во вкладке Layers). Все изменения, которые вы таким образом сделаете, можно будет отменить просто удалив Adjustment Layer с текущего слоя. Кроме того вы всегда сможете поправить настройки впоследствии и это не отразится на качестве, т.к. оригинальный слой при этом остается нетронутым. Если вы вдруг решите поменять цветовую гамму макета вам не придется переделывать его заново.

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

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

Всякие мелочи

• Начиная с Photoshop 7 появилась возможность назначать цвета группам и слоям. Вы уж сами разберитесь надо ли оно вам. Думаю, что при очень большом количестве групп/слоев цветовое разделение может помочь быстро найти нужный в списке.
  Поменять имя слоя/группы можно дважды кликнув на имени во вкладке Layers
  Быстро выделить (маской) весь слой можно Ctrl+кликнув по его миниатюре
  Чтобы быстро понять что это за слой с названием Layer10 большинство обычно скрывает/показывает его кликая по иконке . А если кликать по «глазу» удеривая Alt то, с точностью до наоборот, все скроется кроме данного слоя. Разумеется следующий Alt+Click вернет все как было.
  Одним нажатием можно скрыть/показать сразу несколько слоев если кликнув на «глаз» одного слоя провести (не отпуская кнопки мыши) по «глазам» остальных слоев.
  Вместо группировки в группы можно также связать объекты с помощью связывания (). Лично мне кажется что это пережитки прошлого и такой группировкой лучше не злоупотреблять (ну как минимум невозможно скрывать/показывать такую группу в один клик).
  Если клик по треугольнику рядом с группой раскрывает/закрывает эту группу, то Ctrl+клик раскроет/закроет все группы текущего уровня.
  Можно создать копию слоя (слоев), переместив его (их) на кнопку создания нового слоя ().

  Меня всегда удивляли отсутствие закономерностей в комбинациях клавиш Photoshop (в частности модификаторов Shift, Alt и Ctrl), запомнить сразу скорее всего не удастся, но если вы не будете бояться пробовать их, то рано или поздно всё запомнится, что обязательно повлияет на вашу продуктивность.

Слои в фотошопе, как работать со слоями

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

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

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

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

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

Панель слоев

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

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

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

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

Теперь рассмотрим вторую панель с пиктограммами.

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

Удобство работы со слоями

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

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

2. Это группа слоев о ней я уже говорил выше повторяться не буду, скрин ниже.

3. Это цветовое обозначение слоя, оно позволяет задать цвет выделения слоя. Для выделения можно задать любой цвет. Он не повлияет на работы, сделано это исключительно для удобства работы дизайнера (пользователя) графическим редактором adobe photoshop. Для того чтобы задать какой-либо цвет необходимо кликнуть у пиктограммы глазика , которая указывает на видимость слоя правой кнопкой мыши и в выпавшем меню выбрать нужный нам цвет.

Немного о работе со слоями в photoshop

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

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

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

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

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

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

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

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

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

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

Как накладывать слои в фотошопе?

Фактически каждый редактируемый графический элемент в фотошопе формирует отдельный слой. Таковых в структуре проекта может быть много. Как их совмещать между собой? Как накладывать слои в фотошопе?

Данная задача может предполагать размещение:

• одного целостного графического элемента – изображения или текста – на другом;
• вырезанного участка картинки на каком-либо стороннем объекте.

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

Наложение слоев в виде целостных графических элементов

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

Запускаем фотошоп, выбираем пункт File, затем Open – и загружаем в программу 2 изображения. Их можно выбрать в соответствующем окне одновременно.

В результате картинки загрузятся на двух отдельных холстах.

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

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

Первым делом будет полезно немного уменьшить накладываемую картинку. Для этого следует задействовать опцию Transform Controls. Для ее активации нужно выбрать инструмент Rectangular Marquee Tool, после – поставить галочку напротив пункта Show Transform Controls в верхней части интерфейса фотошопа.

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

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

Далее берем инструмент Rectangular Marquee Tool и выделяем рисунок с цветами.

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

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

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

Изучим особенности данной процедуры.

Как накладывать слои в фотошопе в виде вырезанных участков картинок

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

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

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

Доступ к инструменту Magnetic Lasso Tool осуществляется посредством нажатия правой кнопкой мыши на соответствующей группе опций, располагаемых под функцией Rectangle Marquee Tool.

Наложение слоев в фотошопе: нюансы

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

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

Как только картинка с глазом исчезнет – слой станет прозрачным.

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

Слои, наложенные друг на друга, можно склеивать, а также связывать. Что это за процедуры?

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

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

В нашем примере картинка видоизменена с помощью опции Perspective, которая входит в группу инструментов Free Transform. Активировать ее просто – надо выбрать функцию Rectangle Marquee Tool, затем щелкнуть правой кнопкой на редактируемом рисунке, после – еще раз щелкнуть правой кнопкой.

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

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

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

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

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

Таковы основные возможности и нюансы наложения слоев в фотошопе.

базовых слоев Photoshop | Уроки Adobe Photoshop

Узнайте, как использовать слои на панели «Слои», изменять размер содержимого слоя, добавлять изображения в многослойный файл и работать с фоновым слоем в Adobe Photoshop.

Узнайте, что такое слои и почему они так полезны.

Слои — это строительные блоки любого изображения в Photoshop. Итак, важно понимать, что такое слои и зачем их использовать — мы рассмотрим это в этом видео.Если вы следуете инструкциям, откройте это многослойное изображение из загружаемых файлов практики для этого руководства. Вы можете представить слои как отдельные плоские пинты стекла, уложенные друг на друга. Каждый слой содержит отдельные фрагменты контента. Чтобы получить представление о том, как создаются слои, давайте взглянем на эту панель «Слои». Я закрыл остальные панели, чтобы мы могли сосредоточиться на панели «Слои». Но вы можете пропустить это. Кстати: если ваша панель «Слои» не отображается, перейдите в меню «Окно» и выберите оттуда «Слои». Панель «Слои» — это то место, куда вы переходите, чтобы выбирать и работать со слоями. На этом изображении 4 слоя, каждый с отдельным содержимым. Если вы щелкните значок глаза слева от слоя, вы можете включить или выключить видимость этого слоя. Итак, я собираюсь отключить видимость слоя портного. И следите за изображением, чтобы увидеть, что находится на этом слое. Я сделаю то же самое для слоя ткани и слоя с узором. Вы можете видеть, что нижний слой, фоновый слой, заполнен белым, потому что это изображение начинается с нового пустого изображения с предустановкой на белом фоне.Давайте снова включим все остальные слои, щелкнув пустое поле слева от каждого слоя, чтобы снова добавить значок глаза. Теперь давайте взглянем только на один слой, слой портного. Быстрый способ отключить все слои, кроме слоя портного, — удерживать клавишу Option на Mac или клавишу ALT на ПК и щелкнуть значок глаза слева от слоя портного. В окне документа вы можете увидеть, что этот слой содержит только одну маленькую фотографию, окруженную серо-белым узором в виде шахматной доски. Этот шаблон представляет собой прозрачные пиксели, которые позволяют нам видеть сквозь соответствующую часть этого слоя содержимое нижележащих слоев. Итак, давайте снова включим это содержимое, вернувшись на панель «Слои», снова удерживая клавишу Option на Mac или клавишу ALT на ПК и щелкнув значок глаза слева от слоя портного. И все остальные слои и их значки с глазами снова появятся в поле зрения. Итак, еще раз: вы можете думать о слоях как о стопке пинт стекла, каждый со своим собственным изображением и в некоторых случаях прозрачными областями, которые позволяют вам видеть сквозь слои ниже.Самым большим преимуществом размещения элементов на отдельных слоях, подобных этому, является то, что вы сможете редактировать части изображения независимо, не затрагивая остальную часть изображения. Следуйте этому примеру, чтобы понять, что я имею в виду. Допустим, вы хотели отредактировать или переместить только маленькую фотографию разрезаемой ткани. Для этого вам нужно выбрать слой, содержащий эту фотографию. Перейдите на панель «Слои» и щелкните слой ткани справа от имени слоя. Теперь, когда слой ткани выбран, любое редактирование, которое вы делаете, повлияет только на этот слой.Например, перейдите на панель «Инструменты» и выберите инструмент «Перемещение», затем щелкните фотографию ткани и перетащите ее — и перемещается только эта фотография, потому что выбран только этот слой. Это относится и к другим видам правок. Например, если вы нарисовали изображение или применили фильтр, как вы сделаете позже в этой серии руководств, эти изменения повлияют только на выбранный слой ткани, а не на остальную часть изображения. Кстати: есть некоторые действия по редактированию, такие как перемещение слоев, которые вы можете делать более чем с одним слоем за раз.И для этого вам нужно выбрать более одного слоя. На панели Layers у нас уже выделен слой ткани. Если нет, щелкните этот слой. Чтобы выбрать и слой портного, удерживайте нажатой клавишу Command на Mac или клавишу Ctrl на ПК и щелкните слой портного. Выбрав оба слоя, вы можете щелкнуть и перетащить любую из этих фотографий, и они переместятся вместе. А теперь бонусный совет: с выбранным инструментом «Перемещение» взгляните на его панель параметров. И вы увидите эту опцию, Auto-Select: Layer отмечен.Если этот параметр отмечен, щелчок в любом месте изображения автоматически выберет верхний слой в этом месте, который содержит контент. Например, посмотрите на панель «Слои», когда я щелкну здесь по фотографии узора, и вы увидите, что слой узора был автоматически выбран для вас на панели «Слои». Иногда это действительно полезно, но иногда это может привести к тому, что вы случайно выберете слой, который вы не хотели. Чтобы избежать этого, вы можете снять флажок «Автовыбор: слой» на панели параметров инструмента «Перемещение» и вместо этого выбирать слои вручную, щелкая по ним на панели «Слои», как мы это делали в этом руководстве.Итак, резюмируем: возможность работать с выбранными фрагментами контента независимо — это самое большое преимущество использования слоев. О слоях можно узнать гораздо больше, так что следите за обновлениями до конца этого урока.

Что вы узнали: для просмотра и выбора слоев на панели «Слои»

• Слои содержат изображения, текст или объекты, составляющие многоуровневый файл. Они позволяют перемещать, редактировать и работать с содержимым на одном слое, не затрагивая содержимое других слоев.
Слои
• расположены в виде стопки на панели «Слои » , которая обычно расположена в правом нижнем углу рабочей области. Если панель «Слои» не отображается, выберите «Окно »> «Слои».
• На панели «Слои» щелкните значок глаза слева от слоя, чтобы скрыть его содержимое. Щелкните еще раз в том же месте, чтобы просмотреть содержимое. Это полезный способ напомнить себе, что находится на определенном слое.
• Слой должен быть выбран для внесения в него изменений.На панели «Слои » щелкните один раз справа от имени слоя, чтобы выбрать этот слой. Чтобы добавить больше слоев к вашему выбору, удерживайте Control (Windows) или Command (macOS) при щелчке по другим слоям.

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

Давайте посмотрим на функции, которые вы будете использовать чаще всего при работе со слоями на панели «Слои».Вы можете следовать этому изображению из файлов практики для этого урока или с собственным многослойным изображением. Справа на панели «Слои» порядок, в котором слои располагаются сверху вниз, определяет расположение содержимого на изображении спереди и сзади. Например, на этом изображении слой портного находится над слоем рисунка на панели «Слои». Итак, на изображении фотография портного с мужчиной в красной шляпе находится поверх фотографии шаблона, где эти две фотографии перекрываются.А что, если вы хотите, чтобы фотография портного находилась позади фотографии выкройки на изображении? В этом случае перейдите на панель «Слои» и выберите фотографию портного, щелкнув по ней. Затем щелкните, удерживайте и перетащите слой портного под слой с узором. Теперь это может быть сложно. Вам нужно подождать, пока вы не увидите двойную линию под слоем узора, а затем убрать палец с мыши или трекпада. И это перемещает слой портного под слой с узором на панели слоев. И посмотрите, что получилось на картинке: за фото выкройки фото портного.Еще одна вещь, о которой вы, вероятно, задаетесь вопросом, — это как создать новый слой. Допустим, мне нужен новый пустой слой, на который я мог бы добавить пиксели, возможно, нарисовав кистью. Сначала подумайте, где вы хотите добавить слой в порядке наложения слоев, и выберите слой чуть ниже этого. В этом примере я хотел бы добавить новый слой над слоем с узором, потому что я хочу рисовать поверх этого узора. Итак, я перейду на панель Layers и выберу слой с узором. А затем я создам свой новый слой, перейдя в нижнюю часть панели «Слои» и щелкнув этот значок с поднятым углом страницы.Это создает новый слой над слоем с узором. Добавление слоя таким образом создает слой на основе пикселей, на котором вы можете делать такие вещи, как добавление цвета. Если вы используете другой инструмент, например инструмент «Текст» или «Фигура», или если вы используете команду «Поместить встроенное» для добавления новой фотографии или другого изображения в композицию — все это мы сделаем позже в этой серии руководств — Photoshop автоматически создаст для вас новый слой. Так что не удивляйтесь, если вы увидите дополнительные слои на панели «Слои» при использовании любой из этих функций.Когда вы действительно создаете новый слой, рекомендуется дать ему имя, которое будет иметь для вас значение, чтобы его было легче найти позже. Чтобы переименовать любой слой, дважды щелкните правой кнопкой мыши имя слоя и напечатайте поверх него, чтобы ввести свое имя. Я набираю «рисовать». А затем нажмите Enter или Return на клавиатуре. Теперь давайте применим этот новый слой, добавив к нему немного цвета. Я перейду к панели Swatches. Если ваша панель «Образцы» не открыта, откройте ее из меню «Окно» в верхней части экрана. На панели Swatches я собираюсь щелкнуть цвет. Вы можете использовать любой понравившийся цвет. А затем я перейду на панель «Инструменты», где выберу инструмент «Кисть». Я подхожу к панели параметров инструмента «Кисть» и нажимаю на «Палитру кистей», где у меня есть ползунок «Размер», который я могу перетащить вправо, чтобы изменить размер этой кисти. Затем я перехожу к изображению и начинаю рисовать, и инструмент выбора кистей закрывается, когда я рисую узор. Поскольку краска находится на отдельном слое на панели «Слои», у вас есть большая гибкость для редактирования этого образца краски, не затрагивая остальную часть изображения.В качестве всего лишь одного примера вы можете изменить непрозрачность слоя краски. Выбрав слой с краской, я поднимусь к верхней части панели «Слои» и щелкну стрелку справа от «Непрозрачности». Затем перетащу ползунок «Непрозрачность» влево. Следите за образцом краски, пока я это делаю, и вы увидите, что он становится все менее и менее непрозрачным или более прозрачным. Я отключу ползунок «Непрозрачность» в пустой области, чтобы закрыть этот ползунок. Это простой способ смешать содержимое двух слоев вместе. Наконец: что, если вы решите, что вам вообще не нужно содержимое нового слоя? Вы можете удалить этот слой или любой слой, выбрав его, а затем нажав клавишу Delete на клавиатуре Mac или клавишу Backspace на клавиатуре Windows.И не волнуйтесь: вы можете отменить это, нажав Command + Z на Mac или Ctrl + Z на клавиатуре Windows. И вот бонусный совет: есть еще больше команд, связанных со слоями, расположенных в меню панели, к которому вы можете получить доступ, щелкнув этот маленький значок меню в правом верхнем углу панели слоев. Итак, если вы когда-нибудь захотите сделать что-то еще со своими слоями — например, возможно, скопировать слой — загляните в это меню. Вот как можно использовать некоторые из наиболее распространенных функций слоев: изменение порядка наложения слоев, создание нового слоя на основе пикселей, изменение непрозрачности слоя и удаление слоя.

Что вы узнали: Работа со слоями на панели «Слои»

• Перетащите слой вверх или вниз на панели «Слои», чтобы изменить порядок расположения объектов на изображении.
• Щелкните значок Create a New Layer внизу панели слоев, чтобы создать новый слой. Этот слой прозрачен, пока к нему что-нибудь не добавят.
• Чтобы назвать слой, дважды щелкните имя текущего слоя.Введите новое имя для слоя. Нажмите Enter (Windows) или Return (macOS).
• Чтобы изменить непрозрачность слоя, выберите слой на панели «Слои» и перетащите ползунок «Непрозрачность», расположенный в верхней части панели «Слои», чтобы сделать слой более или менее прозрачным.
• Чтобы удалить слой, выберите его на панели «Слои» и нажмите клавишу Backspace (Windows) или «Удалить» (macOS).

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

Когда вы создаете многослойный дизайн, вам может потребоваться изменить размер содержимого слоя вместо изменения размера всего изображения. Для этого вы воспользуетесь командой Transform. Если вы следуете инструкциям, вы можете использовать это изображение из файлов практики для этого урока или вы можете использовать свое собственное многослойное изображение. Допустим, мы хотим уменьшить это фото швейных инструментов. Первый шаг — перейти на панель «Слои» и выбрать слой, содержащий эту фотографию, то есть слой с фотографиями инструментов.Я нажимаю на этот слой, чтобы выбрать его. Затем перейдите в меню «Правка» и выберите «Свободное преобразование». Это помещает эту границу вокруг всего содержимого выбранного слоя. Таким образом, если бы на одном слое было больше иллюстраций, все они были бы заключены в эту границу, и все они были бы изменены вместе. Обычно вы не хотите искажать изображение при изменении его размера. Чтобы этого избежать, удерживайте нажатой клавишу Shift, чтобы сохранить пропорции при щелчке по любому краю или любому углу, и перетащите, чтобы уменьшить эту фотографию, или растяните, чтобы сделать ее больше.Между прочим, можно уменьшить размер слоя, но в большинстве случаев лучше не делать пиксельный контент, например фотографию, намного больше оригинала, иначе он может выглядеть размытым. Последний шаг — принять изменение, внесенное с помощью команды «Преобразовать». Один из способов сделать это — подойти к панели параметров и щелкнуть большую галочку, которая появляется там всякий раз, когда вы используете Free Transform. Вот и все. Еще вы можете изменить размер содержимого более чем одного слоя за раз.Это поможет сэкономить время и поможет изменить размер нескольких изображений на одинаковую величину. Итак, предположим, что мы хотим одновременно уменьшить фото швейных инструментов и фотографию портного. Они расположены на 2 разных уровнях. Итак, нам нужно перейти на панель «Слои» и убедиться, что оба этих слоя выбраны. Слой с фотографиями инструментов уже выбран. Если у вас нет, просто нажмите на этот слой. Чтобы добавить слой с фотографией портного к выделению, удерживайте нажатой клавишу Command на Mac или клавишу Ctrl в Windows и щелкните слой с фотографией портного.Затем, как и раньше, перейдите в меню «Правка» и выберите «Свободное преобразование». Удерживая нажатой клавишу Shift, щелкните любой край или любой угол границы, окружающей оба изображения на обоих выбранных слоях. Перетащите внутрь, чтобы уменьшить размер обеих фотографий одновременно. И когда вы закончите, перейдите на панель параметров и нажмите большую галочку, чтобы принять это изменение. Вот как изменить размер слоев с помощью Free Transform. Пожалуйста, не путайте эту технику с изменением размера всего изображения, которое выполняется с помощью команды «Размер изображения» в меню «Изображение», как вы узнали в другом руководстве из этой серии.

Что вы узнали: изменение размера слоев

1. На панели «Слои » выберите один или несколько слоев, содержащих изображения или объекты, размер которых нужно изменить.
2. Выберите Edit> Free Transform . Рамка преобразования появляется вокруг всего содержимого выбранных слоев. Удерживайте нажатой клавишу Shift, чтобы не искажать содержимое, и перетаскивайте углы или края до нужного размера.Перетащите курсор внутрь границы преобразования, чтобы переместить содержимое вокруг изображения. Перетащите за пределы границы преобразования, чтобы повернуть содержимое.
3. Щелкните галочку на панели параметров или нажмите Enter (Windows) или Return (macOS), чтобы подтвердить изменение.

Добавьте больше изображений в дизайн, каждое изображение на отдельном слое.

Из этого видео вы узнаете, как добавить несколько изображений в композицию, которую вы создаете в Photoshop.Как и многие другие вещи в Photoshop, это можно сделать несколькими способами. Мы собираемся использовать метод Place Embedded, который автоматически создает новый слой для каждого добавленного изображения, что дает вам гибкость в изменении размера и положения каждого добавленного изображения по своему усмотрению. Если вы следуете инструкциям, начните с открытия этого изображения из файлов практики для этого урока. Вы можете пока оставить закрытым другой файл практики с таким же названием. Когда мы используем команду «Поместить внедренное», чтобы добавить еще одно изображение в эту композицию, Photoshop автоматически создаст новый слой для добавленного изображения над любым слоем, выбранным в данный момент. Итак, первый шаг — перейти на панель «Слои» и выбрать слой, над которым вы хотите создать новый слой. Я собираюсь выбрать фоновый слой. Затем перейдите в меню «Файл» и выберите «Поместить встроенный …». Откроется Finder или проводник, где вы перейдете к файлу, который хотите добавить. Если вы используете загружаемые файлы тренировок, перейдите к файлам тренировок на вашем компьютере и выберите этот файл. Затем нажмите кнопку «Поместить» в правом нижнем углу. Добавленная фотография появится на открытом изображении в окне документа.Эта фотография оказывается больше открытого изображения, но вам не о чем беспокоиться. Photoshop автоматически уменьшает добавленную фотографию, чтобы она соответствовала исходному изображению. Прежде чем завершить размещение, вы уменьшите масштаб фотографии и поместите ее в нужное место в композиции. Чтобы пропорционально уменьшить масштаб фотографии, не искажая ее, удерживайте клавишу Shift при перетаскивании из любого угла внутрь. Если вы хотите, чтобы ваша добавленная фотография была примерно того же размера, что и одна из других небольших фотографий в этой композиции, используйте одну из этих фотографий в качестве ориентира, чтобы помочь вам определить размер этой. Я уберу палец с мыши или трекпада и отпущу клавишу Shift. Я удерживаю клавишу Shift, перехожу к этому другому углу и перетаскиваю туда, чтобы получить добавленную фотографию примерно того же размера, что и эта другая маленькая фотография. Затем вы хотите разместить добавленную фотографию в нужном месте композиции. Для этого щелкните внутри границы и перетащите. Эти розовые направляющие могут появиться — они называются умными направляющими — чтобы помочь вам выровнять добавленную фотографию с другими элементами в композиции.Когда вас устраивают размер и размещение добавленной фотографии, завершите размещение, поднявшись на панель параметров и нажав там большую галочку. Вот и все. Если позже вы решите переместить добавленную фотографию, вы можете сделать это, просто выбрав ее слой, получив инструмент «Перемещение» на панели «Инструменты» и перетащив добавленную фотографию в другое место в композиции. Или скажем, вы хотите изменить размер добавленной фотографии. Вы тоже можете это сделать. И для этого вы воспользуетесь командой Free Transform, о которой мы узнали в предыдущем видео в этом руководстве.Итак, скажем, я хотел, чтобы это среднее изображение было другого размера, я бы убедился, что его слой выбран на панели «Слои», я бы поднялся в меню «Правка» и выбрал «Свободное преобразование», удерживая клавишу Shift, чтобы сохранить пропорции. и перетащите из любого угла, чтобы изменить размер этой фотографии. Затем нажмите галочку на панели параметров, чтобы подтвердить это изменение. При использовании команды «Поместить внедренное» следует помнить об одном. И это то, что есть некоторые изменения, которые вы не можете сделать непосредственно в результирующем смарт-объекте, созданном этой командой.Теперь есть много чего узнать об интеллектуальных объектах, но пока давайте просто поговорим о том, что делать, если вы столкнетесь с такой ситуацией. Допустим, я хотел раскрасить добавленную мной фотографию. Я выберу его слой на панели «Слои», перейду на панель «Инструменты» и выберу инструмент «Кисть». Когда я перехожу к изображению и щелкаю, чтобы рисовать, я получаю сообщение о том, что «Этот объект необходимо растрировать, прежде чем продолжить». Это означает, что если я нажму «ОК», я конвертирую добавленный слой с фотографией в обычный пиксельный слой.И это нормально, поэтому я нажимаю ОК. И это простое решение, которое позволит мне рисовать на добавленной мной фотографии. Итак, теперь, когда вы знаете, как добавлять изображения в композицию, получайте удовольствие, создавая свой собственный уникальный дизайн из нескольких изображений в Photoshop.

Что вы узнали: как добавлять изображения в дизайн

1. Выберите File> Place Embedded , перейдите к файлу изображения в проводнике (Windows) или Finder (macOS) и нажмите «Поместить».
2. Удерживайте нажатой клавишу Shift, чтобы не искажать изображение, и перетащите углы границы изображения, чтобы изменить размер добавленного изображения.
3. Перетащите курсор внутрь границы, чтобы расположить добавленное изображение в нужном месте.
4. Щелкните флажок на панели параметров, чтобы завершить размещение. Это автоматически создает новый слой, содержащий добавленное изображение.

Узнайте, как работает специальный фоновый слой.

Многие файлы имеют специальный фоновый слой.Давайте посмотрим, что такое фоновый слой и как с ним работать. Если вы следуете инструкциям, используйте этот файл из файлов практики для этого руководства. Давайте посмотрим на панель «Слои», где в нижней части этого стека слоев находится слой с надписью «Фон» с заглавной буквой B и символом замка. Вот как распознать специальный фоновый слой. Содержимое этого фонового слоя — большая фотография на заднем плане изображения в окне документа. Такой фоновый слой имеет особые свойства, отличные от обычного слоя.Например, вы не можете изменить порядок наложения фонового слоя на панели «Слои». Попробуйте переместить его вверх в стопке слоев, выбрав фоновый слой и перетащив его вверх. И вы просто не можете положить его поверх этих других слоев. Вместо этого вы получаете этот символ «ни в коем случае». А когда вы убираете палец с мыши или трекпада, фоновый слой возвращается в нижнюю часть стека слоев. Точно так же вы не можете перетащить другой слой под фоновым слоем на панели «Слои».Попробуйте выбрать другой слой, а затем перетащите его под фоновый слой, и вы получите тот же самый символ «ни в коем случае». Фоновый слой просто должен находиться внизу стека слоев, а его содержимое должно находиться позади изображения, позади других элементов изображения. Вернемся к панели «Слои» и снова выберем фоновый слой, чтобы увидеть что-то еще, чего нельзя сделать с фоновым слоем. И это чтобы переместить его с помощью инструмента «Перемещение». Я перейду и выберу инструмент «Перемещение» на панели «Инструменты».Я нажимаю на эту большую фоновую фотографию и пытаюсь переместить, но получаю сообщение о том, что инструмент «Перемещение» не может переместить этот слой, потому что слой заблокирован. Я нажму ОК, чтобы отклонить это. Есть еще пара вещей, которые нельзя сделать с фоновым слоем. Например, вы не можете изменять непрозрачность слоя и не можете иметь прозрачные пиксели на фоновом слое. Итак, что, если вы хотите сделать что-либо из этого со специальным фоновым слоем? В этом случае вам нужно преобразовать фоновый слой в обычный слой.И это так просто, как один клик. Просто спуститесь к фоновому слою и нажмите на символ замка, и он исчезнет, ​​и этот слой станет обычным слоем под названием Layer 0. И теперь, поскольку это обычный слой, я мог бы делать все то, что я только что упомянул, что вы можете » Тоже с фоновым слоем. Это всего лишь один пример, я могу переместить этот слой с помощью инструмента «Перемещение». У меня все еще выбран инструмент «Перемещение», я перехожу к изображению и перетаскиваю его вправо, и это действительно перемещает слой 0, и он показывает прозрачность позади него, потому что это самый нижний слой в стеке слоев.А что, если вы действительно хотите иметь специальный фоновый слой, а у вас его нет в вашем файле. Что ж, вы можете превратить любой слой в специальный фоновый слой, перейдя в меню «Слой» и выбрав «Новый», «Фон из слоя». В данном случае я действительно хочу создать новый слой и сделать его фоновым. Итак, я спущусь к нижней части панели «Слои» и нажму кнопку «Создать новый слой». Это создает новый слой 1, который я перетащу в конец стопки слоев. Слой 1 в настоящее время пуст.Я залью его белым. Для этого я поднимусь в меню «Правка» и выберу «Заливка» … В открывшемся диалоговом окне «Заливка» я изменю первое раскрывающееся меню на «Белый». И я нажимаю ОК. И теперь у нас есть белый слой внизу стопки слоев. Чтобы превратить его в специальный фоновый слой, я перейду в меню «Слой» и выберу «Новый», «Фон из слоя». И теперь этот слой заблокирован, я не могу его перемещать или делать другие вещи, о которых я упоминал. И это обеспечивает стабильную основу для этой композиции.Итак, фоновые слои заслуживают упоминания, потому что вы столкнетесь с одним из них раньше, чем позже. И теперь вы знаете, что такое фоновый слой, каковы его ограничения и как с ним работать.

Что вы узнали: преобразование фонового слоя в обычный

• Поскольку слой Background заблокирован, его нельзя перемещать в окне Document или переставлять на панели Layers , и некоторые функции редактирования на нем не работают.
• Чтобы изменить фоновый слой на обычный слой, щелкните значок замка справа от имени слоя на панели «Слои » .

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как накладывать изображения в Photoshop

Поэкспериментируйте с режимами наложения.

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

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

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

Сделайте фотографии текстурными.

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

Создайте маску первого слоя

Что такое маска слоя?

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

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

Создать маску слоя

1. Выберите слой на панели «Слои».
2. Нажмите кнопку «Добавить маску слоя» в нижней части панели «Слои». На выбранном слое появится белая миниатюра маски слоя, открывающая все на выбранном слое.

Добавить черный к маске слоя, чтобы скрыть

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

1. На панели «Слои» убедитесь, что вокруг миниатюры маски слоя есть белая рамка. Если белая граница отсутствует, щелкните миниатюру маски слоя.
2. Выберите инструмент «Кисть» на панели инструментов. На панели параметров откройте палитру кистей и выберите размер и жесткость кисти.
3. Нажмите D, чтобы установить белый и черный цвета по умолчанию на панели инструментов.Затем нажмите X, чтобы переключить цвета, чтобы черный стал цветом переднего плана.
4. Закрасьте изображение, добавив черный цвет к маске слоя. Черный цвет на маске слоя скрывает слой с маской, поэтому вы можете видеть слой ниже или узор шахматной доски, который представляет прозрачность.

Добавьте белый цвет к маске слоя, чтобы открыть

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

1. Нажмите X, чтобы переключить цвета переднего плана и фона на панели инструментов, чтобы белый стал цветом переднего плана.
2. Закрасьте скрытые области изображения. Это добавляет белый цвет к маске слоя, возвращая в поле зрения соответствующие области замаскированного слоя.

Тонкая настройка маски слоя с черным, белым и серым

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

Сохраните свою работу со слоями

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

Channel mixer перевод в фотошопе. Что такое channel mixer в Photoshop. Image

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

7. Почему в CMYK смешивание каналов 50% Cyan и 50% Black через Channel Mixer даёт результат отличный от такого же смешивания в Calculations?

Вопрос не совсем для базового уровня, но тема важная и интересная. В качестве примера я возьму вот такую фотографию Димы Шатрова . Она довольно темная и при переводе в CMYK получится достаточно проработанный и насыщенный деталями черный канал. Отдаем команду Image > Mode > CMYK (Изображение > Режим > CMYK) и получаем цветоделение в соответствии с настройками Color Settings (Настройка цветов).

Далее вызываем команду Calculations (Вычисления). Не смотря на пугающий интерфейс, команда эта очень простая. На монохромную картинку, выбранную в разделе Source 2 (Источник 2), накладывается монохромное изображение, выбранное в разделе Source 1 (Источник 1). Режим наложения и непрозрачность задаются в разделе Blending (Наложение). В нашем случае канал Cyan просто накладывается на канал Black с пятидесяти процентной непрозрачностью. А результат сохраняется в новый альфа-канал.

А теперь попробуем второй способ. Возиться с корректирующими слоями смысла нет, поэтому просто вызываем Image > Adjustments > Channel Mixer (Изображение > Коррекция > Микширование каналов). Поставим ключ Monochrome (Монохромный) и зададим рецепт смешивания: Cyan 50%, Magenta 0%, Yellow 0%, Black 50%. При создании монохромной картинки в CMYK она проявляется только в черном канале.

Вот так по результатам работы будут выглядить палитры слоев. После Calculations (Вычисления) на экран выводится альфа канал (слева), после Channel Mixer (Микширование каналов) — композитное изображение (справа).

А вот что будет видно на экране. Для наглядности я разделил картинку пополам и совместил результаты коррекций. Действительно, оезультат работы Channel Mixer (Микширование каналов) явно светлее.

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

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

Объясняется такая нестыковка очень просто. Композитное изображение выводится на экран в соответствии с профилем CMYK. В моем случае это стандартный Coated FOGRA39. То есть, фотошоп пытается показать на экране, какой результат будет после печати черной краской на бумаге. И результат этот оказывается достаточно светлым.

А содержимое канала — это изображение монохромное. Поэтому выводится оно на экран в соответствии с профилем Gray и выглядит темнее. Когда же мы сравниваем содержимое двух каналов, они оба выводятся с одинаковым профилем, поэтому выглядят одинаково.

О том, почему у меня выбран профиль Gray Gamma 2.2 и некоторых особенностях работы команды Apply Image (Внешний канал) мы поговорим в следующий раз.

Команда Channel Mixer (Смеситель каналов) в Фотошопе дает уникальную смесь каналов RGB или CMYK, которую очень трудно получить при помощи других команд. О том, как использовать эту команду для преобразования изображения из цветового режима в полутоновой или для тонирования полутонового изображения, рассказано в главе 9 уроков Фотошопа, раздел «Превращение слоя в полутоновой с помощью команды Channel Mixer».

При перемещении влево ползунка исходного канала Black (Черный) количество черного цвета в канале уменьшается, а вправо — увеличивается.

Помните о соотношении 6 основных цветных компонентов: от Cyan (Голубой) к Red (Красный), от Magenta (Пурпурный) к Green (Зеленый) и от Yellow (Желтый) к Blue (Синий). Уменьшение количества голубого, например, вызовет увеличение красного оттенка в канале и наоборот. Если вы забыли эти соотношения, откройте диалоговое окно Color Balance (Баланс цвета).

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

1. Щелкните по кнопке ОК .

Ситуация, когда хочется насытить блеклые цвета исходной фотографии, довольно распространена. В моём скромном Canon»е EOS 450D в пресетах для пейзажа насыщение встроено просто по умолчанию, дескать, мир тускл и невзрачен, мы сделаем вам красиво. Конечно, такие умолчания следует сбросить, но тем не менее, необходимость насытить цвета некоторых фотографий, действительно, возникает. Вовсе не обязательно делать из фотографии флуоресцентную картинку дешового календаря, но без определеной коррекции не обойтись.

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

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

Saturation vs. Vibrance

На самом деле, базовый инструмент для повышения цветовой насыщенности был в Фотошопе всегда, это Hue/Saturation (Оттенок/Насыщенность), опция Saturation. Однако, пользоваться инструментом напрямую нельзя. Дело в том, что Hue/Saturation предназначен для прямой, так сказать, «математической» работы в модели цветов HSB и повышает насыщенность (ось S цилиндрических координат HSB) линейно, примерно так, как инструмент Light повышает яркость. Ясно, что при таком алгоритме изначально интенсивно окрашенные области фотографии быстро выходят в насыщение и теряют естественность. С ними происходит примерно то же, что происходит со светами при использовании инструмента Light: соответствующие RGB каналы достигают и упираются в значение 255, что в терминах фотографов и цветокорректоров обозначается пугающими терминами «выжигание цвета», «100%-ная плашка» и богатым словом клиппинг – «слипание» цветов.

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

Во исправление очевидных недочетов инструмента Hue/Saturation разработчики Фотошопа предложили, начиная с CS4 новую его модификацию, заточенную под реальную фотографическую практику насыщения цветов — Vibrance . Прежде чем перейти к собственно опции Vibrance, стоит заметить, что на новой форме присутствует и движок Saturation. Его воздействие на изображение более «интеллектуальное» и менее формальное, чем работа традиционного инструмента Hue/Saturation. «Интеллектуальность» заслуживает отдельного исследования, которое я пока не готов делать; как минимум, новый Saturation не только изменяет значение S, но и корректирует H и B в модели HSB.

Буквальное значение слова Vibrance — «вибрация», но этот перевод хотя иногда и встречается в Сети, не имеет никакого отношения к функциям инструмента. Чаще же используется просто калька «вибранс» или «вибренс», потому что соответствующий русский аналог подобрать сложно: может быть, «сочность»? (Кажется, иногда употребляется «красочность».) В отличие от инструмента Saturation, Vibrance повышает насыщенность цветов нелинейно. Уже насыщенные цвета насыщаются едва-едва, мало- и средне-насыщенные насыщаются сильнее всего, а цвета близкие к серому также изменяются слабо. Таким образом, с одной стороны, изображению не грозит клиппинг активно окрашенных областей, а с другой — в серых тонах не выскакивают в разброс отдельные цветные пикселы.

Кроме того, как показывает исследование, Vibrance имеет ряд нетривиальных особенностей. Он

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

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

Достоинства и недостатки

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

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

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

Selective Color и Channel Mixer

В Фотошопе реализованы два инструмента, позволяющие добавить в цветовые каналы RGB и CMY дополнительные цветовые оттенки. Это Channel Mixer (Смеситель каналов ) и Selective Color (Избранный цвет ). Оба инструмента вполне можно применять для поканальной цветокоррекции, но для повышения общей насыщенности цветов они тоже пригодится. Принцип использования инструментами схож.

Channel Mixer очевиднее в понимании и проще в использовании; с другой стороны, воздействие его резче. Инструмент позволяет в каналы RGB – красный, зеленый и синий – подмешать ещё (и удалять) красный, зеленый и синий. Естественно, для повышения интенсивности цвета нужно добавить в каждый канал добавить порцию того же цвета и убрать примерно по полпорции двух других цветов, чтобы сохранить яркость, то есть в канал R добавить красного и убрать зеленый и синий, G +(зеленый) -(красный) -(синий) и аналогично с каналом B . Проще понять это из картинки в начале раздела.

Использовать Channel Mixer нужно с аккуратностью — жестковат.

Инструмент Selective Color предназначен для предпечатной подготовки, потому что в качестве подмешиваемых цветов использует CMYK, которые, как известно, просто краски печатной машины. Цвета CMY циан, магенту и желтый можно подмешивать в основные и дополнительные цвета (RGB и CMY), а также в света, тени и полутени. Есть два способа сделать это для повышения интенсивности цветов.

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

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

Достоинства и недостатки

Selective Color можно использовать для выборочных цветов (скажем, только для синего), и это хорошо. Вообще, им можно вертеть гораздо в большей степени, чем Vibrance. Мелким шрифтом отмечу, что возможножность «приложиться» к определенному цветовому диапозону еще лучше реализована в Hue/Saturation в виде продвинутого слайдера, но описанная ущербность инструмента нивилирует эти преимущества.

Риск применения обоих инструментов — можно ненароком повредить цвета, и об этом всегда нужно помнить.

Каналы Lab

Профессионалы используют для цветоррекции пространство Lab . Оно, это математическое пространство цветов , интересно тем, что в нем, в отличие от других применяемых в Фотошопе пространств, яркость (канал L) отделена от цвета (каналов a и b). Это здорово, но пользоваться Lab без навыка не очень удобно. Точнее, совсем неудобно. Тем не менее, один из способов повышения насыщенности основан на кривых Lab и использует премущества этого пространства именно в отдельном положении цветов.

Ясно, что для повышения интенсивности цветов нужно в палитре Lab-кривых выкрутить цветовые каналы a и b. Вопрос, как это сделать? Главная идея в том, что круче кривая, тем больше степень дополнительного насыщения. Обычно рекомендуют использовать S-образную кривую (вариант со смещением граничных точек отбросим как заведомо абсурдный). Я вынужден не согласиться с этим.

Дело в цветовой ширине пространства Lab: она гораздо больше возможностей монитора, печатной машины и даже глаза человека. Фактически только центральная часть осей a и b может быть воспроизведена адекватно в реальной, а не математической жизни (что, собственно, видно на гистограмме на скриншотах вначале раздела). S-образная кривая имеет пучность как раз в области предельно допустимых для техники цветов, и тем самым легко провоцирует клиппинг.

По-этому я предлагаю модифицированную S-кривую, которая быстро возвращается к диагонали при увеличении абсолютной величины a и b. Точное определение модифицированной S-кривой ещё нужно подобрать. Кстати, по мнению Маргулиса в канале a

Достоинства и недостатки

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

Искривление кривых a и b воздействует на цвета, добавляя вдруг даже в чистые цвета загрязняющие оттенки. На первый взгляд, неожиданно для декларированной независимости цветов в Lab, но все встает на свои места, если сообразить, что оси a и b вовсе не параллельны осям RGB…

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

Для чего нужен и как работает инструмент «Channel Mixer» (смеситель каналов) в Photoshop? Собственно из названия видно, что данный инструмент смешивает каналы. Что это значит поясню на примере.

Выбираем в меню «Channel Mixer» (Рисунок 1).

(Рисунок 1) Меню Photoshop CS5

Появляется такое окошко:

На рисунке 2 видно, что по умолчанию каждый канал содержит в себе 100% самого себя и 0% остальных каналов.

Теперь о принципе работы инструмента Channel Mixer. В качестве Output Channel выбираем Red, это значит что действия, которые мы будем совершать, отразятся в канале Red. Далее, перемещая движки мы или прибавляем к выбранному каналу другой канал, или вычитаем. Например, движок канала Red оставляем на 100%, Green передвигаем на +10%, Blue на -20%. Это значит, что к исходному каналу Red мы добавили 10% канала Green и отняли 20% канала Blue, и у нас получился новый канал Red.

Вот более наглядный пример:
Output Channel Red — делаем Red (-100%) Green (+100%)
Output Channel Green — делаем Red (+100%) Green (-100%)
таким образом мы поменяли местами два канала Red и Green.

И для чего же это нужно?

Как можно на практике использовать Channel Mixer?

Вот пара мыслей.

Можно с помощью Channel Mixer . Или например, у нас есть CMYK фото с людьми, на котором телесные тона немного красноватые, с помощью Channel Mixer можно канал Magenta немного ослабить и вычесть из него чуть-чуть канала Yellow, а в канал Yellow наоборот добавить немного канала Magenta, в результате телесный тон станет желтее.

Вообще это всего лишь теоретические примеры, главное понимать принцип работы инструмента Channel Mixer, и дальше смотреть по ситуации, как его можно применить.

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

Граффити на стене в Photoshop

Для начала, давайте преобразуем изображение в чёрно-белое, это проще всего сделать нажатием комбинации клавиш Ctrl+Shift+U. Затем, мы должны увеличить его контраст. Есть несколько способов добиться этого, но я пришёл к выводу, что в данном случае использование инструмента «Уровни» (Levels) даст нам наилучшие результаты. Нажмите комбинацию клавиш Ctrl+L для открытия диалогового окна «Уровней», и, затем, сместите крайние чёрные и белые ползунки несколько к центру:

Теперь наше изображение должно иметь примерно такой вид:

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

Теперь возвратим документу его первоначальный вид. Для этого пройдите по вкладке главного меню Окно —> История (Window —> Hiatory) и кликните по верхней строке в панели истории, либо или нажмите Файл —> Восстановить (File —> Revert) или клавиша F12.
И сразу сохраняем документ как новый файл PSD, дабы не затронуть готовый PSD-файл с картой смещения.

Текст

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

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

Применив эти стили, я получил такой результат:

Придаём тексту рельеф

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

Одно важное дополнение. Перед тем, как применить карту, преобразуем наш текст в
смарт-объект (Smart Object) для того, чтобы при необходимости редактировать текст, его стили слоя и цвета на более позднем этапе, после применения фильтра «Смещение»:

Теперь применяем «Смещение», для этого идём по вкладке главного меню Фильтр —> Искажение —> Смещение (Filter —> Distort —> Displace), после чего открывается диалоговое окно фильтра, где изменяем оба значения на 3 или 4:

Нажимаем ОК, после чего появляется окно выбора файла, где нам следует выбрать сохранённый файл PSD с картой смещения, который мы созданный в начале, у меня этот файл называется disp_map.psd:

Вот что получилось у меня после этого. Текст вроде-как начал принимать форму стены, но, пока ещё, мы далеки от идеала:

Смешивание слоёв

Очевидно, что текст должен вписываться в стену. Мы проделали большую работу по изменению границы теста от прямой линии, но теперь тестовый слой нуждается в органичном наложении на фоновый. Есть несколько способов это сделать, в том числе применение различных режимов наложения, но,в данном случае, я покажу другой способ смешивания, на мой взгляд, наиболее подходящий в данной ситуации. Идём по вкладке главного меню Слои —> Стиль слоя —> Параметры наложения (Layer —> Layer Styles —> Blending Options) или просто дважды кликаем по бывшему текстовому слою, а ныне смат-объекту, в результате открывается окно параметров наложения по умолчанию. Нас интересует раздел «Наложение, если» (Blend If):

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

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

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

Если зажать клавишу Alt и кликнуть по ползунку, то он разделится надвое, а эти половинки следует несколько раздвинуть:

Вот теперь я получил именно то, что хотел:

rugraphics.ru

Рисуем граффити на стене в Фотошоп / Фотошоп-мастер

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

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

Фотографию скейтера для этого урока любезно предоставил Paul Frost.

Скачать архивы с материалами для урока

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

Шаг 1

Откройте Photoshop, создайте новый RGB документ размером 29,7 см на 21 см с разрешением 300 пикселей/дюйм (dpi). Возьмите изображение стены с iStockphoto или используйте любую похожую фотографию. Перетяните фотографию на документ в качестве нового слоя, выберите инструмент Штамп (Clone tool), в строке Образец (Sample) выберите Все слои (All Layers). Расширьте штукатурку в левой части фотографии. Вы можете также убрать черную краску в правом верхнем углу. Когда вы будете довольны результатом, объедините все слои при помощи клавиатурного сокращения Ctrl + E.

Шаг 2

Сохраните изображение под именем Graffiti Tutorial. Обесцветьте его (Ctrl + U), а затем примените эффект Размытие по Гауссу (Gaussian blur) с радиусом 2,5 пикселя. Для этого перейдите в меню Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur). Теперь нажмите Shift + Ctrl + S, чтобы Сохранить как (Save as), выберите формат Photoshop и назовите файл Bumpmap.psd. Теперь можете закрыть изображение — мы вернемся к нему ближе к концу урока и используем как карту смещения для граффити.

Шаг 3

Откройте документ Graffiti Tutorial, добавьте новую группу под названием «Graffiti 1», затем откройте фотографии из архива (от Graffiti_1.jpg до Graffiti_16.jpg). Теперь используйте инструмент Волшебная палочка (Magic Wand) или перейдите в меню Выделение > Цветовой диапазон (Select > Colour Range), чтобы выделить граффити, а затем скопировать и вставить их в папку нашего документа в качестве новых слоев.

Шаг 4

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

Попробуйте поменять оттенок надписей на более бледный и уменьшить Непрозрачность (Opacity), чтобы «состарить» рисунки. Также можете попробовать смешать слои, дважды кликнув по миниатюре слоя, а затем перетянув белый ползунок раздела Наложение если (Blend If) влево. Если зажать клавишу Alt и перетянуть половину ползунка, можно достичь более мягкого эффекта.

Шаг 5

Откройте файл Skater.jpg (он находится в архиве), обрежьте лишний фон. Теперь выберите инструмент Перо (Pen tool) с режимом Контур (Paths), чтобы выделить скейтера. Вам не нужно быть 100% аккуратными при размещении точек, так как финальный результат все равно будет грубым. Когда вы закончили, перейдите на вкладку Контуры (Paths) и дважды кликните по миниатюре контура для сохранения изменений.

Шаг 6

Обесцветьте слой, нажав Shift + Ctrl + U, затем сгенерируйте выделение из контура, нажав Ctrl и кликнув по его миниатюре. Нажмите Shift + Ctrl + I, чтобы инвертировать выделение, после чего заполните его белым. Теперь откройте меню Уровни (Levels), нажав Ctrl + L. Установите значение левой точки на 71, средней – 3,37, правой — 187. Это повысит контраст.

Шаг 7

Сейчас мы немного усилим контраст. Перейдите в меню Изображение > Коррекция > Постеризация (Image > Adjust > Posterize). Введите значение 3. Теперь нам нужно упростить детали, чтобы рисунок выглядел как вручную сделанный трафарет. Снова выделите контур, а затем при помощи жесткой кисти закрасьте черные и белые зоны. После этого выберите инструмент Пипетка (Eyedropper tool), возьмите образцы серого и также закрасьте некоторые участки. Теперь перейдите в меню Фильтр > Шум > Медиана (Filter > Noise > Median). Установите параметр Радиус (Radius) на 2 пикселя.

Шаг 8

Выберите инструмент Волшебная палочка (Magic Wand tool), снимите галочку Смежные пиксели (Contiguous), установите параметр Допуск (Tolerance) на 2, а затем выделите черные области рисунка. Перейдите к панели Каналы (Channels), создайте новый канал. Теперь используйте выпадающее меню, чтобы открыть Параметры канала (Channel Options). Выберите пункт Выделенные области (Selected Areas). Изменение первоначальных параметров канала упростит последующие шаги.

Шаг 9

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

Примечание переводчика — просто уберите мелкие детали, или «висящие» отдельно участки.

Шаг 10

Выделите серые зоны, создайте новый канал, и заполните его черным цветом. Зарисуйте некоторые участки, упростив рисунок. Назовите канал «Grey». Теперь выделите белые зоны, снова создайте новый канал, затем заполните выделение черным. Выделите прежде созданный контур, инвертируйте, после чего нажмите Alt + Delete, чтобы заполнить его белым. Уберите выделение, назовите канал «White».

Шаг 11

Создайте новый слой, удалите фоновый слой. Сгенерируйте выделение канала «Grey» (для этого кликните по его миниатюре с зажатой клавишей Ctrl — прим. переводчика), затем заполните выделение бледно-коричневым (R = 243; G = 165; B = 114). Таким же образом выделите канал «White», заполните его слегка желтоватым (R = 200; G = 240; B = 224) на новом слое. Повторите тот же процесс для канала «Black», заполнив его черным цветом на другом слое.

Примечание. Рекомендуемые RGB значения от переводчика: 1) заливка для канала «Grey» — R = 243; G = 240; B = 225 2) заливка для канала «White» R = 243; G = 240; B = 225

Шаг 12

Выберите инструмент Рамка (Crop tool) и растяните нижнюю часть холста, прежде чем подтвердить кадрирование. Поверните изображение против часовой стрелки, как показано на рисунке. Теперь пора добавить немного подтеков краски. Откройте файл Paint_1.jpg. При помощи инструмента Волшебная палочка (Magic Wand tool) со снятой галочкой Смежные пиксели (Contiguous) выделите фотографию. После этого скопируйте и вставьте ее над слоем с черной заливкой (на скриншоте он назван «Black fill»). Трансформируйте слой с лишней краской, поместите его в необходимом месте, а затем измените режим наложения на Умножение (Multiply). Теперь удалите лишние части, после чего добавьте оставшиеся файлы для получения максимально реалистичного эффекта.

Шаг 13

Теперь используйте те же светло-коричневые и желтоватые оттенки, чтобы заполнить другие зоны с подтеками краски. Используйте Обычный (Default) режим наложения — мы добиваемся легкого эффекта, поэтому не перестарайтесь. После того, как вы станете довольны результатом, Объедините видимые (Merge Visible) слои, нажав Shift + Ctrl + E. Назовите получившийся слой «Skater».

Теперь перейдите к пресетам кистей. Выберите среднюю мягкую кисть, поставьте галочку напротив пункта Шум (Noise) на панели пресетов. Добавьте немного подтеков, используя те же цвета, включая черный. Перетяните слой «Skater» в документ, разместив его над группой из слоев.

Шаг 14

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

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

Шаг 15

Назовите слой с большим граффити «Main graffiti». Перетяните его в документ с нашей работой, разместив над слоем со скейтером. Переместите его в правый нижний угол. Теперь выберите инструмент Ластик (Eraser tool) и смягчите углы. Измените режим наложения слоя «Main graffiti»  на Экран (Screen) и установите Непрозрачность (Opacity) — 60%. Продублируйте его, затем установите режим наложения для копии Линейный затемнитель (Linear Burn), Непрозрачность (Opacity) — 77%.

Шаг 16

Установите режим наложения слоя «Skater» Экран (Screen), сократите его Непрозрачность (Opacity) до 75%. Продублируйте этот слой, затем установите следующие параметры для дубликата: Режим наложения — Линейный затемнитель (Linear Burn), Непрозрачность (Opacity) — 77%. Откройте файл «Tag.tif», перетяните его в документ как новый слой, разместите надо всеми остальными. Перетяните его в произвольное место, установите режим наложения Экран (Screen), Непрозрачность (Opacity) — 50%.

Выделите верхний слой и примените к нему смещение. Для этого перейдите в меню Фильтр > Искажение > Смещение (Filter > Distort > Displace). В появившемся окне установите Масштаб по горизонтали и вертикали (Horizontal, Vertical Scale) на 5, выберите пункты Растянуть (Stretch To Fit), Повторить граничные пиксели (Repeat Edge pixels). После этого кликните по кнопке ОК, выберите файл bumpmap.psd, созданный в шаге №2, и кликните Открыть. После этого, по очереди выделите все слои и нажмите Ctrl + F для повтора фильтра. Теперь ваши граффити повторяют контуры стены под ними.

Автор: Mark Mayers

photoshop-master.ru

Создаем эффект граффити в Фотошоп / Фотошоп-мастер

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

Другие работы с эффектом объема 3D-граффити Graffiti Effect с Pop Up Photoshop представлены на сайте Envato.

Скачать архив с материалами к уроку

1. Как создать фон кирпичной кладки

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

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

Примечание переводчика: Для изменения размера, воспользуйтесь Инструментом Трансформации: Редактирование (Edit) — Трансформирование (Transform) — Масштабирование (Scale).

2. Как добавить граффити

Шаг 1

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

Шаг 2

Нажмите на вторую иконку Добавить слой маску  (Add layer mask) в нижней части панели Слои (Layers), чтобы добавить маску слоя к слою с изображением граффити.

Установите Цвет переднего плана на #000000 и выберите Гранжевую кисть (Grunge brush), прокрасьте на маске слоя, чтобы скрыть некоторые эффекты граффити и выявить кирпичную стену.

3. Как создать портрет в стиле граффити

Шаг 1

Откройте фотографию с лицом модели. Скопируйте и вставьте в наш документ, выше всех слоев. Используйте инструмент Волшебная палочка (Magic Wand Tool), чтобы выделить фон вокруг портрета. Установите Допуск (Tolerance) 10 и, установив галочки на Сглаживание (Anti-alias) и Смежные пиксели (Contiguous), удерживая нажатой клавишу Shift, выделите все участки фона. Нажмите Delete для удаления выделенного фона.

Нажмите Ctrl +D, чтобы снять выделение. 

Шаг 2

Нажмите Ctrl +J, и продублируйте слой с головой модели дважды, и назовите новые слои портрет 1 и портрет 2. Скройте два вновь созданных слоя: при нажатии на значок Глаз рядом с любым слоем на панели Слоев (Layers) можно скрыть или показать слой.

Шаг 3

Вернитесь к самому первому слою с изображением головы модели и добавьте стиль слоя Обводка (Stroke): Размер 4 пикс., Положение Из центра (Center), цвет #000000.

Шаг 4

Применим к этому слою Фильтр: Переходим во вкладку Фильтр (Filter) — Имитация (Artistic) — Аппликация (Cutout) и выберите Количество уровней (Number of Levels) 8, Простота краев (Edge Simplicity) 0 и Четкость краев (Edge Fidelity) 3.

Шаг 5

Добавьте Корректирующий слой Постеризация: Слои (Layers) — Новый Корректирующий слой (New adjustment layer) – Постеризация (Posterize), поставьте галочку Использовать предыдущий слой в качестве обтравочной маски, установите Уровни (Levels) на 5 единиц.

Шаг 6

Добавьте Корректирующий слой Яркость/Контрастность: Слои (Layers) — Новый Корректирующий слой (New adjustment layer) — Яркость/Контрастность (Brightness / Contrast), поставьте галочку Использовать предыдущий слой в качестве обтравочной маски, Яркость (Brightness) до 117 и Контрастность (Contrast) до -50.

Шаг 7

Добавьте Корректирующий слой Цветовой тон/насыщенность: Слои (Layers) — Новый Корректирующий слой (New adjustment layer) — Цветовой тон/насыщенность (Hue / Saturation), поставьте галочку Использовать предыдущий слой в качестве обтравочной маски, установите Тон (Hue) на 129 и Насыщенность (Saturation) до 100.

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

Шаг 8

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

Измените режим наложения этого слоя, с копией текстуры граффити, на Светлее (Lighter Color)

Нажмите на иконку Добавить слой маску (Add layer mask) в нижней части панели Слои (Layers), чтобы добавить маску слоя к слою с изображением граффити. Установите Цвет переднего плана на #000000 и выберите Гранжевую кисть (Grunge Brush), прокрасьте на маске слоя, чтобы скрыть некоторые эффекты граффити в районе лица парня.

Шаг 9

Нажмите на значок Глаз рядом со слоем портрет 1 слой, чтобы включить видимость слоя. Установите цвет переднего плана #000000 и цвет фона #ffffff.

Шаг 10

Переходим во вкладку Фильтр (Filter) — Эскиз (Sketch) – Ксерокопия (Photocopy) и выбираем Детализация (Detail) 3, Затененность (Darkness) до 50.

Шаг 11

Переходим во вкладку Фильтр (Filter) — Имитация (Artistic) — Аппликация (Cutout) и выбираем Количество уровней (Number of Levels) 3, Простота краев (Edge Simplicity) 3 и Четкость краев (Edge Fidelity) 3.

Шаг 12

Перейдите к Изображение (Image) — Коррекция (Adjustments) — Уровни (Levels) и установите значения как на изображении ниже:

Шаг 13

Установите режим наложения слоя портрет 1 на Умножение (Multiply).

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

4. Как создать эффект кирпича

Шаг 1

Нажмите Shift-+Ctrl +N, чтобы создать Новый слой поверх всех остальных слоев. 

Нажмите Shift+Ctrl +Alt+E, чтобы объединить все видимые слои. Назовите этот слой Кирпичи. 

Шаг 2

Добавьте маску слоя к слою Кирпичи.

Шаг 3

Выполните следующее действие: Изображение (Image) — Тримминг (Trim) и обрежьте холст, основанный на прозрачных пикселях.

Шаг 4

Перейти к самому нижнему слою с текстурой кирпичной стены и создайте выделение с помощью Инструмента Прямоугольная область выделения (Rectangular Marquee Tool). Нажмите Ctrl +C, чтобы сделать копию выделения.

Шаг 5

Вернитесь к слою Кирпичи и на вкладке Каналы (Channels) нажмите на значок Глаз рядом с маской слоя Кирпичи, чтобы сделать его видимым. Нажмите Ctrl + V, чтобы Вставить (Paste) выделение в этой маске.

Примечание переводчика: Если не получается с клавишами Ctrl + C, попробуйте так: после того, как в шаге 4, вы выделили участок Прямоугольным выделением, перейдите в меню Редактирование (Edit) – Копировать (Copy), теперь перейдите на слой Кирпичи, зайдите в закладку Каналы, нажмите значок Глаз напротив Маски слоя, активируйте слой, опять меню Редактирование (Edit) – Вставить (Paste).

Шаг 6

Вернитесь к вкладке Слои (Layers) и нажмите Ctrl +D, чтобы отменить выделение. Также кликните два раза мышкой по миниатюре окна на слое Кирпичи.

Шаг 7

Зайдите в Стиль слоя (Layer Style Window) Кирпичи и добавьте стиль Тиснение (Bevel and Emboss). Выставите настройки, как на изображении ниже.

Примечание переводчика: Стиль: Внутренний скос, Метод: Жесткая огранка, Глубина: 704%, Направление: Вниз, Размер: 65 пикс., Угол: 120 градусов, Режим подсветки: Перекрытие, Режим тени: Умножение.

Поздравляю! Вы это сделали!

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

Окончательный результат.

Автор: John Negoita

photoshop-master.ru

Рисуем граффити на стене в Фотошоп / Фотошоп-мастер

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

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

Фотографию скейтера для этого урока любезно предоставил Paul Frost.

Скачать архивы с материалами для урока

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

Шаг 1

Откройте Photoshop, создайте новый RGB документ размером 29,7 см на 21 см с разрешением 300 пикселей/дюйм (dpi). Возьмите изображение стены с iStockphoto или используйте любую похожую фотографию. Перетяните фотографию на документ в качестве нового слоя, выберите инструмент Штамп (Clone tool), в строке Образец (Sample) выберите Все слои (All Layers). Расширьте штукатурку в левой части фотографии. Вы можете также убрать черную краску в правом верхнем углу. Когда вы будете довольны результатом, объедините все слои при помощи клавиатурного сокращения Ctrl + E.

Шаг 2

Сохраните изображение под именем Graffiti Tutorial. Обесцветьте его (Ctrl + U), а затем примените эффект Размытие по Гауссу (Gaussian blur) с радиусом 2,5 пикселя. Для этого перейдите в меню Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur). Теперь нажмите Shift + Ctrl + S, чтобы Сохранить как (Save as), выберите формат Photoshop и назовите файл Bumpmap.psd. Теперь можете закрыть изображение — мы вернемся к нему ближе к концу урока и используем как карту смещения для граффити.

Шаг 3

Откройте документ Graffiti Tutorial, добавьте новую группу под названием «Graffiti 1», затем откройте фотографии из архива (от Graffiti_1.jpg до Graffiti_16.jpg). Теперь используйте инструмент Волшебная палочка (Magic Wand) или перейдите в меню Выделение > Цветовой диапазон (Select > Colour Range), чтобы выделить граффити, а затем скопировать и вставить их в папку нашего документа в качестве новых слоев.

Шаг 4

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

Попробуйте поменять оттенок надписей на более бледный и уменьшить Непрозрачность (Opacity), чтобы «состарить» рисунки. Также можете попробовать смешать слои, дважды кликнув по миниатюре слоя, а затем перетянув белый ползунок раздела Наложение если (Blend If) влево. Если зажать клавишу Alt и перетянуть половину ползунка, можно достичь более мягкого эффекта.

Шаг 5

Откройте файл Skater.jpg (он находится в архиве), обрежьте лишний фон. Теперь выберите инструмент Перо (Pen tool) с режимом Контур (Paths), чтобы выделить скейтера. Вам не нужно быть 100% аккуратными при размещении точек, так как финальный результат все равно будет грубым. Когда вы закончили, перейдите на вкладку Контуры (Paths) и дважды кликните по миниатюре контура для сохранения изменений.

Шаг 6

Обесцветьте слой, нажав Shift + Ctrl + U, затем сгенерируйте выделение из контура, нажав Ctrl и кликнув по его миниатюре. Нажмите Shift + Ctrl + I, чтобы инвертировать выделение, после чего заполните его белым. Теперь откройте меню Уровни (Levels), нажав Ctrl + L. Установите значение левой точки на 71, средней – 3,37, правой — 187. Это повысит контраст.

Шаг 7

Сейчас мы немного усилим контраст. Перейдите в меню Изображение > Коррекция > Постеризация (Image > Adjust > Posterize). Введите значение 3. Теперь нам нужно упростить детали, чтобы рисунок выглядел как вручную сделанный трафарет. Снова выделите контур, а затем при помощи жесткой кисти закрасьте черные и белые зоны. После этого выберите инструмент Пипетка (Eyedropper tool), возьмите образцы серого и также закрасьте некоторые участки. Теперь перейдите в меню Фильтр > Шум > Медиана (Filter > Noise > Median). Установите параметр Радиус (Radius) на 2 пикселя.

Шаг 8

Выберите инструмент Волшебная палочка (Magic Wand tool), снимите галочку Смежные пиксели (Contiguous), установите параметр Допуск (Tolerance) на 2, а затем выделите черные области рисунка. Перейдите к панели Каналы (Channels), создайте новый канал. Теперь используйте выпадающее меню, чтобы открыть Параметры канала (Channel Options). Выберите пункт Выделенные области (Selected Areas). Изменение первоначальных параметров канала упростит последующие шаги.

Шаг 9

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

Примечание переводчика — просто уберите мелкие детали, или «висящие» отдельно участки.

Шаг 10

Выделите серые зоны, создайте новый канал, и заполните его черным цветом. Зарисуйте некоторые участки, упростив рисунок. Назовите канал «Grey». Теперь выделите белые зоны, снова создайте новый канал, затем заполните выделение черным. Выделите прежде созданный контур, инвертируйте, после чего нажмите Alt + Delete, чтобы заполнить его белым. Уберите выделение, назовите канал «White».

Шаг 11

Создайте новый слой, удалите фоновый слой. Сгенерируйте выделение канала «Grey» (для этого кликните по его миниатюре с зажатой клавишей Ctrl — прим. переводчика), затем заполните выделение бледно-коричневым (R = 243; G = 165; B = 114). Таким же образом выделите канал «White», заполните его слегка желтоватым (R = 200; G = 240; B = 224) на новом слое. Повторите тот же процесс для канала «Black», заполнив его черным цветом на другом слое.

Примечание. Рекомендуемые RGB значения от переводчика: 1) заливка для канала «Grey» — R = 243; G = 240; B = 225 2) заливка для канала «White» R = 243; G = 240; B = 225

Шаг 12

Выберите инструмент Рамка (Crop tool) и растяните нижнюю часть холста, прежде чем подтвердить кадрирование. Поверните изображение против часовой стрелки, как показано на рисунке. Теперь пора добавить немного подтеков краски. Откройте файл Paint_1.jpg. При помощи инструмента Волшебная палочка (Magic Wand tool) со снятой галочкой Смежные пиксели (Contiguous) выделите фотографию. После этого скопируйте и вставьте ее над слоем с черной заливкой (на скриншоте он назван «Black fill»). Трансформируйте слой с лишней краской, поместите его в необходимом месте, а затем измените режим наложения на Умножение (Multiply). Теперь удалите лишние части, после чего добавьте оставшиеся файлы для получения максимально реалистичного эффекта.

Шаг 13

Теперь используйте те же светло-коричневые и желтоватые оттенки, чтобы заполнить другие зоны с подтеками краски. Используйте Обычный (Default) режим наложения — мы добиваемся легкого эффекта, поэтому не перестарайтесь. После того, как вы станете довольны результатом, Объедините видимые (Merge Visible) слои, нажав Shift + Ctrl + E. Назовите получившийся слой «Skater».

Теперь перейдите к пресетам кистей. Выберите среднюю мягкую кисть, поставьте галочку напротив пункта Шум (Noise) на панели пресетов. Добавьте немного подтеков, используя те же цвета, включая черный. Перетяните слой «Skater» в документ, разместив его над группой из слоев.

Шаг 14

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

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

Шаг 15

Назовите слой с большим граффити «Main graffiti». Перетяните его в документ с нашей работой, разместив над слоем со скейтером. Переместите его в правый нижний угол. Теперь выберите инструмент Ластик (Eraser tool) и смягчите углы. Измените режим наложения слоя «Main graffiti»  на Экран (Screen) и установите Непрозрачность (Opacity) — 60%. Продублируйте его, затем установите режим наложения для копии Линейный затемнитель (Linear Burn), Непрозрачность (Opacity) — 77%.

Шаг 16

Установите режим наложения слоя «Skater» Экран (Screen), сократите его Непрозрачность (Opacity) до 75%. Продублируйте этот слой, затем установите следующие параметры для дубликата: Режим наложения — Линейный затемнитель (Linear Burn), Непрозрачность (Opacity) — 77%. Откройте файл «Tag.tif», перетяните его в документ как новый слой, разместите надо всеми остальными. Перетяните его в произвольное место, установите режим наложения Экран (Screen), Непрозрачность (Opacity) — 50%.

Выделите верхний слой и примените к нему смещение. Для этого перейдите в меню Фильтр > Искажение > Смещение (Filter > Distort > Displace). В появившемся окне установите Масштаб по горизонтали и вертикали (Horizontal, Vertical Scale) на 5, выберите пункты Растянуть (Stretch To Fit), Повторить граничные пиксели (Repeat Edge pixels). После этого кликните по кнопке ОК, выберите файл bumpmap.psd, созданный в шаге №2, и кликните Открыть. После этого, по очереди выделите все слои и нажмите Ctrl + F для повтора фильтра. Теперь ваши граффити повторяют контуры стены под ними.

Автор: Mark Mayers

photoshop-master.ru

Создаем в фотошопе надпись в стиле граффити на уличной стене | DesigNonstop

Создаем в фотошопе надпись в стиле граффити на уличной стене

11

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

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

Шаг 2.
Выбираем какой-нибудь шрифт позатейливее и на новом слое пишем произвольную надпись крупными буквами. Щелкаем два раза по слою, в открывшемся диалоговом окошке выбираем закладку «Наложение градиента» и накладываем градиент от белого к серому. Потом выбираем закладку «Обводка» и делаем 3-4 пиксельную обводку темно-серого цвета. Потом в закладке «Тень» устанавливаем тень черного цвета с прозрачностью 75%.

Шаг 3.
На этом шаге надо щелкнуть правой кнопкой мыши по слою с текстом и выбрать пункт «Преобразовать в новый смарт-объект», потом опять щелкнуть правой кнопкой мыши и выбрать пункт «Растрировать слой». Теперь в меню выбираем «Редактирование» > «Трансформирование» > «Перспектива». Удерживая Shift, тянем вниз левый нижний квадратик контура и деформируем текст. Для завершения операции нажимаем Enter.

Шаг 4.
Теперь нажав Ctrl+T вызываем обычное трансформирование и, двигая правую сторону контура, сжимает текст по горизонтали. Текст должен уместиться на стене.

Шаг 5.
Меняем режим наложения для слоя с текстом на «Перекрытие».

Получился такой вот результат.

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

Шаг 7.
В меню выбираем «Фильтр» > «Размытие» > «Размытие по Гауссу» и размываем нижнюю надпись со значением 5 пикселей.

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

www.designonstop.com

Эффект граффити в Adobe Photoshop

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

Результат

Исходники

Для выполнения урока вам понадобятся следующие файлы:

1. Фон из кирпичной стены

Создайте новый документ размером 850 x 630 px. При желании вы можете выбрать и другой размер, но в таком случае учитывайте это при выполнении урока.

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

2. Добавляем граффити

Шаг 1

Создайте новый слой и добавьте в него изображение граффити. Подгоните размер изображения под нужный вам размер.

Шаг 2

В палитре Layers/Слои кликните по второй иконке в нижнем ряду. Эта иконка добавит маску слою с граффити.

Выберите черный цвет и возьмите инструмент Brush/Кисть. Используйте гранж-кисти, чтобы рисовать черным цветом внутри маски. Так вы частично скроете слой с граффити, проявляя слой с кирпичной стеной.

3. Эффект граффити на портрете

Шаг 1

В новый слой поместите портрет мужчины. При помощи инструмента Magic Wand/Волшебная палочка выделите фон изображение. Настройте параметры волшебной палочки как показано ниже. Удерживая клавишу Shift вы можете создавать множественные выделения. После того как вы выделили весь фон, нажмите Delete, чтобы удалить эти области.

Нажмите Control-D, чтобы снять выделение.

Шаг 2

Дважды нажмите Control-J, чтобы создать две копии слоя с портретом. Назовите копии Man Portrait 1 и Man Portrait 2. Скройте две последние копии (для этого кликните по иконке глаза рядом с названием каждого слоя в палитре Layers/Слои).

Шаг 3

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

Шаг 4

В меню выберите Filter > Artistic > Cutout/Фильтр>Имитация>Аппликация и настройте фильтр как показано ниже.

Шаг 5

В меню выберите Layer > New Adjustment Layer > Posterize /Слой>Новый корректирующий слой >Постеризация. Настройте параметры слоя как показано ниже. Кликните по третьей иконке в нижнем ряду палитры постеризации, чтобы сделать этот слой обтравочной маской для слоя с портретом.

Шаг 6

В меню выберите Layer > New Adjustment Layer > Brightness/Contrast / Слой>Новый корректирующий слой>Яркость/Контраст. Настройте параметры как показано ниже и также сделайте слой обтравочной маской.

Шаг 7

В меню выберите Layer > New Adjustment Layer > Hue/Saturation/ Слой>Новый корректирующий слой>Цветовой тон/Насыщенность.  Настройте параметры как показано ниже и также сделайте слой обтравочной маской.

Возьмите инструмент Brush/Кисть и используйте гранж-кисти черного цвета, чтобы замаскировать в маске слоя Hue/Saturation/Цветовой тон/Насыщенность часть кепки.

Шаг 8

Создайте новый слой. Копируйте изображение с граффити из нашего документа и вставьте его в новый слой. Кликните по слою правой кнопкой и выберите Create Clipping Mask/Создать обтравочную маску.

Укажите этому слою Blend Mode/Режим наложения — Lighter Color/Светлее.

Кликните по второй иконке в нижнем ряду палитры Layers/Слои, чтобы указать маску слою с граффити. Инструментом Brush/Кисть при помощи гранж-кистей черного цвета закрасьте частично маску слоя, чтобы получилось примерно как на картинке ниже.

Шаг 9

Верните видимость слою Man Portrait 1. Укажите в качестве главного цвета черный, а в качестве фонового — белый.

Шаг 10

В меню выберите Filter > Sketch > Photocopy/Фильтр>Эскиз>Ксерокопия. Настройте параметры как показано ниже.

Шаг 11

В меню выберите Filter > Artistic > Cutout/Фильтр>Имитация>Аппликация и настройте параметры как показано ниже.

Шаг 12

Выберите в меню Image > Adjustments > Levels/Изображение>Коррекция>Уровни. Настройте бегунки как показано ниже.

Шаг 13

Укажите слою Man Portrait 1 Blend Mode/Режим наложения — Multiply/Умножение.

При желании вы можете повторить ту же процедуру со слоем Man Portrait 2, но этот шаг опционален.

4. Эффект кирпичной стены

Шаг 1

Нажмите Shift-Control-N чтобы создать новый слой поверх остальных.

Нажмите Shift-Control-Alt-E чтобы объединить все видимые слои в один слой-копию. Назовите этот слой Brick Effect.

Шаг 2

Укажите слою Brick Effect маску.

Шаг 3

В меню выберите Image > Trim/Изображение>Тримминг и настройте параметры как показано ниже.

Шаг 4

Вернитесь к слою с кирпичной стеной, инструментом Rectangular Marquee/Прямоугольное выделение растяните выделение по размеру холста. Нажмите Control-C чтобы скопировать выделение.

Шаг 5

Вернитесь к слою Brick Effect и в палитре Channels/Каналы кликните по иконке глаза рядом с каналом маски слоя Brick Effect Mask, чтобы сделать ее видимой. Нажмите Control-V, чтобы вставить в этот канал изображение кирпичной стены.

Шаг 6

Вернитесь в палитру Layers/Слои и нажмите Control-D, чтобы снять выделение. Также кликните по превьюшке Brick Effect Layer, чтобы сделать активным этот слой (не маску).

Шаг 7

Кликните по слою дважды, чтобы открыть для него окно стилей слоя. Выберите стиль Bevel and Emboss/Тиснение и настройте как показано ниже.

Результат

Автор урока — John Negoita

Перевод — Дежурка

Смотрите также:

www.dejurka.ru

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

Создание простого граффити в Фотошопе

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

Финальный результат:

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

Шаг 1 Создание фона

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

Шаг 2 Добавление текста

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

Шаг 3 Добавление стиля «Градиент»

Примените к слою с текстом стиль Gradient Overlay (Градиент). Чтобы применить стиль, кликните по слою с текстом два раза. Используйте следующие настройки, чтобы получить хороший голубой градиент или создайте свой собственный красочный градиент:

Шаг 4 Добавление белой окантовки при помощи стиля «Обводка»

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

Шаг 5 Создание черной окантовки при помощи стиля «Внешнее Свечение»

И наконец давайте добавим еще один стиль, который создаст черную окантовку. Примените стиль Outer Glow «Внешнее Свечение» с такими настройками:

Шаг 6 Добавление звезды

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

Щелкните правой кнопкой мышки по слою с текстом и в появившемся меню выберите выберите Copy Layer Style «Скопировать стиль слоя». Затем кликните правой кнопкой мыши по слою со звездой и выберите Paste Layer Styles «Вставить стиль слоя». Таким образом мы применили к звезде те же стили как и у текста:

Шаг 7 Преобразование текста в «Смарт объект» и изменение режима наложения

Преобразуйте слои с текстом и звездой в смарт объекты. Чтобы сделать это кликните правой кнопкой мыши по слою и в появившемся меню выберите Convert to Smart Object «Преобразовать в смарт-объект» Это позволит нам применить эффекты, режимы наложения, стили и т.д. без повреждения оригинального текста. Вы можете изменить размер, положение и угол поворота (потому что, сколько раз вы видели прямую линию граффити) для смарт-объекта. Наконец измените режим наложения на Hard light, «Жестки Свет» чтобы его смешать рисунок со стеной.

Шаг 8 Затемнение фона

Давайте затемним фон с бетоном, чтобы добиться более лучших и реалистичных результатов. Выберите фоновый слой и перейдите к Image> Adjustments> Levels «Изображение — Коррекция — Уровни» и установите средний ползунок до значения 0,50.

Шаг 9 Последние штрихи

Наше граффити закончено, но для веселья, я добавил еще один полупрозрачный текст «FOR LIFE».

Граффити на стене в Photoshop

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

Путём нехитрых манипуляций я получил вот такой результат, затратив всего несколько минут времени:

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

Создаём карту смещения (Displacement Map)

Для того, чтобы наш будущий текст повторял неровности поверхности, на которой он будет нанесён, создадим картe смещения (Displacement Map), которую мы будем использовать в дальнейшем. Кстати, «Displacement Map» можно перевести как «карта объёма».

Для начала, давайте преобразуем изображение в чёрно-белое, это проще всего сделать нажатием комбинации клавиш Ctrl+Shift+U. Затем, мы должны увеличить его контраст. Есть несколько способов добиться этого, но я пришёл к выводу, что в данном случае использование инструмента «Уровни» (Levels) даст нам наилучшие результаты. Нажмите комбинацию клавиш Ctrl+L для открытия диалогового окна «Уровней», и, затем, сместите крайние чёрные и белые ползунки несколько к центру:

Теперь наше изображение должно иметь примерно такой вид:

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

Теперь возвратим документу его первоначальный вид. Для этого пройдите по вкладке главного меню Окно —> История (Window —> Hiatory) и кликните по верхней строке в панели истории, либо или нажмите Файл —> Восстановить (File —> Revert) или клавиша F12.
И сразу сохраняем документ как новый файл PSD, дабы не затронуть готовый PSD-файл с картой смещения.

Текст

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

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

Применив эти стили, я получил такой результат:

Придаём тексту рельеф

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

Одно важное дополнение. Перед тем, как применить карту, преобразуем наш текст в
смарт-объект (Smart Object) для того, чтобы при необходимости редактировать текст, его стили слоя и цвета на более позднем этапе, после применения фильтра «Смещение»:

Теперь применяем «Смещение», для этого идём по вкладке главного меню Фильтр —> Искажение —> Смещение (Filter —> Distort —> Displace), после чего открывается диалоговое окно фильтра, где изменяем оба значения на 3 или 4:

Нажимаем ОК, после чего появляется окно выбора файла, где нам следует выбрать сохранённый файл PSD с картой смещения, который мы созданный в начале, у меня этот файл называется disp_map.psd:

Вот что получилось у меня после этого. Текст вроде-как начал принимать форму стены, но, пока ещё, мы далеки от идеала:

Смешивание слоёв

Очевидно, что текст должен вписываться в стену. Мы проделали большую работу по изменению границы теста от прямой линии, но теперь тестовый слой нуждается в органичном наложении на фоновый. Есть несколько способов это сделать, в том числе применение различных режимов наложения, но,в данном случае, я покажу другой способ смешивания, на мой взгляд, наиболее подходящий в данной ситуации. Идём по вкладке главного меню Слои —> Стиль слоя —> Параметры наложения (Layer —> Layer Styles —> Blending Options) или просто дважды кликаем по бывшему текстовому слою, а ныне смат-объекту, в результате открывается окно параметров наложения по умолчанию. Нас интересует раздел «Наложение, если» (Blend If):

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

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

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

Если зажать клавишу Alt и кликнуть по ползунку, то он разделится надвое, а эти половинки следует несколько раздвинуть:

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

Автор: NON. Дата публикации: 09 мая 2013 . Категория: Уроки фотошопа коллажи.

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

Граффити — это надпись или рисунок, который обычно наносится краской на какую-либо поверхность.

В этом уроке по работе с фотошопом попробуем сымитировать такой эффект. Так как сделать граффити в фотошопе?

Возьмём исходную фотографию. Нанесём на забор какой-нибудь рисунок.

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

Удерживая клавишу Shift (для сохранения пропорций), растянем фигуру на заборе.

С помощью инструмента » Перемещение » ( V ) расположим фигуру собаки на заборе так, как нам надо.

Правой кнопкой мыши щёлкаем по синему полю слоя » Фигура 1 » и в раскрывшемся списке выбираем пункт » Растрировать слой «.

Вызываем инструмент » Свободное трансформирование » — Ctrl+T . Правой кнопкой мыши щёлкаем внутри рамки трансформации и выбираем пункт » Перспектива «.

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

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

Перейдём в » Изображение — Внешний канал «.

Поставим параметры, которые Вы видите на скриншоте ниже.

Перейдём в » Изображение — Коррекция — Яркость/Контрастность «.

Откроется одноимённое окно, в котором ползунок » Контрастность » сразу поднимаем до значения 90-98, а с помощью ползунка » Яркость » уже регулируем степень «вписываемости» объекта в забор. Т.е., передвигая этот ползунок, Вы будете видеть как часть забора будет проступать сквозь рисунок собаки.

При необходимости уменьшаем непрозрачность верхнего слоя.

Получаем почти готовое граффити.

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

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

Мы с Вами ответили на вопрос: «Как сделать граффити в фотошопе?»

Чтобы получить интересные уроки на свой адрес, введите свои данные в форму подписки ниже:

Источники:

Создание простого граффити в Фотошопе

http://rugraphics.ru/photoshop/graffiti-na-stene

http://www.photoshopsunduchok.ru/uroki/photomontag/2355-kak-sdelat-graffiti-v-photoshope

sksmaster.ru

Граффити на стене — Уроки фотошоп и все о фотошоп

В этом уроке Фотошоп, мы рассмотрим способ нанесения граффити на стену.

Шаг 1. Откройте изображение в Фотошоп.

Шаг 2. Прежде всего нам нужно создать эффект нарисованной картинки. Итак, создайте дубликат слоя (Ctrl+J).

Шаг 3. Затем к дубликату слоя примените: Фильтр>Стилизация>Выделение краёв (Filter> Stylize> Find Edges). Повторите шаг3 ещё один раз.

Шаг 4. Для копии слоя измените режим наложения слоя на Перекрытие (Overlay).

Шаг 5. Примените: Фильтр>Размытие>Размытие по Гауссу (Filter>Blur>Gaussian Blur).

Шаг 6. Объедините оба слоя (Ctrl+E).

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

Шаг 7. Пришло время наложить изображение на кирпичную стену. Примените к слою: Фильтр>Текстура>Текстуризатор (Filter>Texture>Texturize).

Шаг 8. Дублируйте фоновый слой (Ctrl+J), измените режим наложения копии слоя на Умножение (Multiply) и уменьшите непрозрачность до 40%.

Вот и всё. Эффект граффити на стене готов.

Вариант граффити от переводчика:

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

Далее я приведу краткое описание работы. Я взял изображение девушки и обработал его следуя выше изложенному уроку. Шаг 7 пропускаю, а шаг 8 применяю к изображению девушки (без текстуры). Затем я объединил оба слоя в один. Изображение готово для наложения на стену. Открываю фотографию со стеной и, с помощью инструмента Перемещение (V), перетаскиваю изображение девушки на стену. Инструментом Ластик (Е) с мягкими краями обрабатываю границы снимка с девушкой. Затем инструментом Свободное трансформирование (Ctrl+T) подгоняю нужный размер изображения девушки и, командой Перспектива, преобразую его в одну перспективу со стеной. Изменяю режим наложения слоя на Умножение (Multiply). Готово.

Что касается надписи. Печатаем текст подходящим шрифтом (цвет чёрный). Растрируем его. Я применил стиль слоя: Обводка. Затем подгоняем размер, поворачиваем и располагаем в одной перспективе со стеной. Изменяем режим наложения слоя на Перекрытие (Overlay), копируем слой и уменьшаем непрозрачность копии слоя до 60%. Это всё. Граффити на реальном снимке стены готов.

Перевод: Владимир Нестеров

Ссылка на источник

photoshop-virtuoz.ru

Рисуем граффити в Фотошопе · «Мир Фотошопа»

Сегодня мы будем учиться создавать обои для рабочего стола в стиле граффити.

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

Создадим новое изображение 1024?768px:

Cоздадим новый слой Ctrl+N и с помощью инструмента «Brush Tool» нарисуем примерные контуры нашей композиции:

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

Опять создаём новый слой и с помощью того же «Brush Tool» заполняем рисунок цветом. Вот что собственно у меня получилось…

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

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

Далее с помощью инструмента «Smudge Tool» размываем наши пересечения:

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

При нанесении обводки я советую учесть такой момент:

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

Создадим еще один новый слой 🙂 и поместим его ниже уровня слоя заливки букв:

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

Вот что у меня получилось:

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

Теперь кликаем по этому слою 2 раза на панели слоёв, и в открывшемся окне выстраиваем следующие параметры:

Вот что у меня получилось:

Удалите слой, на котором с самого начала мы делали наброски.

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

На новом слое, расположенным выше всех, инструмент «Brush Tool» добиваемся подобного эффекта:

Остальные эффекты — это только ваша фантазия, придумывайте новое и выкладывайте ссылки на работы в коменты…

Я добавил несколько деталей.

Всё, поздравляю, урок окончен. Автор скетча: Гарик GHETTO Геттович.

photoshopworld.ru

Создаем на стене граффити фото

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

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

Похожие статьи:

www.photopyx.com

Рисуем граффити на стене — Pixelbox.ru

Урок о том как нарисовать граффити в фотошопе.

Найдите изображение стены, на которой мы будем делать наше лого (это изображение я нашел в интернете в Google Images). Любое изображение стены с подходящей структурой подойдет (то есть, стена должна быть не гладкой!).

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

Выберите “perspective transform” в меню Edit, и затем измените угол, под которым расположено лого для того, чтобы он совпадал с перспективой стены. Применение “perspective transform” на выделении отображает изменяемые границы, с помощью которых можно выровнять лого со стеной.

Если логотип оказался слишком широким, это также не составит проблемы. Вы можете подогнать размер лого с помощью обычного инструмента для трансформации (CTRL+T). Немного уменьшите его так, чтобы оно помещалось на стене. Если перспектива всё ещё не выглядит реалистичной, повторите предыдущие шаги, потому что перспектива очень важна.

После этого, измените режим Blend слоя с логитипом на “overlay“:

Результат:

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

Затем, размойте скопированный слой с помощью “Gaussian Blur“, установив значение на 5,0 пикселей. Gaussian Blur вы найдете в меню Filter.

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

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

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

pixelbox.ru

Текущий и последующий перевод в фотошопе. Режимы наложения в Photoshop

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

Да, это тот же режим наложения, о котором я повторяю почти в каждом уроке по Photoshop. Режимы наложения расположены на панели слоев, здесь:

Однако их сфера влияния не ограничивается этим, и считают, что режимы наложения также возможны в стилях слоя:

Пользователь Photoshop может выбрать один из 27 режимов наложения:

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

Остановимся теперь на каждой группе подробнее.

Для каждого режима наложения я дам объяснение, а также наглядную иллюстрацию в виде наложения этой текстуры здесь:

К этому изображению:

Стандартные режимы

Обычный (Обычный). Этот режим установлен по умолчанию и не имеет особых параметров наложения.

Растворение (Растворение). «Растворяет» текущий слой, т. Е. Удаляет некоторые пиксели в случайном порядке, что приводит к эффекту рассеивания.Чтобы увидеть этот режим в действии, вам нужно уменьшить непрозрачность слоя:

Режимы затемнения

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

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

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

Цветное затемнение (Цветное затемнение) — тот же эффект, что и Умножение, но увеличивает насыщенность изображения.

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

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

Режимы освещения

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

Lighten (Заменить светом) — Работает прямо противоположно режиму затемнения, то есть оставляет те пиксели текущего слоя, которые светлее, и удаляет остальные.

Экран (Экран) — Делает перекрывающиеся цвета в 2 раза светлее. Один из вариантов использования — осветлить фотографии (продублируйте слой с фотографией и примените этот режим наложения)

Color dodge (Dodge Base) — Делает черный цвет невидимым, а остальные цвета осветляют изображение на слое ниже. Увеличивает насыщенность изображения.

Linear Dodge (Добавить) (Linear Base) — То же, что и Color Dodge, только увеличивает яркость, но не насыщенность.

Более светлый цвет (Более светлый цвет) — работает противоположно более темному цвету (отображает цвет с наибольшим значением).

Контрастные режимы

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

Overlay (Overlay) — смешивает пиксели на текущем и нижнем слоях, удаляет светлые участки и умножает темные.

Мягкий свет (Мягкий свет) — затемняет или осветляет цвет нижнего слоя в зависимости от текущего цвета.

Жесткий свет (Жесткий свет) — Аналогично предыдущему, но эффект сильнее. Затемняет нижние цвета, если текущий слой темный, и светлеет, если он светлый.

Яркий свет (Яркий свет) — почти то же самое, что и Мягкий свет, но регулирует значение контрастности.

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

Точечный свет (Точечный свет) — в зависимости от того, какие цвета (темные или светлые) на активном слое, перемещает цвета на слое ниже.

Hard mix (Hard mix) — смешанный по яркости, на выходе получается очень яркое изображение 🙂

Сравнить режимы

Разница (Разница) — совмещает верхнее и нижнее изображения друг с другом. Цвета меняются местами, и их яркость зависит от разницы.

Exclusion (Exception) — то же, что и Difference, но с меньшей контрастностью.

Subtract (Вычитание) — вычитает 8-битные цвета из базовых каналов каждого пикселя на каждом слое. Если результат отрицательный, отображается черный цвет.

Divide (Разделить) — разделяет цвета верхнего и нижнего изображений.

Цветовые режимы

Эта группа режимов наложения Photoshop позволяет смешивать только один параметр (например, цвет или яркость), не затрагивая другие.

Оттенок (Оттенок) — накладывает нижний слой на оттенок верхнего слоя, оставляя все остальные параметры нижнего слоя нетронутыми.

Saturaion (Saturation) — То же, только для насыщенности,

Color (Цвет) — то же по цвету,

Luminosity (Яркость) — и для яркости.

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

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

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

Режимы наложения слоев находятся в раскрывающемся меню в верхней части панели «Слои» ( Layers, ). Для удобства на картинке я написал название режима на английском языке.

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

Attenuation ( Dissolve ) использует пиксельный узор. Придает эффект пористости. Эффект появится только тогда, когда прозрачность верхнего слоя меньше 100%. Здесь прозрачность 20%.

2. Режимы затемнения

Blackout ( Darken ) — оставляет видимыми только темные области изображения.Смешивает пиксели, где верхний слой темнее нижнего.

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

Затемнение основы ( Color burn ) — затемняет темные цвета и оттенки, не затрагивая светлые оттенки.

Linear dimmer ( Linear Burn ) — использует тот же подход, что и Base Burn, но дает более сильный эффект затемнения.Если верхний слой белый, изменений не будет.

Darker ( Darker color ) — аналогичен режиму «Затемнение», за исключением того, что работает сразу на всех слоях, а не на одном. Когда вы смешиваете два слоя, остаются видимыми только темные пиксели.

3. Режимы освещения

Замена светом ( Lighten ) — сравнивает цвета верхнего и нижнего слоев и смешивает пиксели, если верхний слой светлее нижнего.

Экран ( Экран ) — позволяет осветлить все изображение и полезен в тех ситуациях, когда нужно «проявить» какие-либо области на необработанных изображениях.

Осветление базы ( Color dodge ) — противоположность режима «Затемнение», осветляет светлые цвета и оттенки, не затрагивая темные области изображения.

Linear Dodge ( Linear Dodge ) — Осветляет изображение, но, в отличие от режима Screen, отсечение значений и дает более четкие результаты, чем режим наложения Screen или режим наложения Color dodge.

Lighter ( Linear Color ) — аналогичен режиму Light Replacement, только работает со всеми слоями одновременно, а не только с одним слоем. Когда вы смешиваете два слоя вместе, остаются видимыми только светлые пиксели.

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

Overlapping ( Overlay ) — объединяет эффект режимов «Умножение» и «Экран», смешивая верхний слой с нижним. Если верхний слой на 50% серый, эффекта не будет.

Мягкий свет ( Мягкий свет ) — аналогичен режиму наложения, но с более умеренным эффектом. Если верхний слой на 50% серый, эффекта не будет.

Жесткий свет ( Жесткий свет ) — используется тот же подход, что и в режиме перекрытия, но эффект более сильный. Здесь верхний слой может работать либо в режиме «Экран», либо в режиме «Умножение», в зависимости от его цвета. Если верхний слой на 50% серый, эффекта не будет.

Яркий свет ( Яркий свет ) — объединяет эффект режимов Base Burn и Base Dodge и применяет смешивание на основе цвета верхнего слоя.Если верхний слой на 50% серый, эффекта не будет.

Линейный свет ( Линейный свет ) — аналогично режиму High Light, но с более сильным эффектом. Если верхний слой на 50% серый, эффекта не будет.

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

Жесткое смешивание ( Hard mix ) — создает изображение с ровными тонами, ограниченным по цветам и постеризованным.Свечение верхнего слоя смешивается с цветом нижнего.

5. Режимы сравнения

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

Исключение ( Исключение ) — аналогично режиму «Разница», но с меньшим эффектом.

5. Режимы компонентов

Цветовой тон ( Hue ) — объединяет цвет верхнего слоя и цветовые колебания и тон нижнего.

Насыщенность ( Насыщенность ) — объединяет колебания цвета верхнего слоя с цветом и тоном нижнего слоя.

Chromaticity ( Color ) — объединяет цвет и цветовые колебания верхнего слоя с тоном нижнего слоя.

Яркость ( Яркость ) — объединяет тон верхнего слоя и цвет и цветовые колебания нижнего слоя.

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

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

Режимы наложения разделены на 6 различных разделов. Раздел «Базовый» заменяет базовые пиксели, «Темнее» делает базовые пиксели темнее, «Светлее» — светлее, «Контраст» увеличивает или уменьшает общий контраст, «Сравнительный» инвертирует базовый цвет, а режимы HSL определяют конкретный компонент цвета. Некоторые режимы наложения должны быть полупрозрачными для достижения наилучшего эффекта. При всем разнообразии возможностей Photoshop только экспериментирование даст вам настоящее понимание техники.

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

и «Нижний слой» .

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

Базовый

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

Dissolve — объединяет верхний слой с нижним, используя пиксельный узор. Не будет никакого эффекта, если у верхнего слоя непрозрачность 100%. Уменьшите непрозрачность, чтобы эффект появился. Пример — 80% прозрачность.

Темнее

Darken — объединяет цвета верхнего и нижнего слоев и смешивает пиксели в местах, где верхний слой темнее нижнего.

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

Цветное затемнение — затемняет или «прожигает» изображение, используя содержимое верхнего слоя. Если верхний слой белый, изменений не будет.

Linear Burn — Использует тот же подход, что и Color Burn, но дает более сильный эффект затемнения. Если верхний слой белый, изменений не будет.

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

Светлее

Светлее — сравнивает цвета верхнего и нижнего слоев и смешивает пиксели, если верхний слой светлее нижнего.

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

Осветление цвета — Осветляет изображение, скрывая верхний слой за нижним.Если верхний слой черный, эффекта не будет.

Linear Dodge (Добавить) — Подобен режиму Screen, но добавляет более яркий эффект. Если верхний слой черный, эффекта не будет.

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

Контраст

Overlay — Объединяет эффект режимов Multiply и Screen, смешивая верхний слой с нижним.Если верхний слой на 50% серый, эффекта не будет.

Мягкий свет — Аналогично режиму наложения, но с более мягким эффектом. Если верхний слой на 50% серый, эффекта не будет.

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

Яркий свет — объединяет эффект режимов затемнения цвета и осветления цвета и применяет наложение в зависимости от цвета верхнего слоя.Если верхний слой на 50% серый, эффекта не будет.

Linear light — Аналогично режиму Vivid Light, но с более сильным эффектом. Если верхний слой на 50% серый, эффекта не будет.

Точечный свет — смешивает светлые цвета в режиме осветления и темные цвета в режиме затемнения. Если верхний слой на 50% серый, эффекта не будет.

Hard mix — Создает изображение с ровными тонами, ограниченным по цвету и постеризованным.Свечение верхнего слоя смешивается с цветом нижнего.

сравнительный

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

Спонсор материала.
Сегодня покупка детского автокресла часто является основной покупкой для новорожденного. Ведь первоочередная задача родителей — забрать малыша из роддома и на машине привезти его домой.Купить детское автокресло можно в интернет-магазине AKBkids. Бесплатная доставка по Украине.

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

Теперь я хочу начать цикл постов, в котором я опишу все основные возможности окна Layer Styles или «стилей слоя» на русском языке.

Все эти стили и эффекты, вероятно, наиболее часто используются любым веб-дизайнером, поэтому знание всех основных функций является обязательным, особенно для начинающих.Как видно на скриншоте, стилей довольно много и для каждого я постараюсь сделать отдельный подробный пост, всего, по моим расчетам, будет 10-11 постов, начиная от Drop Shadow и заканчивая Stroke. . Может я что-то совмещу или наоборот разделю, это будет видно в будущем, а пока первый пост из серии про Color Overlay … Вперед!

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

Использование наложения цвета

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

Стиль Color Overlay довольно прост в использовании и имеет всего две настройки — Blend Mode и Opacity.

Blend Mode — основная особенность Color Overlay, имеет 25 режимов наложения цветов, с помощью которых мы можем создавать различные цветовые эффекты.

Все «режимы наложения» разделены на основные типы эффектов по слоям и цветам:

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

Помощь по сайту

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

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

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

Заранее спасибо, Дмитрий.

QR-код для установки:

Если вам понравился материал, скажите «спасибо», поделитесь ссылками с друзьями в социальных сетях! Благодарить!

Как освоить режимы наложения в Photoshop

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

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

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

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

Выберите раскрывающееся меню режима наложения в окне «Слои».

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

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

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

Удерживая Shift, нажмите + или -, чтобы быстро поэкспериментировать с каждым режимом наложения.

Удерживая Shift, нажмите + или -, чтобы быстро поэкспериментировать с каждым режимом наложения.

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

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

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

Нормальные режимы наложения

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

Нормальный

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

Нормальный — это режим наложения по умолчанию.

Dissolve

Результат: зернистость, резкость и пикселирование.

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

Слой с темно-синей заливкой и непрозрачностью 100%.Режим наложения: «Растворение»

Режимы наложения с вычитанием

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

Темнее

Результирующий вид: цвета кажутся равномерно темнее.

За кулисами: значения в цветовых каналах уменьшаются.

Слой с темно-синей заливкой и непрозрачностью 100%. Режим наложения: Затемнение

Умножение

Результат: изображение выглядит темнее и ярче.

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

Слой с темно-синей заливкой и непрозрачностью 100%. Режим наложения: Multiply

Дубликат исходного слоя с непрозрачностью 50%.Режим наложения: Умножение

Затемнение цвета

Результат: более темные цвета и повышенный контраст. Цвет Белый не меняется.

За кадром: исходный цвет затемняется, а контраст увеличивается. Чистый белый цвет не пострадает.

Слой с темно-синей заливкой и непрозрачностью 100%. Режим наложения: Color Burn

Дубликат исходного слоя с непрозрачностью 50%. Режим наложения: Color Burn

Linear Burn

Результат: более темные цвета.Изображение не меняется при смешивании с белым.

За кулисами: значения цвета инвертируются, складываются, а затем снова инвертируются.

Слой с темно-синей заливкой и непрозрачностью 100%. Режим наложения: Linear Burn

Дубликат исходного слоя с непрозрачностью 50%. Режим наложения: Linear Burn

Darker Color

Результирующий внешний вид: цвета кажутся темнее.

За кулисами: значение каждого цвета снижается, но не в каждом отдельном цветовом канале.

Слой с темно-синей заливкой и непрозрачностью 100%. Режим наложения: Darker Color

Дубликат исходного слоя с непрозрачностью 50%. Режим наложения: Темный цвет

Аддитивные режимы наложения

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

Светлее

Результирующий внешний вид: Цвета становятся более светлыми.

За кулисами: значения цветовых каналов увеличены.

Слой с темно-синей заливкой и непрозрачностью 100%. Режим наложения: Светлее

Экран

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

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

Слой с темно-синей заливкой и непрозрачностью 100%. Режим наложения: Screen

Дубликат исходного слоя с непрозрачностью 50%. Режим наложения: Экран

Color Dodge

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

За кулисами: значения цвета увеличиваются, а контрастность уменьшается. Никакие черные пиксели не затрагиваются.

Слой с темно-синей заливкой и непрозрачностью 100%. Режим наложения: Color Dodge

Дубликат исходного слоя с непрозрачностью 50%. Режим наложения: Color Dodge

Linear Dodge (Добавить)

Результат: более светлые цвета. Изображение не меняется при смешивании с черным.

За кулисами: Значения цвета увеличены.Пиксели не меняются при смешивании с черным.

Слой с темно-синей заливкой и непрозрачностью 100%. Режим наложения: Linear Dodge (Добавить)

Дубликат исходного слоя с непрозрачностью 50%. Режим наложения: Linear Dodge

Более светлый цвет

Результат: цвета кажутся светлее.

За кулисами: значения цвета увеличиваются, но не затрагиваются отдельные цветовые каналы.

Слой с темно-синей заливкой и непрозрачностью 100%. Режим наложения: Более светлый цвет

Сложные режимы наложения

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

Наложение

Полученный вид: два слоя смешиваются вместе. Некоторые области темнее, а другие светлее. Сохранены тени и блики нижнего слоя.

За кулисами: значения цветового канала умножаются или экранируются, в зависимости от того, светлее ли основной цвет, чем 50% серого.

Слой с темно-синей заливкой и непрозрачностью 100%. Режим наложения: Overlay

Дубликат исходного слоя с непрозрачностью 50%. Режим наложения: Overlay

Soft Light

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

За кулисами: значения цветового канала затемняются, если цвета на верхнем слое темнее 50% серого, и становятся светлее, если они светлее 50% серого.

Слой с темно-синей заливкой и непрозрачностью 100%. Режим наложения: Soft Light

Дубликат исходного слоя с непрозрачностью 50%. Режим наложения: Мягкий свет

Жесткий свет

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

За кулисами: значения цветового канала умножаются, если цвета нижнего слоя темнее 50% серого, и экранируются, если цвета нижнего слоя светлее 50% серого.

Слой с темно-синей заливкой и непрозрачностью 100%.Режим наложения: Hard Light

Дубликат исходного слоя с непрозрачностью 50%. Режим наложения: Жесткий свет

Линейный свет

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

За кадром: яркость увеличивается, если цвета нижнего слоя светлее 50% серого, и уменьшается, если они темнее 50% серого.

Слой с темно-синей заливкой и непрозрачностью 100%.Режим наложения: Linear Light

Дубликат исходного слоя с непрозрачностью 50%. Режим наложения: Линейный свет

Яркий свет

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

За кадром: Если цвета в нижнем слое светлее 50% серого, контраст уменьшается, а если они темнее 50% серого, контраст увеличивается.

Слой с темно-синей заливкой и непрозрачностью 100%.Режим наложения: Vivid Light

Дубликат исходного слоя с непрозрачностью 50%. Режим наложения: Яркий свет

Точечный свет

Полученный вид: цвета смешиваются вместе, а некоторые заменяются.

За кадром: если цвета в верхнем слое светлее, чем 50% серого, цвета нижнего слоя, которые темнее, чем цвета в верхнем слое, заменяются цветами верхнего слоя. Если цвета в верхнем слое темнее, чем 50% серого, цвета в нижнем слое, которые светлее, чем цвета в верхнем слое, заменяются цветами в верхнем слое.

Слой с темно-синей заливкой и непрозрачностью 100%. Режим наложения: Pin Light

Дубликат исходного слоя с непрозрачностью 50%. Режим наложения: Точечный свет

Hard Mix

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

За кадром: Контраст нижнего слоя увеличивается и смешивается с верхним слоем.

Слой с темно-синей заливкой и непрозрачностью 100%. Режим наложения: Hard Mix

Дубликат исходного слоя с непрозрачностью 50%.Режим наложения: Hard Mix

Различия режимов наложения

Эти режимы наложения создают новые цвета на основе различий между значениями цветов верхнего и нижнего слоев.

Разница

Полученный вид: Цветовые каналы изменяются и смешиваются.

За кулисами: значения более темного цвета вычитаются из значений более светлого цвета. Белые области верхнего слоя становятся инвертированными значениями цветов нижнего слоя.Черные области верхнего слоя не изменяются.

Слой с темно-синей заливкой и непрозрачностью 100%. Режим наложения: Разница

Дубликат исходного слоя с непрозрачностью 50%. Режим наложения: Разница

Исключение

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

За кулисами: применяет тот же эффект, что и в режиме наложения «Разница», но с меньшей контрастностью.

Слой с темно-синей заливкой и непрозрачностью 100%. Режим наложения: Исключение

Дубликат исходного слоя с непрозрачностью 50%. Режим наложения: Исключение

Вычесть

Результирующий внешний вид: цвета изменяются и смешиваются.

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

Слой с темно-синей заливкой и непрозрачностью 100%.Режим наложения: вычтите

дубликата исходного слоя с непрозрачностью 50%. Режим наложения: вычесть

Разделить

Полученный вид: цвета резко меняются.

За кулисами: цвета нижнего слоя делятся на цвета верхнего слоя.

Слой с темно-синей заливкой и непрозрачностью 100%. Режим наложения: Divide

Дубликат исходного слоя с непрозрачностью 50%. Режим наложения: Разделить

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

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

Hue

Результирующий внешний вид: оттенок верхнего слоя применяется к нижнему слою.

За кадром: яркость и насыщенность цветов нижнего слоя сочетаются с оттенком верхнего слоя.

Слой с темно-синей заливкой и непрозрачностью 100%. Режим наложения: Hue

Дубликат исходного слоя с непрозрачностью 50%. Режим наложения: Цветовой тон

Насыщенность

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

За кулисами: яркость и оттенок цветов нижнего слоя сочетаются с насыщенностью цветов верхнего слоя.

Слой с темно-синей заливкой и непрозрачностью 100%. Режим наложения: Насыщенность

Цвет

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

За кулисами: Яркость цветов нижнего слоя сочетается с оттенком и насыщенностью цветов верхнего слоя.

Слой с темно-синей заливкой и непрозрачностью 100%. Режим наложения: Цвет

Яркость

Результирующий внешний вид: Яркость верхнего слоя применяется к нижнему слою.

За кулисами: оттенок и насыщенность цветов нижнего слоя сочетаются с яркостью цветов верхнего слоя.

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

1. Повышение резкости изображения с помощью слоя наложения высоких частот

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

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

Измените режим наложения слоя на Overlay. Отрегулируйте непрозрачность по вкусу.

2. Создайте разностный слой темно-синего цвета

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

Темно-синий слой Difference может полностью изменить настроение фотографии.

3. Добавьте слой Lens Flair Divide

Сосредоточьтесь на объекте фотографии, развернув блики линзы прямо над ним на слое Divide с непрозрачностью 50%.

Создайте новый слой. Заполните его черным. Выберите Filter> Render> Lens Flare. Отрегулируйте и примените. Измените режим наложения на Divide и непрозрачность на 50%.

4. Создайте виньетирование с режимом наложения «Мягкий свет».

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

Сделайте эллиптическое выделение вокруг центра изображения. Инвертировать и растушевать выделение. Заполните его черным. Измените режим наложения на Soft Light.

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

blending Mode — Перевод на иврит — примеры английский

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

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

режимы наложения : выбор одинаковых объектов

Использование плашечных цветов с определенными режимами наложения иногда дает неожиданные результаты.

  .blend {
  режим смешивания: исключение;
}