Генерация NFT-арта

НФТ Искусство

Эта часть самая веселая, потому что это действительно творческая часть процесса. Его можно разбить на следующий процесс:

  1. Художественное творчество
  2. Концептуализируйте искусство
  3. Организуйте его по чертам
  4. Рисование, иллюстрирование или рендеринг искусства
  5. Распределить редкость по черте
  6. Создание вариантов

Художественное творчество

Концептуализация и создание искусства выходит за рамки этих статей. Вам нужно будет либо нарисовать/раскрасить его самостоятельно, либо работать с другими людьми, чтобы сделать это. В моем случае я работал со своими детьми, которые концептуализировали проекты, а затем делали для них все необходимое искусство. Вы можете использовать любую художественную программу для создания файлов, от Photoshop до Procreate и Blender. Это не имеет значения, если конечным результатом является файл PNG или GIF.

Да, можно создавать анимированные GIF и даже 3D GIF. В этой статье я сосредоточусь на создании 2D-статичных GIF-файлов.

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

Все эти черты должны быть нарисованы и сохранены в виде отдельных файлов, в идеале каждая черта должна быть папкой, а отдельные рисунки для этих черт — отдельными файлами в этих папках. Арт может быть в формате PNG или GIF.

Папка — арт-файл, арт-файл, арт-файл Голова — head.png Глаза — глаза 1.png, глаза 2.png, глаза 3.png Нос — нос 1.png, нос 2.png, нос 3.png , нос 4.png

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

Если вы хотите сделать еще один шаг, вы уже можете выяснить, какие значения редкости вы хотите присвоить каждой черте. Редкость здесь означает, как часто эта черта будет появляться в вашей коллекции. Лучшей практикой, которую мы нашли, является подсчет количества каждой черты, которое у вас будет, а затем сделать сумму всех редкостей для этой черты равной 100. Это не строго проценты, но, похоже, это работает лучше всего, чтобы получить раритеты для правильной генерации.

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

Давайте возьмем Глаза выше в качестве примера:

Есть три глаза, поэтому, если мы хотим, чтобы глаза 1 были обычными глазами, мы можем назначить редкость 60 и соответственно настроить другие глаза на 20 для глаз 2 и 20 для глаз 3 (60 + 20 + 20 = 100). Затем имена файлов должны быть изменены на:

глаза 1#60.png, глаза 2#20.png, глаза 3#20.png

Имена файлов будут использоваться программой для обозначения свойств, так что имейте это в виду. Если бы мы генерировали эти конкретные имена, они отображались бы как «глаза 1», «глаза 2» и «глаза 3» в Opensea. Они работают, но они не очень описательные или интересные.

Будьте осторожны при именовании, поскольку программа чувствительна к специальным символам, кроме пробелов, и под чувствительностью я подразумеваю, что вы не получите ничего, кроме сообщений об ошибках, если ваши имена содержат что-либо кроме букв, цифр, пробелов и необходимого «#» для рейтинга редкости. .

После того, как вы присвоили все имена и организовали папки, вы можете перейти к генерации NFT.

Создание вариантов

Для генерации вариантов NFT вы можете использовать либо Hashlips Art Engine, либо его форк, разработанный CodeSTACKr. Оба они используют один и тот же движок, просто некоторые команды немного изменены. Для целей этой статьи я использовал код minter-dapp из CodeSTACKr.

Чтобы начать работать с любым из них:

Без учетной записи Github:

  1. Нажмите на одну из ссылок выше, нажмите зеленую кнопку «Код» и нажмите «Загрузить ZIP».
  2. Разархивируйте файл, затем переместите полученную папку в папку проекта, где вы хотите с ней работать.
  3. Запустите код Visual Studio.
  4. Откройте папку из шага 2. С учетной записью Github:
  5. Нажмите на одну из ссылок выше, разветвите репозиторий на свой аккаунт, нажав кнопку «Разветвить» в правом верхнем углу.
  6. В своем форке нажмите зеленую кнопку «Код» и скопируйте адрес https.
  7. Запустите код Visual Studio.
  8. Щелкните вкладку управления исходным кодом слева.
  9. Нажмите «Клонировать репозиторий».
  10. Вставьте адрес https, скопированный на шаге 2.
  11. Выберите место для сохранения папки.

Теперь, когда папка проекта открыта, выберите «Терминал» в верхнем меню, а затем «Новый терминал».

В командной строке терминала введите следующее. Возможно, вам придется подождать между этапами, прежде чем вводить следующую команду.

  1. cd backend — это приведет вас к нужному каталогу
  2. npm i — это установит зависимости для проекта

Проверим работоспособность установки.

В терминале снова введите «npm run generate».

Это запустит приложение и должно создать три новые папки в проекте:

  • проект/бэкенд/сборка/
  • проект/бэкэнд/сборка/изображения
  • проект/бэкэнд/сборка/json

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

Если все в порядке, мы можем перейти к добавлению наших собственных файлов.

  1. Откройте папку «images» и удалите в ней все.
  2. Скопируйте свои художественные папки.

Теперь посмотрите на левую панель и найдите файл «config.js» в каталоге «src». Это файл, который программа будет использовать для настройки ваших NFT. Вам нужно будет найти следующие строки в файле config.js и изменить их на то, что подходит для вашего проекта:

  1. В разделе «Общие метаданные для Ethereum»
  2. namePrefix следует заменить на имя проекта
  3. описание должно быть изменено на описание проекта
  4. baseUri следует сначала оставить пустым.
  5. Под строкой layerConfigurations const:
  6. измените GrowEditionSizeTo на количество генерируемых NFT. Чтобы убедиться, что все работает, сначала начните с меньшего количества, а затем вы можете изменить его на полное количество, как только вы будете довольны результатами.
  7. измените имена слоев, чтобы они соответствовали названию вашей папки. Обратите внимание на капитализацию. Чем выше слои находятся в названии папки, тем дальше они будут в фоновом режиме в NFT, что означает, что нижние слои будут располагаться поверх более высокого слоя.
  8. В строке const format размеры в пикселях должны соответствовать размерам вашего изображения в пикселях.
  9. В строке const extraMetadata вы можете добавить любые другие метаданные.

Как только вы убедитесь, что все готово, вы можете сохранить файл, а затем снова ввести «npm run generate» в терминале.

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

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

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

Надеюсь, все сработало, и теперь у вас есть коллекция PNG, готовая перейти к следующему шагу — загрузке изображений в IPFS.