Товаров: 0 (0р.)

Открыть слои в фотошопе: Как открыть свойства слоя в Adobe Photoshop

что это, чем открыть и как с ним работать

Файл в программе Photoshop сохраняется в формате PSD по умолчанию, если не выбрать иной

Особенности формата PSD
  1. PSD сохраняет все слои, которые создаются во время работы в Adobe Photoshop. Слои — это элементы изображения, которые расположены иерархически, то есть друг над другом. Их можно редактировать по отдельности и менять местами. Правки можно делать в неограниченном количестве. 
  2. За счет слоев в PSD-формате можно сохранить несколько итоговых изображений. При открытии файла к их редактированию можно вновь вернуться.
Простой пример того, как отображаются и работают слои в PSD-документе: верхний слой в списке находится на картинке над всеми остальными
  1. Формат поддерживает очень широкие настройки цвета: мультиканальные модели и цветовые схемы CMYK и RGB, шкалу полутонов, двухтоновых изображений, а также монохромную шкалу, индексируемые, многоканальные цвета и цвета Lab.
  2. PSD-формат имеет довольно большой размер по сравнению с другими растровыми форматами, поэтому итоговый дизайн лучше сохранять и передавать заказчику в более «легких» форматах PNG, JPEG, GIF и др.
  3. В PSD-файле можно работать с элементами векторной графики, например SVG-иконками.
  4. Максимальное разрешение PSD-формата — 30 000 px (в ширину и высоту).
  5. Хранится в несжатом виде, но сжатие использует без потерь. Файлы PSD лучше сжимать с помощью архиватора. 
  6. Файлы PSD открываются не только в Photoshop, но и в других приложениях системы Adobe: Illustrator, After Effects, Premiere Pro и др. Некоторые другие графические редакторы тоже открывают PSD-файлы, об этих программах мы рассказываем во второй части статьи.
Работа со слоями в программе Autodesk SketchBook. Источник

История создания формата

Формат PSD появился в 1987 году вместе с первой версией программы Adobe Photoshop. Первоначально графический редактор назывался Display; через год, в 1988-м, его переименовали в ImagePro. В том же году корпорация Adobe Systems купила права на приложение. Только в 1989-м ему присвоили имя, которое мы знаем сейчас, — Photoshop, это определило название для PSD-формата.

Плюсы и минусы формата PSD

Плюсы:

  1. В PSD сохраняется каждый слой изображения. Поэтому в любой момент можно возобновить работу над файлом и внести в его отдельные части необходимые изменения.
  2. В каждом слое файла может храниться много данных: яркость, контрастность, настройки экспозиции, прозрачность, наличие теней и пр.
Данные, которые хранятся в одном из слоев изображения
  1. Есть опция прозрачности, а также полупрозрачности. Это позволяет наилучшим образом совместить слои, чтобы получить красивый результат.
  2. PSD легко преобразовать в менее тяжелый и более удобный формат (PNG, JPEG и так далее). В Photoshop это делается буквально в 2 клика через «Сохранить как».
Преобразование формата в Photoshop

Минусы:

  1. Из-за содержащихся в большом количестве сведений об изображении файл PSD много весит. 
  2. Открывается формат далеко не во всех программах. PSD адаптирован в большей степени к продуктам системы Adobe, и количество редакторов, поддерживающих этот формат, невелико.  

Как открыть PSD-файл без Photoshop 

GIMP 

Программа, почти не уступающая Photoshop по функционалу. В ней можно создавать дизайны, рисовать и обрабатывать фото. В GIMP есть возможность сконвертировать файлы PSD во все распространенные форматы, например JPG, BMP, PNG, PDF, GIF и другие. Совместима с платформами Windows, macOS и Linux. Для работы в программе установка отдельных плагинов и расширений не потребуется. Открыть PSD в GIMP лучше через пункт меню «Файл». В раскрывающемся списке выберите «Открыть как слои». Теперь можно продолжить редактировать слои, с которыми вы ранее работали в Photoshop. 

Autodesk SketchBook

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

SketchBook работает на всех устройствах. Источник

PSD Viewer

Бесплатный онлайн-сервис, предназначенный для просмотра PSD-файлов и их конвертации в другие форматы. Помимо просмотра, можно немного отредактировать изображения без потери качества: изменить размер и масштаб, повернуть картинку. Пользователи оценят простой и понятный интерфейс в программе и высокую скорость работы. Можно конвертировать и сохранять документы в форматы JPEG, GIF, TIFF, PNG и GIF.

Artweaver

Программа для рисования и обработки готовых изображений. В ней много настроек и инструментов для рисования. Кисти редактируют и настраивают под свои нужды. В Artweaver вы сможете редактировать не только файлы PSD, но и другие популярные форматы. Здесь получится поработать со слоями и настроить прозрачность фона. PSD-файл сохраняется в различных форматах, в том числе BMP, JPG, GIF и PNG. Установить программу можно в бесплатной версии. В ней доступен весь стандартный набор опций. 

Интерфейс программы Artweaver. Источник

Photopea

Графический редактор с возможностью работы без установки. Вам нужно только зайти на официальный сайт, загрузить PSD-файл и начать работу. Интерфейс программы очень схож с Photoshop. Работает с растровыми и векторными изображениями, а также поддерживает различные форматы файлов. Попробуйте специальные инструменты, работая со слоями. С их помощью вы сможете создать новый элемент, применить стиль, дублировать, добавить рамку, а также конвертировать в смарт-объект. Доступно преобразование открытых файлов в различные распространенные форматы. В бесплатной версии Photopea отображается реклама. Сервис бесплатный, но есть премиум-версия с расширенным функционалом. 

Интерфейс программы Photopea очень похож на Photoshop

FastStone Image Viewer

В этом редакторе можно просматривать файлы PSD, редактировать некоторые элементы (например, поменять цвета и размеры). При этом редактируется все изображение, а не отдельные слои. Доступно более 20 форматов, в которые файл PSD можно конвертировать. Работает на платформе Windows.

XnView MP

Кроссплатформенный редактор, поддерживающий формат PSD вместе с почти всеми известными форматами (всего их в программе более 500). В нем можно просмотреть даже файлы приложения «Блокнот». В XnView широкие возможности для редактирования изображений: можно обрезать картинку, наложить надпись на одно изображение или пакет, создать коллаж, сделать слайд-шоу, наложить фото на фото (удобно, если вы работаете с логотипами). Также доступны функции цветовой корректировки и другие. 

XnView MP может преобразовать PSD-файлы во все популярные форматы. Вот только работать со слоями в программе нельзя. Изображения в XnView сжимаются без потери в качестве.

Интерфейс программы XnView MP. Источник

Приложение «Фото» от компании Apple

В нем формат PSD открывается без использования дополнительных сторонних программ. Доступны функции корректировки цвета и наложения фильтров. Файлы PSD можно преобразовать в формат JPG.

Как преобразовать PSD в другие форматы

Если на компьютере нет графического редактора Adobe Photoshop и нет возможности установить программы, описанные выше, можно использовать более простое и быстрое решение — конвертеры. Обычно они работают по принципу drag-and-drop и почти мгновенно превращают файл со слоями в обычную растровую картинку. 

Convertio

Онлайн-конвертер поддерживает более 25 тысяч конвертация между 300 форматами. Разработчики утверждают, что это больше, чем какой-либо другой конвертер. Вам не нужно загружать или устанавливать какое-либо программное обеспечение дополнительно. Просто перетаскиваете свой файл на страницу и выбираете нужный формат. Затем нажмите кнопку «Конвертировать». Процесс преобразования длится не более 2-х минут. Ресурсы компьютера при этом не затрачиваются, поскольку происходит конвертация в облаке.  

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

В бесплатной версии можно преобразовывать не более 10 файлов за сутки. Размер файла не должен превышать 100 МБ. Для больших файлов сервис предлагает несколько тарифных планов. Стоимость начинается от $9,99.

Тарифы включают:

  • неограниченное число минут конвертирования в день; 
  • неограниченное максимальное время конвертирования для одного файла;
  • страницы без рекламы.
Convertio работает практически со всеми типами файлов и форматами, не только графическими

IrfanView 

Мультифункциональный инструмент с возможностью просмотра и редактирования изображений, некоторых аудио- и видеофайлов. Помимо обычного просмотра, в программе доступен режим слайд-шоу. Можно конвертировать документы PSD в другие известные форматы: PNG, BMP, JPEG, GIF и прочие. Работать со слоями, то есть редактировать их, в IrfanView нельзя. Одно из преимуществ — конвертер очень быстро работает.

PSD Converter от компании Aspose Pty Ltd

С помощью PSD Converter можно быстро преобразовать PSD-файл в формат JPG, GIF, PNG, BMP, PDF и TIFF. Специальные графические программы не потребуются, работает на любом устройстве. После конвертирования файл можно скачать. Результаты сохраняются на вашем устройстве.

Конвертация выполняется онлайн и на одном экране сервиса

Конвертация в различные форматы имеет свои особенности:

  • В формате GIF в файле может измениться цветовая палитра, поскольку здесь она имеет ограничение в 256 цветов. Этот формат самый компактный.
  • PDF-формат тоже компактный, совместим с основными платформами, а также в нем поддерживается технология цифровой подписи.
  • Конвертация в формат JPEG может привести к ухудшению качества конечного файла из-за того, что в JPEG сжатие происходит с потерями.  
  • Формат PNG подойдет, если вам нужно сохранить PSD-файл с прозрачностью. 
  • Формат BMP, наоборот, не поддерживает прозрачность, зато конвертирование PSD в BMP-формат происходит без потерь. 
  • В формате TIFF несколько способов сжатия — без потерь и с потерями.

ИСКРА —
неделя знакомства
с дизайн-профессиями

бесплатно

ИСКРА —
неделя знакомства
с дизайн-профессиями

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

разжечь искру

Экспортируем векторные слои из AI в PSD

Как перенести по слоям иллюстрацию, макет сайта или интерфейса из Иллюстратора в Фотошоп, не используя копирование в виде смарт-объекта? При этом хочется сохранить объекты векторными после переноса.

В этом должна помочь стандартная функция экспорта в PSD, но так ли это?

Экспортируя в Иллюстраторе через меню File → Export → PSD с опцией «Write Layers» → «Maximum Editability», мы получим случайным образом слитые растровые слои.

Экспорт в PSD по умолчанию

Photoshop CC 2022

В октябре 2021 года Адоб выпустили Creative Cloud 2022. В Фотошопе появилась функция копирования слоёв из Иллюстратора через буфер обмена. Иллюстратор при этом может быть старых версий. Копируем объекты, открываем новый Фотошоп и вставляем Paste as → Layers.

Импорт в Фотошоп CC 2022

Плюсы:

  • Остаются векторными стандартные примитивы и те, что нарисованы пером
  • Сохраняется прозрачность объектов
  • Сохраняются имена объектов, групп

Минусы:

  • Растрируются градиенты, текст, паттерны
  • Нужен установленный Фотошоп CC 2022

Весь список объектов, которые остаются векторными или растрируются на официальном сайте.

Сторонние способы

Забегая вперёд, ни сторонние программы, ни моё решение не переносят редактируемые мешы или эффекты из Иллюстратора в Фотошоп.

Сохранение PSD через Fireworks

В статье 2013 года попадается вариант сохранения AI в PSD через Файерворкс.

Плюсы:

  • Сохраняются имена

Минусы:

  • Адоб перестал обновлять Файерворкс с 2013 года
  • Непонятно, что растрируется, что остаётся векторным
Сохранение PSD через Affinity Designer

Плюсы:

  • Векторные объекты, обводки
  • Заливки одним цветом, градиенты
  • Импортирует растровые изображения в документе
  • Прозрачность объектов
  • Редактируемые тексты

Минусы:

  • Цена 50$
  • Все группы распадаются
  • Сбрасывает имена объектов
  • Не поддерживает обтравочные маски, эффекты
Импорт SVG в Фотошоп через SVG Layers

Плюсы:

  • Векторные объекты, обводки
  • Заливки одним цветом, градиенты в бета версии
  • Группы объектов
  • Редактируемые тексты

Минусы:

  • Цена 19$
  • Макет придётся предварительно из AI, EPS сохранять в SVG
  • Проблемы импорта объектов с прозрачностью
  • Не поддерживает обтравочные маски, эффекты, растровые изображения в документе
  • Лишние символы в именах объектов

Способы в Иллюстраторе

Сторонний платный софт имеет свои плюсы и минусы экспорта.

Мне интересно было найти решение напрямую из Иллюстратора.

На примере статьи 2011 года у Турбомилк обычно все уроки сводятся к получению растровых слоёв:

  • Группировать объекты в макете
  • Сортировать по слоям
  • Растрировать через Object → Rasterize или эффект Effect → Rasterize
  • Экспортировать в PSD
Экспорт в PSD растровых слоёв

И тут попадается трюк для Иллюстратора на Tutsplus. Если к объектам применить Make Compound Shape в панели Pathfinder, то при экcпорте объект будет векторным. Проверяю способ на нескольких объектах.

Экспорт после применения Make Compound Shape

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

Что если у нас файл содержит десятки, сотни объектов? Вручную применять к каждому объекту Make Compound Shape долго. Если записывать экшн в Иллюстраторе, то появляется проблема перебора объектов — встроенная команда Select Next Object будет перескакивать сгруппированные объекты и не сможет переходить автоматически на следующий слой.

Автоматизация

Я решил автоматизировать процесс подготовки векторного файла для экспорта в PSD и написал скрипт Ai2Psd.

Cкрипт проверяет все объекты документа в группах и слоях. Найдя объект с одноцветной заливкой, он применяет к нему команду Make Compound Shape. В конце скрипт покажет инструкцию и откроет окно экспорта в PSD.

Плюсы:

  • Скрипт бесплатный
  • Векторные объекты c одноцветной заливкой
  • Группы объектов
  • Обтравочные маски
  • Прозрачность, режимы наложения
  • Имена объектов
  • Редактируемые тексты

Минусы:

  • Скрипт вносит изменения в файл, лучше его запускать на копии
  • Градиенты, паттерны и обводки растрируются
  • Растровые изображения могут в PSD оказаться слитыми в 1 слой

Оптимизация документа

Обводки
Чтобы обводки остались в Фотошопе векторными, в Иллюстраторе сделайте их самостоятельными объектами через Object → Path → Outline Stroke.

Преобразование обводки в объект

Похожие объекты
Если у вас есть группа из сотен одинаковых объектов, например, кистью нарисованы волосы или текст, переведенный в кривые, для скорости работы скрипта объедините элементы в Compound Path через Object → Compound Path → Make.

Объединение схожих объектов

Исключения

Эффекты
Если в файле присутствуют объекты, к которым применены эффекты: тень, свечение, шум и т.д. и вы хотите их перенести в PSD, то перед запуском скрипта надо вручную растрировать в режиме Type Optimized.

Паттерны
Чтобы паттерны остались векторными, примените Object → Expand. Тогда они станут обычными векторными объектами внутри обтравочных масок, которые скрипт обработает.

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

Автогруппировка проблемных объектов в AI для получения отдельных слоёв в PSD

Если скрипт не скачивается, то вот запасная ссылка.

Отзывы

Mateusz Nowak: «Thanks for Ai-to-Psd script!»

Dilyana Aleksandrova: «ai to psd saved my ass at work man, thank you for sharing it!»

Weyn Cueva: «This is amazing! I’ve been looking for something similar because I work more in Photoshop. Thank you»

Maggie Stilwell: «This is awesome! A great timesaver. Thank you for sharing it»

WashIrving: «выглядит чертовски полезно. спасибо, бро»

zmotion: «Шикарный скрипт. Уверен для многих, в том числе и для меня это будет весьма полезно!»

Abdelrahman Hamza: «Man this is GREAT I have been struggling for many years in my work process and workshops. Thank you very much for your tool and effort»

Краткие итоги

  • Ни сторонний платный софт, ни скрипт Ai2Psd не являются 100% способом перенести сложные макеты корректно из Иллюстратора в Фотошоп.
  • Флэт иконки, UI элементы, простые иллюстрации — их можно получить из AI в PSD векторными.
  • Трюк с Make Compound Shape на объекте с заливкой без обводки в Иллюстраторе позволяет экспортировать вектор в PSD.
  • Если сгруппировать растрируемый объект в Иллюстраторе, то он будет отдельным слоем в Фотошопе.
  • Скрипт Ai2Psd является бесплатной альтернативой сторонним программам.

Донаты

Вы можете поддержать меня и разработку бесплатных скриптов:

  • Buymeacoffee
  • FanTalks
  • Тинькофф
  • ЮMoney
  • QIWI
  • Donatty

#иллюстратор #программирование #скрипт #урок

Открыть несколько изображений как слои Photoshop

Автор сценария Стив Паттерсон.

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

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

В версии Photoshop CS4 компания Adobe представила в Bridge новую замечательную функцию для экономии времени — команду «Загрузить файлы в слои Photoshop ». Если вы заранее знаете, что собираетесь работать с несколькими изображениями в документе, и знаете, какие именно изображения вам понадобятся, Photoshop теперь может открывать и загружать все ваши изображения в тот же документ и автоматически размещать каждое из них. изображение на своем собственном слое! Вот как это работает. Вам понадобится Photoshop CS4 или выше, чтобы следовать (я использую CS5 для этого урока).

Шаг 1. Выберите изображения в Bridge

Начните с открытия Adobe Bridge и перейдите к папке, содержащей изображения, которые вы хотите добавить в документ. Здесь у меня есть Bridge, открытый для папки на рабочем столе с тремя фотографиями внутри. Я выберу первое изображение (то, что слева), нажав на его миниатюру:

Нажмите на фото слева, чтобы выбрать его.

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

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

Шаг 2. Выберите команду «Загрузить файлы в слои Photoshop»

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

В Bridge выберите Инструменты > Photoshop > Загрузить файлы в слои Photoshop.

Вот и все! Photoshop откроется автоматически, если он еще не открыт, и добавит все три изображения (или столько изображений, сколько вы выбрали) в один и тот же документ. Фотошопу может потребоваться несколько секунд, чтобы обработать все, но когда это будет сделано, вы увидите на экране один открытый документ, содержащий все ваши фотографии:

.

Все изображения открыты в одном документе Photoshop.

Некоторые изображения могут блокировать просмотр других в окне документа, но если мы посмотрим на панель «Слои», мы увидим, что каждая из трех фотографий, выбранных в Bridge, была добавлена ​​в документ и помещена на отдельный слой. Обратите внимание, что Photoshop использовал имена изображений для имен слоев:

.

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

Просмотр отдельных слоев

Если вы хотите просмотреть определенное изображение в окне документа, удерживайте нажатой клавишу

Alt (Win) / Option (Mac) и щелкните значок видимости слоя для слоя, который вы хотите просмотреть. Это маленький значок глазного яблока в крайнем левом углу каждого слоя на панели «Слои». Photoshop временно отключит все слои в документе, кроме того, на котором вы щелкнули. Например, я хочу просмотреть фотографию женщины, которая в настоящее время заблокирована двумя другими изображениями над ней в документе, поэтому я буду удерживать нажатой клавишу Alt (Win)/Option (Mac) и щелкать слой значок видимости для слоя «woman.jpg»:

Удерживая Alt (Win) / Option (Mac) и щелкнув значок видимости слоя для слоя «woman.jpg» на панели «Слои».

Это отключает два других слоя и отображает только изображение «woman.jpg» в окне документа. Чтобы снова включить другие слои, когда вы закончите, просто удерживайте нажатой клавишу Alt (Win) / Option (Mac) и еще раз щелкните значок видимости того же слоя. Обратите внимание на шахматную доску под моей фотографией, так Photoshop представляет прозрачные области слоя. Причина, по которой часть этого слоя прозрачна, заключается в том, что каждое изображение, которое я открывал, было разного размера, поэтому Photoshop создал документ достаточно широким и высоким, чтобы все они поместились.

Это означает, что некоторые изображения по-прежнему должны быть изменены в размере и перемещены с помощью команды «Свободное преобразование» после того, как они были загружены в документ, но это то, что мы обычно должны делать в любом случае:

Теперь в документе виден только выбранный слой.

Переименование слоев

Единственное, что мне не очень нравится в команде «Загрузить файлы в слои Photoshop», это то, что она включает расширение файла в имя каждого слоя («лес.jpg», «листья.jpg», «женщина.jpg») . К счастью, переименовать слои несложно. Просто дважды щелкните непосредственно на имени слоя, чтобы выделить его, затем введите новое имя. Или, в этом случае, просто удалите расширение файла в конце имени. Я дважды щелкну имя «forest.jpg», чтобы выделить его, затем удалю часть «.jpg» в конце:

Удаление расширения файла «.jpg» в конце имени слоя.

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

.

Все три слоя были переименованы.

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

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

Все три изображения объединены в одно.

Куда идти дальше…

И вот оно! Вот как можно открыть несколько изображений в виде слоев в Photoshop! Посетите наш раздел «Основы Photoshop», чтобы узнать больше о слоях, инструментах выделения, фигурах и других важных навыках Photoshop!

Получите все наши уроки Photoshop в формате PDF! Загрузите их сегодня!

Редактировать в «открыть как слои в Photoshop» неактивно

Джим Уайлд
Гуру Lightroom