Поделиться через


Практическое руководство. Создание простейшей текстуры

Этот документ демонстрирует, как использовать Редактор изображений чтобы создать базовую текстура.

Этот документ демонстрирует эти действия:

  • Устанавливать размер текстуры

  • Параметр переднего плана и цвета фона

  • Использование альфа-канал (прозрачность)

  • С помощью средства Заливка и Эллипс

  • Установка свойств инструмента

Создание базовой текстуры

Можно использовать редактор изображений для создания и изменения кода и текстуры для элементов игры или приложения.

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

Целевой объект bullseye с зеленой прозрачной областью

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

Создание текстура целевого объекта "яблочка"

  1. Создайте текстура для работы с.Дополнительные сведения о добавлении текстура к проекту см. в подразделе " начало работы " в редактор изображений.

  2. Задайте размер образа в пиксели 512x512.В окне Свойства задайте значения свойств Ширина и Высота значение 512.

  3. На панели инструментов редактора изображений, выберите инструмент Заливка.В окне Свойства отображаются свойства средства Заливка вместе с свойствами образа.

  4. Задайте цвет прозрачной полностью на черный.В окне Свойства в группе свойств Цвета, выберите Передний план.Установите значения R, G, B и A рядом с свойств в 0 палитрой.

  5. На панели инструментов редактора изображений, выберите инструмент Заливка, а затем нажмите и удерживайте клавиш SHIFT и выберите любую точку по принципу.Использование клавишу SHIFT приводит к альфа-значение цвета заливки заменить цвет в виде; в противном случае альфа-значение используется, чтобы использоваться цвет заливки вместе с цветом в форме.

    Важное примечаниеВажно

    Этот шаг вместе с помощью цвета на предыдущем шаге, гарантирует, что базовый образ подготовлен для текстуры целевого объекта "яблочка", создании.Если изображение заполняется прозрачным черно- и поскольку граница целевого объекта черно- - четыре escape-символа нет артефактами элиайсинга вокруг целевого объекта.

  6. На панели инструментов редактора изображений, выберите инструмент Эллипс.

  7. Задайте цвет в полностью непрозрачным черный.Установите значения R, G и B для 0 свойства A значение 255 и значение свойства.

  8. Задайте цвет фона для полностью непрозрачным белый.В окне Свойства в группе свойств Цвета, выберите Фон.Установите значения R, G, B и A значение 255 свойства.

  9. Установите ширину структуры эллипса.В окне Свойства в группе свойств Внешний вид, значение свойства Ширина на 8.

  10. Убедитесь, что является включено.В окне Свойства в группе свойств Внешний вид, убедитесь, что свойство Сглаживание имеет.

  11. С помощью средства Эллипс, создайте circle из начала (508, 508) координат (3, 3) пикселя в пикселях.Чтобы нарисовать круг проще, можно, если удерживая клавиш SHIFT при создании.

    ПримечаниеПримечание

    Координаты пикселя текущего расположения указателя отображаются в строке состояния Visual Studio.

  12. Изменение цвета фона.Выберите R, 44G 165, B 211, и в 255A.

  13. Создайте другой circle из начала (448, 448) координат (64, 64) пикселя в пикселях.

  14. Изменение цвета фона обратно в полностью непрозрачным белый.Выберите R, G, B и A значение. 255

  15. Создайте другой circle из начала (384, 384) координат (128, 128) пикселя в пикселях.

  16. Изменение цвета фона.Выберите R, 255G и B 64, и в 255A.

  17. Создайте другой circle из начала (320, 320) координат (192, 192) пикселя в пикселях.

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

Полная текстура целевого объекта bullseye

Как следующий шаг можно создавать уровни MIP для этой текстуры.Дополнительные сведения см. в разделе Практическое руководство. Создание MIP-уровней.

См. также

Основные понятия

редактор изображений