6. Слои / Layer Photoshop
Слои в Photoshop напоминают стопку прозрачных листов. Через прозрачные области вышележащих слоев
видеть содержимое нижних слоев. Можно перемещать слой для изменения положения изображения
перемещению прозрачного листа в стопке. Также можно изменять уровень непрозрачности слоя, чтобы
содержимое частично прозрачным.
8. Для создания нового слоя, необходимо нажать на кнопку Create a
New Layer (Создать новый слой). Слой всегда будет создаваться над
над тем, который в настоящий момент активен, то есть подсвечен
в палитре Layers (Слои).
При помощи палитры, отвечающей за работу со слоями. Она так и называется Layers (Слои)
и запускается горячей клавишей F7, которую лучше раз и навсегда запомнить. Если же
с горячими клавишами вы по какойто причине не дружите, то найти палитру можно по адресу
Window – Layers (Окно – Слои).Рядом с иконкой глазика вы видите как раз то, о чем идет
речь — слой. Здесь он всего один и носит стандартное название Background (Фон).
Чтобы создать новый слой, нажмите комбинацию клавиш Shift+Ctrl+N.
Это вызовет диалоговое окно, в котором Вы можете назвать слой и
установить некоторые другие параметры:
Чтобы создать новый слой сразу, минуя появление диалогового окна,
нажмите Shift+Ctrl+Alt+N, в этом случае Photoshop задаст имя слоя
автоматически
СОЗДАТЬ НОВЫЙ СЛОЙ - CREATE A NEW LAYER
9. Удаление слоя
Сначала делаем активным слой, который нужно удалить и
вызываем меню.
Выбираем команду Удалить слой.
Удалить слой можно и другим способом: простым
перетаскиванием в корзину.
Для обработки изображений лучше работать с
дубликатом слоя, оставляя исходный слой
нетронутым. Если в вашей работе что-то пойдёт не
так, вы быстро сможете восстановить изображение из
исходного слоя. Создать дубликат слоя можно,
нажав Ctrl+J.
ДУБЛИКАТОМ СЛОЯ - CTRL+J.
10. Существует еще один способ создания нового слоя.
В правом верхнем углу палитры есть кнопка,
открывающая ее меню. Самой первой строкой
меню идет команда New Layer (Новый слой).
Как скопировать слой Предположим, вам
требуется копия уже существующего
слоя. Такое в практике Photoshop
бывает часто. Просто перетяните нужный
слой на кнопку Create A New Layer
(Новый слой).
11. А Варианты поиска и выбора по фотошопу
B Lock (Замóк) - частичная блокировка слоя Когда вы проделали определённую работу со
слоем и не хотите её случайно испортить рекомендуется частично заблокировать слой,
C Переключатель отображения слоя
Здесь всё просто: если глаз есть, то слой видимый. Для отключения видимости слоя кликаем
для включения - кликаем на квадратик, где должен быть глаз.
Empty(Пустой) в списке рядом. Все слои, оставшиеся в палитре — пустые, поэтому их можно
удалять.
А
В
С
Layer Слои
D Слой векторной фигуры
так выглядит слой фигуры,
получаемый автоматически при
использовании
соответствующего инструмента.
В фотошопе эти эффекты
называются стилем слоя. Стили
слоя можно копировать и
применять к другим слоям,
используя контекстное меню:
выделите исходный слой со
стилями, нажмите правую кнопку
и выберите Copy Layer Style,
затем выделите слой к которому
надо применить скопированные
стили и в контекстном меню
выберите Paste Layer Style. Если
нужно удалить стили слоя,
выбирайте Delete Layer Style.
D
12. Создавать или редактировать изображение в Photoshop можно только в том
слое, который на данный момент активный.
Определить, какой слой активный, можно в палитре Layers (Слои) - его строка
выделена. Чтобы сделать активным другой слой нужно просто щелкнуть на нем
мышкой в палитре Layers (Слои). Некоторые действия можно выполнять
одновременно в нескольких слоях, например, изменение размера фрагмента
изображения. Для этого выделяются сразу несколько слоев (используйте
клавиши Ctrl или Shift).
ЧТО ТАКОЕ АКТИВНЫЙ СЛОЙ?
13. Blend mode (Режим наложения)
В НОВЫХ ВЕРСИЯХ 2020
Предварительный просмотр режима наложения в
реальном времени. Теперь можно прокручивать
разные варианты режима наложения, чтобы посмотреть,
как они смотрятся на изображении. Photoshop в реальном
времени показывает предварительный просмотр режимов
наложения на холсте, при прокручивании разных
вариантов режима наложения на панели
Слои и в диалоговом окне Стиль слоя.
Когда мы устанавливаем режим смешивания,
то слой, которому изменили режим, начинает
взаимодействовать с нижестоящим.
14. Создаем над картинкой белый и
чёрный слой и изменяем режимы
наложения с «Обычный»/Normal на
«Перекрытие»/Overlay, и видим как
картинка осветлится/затемнится.
Использовать и другие режимы.
Практикум 1 Blend mode (Режим наложения)
В процессе работы создать 2 папки:
В 1 поместить скриншоты последовательной
работы
В 2 готовую работу сохраненную в jpeg.
Изображения 1-5
15. БЛОКИРОВКА СЛОЕВ
В панели слоев имеется несколько
различных способов блокировки
панели слоев чуть ниже опции Blend
mode (Режим наложения) расположено
четыре значка блокировки.
Слева направо:
•Lock transparent pixels (защита
прозрачных пикселей). Если
назначить слою такую блокировку, вы
не сможете ничего нарисовать на тех
его участках, где изначально пикселы
были прозрачны.
•Lock image pixel (сохранение
цвета пикселей); В данном случае
вы блокируете только работу
инструментов рисования и ретуши.
Но у вас сохраняется возможность
трансформации и перемещения
графики слоя
•Lock position (запрет на
перемещение слоев); А тут все
наоборот. Рисовать на слое можно, а
вот перемещать
и трансформировать — нет.
•Lock all (полная блокировка
слоя);
Ещё один пример взаимодействия слоёв —
изменение непрозрачности верхнего слоя.
Расположите над первым слоем второй — хорошо,
если картинки будут различными.
Сдвигая «Непрозрачность»/Opacity
верхнего слоя в меньшую сторону, вы сделаете
изображение прозрачнее и увидите наложение
одной картинки на другую.
Fill – плотность заливки.
16. Практикум 2 «Непрозрачность»/Opacity
Изменить непрозрачности верхнего слоя
Расположите над первым слоем второй, активируйте верхний слой и
сдвигая «Непрозрачность»/Opacity верхнего слоя в меньшую сторону, вы сделаете изображение
прозрачнее и увидите наложение одной картинки на другую.
Изображения
6-17
17. ОСНОВНЫЕ ОПЕРАЦИИ:
создание, копирование, группирование,
отключение и удаление.
Create a New Layer (Создать новый слой).
Удалить слой
Самый быстрый способ — воспользоваться клавишей Delete на клавиатуре
предварительно щелкнув мышкой по нужному слою в палитре. Но если
быстрые способы вам не нравятся, то есть еще кнопочка Delete Layer (Удал
слой). Кстати, попробуйте мышкой перетянуть слой на нее. Это приведет
к такому же результату
Группировка слоев чаще всего нужна при создании дизайн-макетов веб-
страниц или листовок где есть 2 или 3 слоя. Для этого необходимо выделить
нужные слои в палитре, удерживая нажатой клавишу Shift, если слои идут
подряд, или Ctrl, если они перемежаются другими слоями. А затем нажать на
кнопку Create A New Group (Создать новую группу).
Самая первая кнопка Link (Связать) позволяет прикрепить один слой к другому, благодаря
чему они будут перемещаться и трансформироваться, как единое целое. Для того, чтобы
создать такую связь, необходимо сначала выделить нужные слои, а затем щелкнуть по
указанной кнопочке. Для того, чтобы отменить — опять же нажать на кнопку Link (Связать).
Создать новую заливку или
регулируемый слой
Добавить стили слоя
Добавить векторную маску
18. Prevent Auto-Nesting Into and Out of Artboards
(Предотвращение автоматического вложения
область и из нее). В последних версиях Photoshop
существует возможность добавлять в документ
области. Иными словами странички документа. Так вот
кнопка блокирует возможность вложения слоя
область, если вы применяете настройку
к слою, и запрещает монтажной области принимать
дополнительные слои, если применяете данную
к ней.
Lock All (Заблокировать все/замок ). В данном случае
со слоем нельзя будет сделать ничего. Эта команда
его от любых вторжений.
Кнопка Link (Связать) позволяет прикрепить
один слой к другому, благодаря чему они
будут перемещаться и трансформироваться,
как единое целое. Для того, чтобы создать
такую связь, необходимо сначала выделить
нужные слои, а затем щелкнуть по указанной
кнопочке. Для того, чтобы отменить — опять
же нажать на кнопку Link (Связать).
Link (Связать)
Lock All (Заблокировать все/замок )
19. Значок Add a Layer Style (Добавить стиль слоя)
Очень полезная кнопочка для web-дизайнеров и художников
оформителей. Позволяет добавлять различные эффекты (стили) к слоям и
их элементам. Можно добавить тени, блеск, фактуру, контур и т.п. С
помощью таких эффектов делают объёмные блестящие буквы и фигуры,
логотипы и прочую рекламную продукцию..
Стили слоя придают слоям
различные эффекты, это и тень,
обводка, внутреннее и внешнее
свечения и много разных и
интересных эффектов. Кликнув по
данному значку, откроется список
стилей на выбор. А дальше уже все
зависит от вашей фантазии.
Add a layer style (добавить стиль слоя).
20. Когда вы щелкните правой кнопкой
мыши маску, вы получите список
параметров. Только первые три из
них нас интересуют:
1.Disable Layer Mask - отключает
эффекты маски, чтобы вы могли
видеть исходное изображение. Вы
можете включить его в любое время.
2.Удалить Layer Mask - полностью
удаляет маску, оставляя исходное
изображение незатронутым.
3.Apply Layer Mask - объединяет
эффекты маски с изображением.
Маска затем удаляется, и оригинал
постоянно изменяется.
Layer Mask (Добавить слой-маску)
В Photoshop слой-маска имеет важное значение для большей части работы. Я не буду вдаваться в конкретные
подробности. Перед тем как добавить к слою маску, убедитесь, что выбран нужный слой. А затем нажмите на значок,
расположенный в нижней части панели слоев Layer Mask (Добавить слой-маску).
Перед добавлением маски необходимо выделить на фотографии зону, которую следует залить цветом, а потом нажать на
эту кнопочку и выбрать цвет заливки.
21. Levels (Уровни) - для корректировки баланса белого,
цветопередачи, полутонов и теней;
Curves (Кривые) - то же что и регулировка уровней,
только в виде графика.
Color balance - просто корректировка баланса
белого;
Brightness ⁄ Contrast - настройка яркости и контраста
фотографии;
Black & White - превращает цветную фотографию или
её часть в монохромную, в простейшем случае - в
чёрно-белую;
Hue ⁄ Saturation- регулировка насыщенности и
тональности фотографии или её части;
Selective colors - регулировка насыщенности по
цветовым каналам, полезный инструмент, если вы
хотите изменить тональность вашей фотографии в
цветовой модели CYMK...
Создать новую заливку или
регулируемый слой
22. Create A New Group (Создать
новую группу)
Как сгруппировать слои
Группировка слоев чаще всего нужна при создании
дизайн-макетов веб-страниц или листовок. Допустим,
вы нарисовали кнопку, она состоит из двух или более
слоев. Кнопку нужно постоянно перемещать по
макету, поэтому удобнее было бы собрать все
элементы воедино, но сохранив при этом
независимость каждого из них, чтобы была
возможность внести корректировки. Для этого
необходимо выделить нужные слои в палитре,
удерживая нажатой клавишу Shift, если слои идут
подряд, или Ctrl, если они перемежаются другими
слоями.
А затем нажать на кнопку Create A New Group
(Создать новую группу). Как только вы это сделаете,
слои, добавленные в группу, спрячутся под ее
названием. Увидеть их можно будет, если щелкнуть
один раз по стрелочке слева от группы.
23. Практикум 3
Коллаж – порядок в слоях
Создайте мини коллаж на выбор:
-Фотографии
-Заливка фигур
1.При создании у вас должны быть
группы по категориям
2.Название слоев и групп
3.Определенные слои должны
иметь цвет выделения слоя
При ходе работы создавайте папку:
- со скриншотами
- С готовыми работами
- С PSD файл
24. Существуют типы слоев:
1. Пиксельные слои. С ними вы уже хорошо знакомы. Это обычный слой, содержащий графику. Такому
при определенных условиях доступно большинство команд. Найти их можно нажав на кнопочку Filter
For Pixel Layers (Фильтр пиксельных слоев).
2. Корректирующие слои. Это вспомогательные слои, позволяющие преобразить внешний вид
изображения, не влияя на его пикселы напрямую. Корректирующие слои идеальны для экспериментов
и тонкой настройки цвета, яркости и насыщения без внесения необратимых изменений в оригинальное
изображение.
3. Текстовые слои. Данный слой содержит текст, доступный для редактирования
4. Векторные слои. О векторной графике вам, скорее всего, уже кое-что известно. Так вот Photoshop дает
возможность по необходимости использовать векторные принципы создания и редактирования
графики. Это бывает удобно при добавлении объектов с четкими контурами, размер которых придется
периодически менять.
5. Смарт-слои. Специальный тип слоя, называемый смарт-объект, содержит один слой содержимого или
более. Можно трансформировать (масштабировать, наклонить или перерисовывать) смарт-объект, не
изменяя напрямую пикселы изображения. Кроме того, можно редактировать смарт-объект как
отдельное изображение даже после вставки его в изображение Photoshop. Смарт-объекты также могут
содержать эффекты смарт-фильтров, которые позволяют применять фильтры к изображениям, не
нарушая их. Это позволяет в дальнейшем изменить интенсивность фильтра или удалить его.
26. Практикум 3
Коллаж
Создайте мини
коллаж
Слияние 2
животных. Каких
животных , ваша
фантазия.
Придерживаемся
группировки,
порядка в слоях ,
сохраняем
скриншоты и
итоговую работу.
Сток
https://burst.shopify.com/animal?
page=2
27. Команда Panel Options (Настройки палитры).
Она вызывает на экран окошко, где можно
настроить внешний вид палитры так, как это
удобно именно вам.
Раздел Thumbnail Size (Размер эскиза) позволяет
выбрать размер миниатюры слоя. При желании
можно вовсе отказаться от его графического
представления, остановившись на варианте
None (Нет).
28. Для выполнения данной
операции используются команды
меню палитры
Layers (Слои):
• Merge Layers (Соединить
слои) — соединяет слои,
выделенные в палитре на данный
момент.
• Merge Visible (Соединить
отображаемые) — соединяет
слои, которые в данный момент
отображены в документе.
• Flatten Image (Выполнить
сведение) — соединяет все слои
документа в один фоновый слой.
ОБЪЕДИНЕНИЕ СЛОЕВ Сведение слоев
Когда работа над дизайн-макетом подходит к концу,
имеет смысл оптимизировать документ. А именно
избавиться от лишних слоев путем их удаления или,
так называемого, сведения. Свести можно несколько
слоев, а можно все одновременно.
29. Практикум 4
В уже открытом документе создайте 2 новых
слоя. На одном их них создайте при помощи
инструментов выделения и заливки круг, а на
другом квадрат. Пусть фигуры будут контрастных
цветов. Как поменять слои местами Зацепите
мышкой слой и перетяните его в палитре на
нужную позицию. Потренируйтесь на файле,
который вы создали для выполнения заданий.
Расположите слои таким образом, чтобы круг
оказался над квадратом, а затем спрячьте обе
фигуры за слой с фотографией. Как временно
отключить отображение слоя Слева от эскизов
слоев в палитре расположена иконка с глазиком.
Щелкните по ней, чтобы отключить отображение
слоя. Щелкните еще разок, чтобы вернуть
графику на место. А теперь попробуйте
щелкнуть по одной из иконок, удерживая Alt, о
результате обязательно расскажите.
30. Практикум 5
Для тренировки выполним не сложную, но довольно
кропотливую работу. Вместе с уроком вам
предоставляются изображения .
Ваша задача при помощи инструментов выделения,
уже известных вам на сегодняшний день, перенести
все предметы с картинок на изображение «Фон». Это
первая часть задания.
Затем необходимо будет составить из предметов
фигурки или орнаменты. Преподавателю нужно будет
обязательно сдать файл в формате .psd, чтобы он
имел возможность проверить структуру вашего
документа, то есть убедиться, что вы аккуратно
обращаетесь с деталями коллажа. А именно: все слои
должны быть понятно названы, желательно
применять группирование слоев и не допускать
появления в документе пустых.
Выполняем скриншоты промежутков работы
И сохраняем готовые изображения
Изображения
Фон 18-22
Фрукты 23-36
31. Практикум 6
Создайте подобный коллаж
Фон – градиентная заливка
Изображение человека и
предмета.
Подбор картинок на вашу
фантазию.
