Разработка сайтов для бизнеса. Адаптивная верстка и интеграция с CMS

Слои в фотошопе, базовые основы работы со слоями

/ Сергей Нуйкин / Теория по фотошопу

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

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

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

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

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

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

меню слои

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

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

панель слоев

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

Значение кнопочек с иконками на первой панели слоев
панель закрепить слои

  1. Сохранение прозрачных пикселей — позволяет рисовать только на той области (элементе, части рисунка), которая изображена на слое, не затрагивая прозрачные пиксели этого слоя.
  2. Сохранение цвета пикселей — блокирует работу с цветами слоя.
  3. Закрепление положения слоя — закрепляет изображение на слое, происходит фиксация позиции элементов слоя.
  4. Полное закрепление слоя —  блокирует полностью слой, не позволяет производить с ним действия.

Значения и обозначения на второй панели
инструменты слоев

  1. Связать слои — позволяет произвести связь между несколькими слоями, тем самым объединяя их (не путайте с объединением слоев в один), не дает передвигать отдельно слои объединенные связью.
  2. Добавить стиль слоя — позволяет добавлять стили к слою: тень, наложить цвет и/или градиент, добавить обводку, текстуру, свечение, тиснение.
  3. Добавить слой маску — позволяет добавить маску к слою.
  4. Добавить новый корректирующий слой — позволяет добавить новый корректирующий слой (цвет, градиент, уровни, кривые, цветовой тон/насыщенность, инверсия) поверх активного слоя.
  5. Создать группу слоев — позволяет создавать группу слоев по принципу папочки, в которую вкладываются слои. Тем самым позволяет их группировать, к примеру в дизайне сайта, это могут быть группы слоев (шапка, тело сайта, слайдер, колонка, подвал) в которых будут слои относящиеся непосредственно к той или иной части дизайн макета.
  6. Создать новый слой — при нажатие создается новый прозрачный слой.
  7. Удалить слой — соответственно удаляет любой выделенный (активный) слой, группу, корректирующий слой.

Немного про удобство работы со слоями

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

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

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

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

группа слоев

3. Цветовое обозначение слоя, позволяет задать цвет для определенного слоя или группы слоев. Задать можно любой цвет из выпадающего списка. Не беспокойтесь на работы он не повлияет, сделано это исключительно для удобства работы и быстрой ориентации дизайнера в большом количестве слоев в photoshop.

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

подсветка слоя

Немного о работе со слоями в photoshop

Чтобы создать новый слой необходимо нажать на пиктограмму «создать новый слой» внизу панели слоев, либо выбрать пункт в меню слои новый. Также можно воспользоваться горячими клавишами Shift + Ctrl + N.

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

Выделение слоев – чтобы выделить один слой достаточно нажать на нем левой кнопкой мыши. Чтобы выделить все слои необходимо зажать Shift  и кликнуть мышью на первом слое, а потом на последнем. Чтобы выделить определенные слои необходимо зажать Ctrl и кликать мышью по нужным слоям. Чтобы загрузить выделенную область достаточно зажать Alt и кликнуть по пиктограмме слоя. Для снятия выделения нажмите Ctrl + D.

Объединение слоев  — для объединения есть три варианта в зависимости от задачи.

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

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

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

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

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

Этой базовой информации достаточно для начала работы со слоями в photoshop.

Заглядывайте на fotodizart.ru, задавайте свои вопросы, подписывайтесь на новости сайта.

Понравилась статья?
Подпишитесь на обновления сайта:


Информация о политике конфиденциальности
Поделитесь статьей с друзьями:

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

Комментарии к статье:
    • Евгений Комиссаров

      Отлично, а я все хотел написать о слоях)) Опоздал:)

    • Нуйкин Сергей

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

    • Евгений Комиссаров

      да без слоев фотошоп можно и в корзину выкинуть )

    • Нуйкин Сергей

      Полностью с Вами согласен Евгений, слои играют наиважнейшую роль в фотошопе.

    • Лысенко Евгений

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

    • Лысенко Евгений

      Обязательно загляну ;)

    • Нуйкин Сергей

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

    • Руслан

      Здраствуйте! Подскажите пожалуйста,я выделяю контур, нажимаю Ctrl + D, нажимаю Ctrl + V, а появляетьтся старый слой.Как его убрать?

    • Нуйкин Сергей

      Здравствуйте Руслан!
      Не совсем понял вопроса, что Вы хотите сделать?
      Если скопировать выделение то нужно выделить, затем нажать на Ctrl + С происходит копирование после чего Ctrl + V вставка (вклейка) и у Вас скопируется выделенная область на новый слой, нижний слой в окне слоев отключаем нажав на пиктограмму глазик. Если нужно удалить исходный слой перетащите его на пиктограмму корзина в окне слоев снизу. Ctrl + D это сочетание клавиш, которое отменяет выделение.

      Напишите подробнее, что именно нужно??? Постараюсь помочь!

    • Александр

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

    • Нуйкин Сергей

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

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

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

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

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

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

      6. Практикуйтесь, практикуйтесь, практикуйтесь.

      7. Используйте уроки только как помощники для решения ВАШИХ ЗАДАЧ. Когда Вы будите решать в фотошопе свои поставленные задачи тогда и придет осознанное использование.

      Вы ставите задачу > Ищите пути решения ее посредством фотошопа > Решаете задачу = Итог: осознанное понимание цели, задачи, решения, а также хорошие знания фотошопа.

    • Александр

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

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

    • Нуйкин Сергей

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

    • Александр

      Вы наверное правы фотошоп это не мое. За шесть месяцев я не обработал ни одного снимка-ничего не получается. Как же тут практиковаться!!??? Тут что-то не то…

    • Нуйкин Сергей

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

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

    • jakoviq

      а как частично закрепить слой?

    • Сергей Нуйкин

      Описано в части статьи «Панель слоев» панельки с иконками.
      Выбираете слой.
      На панели «Слои» выберите один режим закрепления или несколько:
      Закрепить прозрачность (разрешается редактировать только непрозрачные пиксели);
      Закрепить цвета пикселей (запрет на редактирование инструментами рисования);
      Закрепить положение запрещает изменение положения точек слоя.

    • Ария

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

      Вопрос 2. Как выбрать, какие слои после ретуши надо объединять, а какие – нет? Ни разу в описаниях и видео никто не сказал, как потом соединял все созданные слои. Общие описания по сведению слоёв ничего не дают – нет понимания, какие именно слои надо сводить. И зачем опции «Соединить видимые» и «Свести все слои» — ведь при этом объединятся и отретушированные по-разному слои, и невидимые в данный момент, и те, что были до этой ретуши.

      Вопрос 3: Как применять белую и чёрную маски – нигде чётко не написано типа «создал белую/чёрную маску – можно исправлять фото в таком-то месте, всё остальное останется незатронутым». Упоминают туманно про прозрачность чёрного слоя : )))
      Помогите разобраться, плиз.

    • Сергей Нуйкин

      Добрый день, Ария!
      1) Принцип ретуши одинаковый что на портретку что на фото из нескольких людей. Вариантов ретуши много точной рекомендации не дам. Однако если вы хотите отретушировать только одно лицо, вам необходимо использовать маску слоя. Чтобы применить размытие непосредственно только к лицу создайте дубликат слоя, размойте его создайте маску слоя и зарисуйте на ней все что вам не нужно. Таким образом 1 слой будет оригинал, 2 слоем будет размытый слой с отображающимся лишь размытым лицом.

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

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

    • dannil

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

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

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