Как закончить со слоями изображение в фотошопе. Учимся работать со слоями в фотошопе. Преобразование слоя из фона

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

Чтобы представить себе, что такое слой , стоит вспомнить глубокое детство, когда на уроках труда в 1 классе мы делали аппликации из цветной бумаги - на картонку выкладывались вырезанные фигурки, формировалась картинка, а потом все эти фигурки приклеивались клеем к картонке. Этот же принцип лежит в основе работы со слоями в GIMP. Картонка - это фон, а фигурки - это слои. Пока картинка не "склеена", слои можно как угодно передвигать, растягивать, поворачивать независимо друг от друга. Но при сохренении изображеия в формате JPEG все слои намертво "приклеиваются" к фону и если их оторвать от фона, на этом месте останется "дырка".

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

Давайте посмотрим "на одном квадратном миллиметре", как в GIMP вырезать фрагмент из одной фотографии и вклеить его в другую.

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

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

Таким образом, мы освоили базовые функции GIMP для работы со слоями - создание, перемещение и трансформация, изменение прозрачности и режима смешивания.

Книги о фотографии

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

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

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

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

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

И я вас снова всех приветствую, мои дорогие друзья и читатели! Сегодня воскресенье, начались праздники, а именно 3 дня выходных...А у меня, блин, рабочий день. Да, так получилось, что надо подменить коллегу, но зато на следующей недели я выйду не в среду, а в четверг. Так что после праздника будет еще один выходной. Но что-то меня понесло. Вы уже догадались зачем мы здесь собрались? Наверное поняли).

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

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

Панель слоёв

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

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

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

С уважением, Дмитрий Костин

ФОТОШОП для НАЧИНАЮЩИХ

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

Умения работать со слоями

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

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

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


Она состоит из 4 слоев.
***
Слева от каждого слоя находится миниатюра (иконка) картинки с изображением. Клик по миниатюре (иконке) левой кнопкой мыши с нажатым Сtrl , загружает выделение объекта.


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


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

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

***
Удалить слой можно можно тремя способами (удаляемый слой должен быть активным):

1 - кликнуть по слою правой кнопкой мыши, в появившемся окне выбрать "Удалить слой" и в открывшемся окне "Да".

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

3 - На верхней панели: Слои - Удалить - Слой.


4 - И самый простой способ УДАЛЕНИЯ АКТИВНОГО СЛОЯ - простой клик по "корзинке" внизу слоев.

***
Добавить новый слой можно так:

1 - Внизу в панели Слоев кликнуть по значку "Создать новый слой".

2 - На верхней панели: Слои - Новый - Слой.

Shift+Ctrl+N , т.е. зажав клавиши Shift и Ctrl, нажать на клавишу N.

Чтобы сделать Копию (Дубликат) слоя , нужно

1 - Кликнуть по рабочему слою правой кнопкой мыши и выбрать "Создать дубликат слоя"

2 - На верхней панели: Слои - Создать дубликат слоя.

3 - Сочетание клавиш на клавиатуре Ctrl+J , т.е. зажав клавишу Ctrl, нажать на клавишу J.

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

Точно так же меняется и Заливка слоя.

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

***
Этот слой - Фон становится заблокированным, т.е. многие операции на нем недоступны.

Вы не можете удалить его

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

Вы не можете применить к нему режим наложения.

Не сделать его частично непрозрачным.

Такое бывает и при открытии картинки в Фотошопе.
Разблокировать(снять замочек) можно так:

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


2 - Зажать "замочек" левой кнопкой мыши и перетащить в "корзину"


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

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

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

Начнем знакомство со слоями с создания Нового документа в Фотошоп ((File> New) Ctrl+N) размером 640х480 рх в режиме RGB с разрешением 72 рх/дюйм и белым фоном.

Внизу справа вы можете видеть окно «Слои» (Layers) . Если же данное окно отсутствует в рабочем пространстве, то его вызов производится нажатием на вкладку «Окно-Слои» (Window>Layers) в верхней панели установок.

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

Вы видите, что в нашей панели слоев уже присутствует один слой, заполненный белым цветом – фоновый (Background) . Создадим Новый слой (New Layer) , нажав на его иконку внизу палитры слоев. Она имеет вид листка с отогнутым краем. Нажав на нее, вы увидите, что появился еще один слой выше фонового слоя, но на рабочем экране ничего не изменилось. Так происходит потому, что Фотошоп автоматически создает Новый слой прозрачным (Transparent) .

Установите цвет переднего плана на черный ( (#000000) , нажав на клавиатуре букву «D» (цвет по умолчанию программы), или кликните по иконке цвета переднего плана (foreground) и введите числовое значение цвета в окне палитры.

Выберите инструмент «Заливка» (Paint Bucket (G) ) и нажмите им на рабочую область, чтобы заполнить документ черным цветом. Теперь посмотрите в палитру слоев, и вы увидите, что наш, до этого прозрачный новый слой, стал черным. Это произошло потому, что он был выделен, и заливка воздействовала именно на данный слой. Теперь у нас два слоя: белый и черный. Поскольку черный находится выше белого, он отображается в данный момент на экране монитора, а белый в это время - скрыт.

Измените цвет переднего плана на желтый (#f9d904) , открыв цветовую палитру и установив значение. Активируйте инструмент Горизонтальный текст (Horizontal type tool (T)) и напишите что-нибудь на холсте. Обратите внимание, что Фотошоп автоматически создал Новый текстовой слой.

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

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

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

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

Теперь встаньте на черный слой и активируйте инструмент «Ластик» (Eraser Tool (E)) размером 300 рх и 100% жесткостью.

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

Это связано с иерархией (последовательностью) слоев.

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

Теперь одна часть текста скрыта черным слоем, а другая часть осталась
видима. Сделайте клик правой кнопкой мыши по миниатюре текстового слоя и в выпадающем меню выберите «Параметры наложения» (Blending Options) . Откроется окно «Стили слоя» (Layer Style) . То же окно открывается двойным щелчком мыши по миниатюре слоя. Здесь вы можете добавлять различные эффекты вашему слою. Выберите опцию «Тень» (drop shadow) и выполните настройки, как на скриншоте внизу. Применение данного эффекта добавит изображению глубины.

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

Почему применение слоев так необходимо?
В этом мини-упражнении я покажу вам полезность использования слоев.
Создайте Новый документ (Ctrl+N) и разблокируйте фоновый слой (см. предыдущий урок). Активируем инструмент Кисть (brush tool) и рисуем что угодно на холсте.

Что произойдет, если вы захотите переместить нарисованное в другое место холста? Инструментом Перемещение (Move Tool) вам удастся передвинуть весь слой (рисунок и белый фон).

Теперь давайте вернемся в прежнее положение. Создаем Новый слой (иконка внизу палитры слоев) и опять рисуем кистью на нем.

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

Таким образом, наличие слоев в документе позволяет вам полностью контролировать работу в программе, вносить нужные изменения в любой момент времени. Это очень важно, когда приходится работать с множеством слоев в количестве 200-300. Для каждого важного изменения в изображении всегда создавайте Новый слой (Ctrl+Shift+N) .

Как упоминалось выше, название для каждого слоя является хорошей практикой в целях создания порядка в работе. Когда количество слоев растет, их удобно объединять в группы. Чтобы создать группу, выделите нужные слои (удерживая Ctrl , сделайте клик по миниатюрам слоев) и перейдите во вкладку Слои-Сгруппировать слои (Layer>Group layers) или нажмите сочетание клавиш Ctrl+G . Организация слоев не только положительная практика, но и необходимая вещь при работе с объемными сложными проектами. На скриншоте ниже представлен пример создания дизайна сайта WeGraphics . Каждая группа документа содержит по 10 и более слоев.

Представляете, как сложно было бы работать при отсутствии группировки?

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

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

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

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

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

Элементы палитры слоёв:

• 1. Фильтры для отбора в списке слоёв по признаку.
• 2. Список для выбора режима наложения слоёв.
• 3. Управление прозрачностью слоя.
• 4. Настройки слоя, позволяющие сохранять цвета либо прозрачность пикселов, закрепляет слой на определённом месте.
• 5. Управление плотностью заливки слоя.
• 6. Список рабочих слоёв. Значок «Глаз» позволяет скрыть либо проявить видимость слоя.
• 7. Пиктограммы:

	связывает слои
	стили слоёв (обводка, тень и т.д.)
	слой «Маска»
	список корректирующих слоёв
	позволяет объединить слои в группу
	создать новый слой
	удалить слой

• 8. Закладки. Здесь можно работать со списком слоёв, либо с цветовыми каналами отдельного слоя.

Что можно делать со слоями?

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

Как изменить имя слоя?

Любое изображение в Photoshop - это слой. Если вы открыли фото, то его имя и станет именем слоя. Новый слой, по умолчанию, будет назван «слой 0». В каждом последующем слое численная часть имени будет изменяться по возрастанию. Чтобы изменить название слоя, сделайте двойной щелчок непосредственно по имени, выделив его синим. Затем введите с клавиатуры новое имя. Это бывает необходимо при многослойных коллажах, ретуши и других работах, во избежании путаницы. Лучше, если имя слоя будет целевым, отражающим задачу, которую данный слой выполняет в вашей работе.

Создать новый слой в Photoshop можно с помощью клавиш Shift+Ctrl+N либо, нажав на пиктограмму в нижней панели палитры слоёв, как описано в таблице выше. Чтобы удалить слой, его нужно выделить (просто подвести курсор и одинарным кликом выбрать слой), затем нажать Delete на клавиатуре или пиктограмму в нижней части палитры слоёв.

Для обработки изображений лучше работать с дубликатом слоя, оставляя исходный слой нетронутым. Если в вашей работе что-то пойдёт не так, вы быстро сможете восстановить изображение из исходного слоя. Создать дубликат слоя можно, нажав Ctrl+J .

Скопировать слой в Photoshop или его участок можно, выделив изображение слоя любым инструментом выделения. Например, «Прямоугольная область»/Rectangle Select Tool . Затем нажать Ctrl+C (копировать) и Ctrl+V (вставить).

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

Если над картинкой создать белый или чёрный слой и изменить режим наложения с «Обычный»/Normal на «Перекрытие»/Overlay , то картинка осветлится/затемнится.

Ещё один пример взаимодействия слоёв - изменение непрозрачности верхнего слоя.

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

Чтобы в Photoshop обвести контур слоя, нужно зайти в «Параметры наложения»/Blending Options (нижняя панель в палитре слоёв).

Там выбрать пункт «Обводка»/Stroke .

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

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

Чтобы изменить размер слоя в Photoshop, достаточно установить на него курсор и нажать сочетание клавиш Ctrl+T , тем самым выделив его. Вы увидите рамку с узлами. Перетаскивая эти узлы, можно уменьшать или увеличивать слой. Чтобы не исказить изображение, трансформировать нужно, удерживая клавишу Shift . После завершения трансформации нажмите Enter . Кроме увеличения и уменьшения, предусмотрены такие трансформации, как «Искажение»/Distort и «Деформация»/Warp . Они позволяют изменить перспективу и форму изображения. Вызвать их можно после нажатия Ctrl+T , кликнув правой клавишей мыши в контекстном меню. Управление осуществляется путём перемещения узлов сетки.

Слои можно объединить в одно изображение. Чтобы объединить слои в photoshop, необходимо выделить нужные слои на палитре слоёв, удерживая Shift. Затем кликнуть правой клавишей мыши и выбрать в списке «Объединить слои»/Merge Down . Если нужно объединить все слои, то выбираем «Объединить видимые»/Merge Visible .

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

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

Существует множество методов ретуши и цветокоррекции изображений с помощью корректирующих слоёв. Сразу несколько из этих слоёв могут применяться к одному изображению. Ниже приведён пример наложения корректирующего слоя «Цветовой тон/Насыщенность»/Hue / Saturation .

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

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

Во избежание путаницы, в списке предусмотрена функция группировки слоёв. Чтобы сгруппировать слои, нужно выделить их в списке, удерживая Shift . Затем нажать сочетание клавиш Ctrl+G . Группу слоёв можно скрывать так же, как обычный слой. Для этого нажмите на изображение «Глаз» напротив группы слоёв или одного слоя. Группировку слоёв удобно использовать при составлении коллажей. Ниже приведён пример. Дети, стена, фон, дорога, тень - разные изображения, использованные для одного коллажа. Свет нарисован на отдельных слоях, собранных в одну группу.

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

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