редактор изображений
В этом документе описано, как работать с помощью редактора изображений Visual Studio для просмотра и изменения ресурсов и текстуры образа.
Можно использовать редактор изображений для работы с мощными типами форматов текстур и изображений, которые используются в разработке приложений DirectX — этом включает поддержку для популярных форматов файла изображения и кодировки цвета, такие функций, как альфа-каналы и MIP-сопоставление, и многие из сильно сжатых, ускоряемых оборудованием форматов текстур, которые поддерживает DirectX.
Поддерживаемые форматы
Редактор изображений поддерживает следующие форматы изображений:
Имя формата |
Расширение имени файла |
---|---|
Формат PNG (Portable Network Graphics) |
PNG |
JPEG |
.jpg, .jpeg, .jpe, .jfif |
Поверхность DirectDraw |
.dds |
Graphics Interchange Format |
GIF |
Растровое изображение |
.bmp, .dib |
Формат изображений TIFF (Tagged Image File Format) |
.tif, .tiff |
TGA (Targa) |
.tga |
Приступая к работе
В этом разделе описано, как добавить изображение к проекту Visual Studio и его настройка для требований.
Добавить изображение в проект
В Обозреватель решений откройте контекстное меню для проекта, который необходимо добавить изображение, а затем выберите Добавить, Создать элемент.
В диалоговом окне Добавление нового элемента в поле Установлено, выберите Графика, а затем выбирает соответствующий формат файла для образа.Дополнительные сведения о том, как выбрать формат файла на основе требований, см. в следующем разделе.
Укажите Имя файла изображения, и Расположение, необходимо быть его создания.
Нажмите кнопку Добавить.
Выберите формат изображения
В зависимости от того как требуется использовать изображение, некоторые форматы файлов могут оказаться более подходящими, чем другие.Например, некоторые форматы могут не поддерживать функцию, которая похожая на потребност прозрачность или определенный цвет формат- или не может обеспечить соответствующее сжатие для типа содержимого образа. планировали.
Следующие сведения позволят выбрать формат изображения, текущим потребностям.
Точечный рисунок (.bmp)
Формат точечного рисунка.Несжатый формат изображения, который поддерживает 24 бита цветов.Формат растрового изображения не поддерживает прозрачность.Изображение GIF (.gif)
Формат изображения GIF (Graphics Interchange Format).Формат изображения, сжатый LZW, без потерь, который поддерживает до 256 цветов.Неподобающе для фотоснимков и изображений, имеющих значительное количество информации цвета, но предоставляет хорошие коэффициенты сжатия для изображений с небольшим количеством цветов, которые имеют высокую степень согласованности цвета.Изображение JPG (.jpg)
Формат изображения JPEG (Joint Photographic Experts Group).Формат изображения с высоким сжатием, допускающий потери, поддерживает 24 бита цвета и подходит для общецелевого сжатия изображений, которые имеют высокую степень согласованности цвета.Изображение PNG (.png)
Формат изображений PNG (Portable Network Graphics).Формат изображения с умеренным сжатием без потерь поддерживает 24 бита цвета и альфа-прозрачность.Подходит как для естественных, так и для искусственных изображений, но не предоставляет коэффициенты сжатия столь же хорошие, как форматы с частичными потерями, такие как JPG или GIF.Изображение TIFF (.tif)
Формат изображений TIFF или TIF (Tagged Image File Format).Гибкий формат изображения, который поддерживает несколько схем сжатия.Текстура DDS (.dds)
Формат текстуры DirectDraw Surface (DDS).Формат текстуры с высоким сжатием, допускающий потери, поддерживает 24 бита цвета и альфы-версии и альфа-прозрачность.Коэффициенты сжатия могут достигать 8:1.Основано на сжатии S3 Texture, которое можно распаковать на графическом оборудовании.Изображение TGA (.tga)
Формат изображения адаптера графики Truevision (TGA) (также известный как Targa).Формат изображения, сжатый RLE, без потерь, который поддерживает как изображения с сопоставлением по цвету (цветовая палитра), так и изображения с непосредственными цветами до 24 бита цветов и альфа-прозрачность.Неподобающе для фотоснимков и изображений, имеющих значительное количество информации цвета, но предоставляет хорошие коэффициенты сжатия для изображений, которые имеют длинные диапазоны одинаковых цветов.
Настройка изображение
Перед началом работы с образом, созданные, можно изменить его конфигурации по умолчанию.Например, можно изменить его измерения или формат цвета, им.Дополнительные сведения о настройке этого и других свойств из изображений см. в разделе Свойства изображений.
Примечание |
---|
Перед тем как сохранить результаты работы следует установить свойство Цветовой формат, если необходимо использовать формат цвета.Если формат файла поддерживает сжатие, можно настроить параметры сжатия при сохранении файла в первый раз или при нажатии Сохранить как. |
Работа с редактором изображений
В этом разделе описывается, как использовать редактор изображений для изменения текстуры и изображения.
Панели инструментов редактора изображений
Панели инструментов Редактора изображений содержат команды, помогающих работать с изображениями.
Команды, влияющие на состояние редактора изображений расположены на панели инструментов Режим редактора изображений вместе с предварительными командами.Инструмент расположен в самого верхнего края области конструктора редактора изображений.Инструменты для рисования расположены на панели инструментов Редактор изображений в крайнего левого края области конструктора редактора изображений.
Здесь приведена панель инструментов Режим редактора изображений.
Эта таблица описывает элементы на панели инструментов Режим редактора изображений, перечисленные в том порядке, в котором они появляются слева направо.
Элемент панели инструментов |
Описание |
---|---|
Select |
Включает выделение прямоугольной области изображения.После выбора области, можно вырезать, копировать, перемещать, масштабировать, поворачивать, отражать или удалять его.Если есть активное выделение, средства рисования влияют только на выбранную область. |
Произвольное выделение |
Включает выделение области изображения неправильной формы.После выбора области, можно вырезать, копировать, перемещать, масштабировать, поворачивать, отражать или удалять его.Если есть активное выделение, средства рисования влияют только на выбранную область. |
Выбор волшебной палочкой |
Включает выделение области изображения со схожим цветом.Погрешность, то есть максимальная разница между соседними цветами, в пределах которой они считаются одинаковыми- может быть настроена для включения небольшого или широкого диапазона сходных цветов.После выбора области, можно вырезать, копировать, перемещать, масштабировать, поворачивать, отражать или удалять его.Если есть активное выделение, средства рисования влияют только на выбранную область. |
Сдвиг |
Включает перемещение изображения по отношению к рамке окна.В режиме Панорама выберите точку на изображении и поверните ее. Можно временно активировать режим Сдвиг, нажав и удержав клавишу Ctrl. |
Масштаб |
Позволяет отображать изображение более или менее детально по отношению к рамке окна.В режиме Масштаб выберите точку на изображении, а затем переместите ее вправо или вниз, чтобы увеличить масштаб, либо влево или вверх, что уменьшить. Можно увеличить или уменьшить, нажав и удержав клавишу Ctrl и использовать колесико мыши или нажав клавиши знак плюс (+) или минус (-). |
Масштабирование к действительному размеру |
Показывает изображение с помощью связи 1:1 между пикселями изображения и точками экрана. |
Вписать |
Отображает полное изображение в рамке окна. |
По ширине |
Отображает полную ширину изображения в рамке окна. |
Сетка |
Включает или отключает сетку, которая отображает пиксельные границы.Сетка может не отображаться до тех пор, пока вы не увеличите масштаб изображения. |
Просмотр следующего Уровня MIP |
Активирует следующий больший уровень MIP в цепочке сопоставления MIP.Активный уровень MIP отображается на поверхности разработки.Этот элемент доступен только для текстур, имеющих уровни MIP. |
Просмотр предыдущего уровень MIP |
Активирует следующий меньший уровень MIP в цепочке сопоставления MIP.Активный уровень MIP отображается на поверхности разработки.Этот элемент доступен только для текстур, имеющих уровни MIP. |
Красный канал Зеленый канал Синий канал Альфа-канал |
Включает или отключает конкретный цветовой канал.
Примечание
Систематически включая или отключая каналы цвета можно изолировать проблемы, которые относятся к одному или нескольким из них.Например, можно определить неверную альфа-прозрачность.
|
Фон |
Включает или отключает отображение фона через прозрачные части изображения.Можно настроить отображение фона путем выбора из следующих параметров:
|
Свойства |
В другом случае открывает и закрывает окно Свойства. |
Дополнительно |
Содержит дополнительные команды и параметры. Фильтры Предоставляет несколько типовых фильтров изображений: Черно-белое, Размытие, Увеличить яркость, Затемнить, Определение границ, Тиснение, Обратить цвета, Рябь, Оттенок сепия и Повысить резкость. Графические модули
Средства
Просмотр
Совет
Можно выбрать кнопку Дополнительно, чтобы выполнить последнюю команду повторно.
|
Здесь приведена панель инструментов Редактор изображений.
В следующей таблице приведены описания элементов на панели инструментов Редактор изображений, перечисленные в порядке их следования сверху вниз.
Элемент панели инструментов |
Описание |
---|---|
Карандаш |
Использует активное выделение цвета для рисования ступенчатого штриха.Можно задать цвет и толщина штриха, в окне Свойства. |
Brush |
Использует активное выделение цвета для рисования сглаженного штриха.Можно задать цвет и толщина штриха, в окне Свойства. |
Airbrush |
Использует активное выделение цвета для рисования сглаженного штриха, который сливается с изображением и становится более насыщенным со временем.Можно задать цвет и толщина штриха, в окне Свойства. |
Пипетка |
Устанавливает активное выделение цвета равным цвету выбранного пикселя. |
Fill |
Использует активное выделение цвета, чтобы заполнить область изображения.Затрагиваемая область определяется как пиксель, где применяется заливка, вместе с каждым пикселем, соединенным с ним пикселями того же цвета и также имеющим этот цвет.Если заполнение применяется в границах активного выделения, затронутая область ограничивается этим выделением. По умолчанию активное выделение цветом смешивается с затронутой областью изображения в соответствии с альфа-компонентом.Чтобы Использовать активное выделение цвета, чтобы перезаписать соответствующую область, нажмите и удерживая клавишу Shift при использовании средства заполнения. |
Ластик |
Устанавливает для пикселей полностью прозрачный цвет, если изображение поддерживает альфа-канал.В противном случае задает для пикселей активный цвет фона. |
Строка, Прямоугольник, Скругленный прямоугольник, Эллипс |
Рисует фигуру на изображении.Можно задать цвет и толщина структуры в окне Свойства. Чтобы нарисовать примитив, который имеет одинаковую ширину и высоту, нажмите и удерживайте Shift при рисовании. |
Текст. |
Использует выделение Цвета переднего плана для рисования текста.Цвет фона определяется свойством выбранным цветом фона.Для прозрачного фона значение альфа выделения цвета фона должно быть равно 0.Пока область текста является активной, можно задать рисуется ли текст с анти- - заменяется псевдонимом определяется штрихами, и можно задать текст Значение, Шрифт, Размер и стиль Полужирный, Курсив или Подчеркивание— в окне Свойства.Содержимое и внешний вид текста становятся окончательными, когда область текста перестает быть активной. |
Повернуть |
Поворот изображения на 90 градусов по часовой стрелке. |
Trim |
Обрезает изображение до активного выделения. |
Работа с MIP-уровнями
Некоторые форматы изображений — например, DirectDraw Surface (.dds) — поддерживают уровни MIP для уровня детализации текстуры-пространства (Level-of-Detail, LOD).Сведения о способах создания и работы с уровнями MIP см. в разделе Практическое руководство. Создание MIP-уровней.
Работа с прозрачностью
Некоторые форматы изображений — например, DirectDraw Surface (.dds) — поддерживают прозрачность.Существует несколько способов, которыми прозрачность может быть использована в зависимости от инструмента.Чтобы Указать уровень непрозрачности для выбора цвета, в окне Свойства, задайте компонент А (альфа) выбора цвета.Вот как различные типы инструментов управляют способом применения прозрачности:
Средство |
Описание |
---|---|
Карандаш, Кисть, Распылитель, Линия, Прямоугольник, Скругленный прямоугольник, Эллипс, Текст |
Чтобы слить активное выделение цвета с изображением, в окне Свойства, разверните группу свойств Каналы и установите флажок Рисование по каналу Альфа, а затем рисуйте как обычно. чтобы делать Рисование с помощью выделения активного цвета и не изменять значения альфа изображения, снимите флажок Рисование канала Альфа, а затем рисуйте в обычном режиме. |
Fill |
Чтобы слить активное выделение цвета с изображением, просто выберите область для заполнения. Для использования активного выделения цвета - включая значение альфа канала - чтобы перезаписать изображение, нажмите и удержите Shift, а затем выберите область для заполнения. |
Свойства изображений
Можно использовать окно Свойства, чтобы определить различные свойства изображения.Например, можно задать ширину и свойства для изменения способа.
В следующей таблице описаны свойства изображения.
Свойство |
Описание |
---|---|
Ширина |
Ширина изображения. |
Высота |
Высота изображения. |
Количество битов на пиксель |
Число битов, представляющее каждый пиксель.Значение этого свойства зависит от формата цвета изображения. |
Смешать слои |
True для смешивания уровня выделения вместе с основным изображением, на основе значения альфа уровня выделения; в противном случае – значение false.Этот элемент доступен только для изображений, которые поддерживают альфа. |
Формат цвета |
Формат цвета изображения.Можно указать различные форматы цвета в зависимости от формата изображения.Формат цвета определяет количество и типы каналов цвета, входящих в изображение, а также размер и кодирование различных каналов. |
Уровень MIP |
Активный уровень MIP.Этот элемент доступен только для текстур, имеющих уровни MIP. |
Количество уровней MIP |
Общее число кадров MIP-уровней в изображении.Этот элемент доступен только для текстур, имеющих уровни MIP. |
Число кадров |
Общее число кадров в изображении.Этот элемент доступен только для изображений, которые поддерживают массивы текстур. |
Фрейм |
Текущий кадр.Просмотреть можно только первый кадр; все остальные кадры при сохранении изображения теряются. |
Число срезов глубины |
Общее число срезов глубины в изображении.Этот элемент доступен только для изображений, которые поддерживают текстуры объема. |
Срез глубины |
Текущий срез глубины.Просмотреть можно только первый срез; все остальные срезы при сохранении изображения теряются. |
Изменение размера изображений
Ниже приводятся два способа изменения размера изображения.В обоих случаях Редактор изображений использует билинейную интерполяцию для повторного создания экземпляра изображения.
В окне Свойства, задайте новые значения для свойств Ширина и Высота.
Выберите все изображение и с помощью маркеров границы измените его размер.
Работа с инструментами
Выбранные области
Выделение в редакторе изображений определяет активные области изображения, т. е. области, на которые будут воздействовать инструменты и преобразования.Если есть активное выделение, на области вне выбранной региона не влияет большинство средств и преобразований.При отсутствии активного выделения активно все изображение целиком.
На панели инструментов Карандаш, Кисть, Воздушной кисти, Заливка, Ластик и примитив- двухмерных и преобразования Повернуть, Trim, Обратить цвета, Отразить слева направо и Отразить сверху вниз— ограничены или задаются активным выделения.Однако некоторые средства — Пипетка и Текст — и преобразования — Создать MIP-объекты — не зависят от какого-либо активного выделения; эти инструменты всегда ведут себя так, как если бы все изображение было активным выделением.
При выборе области можно нажать и удержать Shift, чтобы сделать пропорциональное (квадратное) выделение ; в противном случае выделение не ограничено.
Изменение выделения
После выбора области, можно изменить размер его или содержимое его изображений, изменяя размер маркера выделения.Во время изменения выделенную область, можно использовать следующие клавиша-модификаторы изменить расширение функциональности выбранной области, как можно изменить ее (нажмите и удерживайте ключ во время изменения).
CTRL
Копирует содержимое выбранной области до ее изменение.Это оставляет исходный образ неповрежденной копию при изменении размера.Сдвиг
Изменить выбранную область, пропорционален ее исходное размера.Alt
Изменяет размер области выделения.Это оставляет образ неизменяемое.
Здесь допустимые сочетания клавиша-модификатора:
CTRL |
Сдвиг |
Alt |
Описание |
---|---|---|---|
Изменяет размер содержимого выделенной области. |
|||
Сдвиг |
Пропорционально изменяет размер содержимого выделенной области. |
||
Alt |
Изменяет размер выделенной области.Это определяет новую область выделения. |
||
Сдвиг |
Alt |
Пропорционально изменяет выделенную область.Это определяет новую область выделения. |
|
CTRL |
Копирует, а затем изменяет размер содержимого выделенной области. |
||
CTRL |
Сдвиг |
Копирует, а затем пропорционально изменяет размер содержимого выделенной области. |
Свойства инструмента
При выборе средства можно использовать окно Свойства сведений о том, как он влияет на изображение.Например, можно задать толщину инструмента Карандаш или цвет инструмента Кисть.
Можно установить и цвет переднего плана и цвет фона.Оба поддерживают альфа-канал для предоставления определяемой пользователем прозрачности.Параметры применяются ко всем инструментам.Если используется мышь, левая кнопка мыши соответствует цвету переднего плана, а правая кнопка мыши — цвету фона.
Свойства инструмента описываются в следующей таблице.
Средство |
Свойства |
---|---|
Карандаш, Кисть, Распылитель, Ластик |
|
Текст. |
|
2-D примитив |
|
Карандаш, Кисть, Распылитель, 2-D примитив |
|
Все средства и выделения |
|
Выбор волшебной палочкой, Заполнения |
|
Сочетания клавиш
Command |
Сочетания клавиш |
---|---|
Переключение на режим Выбора |
S |
Переключение на режим Масштаба |
Z |
Переключение на режим Панорамы |
K |
Выделить все |
CTRL+A |
Удалить текущее выделение |
Удаление |
Отменить текущее выделение |
Escape-символ |
Увеличить |
Ctrl+ прокручивание колесика мыши вперед CTRL+PAGE UP Знак плюс (+) |
Уменьшить |
Ctrl- прокручивание колесика мыши назад Ctrl-PageDown Знак минус (-) |
Сдвиг изображения вверх |
Прокручивание колеса мыши назад PAGE DOWN |
Сдвиг изображения вниз |
Прокручивание колеса мыши вперед PAGE UP |
Сдвиг изображения влево |
Shift+ прокручивание колеса мыши назад Прокручивание колеса мыши влево SHIFT+PAGE DOWN |
Сдвиг изображения вправо |
Shift+прокручивание колеса мыши вперед Прокручивание колеса мыши вправо SHIFT+PAGE UP |
Увеличение к действительному размеру |
Ctrl+0 (ноль) |
Масштабирование изображения по окну |
Ctrl+G, Ctrl+F |
Масштабировать изображение по ширине окна |
Ctrl+G, Ctrl+I |
Переключить сетку |
Ctrl+G, Ctrl+G |
Обрезать изображение до текущего выделения |
Ctrl+G, Ctrl+C |
Просмотр следующий (более высокое детализация) уровня MIP |
Ctrl+G, Ctrl+6 |
Просмотр предыдущего (более низкая детализация) уровня MIP |
Ctrl+G, Ctrl+7 |
Переключить канал красного цвета |
Ctrl+G, Ctrl+1 |
Переключить канал зеленого цвета |
Ctrl+G, Ctrl+2 |
Переключить канал синего цвета. |
Ctrl+G, Ctrl+3 |
Переключение альфа-канала (прозрачности) |
Ctrl+G, Ctrl+4 |
Переключение "шахматный" узор для альфа-канала |
Ctrl+G, Ctrl+B |
Переход к инструменту произвольного выделения |
L |
Переход к инструменту "волшебная палочка" (выделение) |
M |
Переход к инструменту "карандаш" |
P |
Переход к инструменту "кисть" |
B |
Переход к инструменту "заливка" |
F |
Переход к инструменту "ластик" |
E |
Переход к инструменту "текст" |
T |
Перейдите к инструменту выбора цвета (пипетке) |
I |
Переместить активное выделение и его содержимое. |
Клавиши со стрелками. |
Изменить размер активного выделения и его содержимого. |
Ctrl+ клавиши со стрелками |
Переместить активное выделение, но не его содержимое. |
Shift+ клавиши со стрелками |
Изменить размер активного выделения, но не его содержимого. |
Shift+Ctrl+клавиши со стрелками |
Фиксировать текущий уровень |
Return |
Уменьшить толщину инструмента |
[ |
Увеличить толщину инструмента |
] |
См. также
Заголовок |
Описание |
---|---|
Обзор средств, которые можно использовать в Visual Studio для работы с графическими активами, такими как текстуры и изображения, трехмерные модели и эффекты шейдеров. |
|
Описывает способ использования редактора моделей Visual Studio для работы с трехмерными моделями. |
|
Описывает способ использования конструктора шейдеров Visual Studio для работы с шейдерами. |