Как переместить слой в фотошопе на передний план: Перемещение, упорядочение и блокировка слоев в Photoshop

Содержание

Переместить слой на передний план в фотошопе. Маленькие хитрости работы со слоями в Photoshop. Как выделить два и более слоя

27 сентября 2007 в 10:49

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

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

Создавайте слои
Старайтесь не лепить всё в один слой (особенно в слой 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.

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

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

Инструмент Перемещение (Move) предназначен для перемещения различных объектов в программе Фотошоп: фигур, слоев, выделенных частей изображения. Данный инструмент позволяет перемещать слой с изображением из одного открытого документа в другой открытый документ.

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

Инструмент Перемещение (Move) можно активировать через панель инструментов, или нажатием горячей клавиши (V) , однако для временного переключения на этот инструмент в большинстве случаев достаточно удерживать клавишу Ctrl .

Панель настроек инструмента

У любого инструмента есть своя панель настроек. Давайте разберёмся какие с настройками инструмента Перемещение (Move) .

1 . Автоматический выбор слоя (Auto SeLect Layer) . Если включена эта опция, то автоматически выбирается объект и слой по которому Вы кликнули. Эта функция очень полезна если у Вас в рабочем документе много слоёв и в палитре Слои (Layers) трудно найти нужный слой. Достаточно кликнуть в рабочем документе на нужном объекте и он автоматически выделится в палитре Слои (Layers) . Таким образом Вы можете одним кликом переключаться межу слоями и перемещать их. При этом надо помнить, что выделяется самый верхний слой под курсором.

2 . Автоматический выбор группы (Auto SeLect Groups) . Все слои в палитре Слоев (Layers) можно объединять в группы, то есть, складывать их в папочки для удобства работы. Если включена эта опция, то автоматически выделяется группа слоёв, конечно если Вы создали группы.

Примечание: в старших версиях Фотошоп (у меня CS2) позиции Слои (Layer) и Группы (Group) находятся в выпадающем меню (рисунок ниже).

3 . Показывать рамку трансформации (Show Transform Controls) . Показывает рамку трансформации вокруг выбранного объекта. При этом рамка имеет маркеры для изменения формы объекта. В случае перетаскивания любого маркера, включается режим Свободной Трансформации (Free Transform) , позволяющий изменять размеры и пропорции текущего объекта. По сути, эта опция просто вызывает команду

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

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

Рассмотрим эти функции подробнее. Они делятся на два вида: Выравнивание (Align) и Распределение (Distribute) . Выравнивать можно по краю чего либо, а распределять между собой. То есть все эти функции работают только если выбрано несколько слоев (удерживайте нажатой клавишу Shift , чтобы выбрать несколько слоёв в палитре Слои (Layers) ). В свою очередь выравнивать и распределять можно по горизонтали либо по вертикали.

1 . Первые три кнопки отвечают за горизонтальное выравнивание объектов. Возможно выравнивание по верхнему краю (A ), по центру (B ) и по нижнему краю (C ).

2 . Вторые три кнопки отвечают за вертикальное выравнивание объектов по левому краю (D ), по центру (E ) и по правому краю (F ).

3 . Третья группа кнопок отвечает за выравнивание расстояния между вертикально расположенными объектами относительно верхней линии (G ), центра (H ) или нижней линии (I ) объектов.

4 . И последняя группа из трех кнопок отвечает за выравнивание расстояния между горизонтально расположенными объектами относительно левого края (J ), центра (K ) или правого края (L ) объектов.

Перемещение изображения

Самый простой и распространенный способ перетаскивания изображения с одного документа на другой с помощью инструмента Перемещение (Move) .

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

Shift (очень важно отпустить клавишу Shift после кнопки мыши).

Вот и всё. Надеюсь Вам был полезен обзор данного инструмента.

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

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

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

Как выделить два и более слоя

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

Способ 1 Последовательно расположенные слои

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

Способ 2 Непоследовательно расположенные слои

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

Способ 3 Все слои

Команда меню Выделение — Все слои выберет абсолютно их все на палитре. Горячая клавиша для быстрого использования функции: Alt+Ctrl+A .

Примечание

Противоположная команда Выделение — Отменить выделение слоев скинет созданное выделение.

Способ 4 Подобные слои

В я упоминал, что слои делятся на виды: обыкновенные, текстовые, корректирующие, смарт-объекты и так далее. Если использоваться команду меню Выделение — Подобные слои (Similar Layers), то фотошоп выделит все слои одного вида с активным. Например, если был активным текстовый слой, то фотошоп выберет все текстовые.

Способ 3 Связанные слои

Связанные слои, помимо всех прочих особенностей, также вынесены в отдельную команду, чтобы парой кликов можно было найти и выделить их все. Команда Слои — Выделить связанные слои (Select Linked Layers).

Перемещение слоев по палитре

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

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

Способ 1 С помощью перетаскивания

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

Способ 2 Команда Упорядочить

Выберите один или более слоев, а затем перейдите в меню Слои — Упорядочить (Arrange). Появится окно выбора, как именно вы хотите это сделать. Доступны следующие варианты:

  • На передний план (Bring to front) — перемещение на первое место в списке.
  • Переложить вперед (Bring Forward) — перемещение на один шаг выше.
  • Переложить назад (Send Backward) — перемещение на один шаг ниже.
  • На задний план (Send to Back) — перемещение на последнее место в списке.
  • Инверсия (Reverse) — активна для выделения двух и более слоев; команда зеркально меняет их порядок.

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter . Спасибо!

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

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

Ниже представлено изображение фоторамки, открытое в программе Photoshop. Данное изображение я взял из фотобанка Fotolia:

Исходное изображение

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

Панель слоев отображает, что изображение размещено на слое заднего фона

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

Правило 1: Мы не можем перемещать содержимое слоя заднего фона

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

Выбираем на панели инструментов инструмент «Перемещение»

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

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

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

Значок в виде замка говорит нам о том, что данный слой закреплен

Правило 2: Отсутствие прозрачных пикселей

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

Сначала, я должен выделить область внутри рамки, и поскольку она заполнена бельм цветом, для выделения я буду использовать инструмент «Волшебная палочка» (Magic Wand) . В программе Photoshop CS2 и более ранних версиях, мы можем выбрать инструмент «Волшебная палочка» , просто нажав на его значок на панели инструментов. В программе Photoshop CS3 и более поздних версиях (в моем случае это версия Photoshop CS5), этот инструмент спрятан за инструментом «Быстрое выделение» (Quick Selection), поэтому необходимо сначала нажать на инструмент «Быстрое выделение» (удерживая кнопку мыши нажатой несколько секунд), дождаться появления выпадающего меню с перечнем инструментов и выбрать из списка инструмент «Волшебная палочка» :

Выбираем инструмент «Волшебная палочка»

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

Белая область внутри рамки теперь выделена

Чтобы удалить область внутри рамки, я нажму клавишу Backspace (Win) / Delete (Mac). Однако вместо ожидаемого удаления области и замещения белого цвета прозрачными пикселями, программа открывает диалоговое окно параметра «Заполнить» (Fill) и предлагает заполнить выделенную область другим цветом:

Вместо того чтобы удалить область, программа Photoshop открывает диалоговое окно параметра «Заполнить»

Я нажму кнопку «Отмена» (Cancel) для выхода из диалогового окна, поскольку это совсем не та команда, которую я хотел выполнить. Я хотел удалить белую область внутри фоторамки, но не заполнять ее другим цветом. Может быть, программа Photoshop что-то перепутала? Хорошо, я попробую удалить область другим способом. Для этого я перейду в раздел «Редактирование» (Edit) в строке меню в верхней части экрана и выберу команду «Вырезать» (Cut):

Выбираем команду «Вырезать» в разделе «Редактирование»

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


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

Откуда же взялся черный цвет? Оказывается, программа Photoshop заполнила область черным цветом, потому что, если мы посмотрим на образцы цвета переднего плана и цвета фона в нижней части панели инструментов, то увидим, что цвет фона (на нижнем правом квадрате) — в настоящий момент черный, соответственно программа и заполнила область цветом фона. Если бы цвет фона был выбран фиолетовым, область заполнилась бы именно фиолетовым цветом. Однако в данный момент цвет фона — черный:

Образцы цвета переднего плана (левый верхний) и цвета фона (правый нижний)

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

Правило 3: Мы не можем перемещать слой «Фон» и помещать его над другим слоем

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


Изображение, которое будет размещено внутри фоторамки

В настоящий момент изображение открыто в отдельном окне, поэтому я быстро скопирую его в окно документа с фоторамкой, нажав сочетание клавиш Ctrl+A (Win) / Command+A (Mac) для выделения всей фотографии. Затем я нажму клавишную комбинацию Ctrl+C (Win) / Command+C (Mac), чтобы скопировать изображение во внутренний буфер. После этого я перейду в окно документа с фоторамкой и нажму сочетание клавиш Ctrl+V (Win) / Command+V (Mac), чтобы вставить изображение в документ. Программа поместит новое изображение на отдельный слой под названием «Слой 1» (Layer 1), расположенный над слоем «Фон» с фоторамкой:

Вторая фотография размещена на отдельном слое над слоем «Фон»

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

Второе изображение появилось перед фоторамкой

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

Значок в виде перечеркнутого круга свидетельствует о том, что я не могу переместить слой «Фон» поверх слоя «Слой 1»

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

Правило 4: Мы не можем перемещать другие слои под слой «Фон»

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

Тот же значок запрета появляется, и когда мы пытаемся переместить «Слой 1» под слой заднего фона

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

Простое решение проблемы

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

Так как главное назначение слоя «Фон» — служить основой документу, каждое из этих правил имеет смысл. Тем не менее, как и с большинством других правил, иногда нам требуется их нарушить. В нашем случае, обойти все эти правила легко! Все, что нам требуется, — как-то иначе переименовать слой «Фон»! Для того чтобы переименовать слой «Фон», вы можете перейти в раздел «Слои» (Layer) в верхней части экрана, выбрать пункт «Новый» (New) и далее — «Слой из заднего плана» (Layer From Background):


Выбираем «Слои» > «Новый» > «Слой из заднего плана» (Layer > New > Layer From Background)

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

Дважды кликаем кнопкой мыши по названию слоя «Фон»

В любом случае после этих действий откроется диалоговое окно «Новый слой» (New Layer), где можно будет ввести новое имя для слоя. По умолчанию, программа предлагает имя «Слой 0» (Layer 0), которое нам подходит. Так как нам подойдет любое другое имя кроме «Фон» , просто нажмите ОК для подтверждения нового имени «Слой 0» и выхода из диалогового окна, при условии, что вы не хотите дать слою какое-то определенное имя:


Вы можете оставить имя «Слой 0» в качестве нового имени слоя или ввести любое другое на ваше усмотрение

Совет: чтобы еще быстрее переименовать слой «Фон», дважды щелкните кнопкой мыши по слову «Фон», удерживая нажатой клавишу Alt (Win) / Option (Mac). Программа тотчас переименует слой, присвоив ему имя «Слой 0» без открытия диалогового окна «Новый слой».

Теперь мы можем видеть, что имя слоя заднего фона изменилось на «Слой 0»:

Слой «Фон» был переименован на «Слой 0»

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

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

Переместим «Слой 0» поверх «Слоя 1»

После этого я отпущу кнопку мыши, и программа Photoshop разместит «Слой 0» над «Слоем 1», как мне и нужно:

«Слой 0» теперь расположен над «Слоем 1». Этого нельзя было достичь, пока «Слой 0» назывался слой «Фон»

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


Белая область внутри рамки опять стала выделенной

Затем я нажму клавишу Backspace (Win) / Delete (Mac), и на этот раз программа сделает все именно так, как я и ожидал, — вместо открытия диалогового окна параметра «Заполнить» она удалит область со слоя и отобразит фотографию под ней:


Область внутри рамки, наконец, удалена, и под ней видно другое изображение

Далее я нажму сочетание клавиш Ctrl+D (Win) / Command+D (Mac), чтобы снять выделение с области внутри рамки и убрать линию выделения. Затем для успешного завершения работы, я нажму на «Слой 1» на панели слоев и сделаю его активным:

Выбираем «Слой 1»

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


Перемещаем фотографию на нужное место внутрь фоторамки

Как мы с вами рассмотрели, слои заднего фона являются особым типом слоев в программе Photoshop, с наложенными на них ограничениями. Мы не можем перемещать их содержимое, удалять что-либо с них, и они всегда должны оставаться среди слоев документа в самом низу. В большинстве случаев, эти ограничения не причиняют нам особых неудобств, поскольку обычно мы не работаем напрямую со слоем «Фон». Но если вам нужно снять ограничения, просто переименуйте слой «Фон» и дайте ему любое другое имя. Это действие приведет к тому, что данный слой немедленно станет нормальным слоем, с которым вы сможете работать без ограничений!

И вот мы закончили! Ознакомьтесь с полным списком уроков по работе со слоями в программе Photoshop или посетите наш раздел «Основы программы Photoshop» для изучения инструментов выделения, принципов работы со шрифтом и других полезных навыков!

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

» виртуальный человечик принял такой вид:

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

Меняем цвет брюк:

— значит работаем со слоем «ноги ».

Запомните: одновременно активным слоем может быть только ОДИН.

2. Перемещение слоев в документе

За перемещение слоев отвечает инструмент «Move Tool » (Перемещение) — он находится на палитре инструментов и выглядит так —

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

В данный момент нас интересует следующая настройка:

Если настройка «Auto Select Layer » (Автовыделение слоя) не отмечена (как на картинке), то в какой бы части документа вы не оказались, перемещаться будет только активный слой. У меня сейчас это слой с ногами. С помощью я переместила ноги влево.

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

3. Перемещение слоев в палитре слоев.

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

В рабочем документе это отобразится так:

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

4. Скрепление слоев.

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

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

5. Объединение слоя с нижним.

Теперь попробуем объединить два слоя в один.

Сколько можно телу без ног ходить! Давайте их объединим.
Для чего встаем на слой с телом и нажимаем комбинацию клавиш Ctrl+E .
Это означает, что мы объединили слой с нижним. Теперь у нас такая картина:

6. Объединение всех видимых слоев

Чтобы соединить все части тела воедино, следует нажать комбинацию клавиш Shift+Ctrl+E , тогда все слои напротив которых включены будут объединены в один слой. Хотя фоновый слой лучше спрятать, чтобы наш человечик был свободным, а не прибитым к стене.

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

Как изменить фон фотографии в фотошопе

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

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

Выберите правильный подход

Лучший подход к изменению фона в Photoshop — создать выделение, которое разделяет передний план и фон.

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

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

, Загрузите их здесь и здесь.

1. Выберите объект переднего плана

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

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

На некоторых изображениях вам может быть проще выбрать фон. Затем вы можете инвертировать выделение, нажав Shift + Ctrl + I в Windows или Shift + Cmd + I на Mac.

2. Точная настройка вашего выбора

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

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

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

3. Выберите и замаскируйте

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

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

4. Уточните выбор

Теперь вы можете начать уточнение выбора. На панели инструментов в левой части экрана вам помогут различные инструменты:

  • Инструмент быстрого выбора. Так же, как мы использовали в шаге 1, это можно использовать для быстрого добавления (или удаления) любых больших областей к вашему выбору.
  • Уточните инструмент Edge Brush. Лучше всего использовать для волос и других мягких краев.
  • Зубная щетка. Используйте это по более жестким краям.
  • Лассо / Polygonal Lasso Tool. Вручную нарисуйте области, чтобы добавить или удалить из вашего выбора.

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

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

Затем переключитесь на Уточнить край инструмент, чтобы подправить волосы или любые мягкие края. Под Обнаружение края в правой панели установите флажок Смарт Радиус. Это помогает Photoshop различать мягкие и твердые края.

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

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

5. Настройте параметры

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

  • Гладкий; плавный. Сглаживает край выделения, удаляя неровные линии. Хорошо для выбора с четким краем.
  • Пух Перо. Смягчает край выделения, добавляя перо.
  • Контраст. Усиливает край выделения, увеличивая контраст на краевых пикселях.
  • Shift Edge. Перемещает весь выделенный фрагмент на указанное количество пикселей.

6. Удалить цветную окантовку

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

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

7. Вставьте свой новый фон

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

Использовать Рука инструмент, чтобы расположить слой, где вы хотите, изменив его размер при необходимости с помощью Свободное трансформирование инструмент (Ctrl + T, или же Cmd + T). Возьмитесь за ручки на углах или сторонах изображений и перетащите их внутрь, чтобы уменьшить их. Держи сдвиг ключ, чтобы сохранить соотношение сторон то же самое.

8. Подходим цвета

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

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

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

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

9. Вы сделали!

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

,

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

Чтобы поделиться своим изображением, вам нужно сохранить его в другом формате. Идти к Файл> Сохранить как и выбрать Jpeg сделать это. Не удаляйте PSD — это ваша резервная копия!

Что делать, если у вас нет фотошопа?

Когда вы работаете в Photoshop, настройки фона очень просты. Но вы можете добиться аналогичных результатов и в большинстве других серьезных графических пакетов. Если вы предпочитаете использовать что-то менее дорогое, чем инструменты Adobe, мы рекомендуем GIMP. Это бесплатно и доступно для Windows, Mac и Linux.

После установки ознакомьтесь с нашим руководством по изменению фона в GIMP.

чтобы помочь вам начать.

Как сделать слой поверх других. Как переместить одну картинку на другую в Photoshop. Где слои в «Фотошопе»

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

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

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

Где находятся режимы наложения в фотошопе?

Выпадающий список с режимами наложения слоя находится в левой верхней части панели слоев:

На данный момент в фотошоп существует 27 режимов наложения (в более ранних версиях программы 25), они разделены на шесть групп при помощи горизонтальных линий:

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

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

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

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

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

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

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

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

Основные режимы (Basic) — полностью заменяют пиксели нижележащего слоя.

Откроем в фотошоп фото с девушкой , Файл-Открыть (File Open ) . Помещаем яркую текстуру , Файл-Поместить (File Place ).

Вот как выглядит и рабочий холст на данный момент:

По умолчанию все новые слои и помещаемые файлы имеют Нормальный (Normal).

Режим наложения Нормальный (Normal ) наиболее часто используемый режим. При 100% непрозрачности верхний слой полностью перекрывает нижний, при уменьшении непрозрачности нижний слой становится частично видимым.

100% непрозрачности:

50% непрозрачности:

Режим наложения Затухание (Dissolve)

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

100% непрозрачности:

50% непрозрачности:


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

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

Режим наложения Затемнение (Darken)

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

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

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

Режим наложения Умножение (Multiply)

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

Режим наложения Затемнение основы (Color Burn)

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

Режим наложения Линейный затемнитель (Linear Burn)

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

Режим наложения Темнее (Darker color)

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

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

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

Режим наложения Замена светлым (Lighten)

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

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

Черный цвет полностью невидимый.

Режим наложения Экран (Screen)

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

Режим наложения Осветление основы (Color Dodge)

Его воздействие противоположно режиму Затемнение основы (Color Burn). Цвета выгорают, насыщенность средних тонов повышена. Режим используется для придания эффекта свечения.

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

Скомбинирован с режимов Экран (Screen ) и Осветление основы (Color Dodge). Светлые цвета заменяются более светлыми, почти белыми.

Режим наложения Светлее (Lighter Color)

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

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


Режим наложения Перекрытие (Overlay ) – осветляет светлые участки и затемняет темные, увеличивает контраст результирующего изображения.

Режим наложения Мягкий свет (Soft Light)

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

Режим наложения Жесткий свет (Hard Light)

Алгоритм действий схож с режимами Мягкий свет (Soft Light) и Перекрытие (Overlay), но эффект более сильный. Контраст повышен очень жестко.

Режим наложения Яркий свет (Vivid Light)

Скомбинирован с режимов Затемнение основы (Color Burn) и Осветление основы (Color Dodg e ). Имеет более сильное действие, чем Жесткий свет (Hard Light).


Режим наложения Linear Light (Линейный свет)

Скомбинирован с режимов Линейный затемнитель (Linear Burn) и Линейный осветлитель (Linear Dodge). Контрастность светлых участков уменьшается, а темных участков – увеличивается. Имеет противоположные свойства с предыдущим режимом, но в то же время очень похож на него.

Режим наложения Точечный свет (Pin Light)

Включает в себя режимы Замена темным (Darken) и Замена светлым (Lighten). Смешивает светлые пиксели при помощи первого режима, а темные пиксели – с помощью второго режима.

Режим наложения Жёсткое смешение (Hard Mix)

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

Сравнительные режимы (Comparative) — результирующее изображение напрямую зависит от разницы обоих слоев.

Режим наложения Разница (Difference )

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

Режим наложения Исключение (Exclusion)

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

Режим наложения Вычитание (Subtract)

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

Режим наложения Разделить (Divide)

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

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

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

Режим наложения Цветовой тон (Hue)

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

Режим наложения Насыщенность (Saturation)

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

Режим наложения Цветность (Color)

Сохраняется цветовой тон и насыщенность верхнего слоя и яркость нижнего. Нижний слой «перекрашивается» в цвета верхнего. Режим прекрасно походит для изменения цвета на изображении.

Режим наложения Яркость (Luminosity)

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

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

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

Введение

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

Панель Layers:

Работать со слоями можно как через меню Layer, так и через отдельную панель Layers:

По умолчанию панель Layers отображена в нижнем правом углу редактора. Если она отсутствует, то зайдите в меню Window (Окно) и выберите строку Layers (Слои). Или же просто нажмите клавишу F7:

Создание нового слоя

Для начала и нажмите по пиктограмме снизу Сreate new Layer (Создать новый слой). Или же комбинацией клавиш Shift+Ctrl+Alt+N:

Итак, у нас есть два пустых слоя. Нижний залит белым однотонным цветом и называется Background, а второй, только что созданный нами — прозрачный и по умолчанию называется Layer 1:

Сейчас Layer 1 подсвечен синим цветом. Это говорит о том, что он активен и все изменения которые мы проделаем на холсте будут отображены только на нем. Что бы лучше это понять, проделаем простой эксперимент, выберите инструмент Brush (Кисть) и нарисуйте на холсте что угодно, на пример вот такую простую звезду:

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

Давайте создадим еще один слой (Shift+Ctrl+Alt+N) и добавим на него еще одну фигуру:

Теперь у нас есть два слоя и на каждом из них по одной фигуре. Верхняя фигура перекрывает нижнюю. И это логично ведь мы же добавили ее после того, как нарисовали звезду. Но фотошоп позволяет нарушить закон последовательности. Попробуйте опустить слой Layer 2 под Layer 1, как показано ниже и вы сразу же заметите результат. Сделать это очень просто — зажмите левую кнопку мыши и просто передвиньте слой вниз:

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

Отображение и скрытие слоя

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

Попробуйте нажать на одну из пиктограмм и наблюдайте за результатом:

Управление непрозрачностью

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

Двигаемся дальше. В верхней части палитры Layer обратите внимание на параметры Opacity (непрозрачность) и Fill (заполнение). Благодаря им можно менять прозрачность слоя. Например Opacity со значением в «100%» означает полную видимость, а значение «0» полную невидимость:

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

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

и переименуйте его:

Представьте что вы работаете над большим проектом, где присутствуют десятки слоев. В таком количестве очень легко запутаться даже профессионалу. Но фотошоп позволяет облегчить работу дизайнеру благодаря созданию так называемых групп. Например в проекте есть 5 слоев с набросками и 10 с контурами или же какими либо фильтрами. Их неплохо бы было рассортировать по группам. Создать группу очень просто, для этого с зажатой клавишей Shift выберите несколько слоев и потяните их на пиктограмму Create a new group (Создать новую группу):

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

Создание дубликата (копии) слоя

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

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

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

Normal (Нормальный)

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

Dissolve (Растворение)

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

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

Проявляет темные оттенки слоя.

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

Один из самых распространенных режимов в фотошопе. В этом режиме цвет становится насыщеннее и темнее. Отлично подойдет для затемнения пересвеченных фотографий.

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

Позволяет повысить контрастность и насыщенность цвета. Помимо этого Color Burn еще и немного затемняет оттенки.

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

Затемняет нижний слой, и проявляет цвет верхнего. Так же уменьшает и яркость.

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

Создает противоположный эффект режиму Darken. Проявляет светлые пиксели.

Screen (Осветление)

Хорошо подходит для осветления изображения.

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

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

Linear dodge (Линейный осветлитель)

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

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

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

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

Этот режим осветляет и затемняет цвета в зависимости от цвета верхнего слоя. Неплохо подойдет для коррекции тонов.

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

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

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

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

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

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

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

Дает различные интересные результаты, работает путем перемещения цветов в зависимости от темных или светлых тонов

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

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

Difference (Разница)

Смешиваясь с белым цветом приводит к инвертированию цвета. С темными цветами данный режим не работает

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

Похож на режим Difference, но дает меньшую контрастность.

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

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

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

Хорошо подходит когда слою нужно принять цвет или текстуру другого.

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

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

Luminosity (Свечение)

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

Практика

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

Для начала выберете любую фотографию…

И откройте ее в фотошопе…

Создайте новый слой…

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

Растяните изображение по нужному размеру и не забудьте нажать Enter! Переименуйте слой…

Теперь поработаем с режимами наложения…

Для практики поиграйте с разными режимами, пока не поймете какой подходит лучше

Я установил Soft Light (Мягкий свет) и с непрозрачностью в 75%…


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

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

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

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

Ниже представлено изображение фоторамки, открытое в программе Photoshop. Данное изображение я взял из фотобанка Fotolia:

Исходное изображение

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

Панель слоев отображает, что изображение размещено на слое заднего фона

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

Правило 1: Мы не можем перемещать содержимое слоя заднего фона

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

Выбираем на панели инструментов инструмент «Перемещение»

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

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

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

Значок в виде замка говорит нам о том, что данный слой закреплен

Правило 2: Отсутствие прозрачных пикселей

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

Сначала, я должен выделить область внутри рамки, и поскольку она заполнена бельм цветом, для выделения я буду использовать инструмент «Волшебная палочка» (Magic Wand) . В программе Photoshop CS2 и более ранних версиях, мы можем выбрать инструмент «Волшебная палочка» , просто нажав на его значок на панели инструментов. В программе Photoshop CS3 и более поздних версиях (в моем случае это версия Photoshop CS5), этот инструмент спрятан за инструментом «Быстрое выделение» (Quick Selection), поэтому необходимо сначала нажать на инструмент «Быстрое выделение» (удерживая кнопку мыши нажатой несколько секунд), дождаться появления выпадающего меню с перечнем инструментов и выбрать из списка инструмент «Волшебная палочка» :

Выбираем инструмент «Волшебная палочка»

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

Белая область внутри рамки теперь выделена

Чтобы удалить область внутри рамки, я нажму клавишу Backspace (Win) / Delete (Mac). Однако вместо ожидаемого удаления области и замещения белого цвета прозрачными пикселями, программа открывает диалоговое окно параметра «Заполнить» (Fill) и предлагает заполнить выделенную область другим цветом:

Вместо того чтобы удалить область, программа Photoshop открывает диалоговое окно параметра «Заполнить»

Я нажму кнопку «Отмена» (Cancel) для выхода из диалогового окна, поскольку это совсем не та команда, которую я хотел выполнить. Я хотел удалить белую область внутри фоторамки, но не заполнять ее другим цветом. Может быть, программа Photoshop что-то перепутала? Хорошо, я попробую удалить область другим способом. Для этого я перейду в раздел «Редактирование» (Edit) в строке меню в верхней части экрана и выберу команду «Вырезать» (Cut):

Выбираем команду «Вырезать» в разделе «Редактирование»

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


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

Откуда же взялся черный цвет? Оказывается, программа Photoshop заполнила область черным цветом, потому что, если мы посмотрим на образцы цвета переднего плана и цвета фона в нижней части панели инструментов, то увидим, что цвет фона (на нижнем правом квадрате) — в настоящий момент черный, соответственно программа и заполнила область цветом фона. Если бы цвет фона был выбран фиолетовым, область заполнилась бы именно фиолетовым цветом. Однако в данный момент цвет фона — черный:

Образцы цвета переднего плана (левый верхний) и цвета фона (правый нижний)

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

Правило 3: Мы не можем перемещать слой «Фон» и помещать его над другим слоем

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


Изображение, которое будет размещено внутри фоторамки

В настоящий момент изображение открыто в отдельном окне, поэтому я быстро скопирую его в окно документа с фоторамкой, нажав сочетание клавиш Ctrl+A (Win) / Command+A (Mac) для выделения всей фотографии. Затем я нажму клавишную комбинацию Ctrl+C (Win) / Command+C (Mac), чтобы скопировать изображение во внутренний буфер. После этого я перейду в окно документа с фоторамкой и нажму сочетание клавиш Ctrl+V (Win) / Command+V (Mac), чтобы вставить изображение в документ. Программа поместит новое изображение на отдельный слой под названием «Слой 1» (Layer 1), расположенный над слоем «Фон» с фоторамкой:

Вторая фотография размещена на отдельном слое над слоем «Фон»

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

Второе изображение появилось перед фоторамкой

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

Значок в виде перечеркнутого круга свидетельствует о том, что я не могу переместить слой «Фон» поверх слоя «Слой 1»

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

Правило 4: Мы не можем перемещать другие слои под слой «Фон»

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

Тот же значок запрета появляется, и когда мы пытаемся переместить «Слой 1» под слой заднего фона

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

Простое решение проблемы

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

Так как главное назначение слоя «Фон» — служить основой документу, каждое из этих правил имеет смысл. Тем не менее, как и с большинством других правил, иногда нам требуется их нарушить. В нашем случае, обойти все эти правила легко! Все, что нам требуется, — как-то иначе переименовать слой «Фон»! Для того чтобы переименовать слой «Фон», вы можете перейти в раздел «Слои» (Layer) в верхней части экрана, выбрать пункт «Новый» (New) и далее — «Слой из заднего плана» (Layer From Background):


Выбираем «Слои» > «Новый» > «Слой из заднего плана» (Layer > New > Layer From Background)

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

Дважды кликаем кнопкой мыши по названию слоя «Фон»

В любом случае после этих действий откроется диалоговое окно «Новый слой» (New Layer), где можно будет ввести новое имя для слоя. По умолчанию, программа предлагает имя «Слой 0» (Layer 0), которое нам подходит. Так как нам подойдет любое другое имя кроме «Фон» , просто нажмите ОК для подтверждения нового имени «Слой 0» и выхода из диалогового окна, при условии, что вы не хотите дать слою какое-то определенное имя:


Вы можете оставить имя «Слой 0» в качестве нового имени слоя или ввести любое другое на ваше усмотрение

Совет: чтобы еще быстрее переименовать слой «Фон», дважды щелкните кнопкой мыши по слову «Фон», удерживая нажатой клавишу Alt (Win) / Option (Mac). Программа тотчас переименует слой, присвоив ему имя «Слой 0» без открытия диалогового окна «Новый слой».

Теперь мы можем видеть, что имя слоя заднего фона изменилось на «Слой 0»:

Слой «Фон» был переименован на «Слой 0»

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

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

Переместим «Слой 0» поверх «Слоя 1»

После этого я отпущу кнопку мыши, и программа Photoshop разместит «Слой 0» над «Слоем 1», как мне и нужно:

«Слой 0» теперь расположен над «Слоем 1». Этого нельзя было достичь, пока «Слой 0» назывался слой «Фон»

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


Белая область внутри рамки опять стала выделенной

Затем я нажму клавишу Backspace (Win) / Delete (Mac), и на этот раз программа сделает все именно так, как я и ожидал, — вместо открытия диалогового окна параметра «Заполнить» она удалит область со слоя и отобразит фотографию под ней:


Область внутри рамки, наконец, удалена, и под ней видно другое изображение

Далее я нажму сочетание клавиш Ctrl+D (Win) / Command+D (Mac), чтобы снять выделение с области внутри рамки и убрать линию выделения. Затем для успешного завершения работы, я нажму на «Слой 1» на панели слоев и сделаю его активным:

Выбираем «Слой 1»

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


Перемещаем фотографию на нужное место внутрь фоторамки

Как мы с вами рассмотрели, слои заднего фона являются особым типом слоев в программе Photoshop, с наложенными на них ограничениями. Мы не можем перемещать их содержимое, удалять что-либо с них, и они всегда должны оставаться среди слоев документа в самом низу. В большинстве случаев, эти ограничения не причиняют нам особых неудобств, поскольку обычно мы не работаем напрямую со слоем «Фон». Но если вам нужно снять ограничения, просто переименуйте слой «Фон» и дайте ему любое другое имя. Это действие приведет к тому, что данный слой немедленно станет нормальным слоем, с которым вы сможете работать без ограничений!

И вот мы закончили! Ознакомьтесь с полным списком уроков по работе со слоями в программе Photoshop или посетите наш раздел «Основы программы Photoshop» для изучения инструментов выделения, принципов работы со шрифтом и других полезных навыков!

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

Влад Мержевич

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

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

Абсолютное позиционирование

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

При использовании наложения требуется присвоить свойству position значение absolute . Само положение слоя регулируется свойствами left , top , right и bottom которые задают координаты соответственно от левого, верхнего, правого и нижнего края (пример 1). Поскольку вывод содержимого слоя осуществляется в заданное место, то порядок описания слоев указывает и порядок их наложения друг на друга. Самый первый слой, приведенный в коде веб-страницы, будет располагаться на заднем плане, а самый последний — на переднем. Порядок также можно менять с помощью свойства z-index . Чем больше его значение, тем выше располагается текущий слой относительно других слоев.

Пример 1. Абсолютное позиционирование

Позиционирование

Левая колонка

Правая колонка

В данном примере положение слоя с именем leftcol устанавливается в левом верхнем углу окна браузера, а слой rightcol смещен на 350 пикселов вправо от левого края окна и на 50 пикселов вниз. Заметьте, что значения left и top следует указывать обязательно для всех слоев, чтобы получилось нужное наложение с заданными координатами.

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

Относительное позиционирование

Чтобы наложить один слой на другой и не привязываться жестко к координатной сетке, можно попробовать следующий подход. Для первого слоя, который будет располагаться на заднем плане, указываем абсолютное позиционирование, присваивая свойству position значение absolute . Второй слой, расположенный поверх первого, должен иметь относительное позиционирование, что достигается с помощью значения relative у свойства position . Положение верхнего слоя определяется от левого верхнего угла нижнего слоя заданием left и top (рис. 1).

Рис 1. Задание положения верхнего слоя

В примере 2 ширина слоев задается свойством width , а местоположение верхнего слоя (он называется rightcol ) свойствами left и top . Как указывалось выше, порядок наложения слоев определяется их порядком описания в коде или с помощью z-index . Поэтому слой с именем leftcol будет располагаться на заднем плане, поскольку он определен самым первым.

Пример 2. Относительное позиционирование

Позиционирование

Левая колонка

Правая колонка

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

Универсальный подход

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

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

Теперь слои располагаются рядом, и прежде, чем указывать координаты, задаем относительное позиционирование значением relative у свойства position . Положение верхнего слоя управляется значением left и top . Но поскольку отсчет координат в данном случае ведется от левого верхнего угла второго слоя, по горизонтали нужно указывать отрицательное значение (рис. 2). Впрочем, можно использовать также свойство bottom .

Рис. 2. Задание положения верхнего слоя

В примере 3 верхний слой с именем rightcol смещается на 50 пикселов по горизонтали и вертикали. Чтобы он не закрывал при наложении содержимое слоя leftcol , справа у текста делается отступ через свойство padding-right .

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

Пример 3. Создание наложения слоев

Позиционирование

Левая колонка

Правая колонка

Результат данного примера с другим текстом приведен ниже (рис. 3).

Рис. 3. Результат действия примера

На веб-странице расположены три изображения игральных карт (рис. 3.51). Пока они лежат рядом, их порядок значения не имеет, но если применить к ним позиционирование и сместить изображения так, чтобы они накладывались друг на друга, одна карта будет находиться выше другой (рис. 3.52).

Рис. 3.51. Карты рядом друг с другом

Рис. 3.52. Карты одна на другой

Если представить веб-страницу в виде трёхмерного пространства (рис. 3.53), то видно, что карты располагаются также по оси Z. Значения по этой оси и определяют, какая карта к нам ближе, какая дальше, иными словами порядок их наложения друг на друга. В коде документа (пример 3.38) порядок определяется автоматически на основе потока документа. Чем элемент ниже в коде, тем он выше по оси Z, поэтому изображение с тузом, как самое нижнее, располагается поверх остальных карт.

Рис. 3.53. Воображаемые координаты веб-страницы

Пример 3.38. Обычный порядок карт

Порядок карт

В CSS за положением по Z-оси отвечает свойство z-index , которое определяет, «ближе» к нам элемент находится или «дальше». В качестве значений принимается целое число, чем оно больше, тем выше располагается элемент по отношению к другим. Элементам автоматически присваивается значение 0, так что даже z-index : 1 заставит элемент перекрывать все нижележащие. Доработаем пример 3.38 так, чтобы порядок карт поменялся на противоположный, причём только редактируя стиль, оставляя HTML-код прежним.

Card IMG { position: relative; } .three { top: 50px; left: 55px; z-index: 5; } .seven { left: -120px; top: 25px; z-index: 2; } .ace { left: -295px; z-index: 1; }

Свойство z-index для класса three специально установлено как 5 для демонстрации, что последовательность значений z-index роли не играет. Главное, чтобы одно число было больше другого.

Свойство z-index работает только для элементов, у которых значение position задано как absolute , fixed или relative .

Когда требуется расположить элемент поверх всех остальных на странице, ему ставят очень большое значение z-index , например 9999. Это гарантирует, что даже если в стилях и применяется z-index , он будет меньше указанного. В примере 3.39 у карт при наведении на них курсора меняется z-index на 10. Никаких скриптов здесь не понадобится, всё делается через псевдокласс :hover .

Пример 3.39. Изменение z-index при наведении на карту

XHTML 1.0 CSS 2.1 IE Cr Op Sa Fx

Порядок карт

Как перемещать текст в фотошопе

На этой странице

Перемещение выделенной области

Инструмент «Перемещение» позволяет вырезать и переместить выделенные пикселы в новое место на фотографии. Этот инструмент также можно использовать для перемещения и копирования выделенных фрагментов между фотографиями в Photoshop Elements, а также в фотографии в других приложениях, которые поддерживают выделенные фрагменты.

Чтобы активировать инструмент «Перемещение» при другом активном инструменте, нажмите и удерживайте клавишу «Ctrl» (Command в ОС Mac OS) (этот метод не работает, когда выбран инструмент «Рука»).

В рабочей среде «Редактирование» выделите область с помощью какого-либо инструмента выделения и выберите инструмент «Перемещение» на панели инструментов.

Параметры инструмента «Перемещение»

При активизации инструмента «Перемещение» на панели параметров можно изменить следующие параметры:

Автоматически выделять слой

Выделяет самый верхний слой с пикселами, находящимися непосредственно под инструментом «Перемещение», а не текущий выделенный слой.

Показать ограничительную рамку

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

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

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

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

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

Выравнивает выделенные слои. Доступны следующие параметры: «Верхние края», «Центры по вертикали», «Нижние края», «Левые края», «Центры по горизонтали» и «Правые края». Допускается одновременное выравнивание нескольких слоев. Чтобы выровнять слои, выделите один слой, затем выделите другой, удерживая нажатой клавишу Shift, затем выберите нужную команду в меню «Выравнивание».

Разделяет выделенные слои на равные части. Доступны следующие параметры: «Верхние края», «Центры по вертикали», «Нижние края», «Левые края», «Центры по горизонтали» и «Правые края». Допускается расположение нескольких слоев на расстоянии друг от друга. Чтобы активировать этот параметр, необходимо наличие не менее трех выделенных слоев. Чтобы разделить слои друг от друга на некоторое расстояние, выделите один слой, затем выделите другой, удерживая нажатой клавишу Shift, и выберите соответствующую команду в меню «Распределить».

Копирование выделенных областей или слоев

Выделенные области можно копировать и вставлять с помощью инструмента «Перемещение» или команд «Копировать», «Копировать объединенные», «Вырезать», «Вставить» или «Вставить в выделение» в меню «Редактирование».

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

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

Копирование выделенных областей с помощью инструмента «Перемещение»

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

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

На панели инструментов Перемещение (Горячая клавиша — V ) располагается вторым по счету в гордом одиночестве (обозначен иконкой в виде указателя мыши со стрелочками направления):

Для чего нужен инструмент Перемещение

1. Двигать содержимое слоя

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

Как это выглядит на примере

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

Например вниз. Вот что получилось:

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

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

2. Двигать содержимое выделенной области

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

В этом действии есть два возможных сценария:

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

Пример

Допустим, нужно выделить на картинке слово (которое является частью картинки) и переместить его куда-нибудь в другое место:

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

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

Пример

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

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

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

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

3. Перемещать объекты из одной вкладки в другую

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

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

Пример

4. Выравнивать объекты по центру и краям

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

Подробнее как это можно сделать смотрите в отдельном уроке.

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

Автовыбор

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

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

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

Показать управляющие элементы

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

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

В этом материале мы рассмотрим основы работы с текстом в программе Photoshop.

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

Ввод текста в Photoshop

Для ввода текста в Photoshop используется инструмент «Текст» (Type Tool), расположенный на панели инструментов в левой части экрана, либо, для выбора инструмента следует нажать на клавишу клавиатуры T:

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

Выбор шрифта

Как только мы выбираем инструмент «Текст», на панели параметров верху экрана отображаются опции и параметры, относящиеся к этому инструменту, слева расположены варианты для выбора типа, стиля и размер шрифта:

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

Примечание! Не все установленные в Вашей системе шрифты поддерживают кириллицу (русские буквы).

Примечание! Шрифты не обязательно устанавливать в системную папку Windows, возможно временная загрузка шрифта до перезагрузки/выключения компьютера, подробнее об установке шрифтов в Photoshop рассказывается здесь.

Изменение размера предпросмотра шрифта

В окне предпросмотра Photoshop показывает не только имя каждого шрифта, но и отображает предварительный просмотр образца внешнего вида (для образца применяется слово «Sample», располагающееся справа от названия шрифта):

Мы можем изменить размер предварительного просмотра шрифта. В зависимости от версии, ниже CS5 надо пройти по вкладке главного меню Редактирование –> Установки –> Текст (Edit –> Preferences –> Type), в версиях выше – по вкладке главного меню Текст –> Размер просматриваемого шрифта (Type –> Font Preview Size). По умолчанию размер установлен как «средний» (Medium). Для примера, я выберу самый большой размер, вот как теперь выглядят образцы предварительного просмотра шрифтов:

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

Выбор стиля (начертания) шрифта

Как только вы выбрали сам шрифт, мы можем выбрать его стиль, нажав на треугольник в правой части окна выбора стиля. Задайте нужный стиль шрифта, выбрав обычный (Regular), жирный (Bold), курсив (Italic):

Установка размера шрифта

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

Если ни один из этих размеров не удовлетворяет Вашим потребностям, Вы можете вручную задать любое собственное значение, кликнув мышкой в поле размера, ввести значение, затем нажать Enter, единицы «px» в конце числа ставит не обязательно, т.к. Photoshop автоматически добавит его при нажатии Enter. Другой способ изменения размеров – навести курсор мыши немного слева от окна ввода, нажать левую клавишу (курсор изменит свой вид на палец со стрелками) и протащить курсор влево или вправо для увеличения или уменьшения размера:

Выбор цвета текста

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

Добавление текста в документ Photoshop

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

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

При этом Photoshop добавит в палитру слоёв новый, особый вид слоя, называемый текстовым, его легко отличить по миниатюре в виде буквы Т. Каждый раз, когда мы добавляем текст в документ, он располагается на новом текстовом слое. Photoshop изначально именует новый слой как «Слой 1» (Layer 1), но название изменится, как только мы введём текст, как мы рассмотрим чуть позже:

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

Перемещение текста по изображению

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

Для перемещения текста по изображению надо немного отвести курсор от текста. он изменит свой вид с двутавровой балки на значок инструмента «Перемещение» (Move Tool), после изменения вида курсора зажмите левую клавишу мыши и перетащите текст в нужное место:

Принятие и завершение редактирования текста

Что такое принятие текста? После принятия текста происходит завершение редактирования текущего текстового слоя и выход из этого слоя. При этом, сам инструмент «Текст» остаётся активным. Если вы кликните по документу после принятия, то Photoshop создаст новый текстовый слой.

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

Либо нажмите клавишу Enter, расположенную в правом нижнем углу цифровой клавиатуры (не тот Enter, который мы обычно нажимаем!), либо комбинацию обычный Enter+Ctrl.

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

Отменить или удалить текст

Если Вы хотите удалить текст до того? как Вы его приняли, просто нажмите клавишу Esc. Photoshop удалит текст и текстовый слой.

Для удаления уже принятого текста нужно в панели слоёв перетащить текстовый слой в корзину.

Параметры выравнивания текста

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

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

Выбор и редактирование текста

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

Чтобы мгновенно выделить слово, дважды кликните по нему мышью, чтобы выделить строку – кликните по строке трижды:

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

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

Изменение цвета текста в Photoshop

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

Про тонкости редактирования текста в Photoshop и дополнительные горячие клавиши читайте здесь.

Перемещение объекта вперед или назад

Объект может быть одним из следующих:

  • Автофайл

  • Таблица

  • Текстовое поле

  • Картинка или рисунок

  • Выберите объект, который нужно переместить.

    Если объект скрыт, выберите любой из них, а затем нажимая клавишу TAB или клавиши SHIFT+TAB, пока не будет выбран нужный объект.

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

  • В меню «Упорядочение» найте указатель напункт «Порядок» и сделайте одно из следующего:

    • Чтобы вывести объект перед стопкой, нажмите кнопку «На передний или передний.

    • Чтобы отправить объект на задний00-м конце стопки, нажмите кнопку «На задний».

    • Чтобы вывести объект на один шаг вперед, нажмите кнопку «Передвигать вперед».

    • Чтобы отправить объект на один шаг назад, нажмите кнопку «Назад».

Примечания: 

  • Чтобы отобразить вставленное изображение в качестве фона за текстом, щелкните правой кнопкой мыши текстовое поле, выберите в shortcut-меню пункт «Формат текстового окна», перейдите на вкладку «Макет», а затем выберите «Нет» или «Сквозное» в меню «Стиль обтекаия».

  • Чтобы сделать объект прозрачным, щелкните его (для таблицы выберем всю таблицу) и нажмите CTRL+T. Чтобы сделать прозрачный объект непрозрачным с белой заливой, вы выберите его и нажмите CTRL+T.

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

Шаг 1

Мы будем работать с фотографией жирафа. Откройте её в Фотошопе. Сперва нужно выделить объект. Для выделения существует много разных инструментов и приёмов, но начинающим пользователям лучше всего подойдут более простые инструменты, как Quick Selection Tool (W) и Magic Wand Tool (W). Ещё есть инструмент Lasso Tool (L), с помощью которого можно получить более точное выделение, но требует больше времени.

Выберите инструмент Quick Selection Tool (W). Используйте режим добавления к выделенной области (в центре курсора должен стоять знак «+»), удерживая клавишу Shift. Выделите весь фон, который нужно удалить. Чтобы исключить какую-то область из выделения, зажмите клавишу Alt.

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

Как только фон будет выделен, инвертируйте выделение (Select ? Inverse).

Шаг 2

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

Шаг 3

Кликните дважды на маске слоя и выберите Mask Edge в открывшемся окне. На правой панели появится меню Refine Mask.

Шаг 4

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

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

Шаг 5

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

Шаг 6

Если Вы хотели изменить фон, откройте другую фоновую фотографию в Фотошопе и перенесите в неё вырезанный объект. Изменить размер объекта можно в режиме Free Transform (Ctrl + T).

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

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

Зачем нужен размытый фон?

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

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

Как размыть фон в «Фотошопе»?

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

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

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

Несколько простых вариантов размытия фона

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

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

Фильтр Iris Blur

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

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

Пошаговая инструкция

Следующие шаги детально описывают, как размыть задний фон в «Фотошопе CS6» с помощью фильтра Iris Blur («Размытие диафрагмы»):

  1. Необходимо открыть файл в «Фотошопе» и снять блокировку слоя, дважды кликнув на его иконку, в выплывающем окне нажать Ok.
  2. Далее нужно выбрать необходимый фильтр в главном (верхнем) меню программы «Фотошоп», повторяя следующие шаги: Filter -> Blur -> Iris Blur. Фотография открывается в новом меню, которое предлагает выбрать точку фокусировки и радиус размытия с помощью передвижного эллипса.
  3. При настройке фокуса нужно, чтобы центр эллипса, обозначенный кругом, был в самом центре главного объекта фотографии. После того как фокус выбран, можно регулировать размеры и даже форму эллипса, переворачивая или вытягивая в стороны его края.
  4. С внутренней стороны эллипса находятся четыре точки, позволяющие регулировать переход от фокуса к размытию.
  5. На боковой панели под надписью Iris Blur находится бегунок, контролирующий уровень размытия — чем ниже значение, тем четче фон.
  6. Настроив все параметры, необходимо нажать Ok, и снимок готов.

Инструмент Blur

Второй способ — прибегнуть к помощи инструмента Blur и «закрасить» им фон. Использование инструмента «Размытие», возможно, является самым простым способом ответа на вопрос о том, как размыть фон в «Фотошопе». Для работы с ним нужен всего один слой, которым может стать оригинал фотографии.

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

Детальное описание

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

  1. Нужно загрузить выбранное фото в «Фотошоп» и снять блокировку слоя.
  2. На панели инструментов (слева) необходимо выбрать Blur, он обозначен значком капли.
  3. Панель настроек, находящаяся сверху, под главным меню программы, позволяет выбрать размер кисти и интенсивность размытия (Strength).
  4. Настроив все параметры работы инструмента, нужно провести кистью по той части фона, которую необходимо размыть.
  5. Размер кисти и интенсивность размытия можно менять по мере приближения к объекту фокуса, также можно поэкспериментировать с инструментом Blur и размыть фон неравномерно.

Работа с двумя слоями

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

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

Подробное описание

Последующая инструкция пошагово объясняет, как сделать фон размытым в «Фотошопе», используя всего два слоя:

  1. Выделяем верхний слой на боковой панели справа.
  2. Выбираем подходящий фильтр размытия из галереи: Filter -> Blur -> фильтр на выбор. Для быстрого и непринужденного эффекта лучше использовать Gaussian Blur. В итоге получится полностью размытая фотография.
  3. Для того чтобы выделить объект фокуса, нужно выбрать ластик (Eraser) на панели инструментов и, отрегулировав его размер, стереть часть верхнего слоя над той частью фото, которая должно быть четко сфокусированной.
  4. Корректируя размеры и прозрачность ластика, можно создать сложный и по-разному размытый фон.
  5. В конце необходимо соединить оба слоя в один, для этого в главном меню нужно выбрать Layer и затем нажать на Flatten image.

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

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

Инструкция

Установите на компьютере программу Adobe Photoshop и запустите ее. Откройте изображение, с которым предстоит работать, при помощи горячих клавиш Ctrl+O.

Включите режим быстрой маски, нажав на изображение маски внизу панели с инструментами. Замаскируйте ту область, которая будет резкой на фотографии, чтобы отделить ее от заднего плана . Это послужит ей зажитой от фильтров размытия, которые будут применены к остальному изображению. Производите закрашивание в режиме быстрой маски инструментом «Кисть». Лучше выбрать кисть с полужесткими краями, ею будет удобнее работать. Вначале закрасьте основное поле инструментом среднего диаметра, затем тонкой кистью проработайте детали. Замаскированная область будет окрашена контрастным цветом.Случайно закрашенную область сотрите инструментом «Ластик» (горячая клавиша «Е»). Диаметр ластика тоже можно регулировать, чтобы стирать аккуратнее.

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

Примените к изображению фильтр «Размытие по Гауссу» — в меню «Фильтр» кликните на «Размытие/Размытие по Гауссу» или Filter/Blur/Gaussian Blur. Это приведет к тому, что задний план будет размыт. Оптимальный радиус размытия, выставляемый в диалоговом окне, — от 1-4. Лучше всего определить этот радиус методом проб. Нажмите OK. Если фотография широкая, не устанавливайте слишком большой радиус, иначе рискуете сделать неестественный эффект.

Когда работа фильтром закончена, снимите выделение горячими клавишами Ctrl+D. Задний план будет размытым, а объекты на переднем плане — резкими и четкими. Сохраните изображение под другим именем, поскольку размытие убрать не получится.

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

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

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

Как выделить два и более слоя

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

Способ 1 Последовательно расположенные слои

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

Способ 2 Непоследовательно расположенные слои

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

Способ 3 Все слои

Команда меню Выделение — Все слои выберет абсолютно их все на палитре. Горячая клавиша для быстрого использования функции: Alt+Ctrl+A .

Примечание

Противоположная команда Выделение — Отменить выделение слоев скинет созданное выделение.

Способ 4 Подобные слои

В я упоминал, что слои делятся на виды: обыкновенные, текстовые, корректирующие, смарт-объекты и так далее. Если использоваться команду меню Выделение — Подобные слои (Similar Layers), то фотошоп выделит все слои одного вида с активным. Например, если был активным текстовый слой, то фотошоп выберет все текстовые.

Способ 3 Связанные слои

Связанные слои, помимо всех прочих особенностей, также вынесены в отдельную команду, чтобы парой кликов можно было найти и выделить их все. Команда Слои — Выделить связанные слои (Select Linked Layers).

Перемещение слоев по палитре

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

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

Способ 1 С помощью перетаскивания

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

Способ 2 Команда Упорядочить

Выберите один или более слоев, а затем перейдите в меню Слои — Упорядочить (Arrange). Появится окно выбора, как именно вы хотите это сделать. Доступны следующие варианты:

  • На передний план (Bring to front) — перемещение на первое место в списке.
  • Переложить вперед (Bring Forward) — перемещение на один шаг выше.
  • Переложить назад (Send Backward) — перемещение на один шаг ниже.
  • На задний план (Send to Back) — перемещение на последнее место в списке.
  • Инверсия (Reverse) — активна для выделения двух и более слоев; команда зеркально меняет их порядок.

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter . Спасибо!

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

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

Ниже представлено изображение фоторамки, открытое в программе Photoshop. Данное изображение я взял из фотобанка Fotolia:

Исходное изображение

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

Панель слоев отображает, что изображение размещено на слое заднего фона

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

Правило 1: Мы не можем перемещать содержимое слоя заднего фона

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

Выбираем на панели инструментов инструмент «Перемещение»

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

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

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

Значок в виде замка говорит нам о том, что данный слой закреплен

Правило 2: Отсутствие прозрачных пикселей

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

Сначала, я должен выделить область внутри рамки, и поскольку она заполнена бельм цветом, для выделения я буду использовать инструмент «Волшебная палочка» (Magic Wand) . В программе Photoshop CS2 и более ранних версиях, мы можем выбрать инструмент «Волшебная палочка» , просто нажав на его значок на панели инструментов. В программе Photoshop CS3 и более поздних версиях (в моем случае это версия Photoshop CS5), этот инструмент спрятан за инструментом «Быстрое выделение» (Quick Selection), поэтому необходимо сначала нажать на инструмент «Быстрое выделение» (удерживая кнопку мыши нажатой несколько секунд), дождаться появления выпадающего меню с перечнем инструментов и выбрать из списка инструмент «Волшебная палочка» :

Выбираем инструмент «Волшебная палочка»

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

Белая область внутри рамки теперь выделена

Чтобы удалить область внутри рамки, я нажму клавишу Backspace (Win) / Delete (Mac). Однако вместо ожидаемого удаления области и замещения белого цвета прозрачными пикселями, программа открывает диалоговое окно параметра «Заполнить» (Fill) и предлагает заполнить выделенную область другим цветом:

Вместо того чтобы удалить область, программа Photoshop открывает диалоговое окно параметра «Заполнить»

Я нажму кнопку «Отмена» (Cancel) для выхода из диалогового окна, поскольку это совсем не та команда, которую я хотел выполнить. Я хотел удалить белую область внутри фоторамки, но не заполнять ее другим цветом. Может быть, программа Photoshop что-то перепутала? Хорошо, я попробую удалить область другим способом. Для этого я перейду в раздел «Редактирование» (Edit) в строке меню в верхней части экрана и выберу команду «Вырезать» (Cut):

Выбираем команду «Вырезать» в разделе «Редактирование»

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


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

Откуда же взялся черный цвет? Оказывается, программа Photoshop заполнила область черным цветом, потому что, если мы посмотрим на образцы цвета переднего плана и цвета фона в нижней части панели инструментов, то увидим, что цвет фона (на нижнем правом квадрате) — в настоящий момент черный, соответственно программа и заполнила область цветом фона. Если бы цвет фона был выбран фиолетовым, область заполнилась бы именно фиолетовым цветом. Однако в данный момент цвет фона — черный:

Образцы цвета переднего плана (левый верхний) и цвета фона (правый нижний)

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

Правило 3: Мы не можем перемещать слой «Фон» и помещать его над другим слоем

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


Изображение, которое будет размещено внутри фоторамки

В настоящий момент изображение открыто в отдельном окне, поэтому я быстро скопирую его в окно документа с фоторамкой, нажав сочетание клавиш Ctrl+A (Win) / Command+A (Mac) для выделения всей фотографии. Затем я нажму клавишную комбинацию Ctrl+C (Win) / Command+C (Mac), чтобы скопировать изображение во внутренний буфер. После этого я перейду в окно документа с фоторамкой и нажму сочетание клавиш Ctrl+V (Win) / Command+V (Mac), чтобы вставить изображение в документ. Программа поместит новое изображение на отдельный слой под названием «Слой 1» (Layer 1), расположенный над слоем «Фон» с фоторамкой:

Вторая фотография размещена на отдельном слое над слоем «Фон»

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

Второе изображение появилось перед фоторамкой

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

Значок в виде перечеркнутого круга свидетельствует о том, что я не могу переместить слой «Фон» поверх слоя «Слой 1»

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

Правило 4: Мы не можем перемещать другие слои под слой «Фон»

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

Тот же значок запрета появляется, и когда мы пытаемся переместить «Слой 1» под слой заднего фона

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

Простое решение проблемы

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

Так как главное назначение слоя «Фон» — служить основой документу, каждое из этих правил имеет смысл. Тем не менее, как и с большинством других правил, иногда нам требуется их нарушить. В нашем случае, обойти все эти правила легко! Все, что нам требуется, — как-то иначе переименовать слой «Фон»! Для того чтобы переименовать слой «Фон», вы можете перейти в раздел «Слои» (Layer) в верхней части экрана, выбрать пункт «Новый» (New) и далее — «Слой из заднего плана» (Layer From Background):


Выбираем «Слои» > «Новый» > «Слой из заднего плана» (Layer > New > Layer From Background)

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

Дважды кликаем кнопкой мыши по названию слоя «Фон»

В любом случае после этих действий откроется диалоговое окно «Новый слой» (New Layer), где можно будет ввести новое имя для слоя. По умолчанию, программа предлагает имя «Слой 0» (Layer 0), которое нам подходит. Так как нам подойдет любое другое имя кроме «Фон» , просто нажмите ОК для подтверждения нового имени «Слой 0» и выхода из диалогового окна, при условии, что вы не хотите дать слою какое-то определенное имя:


Вы можете оставить имя «Слой 0» в качестве нового имени слоя или ввести любое другое на ваше усмотрение

Совет: чтобы еще быстрее переименовать слой «Фон», дважды щелкните кнопкой мыши по слову «Фон», удерживая нажатой клавишу Alt (Win) / Option (Mac). Программа тотчас переименует слой, присвоив ему имя «Слой 0» без открытия диалогового окна «Новый слой».

Теперь мы можем видеть, что имя слоя заднего фона изменилось на «Слой 0»:

Слой «Фон» был переименован на «Слой 0»

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

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

Переместим «Слой 0» поверх «Слоя 1»

После этого я отпущу кнопку мыши, и программа Photoshop разместит «Слой 0» над «Слоем 1», как мне и нужно:

«Слой 0» теперь расположен над «Слоем 1». Этого нельзя было достичь, пока «Слой 0» назывался слой «Фон»

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


Белая область внутри рамки опять стала выделенной

Затем я нажму клавишу Backspace (Win) / Delete (Mac), и на этот раз программа сделает все именно так, как я и ожидал, — вместо открытия диалогового окна параметра «Заполнить» она удалит область со слоя и отобразит фотографию под ней:


Область внутри рамки, наконец, удалена, и под ней видно другое изображение

Далее я нажму сочетание клавиш Ctrl+D (Win) / Command+D (Mac), чтобы снять выделение с области внутри рамки и убрать линию выделения. Затем для успешного завершения работы, я нажму на «Слой 1» на панели слоев и сделаю его активным:

Выбираем «Слой 1»

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


Перемещаем фотографию на нужное место внутрь фоторамки

Как мы с вами рассмотрели, слои заднего фона являются особым типом слоев в программе Photoshop, с наложенными на них ограничениями. Мы не можем перемещать их содержимое, удалять что-либо с них, и они всегда должны оставаться среди слоев документа в самом низу. В большинстве случаев, эти ограничения не причиняют нам особых неудобств, поскольку обычно мы не работаем напрямую со слоем «Фон». Но если вам нужно снять ограничения, просто переименуйте слой «Фон» и дайте ему любое другое имя. Это действие приведет к тому, что данный слой немедленно станет нормальным слоем, с которым вы сможете работать без ограничений!

И вот мы закончили! Ознакомьтесь с полным списком уроков по работе со слоями в программе Photoshop или посетите наш раздел «Основы программы Photoshop» для изучения инструментов выделения, принципов работы со шрифтом и других полезных навыков!

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

Как совместить машину и новый задний фон в Photoshop

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

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

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

Загрузите изображение из фотокамеры и измените цветовой тон и баланс снимка.

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

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

Щелкните правой кнопкой мыши и выберите пункт «Выделить область». Затем скопируйте и вставьте выделенный контур автомобиля на новый слой.

Теперь можно добавить новый фон. Новая фотография с пейзажем должна быть сделана под тем же углом и похожим освещением местности. На фотографии Road In The City изображена дорога, уходящая вдаль в том же направлении, что и на первоначальной фотографии. А местность затенена так же, как и на исходном фото.

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

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

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

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

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

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

Увеличьте степень «Размытие» для имитации эффекта глубины резкости исходного изображения

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

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

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

Добавьте новый слой. Затем залейте выделение цветом, взятым из соседнего окна. Измените режим наложения слоя на «Умножение», чтобы фон просвечивался.

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

При близком рассмотрении фотографии автомобиля выделяются резкие края там, где он был вырезан инструментом «Перо». Выдерите слой с автомобилем, затем активируйте инструмент «Размытие».

Уменьшите интенсивность примерно до 50-70%. Затем, используя маленькую кисть, проведите по краям автомобиля, имитируя естественное размытие фотообъектива. Дальние края требуют большего размытия, чем передний план.

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

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

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

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

Данная публикация является переводом статьи «How To Composite a Car onto a New Background in Photoshop» , подготовленная редакцией проекта.

Поднимите слой наверх в Photoshop CS5

Слои

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

Поместите слой Photoshop над остальными слоями в Photoshop CS5

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

Ярлыки расположения слоев в Photoshop CS5:

  • На передний план — Shift + Ctrl +]
  • Вперед — Ctrl +]
  • Отправить назад — Ctrl + [
  • На задний план — Shift + Ctrl + [

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

Шаг 1. Откройте изображение в Photoshop CS5.

Шаг 2: Выберите слой, который вы хотите переместить наверх, на панели Layers . Если панель Layers не отображается, нажмите клавишу F7 на клавиатуре.

Шаг 2: Щелкните Layer вверху окна.

Шаг 3. Щелкните Упорядочить , затем щелкните На передний план .

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

Вы отрегулировали слой в Photoshop CS5 и хотите скопировать эти корректировки на другой слой? Узнайте, как скопировать стиль слоя на другой слой в Photoshop CS5.

Мэтью Берли пишет технические руководства с 2008 года. Его статьи были опубликованы на десятках различных веб-сайтов и были прочитаны более 50 миллионов раз.

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

Его основные писательские темы включают iPhone, Microsoft Office, Google Apps, Android и Photoshop, но он также писал и на многие другие технические темы.

Связанные

Отказ от ответственности: Большинство страниц в Интернете содержат партнерские ссылки, в том числе некоторые на этом сайте.

(Архивы) Adobe Photoshop CS3: Дополнительные параметры слоя

Эта статья основана на устаревшем программном обеспечении.

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

Изменение порядка слоев

Слои расположены в палитре Layers , причем самый верхний слой на палитре Layers является самым верхним слоем изображения.

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

ПРИМЕЧАНИЕ. Фоновый слой нельзя переместить.

Изменение порядка слоев: вариант перетаскивания

  1. Из палитры Layers выберите слой, который вы хотите переместить.

  2. Щелкните и перетащите слой в желаемое положение.

  3. Освободите слой.
    Слой теперь находится в новой позиции.

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

  1. Из палитры Layers выберите слой, который вы хотите переместить.

  2. В меню Layer выберите Arrange .

  3. Выберите желаемый вариант.
    Ваш слой соответственно перемещается.

Изменение расположения слоев: вариант клавиатуры

  1. Из палитры Layers выберите слой, который вы хотите переместить.

  2. Нажмите на клавиатуре команду для выбора нужной опции.
    Слой переместится в выбранное положение. Подтвердите размещение нового слоя, проверив положение слоя на палитре Layers .

На передний план Отправляет слой в самую верхнюю позицию [Shift] + [Ctrl] +]
Вперед Отправляет слой на одну позицию вверх [Ctrl] +]
Отправить назад Посылает слой на одну позицию ниже [Ctrl] + [
На задний план Отправляет слой в крайнее нижнее положение [Shift] + [Ctrl] + [

Связывающие слои

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

  1. На палитре Layers нажмите [Ctrl] + выберите слой (слои), которые нужно связать.

  2. На палитре Layer щелкните Link Layers.
    Значок ссылки отображается рядом с именами слоев, указывая на то, что слои связаны.

Перемещение связанных слоев изображения

  1. В палитре «Слои » выберите связанный слой, который нужно переместить.

  2. На панели инструментов выберите инструмент перемещения .

  3. В окне изображения щелкните и перетащите в новое место.
    ПРИМЕЧАНИЕ. Слои перемещаются в унисон, сохраняя свои отношения расстояния друг от друга.

Отключение слоев

  1. В палитре «Слои » выберите слой, связь с которым нужно разорвать.

  2. Из палитры Layers выберите Link Layers.
    Значок ссылки исчезнет, ​​и слой больше не будет связан.

Объединение слоев

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

Объединение связанных слоев

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

  1. В меню Layer выберите Select Linked Layers.

  2. В меню Layer выберите Merge Layers.
    ИЛИ
    Нажмите [Ctrl] + [E].
    Выбранные связанные слои объединяются в один слой.

Объединение видимых слоев

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

  1. На палитре Layers скройте слои, которые вы не хотите объединять (включая фон, если вы не хотите его объединять).

  2. Выберите один из оставшихся видимых слоев.

  3. В меню Layer выберите Merge Visible .
    ИЛИ
    Нажмите [Shift] + [Ctrl] + [E].
    Все видимые слои на палитре Layers объединены в один слой. Скрытые слои сохраняются как независимые.

Слияние

Даже если у вас нет связанных слоев, вы можете объединить два смежных слоя на палитре Layers .

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

  2. В меню Layer выберите Merge Down .
    ИЛИ
    Нажмите [Ctrl] + [E].
    Выбранный слой объединяется со слоем непосредственно под ним на палитре Layers .

Сглаживающие слои

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

  1. Убедитесь, что все слои, которые вы хотите сгладить, видны на палитре Layers .

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

  3. Щелкните ОК.

Редактирование слоев в Photoshop Elements

Из этого учебного пособия по Photoshop Elements вы узнаете:

  • Выбор слоя
  • Изменение порядка наложения слоев
  • Использование режимов непрозрачности и наложения

Это руководство дает вам основу для работы со слоями Adobe Photoshop Elements.Это девятый урок в книге Adobe Photoshop Elements 10 Digital Classroom .

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

Преобразование фонового слоя в обычный слой

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

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

1 В редакторе дважды щелкните фоновый слой на панели «Слои». Откроется диалоговое окно «Новый слой».

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

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

2 Введите «Морской» в текстовое поле «Имя» и оставьте для остальных параметров значения по умолчанию. Нажмите ОК.

3 Чтобы избежать путаницы, дважды щелкните слой флага (в настоящее время слой 1) и назовите его «Флаг». Нажмите ОК.

Вы также можете дважды щелкнуть имя слоя, чтобы изменить его имя без использования диалогового окна. Имя будет выделено. Введите новое имя и нажмите клавишу Enter или Return.

Выбор слоя

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

1 На панели «Слои» выберите слой «Морской». Обратите внимание, что в данный момент выделен или активен только этот слой.

2 Теперь выберите слой «Флаг» на панели «Слои».

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

Отображение или скрытие слоя

На панели «Слои» значок видимости () слева от имени слоя позволяет переключать видимость слоя. Чтобы скрыть слой, просто щелкните значок видимости. Щелкните столбец видимости еще раз, чтобы отобразить слой.

1 На панели «Слои» щелкните значок видимости слева от слоя «Флаг». Теперь вы должны увидеть слой Морской пехотинец, так как слой, который его закрыл, теперь скрыт.

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

Перетащите столбец видимости, чтобы показать или скрыть более одного слоя. Чтобы отобразить только один слой, Alt + щелкните (Windows) или Option + щелкните (Mac OS) значок видимости этого слоя. Alt / Option + щелкните столбец видимости еще раз, чтобы отобразить все слои.

Изменение порядка наложения слоев

Термин «порядок наложения» означает, какие слои располагаются перед другими слоями или позади них.

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

1 На панели «Слои» выберите слой «Морской».

Чтобы выбрать более одного слоя, удерживайте нажатой клавишу Ctrl (Windows) или Command (Mac OS) и щелкните каждый слой.

2 Чтобы изменить порядок наложения, перетащите слой Marine вверх так, чтобы он располагался над слоем Flag.Флаг теперь скрыт слоем, который вы только что перетащили поверх него.

Вы также можете выбрать «Слой»> «Упорядочить» или нажать кнопку «Упорядочить» () на панели параметров, а затем выбрать «На передний план», «Переместить вперед», «Отправить назад» или «На задний план», чтобы изменить порядок расположения файлов в стопке.

Измените порядок наложения слоев с помощью команды «Слой> Упорядочить».

Блокировка или разблокировка уровня

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

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

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

1 На панели «Слои» выберите слой «Флаг», затем нажмите значок замка () в нижней части панели.

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

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

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

1 Выберите слой «Флаг» на панели «Слои».

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

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

Блог Джулианны Кост | Работа с инструментами формы в Photoshop

Вот мои любимые советы, приемы и ярлыки для работы с инструментами формы в Photoshop.

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

• Щелкните образцы цвета «Заливка» и «Обводка», чтобы выбрать тип содержимого: «Нет» (для прозрачной формы), «Сплошной цвет», «Градиент» или «Узор». Или щелкните образец цвета, чтобы выбрать цвет из палитры цветов или из недавно использованных цветов.

• При добавлении обводок к фигуре щелкните направленный вниз шеврон, чтобы изменить параметры «Выровнять», «Заглушки» и «Углы».Нажмите кнопку «Дополнительные параметры»…

• Чтобы сохранить все параметры для инструмента формы (заливка, обводка, размер и т. Д.), Создайте набор настроек инструмента. Щелкните здесь, чтобы получить дополнительную информацию о предварительных настройках инструментов.

• Используйте следующие ярлыки для быстрого изменения значений формы на панели параметров:

Инструмент «Прямоугольник»: ‘[‘ или ‘]’ уменьшает или увеличивает радиус угла на один пиксель.Добавьте клавишу Shift для увеличения / уменьшения радиуса с шагом 10.

Инструмент «Многоугольник»: ‘[‘ or] ’уменьшает или увеличивает количество сторон на единицу. Добавьте клавишу Shift, чтобы увеличить / уменьшить количество сторон с шагом 10.

Инструмент «Линия»: ‘[‘ или ‘]’ уменьшает или увеличивает значение веса линии на один пиксель. Добавьте клавишу Shift для увеличения / уменьшения ширины линии с шагом 10.

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

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

• Добавьте клавишу Shift, чтобы ограничить пропорции при рисовании фигур (ограничение пропорций по умолчанию отключено).

Option -drag (Mac) | Alt -drag (Win), чтобы нарисовать фигуру из центра.

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

Command -drag (Mac) | Control -drag (Win) для изменения угла (поворота) многоугольника во время рисования.

Элементы управления преобразованием на экране — После рисования фигур Photoshop отображает элементы управления преобразованием на экране:

Перетащите любую контрольную точку, чтобы масштабировать форму. По умолчанию функция «Сохранение пропорций» отключена. Добавьте клавишу Shift, чтобы сохранить пропорции.

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

Перетащите контрольную точку радиуса угла, чтобы увеличить / уменьшить радиус формы. По умолчанию радиусы углов связаны: Option -drag (Mac) | Alt -drag (Win), чтобы изменить радиус одного угла. Примечание. Инструменты «Треугольник» и «Многоугольник» имеют один маркер контрольной точки «Радиус угла», который одинаково изменяет округлость всех углов. В настоящее время нет отдельных контрольных точек радиуса угла для инструмента «Треугольник».

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

Примечание. Чтобы применить такие преобразования, как «Наклон», «Искажение», «Перспектива» и «Деформация», выберите «Правка»> «Преобразовать контур», однако это преобразует свойства динамической формы в обычную форму.

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

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

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

• Для просмотра изменений, внесенных с помощью панели «Свойства» в режиме реального времени, вместо ввода значений в текстовые поля (которые требуют нажатия Enter или Return для предварительного просмотра изменений) используйте ползунки Scrubby Photoshop (поместите курсор над названием функции: когда курсор изменится на руку со стрелками, указывающими в обоих направлениях, щелкните и перетащите влево / вправо, чтобы уменьшить / увеличить значения).Вариант — перетаскивание (Mac) | Alt-перетаскивание (Win) увеличивает / уменьшает значения медленнее, тогда как Shift-перетаскивание уменьшает / увеличивает значения быстрее.

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

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

Применение предустановок к формам — Этот пост (Предустановленное поведение панели в Photoshop 2020 v21) раскрывает все, что вам нужно знать о применении образцов, градиентов, узоров и стилей к формам.

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

Выбор формы и слоев формы — Если выбран инструмент «Выделение контура» или «Прямое выделение», при выборе слоя формы на панели «Слои» автоматически отображается контур формы в области изображения (что упрощает быстрое редактирование формы).

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

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

• Чтобы назначить настраиваемое сочетание клавиш для переключения между активными слоями и всеми слоями, выберите «Правка»> «Сочетания клавиш» и установите «Горячие клавиши для: Инструменты». Прокрутите вниз и введите один символ для переключения режима прямого выбора.

Копирование и вставка атрибутов заливки и обводки — Чтобы скопировать и вставить атрибуты заливки или обводки из одной формы в другую, щелкните правой кнопкой мыши (или Control-щелкните Mac) на панели «Слои» (справа от имени слоя) и выберите Копировать атрибуты формы.Затем на панели «Слои» выберите слой (-ы) для вставки атрибутов и щелкните правой кнопкой мыши (или Control-щелкните Mac) и выберите «Вставить атрибуты формы».

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

Скрытие контура слоя-фигуры — Command + H (Mac) | Control + H (Победа) скрывает путь слоя формы. Примечание. При первом использовании этого сочетания клавиш (Command + H) в Mac OS Photoshop отобразит диалоговое окно с вопросом: «Хотите ли вы использовать Command + H, чтобы скрыть Photoshop (стандарт Mac) или скрыть / отобразить выделенные области, направляющие и т. д. (традиционный Photoshop)? » Щелкните «Скрыть дополнительные элементы», если вы не хотите «Скрывать Photoshop» каждый раз при использовании ярлыка. Если вы выбрали «Скрыть Photoshop», вы можете изменить это поведение позже, выбрав «Правка»> «Сочетания клавиш». Установите ярлыки для: меню приложений и переключите треугольник раскрытия для меню «Просмотр».Прокрутите вниз до «Дополнительно», снова измените ярлык на Command + H и нажмите «Принять», а затем «ОК».

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

Преобразование форм в смарт-объекты — Чтобы предотвратить преобразование фигуры с помощью Live Shape Properties в обычную фигуру, сначала преобразуйте фигуру в смарт-объект, а затем примените преобразование. И, если вы сначала создаете слой-фигуру и конвертируете его в смарт-объект и , а затем дублируете смарт-объект, когда вы редактируете содержимое смарт-объекта (например, для изменения цвета или радиуса угла формы), все экземпляры этого смарт-объекта будут обновлены.Это видео демонстрирует, как (пример начинается в 8:30).

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

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

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

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

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

• Нажмите кнопку + (плюс), чтобы объединить фигуры (установите операцию контура на панели параметров на Объединение фигур).

• Коснитесь клавиши — (минус), чтобы вычесть переднюю форму (установите операцию контура на панели параметров на «Вычитание передней формы»).

• Коснитесь клавиши / (косая черта), чтобы установить операцию контура на пересечение областей формы.

• Коснитесь клавиши * (умножить), чтобы установить операцию контура на «Исключение перекрывающихся фигур». Примечание: этот ярлык требует ввода с расширенной клавиатуры (shift + 8 не работает).

Выше приведены примеры: «Объединить формы», «Вычесть переднюю форму», «Пересечь области формы» и «Исключить перекрывающиеся формы».

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


Иллюстрация ниже — это моя попытка показать порядок наложения путей на приведенных выше иллюстрациях с «бокового» вида (однако все три круга / пути / формы находятся на одном слое).

Атрибуты заливки и обводки — Все фигуры на одном слое формы будут иметь одинаковые атрибуты заливки и обводки.Чтобы применить различные атрибуты к фигурам, поместите каждую фигуру на отдельный слой, выделив фигуру и выбрав «Слой»> «Создать»> «Слой фигуры через вырез». Или воспользуйтесь сочетанием клавиш: Command + Shift + J (Mac) | Control + Shift + J (Победа).

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

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

• Если слой-фигура является выбранным слоем в Photoshop, вставленная фигура примет заливку из панели параметров.

Сохранение пользовательских фигур — Чтобы сохранить фигуру для повторного использования в будущем, выберите фигуру и выберите «Правка»> «Определить пользовательскую фигуру», чтобы добавить фигуру на панель «Фигуры».

Отображение фотографии внутри фигуры или контура — В Photoshop есть несколько способов отобразить фотографию внутри формы или контура.

• В этом первом примере используется векторная маска для управления тем, какая часть фотографии будет скрыта или открыта.Чтобы создать этот эффект, выберите нужный инструмент «Форма» и установите параметры формы (на панели параметров) для создания контура. Вытяните фигуру (с выделенным фото-слоем), затем выберите «Слой»> «Векторная маска»> «Текущий контур».


• Второй пример показывает фотографию, обрезанную на слой-фигуру. Чтобы создать этот эффект, выберите нужный инструмент фигуры и установите параметры инструмента Фигура (на панели параметров), чтобы нарисовать фигуру. Вытяните фигуру, затем переместите слой фигуры на панели «Слои» так, чтобы фигура находилась под слоем с фотографией.Выбрав целевой слой с фотографией (выбран), выберите «Слой»> «Создать обтравочную маску».


• В третьем примере показана копия слоя фотографии (фотокопия) под слоем-фигурой. Непрозрачность слоя фотокопии уменьшена, а к слою-фигуре применена тень для создания интересного эффекта.

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

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

Направляющие, созданные из слоя формы.

Инструменты привязки вектора и преобразования в пиксельную сетку — Если вы увеличите масштаб изображения выше 500%, пиксельная сетка автоматически отобразится поверх изображения.По умолчанию Photoshop «привязывает» фигуры, нарисованные с помощью инструментов «Фигура» (а также фигуры, нарисованные с помощью инструментов «Перо»), в пиксельную сетку. Это предотвращает создание мягких, сглаженных краев на фигурах, таких как прямоугольники, и может помочь, когда требуется точное выравнивание фигур. Примечание. Если вам по какой-либо причине необходимо отключить «привязку», выберите «Настройки»> «Инструменты»> «Привязать векторные инструменты и преобразовать в пиксельную сетку» и отмените выборку. Чтобы отключить пиксельную сетку, снимите флажок «Пиксельный просмотр» в разделе «Просмотр»> «Показать»> «Пиксельная сетка».

На рисунке ниже показаны три варианта выравнивания формы:

• Первая форма была нарисована с включенными настройками Snap Vector Tools и Transforms to Pixel Grid. В результате все стороны прямоугольника получаются сплошными. Примечание: даже если исходная форма прямоугольника могла быть нарисована не с точным выравниванием по пиксельной сетке, Photoshop автоматически привязал форму прямоугольника к этой сетке, поскольку эта настройка была включена.

• Средняя иллюстрация была нарисована с отключенными настройками Snap Vector Tools и Transforms to Pixel Grid.Это привело к сглаживанию краев (различные уровни непрозрачности), поскольку форма прямоугольника не была идеально выровнена по краю пикселя при рисовании прямоугольника.

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

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

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


Выровнять слои (2), Распределить (2), Градиент (8), Направляющие (5), Операции с контурами (1), Панель свойств (6), Контрольная точка (2), Слои формы (6), Смарт-объекты (18) ), Инструменты вектора привязки и преобразования в пиксельную сетку (2), Обводка (3), Преобразование (10)

Реорганизация слоев и групп в движении

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

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

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

Перемещение слоя или группы вперед или назад в композиции

В движении выполните одно из следующих действий:

  • Перетащите слой или группу вверх или вниз в списке слоев.

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

  • Выберите слой или группу в списке «Слои» (или выберите слой на холсте), щелкните меню «Объект», затем выберите «На передний план», «На задний план», «Переместить вперед» или «Отправить назад».

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

    Выделенный слой или группа переупорядочиваются в списке «Слои» и на холсте.

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

Перемещение нескольких слоев или групп вперед или назад в композиции

В движении выполните одно из следующих действий

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

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

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

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

Перемещение слоя из одной группы в другую

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

  1. В движении выберите один или несколько слоев.

  2. Выполните одно из следующих действий:

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

    • Выберите «Правка»> «Вырезать» (или нажмите Command-X), затем выберите группу для вставки и выберите «Правка»> «Вставить» (или нажмите Command-V).

Скопируйте слой из одной группы в другую

В движении выполните одно из следующих действий:

  • Перетащите выделенные слои из одной группы в другую, удерживая нажатой клавишу «Option».

  • Выберите слои, выберите «Правка»> «Копировать» (или нажмите Command-C), затем выберите группу для вставки и выберите «Правка»> «Вставить» (или нажмите Command-V).

  • Выберите слои, выберите «Правка»> «Копировать» (или нажмите Command-C), выберите группу для вставки, затем щелкните, удерживая клавишу Control, пустую область холста (в серой области за пределами композиции) и выберите «Вставить» в контекстное меню.

Копирование слоя или группы из одного проекта в другой

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

  1. В движении выберите один или несколько слоев в активном окне проекта.

  2. Выполните одно из следующих действий:

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

    • Выберите «Правка»> «Копировать» (или нажмите Command-C), выберите группу в целевом проекте, затем выберите «Правка»> «Вставить» (или нажмите Command-V).

    • Перетащите слой с холста на холст или в список слоев целевого проекта, удерживая нажатой клавишу «Option».

Переименование слоя или группы

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

  1. В списке «Слои в движении» дважды щелкните имя группы или слоя, затем введите новое имя.

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

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

Я давно завидовал обложкам Sports Illustrated — но не звездам спорта или купальным красавицам. Я заметил один конкретный эффект: часть изображения «выскакивает» и закрывает часть логотипа журнала.Логотип остался векторным, но текст над ним и позади него был построен из пикселей (рис. 1). Мне это показалось волшебством.

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

Макет страницы

Разместите свою страницу примерно так, как вы хотите, чтобы она выглядела. На рисунке 2 я поместил логотип (текстовый фрейм с текстом, который я обводил и закрасил) над фоновым изображением на всю страницу (любезно предоставлено istockphoto.com).

Еще после прыжка! Продолжайте читать ниже
Пользователи Free и Premium видят меньше рекламы! Зарегистрируйтесь и войдите в систему сегодня.

Подготовьте изображение

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

На рисунке ниже я выделил пиксели изображения (голова) и нажал Command / Ctrl-J, чтобы скопировать их на новый слой.Для этой задачи вы можете использовать любой метод выделения, в том числе инструмент лассо или функцию извлечения (см. Мою книгу Real World Adobe Photoshop для различных техник).

Сохраните результат как собственный файл Photoshop (PSD).

Дублируйте свое изображение

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

  • Скопируйте фрейм, выберите слой и выберите «Правка»> «Вставить на место» (Command-Option-Shift-V / Ctrl-Alt-Shift-V).Это работает, пока вы не включили функцию «Вставить слои с запоминанием» на панели «Слои».
  • Или после выбора кадра, Option / Alt-перетащите маленький цветной квадратный значок прокси на палитре слоев в новый кадр. (Option / Alt указывает InDesign дублировать рамку на новом слое, а не просто размещать ее на этом слое.)

Отключить фон

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

Векторный сэндвич

Щелкните ОК. В результате получаются два графических кадра, каждый из которых содержит одно и то же изображение, каждый в точном совмещении (рис. 5).У верхнего изображения нет фона, поэтому оно кажется прозрачным поверх редактируемого векторного текста. Фоновое изображение все еще находится за текстом. Заблокируйте верхний слой в палитре слоев, чтобы вы не могли случайно переместить (или даже выбрать) эту «плавающую голову».

Продолжить редактирование

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

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

Эта статья впервые появилась в журнале InDesign Magazine ; вы также можете найти PDF-версию статьи для загрузки и печати здесь, на CreativePro.com.

Как изменить фон фотографии в Photoshop

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

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

Как изменить фон фотографии в Photoshop

Лучший способ изменить фон в Photoshop — создать выделение, разделяющее передний и задний план.

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

Вот что мы собираемся создать. Начнем с фото слева, а закончим справа.

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

Шаг 1: выберите объект переднего плана

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

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

На некоторых изображениях вам может быть проще выбрать фон. Затем вы можете инвертировать выделение, нажав Shift + Ctrl + I в Windows или Shift + Cmd + I на Mac.

Шаг 2: Настройте свой выбор

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

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

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

Шаг 3: выделите и замаскируйте

На панели параметров в верхней части экрана щелкните Select and Mask .На открывшемся экране можно уточнить выбор и преобразовать его в маску.

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

Шаг 4: Уточнить выделение

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

  • Инструмент быстрого выбора. То же, что мы использовали в первом шаге, его можно использовать для быстрого добавления (или удаления) любых больших областей к вашему выбору.
  • Инструмент Refine Edge Brush Tool. Лучше всего наносить на волосы и другие мягкие края.
  • Инструмент «Кисть». Используйте это для более твердых краев.
  • Инструмент «Лассо» / «Многоугольное лассо». Вручную нарисуйте области, которые нужно добавить или удалить из вашего выбора.

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

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

Затем переключитесь на инструмент Refine Edge , чтобы подправить волосы или любые мягкие края. В разделе Edge Detection на правой панели установите флажок Smart Radius .Это помогает Photoshop различать мягкие и жесткие края.

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

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

Шаг 5: Настройте параметры

Опции Select и Mask включают несколько, перечисленных в Global Refinements . Нам не нужно использовать их для нашего изображения, но для справки они:

  • Гладкий. Сглаживает край выделения, удаляя неровные линии. Подходит для выделения с четкими краями.
  • Перо. Смягчает край выделения, добавляя растушевку.
  • Контраст. Укрепляет край выделения за счет увеличения контраста краевых пикселей.
  • Shift Edge. Перемещает весь ваш выбор внутрь или наружу на указанное количество пикселей.

Шаг 6. Удалите цветную окантовку

.

Как только вы будете довольны своим выбором, перейдите к Output Settings на правой панели.Отметьте Decontaminate Colors , чтобы удалить любую цветную кайму, оставшуюся в вашем выборе.

В Output выберите New Layer with Layer Mask и нажмите OK . Теперь вы вернетесь к своему основному изображению с вашим выделением, добавленным в качестве нового слоя. Теперь, когда вы удалили фон изображения, вы готовы добавить новый фон.

Шаг 7. Вставьте новый фон

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

Используйте инструмент Hand , чтобы расположить слой в любом месте, при необходимости изменив его размер с помощью инструмента Free Transform ( Ctrl + T или Cmd + T ). Возьмитесь за ручки по углам или сторонам изображений и потяните внутрь, чтобы уменьшить их. Удерживайте клавишу Shift , чтобы соотношение сторон оставалось неизменным.

Шаг 8: сопоставьте цвета

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

Выберите слой переднего плана, убедитесь, что выбрали изображение, а не маску. Перейдите в Image> Adjustments> Match Color .

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

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

Шаг 9: Готово!

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

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

Чтобы поделиться своим изображением, вам необходимо сохранить его в другом формате. Перейдите в File> Save As и выберите JPEG для этого. Однако не удаляйте свой PSD — это ваша резервная копия!

Что делать, если у вас нет фотошопа?

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

Если вы предпочитаете использовать что-то менее дорогое, чем инструменты Adobe, мы рекомендуем GIMP. Это бесплатно и доступно для Windows, Mac и Linux.

6 фоновых настроек GIMP и советы по настройке изображений

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

Читать далее

Об авторе Энди Беттс (220 опубликованных статей)

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

Более От Энди Беттса
Подпишитесь на нашу рассылку новостей

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

Нажмите здесь, чтобы подписаться

.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *