Как сохранить в png в фотошопе: Как сохранить изображение в Adobe Photoshop — Независимое театральное объединение "Зрительские симпатии"

Содержание

Извлечение файла PSD и PSB

Перетащите или загрузите файл PSB или PSD, чтобы просмотреть содержимое файла и извлечь его слои.

Питаться от aspose.com а также aspose.cloud

* Загружая свои файлы или используя наш сервис, вы соглашаетесь с нашими Условия использования а также Политика конфиденциальности
** PSD Extract показана одна из особенностей использования нашего PSD библиотека с графическими файлами.
*** API в .Net а также Java доступны для разработчиков.
**** Ваши файлы и ссылки остаются доступными на наших серверах в течение следующих 24 часов.

AI Viewer PSD Viewer PSD Conversion PSD Compress PSD Watermark PSD Merger Create Portfolio PSD Template Editor PSD Editor PSD Resize Font Replacement Photo Editor Crop Image PSD Metadata

Поделиться через фейсбук

Поделиться в Твиттере

Посмотреть другие приложения

См. исходный код

Оставить отзыв

Добавить это приложение в закладки

Нажмите Ctrl + D, чтобы добавить эту страницу в избранное, или Esc, чтобы отменить действие.

PSD Экстрактор

Обзор

Обзор
Функции
Как
Вопросы-Ответы

Автоматизация
Программы

Psd Extractor — это инструмент, позволяющий быстро, без специальных графических программ и с любого устройства просмотреть и извлечь все слои из файла PSD. Инструмент поддерживает сохранение слоев в виде файлов PNG с прозрачностью. Этот инструмент демонстрирует одну из возможностей нашей библиотеки PSD для работы с графическими файлами. Если вы разработчик, сделайте это с помощью нашего API к C# или Java

Извлечение слоя PSD

Просмотр и извлечение всех слоев из файла PSD
Экспорт слоев PSD в формат Png
Получить размеры и имена слоев
Мгновенная загрузка или отправка PSD
Поддерживается Документы: PSD, PSB.
Сохранить как: PNG, JPG, TIFF, GIF, BMP.

Как извлечь слои из PSD или PSB

Щелкните внутри области перетаскивания файла, чтобы загрузить файл, или перетащите файл
Ваш файл будет автоматически обработан для мгновенного просмотра

Предварительный просмотр PSD и всех его слоев со свойствами будет доступен для предварительного просмотра.
Загрузите файл в исходном виде и все слои
Просмотр и навигация между слоями. Установите масштабирование просмотра слоев или уменьшение масштаба

Error explanation placeholder

Email:

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

Вы успешно сообщили об ошибке. Вы получите уведомление по электронной почте, когда ошибка будет исправлена. Click this link to visit the forums.

FAQ

У меня есть файл PSD, и я хочу извлечь все слои для HTML-макета веб-сайта. Какое программное обеспечение я могу использовать?
Вы можете использовать Извлечение PSD. Это приложение сохраняет все слои из загруженного файла PSD в отдельные файлы и предлагает скачать архив
У меня нет Photoshop, могу ли я использовать PSD Extract для извлечения слоев из PSD-файла?
Приложение PSD Extract не использует Adobe® Photoshop®. Он использует PSD API для извлечения слоев PSD в файлы.
Могу ли я получить все слои из моих PSD-файлов с помощью PSD Extract?
Да, извлечение слоев является основной функцией извлечения PSD. Вы можете использовать PSD Extract с любого устройства
Является ли извлечение слоев PSD бесплатным?
Извлечение слоев PSD бесплатно и доступно на любом Mac, iPhone, смартфоне, Windows или Linux.

Поддержка PSD-слои, Эффекты слоя, метаданные и свойства PSD-файл без адоб фотошоп
Возможность экспорта всех типов слоев, включая Группы слоев а также Текстовые слои
Создание и добавление слоев в файлы PSD
Чтение и редактирование масок слоя
Графические операции над слоями и целым PSD
Преобразование PSD в другие форматы
Поддержка большинства типов Ресурсы слоя

Это только часть характеристик.

Проверьте наши ресурсы, чтобы узнать больше:

официальная страница
Страница загрузки

Примеры PSD на GitHub
Примеры PSD на GitHub.Net & Java

Быстрое и простое извлечение слоев PSD

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

Просмотр и извлечение слоев PSD из любого места

Он бесплатный и работает на всех платформах, включая Windows, Mac, Android и iOS. Все файлы обрабатываются на наших серверах. Для вас не требуется установка плагинов или программного обеспечения

Извлечение качества

Питаться от PSD Все файлы обрабатываются с помощью API-интерфейсов Aspose, которые используются многими компаниями из списка Fortune 100 в 114 странах.

Другие поддерживаемые экстракторы

Вы также можете извлекать слои из файлов других форматов Adobe® Photoshop®. Пожалуйста, ознакомьтесь с полным списком ниже.

PSD Средство извлечения слоев Извлечь слои из документа PSD | Adobe Photoshop Document

PSB Средство извлечения слоев Извлечь слои из документа PSB | Adobe Photoshop Image File
Извлечь слои PSD в PNG Извлечение слоев PSD в PNG | Portable Network Graphic

Извлечь слои PSD в JPG Извлечение слоев PSD в JPG | Joint Photographic Expert Group Image File
Извлечь слои PSD в JP2 Извлечение слоев PSD в JP2 | JPEG 2000 Core Image File
Извлечь слои PSD в TIFF Извлечение слоев PSD в TIFF | Tagged Image File Format

Извлечь слои PSD в GIF Извлечение слоев PSD в GIF | Graphical Interchange Format File
Извлечь слои PSD в BMP Извлечение слоев PSD в BMP | Bitmap Image File

Как сохранить документ в Photoshop

0ae8e6bfd6204f68google. com, pub-8362684299579366, DIRECT, f08c47fec0942fa0

0ae8e6bfd6204f68

Перейти к контенту

Мир графики и дизайна » Уроки Photoshop » основы

26 января 2011Рубрика: основыАвтор: Администратор

Сохранение документа производится в программе Adobe Photoshop следующими способами:

1 способ. Файл (File) – Сохранить (Save). В этом случае исходное изображение заменяется на обработанное и сохраняется в той же папке на компьютере в ом же формате, что и исходное.

2 способ. Файл (File) – Сохранить как (Save as). Далее Вам нужно будет выбрать папку для сохранения изображение, дать ему имя (имя файла), определить формат (тип файла) для сохранения.

3 способ. Сохранение изображения для web. Если планируется дальнейшее размещение обработанной фотографии в интернете, то лучше выбрать Файл (File) – Сохранить для web-устройств (Save for web) или использовать горячие клавиши (Alt + Shift + Ctrl + F). Попадаем в окно с настройками, в которых можно выбрать качество изображение, формат и другие:

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

Какой следует выбрать формат?

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

— формат gif обычно выбирают в том случае, если изображение содержит ограниченное количество цветов. подходит для сохранения графиков, таблиц, схем, текстовых таблиц, логотипов. Плюсами этого формата является поддержка анимации и прозрачности изображения.

— если Ваше изображение имеет прозрачный фон или другие прозрачные части, т. о. нужно сохранить его в формате png. В случае выбора другого формата ( кроме png или gif) прозрачность фона автоматически заменится на белый цвет. В отличие от gif формат png лучше сжимает картинки. Существует две разновидности этого формата png-8 (для простых картинок, поддерживает 256 цветов) и png-24 (для более сложных изображений, хорошо поддерживает цвета).

— при сохранении в формате PSD файл в дальнейшем можно будет открыть только при помощи программы Adobe Photoshop со всеми сохраненными этапами работы, слоями, историей операций и т.д. Это дает нам возможность проводить дальнейшее редактирование фотографии. так же изображение в этом формате невозможно выложить в интернет, так как он является промежуточным файлом программы.

Рейтинг

( Пока оценок нет )

0 Photoshop уроки

Понравилась статья? Поделиться с друзьями:

0ae8e6bfd6204f68

Экспорт ресурсов: PNG и GIF

Это упражнение взято из прошлых учебных материалов по веб-дизайну Noble Desktop и совместимо с обновлениями Photoshop до 2020 года. Теперь мы обучаем Figma как основному инструменту для веб-дизайна и дизайна UX и UI. Чтобы получить текущие навыки в веб-дизайне, посетите наш учебный лагерь Figma и курсы графического дизайна в Нью-Йорке и живите онлайн.

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

Темы, рассмотренные в этом руководстве по Photoshop для веб-дизайна:

Прозрачные фотографии, 8-битные графические форматы: GIF и PNG-8, прозрачность PNG, Правильная оптимизация цветов: ограниченное количество цветов в сравнении с градиентами, Экспорт графики 1x и 2x

Предварительный просмотр упражнения

Обзор упражнения

В этом упражнении вы узнаете, как (и когда) оптимизировать графику в формате PNG или GIF.

Прозрачные фотографии

JPEG не поддерживает прозрачность, так как же нам оптимизировать фотографию с прозрачным фоном? Давайте посмотрим.

В Photoshop закройте все открытые файлы.
Перейдите к File > Open или нажмите Cmd–O (Mac) или Ctrl–O (Windows).
Перейдите к Desktop > Class Files > yourname-Photoshop for Web Class > Graphics to Optimize и дважды щелкните iphone-hand-mockup.psd .
На панели Layers скройте слой bg color , щелкнув глазок .
Нам не нужны лишние прозрачные пиксели, поэтому выбираем Изображение > Обрезать .
Установить На основе – прозрачных пикселей .
Убедитесь, что Trim Away отмечен со всех сторон.
Щелкните OK , и Photoshop быстро и точно обрежет изображение для вас!
Выберите Файл > Экспорт > Сохранить для Интернета (предыдущая версия) .
В правой части окна под Image Size установите W (ширина) на 400 пикселей и нажмите Tab , чтобы применить его.
В правом верхнем углу окна перейдите в меню Preset и выберите PNG-24 .
В отличие от сжатия JPEG, PNG использует сжатие без потерь. Это означает, что он не теряет качество, поэтому вы не получаете уродливых артефактов JPEG.
Несколько раз нажмите Cmd–Plus(+) (Mac) или Ctrl–Plus(+) (Windows), чтобы увеличить масштаб и рассмотреть детали.
Обратите внимание, что фон имеет шахматную доску, указывающую на его прозрачность, и край руки сливается с этим прозрачным фоном.
Давайте попробуем другой тип файла. В правом верхнем углу окна перейдите в меню Preset и выберите PNG-8 128 Dithered .
PNG-24 содержит миллионы цветов (24 бита), а PNG-8 — до 256 цветов (8 бит).
Справа установите Colors на 256 .
Посмотрите внимательно на следующее:
- Цвета в руке, бургере и т.п. не такие гладкие, как хотелось бы. Этот пресет имеет некоторое сглаживание диффузии (которое рассеивает пиксели, чтобы помочь сгладить вещи), но вы все равно можете увидеть некоторые плоские полосы цветов.
- Край руки теперь имеет резкий белый ореол, а не плавно сливается с прозрачным фоном. В то время как PNG-8 и PNG-24 поддерживают частичную прозрачность, Сохранить для Интернета поддерживает только частичную прозрачность в PNG-24. Сохранить для Интернета не может сделать частично прозрачным PNG-8.
Нажмите Отмена .
Выберите Файл > Экспорт > Экспортировать как .
В правом верхнем углу установите Формат 9от 0027 до PNG .
Убедитесь, что Прозрачность включена.
Убедитесь, что Меньший файл (8-разрядный) не отмечен.
В разделе Image Size установите Width на 400 и нажмите клавишу Tab , чтобы применить изменения.
В нижней части окна несколько раз нажмите кнопку Plus (+) (пока не станет хорошо виден край руки).
С левой стороны, ниже iphone-hand-mockup обратите внимание, что размер файла составляет около 206 КБ .
Справа отметьте Меньший файл (8-битный) .
Слева обратите внимание, что размер файла составляет около 52 КБ . Вау, это намного меньше!
Обратите внимание, что прозрачность все еще выглядит нормально. В отличие от Save for Web , Export As умеет создавать частично прозрачный PNG-8.
Также обратите внимание, что градации цветов выглядят лучше, чем Сохранить для Интернета . Есть некоторая полосатость, потому что PNG-8 имеет только 256 цветов, но уменьшение цвета Экспортировать как намного лучше, чем Сохранить для Интернета .
В нижней части окна щелкните процент масштабирования (между кнопками – и + ), чтобы вернуться к масштабу 100%.
Вы не можете видеть цветовые полосы в этом размере, поэтому мы можем значительно сэкономить размер файла, используя PNG-8 вместо PNG-24 для этого изображения!
Это изображение шириной 400 пикселей — то, что нам нужно для 1x, но нам также нужна версия 2x. В левом верхнем углу окна нажмите значок Плюс (+) Кнопка справа от Суффикс .
Установите второй размер на 2x , чтобы получить следующее:
Щелкните Экспорт .
Перейдите к рабочему столу > Файлы классов > ваше имя-Photoshop для веб-класса > Графика для оптимизации > оптимизированный .
Щелкните Открыть (Mac) или Выбрать папку (Windows).
Сохраните файл Photoshop и закройте его.

8-битные графические форматы: GIF по сравнению с PNG-8

Файлы SVG прекрасно работают на веб-страницах, но плохо поддерживаются в электронной почте HTML или приложениях для мобильных устройств и планшетов. PNG и GIF хорошо подходят для оптимизации графики и хорошо работают в электронных письмах. PNG обычно используются в приложениях для мобильных устройств и планшетов. Давайте посмотрим, как экспортировать PNG и GIF.

Перейдите к Файл > Открыть или нажмите Cmd–O (Mac) или Ctrl–O (Windows).
Перейдите к Desktop > Class Files > yourname-Photoshop for Web Class > Graphics to Optimize и дважды щелкните [email protected] .
Обрежем лишние прозрачные пиксели. Перейдите к Image > Trim .
Установить На основе – прозрачных пикселей .
Убедитесь, что Trim Away отмечен со всех сторон.
Нажмите OK .
Для нашего дизайна нам нужна частичная прозрачность. В этом изображении не так много цветов, поэтому PNG-8 может подойти. Как мы только что узнали, PNG-8 в Сохранить для Интернета не поддерживает частичную прозрачность, но Экспортировать как .
Перейдите к Файл > Экспорт > Экспортировать как .
Сделайте окно максимально большим.
В нижней части окна нажимайте кнопку Plus (+) , пока окно предварительного просмотра не заполнит все окно.
Прежде чем мы попробуем PNG, давайте попробуем GIF. В правом верхнем углу окна установите Format на GIF .
В отличие от JPEG, GIF и PNG используют сжатие без потерь. Хотя вы не получите уродливых артефактов JPEG, ограниченная цветовая палитра GIF или PNG-8 может в некоторых случаях ухудшить внешний вид многоцветных изображений.
В пустых частях логотипа вы должны заметить клетчатый узор, указывающий на прозрачность. Посмотрите внимательно на края, заметив, что некоторые пиксели светло-оранжевые или белые. (Увеличьте масштаб, если необходимо).
Нам нужна частичная прозрачность, а это значит, что часть шахматной доски должна просвечиваться, как показано на изображении ниже:
Прозрачность GIF — это все или ничего. Любые частично прозрачные пиксели становятся полностью непрозрачными, как показано выше. Это создаст эффект уродливого светлого ореола при размещении на более темном фоне. Это непригодно для использования. Иногда GIF может быть меньше PNG для простой графики без прозрачности, но обычно PNG меньше и имеет пригодную для использования прозрачность.
Если вы не видите весь рисунок, нажимайте кнопку Минус (–) в нижней части окна, пока не увидите.
Изменить формат на PNG .
Чтобы сравнить размеры файлов, установите и снимите флажок Меньший файл (8-разрядный) несколько раз, наблюдая за размером файла в левой части окна.
Визуальное качество такое же, но PNG-8 составляет около 1.1K , а PNG-24 немного больше на 1.4К . Оба поддерживают частичную прозрачность, поэтому мы должны использовать формат PNG-8.
Убедитесь, что Меньший файл (8-разрядный) отмечен, прежде чем продолжить.
Щелкните Экспорт .
ПРИМЕЧАНИЕ. Для этого рисунка мы собираемся экспортировать только версию с высоким разрешением (@2x). По мере того, как все больше дисплеев становятся дисплеями с высоким разрешением, иногда мы используем только графику 2x и не беспокоимся о создании версии 1x (особенно для таких небольших файлов, как этот).
Перейти в Рабочий стол > Файлы классов > ваше имя-Photoshop для веб-класса > Графика для оптимизации > оптимизированный . Сохраните предложенное имя файла [email protected] и нажмите Сохранить .
Сохраните файл Photoshop и закройте его.

Оптимизация графики с помощью градиента

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

Перейти к Файл > Открыть или нажмите Cmd–O (Mac) или Ctrl–O (Windows).
Если вы еще не находитесь в папке Graphics to Optimize , перейдите в раздел Desktop > Class Files > yourname-Photoshop for Web Class > Graphics to Optimize .
Дважды щелкните [email protected] .
Нам не нужна частичная прозрачность для этого рисунка, потому что мы хотим отобразить его на белом фоне. Это дает нам больше возможностей для уменьшения размера файла при сохранении качества синего градиента.
Перейдите к Файл > Экспорт > Сохранить для Интернета (предыдущая версия) .
На вкладке Optimized нажмите Cmd–0 (Mac) или Ctrl–0 (Windows), чтобы предварительный просмотр заполнил все окно.
Файлы PNG-24 обычно больше, чем другие варианты, но давайте определим максимальный размер и качество для этого файла. В правом верхнем углу окна перейдите в меню Preset и выберите PNG-24 .
Да, этот маленький значок весит почти 24 КБ (вы можете увидеть его в левом нижнем углу окна).
Поддержка прозрачности обычно увеличивает размер файла PNG-24, поэтому снимите флажок Прозрачность . Файл немного меньше, но все равно неприемлемо велик для такой маленькой иконки. Попробуем другие варианты.
В то время как JPEG, как правило, лучше подходит для фотографий, чем графика, такая как этот значок, JPEG может быть более идеальным, потому что наше изображение имеет много цветов и градаций. Установите Предустановка от до JPEG High .
Около 12.31K, размер файла меньше, чем PNG-24. Качество 60 по умолчанию создает довольно много артефактов по краям, но при нормальном размере вы, вероятно, этого не заметите. Можем ли мы сделать еще лучше?
В меню Preset выберите GIF 128 Dithered .
Дизеринг разбрасывает пиксели, чтобы плавные переходы выглядели более плавными. Это улучшает внешний вид, но увеличивает размер файла. Даже при дизеринге градиент имеет небольшую полосатость (цвета образуют полосы), но при обычном размере он едва заметен.
Обратите внимание, что в левой нижней части окна размер файла составляет около 8,576 КБ .
В меню Preset выберите PNG-8 128 Dithered .
Изображение выглядит так же, но в левой нижней части окна обратите внимание, что размер файла меньше (около 6,673 КБ ).
Снимите флажок Прозрачность и обратите внимание, что размер файла еще немного уменьшился.
Давайте посмотрим, сможем ли мы обойтись меньшим количеством цветов. Установите цвета на 64 .
ПРИМЕЧАНИЕ. Новый параметр «Экспортировать как » не позволяет уменьшить количество цветов, поэтому мы используем параметр «Сохранить для Интернета» .
Это создает более заметные цветовые полосы, но давайте поэкспериментируем с некоторыми другими настройками, которые могут помочь. В Photoshop есть разные способы определить, какие цвета используются.
В меню с надписью Selective протестируйте Perceptual и Adaptive алгоритмов снижения цвета, при этом следя за качеством изображения и размером файла.
Визуально между тремя вариантами нет большой разницы, но Selective самый маленький, поэтому вернитесь к Selective .
ПРИМЕЧАНИЕ. Перцепционный, селективный и адаптивный выбор цвета основывается на фактическом изображении. Другие параметры представляют собой предустановленные цветовые палитры и, как правило, нежелательны.
Установить Дизеринг на 100%
Давайте поэкспериментируем с типом дизеринга, чтобы увидеть, как это работает. В меню с надписью Diffusion переключитесь на Pattern , а затем на Noise .
Паттерн и Шум выглядят немного более плавными, чем Диффузия, но они увеличивают размер файла. Верните сглаживание на Diffusion .
Нажмите Cmd–1 (Mac) или Ctrl–1 (Windows) для просмотра в масштабе 100%, чтобы вы могли оценить качество при более подходящем размере.
В этом размере Diffusion выглядит хорошо, и это меньший размер файла.
Давайте посмотрим, сможем ли мы уменьшить количество цветов еще больше. Установите цветов на 32 .
Вы можете увидеть небольшое усиление цветовых полос (полос), но оно довольно тонкое. Это удобно, хотя размер файла не намного меньше.
Мы предпочитаем слегка более плавный градиент, поэтому установите Colors обратно на 64 .

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

PNG-24: «Экспортировать как», без прозрачности	22.7К
PNG-24: «Сохранить для Интернета», без прозрачности	21,8К
JPEG: «Экспортировать как», качество 60%	12,4К
JPEG: «Сохранить для Интернета», качество 60%	12.31К
PNG-8: «Экспортировать как»	10К
PNG-8: 256 цветов, 88% диффузионного сглаживания	9,893K
PNG-8: 64 цвета, 100% диффузионное сглаживание	5. 451К

Функция Photoshop Export As не позволяет уменьшить количество цветов. Поэтому, если вам не нужна прозрачность (и файл выглядит хорошо, если в нем меньше 256 цветов), используйте Сохранить для Интернета , чтобы еще больше уменьшить размер файла.

ПРИМЕЧАНИЕ: Поскольку Сохранить для Интернета и Экспорт Поскольку используют разные алгоритмы, их выходные данные могут иметь разные размеры файлов и выглядеть по-разному.

В правом нижнем углу нажмите Сохранить .
Перейдите в Desktop > Файлы классов > ваше имя-Photoshop для веб-класса > Графика для оптимизации > оптимизированный . Поскольку это изображение HiDPI/Retina, оставьте имя файла [email protected]

.
Сохраните файл Photoshop и закройте его.
Если вы хотите просмотреть экспортированные файлы, они находятся в разделе Рабочий стол > Файлы классов > ваше имя-Photoshop для веб-класса > Графика для оптимизации > оптимизированный .

Графика App Store

Магазин Apple iOS App Store : Если вы хотите использовать значок App Store на своем веб-сайте, вам следует ознакомиться с рекомендациями Apple на сайте tinyurl.com/ap-brand

Google Play для Android : Если вы хотите использовать Google Play на вашем веб-сайте, вы должны прочитать рекомендации Google по адресу tinyurl.com/gogl-brand

Как экспортировать пиксельную графику из Photoshop

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

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

Автоматическая повторная выборка по сравнению с ближайшим соседом

Мы упоминали об этой концепции в нашем руководстве по изменению размера. По сути, всякий раз, когда вы имеете дело с изображениями, особенно с фотографиями, по умолчанию в Photoshop используется Автоматически при передискретизации изображения. Это означает, что Photoshop заставляет пиксели «размываться», что является методом, позволяющим скрыть недостатки, когда изображение увеличивается или уменьшается на 90 637. Однако, когда вы делаете пиксель-арт, вы не хотите размывать пиксели, вы хотите, чтобы они были резкими и четкими. Ближайший сосед – это тип передискретизации, который сохраняет эти четкие края пикселей и предотвращает размытие при масштабировании изображения вверх или вниз. Мы покажем вам, как сохранить пиксельную графику с помощью передискретизации ближайшего соседа.

Как экспортировать изображение Pixel Art

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

Как мы упоминали ранее, мы открыли нашу пиксельную собаку. Идите вперед и сделайте то же самое или откройте файл пиксельной графики в Photoshop.

Теперь, когда файл открыт, откройте меню «Экспортировать как». Чтобы экспортировать пиксель-арт изображение в Photoshop, перейдите к File , затем Export и щелкните пункт Export As. Используйте изображение ниже в качестве руководства.

После нажатия появится новое всплывающее меню. Это меню Экспортировать как . Он предоставляет вам несколько различных параметров настройки для экспорта изображений из Photoshop. Первым, что мы хотим выбрать, является Масштаб вариант. Эта опция позволяет увеличить или уменьшить изображение перед его сохранением на компьютер. Обратите внимание, что это не влияет на исходное изображение, это просто быстрый способ сохранить увеличенную или уменьшенную версию вашего изображения. Для этого урока давайте увеличим его на 500%.

Отлично! Теперь, когда мы сохраним наше изображение, оно будет на 500% больше исходного размера. Однако вы могли заметить, что наше изображение выглядит размытым. Помните, мы говорили, что Photoshop использует параметр Automatic при передискретизации нашего изображения? Нам нужно изменить это. Чтобы установить тип передискретизации, который мы хотим в Photoshop, нажмите кнопку Измените выборку выпадающего меню и выберите Ближайший сосед . Это сделает наш пиксель-арт снова красивым и четким.

Как видите, наша пиксельная графика больше не размыта. Теперь мы готовы экспортировать наше изображение. Чтобы сохранить изображение на свой компьютер, нажмите кнопку Экспорт. Когда вы сделаете диалог сохранения, появится диалоговое окно.

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

Как вы можете видеть, наше изображение на 500% больше, чем исходное, и оно по-прежнему сохраняет свои четкие края. Приятно то, что с помощью меню «Экспорт» вы не испортили исходную пиксельную графику.

Еще раз не стесняйтесь экспериментировать с масштабом в меню «Экспорт» в зависимости от требований вашего проекта.

Резюме

Изучение того, как экспортировать пиксельную графику в Photoshop, чрезвычайно важно, особенно при работе над такими проектами, как 2D-видеоигры, потому что размытая пиксельная графика никогда не выглядит хорошо, а четкая пиксельная графика выглядит как произведение искусства! Спасибо за чтение.