Работа со слоями: Изучение основ работы со слоями в Photoshop

Содержание

Работа со слоями и фоном в Фотошопе

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

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

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

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

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

Как поменять фон в Фотошопе

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

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

Как сделать прозрачный фон в Фотошопе

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

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

Как сделать белый фон в Фотошопе

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

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

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

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

  • Откройте нужно изображение и, выбрав вкладку «Слои», нажмите «Создать дубликат слоя». На созданном слое выберите из вкладки «Фильтры» «Размытие» и нажмите «Размытие по Гауссу». В окне, которое откроется, выберите интенсивность размытия. Как правило, хватает величины до 5 пикселей. Размойте фон-копию слоя. Далее выберите инструмент Ластик, и, установив необходимую жесткость, аккуратно проявите тот объект, который должен быть четким. Объедините слои после ретуширования.
  • Открыв изображение и, создав дублирующий слой, размойте его, так же, как в предыдущем способе.
    Выбрав размытый слой, на панели слоев укажите «Добавить слой-маску». На копии слоя должен появиться белый прямоугольник. Выберите кисть, и указав черный цвет (#000000) и жесткость, начинайте проявлять объект на размытом фоне. Если вам необходимо поправить контур, добавить к нему размытость, вместо черного цвета укажите белый.

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

Чтобы вырезать фон в фоторедакторе воспользуйтесь инструментами выделения, чтобы аккуратно выделить объект, расположенный на переднем плане. Перед началом выделения создайте слой-копию или убедитесь, что слой, с который вы работаете разблокирован. Вы можете применять несколько видов инструментов: Магнитное Лассо, Волшебная Палочка, Перо, Быстрое Выделение. Если вы довольны результатом на вкладке «Выделение» выберите пункт «Инверсия».

Когда вся картинка по контуру будет выделена пунктирной линией, нажмите «Delete» или во вкладке «Редактирование» укажите удалить. Таким образом, слой на котором находился фон, будет удален. Чтобы оставить объект на прозрачном фоне, необходимо сохранить его в формате PNG. Если сохранить его в формате jpeg, он будет располагаться на белом фоне.

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

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

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

Как вставить изображение в фон в Фотошопе

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

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

Работа со слоями в Photoshop

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

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

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

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

3. При нажатии клавиши Option (для Mac) / Alt (для PC) с одновременным щелчком по иконке глаза слоя скроются/отобразятся все остальные слои (ниже слева). В примере, приведенном ниже, слой под названием «Paint» становится видимым, а остальные скрываются (ниже справа). Заметим, что слой с именем «Photo» все еще выделен. Подсвеченный слой в палитре Layers означает, что он является активным (или выбранным). Это означает, что все изменения в окне документа будут применяться к нему.

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

«Paint».

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

5. Вы можете быстро выделить все непрозрачные области слоя зажав (для Mac) / Ctrl (для PC) и кликнув по нужному слою в палитре Layers. Когда вы удерживайте клавишу /Ctrl, указатель мыши превращается в руку с квадратом выделения (ниже слева). В результате изображение слоя выделится. Вы увидите «муравьиную дорожку» вокруг изображения слоя (внизу справа).

6. Чтобы удалить слой, щелкните по нему и перетащите в корзину (кнопка в палитре слоев (внизу слева)). Результат показан ниже справа.

7. Чтобы создать новый слой, нажмите кнопку New Layer в палитре Layers (внизу слева). Новый слой появится чуть выше активного слоя (внизу справа). 

 

8. Чтобы дублировать слой, перетащите его на кнопку New Layer. В приведенном ниже примере, новый слой будет создан с именем «photo copy».

9. Для изменения порядка слоя, нажмите на него и переместите вверх или вниз в палитре Layers.


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

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

Каждый слой имеет режим смешивания с ниже лежащим. По умолчанию режим смешивания «Normal». Ниже приведено несколько примеров использования различных видов смешивания:

 

 

11 a.  Normal

11 b.  Dissolve 

 

11 c.  Overlay 

 

 

Связь слоев

12. Слои могут быть связаны между собой. Нажмите слева от слоя (справа от значка глаза) чтобы связать этот слой с активным (внизу слева). В примере ниже, «paint», «palette» и «shadow», были связаны вместе. При использовании инструмента Move, они будут двигаться как единое целое (внизу справа).

Меню палитры Layers

В палитре Layers есть меню, в которое можно попасть, нажав на маленький треугольник в правой части палитры. Есть несколько команд, которые доступны в этом меню. Например, в нашей выборке слоев, мы можем объединить «paint» с «palette» с помощью «Merge Down».

13 a. Выберите слой «paint».

13 b. Нажмите на маленький треугольник в правой части палитры. Затем в появившемся меню выбрать «Merge Down»

13 c. Слой «paint» будет объединен со слоем «palette». 

Переименование слоя

14 a. Чтобы переименовать слой, дважды щелкните по нему в палитре Layers.

14 b. Введите новое имя в диалоговом окне и нажмите «ОК». 

14 c.  Новое имя появится в палитре Layers.

Основы Photoshop — работа со слоями.

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

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

Общий вид окна Photoshop. Выделена палитра слои.

Палитра слоев может быть расположена и в другом месте, это зависит от версии программы и настроек, но внешний вид у нее аналогичный, по-этому найти ее не составит труда. Если же она просто отключена, то достаточно включить ее в меню «WindowLayers» («Окно — Слои«) или нажав F7.

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

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

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

Выбираем нужный слой кликнув по нему мышкой в нашем случае верхний и применяем фильтр из группы Sharpen — «Sharpen More» и затем сразу в меню «Edit — Fade Sharpen More«, чтобы ослабить действие фильтр выбираем 55%. Стало четче, но задаче еще не решена т.к. фильтр был применен ко всей фотографии и трава внизу, шина и некоторые детали тоже стали существенно резче и выглядят неестественно.

Чтобы этого избежать сотрем их на верхнем слое, для этого нужно выбрать ластик в режиме «Brush» («Кисть«). В настройках кисти ставим Hardness где-то 50% для того, чтобы получить мягкий переход между стертой частью и той, которая осталась. Для удобства работы можно скрыть нижний слой, чтобы точно видеть, что мы стираем.

Если включить нижний слой, то видно, что с резкостью задачу мы решили полностью, осталось повернуть изображение. Если мы начнем поворачивать верхний слой, то он переместится относительно нижнего, а это значит, что мы получим искажения на фотографии. Поэтому сделаем еще одну копию нижнего слоя и склеим ее с верхним. Для склейки нужно, чтобы оба слоя были не скрыты, итак объединяем слои через меню «Layer — Merge Down» («Слой — Объединить с нижним«) или нажав «Ctrl+E«.

Теперь у нас есть два слоя — исходный (нижний) и исправленный (верхний). Поворачиваем верхний слой через меню «Edit — Transform — Rotate» против часовой стрелки. Для этого нужно подвести мышку к верхнему левому углу и потянуть вниз. Для более точного результата можно воспользоваться заданием угла поворота вручную в верхней панели (отмечена на рисунке красным кружком).

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

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

Работа со слоями в Photoshop – основы.

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

Что такое слой в Photoshop?

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

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

Ну а Photoshop, позволяет сделать все это прямо на вашем компьютере.

Как создать слой в Photoshop?

1.На самом деле, слой в фотошоп, создать предельно просто, нужно просто открыть или создать новый файл;)

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

3.Создать дубликат слоя в открытом файле. Вы можете создать дубликат слоя с существующего файла.

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

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

После чего, выбираете, куда вы его хотите вставить.

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

Операции со слоями.

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

Но для начала, обратите внимание на замочек возле слоя.

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

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

И тогда, вы сможете поменять местами оставшиеся слои.

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

Создание простого двухслойного файла.

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

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

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

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

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

Исправить это можно двумя путями: Уменьшить и подогнать слой с лошадью, или увеличить и подогнать слой с деревом.

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

И увеличил картинку с деревом (не забудьте нажать клавишу Enter), и получил вот такую вот картинку.

Ну а на видео ниже, вы можете в живую увидеть, что и как я делал.

 

Работа со слоями и представлениями таблиц—ArcGIS Pro

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

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

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

Когда вы откроете инструмент геообработки в ArcGIS Pro или введете имя инструмента в окне Python, произойдет следующее:

  • Параметры инструмента оцениваются для определения тех, которые используют входной набор данных или таблицу. Если таковые обнаружены, далее определяется что это – класс точечных объектов, набор TIN, набор сетевых данных, таблица или что-либо еще.
  • Панель Содержание будет просканирована и отфильтрована, чтобы увидеть, содержатся ли в ней слои, соответствующие типу данных параметра. Если да, то будет создан ниспадающий список совпадающих слоев; этот список будет доступен в элементе управления параметра. Вы сможете выбрать один из этих слоев или представлений таблиц в качестве ваших входных данных.

Использование файлов слоев

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

Файл слоя содержит ту же самую информацию, что и слой (например, слой в панели Содержание), включая выборку объектов.

Для создания файла слоя используйте инструмент Сохранить в файл слоя. В ArcGIS Pro вы можете щелкнуть правой кнопкой мыши на слое в панели Содержание и щелкнуть Сохранить как файл слоя.

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


Отзыв по этому разделу?

Работа со слоями в Photoshop

В Photoshop одна из самых главных возможностей — это использование слоев. Каждый слой в Photoshop — это отдельное изображение, которое можно редактировать отдельно от любого другого слоя. Любой слой в документе может быть просмотрен, как отдельное изображение. Вместе, все слои образуют единое изображение. Любое изображение в Фотошоп имеет хотя бы один слой — ЗАДНИЙ ПЛАН (Фоновый).

Работать со слоями можно на панели слоев (Layers, чтобы включить эту панель, поставьте галочку в меню Window — Layer или нажмите F7). В ней отображается небольшой эскиз (превью каждого слоя). Отображающийся в Photoshop документ — это соединение всех видимых слоев.

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

Основные сведения:
Чтобы создать новый слой, кликните на иконке создания или нажмите ctrl+shift+N
Чтобы удалить слой, щелкните по нему и перетащите в корзину (кнопка в палитре слоев).
Чтобы скопировать слой, перетащите его на кнопку New Layer или нажмите Ctrl+J.

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

Когда слой (выделен) подсвечен, это значит, что вы работаете с ним, пока не выберете другой.
Вы можете включать и выключать отображение любого слоя. Значок в виде глаза слева от каждого слоя контролирует его видимость. Слой делается видимым или скрытым при нажатии этого значка. При нажатии клавиши Alt с одновременным щелчком по иконке глаза слоя скроются/отобразятся все остальные слои.
Для изменения порядка слоя, нажмите на него и переместите вверх или вниз в палитре слоев. Можно также пользоваться сочетаниями клавиш Ctrl+[ и Ctrl+] для перемещения активного слоя ниже или выше соответсвенно.

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

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

Слои могут быть связаны между собой. Выделите на панели слои, которые хотите связать (не забываем, что для выделения нескольких слоев удобно пользоваться кнопками Ctrl и Shift), затем либо в контекстном меню по щелчку правой кнопки мыши выберите Link Layers, либо нажмите на кнопку в виде змочка внизу панели слоев. При использовании инструмента Move, они будут двигаться как единое целое.

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

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

При этом команда Merge Down объединяет активный слой со слоем под ним (либо выделенные). Merge Visible позволяет объединить все видимые слои. Flatten Image — «сливает» все абсолютно слои.

К слою можно применить следующие специальные эффекты: Drop Shadow (Отбросить тень), Inner Shadow (Внутренняя тень), Outer Glow (Внешнее свечение), Inner Glow (Внутреннее свечение), Bevel and Emboss (Скос и рельеф), Satin (Атлас), Color Overlay (Наложение цвета), Gradient Overlay (Наложение градиента), Pattern Overlay (Наложение узора) и Stroke (Кайма). Эффект(ы) слоя могут быть применены к любому слою, даже к редактируемому текстовому слою, и в любой момент их можно включить/выключить. Стиль — это сочетание одного или нескольких эффектов слоя.

Эффекты применяются и редактируются с помощью диалогового окна Layer Style (Стиль слоя) или всплывающего меню Add layer style (Добавить стиль слоя), содержащего названия эффектов. Чтобы вызвать окно Layer Style, надо либо дважды кликнуть по слою на панели слоев, либо нажать кнопку внизу панели (эффект добавится к активному слою).

Галочка рядом с элементом меню означает, что данный эффект уже применен к текущему слою. На палитре Layers (Слои) эффекты отображаются в виде списка под элементом слоя, к которому они применены. Эффекты связываются с главным слоем, к которому они были применены, и перемещаются вместе с ним. В диалоговом окне Layer Style щелкните по имени какого-либо эффекта и выберите параметры. К одному слою можно применить несколько эффектов. Поставьте флажок Preview (Предварительный просмотр), чтобы видеть результат своих действий.

Можно копировать эффекты одного слоя и применять их к другим слоям (в том числе и в других документах) — для этого правой кнопкой кликнуть по имени слоя на панели слоев и выбрать в меню Copy Layer Style (для вставки — Paste Layer Style). Там же можно очистить эффекты (Clear Layer Style).

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

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

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


Меню корректирующих слоев открывается по клику на кнопку:

  • Solid Color, Gradient, Pattern — создает слой, который заливается цветом, паттерном или градиентом.
  • Levels — для регулирования светов и теней в разных каналах RGB.
  • Curves — тоже используется для корректировки тоновой гаммы изображения по RGB каналам.
  • Color Balance — для калибровки тональности изображения в светах, средних тонах и тенях. Подтягивайте курсор к наименованиям тех цветов, насыщенность которых вы хотите уменьшить.
  • Brightness/Contrast — увеличения/уменьшения яркости и контраста (довольно грубый).
  • Black&White — применяется для регулировки ЧБ варианта изображения. Если отметить галочкой опцию Tint, то можно также тонировать изображение по вкусу.
  • Hue/Saturation — позволяет поменять оттенок и насыщенность группы оттенков.
  • Selective Color — для тонкой настройки оттенков изображения по разным оттенкам, а также чёрному, белому и серому цветам.
  • Channel Mixer — регулирует смешивание оттенков RGB. Чаще всего используется для создания ЧБ изображений.
  • Gradient Map — накладывает градиент от теней до светов изображения (тени принимают левый оттенок, света — правый).
  • Photo Filter — имитирует фотографические фильтры (теплые и холодные).
  • Exposure — для изменения экспозиции изображения.
  • Invert — инвертирует цветовую гамму изображения.
  • Threshold — трансформирует изображение в черно-белое без серых полутонов. Всё, что выше порога (threshold) преобразуется в чёрный, если ниже — в белый. Порог можно регулировать.
  • Posterize — постеризует изображение. Чем меньше выбранный уровень, тем сильнее постеризация.

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

Как работать со слоями в фотошоп: пошаговое руководство

Автор Олег Евгеньевич Просмотров 378 Обновлено

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

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

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

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

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

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

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

Слой для внесения коррекций

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

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

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

В стандартных элементах управления есть кнопка создания корректирующего слоя или слоя заливки. Называется она «Новый корректирующий слой». Также функция создания этих слоев доступна в стандартной палитре слоев для коррекции. Отображение палитры включается с помощью выпадающего меню Окно – Коррекция (Window – Adjustments).

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

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

Ну и последний тип слоя для настоящих профессионалов, которые работают с 3D графикой и файлами видео в фотошопе. Такая возможность есть у пользователей Photoshop Extended, куда можно импортировать все эти объекты и выполнить некоторую корректировку, например, поменять цвет какого-то элемента на видео. Все это можно сделать только в этих слоях.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Руководство по слоям Photoshop: Руководство для начинающих

Бекки Килимник

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

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

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

В этом руководстве по слоям:

Что такое слои в Photoshop?

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

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

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

Как слои работают в Photoshop?

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

Доступ к

слоям, их изменение, создание и удаление осуществляется через панель «Слои» в Photoshop.

В этом уроке Photoshop Layers мы рассмотрим следующее:

Панель «Слои»

В рабочем пространстве по умолчанию панель «Слои» находится в правой части окна Photoshop. Щелкните слово Layers , чтобы получить к нему доступ.

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

Добавление нового слоя

Есть несколько способов создать новый слой в Photoshop. Самый быстрый способ — нажать SHIFT + CTRL + N (SHIFT + COMMAND + N на Mac), чтобы автоматически создать новый слой поверх любых существующих слоев в документе.

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

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

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

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

Выбор слоев

Слой выбран, когда этот слой выделен на панели «Слои». Чтобы выбрать слой, щелкните его мышью на панели. На изображении ниже выбран слой 1, а фоновый слой — нет.

Вставка фотографии в новый слой

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

Чтобы вставить одно изображение в другое, перейдите в документ с изображением, которое вы хотите скопировать, и убедитесь, что выбран слой, содержащий изображение (если есть только один слой, это будет фоновый слой). Щелкните Select> All или нажмите CTRL + A (COMMAND + A на Mac), чтобы выделить все изображение.

Скопируйте изображение, перейдя в Файл> Копировать или набрав CTRL + C (COMMAND + C на Mac).

Перейдите во второй файл, куда вы хотите вставить изображение, и нажмите Правка> Вставить или введите CTRL + V (COMMAND + V на Mac).

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

Вы также можете вставить часть изображения в новый слой. Для этого используйте один из инструментов выделения (Marquee Tools, Magic Wand Tool или Lasso Tools), чтобы выделить часть вашего изображения.

Изучите другие инструменты Photoshop

Убедитесь, что фоновый слой (или слой, содержащий ваше изображение) выбран на панели «Слои».Затем щелкните правой кнопкой мыши свое изображение (CTRL + щелкните на Mac). В появившемся меню выберите Layer Via Copy .

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

Удаление слоя в Photoshop

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

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

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

Узнайте, как удалить или заменить фон изображения с помощью инструмента Magic Wand Tool

Дублирование слоя

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

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

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

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

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

Слои блокировки и разблокировки

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

Чтобы разблокировать фоновый слой, дважды щелкните его на панели «Слои». Появится окно New Layer, на этот раз с именем Layer, установленным на Layer 0. Нажмите OK .

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

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

Чтобы разблокировать слой, щелкните значок замка еще раз.

Использование слоев в Photoshop: советы по организации

Как только вы начнете по-настоящему использовать слои в Photoshop, вам понадобятся некоторые приемы, чтобы упорядочить их и редактировать вместе (или по отдельности).

В этом уроке Photoshop Layers мы рассмотрим:

Именование слоев

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

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

Замените существующее имя слоя, введя новое имя слоя.

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

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

Кодирование слоев с цветом

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

Чтобы применить цветовой код к слою, выберите слой, который вы хотите пометить, и щелкните правой кнопкой мыши (CTRL + щелчок на Mac). Появится раскрывающееся меню с выбором цвета внизу.Щелкните цветовой код, который хотите применить к слою.

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

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

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

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

Чтобы связать слои, выберите все слои, которые нужно связать вместе. Если слои расположены рядом друг с другом на панели «Слои», удерживайте нажатой клавишу SHIFT, чтобы выбрать несколько слоев одновременно. Если слои, которые вы хотите связать, не расположены рядом друг с другом, выберите первый слой, а затем CTRL + щелкните (COMMAND + щелкните на Mac) по другим слоям, которые вы хотите выбрать.

Выбрав слои, щелкните значок ссылки внизу панели «Слои».

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

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

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

Создание групп слоев

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

Управление цифровыми активами 101: как организовать файлы фотографий продукта

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

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

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

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

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

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

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

Сглаживание слоев

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

Чтобы сделать слои более плоскими, выберите Flatten Image в меню панели «Слои».

Ваши отдельные слои исчезнут на панели «Слои», заменены одним слоем с именем «Фон».

Объединение слоев

Объединение слоев объединяет только указанные вами слои в один слой, оставляя остальные слои нетронутыми. Чтобы объединить несколько слоев в один, выберите слои, которые вы хотите объединить. Используйте SHIFT + щелчок, чтобы выбрать слои рядом друг с другом, или CTRL + щелчок (COMMAND + щелчок на Mac), чтобы выбрать слои, которые не находятся рядом друг с другом.

В меню панели «Слои» выберите « Объединить слои » или введите CTRL + E (COMMAND + E на Mac).

В этом меню вы также можете выбрать Merge Visible , который объединяет все видимые слои вместе (независимо от выбранных вами слоев) и оставляет невидимые слои нетронутыми.

Слои для штамповки

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

Сначала выберите слои, на которые нужно нанести печать, и введите CTRL + A + E (КОМАНДА + OPTION + E на Mac).

Новый слой с комбинированным содержимым появится над выбранными вами слоями. Это ваш новый слой со штампом.

Вы также можете создать слой со штампом из всех видимых слоев. Для этого убедитесь, что все слои, на которые вы хотите нанести печать, видны. Затем введите SHIFT + CTRL + A + E (SHIFT + COMMAND + OPTION + E на Mac). Появится новый отмеченный слой со всем вашим видимым содержимым.

Как настроить прозрачность и стиль слоя в Photoshop?

Регулировка непрозрачности слоя

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

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

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

При Непрозрачность на панели «Слои» можно настроить Layer Fill . Заливка немного отличается от непрозрачности тем, что влияет на прозрачность содержимого слоя, не влияя на непрозрачность стилей слоя. Регулировка заливки слоя будет иметь тот же эффект, что и регулировка непрозрачности слоя, если вы не применили какие-либо стили слоя.

Изменение режимов наложения слоев

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

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

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

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

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

(Это раскрывающееся меню также позволяет настроить различные режимы наложения слоя с помощью параметров наложения.)

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

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

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

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

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

Дальнейшее изучение: различные типы слоев в Photoshop

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

Ниже, в этом руководстве по слоям, мы быстро рассмотрим:

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

Adjustment Layers позволяет вам создавать настройки изображения, такие как Hue / Saturation или Exposure, и применять их к слоям без фактического изменения самого слоя.

На приведенном ниже снимке экрана показано то же изображение с корректирующим слоем оттенка / насыщенности, вставленным над первым слоем.

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

Маски слоя

Маски слоя

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

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

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

Слои заливки

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

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

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

Бекки Килимник

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

Работа со слоями в Photoshop: руководство для начинающих

Слои — мощный инструмент в Photoshop и одно из основных преимуществ этой программы по сравнению с Lightroom.

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

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

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

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

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

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

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

Загрузите шпаргалку по слоям PDF

Теперь перейдем к руководству! Если вы предпочитаете смотреть или читать, я расскажу вам ниже.

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

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

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

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

Если по какой-либо причине палитра слоев не отображается, просто перейдите в верхнее меню и нажмите Windows> Слои или нажмите F7 на клавиатуре.

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

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

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

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

Спуститесь в нижнюю часть палитры слоев и щелкните значок «Добавить корректирующий слой» (как показано на скриншоте ниже) и добавьте новый корректирующий слой «Черно-белый».

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

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

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

Слои подобны стеклу

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

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

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

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

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

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

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

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

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

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

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

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

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

[cboxarea id = ”cbox-7fsz7Q6rf38cujKU”]

Взаимодействие со слоями

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

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

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

Просто введите желаемое имя (для этого слоя я переименую его в «Черный оверлей») и нажмите Enter.

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

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

Чтобы добавить слои в новую группу: сначала выберите все слои, которые вы хотите в этой группе, с помощью CMD + щелкнув по ним в палитре. Затем щелкните значок «Создать новую группу» в нижней части палитры.

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

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

Перемещение слоев

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

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

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

Преобразование слоя

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

Выбрав черный оверлейный слой, нажмите CMD + T, чтобы активировать инструмент преобразования. Теперь у инструмента преобразования есть несколько расширенных функций, о которых я расскажу в другом уроке … но его основная функция — просто растянуть или сузить ваш слой по длине и / или ширине.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Не забудьте … загрузить пакет Layers Practice Pack

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

➡️ Три загружаемых видеоурока по слоям, маскам и инструменту «Кисть» (плюс забавный бонусный урок), которые вы можете просматривать в любое удобное для вас время.

➡️ Необработанные файлы, чтобы вы могли практиковаться одновременно с видео … потому что легче понять концепцию, когда вы на самом деле делаете это самостоятельно, а не наблюдаете, как кто-то делает это за вас.

➡️ Руководство в формате PDF для печати и загрузки, дополняющее видеоуроки.

Photoshop СЛОИ Учебное пособие

Слои в Photoshop

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

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

Мы можем добавить или удалить их в любое время, когда захотим.

Шаг 1) Невидимый слой

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

Позвольте мне растянуть панель слоев.

По умолчанию вы можете видеть фоновый слой.

Шаг 2) UnLock Layer

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

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

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

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

Все это указывает на прозрачный фон. Вы можете настроить его в настройках.

Теперь давайте посмотрим еще один вариант разблокировки слоя.

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

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

Шаг 3) Создан новый слой

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

Шаг 4) Отключить слой с символом глаза

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

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

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

Шаг 5) Layer Mask

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

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

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

Шаг 6) Скрыть часть изображения с помощью Layer Mask

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

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

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

Если я нажму клавишу Shift и щелкну по этой маске слоя, маска будет отключена, и она покажет все на этом слое. это означает, что я ничего не удалил.

Итак, это была основная концепция маски слоя Photoshop.

Шаг 7) Режимы наложения

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

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

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

Это были все основные концепции системы слоев в Photoshop.

Мы можем добавлять разные вещи в панель слоев, будь то текст, изображения, фигуры, или в последней версии Photoshop, мы можем добавить даже 3D-модель в панель слоев и работать с ней.

Работа со слоями — документация по Tiled 1.4.2

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

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

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

Типы слоев

Слои плитки

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

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

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

Слои объектов

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

  • Прямоугольник — для разметки нестандартных прямоугольных областей
  • Ellipse — для разметки нестандартных эллиптических или круглых областей
  • Точка — для обозначения точных местоположений (начиная с Tiled 1.1)
  • Многоугольник — когда прямоугольник или эллипс не разрезают его (часто зона столкновения)
  • Полилиния — это может быть путь, по которому нужно следовать, или стена, с которой нужно столкнуться,
  • Плитка — для свободного размещения, масштабирования и поворота плитки графика
  • Текст — для пользовательского текста или заметок (начиная с Tiled 1. 0)

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

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

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

Слои изображения

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

Единственное преимущество использования слоя изображения состоит в том, что он избегает выбора / перетаскивание изображения при использовании инструмента «Выбрать объекты». Однако, поскольку Tiled 1.1 этого также можно достичь, заблокировав объектный слой, содержащий плитку. объект, с которым вы не хотели бы взаимодействовать.

Начиная с Tiled 1.0

Групповые слои

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

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

Слои можно легко перетаскивать в группы и из них с помощью мыши. В Действия «Поднять слой» / «Нижний слой» также позволяют перемещать слои внутрь и из группы.

Новое в Tiled 1.4

Слои тонировки

Когда вы устанавливаете свойство Tint Color слоя, это влияет на способ изображения оказываются.Сюда входят плитки, объекты плитки и изображение Слой изображения.

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

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

Цвет оттенка также можно установить на групповом слое в в этом случае он наследуется всеми слоями в группе.

Будущие расширения

Есть много способов сделать слои более мощными:

  • Возможность блокировки отдельных объектов (# 828).
  • Перемещение определенных глобальных свойств карты на слой листов (# 149). Это было бы полезно, если на одной карте можно разместить слои разного размера а может быть, даже разной направленности.

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

Работа со слоями в GIMP

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

Начиная с примера

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

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

Порядок и видимость слоев

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


Н.B. Если вы не видите открытое окно «слои», перейдите в «Окна»> «Прикрепляемые диалоги»> «Слои».

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

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

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

От цвета до прозрачности

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

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

В окне «От цвета к альфа-каналу» выберите цвет, который будет считаться прозрачным. Он не обязательно должен быть белым, он может быть любого цвета.Чтобы выбрать, щелкните прямоугольник между «From:» и «to alpha». В окне предварительного просмотра вы можете проверить, получили ли вы желаемый результат. Нажмите ОК, чтобы применить прозрачность. Вы заметите, что белый цвет на Графике B стал прозрачным, что позволяет видеть линии на обоих графиках одновременно!

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

Изменение цвета

Теперь, когда мы видим оба графика, было бы неплохо поработать с цветом. Если мы изменим цвет линий Графика B, это упростит различение между A и B. Для этого выберите слой и перейдите в Colors> Hue-Saturation. В открывшемся окне измените значение «Hue» (вы можете выбрать угол от 0 до 360 на хроматическом диске). Установив флажок «Предварительный просмотр», вы сможете сразу увидеть изменения. После выбора желаемого цвета нажмите «ОК».

Слой глобальной прозрачности

Теперь к более тонким деталям: как сделать так, чтобы оба набора кривых выглядели более интегрированными? Обратите внимание, что там, где кривые перекрываются, розовые кривые из Графика B находятся над синими из Графика A. Мы можем немного уменьшить непрозрачность Графика B, чтобы сделать его немного более прозрачным. Для этого выберите слой и установите уровень непрозрачности примерно до 70%.

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

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

Изображение готово к экспорту и использованию в вашей статье и / или презентации!

Работа со слоями — Руководство пользователя Lumberyard

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

Слои

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

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

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

Для создания слоя

  1. В редакторе Lumberyard выберите Инструменты , Entity Outliner .

  2. В Entity Outliner щелкните правой кнопкой мыши и выберите Создать слой .

  3. Выбрав слой в Entity Outliner , вы можете изменить его свойства в Entity Inspector .

    Свойства слоя Описание
    Имя

    Имя слоя.

    Если вы переименуете слой, при следующем сохранении уровня будет создан новый слой.

    Статус

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

    • Старт активен — Слой активен, когда уровень начинается.

    • Начало неактивно — Слой неактивен при запуске уровня. Переопределяет свойство статуса объектов содержится в слой.

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

    Цвет

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

    По умолчанию: серый

    Сохранить как двоичное

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

Изменение слоя

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

Для отображения контекстного меню слоя

  1. В Entity Outliner щелкните слой правой кнопкой мыши.

  2. В контекстном меню вы можете сделать следующее.

    Действия, выделенные желтым цветом, влияют на выбранный слой. Остальные варианты стандартные. действия контекстного меню, не влияющие на выбранный слой.

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

    Контекстное меню уровня Описание

    Создать дочернюю сущность

    Добавляет объект в слой в качестве прямого потомка.

    Сохранить слой

    Сохраняет выбранный слой.

    Назначить слою

    Перемещает выделение и делает его дочерним по отношению к новому или выбранному слою.

    Дубликат

    Создает копию слоя и его содержимого.

    Удалить

    Удаляет слой (и его содержимое) из сцены.

    Open pinned Inspector

    Открывает копию Entity Inspector , которая привязана к свойствам слоя.

    Переименовать

    Переименовывает слой.

    Двигаться вверх и Двигаться вниз

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

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

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

Иерархия слоев

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

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

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

Добавление объектов на слой

Слои могут содержать автономные (не срезы) сущности и срезы.

Чтобы добавить объект на слой

Сохранение слоя

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

слоев Lumberyard сохраняются как файлы .layer в каталоге имя_уровня / Layers .Имя файла слоя сохраняется как имя_слоя . Слой . Если слой вложен в другой слой, то имя родительского слоя добавляется к началу. к имени файла слоя.

Когда слой содержит несохраненные изменения, рядом с именем слоя появляется звездочка (*). После сохранения уровня или слоя звездочка удаляется.

Имена слоев на одном уровне иерархии должны быть уникальными. Слои в одной иерархии уровень с повторяющимися именами отображает предупреждение (! ) и не может быть сохранен, пока вы переименуйте их.

Для сохранения вашего уровня и всех слоев

Для сохранения только определенных слоев

  1. Выберите слой, который вы хотите сохранить, или нажмите CTRL и затем выберите несколько слоев.

  2. В Entity Outliner щелкните выделение правой кнопкой мыши и выберите Сохранить .

Восстановление слоя

Если вы удалите слой с уровня в Lumberyard Editor, вы можете повторно импортировать его.

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

  1. Используя файловый браузер, скопируйте на рабочий стол файл слоя, который вы хотите восстановить, например имя_уровня \ слой \ имя_уровня . слой .

  2. В Lumberyard Editor создайте новый слой на своем уровне и введите то же имя, что и удаленный слой.

  3. Сохраните уровень и закройте Lumberyard Editor.

  4. Скопируйте файл слоя со своего рабочего стола в каталог слоев Lumberyard, например имя_уровня / слои .

  5. Переименуйте скопированный файл слоя в соответствии со слоем, созданным в Lumberyard, и замените его. Редактор.

  6. Снова открыть уровень. Вновь созданный слой теперь ссылается на информацию о восстановленном слое.

Компоненты для отдельных слоев

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

Любой данный компонент может появиться только в одном контекстном меню.По умолчанию Lumberyard имеет контексты Game , System и Layer для компоненты.

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

Для изменения компонента «Комментарий»

  1. В текстовом редакторе откройте компонент EditorCommentComponent.cpp файл.

  2. Измените атрибут AZ_CRC на Уровень и удалите значение CRC.

  3. Сохраните файл.

  4. В Lumberyard Editor добавьте к слою компонент Comment .

.

Leave a Reply

Ваш адрес email не будет опубликован. Обязательные поля помечены *