Как сделать слой в фотошопе на заднем плане: Как в фотошопе сделать слой на заднем плане

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

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

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

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

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

1.                       Активизируйте слой с вертолетом.

2.                       Выберите команду Bring to Front (Переместить на передний план) из списка Arrange (Монтаж), вложенного в меню Layer (Слой). Слой будет передвинут в верхнюю позицию в стопке слоев (и в палитре Layers (Слои)) или вперед по отношению к зрителю. Команда перемещает активный слой поверх всех оальных. Парная команда Send to Back (Переместить на нижний уровень) пемещает активный слой ниже всех имеющихся в документе слоев, сразу перед слоем Background (Задний план).

3.                       Выберите команду Bring Forward (Переместить на один уровень вверх). Слой с вертолетом окажется на переднем плане, т. к. весь документ включает три слоя, а изображение девушки находится на слое Background (Задний план). Команда перемещает слой на одну позицию вверх. Противоположная ей команда Send Backward (Переместить на один уровень вниз) передвигает слой на одну позию вниз. В нашем примере всего два слоя, которые можно перемещать, птому команды Bring Forward (Переместить на один уровень вверх) и Bring to Front (Переместить на передний план) дают одинаковый результат. Для этого случая идентично и действие команд Send Backward (Переместить на один уровень вниз) и Send to Back (Переместить на нижний уровень).

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

 а                                                           б

Рис. 8.28. Исправленный порядок размещения слоев в палитре Layers

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

Свободное трансформирование

При обработке слоя с изображением вертолета использовалась команда Scale (Масштабирование). Она очень удачно совмещала в себе возможности масштабования и перемещения. Аналогичным образом работают и подобные команды, сгруппированные в списке Transform (Трансформация), вложенном в меню Edit (Редактирование). Они выполняют либо вращение, либо поворот, либо искажение, и т. д. Все эти возможности одновременно предоставляет команда Free Transform (Свободная трансформация).

1.                       Откройте файл Львы.tif.

2.                       Необходимо выделить изображение львицы и поместить его на  отдельный слой. Команда меню Select | Color Range (Выделение | Диапазон цветов), преазначенная для выделения областей близких цветов, не подходит. С помощью инструмента выделения  Magic Wand (Волшебная палочка) также не удтся выделить изображение с четкими границами. Цвета, которые включены в изображение, схожи с цветами всего документа.

3.                       Выберите инструмент  Quick Selection (Быстрое выделение). Размер кисти

Brush (Кисть) установите в 6 пикселов.

4.                       Аккуратно выделите изображение. Скорректируйте границы. При необходимти их расширения включите опцию Add to selection (Добавить к выделению)  , расположенную в палитре свойств данного инструмента. Для уменьшения границ выделенных областей используйте опцию Subtract from selection (Весть из выделения) .

5.                       Щелкните на выделении правой кнопкой мыши и из контекстного меню верите Layer via Cut (Слой вырезанием). При этом изображение львицы со слоя Background (Задний план) будет вырезано и помещено на отдельный слой (рис. 8.29).

6.                       Отключите слой Background (Задний план). Теперь надо обработать неровные границы львицы. Воспользуйтесь инструментом Eraser (Ластик) и проведите коррекцию.

7.                       Переместите слой Layer 1 (Слой 1) документа Львы.tif в документ Девуа_на_море.tif точно так же, как при работе с документом Вертолет.jpg. Резулат представлен на рис. 8.30.

Рис. 8.29. Изображение львицы на отдельном слое

Рис. 8.30. Слой с львицей документа Львы.tif перенесен в документ Девушка_на_море.tif

8.                       Выберите команду Free Transform (Свободная трансформация) из меню Edit (Редактирование) или нажмите комбинацию клавиш ++. Вруг изображения на слое появится рамка. Теперь изображение львицы можно не только перемещать и масштабировать, но и вращать, наклонять, искажать.

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

10.                   Сейчас львица лежит на правом боку (см. рис. 8.29). Давайте сделаем так, чты она лежала на левом боку. Можно потянуть за средний правый маркер в лую сторону. Пусть вас не смущает, что изображение превратится в вертикалую линию. Смело продолжайте тянуть влево. Также можно воспользоваться командой меню Edit | Transform | Flip Horizontal (Редактирование | Транормация | Отразить по горизонтали), в этом случае пропорции автоматически будут соблюдены.

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

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

Рис. 8.31. Вращение слоя

13.                   Переместите изображение на положенное место, захватив его за внутреннюю область рамки.

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

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

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

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

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

2.                       Теперь необходимо подобрать цвет, которым будут окрашены границы. Выбите инструмент  Eyedropper (Пипетка).

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

4.                       Обведите изображение львицы подобранным цветом. Для этого выберите команду Stroke (Обводка) меню Edit (Редактирование).

Рис. 8.32. Обводка выделенной области, диалоговое окно Stroke

5.                       В открывшемся диалоговом окне (рис. 8.32) установите толщину обводки (1 пиел) в поле Width (Ширина). Цвет, указанный пипеткой в качестве основного, уже будет выбран в поле Color (Цвет). Обводка выделенной области может волняться снаружи (Outside (Снаружи)), идти по внутренней границе области (Inside (Внутри)) или точно по линии границы (Center (Центр)). Установите пеключатель Center (Центр) области Location (Расположение). В области Blending (Наложение) оставьте нормальный режим Normal (Нормальный) с

непрозрачностью в 100% (поле Opacity (Непрозрачность)). Флажок Preserve Transparency (Сохранить прозрачность) защищает прозрачную ось. Нажмите кнопку OK. Силуэт львицы обведен четкой границей.

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

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

Источник: Комолова, Н. В., Adobe Photoshop CS5 для всех / Н. В. Комолова, Е. С. Яковлева. — СПб.: БХВ-Петербург, 2011. — 624 с.: ил. + CD-ROM — (В подлиннике)

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

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

Показов: 401912

Категория: как сделать

Пользователь Герман пишет: не удалять, закрепить в шапке видео для народа.

Видео по теме: как в фотошопе сделать слой на передний план

Еще тема: добавление объектов на передний план в фотошопе

Особенности фонового слоя в Фотошоп

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

Прежде чем мы приступим к дальнейшему изучению того, какие удивительные вещи можно совершать со слоями, нам нужно рассмотреть один особой тип слоя – «Фон» (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

Можно легко изменять порядок слоев изображения на панели «Слои» или прямо в окне документа. Также можно блокировать слои с целью защиты.

1. Выполните одно из следующих действий.

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

   • Чтобы поместить слой в группу, перетащите его в папку группы . Если папка группы свернута, то перетаскиваемый слой необходимо поместить поверх нее.

   • Выделите слой или группу слоев и в меню «Слой» > «Монтаж» выберите необходимую команду. Если выделенный элемент принадлежит группе, то выбранная команда меняет порядок следования слоев внутри группы. Если выделенный элемент не принадлежит группе, то команда изменяет порядок следования слоев в пределах всей панели «Слои».

   • Чтобы обратить порядок следования выделенных слоев, выберите меню «Слой» > «Монтаж» > «Инверсия». Эти параметры доступны только в том случае, если выбрано не менее двух слоев.

   Примечание.

   По определению фоновый слой всегда последний по порядку. Поэтому при выполнении команды «На фон» выделенный элемент помещается выше фонового слоя.

1. На панели «Слои» выделите слои, содержащие перемещаемые объекты.
2. Выберите инструмент «Перемещение» .

   Примечание.

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

3. Выполните одно из следующих действий.

   • В окне документа перетащите любой объект на один из выделенных слоев. (Произойдет перемещение всех объектов слоя.)

   • Для точного позиционирования объектов с шагом в 1 пиксель используйте клавиши стрелок.

   • Для позиционирования объектов с шагом в 10 пикселей используйте клавиши стрелок, удерживая клавишу «Shift».

1. На панели «Слои» выберите слой, который необходимо повернуть.
2. В случае если в изображении уже выделено что-либо, выберите меню «Выделение» > «Отменить выделение».
3. Выберите меню «Редактирование» > «Трансформирование» > «Поворот». Появляется окно, определяющее границы слоя (называемое «ограничительная рамка»).
4. Поместите указатель мыши вне ограничительной рамки (при этом указатель принимает вид двусторонней изогнутой стрелки), затем перетащите его. При удержании клавиши «Shift» дискретность поворота ограничивается до 15°.
5. По достижении желаемого положения нажмите клавишу «Ввод» (Windows) или «Return» (Mac OS) или нажмите кнопку «Выполнить трансформирование» на панели параметров. Чтобы прервать процесс поворота, нажмите клавишу «Esc» или значок «Отменить трансформирование» на панели параметров.

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

1. Выберите слой или группу.
2. На панели «Слои» нажмите кнопку «Закрепить все слои» .

   Примечание.

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

1. На панели «Слои» выберите один или несколько режимов закрепления.

   Закрепить прозрачные пиксели 

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

   Закрепить пиксели изображения 

   Запрещает изменение точек слоя с помощью средств рисования.

   Запрещает изменение местоположения точек слоя.

   Примечание.

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

1. Выберите несколько слоев или группу слоев.
2. В меню «Слой» или в меню панели «Слои» выберите пункт «Закрепить все слои» или «Закрепить все слои в группе».
3. Задайте режимы закрепления и нажмите кнопку «ОК».

Особенности фонового слоя в Фотошоп / Creativo.one

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

Прежде чем мы приступим к дальнейшему изучению того, какие удивительные вещи можно совершать со слоями, нам нужно рассмотреть один особой тип слоя – «Фон» (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» для изучения инструментов выделения, принципов работы со шрифтом и других полезных навыков!

Автор: Стив Паттерсон

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

Как сделать эффект Боке в фотошопе – Photo7.ru

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

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

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

Как добавить эффект боке к готовой фотографии

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

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

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

Вырезание людей на переднем плане

Самый простой вариант, это использовать инструмент «Быстрое выделение». Выберем этот инструмент и обведем людей.

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

Выберите «Выделение и маска» (Alt+Ctrl+R) прямо сейчас, и я добавлю немного блеска, чтобы снимок выглядел лучше, и немного почищу его. Мы собираемся выбрать «новый слой со слоем маской.

Вырезание готово

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

Подготовка фона

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

Выберите «Выделение», «Модификация», «Расширить» и поставьте значение 1 пиксель.

Затем выберите «Выделение», «Модификация», «Сжать» и поставьте значение 1 пиксель. Это просто создает более мягкий край, чем просто этот жесткий край.

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

Нажмите Shift + Backspace, чтобы открыть диалоговое окно Заполнить. Убедитесь, что вы выбрали С учетом содержимого, а затем просто нажмите OK. Вы можете видеть, что мы получили некоторый побочный эффект, но зато у нас нет расплывающихся краев.

Снимите выделение нажав Ctrl + D, и сделайте верхний слой видимым.

Делаем эффект Боке

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

Итак, давайте удостоверимся, что фон выделен, после чего мы выберем Фильтр> Галерея размытия> Размытие поля

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

А теперь мы дадим немного размытия, выставив значение размытия примерно на 7-9 едениц.

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

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

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

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

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

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

Было

Стало

Эффект тумана в Уроках photoshop

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

Для урока нам понадобится два изображения: задний фон и персонаж.

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

И так запускаем программу фотошоп. Открываем в ней картинку с задним фоном (у меня это изображение леса).

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

Для этого нам необходимо создать несколько слоев тумана с разными настройками насыщенности. Создаем новый слой (Shift+Ctrl+N). Выбираем инструмент Paint Bucket Tool (Заливка) и заливаем белым цветом, затем устанавливаем непрозрачность слоя на 95%.

Затем создаем маску для слоя  Layer > Layer Mask > Reveal All (Слои>маска слоя> Показать все).

После выбираем инструмент Gradient Tool (градиент) и заливаем маску линейным черно-белым градиентом:

Теперь вберем инструмент Eraser Tool (Ластик) и выставляем следующие настройки: Soft Brush (Мягкая кисть), Size (размер): 100px, Opacity (Непрозрачность): 20%.

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

Чтобы достичь эффекта реалистичного тумана (туман имеет способность подниматься и беспорядочно стелиться по земле), нужно сначала нажать D, чтобы установить цвета переднего плана и фона – черный и белый, затем создаем новый слой и применяем фильтр Filter > Render > Clouds:

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

Для начала нажмем на клавишу D (сброс палитры в черный и белый). Теперь создадим новый слой и применим к нему фильтр Filter > Render > Clouds (фильтр > Рендеринг > Облака).

Теперь для слоя с фильтром меняем режим отображения слоя на Screen (Осветление) и выставляем непрозрачность слоя на 40%

Подготовка заднего фона готово и теперь мы добавим изображение девушки.

Открываем изображение в фотошопе и перетягиваем его на документ с подготовленным задним фоном. Так как картинка с девушкой немного больше заднего фона мы используем трансформацию (Ctrl+T) и уменьшаем картинку до нужного размера.

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

Для верхней копии устанавливаем режим смешивания слоев Screen (Осветление).

Создаем маску для этого слоя Layer > Layer Mask > Reveal All (Слои>маска слоя>показать все).

Теперь берем инструмент Brush Tool (кисть) со следующими настройками: цвет – черный, круглую с мягкими краями, Opacity (непрозрачность): 45%.

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

Возвращаемся к отключенной копии девушки.

Теперь делаем её видимой и накладываем на слой маску Layer > Layer Mask > Reveal All (Слои>маска слоя>показать все).

Берем инструмент Brush Tool (кисть) со следующими настройками: цвет – черный, круглую с мягкими краями, Opacity (непрозрачность): 60%.

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

Теперь выставляем непрозрачность слоя на 34% и наш конечный результат готов.

Перевод: Prescilla

Источник: photoshopstar

Как рисовать градиенты с помощью инструмента «Градиент» в Photoshop

Рисование градиентов в фотошопе

Создание нового документа

Давайте начнем с создания нового документа Photoshop. Для этого я зайду в меню « Файл» в строке меню в верхней части экрана и выберу « Новый» :

Идем в Файл> Новый.

Это открывает диалоговое окно New. Для этого урока я установлю ширину моего документа на 1200 пикселей и высоту на 800 пикселей. Нет особой причины, по которой я использую этот размер, поэтому, если вы работаете вместе со мной и думаете о другом размере, не стесняйтесь использовать его. Я оставлю для параметра « Разрешение» значение по умолчанию, равное 72 пикселям / дюйм , и буду следить за тем, чтобы для параметра « Содержимое фона» было установлено значение « Белый» . Я нажму OK, когда закончу, чтобы закрыть диалоговое окно, после чего на экране появится новый белый документ:

Новое диалоговое окно.

Выбор инструмента Градиент

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

Выбор инструмента «Градиент» на панели «Инструменты».

Выбор градиента

С выбранным инструментом Gradient, следующее, что нам нужно сделать, это выбрать градиент, и есть несколько способов сделать это. Одним из них является открытие градиентного выбора в Photoshop ; другой — открыв большой редактор градиентов . Разница между ними заключается в том, что Gradient Picker просто позволяет нам выбирать из готовых предустановленных градиентов, а в Gradient Editor, как следует из его названия, мы можем редактировать и настраивать наши собственные градиенты. В этом уроке мы сосредоточимся на самом Gradient Picker. Мы узнаем все о редакторе градиентов в следующем уроке.

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

Нажмите на стрелку, чтобы открыть градиент.

При нажатии на стрелку открывается окно выбора градиента с миниатюрами всех предустановленных градиентов, которые мы можем выбрать. Чтобы выбрать градиент, нажмите на его миниатюру, затем нажмите Enter (Win) / Return (Mac) на клавиатуре или щелкните любое пустое место на панели параметров, чтобы закрыть средство выбора градиента . Вы также можете дважды щелкнуть по миниатюре, которая выберет градиент и закроется в градиенте:

Выбор градиента.

Загрузка больше градиентов

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

Нажав на значок шестеренки в градиенте.

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

Другие наборы градиентов, которые мы можем выбрать.

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

Нажмите OK, чтобы заменить исходные градиенты новым набором.

И теперь мы видим в Gradient Picker, что оригинальные градиенты были заменены градиентами фотографического тонирования. Чтобы узнать больше о наборе Photographic Toning и о том, как его использовать, ознакомьтесь с нашим полным руководством по настройкам Photographic Toning :

Оригинальные градиенты были заменены новым набором.

Восстановление градиентов по умолчанию

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

Нажав на значок шестеренки.

Затем выберите « Сбросить градиенты» из меню:

Выбор «Сбросить градиенты».

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

Замена текущих градиентов на значения по умолчанию.

А теперь вернемся к оригиналам:

Градиенты по умолчанию были восстановлены.

Передний план к фоновому градиенту

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

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

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

Текущие цвета переднего плана (вверху слева) и фона (внизу справа).

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

Рисование градиента с помощью инструмента «Градиент»

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

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

Нажатие и перетаскивание (с нажатой кнопкой мыши) с одной стороны документа на другую.

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

Photoshop рисует градиент, когда вы отпустите кнопку мыши.

Поменять цвета

Вы можете изменить цвета в вашем градиенте, выбрав опцию Reverse на панели параметров:

Выбор «Обратный» в панели параметров.

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

Тот же градиент, что и раньше, но с перевернутыми цветами.

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

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

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

Новый черно-белый вертикальный градиент.

Изменение цветов градиента по умолчанию

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

Нажав образец цвета переднего плана.

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

Выбор красного цвета для нового цвета переднего плана.

Затем я изменю свой цвет фона, щелкнув его образец цвета (тот, который в настоящее время заполнен белым):

Нажав образец цвета фона.

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

Выбор желтого цвета для нового цвета фона.

Обратите внимание, что образцы цветов обновлены, чтобы показать новые цвета, которые я выбрал для переднего плана и фона:

Образцы обновлены новыми цветами.

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

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

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

Рисование нового градиента от левого нижнего до правого верхнего угла документа.

Когда я отпускаю кнопку мыши, Photoshop рисует градиент от красного до желтого по диагонали через документ:

Новый красный или желтый диагональный градиент.

Сброс цветов переднего плана и фона

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

Обновленная миниатюра «Передний план — фон» в палитре «Градиент».

Вы можете в любое время изменить цвета для этого градиента, щелкнув образцы цветов переднего плана и / или фона на панели параметров и выбрав разные цвета. Но если вам нужно быстро вернуть цвета к значениям по умолчанию, сделав цвет переднего плана черным и цвет фона белым , просто нажмите букву D (подумайте «D» для «по умолчанию») на клавиатуре. Вы увидите, что образцы на панели «Инструменты» вернутся к стандартному черно-белому цвету:

Образцы переднего плана и фона были сброшены.

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

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

Рисование градиента на собственном слое

Если мы посмотрим на мою панель «Слои» , то увидим, что до этого момента я рисовал свои градиенты непосредственно на фоновом слое :

Панель «Слои», показывающая градиент на фоновом слое.

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

Собираюсь Правка> Заполнить.

Когда откроется диалоговое окно «Заливка», я установлю для параметра « Содержимое» вверху значение « Белый» , затем нажмите « ОК» . Это заполняет фоновый слой белым цветом:

Диалоговое окно Fill.

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

Нажмите и удерживайте Alt (Win) / Option (Mac), одновременно нажимая значок «Новый слой».

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

Диалоговое окно Новый слой.

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

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

Переходная зона

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

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

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

Рисование градиента с широкой областью перехода.

Я отпущу кнопку мыши, чтобы позволить Photoshop нарисовать градиент, и поскольку между моей начальной и конечной точками был такой большой разрыв, мы видим плавный, очень постепенный переход между черным слева и белым справа:

Градиент с постепенным переходом между цветами.

Я отменим градиент, просто чтобы было легче его увидеть, зайдя в меню « Правка» в верхней части экрана и выбрав « Отменить градиент» . Я также мог бы нажать Ctrl + Z (Win) / Command + Z (Mac) на моей клавиатуре:

Собираюсь Правка> Отменить градиент.

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

Рисование градиента с узкой переходной областью.

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

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

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

Теперь градиент располагается на собственном слое над фоновым слоем.

Передний план к прозрачному градиенту

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

Выбор переднего плана для прозрачного градиента.

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

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

Нажав образец цвета переднего плана.

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

Выбор пурпурного цвета в качестве нового цвета переднего плана.

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

Теперь градиент переходит от фиолетового к прозрачному.

Я нарисую вертикальный градиент от верхней части моего документа до центра:

Рисование вертикального переднего плана к прозрачному градиенту вниз через верхнюю половину документа.

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

Фиолетовый от градиента, но белый от фона под ним.

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

Отключение фонового слоя.

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

Фактический градиент от фиолетового до прозрачного.

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

Добавление второго переднего плана к прозрачному градиенту.

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

Градиенты переднего плана и прозрачного были объединены.

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

Включение фонового слоя.

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

Тот же градиент с включенным фоновым слоем.

Опция прозрачности

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

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

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

Если параметр «Прозрачность» отключен, Photoshop не может нарисовать прозрачную часть градиента.

Черный, Белый Градиент

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

Черно-белый градиент миниатюры.

Градиентные стили

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

Если вы посмотрите справа от панели предварительного просмотра градиента на панели параметров, вы увидите пять значков стиля градиента . Начиная слева, у нас есть Линейный , Радиальный , Угловой , Отраженный и Алмазный :

Значки линейного, радиального, углового, отраженного и алмазного градиента.

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

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

Я буду нажимать букву D на клавиатуре, чтобы сбросить цвета переднего плана и фона обратно на черный и белый. Затем, чтобы было интересно, я поменяю цвет фона с белого на светло-синий:

Мои последние цвета переднего плана и фона.

линейный

Стиль градиента по умолчанию в Photoshop — « Линейный» , но вы можете выбрать его вручную, если вам нужно, нажав на первый значок слева:

Выбор стиля линейного градиента.

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

Пример стандартного линейного градиента.

радиальный

Radial стиль (вторая иконка слева) нарисует круговой градиент в направлении от начальной точки:

Выбор стиля радиального градиента.

Я отменю свой линейный градиент, нажав клавиши Ctrl + Z (Win) / Command + Z (Mac) на моей клавиатуре. Чтобы нарисовать радиальный градиент, я нажму в центре моего документа, чтобы установить начальную точку, а затем потяну к краю наружу:

Рисование радиального градиента от центра документа.

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

Радиальный градиент.

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

Тот же радиальный градиент с перевернутыми цветами.

Угол

Стиль Angle (средняя иконка) — это то, где вещи начинают становиться интересными (хотя, возможно, не такими полезными):

Выбор стиля углового градиента.

Так же, как стиль Radial, стиль Angle также использует вашу начальную точку в качестве центра градиента. Но вместо того, чтобы двигаться наружу во всех направлениях, он оборачивается вокруг начальной точки против часовой стрелки. Я еще раз нажму Ctrl + Z (Победа) / Command + Z (Mac) на моей клавиатуре, чтобы отменить мой последний градиент. Затем я нарисую градиент в стиле угла так же, как и радиальный градиент, щелкнув по центру документа, чтобы установить начальную точку, а затем уведя ее от себя:

Рисование углового градиента от центра.

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

Стиль угла оборачивает градиент вокруг вашей начальной точки против часовой стрелки.

отраженный

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

Выбор стиля отраженного градиента.

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

Рисование градиента в отраженном стиле.

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

Градиент отраженного стиля.

Вот как будет выглядеть отраженный градиент с обращенными цветами:

Градиент в отраженном стиле с реверсом, выбранным на панели параметров.

ромб

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

Выбор стиля градиента бриллианта.

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

Рисование градиента в стиле ромба из центра.

Когда я отпускаю кнопку мыши, мы получаем интересную форму ромба:

Градиент в алмазном стиле.

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

Алмазный градиент с обращенными цветами.

Вариант дизеринга

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

Параметр «Сглаживание» помогает уменьшить уродливые полосы между цветами.

Параметры режима и прозрачности

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

Опции режима и непрозрачности.

Как поменять фон в GIMP или сделать его прозрачным

GIMP — мощный графический редактор с открытым исходным кодом, который можно установить бесплатно на Linux и Windows.

Как изменить фон изображения в приложении GIMP.

По функционалу уступает Фотошопу, но тем не менее содержит широкие возможности:

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

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

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

Создание прозрачности

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

1. Откройте GIMP и нажмите меню «Файл», «Создать». 
2. В открывшемся окне настроек щёлкните по плюсику (расширенные параметры). 
3. В пункте «Заполнение» откройте выпадающий список и в нём выберите прозрачный слой. 
4. Теперь можете создавать картинку.

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

ВАЖНО. Популярный формат jpeg не поддерживает такую возможность, и прозрачные слои будут заменены белыми.

Убрать фон у готового изображения можно следующим образом:

1. Откройте картинку.
2. Зайдите в меню «Слой», выберите строку «Прозрачность» и нажмите «Добавить альфа-канал». Таким образом, мы добавили изображению возможность быть прозрачным. 
3. Теперь вам нужно аккуратно отделить саму картинку от фона. Рассмотрим процесс выделения подробнее ниже.
4. Если вы в предыдущем пункте выделили фон, то просто нажмите «Удалить» (Delete). Если же выделенной областью является сама картинка, то в меню «Выделение» щёлкните «Инвертировать». А потом уже «Удалить». 
5. Сохраните файл в поддерживающем прозрачность формате.

Сделать корректное выделение в GIMP можно при помощи следующих инструментов:

• Волшебная палочка. Подойдёт, когда задний план однородный и контрастирует с основным объектом. Выделяются похожие по цвету пиксели. Просто щёлкните волшебной палочкой по однородному участку, и он весь попадёт в выделение. 
• Умные ножницы. Программа сама проанализирует пиксели и определит края объекта. Инструмент хорошо подойдёт для неоднородного, но контрастирующего с объектом заднего плана. Аналогичен использованию Магнитного лассо в Фотошопе. Поставьте точку на границе объекта и фона, далее ведите вдоль его края, программа будет автоматически «прилипать» по границе. Для большей точности ставьте чаще контрольные точки. Чтобы замкнуть контур, щёлкните в первую точку. 
• Выделение переднего плана. Подходит, когда объект чётче фона. Выделите приблизительно объект, затем прорисуйте на нём линией, отличной от цвета переднего плана, затем отпустите кнопку мыши. Если выделение корректно, нажмите Enter. 
• Ручные инструменты, например, прямоугольное, овальное и произвольное выделение. Суть их в том, что вы вручную обрисовываете границу объекта.

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

Изменение заднего плана

GIMP, как и Фотошоп, располагает инструментами замены заднего плана и создания простых коллажей. Выполните следующее:

Откройте изображение. Выделите задний план одним из описанных выше инструментов. Измените фон:

• Используя инструмент «Плоская заливка», залейте сплошным цветом. 
• Сделайте его чёрно-белым, нажав команду «Обесцветить» из меню «Цвет». 
• Нажмите «Удалить», чтобы заменить фон какой-либо картинкой.

Если вы хотите сделать фон из какой-либо картинки из другого файла, выберите команду «Открыть как слой». После этого на вашем изображении появится новый слой из этого файла. В окне слоёв выделите его и перетащите под строку слоя, где находится основной объект.

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

IIS 10.0 Detailed Error — 404.11

HTTP Error 404.11 — Not Found

The request filtering module is configured to deny a request that contains a double escape sequence.

Most likely causes:

• The request contained a double escape sequence and request filtering is configured on the Web server to deny double escape sequences.

Things you can try:

• Verify the configuration/system.webServer/security/requestFiltering@allowDoubleEscaping setting in the applicationhost.config or web.confg file.

Detailed Error Information:

Module	RequestFilteringModule
Notification	BeginRequest
Handler	StaticFile
Error Code	0x00000000

Requested URL	http://www.родигин.рф:80/networkdesign/%d0%a3%d1%80%d0%be%d0%ba%204_%d0%9e%d1%81%d0%bd%d0%be%d0%b2%d1%8b%20%d1%80%d0%b0%d0%b1%d0%be%d1%82%d1%8b%20%d1%81%d0%be%20%d1%81%d0%bb%d0%be%d1%8f%d0%bc%d0%b8.htm
Physical Path	D:\Inetpub\vhosts\rodiguine-35961.winhosting.ntx.ru\RodiginRF\networkdesign\%d0%a3%d1%80%d0%be%d0%ba%204_%d0%9e%d1%81%d0%bd%d0%be%d0%b2%d1%8b%20%d1%80%d0%b0%d0%b1%d0%be%d1%82%d1%8b%20%d1%81%d0%be%20%d1%81%d0%bb%d0%be%d1%8f%d0%bc%d0%b8.htm
Logon Method	Not yet determined
Logon User	Not yet determined

More Information:

This is a security feature. Do not change this feature unless the scope of the change is fully understood. You should take a network trace before changing this value to confirm that the request is not malicious. If double escape sequences are allowed by the server, modify the configuration/system.webServer/security/requestFiltering@allowDoubleEscaping setting. This could be caused by a malformed URL sent to the server by a malicious user.

View more information »

Отделение переднего плана от заднего плана

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

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

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

Приступим!

Выберите основную тему на фотографии

Вы можете следить за этим Adobe Stock. Изображение бегущего человека.

Сначала сделайте выбор вокруг бегуна.

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

Если вы используете Photoshop 2020 и новее, вы можете сократить время, просто зайдя в Select> Select Subject .

Использование команды «Выбрать тему» ​​автоматически выделит объект.

Select Subject использует Adobe Sensei, который представляет собой искусственный интеллект (AI) от Adobe, который использует технологию машинного обучения для определения основного предмета.

Щелкните здесь, чтобы узнать больше об инструменте «Выбрать тему»!

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

В этом примере отмените выделение пространства между рукой и телом.

Чтобы отменить выбор, используйте инструмент Quick Selection и удерживайте Alt (Windows) или Option (macOS) , затем щелкните и перетащите вокруг небольшой области, чтобы снять выделение.

Отделение переднего плана от заднего плана

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

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

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

При активном выделении щелкните слой «Runner» и в нижней части панели Layers щелкните значок New Layer Mask , чтобы создать маску из выделения.Этот шаг удалит фон с текущего слоя.

Затем выберите два слоя «Runner» и слой Background Copy , удерживая Shift и щелкнув оба, и нажмите Ctrl G (Windows) или Command G (macOS) , чтобы поместить их в группа.

Вы можете вызвать новую группу « Edit».

Отделение переднего плана от фона

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

Сделайте выделение из маски слоя «Runner» , удерживая Ctrl (Windows) или Command (macOS) и щелкнув миниатюру маски слоя Runner.

Затем перейдите к Select> Modify> Expand . На этом шаге открывается окно Expand Selection window , а затем установите расширение на 3px и нажмите OK.

Затем удерживайте Shift Backspace (Windows) или Shift Delete (macOS) , чтобы открыть окно Fill.

В раскрывающемся списке «Содержание» выберите Content-Aware и нажмите OK.

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

Примечание : С более сложным фоном вы можете попробовать Новое Content-Aware Workspace, чтобы получить лучшие результаты.

Нажмите Ctrl D (Windows) или команду D (macOS) , чтобы отменить выбор и отключить марширующих муравьев .

Хотя заливка работает отлично, она не идеальна. Для областей, требующих дополнительной работы, вы можете использовать инструмент Clone Stamp (S), чтобы применить плавный переход и сохранить согласованность между исходным фоном и тем местом, где работал Content-Aware .

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

Как работать с субъектом самостоятельно

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

Чтобы иметь еще больший контроль, вы можете выбрать слой «Runner» , щелкнуть правой кнопкой мыши и выбрать Convert to Smart Object .

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

Корректировка, которую вы можете внести в свой объект

Фильтр сжижения

• В строке меню нажмите Правка> Пластика .
  
• В опциях View установите флажок рядом с Показать фон . Первоначально он покажет «Все слои» , но щелкните по нему, чтобы открыть раскрывающееся меню, и выберите Фоновая копия.

Марионеточная основа

• В строке меню щелкните Правка> Марионеточная деформация .

• Чтобы отрегулировать углы ног или рук, удерживайте Alt (Windows) или Option (macOS) и щелкайте по точкам, чтобы повернуть его в желаемое положение или угол.

Инструмент перемещения

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

Это всего лишь три способа настройки изображения после отделения переднего плана от фона.

Чтобы увидеть больше уроков по Photoshop, обязательно зайдите на канал PTC YouTube и нажмите кнопку подписки!

Окончательное изображение

Перетащите ползунок, чтобы увидеть до и после

Три простых способа заливки фона в Photoshop

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

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

Как создать слой с заливкой сплошным цветом на панели слоев

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

Шаг 1

Откройте свой проект (с фоновым слоем, который вы хотите заполнить) в Adobe Photoshop. Если вы не видите панель «Слои» справа, нажмите F7, и она появится.

Шаг 2

На панели «Слои» щелкните «Фоновый слой».

Шаг 3

На фоновом слое перейдите в раскрывающееся меню «Выбрать» и нажмите «Все». Вы также можете нажать Ctrl + A., чтобы сделать выбор.

Шаг 4

Щелкните «Изменить», а затем щелкните «Заливка».

Шаг 5

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

Шаг 6

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

Шаг 7

Щелкните OK еще раз, чтобы изменить цвет фона. Не довольны слоем сплошных цветов фона? Ctrl + Z сотрет последнее изменение, которое вы сделали на этом слое, и вы можете вернуться на панель «Слои», чтобы повторить попытку.

Как изменить цвет фона в Photoshop с помощью заливки с учетом содержимого

Иногда для нового слоя нужно использовать не сплошной цвет, а нежелательные элементы или объекты.Content-Aware Fill — удобный способ сделать это. Заливка с учетом содержимого плавно заполняет эти разделы содержимым, которое поступает из других частей изображения.

Шаг 1

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

Шаг 2

После того, как вы сделали свой выбор, нажмите Edit, а затем Fill. Если вы хотите быстро получить доступ к диалоговому окну из фонового слоя, нажмите «Удалить» или «Backspace».

Шаг 3

Щелкните Content-Aware, чтобы заполнить ваш выбор близлежащим совпадающим содержимым.

Шаг 4

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

Шаг 5

Щелкните OK, чтобы завершить второй метод изменения цвета фона в Photoshop.Теперь ваш выбор должен быть заменен заливкой с учетом содержимого. Если вам не нравятся результаты, нажмите Ctrl + Z, чтобы отменить их.

Как установить цвет фона в Photoshop

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

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

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

Шаг 1

Откройте изображение в Adobe Photoshop.

Шаг 2

Щелкните инструмент быстрого выбора (находится на панели инструментов).

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

Щелкните «Слой», затем «Новый слой заливки», затем выберите «Сплошной цвет». Выберите нужный цвет в Photoshop и нажмите «ОК». Теперь у вас должен быть новый цвет фона.

Практическое руководство по Photoshop: отделить объект от фона с помощью обводки

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


Белый штрих выделяет фотографии женщин на фоне, а также связывает их между собой. другие элементы дизайна.В этом уроке Photoshop, который работает с CS3 по CS5, я покажу вам, как создать похожую белую обводку вокруг объектов фотографии. Вы добьетесь этого, используя несколько техник выделения, маскирование и добавив несколько стилей обводки слоя.
Шаг 1
Откройте изображение, на котором объект отделен от фона. В приведенном ниже примере фон более размытый, чем объект, но это не обязательно.
© ISTOCKPHOTO / IGOR BALASANOV
Шаг 2
Дважды щелкните фоновый слой на панели «Слои» (выберите «Окна»> «Слои», если он не виден), чтобы разблокировать его.Щелкните кнопку ОК.

Шаг 3
Теперь вам нужно замаскировать фон вокруг модели. Выделите объект, используя один из множества вариантов: инструмент «Быстрое выделение», «Перо» и т. Д. Лучший способ выбора зависит от вашей фотографии и вашего опыта. Если вам нужны рекомендации по выбору, посмотрите эти видеоуроки:
* Выбросьте волшебную палочку Photoshop в окно!
* Мастер-маскирование с помощью альфа-каналов Photoshop
* Знакомство с инструментом «Перо» в Photoshop
* Создание плавных выделений в Photoshop
После того, как вы сделали свой выбор, вы увидите «марширующих муравьев» вокруг выбранной модели:

Step 4
Вы можете немного уточнить край, чтобы край выделения не был слишком четким.Я добавил небольшое растушевывание (Select> Modify> Feather). Затем нажмите кнопку «Добавить маску слоя» в нижней части панели «Слои».

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

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

Шаг 6
Выберите инструмент «Градиент» на панели «Инструменты», а затем выберите цветовой градиент на панели «Параметры» в верхней части экрана.Я выбрал оранжевый, желтый, оранжевый градиент.

Шаг 7
Щелкните и перетащите по холсту, убедившись, что выбран нижний фоновый слой, а не слой, на котором находится модель. Это должно выглядеть примерно так. Примечание: удерживайте Shift, если хотите, чтобы градиент был под углом 90 градусов.

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

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

Легко ремонтируется. На панели «Слои» щелкните маску — небольшой бело-черный прямоугольник справа на слое модели. Затем выберите белую область с помощью выбранного инструмента, убедитесь, что цвет переднего плана в нижней части панели инструментов установлен на черный, и нажмите Option-Delete (ПК: Alt-Backspace).Это маскирует эти области. Если остались какие-либо пятна, используйте инструмент «Кисть», чтобы закрасить маску черным цветом, где пиксели должны быть замаскированы. Примечание. Чтобы увидеть фактическую маску, щелкните маску слоя, удерживая нажатой клавишу Option (ПК: Alt). Щелкните еще раз, чтобы вернуться к пикселям.
Результат должен выглядеть примерно так:

Step 10
Чтобы сделать это еще больше похожим на рекламную кампанию Fanta, давайте добавим круги на задний план. Нажмите «Создать новый слой» на панели «Слои» и перетащите слой к верху слоев.Затем выберите инструмент «Кисть» и на панели «Параметры» выберите подходящую кисть. Я выбрала круговую кисть.

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

Редактирование слоев в 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

Learning Software (версия CS6 для Macintosh; ссылку на обновление CC 2017 см. Ниже)

Самоучитель Росс Коллинз, Государственный университет Северной Дакоты

Удаление фона.

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

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

Вы можете выполнить это упражнение со своими фотографиями или выбрать эти:

удалить фон.

замена фона.

I. Фон почти монохроматический.

Если ваш фон почти того же цвета и отличается от переднего плана, вы можете просто стереть его.

1. Создайте дубликат фонового слоя из раскрывающегося списка «Слои» или из всплывающего меню справа от панели «Слои».

2. Отключите исходный фоновый слой на панели «Слои», отключив значок глаза.

3. Выберите «Ластик для фона» на панели инструментов.

4. При необходимости установите допуск в контекстном меню вверху. Начните примерно с 25 процентов, от пределов до смежных.

5. Установите необходимый размер курсора (используйте клавиши скобок как ярлык, [и]) и щелкните и / или перетащите, чтобы стереть фон. Возможно, вам придется несколько раз регулировать размер курсора и допуск. Начните с ластика большого размера.

6. Чтобы исправить области изображения, которые вы хотите сохранить, выберите инструмент «Ластик». Включите «Стереть в историю» (непрозрачность 100%).Сотрите области, чтобы восстановить изображение по мере необходимости. Очистите фон, перетащив Ластик для фона. (Используйте команду нажатия клавиш для увеличения или уменьшения масштаба: клавиши Command и + или -.) Сохраните как Photoshop, чтобы сохранить слои, или как jpg для выравнивания.

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

8.Выберите «Новый слой» в раскрывающемся списке «Слой» или во всплывающей панели. Вставьте изображение на этот новый слой.

9. На панели «Слои» перетащите слой с копией фона вверх — это поместит этот слой над другим слоем.

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

10. Работая над слоем фоновой копии, выберите инструмент «Ластик фона» и снова сотрите, как вы делали в упражнении выше.При необходимости используйте сочетание клавиш Command-z, чтобы вернуться назад. Да, я знаю, что это требует ловкости. Мышь — это навык ….

11. Сохранить как jpg.

II. Фон загроможден.

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

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

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

3. Выберите инструмент «Кисть». Выберите кисть с жесткими краями, непрозрачность 100%.

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

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

6. Отрегулируйте выделение более точно с помощью инструмента «Лассо» и клавиш + или -.Клавиша — выберет области маски, которые вы хотите добавить, или наоборот.

7. Когда будете готовы, выберите Удалить. Снимите выделение.

8. Если вы хотите удалить передний план вместо фона, выберите «Обратный» в раскрывающемся меню «Выбрать», а затем — «Удалить».

9. Если хотите, добавьте еще один фон, как описано выше.

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

Новинка! Альтернативный подход к удалению фона в Photoshop CC 2017. См. Раздел «Выделение и маска».

Как размыть и создать расфокусированный фон в Photoshop (быстро и легко)

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

15 августа 2010 г., 00:01 ePHOTOzine | Adobe Photoshop

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

Используемое программное обеспечение: Adobe Photoshop CS4 Затраченное время: 15 минут

Когда изображение уже загружено в Adobe Photoshop: перейдите в меню «Слой»> «Дублировать слой» и переименуйте его.

Перейдите в меню «Фильтры»> «Размытие»> «Размытие по Гауссу» и измените радиус пикселя, пока не будете довольны степенью размытия изображения. Мы переместили наше до 16,7, но для некоторых изображений может работать всего 5 пикселей.

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

См. Изображения «до» и «после» здесь:

Чтобы убедиться, что снимаемый вами цвет соответствует сохраненному вами цвету, используйте Datacolor — the Color Management Experts.

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

Поддержите этот сайт, сделав пожертвование, купив членство Plus или совершив покупки у одного из наших аффилированных лиц: Amazon UK, Amazon США, Amazon CA, ebay UK

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

Учебное пособие по улучшению фона в Photoshop | Phixer Blog

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

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

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

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

1. Добавьте пустой слой. После открытия изображения в Photoshop остается единственный слой — фон. Добавьте еще один пустой слой над ним, просто щелкнув значок «Новый слой» в нижней части параметров слоя.

2. Установите цвета фона и переднего плана. Цвет переднего плана должен быть черным, а фон — белым. Для этого нажмите на клавиатуре букву D. Вы можете увидеть, что он был соответствующим образом изменен, если посмотрите на нижнюю часть параметров инструмента.Квадратная полоса в верхнем левом углу показывает текущий цвет переднего плана, а квадратная полоса в правом нижнем углу показывает текущий цвет фона.

3. Возьмите инструмент «Градиент». Выберите инструмент «Градиент» в параметрах инструмента или быстро возьмите его, нажав букву G на клавиатуре.

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

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

6. Измените режим наложения слоя 1 на Overlay. Перейдите к опции Blend Mode в верхнем левом углу опций Layer. Необходимо выбрать слой 1 и нажать кнопку «Наложение». Это увеличивает контраст за счет смешивания черной области с изображением. Вы можете видеть, что фон вашей фотографии улучшается. Но будьте осторожны, чтобы не включить в этот процесс передний план или объект. Вы можете использовать маску слоя.

7. Добавьте маску слоя к слою 1. Убедитесь, что вы выбрали Layer 1, прежде чем нажимать опцию Layer Mask в нижней части опций Layer.Он будет добавлен к слою градиента в документе.

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

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

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

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