Форматы файлов в Adobe Photoshop
Формат Photoshop Raw является гибким форматом файла, предназначенным для передачи изображений между приложениями и компьютерными платформами. Этот формат поддерживает изображения CMYK, RGB и в градациях серого с альфа-каналами, а также многоканальные изображения и изображения Lab без альфа-каналов. Документы, сохраненные в формате Photoshop Raw, могут быть любого размера в пикселах и иметь любой размер файла, однако не могут содержать слои.
Формат Photoshop Raw состоит из потока байтов, описывающего данные о цвете в изображении. Каждый пиксель описывается в двоичном формате, где 0 представляет черный цвет, а 255 — белый цвет (для изображений с 16-битными каналами белый описывается значением 65535). Photoshop определяет число каналов, необходимых для описания изображения, а также любые дополнительные каналы изображения. Можно задать расширение файла (Windows), тип файла (Mac OS), указать создателя файла (Mac OS) и данные заголовка.
В Mac OS тип файла, как правило, представляет собой четырехзначный идентификатор, определяющий файл, например идентификатор TEXT определяет файл как текстовый файл ASCII. Создатель файла обычно также обозначается четырехзначным идентификатором. Большинство приложений Mac OS имеют уникальный идентификатор создателя файла, зарегистрированный в группе Apple Computer Developer Services.
Параметр «Заголовок» определяет количество байтов данных в файле, предшествующих собственно данным изображения. Этим значением определяется число нулей, вставляемых в начале файла в качестве местозаполнителей. По умолчанию заголовок не используется (размер заголовка = 0). При открытии файла можно ввести заголовок в формате Raw. Можно также сохранить файл без заголовка, а затем использовать специальную программу для редактирования файлов, например HEdit (в Windows) или Norton Utilities (в Mac OS), чтобы заменить нули данными заголовка.
Можно сохранить изображение в формате с чередованием или без. Если выбран режим с чередованием, значения цветов (например, красного, зеленого и синего) хранятся в определенной последовательности. Выбор зависит от требований приложения, которым предполагается открывать файл.
Форматы файлов, поддерживаемые в Photoshop
В этом разделе представлен список форматов файлов, поддерживаемых в Photoshop.
Форматы для импорта звука
Звездочкой (*) отмечены форматы, поддержка которых появилась в Photoshop CS6.
- AAC*
- AIFF*
- M2A*
- M4A*
- MP2*
- MP3*
Форматы для импорта видео
Звездочкой (*) отмечены форматы, поддержка которых появилась в Photoshop CS6.
- .264*
- 3GP
- 3GPP*
- AVC*
- AVI (см. примечание ниже)
- F4V*
- FLV*
- MOV (QuickTime)
- MPE*
- MPEG-1
- MPEG-4
- MPEG-2, если установлен декодер (например, с приложением Adobe для обработки видео)
- MTS*
- MXF*
- R3D*
- TS*
- VOB*
Примечание.
- AVI: начиная с Photoshop CC 2019 версии 20.0 этот формат не будет поддерживаться при импорте файлов на компьютерах Mac. Его поддержка будет возможна только в ОС Windows.
- Воспроизведение SWF: начиная с Photoshop CC 2019 версии 20.0 воспроизведение файлов SWF посредством команды Файл > Открыть как (видео) не будет поддерживаться на компьютерах Mac и Windows. Файлы SWF не будут воспроизводиться в Photoshop.
Форматы для экспорта видео
Звездочкой (*) отмечены форматы, поддержка которых появилась в Photoshop CS6.
- DPX*
- MOV (QuickTime)
- MP4
- JPEG2000 (QuickTime) (см. примечание ниже)
Примечание.
JPEG2000 (QuickTime): начиная с Photoshop CC 2019 версии 20.0 формат QuickTime с набором JPEG2000 не будет поддерживаться для экспорта на компьютерах Mac и Windows.
Форматы графических файлов
- BMP
- Cineon
- CompuServe GIF
- DICOM
- Формат IFF
- JPEG
- JPEG2000
- Формат больших документов PSB
- OpenEXR
- PCX
- Photoshop 2.0 (только для Mac)
- Photoshop DCS 1.0
- Photoshop DCS 2.0
- Photoshop EPS
- Photoshop PDF
- Photoshop PSD
- Photoshop Raw
- PICT (только чтение)
- Ресурс PICT (только для Mac; возможно только открытие)
- Pixar
- PNG
- Переносимый растровый формат
- Radiance
- Scitex CT
- Targa
- TIFF
- Wireless Bitmap
Форматы с поддержкой 3D
Звездочкой (*) отмечены форматы, поддержка которых появилась в Photoshop CS6.
- 3D Studio (только импорт)
- DAE (Collada)
- Flash 3D* (только экспорт)
- JPS* (JPEG Stereo)
- KMZ (Google Планета Земля 4)
- MPO* (мультиформатная поддержка)
- U3D
- OBJ (Wavefront)
Описание форматов (расширений) файлов, используемых в фотошопе
Чтобы освоить фотошоп, нужно сперва разобраться с фундаментальными понятиями, на которых строится вся система. К таким понятиям относится форматы (расширения) файлов, с которыми работает редактор.
Формат файлов это своего рода архив, который хранит в себе необходимую информацию о том как его открыть и как он должен вам показать свое содержимое. Их создают специально под какие-то программы, приложения и цели. Расширение — это часть имени файла, которое стоит после точки. Расширение нам говорит о том, какой программой можно открыть данный файл. Например, расширение .jpg говорит о том, что перед нами графический формат файла, содержащий изображение и его можно открыть в программе, предназначенной для работы с графикой.
Форматов и расширений существует тысячи, но нас интересуют только те, с которыми может работать фотошоп. Также я затрону некоторые системные форматы, которые использует программа.
Как сохранить картинку в том или ином формате в фотошопе смотрите инструкцию в этой статье.
Описание графических форматов файлов
Почему не существуют одного единственного универсального формата для графического файла? Потому что они все различаются своими свойствами и особенностями. Отличаются набором уникальных возможностей, которые нельзя совместить между собой сразу. Каждый формат является компромиссом между качеством картинки и скоростью ее загрузки.
PSD (Photoshop Document)
Это формат создается и открывается ТОЛЬКО в программе фотошоп (конечно, есть исключения, но они исключительно для демонстрации содержимого). Соответственно все широкие возможности данного формата доступны только в этой программе.
Достоинства PSD заключаются в том, что он хранит массу информации о файле: данные о прозрачности и полупрозрачности, о слоях, эффектах и фильтрах и других инструментов, которые можно применить в программе. То есть, когда вы открываете файл с таким расширением, у вас на палитре со слоями будут отображаться все слои и эффекты, которые применил автор.
В этом формате информация сжимается без потерь качества. Используется при окончательном сохранении файла после обработки в программе.
Недостатком формата является большой объем файла из-за значительного количества сохраняемой информации и не совместимость формата с другими графическими программами.
RAW (англ. raw — сырой, необработанный)
Говоря о RAW, мы говорим о нем как о формате, поскольку расширений, поддерживающих его, достаточно много. Их количество продиктовано самой спецификой формата, о которой я сейчас вкратце расскажу.
Фотография в формате RAW это хранилище «тонны» информации. Его можно сравнить с PSD, поскольку он также предоставляет возможность «вертеть настройки» в любое время.
Он нужен, чтобы обрабатывать изображения, это, своего рода, цифровой негатив. Когда фотоаппарат делает снимок, он записывает в файл всю информацию, с максимально возможными диапазонами основных характеристик: экспозиция, насыщенность, цвета, яркость и тому подобное. Открыв на компьютере RAW-файл вы можете менять все значения, все то, что могли бы сделать на фотоаппарате, но не сделали. Это как фотошоп, только изменения, например, яркости, не портят изображение, в отличии от фотошопа, который может наложить шумы и разные неестественные пиксели.
RAW создается на зеркальных фотокамерах, а у них, как известно, много производителей. В связи с этим каждый производитель иначе пишет свой архив информации и поэтому расширения у них будут разными. Но, например, фотошоп откроет любой RAW файл. Главное, скачать актуальную версию модуля, поддерживающего данную фотокамеру.
Запомните: профессиональная обработка начинается с редактирования именно этого формата.
Принципиальных недостатков нет. Но здесь можно указать о весе одного такого файла (как минимум 20 МБ), а также о возможных проблемах с открытием. Например, мою камеру Canon 650D не может открыть фотошоп CS5.
JPG (JPEG, Joint Photographic Experts Group)
Это, возможно, самый популярный графический формат. Если у вас есть фотоаппарат, то вы увидите, что все ваши фотографии были сделаны именно в JPG.
Главное его достоинство — возможность регулировать степень сжатия файла. У него сжатие происходит с потерей качества. Потому важно подобрать такое сжатие, чтобы сохранить достаточное качество. Оно задается в диалоговом окне программы в процессе сохранения изображения.
Хорошая сжимаемость делает его незаменимым при передаче файлов по сети, при размещении в интернете, при сохранении на внешних носителях. При этом полезно будет сохранить и первоначальный вариант файла, поскольку потеря качества при сжатии является необратимой.
Формат хорошо подходит для сохранения полноцветной графики, но не поддерживает прозрачный цвет, то есть все прозрачные элементы будут белыми.
GIF (Graphics Interchange Format)
Очень старый формат, специально разработанный для обмена изображениями. Им поддерживается палитра в 256 цветов, потому GIF не подходит для полноцветных изображений.
Изначально создавался для размещения изображений на Web-страницах. Он поддерживает прозрачность, а также позволяет создавать анимацию. В нем данные сжимаются без потери качества.
Особенностью данного формата является построчное сжатие, когда при наличии массива точек с одним цветом записывается информация о количестве точек и их цвете, а не информация о каждой точке.
Из достоинств еще можно отметить возможность поддержки прозрачности. Правда есть исключение – нельзя сделать какой-либо пиксел полупрозрачным, т.е., например, на 35% прозрачным. Пиксел должен быть либо прозрачным, либо нет, третьего не дано.
Подходит для простых изображений, зачастую с использованием текстовой информации.
PNG (Portable Network Graphics)
Довольно новый графический формат. Создавался с целью постепенной замены GIF. В настоящее время является незаменимым для веб-графики.
Как и GIF, PNG задумывался, прежде всего, для использования на Web-страницах. Имеет ряд преимуществ по сравнению с GIF: поддерживает несколько цветовых палитр, может использоваться для полноцветной графики, расширены возможности использования прозрачности (прозрачность может быть частичная, например, на 20%, что безусловно дает огромный простор работы с изображениеями), сжатие без потери качества происходит не только по строчкам, то есть горизонтально, но и вертикально.
Недостаток PNG — не позволяет создавать анимацию.
На примере обратите внимание на миниатюру пера — оно на прозрачном фоне.
BMP (Bitmap Picture)
Это один из наиболее старых графических форматов. Создавался компанией Microsoft для использования в своих приложениях. Применяется для различных цветных и черно-белых изображений.
Сжатие в этом формате не используется. Потому файлы в формате BMP имеют очень большой объем, из-за чего сфера его применения ограничена (для Web-страниц неприменим вообще). Подходит для хранения небольших изображений, например, пиктограмм, используемых в операционных системах. После появления многих других форматов BMP постепенно вытесняется и сейчас используется довольно редко.
EPS (Encapsulated PostScript)
Это векторный графический формат, основанный на языке PostScript. Предназначен, прежде всего, для обмена графическими данными между разными приложениями.
Чаще всего используется в векторных редакторах (например, Adobe Illustrator). Можно открыть в программе фотошоп.
EPS популярен в профессиональной полиграфии. Такое изображение удобно размещать в документе, который верстается.
Формат удобен тем, что сохраняет в файле уменьшенную копию изображения, так называемый preview. Это ускоряет просмотр больших изображений. Также preview может использоваться и для непосредственного размещения в верстаемом документе.
Миниатюра меняется в зависимости от того, каким приложением по умолчанию вы открываете файлы такого типа:
TIF (TIFF, Tagged Image File Format)
Широко используется для хранения графических данных.
В этом формате часто сохраняют сканированные изображения. Большую популярность приобрел он и в полиграфии. Еще одно назначение этого формата — это использование его при переносе графических данных между разными платформами (например, с IBM-совместимых компьютеров на Macintosh). Сжатие происходит без потерь по алгоритму LZW. Но из-за этого файлы в таком формате имеют значительный объем.
Описание системных форматов (расширений) фотошопа
Что подразумевается под системными форматами? Это файлы, на которых строится вся программа. Конечно, мы не будем рассматривать их все, а только расширения дополнительных модулей, таких как кисти, стили, шрифты и тому подобное. Все эти модули хранятся в системной папке фотошопа: C:\Program Files\Adobe\Adobe Photoshop CS5\Presets. Из всего этого списка речь пойдет о самых полезных.
Зачем нужна такая информация? На сайте и в интернете в целом есть много источников для скачивания дополнительных файлов, которые можно использовать в работе в программе. Зная их форматы и расширения, вы сможете ориентироваться, что находится перед вами, сможете быстро искать сборники у себя на компьютере, а также создавать свои и устанавливать их в программу.
И вообще, полезно знать как что выглядит и из чего состоит.
ABR (Кисти)
Кисти, пожалуй, самые популярные дополнительные материалы для фотошопа. Они пользуются огромной популярностью.
Файлы этого типа представляют из себя набор оттисков кисточек. Здесь разобрана подробная инструкция как их устанавливать в фотошоп.
ASL (Стили слоя)
Стили слоя — это настроенный набор определенных эффектов слоя. Достаточно только выбрать нужный слой и выбрать подходящий стиль, в результате чего, как правило, текст или веб-графика красиво преобразятся. Почти кнопка «Создать шедевр». Рекомендую почитать как их установить в программу фотошоп.
На сайте вы сможете найти множество очень красивых наборов.
ATN (Экшены/операции)
О том, что такое экшены/операции и как ими пользоваться читайте в моей подробной статье. Вкратце — это сохраненная комбинация действий, которая запускается нажатием одной клавиши и сильно экономит время при обработке фотографий одними и теми же манипуляциями.
Здесь смотрите как их установить в программу.
CSH (Фигуры)
Фотошоп позволяет вставлять простейшие векторные фигуры в ваш проект. Они не могут быть объемными или цветными, потому что представляют из себя силуэты, чем-то напоминающие оттиски кистей. Но их достоинство именно в векторе, то есть их можно растягивать в размерах без потери качества. Подробнее о фигурах и как их установить читайте в отдельной статье.
GRD (Градиенты)
В целом, я бы не сказал, что градиенты придется часто искать и скачивать, поскольку их запросто можно сделать самому, да и каждому проекту нужен свой уникальный градиент. Но в сети встречаются наборы, которые можно скачать. Самые популярные наборы — это градиенты неба (на закате, на рассвете, ночное и вечернее).
PAT (Текстуры)
В фотошопе можно накладывать бесшовные текстуры. В основном это делают в окне Стили слоя во вкладке Тиснение. А также в фильтрах.
JSX (Скрипты)
Программа обладает большим количеством возможностей для автоматизации одних и тех же действий. Очередным способом является программирование собственной команды на языках JavaScript или Visual Basic. Рекомендую почитать статью о том, как можно самым простым способом самостоятельно записать свой собственный скрипт.
TTF (Шрифты)
Шрифты находятся в системной папке вашей операционный системы: C:\Windows\Fonts. В интернете можно найти великое множество шрифтов. К сожалению, многие из них не поддерживают кириллицу, но найти на русском языке все равно не составит труда. В этой статье я вас научу как их устанавливать в фотошоп.
Теперь вы знаете что такое форматы и расширения и сможете различать типы изображений. Обратите еще раз внимание на прозрачность пикселов. Современные изображения, особенно сделанные для сайтов, часто идут с прозрачными фонами и их нужно уметь делать. Мне поступает множество вопросов почему белый фон там, где его не должно быть. Эти вопросы люди задают от своей невнимательности и не знания элементарных основ.
Что касается системных файлов, рано или поздно вы с ними столкнетесь, когда поймете, что тех наборов стилей, кистей и прочего, что предустановлено в программе по умолчанию, вам будет не достаточно.
Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter. Спасибо!
Photoshop. Форматы файлов
Современные цифровые фотоаппараты, начиная с продвинутых моделей, предлагают пользователю на выбор несколько форматов файлов, в которых может производиться запись фотографий на карту памяти. Чаще всего это форматы JPEG и RAW, иногда к ним добавляется и формат TIFF. В этой статье вы узнаете об особенностях этих трех форматов и определитесь с выбором формата для съемки.
Чтобы понять, как образуется тот или иной формат в фотоаппарате, давайте кратко рассмотрим основные этапы формирования изображения, от экспонирования матрицы до записи готового результата на карту памяти.
Свет, попадая на матрицу, изменяет величину электрического заряда элемента (который впоследствии станет пикселем изображения). Величины заряда со всех элементов матрицы фиксируются и проходят оцифровку аналого-цифровым преобразователем, а затем кодируются в специальный формат, который получил общее название RAW (от англ. “сырой”). Строго говоря, это не формат, а название множества форматов необработанных данных с сенсора камеры. У каждого производителя свой формат данных, поэтому при выходе новой модели камеры, программы для обработки RAW–файлов не могут открыть изображение до тех пор, пока не будет выпущено обновление, куда включены данные о формате файлов новых фотокамер.
Затем набор данных обрабатывается компьютером камеры. При этом происходит исправление баланса белого, яркости, контрастности, удаление шумов, повышение резкости, уменьшение глубины цвета до 8 бит. То есть камера делает все за нас, по одному ей ведомому алгоритму, без учета индивидуальных особенностей изображения. Часть исходной информации, заложенной в формате RAW, теряется при таких преобразованиях, но значительного ухудшения качества не происходит, так как используется алгоритм сжатия без потерь. В некоторых моделях камер можно записать изображение на карту памяти после этой стадии обработки. Это будет формат TIFF.
Далее производится сжатие информации об изображении. При этом используется алгоритм сжатия с потерями, то есть, происходит необратимое ухудшение качества изображения. Такой файл будет занимать значительно меньше места, но в нем будет содержаться всего 30-40% от исходной информации, зафиксированной сенсором камеры.
Теперь подробнее о каждом формате, его достоинствах и недостатках
Формат JPEG.
Самый распространенный формат изображений – JPEG (JointPhotograficExpertsGroup – группа экспертов в области фотографии, разработавшая этот алгоритм кодирования). Он позволяет получать изображения хорошего качества при небольшом размере файла.
Достоинства формата: малый размер файла, высокая совместимость со всеми устройствами (изображения можно просмотреть на любом компьютере или мобильном устройстве), полная поддержка всеми интернет-браузерами.
Недостатки формата: вызваны использованием алгоритма сжатия с потерями. При высокой степени сжатия объем файла уменьшается, но качество изображения значительно ухудшается, появляются блочные артефакты сжатия.
Изображение в формате JPEG нежелательно повторно редактировать и сохранять, так как каждое пересохранение – это новое сжатие изображения с соответствующими потерями. Если вам нужно продолжать работу над изображением, сохраняйте его в формате TIFF или PSD. Эти форматы используют алгоритмы сжатия данных без потерь, поэтому ухудшения качества при многократном пересохранении не происходит
Формат TIFF
TIFF (TaggedImageFileFormat)также является распространенным форматом изображений. Он использует алгоритмы сжатия без потерь, а также может сохранять данные и без сжатия. Файлы формата TIFF по объему значительно больше, чем файлы JPEG. Так как сжатие происходит без потерь либо не происходит вовсе, данный формат обеспечивает более высокое качество изображения и часто применяется для качественной подготовки изображений к печати, особенно большим форматом.
Достоинства формата: высокое качество изображения, использование сжатия данных без потерь
Недостатки формата: очень большой объем файлов, в 8-10 раз больше, чем изображений в формате JPEG. Если используется глубина цвета 16 бит, объем файла увеличивается еще вдвое.
Формат RAW
Файл формата RAW представляет собой данные с матрицы фотокамеры, оцифрованные процессором и «упакованные» с помощью специального алгоритма в стандартизованный производителем камеры формат и сжатые без потерь, без какой-либо обработки. При этом формат RAW занимает значительно меньше места, чем TIFF, но больше, чем JPEG, и содержит 10 – 16 разрядные данные, в зависимости от модели камеры.
Вообще, все цифровые камеры снимают в формате RAW, даже самые простые компактные. Просто не во всех камерах этот формат является доступным для пользователя. В тех случаях, когда камера поддерживает съемку в формате RAW, к ней обязательно прилагается программное обеспечение, позволяющее производить элементарную коррекцию в этом формате и конвертировать его в другие, например, JPEG и TIFF.
Файл в формате RAW невозможно испортить неумелой обработкой – он непосредственно не редактируется и всегда остается в неизменном виде. Вся обработка записывается в небольшой файл-инструкцию, который используется программой для считывания информации об обработке и визуализации извлеченного из RAW –файла изображения с учетом примененных корректировок. Кроме того, формат RAW позволяет редактировать многие параметры с минимальными потерями качества, например, исправлять баланс белого, восстанавливать казалось бы, потерянные детали в светлых или темных областях, исправлять искажения оптики и многое другое
Достоинства формата RAW: широчайшие возможности редактирования изображения с минимальными потерями качества, невозможность испортить исходный файл неумелой обработкой.
Недостатки формата RAW: большой объем файла, требуются специальные программы для просмотра и редактирования.
В каком формате снимать?
Выбор формата изображения для съемки зависит от многих факторов. Многие начинающие фотографы совершают большую ошибку, снимая только в формате RAW, игнорируя формат JPEG как ущербный. Действительно, в тех случаях, когда позволяет ситуация, лучше всего использовать формат RAW. Но в репортажной или спортивной съемке, к примеру, пренебрежение форматом JPEG может стоить вам пропущенных удивительных кадров. Все дело в том, что формат RAW требует большого буферного объема памяти в камере, а также быстрого процессора. При съемке длинной серии в формате RAW вас не спасут даже быстрые карты памяти – буфер камеры все равно заполнится и камера не сможет снимать до тех пор, пока он не освободится. Это время занимает порядка нескольких секунд, вполне достаточно, чтобы пропустить хороший кадр. Формат JPEG в этом случае позволит не ограничивать себя и снимать сколь угодно длинные серии кадров. В условиях студии или при постановочной фотосъемке, а также при любых условиях, когда не требуется быстрая серийная съемка, лучше использовать формат RAW.
Формат TIFF для съемки использовать нецелесообразно — он занимает очень много места на карте памяти, а данных в нем записывается меньше, чем в формате RAW.
При создании статьи использовался материал: Евгения Карташова
Основные форматы графических файлов, используемых Photoshop
PSD-файл можно архивировать и сохранять на внешних носителях для последующего редактирования. Если Вы проделали какую-либо работу по редактированию фото, но всё-таки имеется небольшой шанс вернуться к редактированию этого изображения в последствии, безусловно, необходимо сохранять изображение в формате PSD. При этом, независимо от того, сколько раз открывать, закрывать и повторно сохранять файл PSD, не будет никакой потери качества изображения, также все ваши слои, маски слоя, корректирующие слои и т.п. будут сохранены как часть файла, что позволяет в любое время вернуться к изображению и продолжить редактирование.
Одним из новых преимуществ работы с PSD файлами является то, что теперь они могут быть импортированы непосредственно в Adobe InDesign, давая Вам полный доступ к отдельным слоям в файле при разработке макетов страниц. Вы даже можете снова открыть PSD-файл в Photoshop`е непосредственно из InDesign, внести изменения в файл, сохранить его, после чего изменения немедленно обновятся в макете!
Единственным реальным недостатком PSD-файла является то, что его размер может быть очень большим, особенно если вы работаете с изображением с сотнями или даже тысячами слоёв.
В итоге, PSD-файл является наиболее важным файлом при работе в Photoshop.
JPEG
Формат JPEG (Joint Photographic Expert Group) используется уже почти 20 лет и является самым популярным и широко используемым форматом файлов для просмотра и использования цифровыми фотографиями. Он поддерживает 24-битный цвет, что означает, что он может воспроизводить примерно 16,7 млн. цветов, и даже самые дешевые цифровые камеры могут сохранять изображения в виде файлов JPEG. Самые навороченные цифровые зеркальные камеры дают вам возможность захвата изображения либо в JPEG, либо в RAW формате.
Важно, однако, не путать понятия «популярные» и «широко используемые» с понятием «профессиональные качества». JPEG является форматом сжатия, а любое сжатие связано с потерями качества изображения. При сжатии уменьшается размер файла, но чем больше Вы используете сжатие, тем сильнее уменьшается качество Вашего изображения. Вы можете управлять степенью сжатия при сохранении файла в Photoshop при помощи соответствующих настроек. Естественно, что при выборе высокого качества, размер файла увеличивается, и наоборот.
Самое большое преимущество формата JPEG — в его удобстве. Эти файлы обычно настолько малы, что могут быть легко загружены и отображены на веб-страницах, фотобанках соцсетей, а также переданы электронной почте. При онлайн-редактировании изображений обычно также требуется загружать формат JPG.
Недостатком JPEG является то, что снижение качества, вызванное сжатием изображений, означает, что они не являются хорошим вариантом для печати, когда качество изображения является главным критерием, а размер файла отходит на второй план.
Кроме того, этот формат практически не сжимается при архивации.
Если при фотографировании на камеру она сохраняет фотографии в JPEG, убедитесь, что вы выбрали самый большое возможное качество изображения.
И ещё один важный недостаток, это ухудшение качества при повторном сохранении.
Каждый раз, открывая для редактирования и повторно сохранить файл, Вы создаёте еще большее сжатие изображения, это ухудшает качество и оставляет артефакты.
Из этого следует, что сохранять изображения в JPEG не стоит, если в последствии имеется возможность повторного редактирования.
GIF
Формат GIF (Graphics Interchange Format) даже старше JPEG. Этот формат создавался для веб-графики. Заметьте, для веб-графики, а не веб-фотографии.
GIF-файлы могут отображать только до 256 цветов, это гораздо меньше, чем необходимо для удовлетворительного воспроизведения изображения (и гораздо меньше, чем миллионы цветов, поддерживаемых JPEG).
Но, несмотря на малое количество поддерживаемых цветов, когда дело доходит до веб-дизайна, без формата GIF не обойтись. Изображения GIF хорошо подходят для веб-страницы макетов, баннеров и кнопок, т.к., в основном, подобные элементы веб-дизайна содержат большие области из одного цвета.
Кроме того, GIF позволяет веб-дизайнерам создавать простые анимации.
Одно из главных преимуществ GIF перед JPEG, особенно важное для веб-дизайнеров, заключается в том, что GIF поддерживает прозрачность, но, следует отметить, что он поддерживает только один уровень прозрачности, то есть пиксель является либо прозрачным, либо нет. Это может привести к рваным краям вокруг изображения в случае, если цвет края картинки отличается от цвета фона под ним. Для повышения качества эффектов прозрачности, лучшим вариантом является выбор формата PNG.
PNG
PNG (Portable Network Graphics) был первоначально создан для замены формата GIF (аббревиатуру PNG также в шутку расшифровывается как «PNG not GIF»). Но PNG так и не смог вытеснить GIF, и GIF-файлы все еще широко применяются на данный момент, но, тем не менее, формат PNG имеет преимущество перед GIF практически в каждом направлении.
Кроме того, PNG имеет некоторые преимущества даже перед JPEG. В то время как файлы JPEG поддерживают 24-битный цвет (до 16,7 миллионов цветов), то PNG-файлы имеют поддержку 48-битного цвета, что дает нам более 1 млрд возможных цветов! Это может показаться впечатляющим, но даже JPEG-файлы поддерживают больше цветов, чем может увидеть человеческий глаз, так что любые реальные различия между 24 и 48-битный цветами в лучшем случае минимальны.
Самым большим преимуществом по сравнению с JPEG является то, что PNG сохраняет изображения без потерь. Это означает, что, хотя он по-прежнему сжимает изображение для уменьшения размера файла, используемый метод сжатия не приводит к потере качества изображения. Вы можете повторно сохранить один и тот же файл PNG несколько раз без ухудшения его качества, в то время как качество JPEG-файлов ухудшается каждый раз при повторном сохранении. С более чем миллиардом возможных цветов и сжатием без потерь, PNG представляет собой отличный выбор формата для сохранения высококачественных цифровых фотографий.
Недостаток PNG в том, что он не поддерживает CMYK-цветовое пространство, что означает, что коммерческие принтеры не могут его использовать.
Основным преимуществом PNG над файлами GIF, кроме того, что количество поддерживаемых PNG цветов значительно превышает 256, является то, что он может воспроизводить 256 уровней прозрачности по сравнению с одним уровнем прозрачности GIF, давая нам плавные переходы по краям, что позволяет не беспокоится о соответствии края с цветом фона.
PNG файлы также обычно меньше, чем файлы GIF, так что они будут быстрее загружаться в веб-браузере.
И ещё один недостаток. PNG, в отличии от GIF, не поддерживает анимацию.
TIFF
Как и PSD файлы, TIFF (Tagged Image File Format) является одним из немногих типов файлов, который поддерживает все функции Photoshop и является еще одним вариантом для архивации изображений со сжатием без потерь, что позволяет сохранять фотографии с максимально возможным качеством изображения.
Качество имеет свою цену, файлы TIFF могут быть очень большими, особенно по сравнению с файлами JPEG. TIFF является общепризнанным стандартом для изображений, предназначенных для коммерческой печати и совместим практически со всем программным обеспечением, специализирующемся на компьютерной вёрстке, таким, как QuarkXPress и InDesign.
Хотя TIFF-файлы и способны сохранять все обычные и корректирующие слои, а также другие элементы, которые имеются Photoshop-документе, всё-таки обычно рекомендуется сохранять все эти элементы в мастер-файле PSD, а формат TIFF использовать для сохранения плоской версии изображения для печати. В последнее время TIFF уже не столь актуален, как раньше, но он остается стандартным форматом для полиграфической отрасли и пользуется широкой поддержкой.
EPS
EPS (Encapsulated PostScript) является еще одним стандартным форматом для полиграфической отрасли, который использовался долгое время, но его применение за последние годы снижается. EPS не является стандартом сохранения изображений в традиционном смысле. Вместо этого, он содержит ряд инструкций о том, как принтер должен воспроизводить изображение.
Опция просмотра изображения должна быть встроена в файл EPS, когда вы сохраняете его в Photoshop, если вы хотите в дальнейшем просматривать его на мониторе, иначе вы не сможете увидеть его, пока макет не будет напечатан.
PDF (Portable Document Format) в основном, используется для просмотра, обмена и печати электронных документов, но сейчас PDF набирает популярность как хороший способ для сохранения изображений, предназначенных для печати. Как PSD и TIFF форматах, PDF поддерживает и сохраняет все функции Photoshop, в том числе возможность использования дополнительных цветов. PDF дает нам несколько вариантов сохранения изображений: либо сжатие JPEG с настраиваемым качеством, чтобы сбалансировать качество изображения и размер файла, либо сжатие без потерь, либо ZIP-архивация.
Преимущество формата PDF заключается в том, что любой пользователь, используя бесплатную программу Adobe Reader, может просматривать изображения любого типа, сохранённые в PDF.
Выбираем тип файла / Фотошоп-мастер
Графический редактор Photoshop способен работать с файлами разных типов. Вполне естественно возникает вопрос: а к чему такое разнообразие? Собрав информацию из разных источников, я выяснила преимущества и недостатки основных форматов.
JPEG
Название этому формату дала группа экспертов Joint Photographic Experts Group. В настоящее время JPEG является самым распространенным форматом для хранения фотографий. Плюсы – относительно небольшой размер файлов и широкая распространённость в использовании. Минус – алгоритм сжатия с потерями. При многократной перезаписи JPEG происходит постепенное искажение деталей и накопление артефактов сжатия, что ведёт к сильному падению качества.
GIF
GIF (аббревиатура от Graphic Interchange Format) имеет очень ограниченную цветовую палитру (8 бит, 256 цветов), поэтому для хранения фотографий и разных арт-проектов он не годится. Но поскольку формат поддерживает сжатие без потерь и создание анимированных изображений, он довольно часто используется для хранения элементов оформления веб-сайтов и баннеров.
PNG
В формате Portable Network Graphics используются незапатентованные (а значит, открытые для всех разработчиков) алгоритмы сжатия графической информации без потерь, поэтому PNG является хорошим форматом для редактирования изображений, даже для хранения промежуточных стадий редактирования, так как восстановление и пересохранение изображения проходят без потерь в качестве.
TIFF
Tagged Image File Format поддерживает сжатие графической информации без потерь ценой существенного увеличения размеров файлов по сравнению с JPEG. TIFF стал популярным форматом для хранения изображений с большой глубиной цвета, используется при сканировании, отправке факсов, распознавании текста, в полиграфии, широко поддерживается графическими приложениями.
EPS, DCS
Формат Encapsulated PostScript достаточно популярен в различных системах вёрстки. При открывании файла EPS, содержащего векторную графику, Photoshop растрирует изображение, преобразуя векторную графику в пиксели. Формат используется в профессиональной полиграфии, и может содержать растровые изображения, векторные изображения, а также их комбинации. Изображение, записанное в EPS-формате, может быть сохранено в разных цветовых пространствах: Grayscale, RGB, CMYK, Lab.
Формат DCS (Desktop Color Separations) является версией стандартного формата EPS, позволяющей сохранять цветоделение в CMYK-изображениях.
PSD, PSB
Photoshop Document – «родной» формат Photoshop, позволяющий сохранять всю структуру рабочего файла, включая слои, маски и обтравочные контуры. Поддерживает файлы размером до 2 Гб. Файлы, размер которых превышает 2 ГБ, необходимо сохранять в формате Large Document Format (PSB).
PHOTOSHOP RAW
Формат Photoshop Raw является гибким форматом файла, предназначенным для передачи изображений между приложениями и компьютерными платформами. Этот формат поддерживает изображения CMYK, RGB и в градациях серого с альфа-каналами, а также многоканальные изображения и изображения Lab без альфа-каналов. Документы, сохраненные в формате Photoshop Raw, могут быть любого размера в пикселях и иметь любой размер файла, однако не могут содержать слои.
Portable Document Format – формат для предоставления (просмотра) электронных документов, некоторые специалисты ассоциируют его с «безбумажным офисом». Главное преимущество – на экранах любых компьютеров, равно как и при распечатке на любых принтерах, PDF-документы выглядят одинаково: страницы не искажаются, а элементы оформления не разъезжаются в разные стороны.
Надеюсь, Вы найдёте в этой статье полезную для себя информацию, которая поможет Вам в освоении широких возможностей Photoshop.
11 полезных расширений для Adobe Photoshop
В этой публикации мы собрали для вас полезные расширения для Photoshop. Они обязательно пригодятся веб-дизайнерам, которые разрабатывают свои проекты в фотошопе, но не только им.
Практически все примеры бесплатны!
Layrs Control — это бесплатный плагин, который содержит сценарии, помогающие сэкономит время при работе со слоями. У вас появится возможность одним кликом удалить неиспользуемые эффекты или пустые слои, объединить стили слоя и пр.
Множество направляющих во время работы в фотошопе способны вывести из себя любого. Расширение GuideGuide делает работу с направляющими проще и более организованной. У вас есть возможность создания направляющих на основе документа или выделения, а также можно задать конкретное расстояние. Вы можете сохранять шаблоны направляющих и использовать их в других документах.
Плагин Web Font дает вам возможность при помощи фотошопа получить доступ к огромной библиотеке веб шрифтов. Расширение работает только вместе с Suitcase Fusion 5 и WebINK. Но польза его велика. Вы можете примерить любой веб шрифт, без скачивая и установки.
Skeuomorphism — это простое расширение для фотошопа, которое в минуты делает ваш дизайн плоским, заменяя градиенты сплошным цветом.
CSS3PS делает проще процесс преобразования макетов Photoshop в сломи CSS3.
Множество полезных эффектов для ваших изображений совершенно бесплатно.
ContrastMaster — это плагин и редактор Lightroom для создания эффектных контрастов, фотореалистичных картинок, эффекта HDR и пр. (Бесплатный пробный период)
Cut and Slice Me позволяет экспортировать объекты на любые девайсы за считанные секунды.
Помогает конвертировать макеты Photoshop в темы для WordPress.
Расширение помогает в работе со столь необходимыми в вебе PNG-файлами. Плагин поддерживает управление альфа-каналом, переменную компрессию, профиль ICC и сохранение метаданных.
Flaticon — это свободный проект, созданный по инициативе дизайнеров и разработчиков. Это также одна из самых больших баз бесплатных векторных иконок, доступных для загрузки в SVG, PSD или форматах PNG. Вы также можете конвертировать иконки в веб-шрифты, полностью масштабировать и редактировать их.
Источник: Сей-Хай
11 полезных расширений для Adobe Photoshop
Мы публикации собрали для вас новые расширения для Photoshop. Они обязательно пригодятся веб-дизайнерам, которые создают свои проекты в фотошопе, но не только им.
Практически все примеры бесплатны!
Layrs Control — это бесплатный плагин, который содержит сценарии, помогающие сэкономить время при работе со слоями. У вас появится возможность одним кликом удалить используемые эффекты или пустые слои, объединить стили слоя и пр.
Множество направляющих во время работы в фотошопе способны вывести из себя любого. Расширение GuideGuide делает работу с направляющими проще и более организованной. У вас есть возможность создания направляющих на основе документа или выделения, а также можно задать конкретное расстояние. Вы можете формировать шаблоны направляющих и использовать их в других документах.
Плагин Web Font дает вам возможность при помощи фотошопа получить доступ к огромной библиотеке веб шрифтов.Расширение работает только вместе с Suitcase Fusion 5 и WebINK. Но польза его велика. Вы можете примерить любой веб шрифт, без скачивая и установки.
Скевоморфизм — это простое расширение для фотошопа, заменяя градиенты сплошным цветом.
CSS3PS Сделать проще процесс преобразования макетов Photoshop в сломанный CSS3.
Множество полезных эффектов для ваших изображений совершенно бесплатно.
ContrastMaster — это плагин и редактор Lightroom для создания эффектов контрастов, фотореалистичных картинок, эффекта HDR и пр.(Бесплатный пробный период)
Cut and Slice Me позволяет экспортировать объекты на любые девайсы за считанные секунды.
Помогает конвертировать макеты Photoshop в темы для WordPress.
Расширение помогает в работе со столь необходимыми в вебе PNG-файлами. Плагин поддерживает управление альфа-каналом, переменную компрессию, профиль ICC и сохранение метаданных.
Flaticon — это свободный проект, созданный по инициативе дизайнеров и разработчиков. Это также одна из самых больших баз бесплатных векторных иконок, доступных для загрузки в SVG, PSD или форматах PNG.Вы также можете конвертировать иконки в веб-шрифты, полностью масштабировать и редактировать их.
Источник: Сей-Хай
.6 Бесплатных Плагинов, Расширений и Скриптов Для Photoshop / WAYUP
Adobe — мировой лидер в области разработки программного обеспечения разного направления. Это и дизайн шаблонов, с поддержкой последующей печати и экспортированием в Adobe XD; это и веб-прототипирование; работа с фотографиями, видео и даже с сайтами на уровне кода. Обновите свои продукты по своему вкусу. И Photoshop тому не исключение.Именно поэтому мы сегодня вновь обратим внимание на лучшие и удобные плагины для всех дизайнеров, которые работают с мобильными приложениями или макетами веб-сайтов. И совершенно неважно какой у вас опыт работы в Adobe Photoshop.
Три месяца назад мы уже решили осветить тему, но теперь посвятить ей еще один материал. И причина тому проста — плагинов, расширений и скриптов, упрощающих работу дизайнера так много, что порой «голова идет кругом» от мысли: « а вот именно ЭТО мне нужно ?».Разумеется, решение о необходимости останется за вами, но все «наши» новые плагины не имеют ничего общего с общими примерами. Да, мы подобрали совсем другие кардинально отличающиеся по задачам и возможностям.
Подготовка
Отметьте сначала, что работоспособность плагинов и скриптов проверялась на версии Adobe Photoshop СС 2015-2017, CS6. Обычно установка производилась через приложение Adobe Extension Manager CC, но иногда достовернее было сделать её вручную, точнее скопировать папки из архива в папке Adobe.Поэтому об установке каждого плагина мы расскажем отдельно; универсальный рецепт здесь может только навредить.
Также отметим, что неважно какая лицензия у вашего Photoshop. Работать у вас « наша » подборка будет.
Возможно, самих расширений будет не так и много, но мы рассмотрим их подробно, часто, казалось бы, простенький плагин на переименование слоев может у некоторых вызывать весьма любопытные вопросы.
Большое, информативное и функциональное расширение от компании Invisionapp.Хотя правильнее было бы его назвать — набор мини-скриптов и плагинов, которые контролируются друг с другом.
Установка: на страничке продукта введите e-mail и получите ссылку на свой загрузку. Или скачайте архив отсюда. Затем установите .exe файл или скопируйте папки из архива в C: \ Users \ [пользовательN] \ AppData \ Roaming \ Adobe \ CEP \ extensions
Плагин появится в меню Окно -> Расширения . Версия 1.1 для Windows последняя, поскольку расширение теперь развивается только для Mac OSX.
Описание: Craft имеет много функций, которые позволяют быстро создавать прототипы проектов, автоматизировать работу с контентом, проводить синхронизацию ресурсов в облаке. Состоит он из нескольких разделов.
На вкладке Фото можно выбрать расположение нужной фотографии и она автоматически вставится на холст. Если у вас размещен объект, например, эллипс и выбран этот слой, то приании папки изображение будет выбрано случайное и вставлено в объект.Аналогично и с облачным хранилищем, и с фотками из интернета с Unsplash.com.
Если фотографий мало своих и на ресурсе, то можно перейти на вкладку Stock и поискать тематические предложения на портале iStock. Загрузить их на компьютер и использовать.
Вкладка Тип тоже интересна. Она позволяет поработать необходимыми и скучными действиями. Расставить время, продумать заголовки, достижение, город и прочее. Создаем пустой текстовой слой, выделяем его на панели слои и выбираем, например, Заголовки -> Мотивация .Затем создаем еще слой и выбираем Имя, затем еще слой и дату, затем еще один и Статья. По умолчанию размер шрифта в плагине 12 пунктов. Вот таким образом быстро получилось смастерить макет страницы со статьей и фоном. Главное, что быстро.
FreeHand позволяет редактировать макеты рукописным приложением а на вкладке Sync можно синхронизировать данные с InVision (требуется аккаунт).
Подробнее о том, как что-то работает, рассказано на сайте плагина.И да, он полностью бесплатный, несмотря на такой большой функционал. Он будет бесплатен всегда. Удобен ли Craft для работы ? Безусловно.
Работа со шрифтами и текстами, заголовками и прочим всегда непроста для веб-дизайнера. Даже порой сложно сказать, что более творчески выглядит: обработка фотографий или текста. Но благодарябору шрифтов от Google можно создать действительно интересные решения и часто искать в интернете часами замысловатый шрифт не всегда нужно.Плагин Fontea как раз и работает с базой Google Web Fonts. Но как работает!
Установка : загрузив архив со странички автора, устанавливаем exe. Теперь самое занятное и важное. Если вы запустите Photoshop и перейдете в Окно -> Расширения , плагин там будет и даже запустится, и шрифты появятся. НО! Работать он в 99% случаев не будет. Так или иначе, но плагин требует доступа к папке C: \ Program Files \ Common Files \ Adobe \ Fonts. И не просто доступа, а «Полный контроль» для группы пользователя Windows.
Если коротко и это важно: по умолчанию Windows создает две записи: Администратор и Пользователь (затем может быть много и с разными правами). Работа в Photoshop обычно осуществляется под Учетной записью пользователя. Поэтому отправляемся по адресу выше и открываем свойства папки Fonts, вкладка Безопасность. Здесь видим, что группа Администраторы имеет галочку «Полный контроль», Пользователи её не имеют.Кликаем «Изменить», выбираем «Пользователи», ставит галочку, сохраняем. Это безопасно, но если у вас везде галочки уже есть, то — отлично.
Описание: Fontea предлагает не просто перечень шрифтов Google с примерами написания, но разбивку на категории, поиск по названию, избранное. Причем, выбранный метод к тексту мгновенно, а потому можно просто перебором подобрать нужный.
Разумеется, что не все типы языка кириллицу, а перебирать и искать нужное — долго. Что предлагаем мы… Открыть проект Google web Fonts, выбрать справа Languages -> Cyrillic . Пред взором предстанет много названий шрифтов и примеры написания. Мы увидели Ubuntu . Переходим в Photoshop и в поиске Fontea вводим Ubuntu. Нашли три варианта. Применяем понравившийся, и текст обрел новые краски. Отдельно можно отсортировать, таким образом, кирилистические шрифты и отметить их звездочкой.
Зачем доступ к папке? вы выбираете шрифт, он загружается на компьютер, и вы можете затем работать с ним в дальнейшем.Если не кликнули по шрифту в списке плагина, то его на вашем компьютере нет. Именно поэтому и доступ нужен, чтобы загрузить файл в папку для дальнейшей работы.
Небольшой скрипт, который позволит оперировать со Слоями в разных документах. Если вы хотите скопировать слой, его можно дублировать в пару кликов мышкой. Но именно скопировать один слой из одного документа в другой — нельзя. Можно долго размещать рядом холсты, перетаскивать слои на иконки и прочее. Это муторно.
Copio предлагает корне иной и простой подход. Бесплатный плагин позволяет с помощью двух команд скопировать слой, а затем вставить его. И количество слоев неважно.
Установка : на страничке скрипта нажмите Скачать, введите свой e-mail и именно на него придет ссылка для скачивания. Распакуйте .zip архив и скопируйте папку Copio в / Presets / Scripts /.
Описание: уже в Photoshop открыть Файл -> Сценарии и увидеть два элемента Copio Paste и Copio Copy .Для удобства можно перейти в окно Клавиатурные сокращения и назначить на эти сценарии клавиши быстрого запуска.
Теперь у нас есть два документа и мы хотим наш эллипс с картинкой скопировать в новый документ. Выделяем два слоя, нажимаем Copio Copy, переходим в новый документ и выбираем Copio Paste. В новом документе вы сначала увидите мелькание всех слоев предыдущего холста, а затем останется активным только нужное. И все. Быстро и легко. Если работа над макетом или фотографиями идет с холстами, то это удобно.
Еще один небольшой, но интересный плагин. Material Design подразумевает использование длинных теней на иконках. Некоторые рисуют их от руки, кто-то ищет готовые решения. Мы же нашли этот плагин, и возможно вы его знаете, а может, и нет.
Установка: На страничке проекта загрузите версию для Photoshop CC и установите файл .zxp через Adobe Extension Manager CC. Или переименуйте архив из .zxp в .zip, распакуйте куда-нибудь и папку из архива скопируйте в C: \ Program Files (x86) \ Common Files \ Adobe \ CEP \ extensions .Теперь в Photoshop плагин появится в Окно -> Расширения.
Описание: создание тени проходит в один клик, но перед этим вы можете настроить длину этой тени, её размер, цвет, направление. И не имеет значения — какая у вас фигура. Тень тоже будет фигурной. Просто, быстро, удобно. И вот что у нас получилось.
Без этого плагина наша подборка была бы не полная. О Font Awesome и иконочном шрифте знают многие, особенно если речь идет об использовании иконок вместо отдельных букв или в качестве значков.Все они вызывают, поэтому и на Retina-дисплеях выглядят отлично, и на больших по разрешению экрана.
Но ведь и макет сайта хочется создать в Photoshop с использованием готовых иконок. И не только…
Установка: переходим на сайт авторства плагина Creative Do и загружаем расширение, заполнив форму. Устанавливаем файл .zxp с помощью Adobe Extension Manager CC или переименовываем .zxp в .zip (в Windows 10 можно сделать сразу в Проводнике) и файлы и папки из архива копируем в C: \ Program Files (x86) \ Common Files \ Adobe \ CEP \ extension.
Описание: теперь остается только создать холст и выбрать нужную иконку из большого количества. Здесь все иконки шрифта Font Awesome. Да, они на отдельном слое и очень маленькими. Зато потом можно их увеличить, изменить им цвет, тень или свечение и многое другое. И они присутствуют.
Наличие самого иконочного шрифта Font Awesome на компьютере не требуется.
Еще одно большое, интересное и бесплатное расширение.Оно вновь помогает оперировать с большим слоем в документ. На одной панели разместил семь скриптов, что ускоряют работу и упрощают ее даже в некотором роде.
Установка: загрузите архив со странички проекта. Если архив не распознается в системе , то откройте меню « Открыть с помощью » и открыть любым архиватором, например, WinRar. В архиве найдется нужный файл установки .zxp. Установите его все тем же способом, о котором мы писали ранее для других расширений и запускайте Photoshop.
Описание: расширение позволяет переименовать слой или слои (различными вариантами), растрировать смарт-объект или наоборот превратить объект в смарт, удалить пустые слои, объединить слой с эффектами, наложенными на него. Удобно быстро, просто.
Обычно все это отдельные скрипты мы делаем вручную ищем разные скрипты. Теперь и художники, и дизайнеры могут делать все это автоматически и не задумываться о сложности.
Завершение
Это лишь немногие из тех плагинов, удобных для веб-дизайна.Всегда существуют и появляются более новые, улучшенные версии. И даже вполне вероятно, что сама Adobe рассматривает некоторые идеи с тем, чтобы преобразовать их, включить в очередное обновление или новую версию. Так или иначе, мы надеемся, что расширения выше пригодятся вам и немного упростят работу в Photoshop, оставляя больше времени и сил для художественных фантазий, полета мыслей, нахождения интересных идей.
.Как установить расширение в Фотошоп
Как установить расширение в программе Adobe Photoshop пойдет речь в сегодняшний урок.
Для начала давайте определимся, зачем же нужны расширения для программы Фотошоп?
Во-с помощью данного вида компонентов можно расширить основные возможности программы, а также сократить время на первые возможности задачи.
Например, установив расширение, которое позволяет разделить изображение пополам или несколько одинаковых частей, можно не тратить лишние действия при обработке материала.
Итак, идем в меню Photoshop — Окно — Расширения , чтобы посмотреть доступные нам компоненты.
Вы можете нажать на любое из них, чтобы посмотреть, как оно работает, это просто открываем это приложение при помощи двух щелчков мыши, или идем в специальную программу, которая называется Adobe Extension Manager (обычно она поставляется вместе с основным комплектом Adobe Photoshop).
После этого обычным способом установить расширение и перегружаем Фотошоп, чтобы изменения вступили в силу.
Конечно же, принимаем условия соглашения (если требуется).
В следующих уроках рассмотрим с вами сами расширения и их предназначение на примерах…
.С чего начать своё расширение для Photoshop, Illustrator и др. на HTML5 / Хабр
В этой статье я расскажу как при помощи HTML и JavaScript сделать свое собственное расширение для Photoshop, Illustrator, Premier, Flash, Prelude или InDesign.
С июня 2013-го года Adobe добавила поддержку HTML5 для расширений, тем самым упростив их создание.
Сразу замечу, что сам я дизайнер и к программированию имею очень посредственное отношение, так что прошу прощения за возможные ошибки в терминологии.
Инструменты
Для работы нам понадобятся любимый текстовый редактор и базовые знания HTML, CSS и JavaScript.
Да-да, теперь никаких Adobe Configurator и Flash.
Автоматизировать создание базового набора нужных файлов помощи Eclipse и Brackets / Edge Code CC.
Из чего состоит
Создадим простейшее расширение для Photoshop.
Минимальный набор файлов и их структура такие:
ExtensionName /
CSXS /
manifest.xml
индекс.html
где manifest.xml — файл с описанием всех его параметров,
а index.html — само расширение.
Manifest.xml содержал примерно следуюшее
Xml version = "1.0" encoding = "UTF-8" standalone = "no"?>
<Код языкового стандарта = "Все" />
<Расширение>
<Ресурсы>
./index.html
Панель
<Геометрия>
<Размер>
400
400
Подробное описание всех параметров
в index.html, всё что душе угодно. Например:
Привет Хабрахабр!
Вот и всё.
Наше первое расширение готово.
Запуск
Для запуска неподписанных приложений нужно включить PlayerDebugMode.
Для этого нужно добавить ключ PlayerDebugMod со значением String равным 1
OS X: ~ / Library / Preferences / com.adobe.CSXS.4.plist
Windows: HKEY_CURRENT_USER / Программное обеспечение / Adobe / CSXS.4
В папку с созданным расширением нужно положить сюда
OS X: ~ / Библиотека / Поддержка приложений / Adobe / CEPServiceManager4 / extensions /
Windows:% APPDATA% \ Adobe \ CEPServiceManager4 \ extensions
Запустить Фотошоп и выбрать в меню Window> Extensions> наше расширение
Все дальнейшие изменения можно внести прямо в папку CEPServiceManager4 \ extensions.
О том как внести изменения без перезапуска Фотошопа ниже
Отладка
Для того, чтобы включить этот режим в папку расширения файла.отладка,
ExtensionName /
.отлаживать
CSXS /
manifest.xml
index.html
содержание которого примерно следующее
xml version = "1.0" encoding = "UTF-8"?>
<Расширение>
где Extension Id = «com.extensionname» — ID нашего расширения,
а Port = «8088» — порт для подключения.
В браузере откроем ссылку http: // localhost: 8088,
выберем наш index.html.
И вот они Developer Tools
Проверено в Safari и Chrome
Инструменты упрощающие жизнь
Adobe Edge Code CC / Brackets
Дэвид Дераэдт сделал замечательное расширение для этих редакторов Creative Cloud Extension Builder for Brackets
Оно автоматически создаёт:
- все нужные файлы в нужном месте для Photoshop, Illustrator, Premier, Flash, Prelude или InDesign на выбор
- библиотеки jQuery и CSInterface
- шаблон для иконок
- свою библиотеку оформления всех элементов интерфейса в стиле Adobe
- скрипт автоматического перекрашивания панели в цвет интерфейса приложения
- кнопочку «Обновить»
- .отладка со всеми прописанными данными
Главными плюсами являются набор всего нужного и возможность воспроизведения расширения без перезапускать программу
После обновления в Edge Code CC выбирает файл> Новое расширение Creative Cloud
Вносим нужные правки в index.html
Сохраняем. Запускаем фотошоп и открываем то, что получилось.
Обратите внимание на маленькую кнопочку «Rf» в верхнем углу — она позволяет перезагружать расширение без перезагрузки фотошопа.
Кстати, все скрипты работающие непосредственно с функциональностью фотошопа хранятся в папке jsx расширения.
Затмение
Для этого редактора скачиваем это дополнение Adobe Extension Builder 3 и устанавливаем его.
Оно создаёт:
- шаблоны для Photoshop, Illustrator, Premier, Flash, Prelude или InDesign
- библиотеки jQuery и CSInterface
- свою библиотеку оформления всех элементов интерфейса в стиле Adobe
- скрипт автоматического перекрашивания расширения в цвет интерфейса приложения
Суть примерно такая же как и в первом случае.
Только вот очень неудобно, что для просмотра внесенных изменений нужно каждый раз перезапускать фотшоп.
Также нет иконки и .debug-файла.
Да и сам Eclipse тяжелее на подъём.
Сборка в ZXP
Последний этап — собрать результат в ZXP-файл и подписать его.
За неимением под рукой Windows, расскажу, как это делается в OS X.
Для этого скачиваем CC Extensions Signing Toolkit
Открываем терминал и получаем сертификат
ZXPSignCmd -selfSignedCert
пример
ZXPSignCmd -selfSignedCert RU RU Санкт-Петербург «Моя компания» «Игорь Волков» myPassword myCertificate.p12
Полсле того, как сертификат получен пакуем наше расширение в ZXP с использованием этого сертификата.
ZXPSignCmd -sign
пример
./ZXPSignCmd -sign HelloHabrahabr / HelloHabrahabr.zxp myCertificate.p12 myPassword
На этом всё.
Надеюсь, статья поможет многим сделать первый шаг в сторону разработки своих улучшений всех известных.
Полезные ссылки
Советы по HTML-панели от Давида Барранка — несколько полезных статей на тему
Введение в скрипты Photoshop Автор Камил Хадеев — с чего начать свой первый скрипт для Фотошопа.
ИСПОЛЬЗОВАНИЕ Adobe Eextension SDK — подробная инструкция от Adobe
Adobe Photoshop Scripting — документация по написанию скриптов от Adobe
Краткое руководство по расширяемости HTML5 — примерно тоже, что я описал в первой части своей статьи
Введение в расширения HTML5 — пара вводных видео для работы с Eclipse
Adobe Extension Builder 3 — расширение для Eclipse и паковщик в ZXP-файлах
Creative Cloud Extension Builder для скобок — расширение для Adobe Edge Code CC / Brackets