Те времена, когда в 80-х для чтобы иметь возможность создавать Pixel Art, вам нужно было вытащить двоичный код чтобы сформировать форму корабля или анимированного человека с помощью набора иконок, которые накладывались одна на другую. Этот двоичный код смог дать нам жемчужины видеоигр, которые стали почти основой, чтобы сегодня мы могли наслаждаться новым золотым веком Pixel Art благодаря играм для мобильных устройств.
И в то же время, когда с этими мобильными устройствами времена изменились, мы можем получить доступ к ряду инструментов, которые упрощают нам создание Pixel Art на нашем ПК. Один из таких инструментов - Pixel Art Studio, бесплатная программа которые у вас есть в Windows Store в Windows 10. Мы собираемся прокомментировать каждую из функций этой программы, а также показать шаги по созданию Pixel Art довольно простым способом с помощью полезных инструментов, предоставляемых этим приложением.
Особенности Pixel Art Studio
Перед нами инструмент огромной силы, который может быть использован всем, кто хочет погрузиться в дизайн пиксельной графики. Среди его поразительных особенностей то, что он оптимизирован для цифровых перьев и перьев с сенсорным вводом, поэтому, если у вас есть перо Wacom или Windows Surface, вы можете почти летать в дизайне Pixel Art.
Но он не только остается там, но и ряд функций, таких как предыдущий спрайтовый режим, возможность импорта / экспорта PNG, различные типы кистей, настройки размера и непрозрачности кисти, давление кисти, специальные эффекты на слоях, настраиваемый размер холста, расширенная функциональность слоя, симметричный рисунок, контроль над каждым из пикселей нашей работы и возможность рисования фигур некоторыми специальными кистями.
Это способность рисовать симметрично один из самых полезных, поскольку с помощью этого инструмента мы сможем мгновенно создавать объекты, такие как космический корабль или особый объект, который пригодится тому другу, который приступает к делу, чтобы создать свою собственную видеоигру для Android или iOS.
Pixel Art Studio тоже есть веб-версия, хотя он доступен в альфа-версии, поэтому вы можете столкнуться с некоторыми ошибками. Поэтому, чтобы войти в мир Pixel Art, мы рекомендуем вам загрузить программу из магазина Windows 10.
Инструменты и интерфейс Pixel Art Studio
К тому времени, когда мы установим и запустим программу, у нас будет перед нами полотно в виде сетки это позволит нам рисовать разными кистями, которые мы можем найти на левой панели инструментов.
Как видите, он имеет много общего с другими программами для дизайна, поэтому, если мы привыкли к Photoshop и другим программам, вы будете чувствовать себя как дома. Тем не менее, давайте рассмотрим различные части программы. Вверху у нас есть инструменты стирания, обратное, вставка, предварительный просмотр и масштабирование.
Помимо этого, что они будут широко использоваться для разных целей, у нас есть очень важный: инструменты или инструменты. Если мы щелкнем по нему, мы сможем получить доступ к ряду очень важных инструментов, чтобы начать рисовать наш первый Pixel Art.
У нас есть Rotate, который будет отвечать за вращение чертежа, который мы уже сделали; Отразить X, чтобы перевернуть созданный рисунок боком; Отразить Y с той же функцией, но будет делать это вертикально от оси Y; и «Зеркало X» и «Зеркало Y», два важных инструмента, облегчающих создание пиксельного искусства. Каждый пиксель, который вы рисуете на холсте, будет складываться в другой его части. Это будет зависеть от использования инструмента «Зеркало X» для копирования сбоку или «Зеркальное отражение Y» для вертикальной части.
Остальные инструменты в этой части - это сетка, чтобы изменить размер сетки; Блокировка оси, чтобы заблокировать оси X и Y; Импорт, чтобы импортировать изображение и, таким образом, поиграть с пиксельной базой, если тот, который мы импортировали, достаточно мал; и Изменить размер, чтобы изменить размер холста.
У нас также есть возможность использовать анимацию, хотя мы оставим это для другого урока. Это означает, что вы можете анимировать пиксели для создания взрывов или любых других необходимых эффектов, как при анимации персонажей. Наконец, у вас есть «Еще», чтобы получить доступ к сохранению, загрузке, новому рисунку, экспорту или просмотру галереи; ряд основных инструментов для художественного творчества с этой программой.
Инструменты и слои для рисования
Слева у нас есть основные инструменты рисования и селектор цвета. Палитра цветов довольно проста с историей последних цветов и пользовательских цветов для быстрого доступа к ним. Эта часть интересна, так как многим из рисунков, которые мы делаем, не понадобится такое количество цветов, с помощью нескольких мы сможем сделать качественный пиксель-арт.
Следующий инструмент - это настройки кисти, которые позволяют нам настроить его размер и непрозрачность. Некоторые из них настроены по умолчанию, так что вы можете быстро получить к ним доступ, не теряя времени.
Если теперь щелкнуть инструмент кисти, мы также можем выбрать линию, квадрат или круг. Другие инструменты известны как стирание, ведро с краской для заполнения области и выделения.
С другой стороны у нас есть часть слоев, они позволят нам нарисовать интересующие нас слои. Знак + для создания нового слоя, который будет добавлен к текущему, чтобы их было столько, сколько мы хотим. Мы можем заблокировать их знаком с замком или сделать их видимыми с помощью знака глаза.
Как видите, Pixel Art Studio подводит нас к программе очень простой в своей динамике так что мы быстро подготовимся к созданию рисунка в стиле пиксель-арт. В этом случае мы собираемся создать межгалактический корабль, который мы могли бы использовать в стрельбе по тем, у кого много взрывов и много врагов.
Как нарисовать космический корабль в стиле пиксель-арт в Pixel Art Studio
Скачать Pixel Art Studio отсюда.
- Позволять выберите линейную кисть и 1 пиксель по размеру, чтобы начать рисовать.
- Как только это будет сделано, мы переходим в Инструменты и выбираем Зеркало X.
- Мы можем уменьшить размер холста с увеличением в левом нижнем углу со знаком + или -.
- Подводим указатель мыши к верхней части холста прямо посередине; с гидом это будет очень легко.
- Нажимаем и опускаем наклонная форма, которая приведет к переду корабля.
- Мы немного приоткрываем крылья корабля, как вы можете видеть на изображении ниже с другой линией под другим углом:
- Сейчас мы закрываем крылья корабля и мы создаем нижнюю часть движителя, как вы можете видеть на изображении:
- Есть время создать кабину от трети передней части нефа, почти как мы сделали ту же часть, но меньшего размера, чтобы плотно закрыть ее:
- Теперь ракеты размещены на крыльях:
- Мы собираемся раскрасить корабль, выбрав селектор цвета.
- Un синий с шестнадцатеричным кодом # 2c6598. И мы передаем его пользовательскому цвету, щелкнув значок руки и перетащив его в нужное положение.
- Теперь мы выбираем куб и щелкаем по внутренней стороне нарисованного корабля и по ракетам.
- Мы даем цвет в салон с этим оттенком: # e1a279
- Мы выбрали черный цвет, может быть лучше серый, и нарисовали элероны на днище корабля. За отправную точку можно взять вертикаль кабины.
- также создаем вертикальную линию 5 пикселей расположен прямо над ракетами.
- Закрываем кончик передней части корабля горизонтальной линией. Эту часть также раскрашиваем тоном: # ec6d19
- Пришло время создать кистью отражения корабля.
- Деактивируем Mirror X и более светлым тоном: # f2c6a8 рисуем отражение несколькими пикселями в левой части кабины, как показано на изображении:
- Для вершины корабля с помощью палитры цветов мы можем используйте пипетку, чтобы взять апельсин и таким образом выберите более светлый оттенок.
- Мы все равно отдадим его вам: # eeb18a
- важно: сохранить как пользовательские цвета, чтобы иметь возможность вернуться к ним в любое время.
- Теперь мы переходим к линии, выбираем синий тон, ищем более светлый (# 94989b) и рисуем отражения на левой стороне корабля:
- Позволять окраска элеронов в черный цвет как на картинке с горшком с краской:
- Мы переходим к слоям и выбираем тот, который есть на рисунке, чтобы продублировать его с помощью Duplicate. Также закрепляем новый слой замком.
- Выбираем белый цвет и в новом дублированном слое мы используем горшок с краской чтобы окрасить весь синий цвет и даже указанные выше отражения:
- Теперь пора выбрать карандаш или кисть, мы изменим размер кисти на 7 пикселей и закрасим весь холст в белый цвет.
- На дублированном слое, прямо там, где мы находимся, выбираем режим наложения «Умножение» чтобы корабль появился.
- Заходим в настройки кисти и выбираем диффузор размером 5 пикселей. Также черный цвет и непрозрачность кисти 10%.
- Что мы собираемся делать затенить правую сторону сарая и винт в нижнем, а также в нижней части ракет:
- Мы переходим в Preview вверху, чтобы показать превью корабля, и берем ластик, чтобы очистить тени.
- Мы берем карандаш в руке и продолжаем рисовать тени по салону. Даже в салоне, чтобы добавить тени объемности.
- В любой момент мы можем уменьшить интенсивность теней с помощью непрозрачности слоя.
- Мы даем тень ракетам и наш корабль будет готов.
- Щелкните Дополнительно> Экспорт.
- Масштабируем изображение до 400% или даже добавляем интервал между пикселями чтобы он выглядел более пиксельным. Это будет зависеть от нашего вкуса и искусства.
- Мы также можем изменить цвет фона и добавить поля по осям X и Y до 45% и 60% соответственно.
- Ya у нас готов наш супер корабль чтобы сохранить его как .PNG.
Сейчас создавать инопланетные корабли всех видов чтобы сформировать серию из них, чтобы передать ее тому другу, который с нетерпением ждет их игры.