Как открыть несколько изображений как слои в одном документе Photoshop
Дизайн и графика » Photoshop
Автор Дмитрий Евсеенков На чтение 2 мин Просмотров 1.3к. Обновлено
Работа с несколькими разными изображениями, расположенными на слоях в одном документе — весьма распространённая работа в Photoshop, например, таким образом мы можем накладывать одно фото на другое, создавать между ними плавные переходы, вставлять одно в другое (напр., фотографию в рамку) и т.п.
Открыть несколько картинок одновременно в Photoshop можно, если перетащить мышкой эти картинки из папки прямо на свободное место на рабочем поле программы, также, несколько картинок одновременно легко открыть с помощью Adobe Bridge.
Проблема в том, что Photoshop открывает эти файлы с картинками в отдельных вкладках или окнах, а как быть, если нужно, чтобы изображения открылись в одном документе, да так, чтобы каждое было размещено на своём слое?
Начиная с версии CS4 (здесь я использую версию CS6), Фотошоп предоставляет нам такую возможность с помощью приложения Adobe Bridge.
Для начала нам надо запустить Adobe Bridge, сделать это можно через меню Пуск —> Программы. В самом Adobe Bridge я открыл свою папку с рисунками и фото, вот как выглядит после этого интерфейс программы:
Теперь мне надо выбрать несколько изображений (на данный момент выбрано одно фото с пингвинами). Для примера я выберу все. Для этого надо кликнуть левой клавишей мыши по левому верхнему (т.е. первому в списке) файлу, а затем, зажав клавишу Shift по правому нижнему (т.е. по последнему в списке) файлу. В результате у меня выделились все картинки.
Теперь идём по вкладке верхнего горизонтального меню Инструменты —> Photoshop —> Загрузка файлов в слои Photoshop ( Tools —> Photoshop —> Load Files into Photoshop Layers):
Собственно это и всё, что нужно сделать.
Photoshop автоматически откроется, если он не был запущен и все девять выбранных изображений откроются в одном, новом документе, каждое на своём слое:
Изображения, распоженные выше в Панели слоёв, перекрывают те, что расположены ниже.
Чтобы посмотреть в окне рабочего документа, к примеру, слой Tulips.jpg, который находится в самом низу панели, мне нужно зажать клавишу Alt и кликнуть по значку видимости этого слоя. При этом видимость всех остальных слоёв отключится:
Для возврата прехнего состояния документа, т.е. включения видимости всех слоёв, мне нужно повторить эти действия (Alt + клик по значку видимости)
Оцените автора
Слои в Adobe Photoshop — DigiPortfoolio OÜ печать на масках в Нарве
Для удобства работы с объектами изображение разбивается на слои, в каждом из которых находится независимая часть композиции. Без слоев в Adobe Photoshop не обойтись.
Действие слоев легко объяснить. Представьте, что вы модельер. Берете обычную кальку и рисуете на ней фигуру манекена. Далее следующий лист чистой кальки накладываете на готовый рисунок, рисуете поверх фигуры костюм. На следующем листе — шляпу. Поверх всего на другом листе кальки — кепку. Можно еще на одном листе нарисовать ботинки. В результате полная картина такая: фигура, одетая в костюм, на ногах — ботинки, а на голове — шляпа. Так вот костюм, ботинки, шляпа и сама фигура будут находиться на отдельных независимых слоях. Каждый из слоев (листов кальки) можно убрать; можно добавить другие. Именно такой принцип действует в Adobe Photoshop. В Adobe Photoshop предусмотрена отдельная палитра Layers (слои).
- Название палитры Layers (Слои)
- Режимы смешивания слоев. Opacity: 100% — абсолютная непрозрачность, можно поставить хоть 0% — слой будет не виден.
Опции Lock (блокировка слоя — можно заблокировать по выбору только изменение картинки, перемещение, или всё). - Слои, каждый слой имеет сове название, слои располагаются сверху вниз в столбик. Какой слой выше, тот и главный. Если слой выделен, синим цветом, то это активный слой и в данный момент в нем идет работа. Рядом со слоем есть значок в виде глазика, это означает, что слой виден, если отключить, нажав на этот значок, то слой не будет виден на рабочем поле.
- Слой «Background» — основной фон, по умолчанию этот слой всегда полностью заблокирован, разблокировка возможна только при изменении его статуса(это можно сделать двойным нажатием по слою и нажатии ОК в появившемся меню — слой станет обычным с именем «Layer 0»).
- Инструменты для работы со слоями:
- Add a new layer style (добавить стиль слоя). При нажатии на эту кнопку открывается контекстное меню, в котором можно выбрать любой стиль (тень, свечение, обводка). То же самое можно сделать в окне Layer Style, открыв его двойным щелчком мыши по названию любого (кроме background) слоя.
- Add a mask. Добавить слой-маску. Объяснить работу слоя-маски проще на примере, поэтому позже вспомним об этой кнопке.
- Create a new set. Создание папки.
- Create new fill or adjustment layer. Добавление корректирующего слоя.
- Create new layer. Создание нового слоя. Новый слой можно создать, просто нажав на эту иконку. Если «взять» мышкой уже существующий слой и «перетащить» его на иконку, то получим новый слой — копию имеющегося.
- Delete leyer. Удалить слой. При нажатии на иконку удаляется активный на данный момент слой. Можно опять-таки перетащить слой на иконку. Во втором случае, в отличие от первого, вопрос о подтверждении удаления слоя задаваться не будет.
В правом верхнем углу палитры — маленький треугольник-стрелочка, открывает контекстное меню палитры. Здесь можно осуществить все основные вышеперечисленные операции. Кроме того, существуют операции объединения слоев. - Merge Down — объединение активного слоя со слоем ниже.
- Merge Visible — объединение видимых слоев (было несколько — стал один).
- Flatten Image — объединение всех слоев в единую картинку, которая будет представлена в виде слоя background.
Если Вы создадите новый слой в самом верху слоев и нажмете одновременно клавиши на клавиатуре CTRL + SHIFT + ALT + E, то все слои объядинятся в этом новом слое.
Разберем на примере иерархию слоев, ниже приведен в пример рисунок домика с окном, дверью, крышей и фоном.
Как Вы видите, на картинке у каждого слоя есть свое название.
- Фон в серо — белый квадратик – это прозрачность. Такое определение прозрачности в компьютерной графике работает во всех программах.
- Слой, содержащий белый фон.
- Слой, содержащий рисунок самого дома без окна, крыши и двери.
- Слой с окном.
- Слой с дверью.
- Слой с крышей.
Как видно на рисунке картинка выглядит понятно и все на своем месте.
На картинке ниже приведен пример, когда слой с домом перетащили выше окна и двери.
Красной линией на доме нарисовано место, где должно быть окно и дверь, дверь при этом вынесена за край дома, тем самым видно, что ее закрывает слой с домом. Получается, что слой, который выше тот и главный и закрывает нижние слои.
- Фон в серо — белый квадратик – это прозрачность. Такое определение прозрачности в компьютерной графике работает во всех программах.
- Слой, содержащий белый фон.
- Слой, содержащий рисунок самого дома без окна, крыши и двери.
- Слой с окном.
- Слой с дверью.
- Слой с крышей.
Тем самым слои позволяют более гибкую работу с проектом. И Вам не надо делать шаг назад если Вы что то не то нарисовали, достаточно просто отключить или удалить испорченный слой, а вся композиция работы останется не испорченной.
Просмотров: 7757
- Назад
- Вперед
Похожие материалы
Редактировать в «открыть как слои в Photoshop» неактивно
Джим Уайлд
Гуру Lightroom
- #2
В списке выбора «Редактировать в» стандартная запись «Редактировать в Adobe Photoshop 2021» также выделена серым цветом или только три нижние записи? Если они все выделены серым цветом, возможно, вы выбрали интеллектуальные предварительные просмотры (т. е. оригиналы отключены или отсутствуют, и вы используете интеллектуальные предварительные просмотры для редактирования)?
Если только три нижние опции в списке выделены серым цветом, можете ли вы подтвердить, что у вас выбрано несколько изображений (эти опции будут выделены серым цветом, если выбрано только одно изображение)?
Jim
M1 Mac Mini, 16 ГБ ОЗУ и Win10 Desktop, i7-3770K, 16 ГБ ОЗУ
Голосовать за 0 Понизить
Рик Дотт
Участник
- #3
Джим Уайлд сказал:
В списке выбора «Редактировать в» стандартная запись «Редактировать в Adobe Photoshop 2021» также выделена серым цветом или только три нижние записи? Если они все выделены серым цветом, возможно, вы выбрали интеллектуальные предварительные просмотры (т. е. оригиналы отключены или отсутствуют, и вы используете интеллектуальные предварительные просмотры для редактирования)?
Если только три нижние опции в списке выделены серым цветом, можете ли вы подтвердить, что у вас выбрано несколько изображений (эти опции будут выделены серым цветом, если выбрано только одно изображение)?
Нажмите, чтобы развернуть…
OK Я выбрал только 1 изображение. Три верхние строки выделены жирным шрифтом («Открыть в Adobe Photoshop 2021», «Открыть в другом приложении» и «Открыть как интеллектуальный слой в Photoshop»). Я думаю, у меня не было хорошего понимания. Я думал, что вам нужно открывать как слои, чтобы при открытии вы могли создавать дополнительные слои. Какую линию выбрать для одной фотографии, чтобы добавить дополнительные слои? Большое спасибо за ваше время. Рик
Голосовать за 0 Понизить
clee01l
Лайтрум Гуру
- #4
Рик Дотт сказал:
OK Я выбрал только 1 изображение. Три верхние строки выделены жирным шрифтом («Открыть в Adobe Photoshop 2021», «Открыть в другом приложении» и «Открыть как интеллектуальный слой в Photoshop»). Я думаю, у меня не было хорошего понимания. Я думал, что вам нужно открывать как слои, чтобы при открытии вы могли создавать дополнительные слои. Какую линию выбрать для одной фотографии, чтобы добавить дополнительные слои? Большое спасибо за ваше время. Рик
Нажмите, чтобы развернуть…
Вам нужно подождать, пока вы не войдете в Photoshop. Там вы можете добавить слои к любому однослойному изображению.
Отправлено с моего iPad с помощью Tapatalk
— Клетус Д. Ли —
Голосовать за 0 Понизить
Джим Уайлд
Гуру Lightroom
- #5
Рик Дотт сказал:
Я думал, что нужно открывать как слои, чтобы при открытии можно было создавать дополнительные слои. Какую линию выбрать для одной фотографии, чтобы добавить дополнительные слои?
Нажмите, чтобы развернуть…
«Открыть как слои» означает открывать каждую из выбранных фотографий как отдельные слои в одном документе Photoshop, поэтому эта функция доступна только при выборе нескольких изображений в LrC. Просто используйте верхнюю запись, чтобы загрузить одно изображение в Photoshop, и, как говорит Клетус, вы можете добавить туда дополнительные слои в документ.
Jim
M1 Mac Mini, 16 ГБ ОЗУ и Win10 Desktop, i7-3770K, 16 ГБ ОЗУ
Голосовать за 0 Понизить
Открытие нескольких изображений в виде слоев в Photoshop
Независимо от того, компонуем ли мы изображения, создаем коллажи или разрабатываем макеты, мы часто сталкиваемся с несколькими изображениями или файлами, которые должны попадать в один и тот же документ Photoshop. Кроме того, каждое изображение или файл должны располагаться на отдельном независимом слое 9. 0144 внутри этого документа.
Традиционный подход заключается в открытии каждого изображения или файла в Photoshop по одному, а затем копировании и вставке или перетаскивании каждого из них в основной документ. Но если вы не получаете почасовую оплату, есть лучший и более быстрый способ работать. На самом деле все, что нам действительно нужно сделать, это указать Photoshop, какие изображения или файлы нам нужно открыть. Затем просто расслабьтесь и расслабьтесь, пока Photoshop создает новый документ, открывает все ваши изображения в этом документе и помещает каждое из них на отдельный слой. Давайте посмотрим, как это работает!
Шаг 1: Выберите команду «Загрузить файлы в стопку». «Стек» означает ваш стек
слоев , ссылаясь на то, как слои укладываются один поверх другого в документе:Перейдите в меню «Файл» > «Сценарии» > «Загрузить файлы в стек».
Шаг 2. Выберите изображения
Откроется Загрузить слои диалоговое окно:
Диалоговое окно «Загрузить слои».
Все, что нам нужно сделать здесь, это указать Photoshop, какие изображения или файлы нам нужно открыть, и есть два способа сделать это. Один из них — просто выбрать папку на вашем компьютере, а затем позволить Photoshop автоматически выбирать каждое изображение или файл, которые он находит в этой папке. Другой — перейти к папке, а затем вручную выбрать изображения или файлы в папке самостоятельно.
Чтобы выбрать папку и разрешить Photoshop автоматически выбирать каждое изображение или файл в этой папке, измените Использовать опцию для Папка . Затем, чтобы перейти к папке, нажмите кнопку Browse :
Установите для параметра «Использовать» значение «Папка», затем нажмите «Обзор».
Это открывает окно File Explorer на ПК или окно Finder на Mac (это то, что я использую здесь). Перейдите к местоположению папки на вашем компьютере. В моем случае все мои изображения находятся в папке с именем «фотографии» на моем рабочем столе.
Обратите внимание, однако, что все файлы в папке выделены серым цветом, что означает, что мы не можем их выбрать. Это потому, что Photoshop автоматически включает каждый файл в папке. Если вас это устраивает, нажмите OK в окне Проводника или Открыть в окне Finder:
Нажмите OK (Win) / Открыть (Mac), чтобы автоматически выбрать все файлы в папке.
В моем случае я сейчас нажму кнопку Отмена , чтобы закрыть окно, ничего не выбирая, чтобы мы могли посмотреть, как выбирать изображения вручную:
Щелчок «Отмена», чтобы закрыть окно окно.
Это возвращает меня к диалоговому окну «Загрузить слои» в Photoshop. Если вместо выбора всей папки с изображениями вы хотите перейти к папке, а затем выбрать изображения вручную, измените параметр Использовать на Файлы (настройка по умолчанию). Затем нажмите кнопку Browse :
Измените «Использовать» на «Файлы», затем нажмите «Обзор».
Как и прежде, открывается окно File Explorer на ПК или окно Finder на Mac. Перейдите в папку, в которой хранятся ваши изображения. Я перейду к той же папке «фотографии» на рабочем столе.
Обратите внимание, что на этот раз файлы не выделены серым цветом, что означает, что мы можем выбрать только те, которые нам нужны. Чтобы выбрать файлы вручную, нажмите на одно изображение, чтобы выбрать его. Затем нажмите и удерживайте клавишу Ctrl (Win) / Command (Mac) на клавиатуре и щелкните другие изображения, которые хотите открыть.
В моем случае в папке всего три изображения, поэтому я выберу все три из них:
Вручную выбираю изображения, которые мне нужно открыть.
Имена файлов
Прежде чем я открою изображения, обратите внимание на имена моих файлов («forest.jpg», «portrait.jpg» и «texture.jpg»). Photoshop будет использовать имена ваших файлов в качестве имен ваших слоев, поэтому может быть хорошей идеей переименовать файлы перед их загрузкой в Photoshop. Конечно, вы всегда можете переименовать свои слои позже, если вам нужно, но предварительное переименование ваших файлов избавит вас от хлопот:
Имена файлов будут использоваться в качестве имен слоев.
Выбрав изображения, нажмите OK в окне Проводника или Открыть в окне Finder для загрузки изображений:
Открытие выбранных изображений.
Имена выбранных вами файлов появятся в диалоговом окне «Загрузить слои»:
В диалоговом окне отображаются имена файлов, которые вы будете открывать.
Удаление файла из списка
Если вы ошиблись и случайно выбрали ненужный файл, просто нажмите на его имя в списке, чтобы выделить его. Затем нажмите Удалить кнопка:
Чтобы удалить файл, выберите его, затем нажмите «Удалить».
Шаг 3: нажмите OK, чтобы загрузить изображения в Photoshop
На самом деле я не буду нажимать кнопку «Удалить», потому что хочу открыть все три изображения. Когда вы будете готовы открыть их, нажмите OK :
Нажмите OK, чтобы открыть изображения в Photoshop.
Это может занять некоторое время, но Photoshop создаст совершенно новый документ, загрузит каждое изображение в этот документ и поместит каждое на отдельный слой, как мы видим здесь, на моей панели «Слои». Обратите внимание, как я упоминал ранее, Photoshop использовал имя каждого файла в качестве имени своего слоя. Он даже включал трехбуквенное расширение файла («.jpg») в название:
Панель «Слои», показывающая все три изображения на отдельных слоях.
Просмотр ваших изображений
Поскольку мой слой «forest.jpg» отображается на выше двух других слоев на моей панели «Слои», изображение на этом слое появляется на перед двумя другими моими изображениями в документе (фотография тропического леса из Adobe Stock):
Изображение на верхнем слое. Фото предоставлено: Adobe Stock.
Чтобы просмотреть изображение под ним (на слое «portrait. jpg»), я временно отключу верхний слой, щелкнув его значок видимости :
Щелкните значок видимости для верхнего слоя, чтобы отключить его.
При выключенном верхнем слое мы видим в документе мое портретное изображение (портретное фото из Adobe Stock):
Изображение на среднем слое. Фото предоставлено: Adobe Stock.
Я щелкну значок видимости слоя «portrait.jpg» , чтобы отключить средний слой, чтобы мы могли видеть изображение на нижнем слое:
Отключение слоя «portrait.jpg».
А вот как выглядит изображение на слое «texture.jpg». Обратите внимание на шахматную доску справа от изображения. Шаблон шахматной доски — это то, как Photoshop представляет прозрачность на слое. Когда Photoshop создает новый документ для хранения изображений, он устанавливает значения ширины и высоты документа на основе ширины и высоты самых больших изображений.
Все три мои фотографии имеют одинаковую высоту, но мое изображение текстуры не такое широкое, как два других, и справа от слоя остается пустое пространство. Если все ваши изображения не имеют одинаковой ширины и высоты, вам, скорее всего, потребуется изменить размер некоторых из них после их загрузки в Photoshop (изображение текстуры из Adobe Stock):
Изображение на нижнем слое. Фото предоставлено: Adobe Stock.
Смешивание изображений
К этому моменту мы научились загружать наши изображения в Photoshop как слои. Но чтобы закончить, я собираюсь объединить три изображения вместе. Поскольку смешивание изображений выходит за рамки этого урока, я пройдусь по шагам довольно быстро.
Во-первых, мне нужно изменить размер изображения текстуры, чтобы оно заполнило весь слой. Для этого я нажму на слой «texture.jpg» на панели «Слои», чтобы выбрать его:
Выбор слоя «texture.jpg» на панели «Слои».
Чтобы изменить его размер, я подхожу к меню Edit в верхней части экрана и выбираю Free Transform :
Переходим к Edit > Free Transform.
Это помещает маркеры Free Transform вокруг изображения. Я нажму на ручку справа изображения и перетащу ее дальше вправо, пока изображение не заполнит весь слой. Обычно мы бы хотели избежать такого резкого изменения размера изображения, потому что мы потеряем качество изображения, а также потому, что мы искажаем исходное соотношение сторон фотографии. Но в данном случае, поскольку я использую его только как текстуру, мне это сойдет с рук.
Чтобы принять трансформацию и закрыть команду «Свободное преобразование», я нажму Enter (Win) / Return (Mac) на клавиатуре:
Изменение размера изображения текстуры с помощью Free Transform.
Затем я снова включу два других слоя в документе, щелкнув их значки видимости :
Включив два верхних слоя в документе.
Мне нужно, чтобы мое портретное изображение появилось над изображением леса, поэтому я щелкну слой «portrait.jpg» на панели «Слои» и перетащу его над слоем «forest.jpg». Когда тонкий полоса подсветки появляется над слоем «forest.jpg», я отпущу кнопку мыши, чтобы разместить слой «portrait.jpg» на нужном месте:
Перетаскивание слоя «portrait.jpg» над слоем «forest.jpg» слой.
Затем, чтобы смешать портретное изображение с изображением леса, я изменю режим наложения слоя «portrait.jpg» с Нормального на Экран :
Изменение режима наложения слоя на Экран.
Режим наложения «Экран» скрывает все черные области на портретном слое, а затем смешивает остальную часть фотографии с изображением леса под ним:
Результат после изменения режима наложения портретного слоя на Экран.
Затем мне нужно переместить изображение текстуры поверх двух других изображений, поэтому я нажму на слой «texture.jpg» и перетащу его выше слоя «portrait.jpg»:
Перетащите файл «texture.jpg». jpg» на самый верх стопки слоев.
Наконец, чтобы смешать текстуру со слоями под ней, я изменю режим наложения с Нормальный на Мягкий свет :
Изменение режима наложения слоя текстуры на Мягкий свет.
Режим наложения «Мягкий свет» не только смешивает текстуру с изображением, но и повышает общую контрастность, делая светлые области светлее, а темные — темнее. И это также увеличивает насыщенность цвета. Вы можете узнать больше о режимах наложения слоя в нашем учебном пособии «Пять основных режимов наложения для редактирования фотографий»:
Результат после изменения режима наложения текстуры на «Мягкий свет».
Смешивание фотографий с помощью масок слоя и градиентов в Photoshop
Использование маски слоя
Единственное, что мне не нравится на данный момент, это то, что после смешивания текстуры в нижней половине изображения есть несколько областей, которые теперь выглядят слишком темными. Я исправлю это, спрятав слой текстуры в этих областях с помощью маски слоя . Опять же, я расскажу об этом быстро, но в конце я включу ссылку, где вы можете узнать все о масках слоев в Photoshop.
Сначала, когда мой слой «texture.jpg» все еще выбран, я нажму Добавить маску слоя 9Значок 0153 в нижней части панели «Слои»:
Щелкните значок «Добавить маску слоя».
Миниатюра маски слоя с белой заливкой появляется на слое текстуры, давая мне знать, что моя маска была добавлена:
Появляется миниатюра маски слоя.
Я выберу Photoshop Brush Tool на панели инструментов:
Выбор инструмента Brush.
И так как я хочу использовать маску слоя, чтобы скрыть частей слоя текстуры, я удостоверюсь, что цвет моей кисти (0152 Цвет переднего плана ) установлен на черный :
Установка цвета переднего плана на черный.
Затем, взяв в руки инструмент «Кисть» и выбрав черный цвет кисти, я начну рисовать на маске слоя над областями, которые выглядят слишком темными. Я начну с области тени слева от волос женщины. Закрашивание черным цветом скрывает слой текстуры в этой области, восстанавливая предыдущую яркость:
Скрытие слоя текстуры из теневой области слева от волос женщины.
Я также закрашу меньшую область тени в правом нижнем углу изображения, которая также выглядит слишком темной:
Скрытие слоя текстуры в правом нижнем углу.