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

Содержание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

Что такое слой и как его создать в Фотошопе

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

Если ваши знания о слоях представляют собой миску с винегретом - то этот материал специально для вас!

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


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

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

- Мы покрываем стены слоем краски.

- Атмосфера Земли состоит из нескольких слоев.

- Бутерброд с толстым слоем шоколада...

Теперь чтобы наглядно увидеть «

слой» в Photoshop нужно сначала научиться его создавать.

Создайте новый документ (Файл - Создать, File - New):

Создаем новое изображение с размером 300 x 300 px (Photoshop CS5).

1-й способ создать слой:

Через главное меню Layer - New - Layer (Слои - Новый - Слой).

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

Окно создания нового слоя (Photoshop CS3).

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

2-й способ создать слой:

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

В этом окне справа вы найдете маленькую стрелку, которая переведет вас в меню, где вы сможете выбрать команду New Layer (Новый слой).

После чего ждите появление уже знакомого вам окна.

Создаем новый слой через подменю панели слоев (Photoshop CS3).

3-й способ создать слой:

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

Окошко в этом случае не появится, но если вы хотите задать слою имя, то кликните дважды на слове Layer 1 (Слой 1).

Переименовываем слой в панели слоев (Photoshop CS3).

4-й способ создать слой:

Используйте комбинацию клавиш Shift+Ctrl+N.

Итак, в окне работы со слоями появился квадрат с шахматной доской - это и есть новый слой.

Созданный новый слой «Layer 1» (Photoshop CS3).

Шахматка означает прозрачность.

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

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

Белый лист бумаги и обычный прозрачный файл.

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


Начинаем рисовать «человечка»

Я нарисовала круг, на самом деле это не просто круг - это голова будущего человечка.

Посмотрим, что у нас получилось?

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

Итак, мы нарисовали круг на отдельном прозрачном слое, что доказывает вид круга в панели слоев (круг на шахматке). На документе фон за кругом - белый, потому что просвечивает белый слой Background (Фон).

Примечание:

- этот значок, слева от иконки со слоем, показывает нам то, что слой видимый

- этот значок, показывает нам то, что слой активный

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

Для наглядного примера посмотрите на следующую иллюстрацию:

Отдельное изображение головы в прозрачном файле.

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

Голова есть. Нарисуем тело с руками!

Снова создаем новый слой, а я в это время беру новый прозрачный файл.

Получаем 3 слоя на изображении (Photoshop CS3).

В Photoshop тело с руками выглядит так, а в реальности так:

Продолжаем, теперь на очереди ноги. Создаем новый слой

Получаем 4 слоя на данном изображении в Photoshop CS3

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

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

Если вы хорошо разберетесь с понятием «слой», то вскоре сможете нарисовать еще красивее чем на картинке в файлах!

А как дела в реалии?

Дорисуем мольберт!

Создаем новый слой.

Продолжаем рисовать «человечка», добавляя ему мольберт.Получаем 5 слоев на данном изображении в Photoshop CS3

А вот, как выглядит рисунок составленный из файлов.

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

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

Автор: Зинаида Лукьянова;

Источник: photoshop-master.ru



⇐ • Цвета (предыдущая страница учебника)

• Как активизировать, перемещать, скреплять и объединять слои (следующая страница учебника)


Основы 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 при помощи клавиш Ctrl+N и установив желаемое разрешение, приступим к работе. На примере ограничимся классическим набором геометрических фигур, чтобы наглядно посмотреть возможности слоёв.

Итак, берём инструмент Rectangular Marquee Tool, чтобы нарисовать на белом фоне прямоугольник. Сделав нехитрые манипуляции, заливает фигуру любым цветом. В помощь придёт Color Picker. Для примера, сделаем прямоугольник синим. Чтобы убрать контур, нажимаем комбинацию клавиш Ctrl+D.

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

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

Как меняется ситуация при наличии слоёв в Photoshop?

Вернёмся к начальному этапу, открыв документ с белым фоном. Дальше нужно обратиться к панели Layers panel. Она сразу же покажет наличие одного лишь слоя Background – «Фон». Перед пользователем откроется предварительный эскиз, в данном случае он будет выглядеть просто как чистый лист.

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

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

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

© online-photoshop.org

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

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

Здравствуйте! В прошлом уроке мы с вами начали тему слои в Фотошопе. В этом уроке мы рассмотрим операции со слоями в Фотошопе.

Перенос слоев из одного файла в другой.

У нас есть шапки и сумки, которые нужно перетащить в файл с человечком.Слои можно просто перетаскивать из одного файла в другой методом drag-and-drop.
1. Активизируйте файл Шапки.psd.
2. В палитре Layers (она теперь отображает содержимое файла Шапки.psd) щелчком мыши активизируйте слой Кепка (можно выбрать и слой Панама, предполагается, что уже жарко и все куртки мы выкинули).

3. Инструментом Move (Перемещение) можно перемещать слой в изображение к человечку или за саму кепку, или за имя слоя Кепка.


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

Для удобства выделения слоя без щелчков в палитре Layers (Слои) и для быстроты работы используйте такой прием: при активном инструменте Move (Перемещение), удерживая клавишу <Ctrl>, щелкните в изображении по пикселу желтой футболки — выделяется слой с футболкой. Щелкните по пикселу слоя Брюки — активизируется слой Брюки.
Данный способ не действует на слои с непрозрачностью Opacity менее 50%.

Выделение нескольких слоев

Возможность выделения нескольких слоев одновременно появилась с версии CS2 программы.
1. Активизируйте слой Человечек щелчком по его названию.
2. Удерживая клавишу <Ctrl>, последовательно щелкайте по названиям других слоев (кроме фонового) — слои будут присоединяться к выделенным.
3. Повторный щелчок с нажатой клавишей <Ctrl> по названию исключает слой из группы выделенных. Выделите все слои кроме фонового.

 

Преимущества выделения слоев

Совместная трансформация
Если человечка со всем его добром надо переместить, крайне неудобно двигать последовательно каждый из слоев.
1. Выделите все слои кроме фонового (<Ctrl> + щелчок по названию).
2. Активизируйте инструмент Move (Перемещение) и переместите человечка. Все выделенные слои будут перемещаться как одно целое.
Выравнивание и распределение
В нашем случае это не актуально. Но если у вас есть проект, где необходимо выровнять фото в слоях, например по левому краю или по верху, то выравнивание «на глаз»
не профессионально. Такие операции надо делать автоматически.
1. Выделите все слои кроме фонового (он закреплен и поэтому трансформации и выравниванию не подлежит).
2. Найдите в панели параметров инструмента Move (Перемещение) пиктограммы, отвечающие за выравнивание и распределение.


3. Щелкните по первой пиктограмме (выравнивание по верхней границе) — все выделенные слои переместятся к верхнему краю. Конечно, в данном случае это выглядит
нелепо. Отмените последнее действие нажатием клавиш <Ctrl>+<Z>.

 

Группировка слоев

Операция Group (Группировка) — это создание папки со слоями внутри палитры Layers. В старых версиях программы эта операция называлась Set (Набор). Данная операция удобна с точки зрения организации работы в палитре Layers.  В папке или папках помещают слои для уменьшения объема палитры Layers. Группировка может быть полезна, когда необходимо несколько слоев объединить логически в одно целое (части одного целого в нашем случае — человечек с одеждой и вещами). На содержимое слоев группировка не влияет. Группировка может быть отменена, и слои вернутся в прежнее независимое состояние.
Как выполнить группировку?
1. Выделите слои (кроме фона).
2. В меню палитры Layers выберите команду New Group from Layers (Новая группа из слоев)

Группа из выделенных слоев также создается комбинацией клавиш <Ctrl>+<G>.
3. Дайте имя группе в открывшемся диалоговом окне и выберите цвет подсветки


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


5. Откройте группу щелчком по треугольнику перед пиктограммой папки. Все слои находятся внутри папки.

 

При необходимости вы можете отменить операцию группировки. Выделите папку Человечек. В меню палитры Layers выберите команду Delete Group (Удалить группу). Появится диалоговое окно с различными предложениями.


7. Вариант Group and Contents (Удалить группу и содержимое) нам совершенно не подходит, т. к. будет удален весь человечек. Выберите вариант Group Only (Только группу) — удаляется только папка, содержимое остается.

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

Команда Link Layers (Связать слои) из меню палитры по применению аналогична команде группировки. Если ваши слои связаны между собой, то возможно выравнивание и распределение, а также совместные действия над ними. Если вы закрываете файл и сохраняете его со связями, после открытия связи сохраняются.
1. Выделите все слои, кроме фонового.
2. В нижней части палитры Layers щелкните по пиктограмме.
3. Напротив названия каждого слоя появится такая пиктограмма

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

Влияние слоев на размер файла

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

В нижней части открытого файла в строке состояния раздел Doc (Док) 1 содержит два значения: слева — объем файла с одним слоем, справа — объем файла с учетом всех слоев.

 


Команды сведения слоев

Существуют четыре команды объединения слоев.
Команда Merge Layers
Также вызывается комбинацией клавиш <Ctrl>+<E>.
1. Выделите несколько слоев.
2. Выполните команду Merge Layers (Объединить слои) из меню палитры Layers (Слои). В результате действия команды все выделенные слои объединятся в один.

Команда Merge Down
Также вызывается комбинацией клавиш <Ctrl>+<E>.
Если активный слой у вас один, то команда в меню палитры изменится на Merge Down (Объединить с предыдущим). При действии этой команды активный слой объединится с нижележащим слоем.
Команда Merge Visible
Также вызывается комбинацией клавиш <Ctrl>+<Shift>+<E>.
Команда Merge Visible (Объединить видимые) объединяет в один слой все видимые слои.
Команда Flatten Image
Команда Flatten Image (Выполнить сведение) объединяет все слои в один слой Background (Фон).
При сохранении вашей работы в файлах форматов, не поддерживающих слоевую структуру (JPEG, GIF), все слои будут сводиться в один слой Background. Форматы файлов, поддерживающие слои, — PSD, TIFF.
Фильтрация слоев
С версии Adobe Photoshop CS6 появилась удобная возможность фильтровать отображение слоев по типу, свойствам. Данная возможность реализована пиктограммами
в верхней части палитры Layers.
Установите у некоторых слоев синий цвет подсветки. Выберите в левом выпадающем списке параметр фильтрации Color (Цвет) — задается фильтрация по цвету подсветки слоев. Задав Blue (Синий) справа, вы получите отображение слоев только с синей подсветкой.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Поделиться

Твитнуть

Поделиться

Также читайте

Слои в Фотошопе [ч.1] | verovski

Я уверен, что успешность и скорость работы в Фотошопе зависит от:

  1. Умения работать со слоями
  2. Применения к слоям Маски слоя.

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

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

Что такое Слой?

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

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

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

Слой и рабочая область в Фотошопе

Слой не ограничен рабочей областью. Вы можете создать новый фаил File > New, проставить размеры 500 на 500 px и это не будет означать, что ваши слои занимают 500px. Слой в Фотошопе представляет из себя бесконечно тянущееся во все стороны рабочее пространство. Это не значит, что за рабочей областью можно поместить ещё 1 террабайт графики, но места вам точно хватит.

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

Виды слоев в Фотошопе

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

  • Обычный слой — обычный слой представляет из себя ту самую виртуальную поверхность, о которой мы говорили выше. Это растровый слой, не обремененный, никакими дополнительными возможностями. Графика в виде пикселей может на нем быть, или не быть. Обычный слой может быть простой фотографией или элементом графики.
  • Слой заливки — считаю необходимым выделить слои заливки в отдельную группу. Эти слои представляют из себя специфические настройки, позволяющие заливать задний фон цветом, градиентом или текстурой (паттернами). Заливочные слои удобны тем, что вам предоставляются панели настроек, через которые удобно вносить все изменения, настраивая слой так как вам нужно.
  • Слой цветокоррекции (ajustiments layers)  — очень специфический слой. Фактически это фильтр, который меняет цвет нижестоящих слоев. В Фотошопе существует множество цветокорректирующих слоев разных видов и мы детально разберем все из них, в следующих частях статьи.
  • Слой с текстом — текст в Фотошопе содержится на отдельных слоях. Эти слои так и называются — Text Layer. По большей части если вы знаете, как работать с текстом в Фотошопе, то вы уже разбираетесь в тестовых слоях. Хотите научиться работать с текстом? Тогда вам прямая дорога в цикл статей Работа с текстом в Фотошопе.
  • Смарт слой — наиболее продвинутое ноу хау Фотошопа последних версий. Этот слой, представляет из себя защищенный обычный слой. Защита заключается в том, что слой помещается в специальный контейнер, который запрещает видоизменять графику. Этот контейнер и называется Смарт слоем, или умным слоем. А замочек на иконке слоя как раз и означает — защитный элемент. Ну и зачем, спрашивается, нужно блокировать графику? Ведь смысл работы с графикой в том чтобы её менять.

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

  • 3D слои — ещё одно ноу хау Фотошопа, который позволяет внедрять в 2D графику реальны трехмерные модели. Все благодаря 3D слоям. Эта тема является одной и наиболее продвинутых и сложных в фотошопе. Поэтому её мы каснемся отдельно, в других статьях и уроках.

Панель слоев в Фотошопе

Если Фотошоп поддерживает множество слоев, значит в нем должны быть понятные инструменты для управления слоями. И такие инструменты, конечно же есть. Это панель Слоев Layers в Фотошопе. Если вы не можете её найти, нажмите Windows > Layers. А далее поставьте её на самое видное место и никогда не теряйте из виду.

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

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

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

Фоновый и обычный слой

Когда вы открываете фотографию в Фотошопе, у вас будет всего один слой. И этот слой по умолчанию является Фоном. Фоновый слой (background layer) является разновидностью обычного слоя. Это обычный слой, который имеет ряд особенных свойств.

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

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

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

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

Откройте Layer > New > Layer From Background. В появившемся диалоговом окне кликайте на OK. Точно так же обычный слой можно сделать фоновым Layer > New >Background from Layer.

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

Практика при работе со слоями

Как я и обещал — небольшое практическое задание. Создайте новый документ 500 на 400 px через File > New Выберите инструмет Gradient Tool и градиент от голубого к белому.

Если у вас нет такого, создайте его сами, в Редакторе градиентов: двойной клик по полоске градиента.

Создайте небольшое выделение инструментом Rectangular Marquee Tool и новый слой Layer > New > Layer 

Залейте его ведерком Paint Bucket Tool

Создайте новый слой. Выберите кисть Brush Tool и из палитры кистей  выберите кисть под названием Dune Grass. Эта кисть присутствует в стандартных коллекциях кистей Фотошопа. Водите кистью по новому слою и нарисуйте траву. Особенностью этой кисти является то, что она берет два образца цвета из панели инструментов, и на их основе создает различные цветовые вариации, поэтому, чтобы трава выглядела однородно, задайте зеленый цвет для обоих образцов.

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

Выберите новый инструмент Rounded Rectangle Tool. В настройках должен стоять режим Shape Layers. Нарисуйте солнце. Слои располагайте так, чтобы солнце находилось под травой. Для этого достаточно кликнуть по слою на панели слоев и перетянуть его вниз или вверх.

Наконец выберите инструмент Type Tool и напишите надпись.

При желании к солнцу можно добавить стиль слоя. Я добавил свечение Outer Glow. Сделать это можно выделив солнечный слой на панели слоев и выбрать Layer > Layer Style > Outer Glow.

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

Читайте следующие части этого цикла:

Скачать фаил

В этом уроке мы сделали простой файл со слоями.

Скачать PSD фаил со слоями

Автор:

Дмитрий Веровски

9 лучших приложений для наложения фотографий в 2020

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

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

Лучшие 9 полезных приложений для наложения фотографий

  1. Adobe Photoshop Mix: iOS | Android - Редактирование изображений без искажений
  2. Pixlr: iOS | Android - поддерживает редактирование изображений в Google Drive
  3. PhotoLayers: iOS | Android - отлично работает для фотомонтажа
  4. Многослойный редактор фотографий: Android - позволяет масштабировать фоновый слой
  5. PicsArt: iOS | Android - приложение для наложения кистей
  6. Canva: iOS | Android - Готовые шаблоны
  7. Snapseed: iOS | Android - работает с фотографиями в формате RAW
  8. Aviary: iOS - поддерживает несколько языков
  9. PhotoDirector: iOS | Android - отличное приложение для наложения фотографий для новичков

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

1. Adobe Photoshop Mix - наш выбор

Редактирование изображений без искажений
  • Параметр экспорта Photoshop CC
  • Удобный интерфейс
  • Редактирование изображения без искажения
  • Быстрый обмен в социальных сетях

Adobe Photoshop Mix

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

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

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

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

1/2

  • 1/2

  • 2/2


2. Pixlr

Поддерживает редактирование изображений на Google Диске
  • Поддержка слоев и масок
  • Интерфейс можно настроить
  • Поддерживает редактирование изображений на Google Диске
  • Совместимость с облаком
  • С объявлением
  • Предлагает только стандартные фильтры

пикселей

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

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

1/2

  • 1/2

  • 2/2


3.PhotoLayers

Отлично подходит для фотомонтажа
  • Автоматический и ручной инструмент
  • Объединяет до 11 изображений
  • С функцией смены цветового тона
  • Инструмент для разглаживания

ФотоСлои

Вердикт: PhotoLayers - одно из лучших фоновых приложений для фотографий, которое поддерживает слои.

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

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

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

1/2

  • 1/2

  • 2/2


4.Многослойный фоторедактор

Позволяет масштабировать фоновый слой
  • Удобный
  • Бесплатные варианты премиум-класса
  • Поддерживает масштабирование фонового слоя
  • Различные основные инструменты
  • С объявлением
  • Наносит водяные знаки на изображения

Многослойный фоторедактор

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

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

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

1/2

  • 1/2

  • 2/2


5.PicsArt

Приложение для наложения кистей
  • Предлагает различные эффекты
  • Поддержка нескольких слоев и кистей
  • Удобный интерфейс
  • Интегрируется с социальными сетями
  • Не хватает фильтров
  • Без растушевки

Фото

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

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

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

1/2

  • 1/2

  • 2/2


6.Canva

Наличие готовых шаблонов
  • Полезные инструменты для веб-дизайна
  • Простой интерфейс
  • Легко разместить в социальных сетях
  • Наличие готовых шаблонов
  • Без обрезного инструмента в стандартной версии
  • Сложная навигация для поиска фото

Canva

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

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

1/2

  • 1/2

  • 2/2


7. Snapseed

Работает с фотографиями в формате RAW
  • Разнообразные полезные инструменты
  • Возможность отмены
  • Поддержка RAW
  • Бесплатно
  • Немного лагает при загрузке картинок
  • Определенные зазоры интерфейса

Snapseed

Вердикт: Snapseed - еще одно отличное приложение для бесплатного наложения фотографий. Он отлично подходит для редактирования селфи и повседневных фотографий.Кроме того, он подходит для более глубокого редактирования изображений прямо со смартфона. Snapseed отличается поддержкой файлов RAW.

Помимо обработки слоев, приложение предлагает цветокоррекцию, обрезку, повышение резкости и т. Д. Существует множество художественных инструментов, таких как ретро-фильтры (Винтаж), псевдо-HDR (Драма), старение (Гранж) и рамки (Рамки).

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

1/2

  • 1/2

  • 2/2


8. Вольер

Поддерживает несколько языков
  • интуитивно понятный
  • Инструменты разные
  • Поддерживает несколько языков
  • Инструмент для создания мемов
  • Без функций отмены и повтора
  • Платные фильтры

Вольер

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

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

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

1/2

  • 1/2

  • 2/2


9.PhotoDirector

Отличное приложение для наложения фотографий для новичков
  • Множество встроенных эффектов
  • Интуитивно понятный интерфейс
  • Основные инструменты
  • Набор инструментов для рисования
  • Ограниченная бесплатная версия
  • Немного лагает

PhotoDirector

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

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

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

1/2

  • 1/2

  • 2/2

PhotoLayers для Android

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

Вы можете настроить размер курсора с помощью нижнего ползунка в режиме «Вручную» или «Ремонт».

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

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

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

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

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

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

Теперь территория восстановлена!

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

Нажмите «Выйти из режима экстрактора».

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

Слои Земли Изображения, стоковые фотографии и векторные изображения

В настоящее время вы используете старый браузер, и ваш опыт может быть не оптимальным. Пожалуйста, подумайте об обновлении. Учить больше. ImagesImages homeCurated collectionsPhotosVectorsOffset ImagesCategoriesAbstractAnimals / WildlifeThe ArtsBackgrounds / TexturesBeauty / FashionBuildings / LandmarksBusiness / FinanceCelebritiesEditorialEducationFood и DrinkHealthcare / MedicalHolidaysIllustrations / Clip-ArtIndustrialInteriorsMiscellaneousNatureObjectsParks / OutdoorPeopleReligionScienceSigns / SymbolsSports / RecreationTechnologyTransportationVectorsVintageAll categoriesFootageFootage homeCurated collectionsShutterstock SelectShutterstock ElementsCategoriesAnimals / WildlifeBuildings / LandmarksBackgrounds / TexturesBusiness / FinanceEducationFood и DrinkHealth CareHolidaysObjectsIndustrialArtNaturePeopleReligionScienceTechnologySigns / SymbolsSports / RecreationTransportationEditorialAll categoriesMusicMusic ГлавнаяПремиумBeatШаблоныШаблоныДомашняя страницаСоциальные медиаШаблоныFacebook ОбложкаFacebook Mobile CoverInstagram StoryTwitter BannerYouTube Channel ArtШаблоны печатиВизитная карточкаСертификатКупонFlyerПодарочный сертификатРедакцияГлавная редакцияEnterta inmentNewsRoyaltySportsToolsShutterstock EditorMobile appsPluginsImage resizerFile converterCollage makerColor schemesBlogBlog homeDesignVideoContributorNews
PremiumBeat blogEnterprisePricing

Вход

Зарегистрироваться

Меню

FiltersClear allAll изображений
  • Все изображения
  • Фото
  • Vectors
  • Иллюстрации
  • Editorial
  • Видеоматериал
  • Музыка

  • Поиск по изображению

слоев земли

Сортировать по

Самые актуальные

Свежий контент

Тип изображения

Все изображения

Фото

.

alexxlab

Добавить комментарий

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