Generative NFT作成からOpenSea販売(List)までのNFT初心者のメモ

この記事について

NFT関連のワードを真面目にググりはじめて3日目の私自身が経験した、Generative NFT作成から、OpenSea販売(List)までの流れを、できるだけ詳細に記しています。自分用の備忘録も兼ねているので、とりあえず思いついたことは大体書いてます。多分とっても読みづらいですｗすみませんｗｗ

今回のプロジェクトの要点

• Polygon(MATIC)のブロックチェーンで出す。
• ノーコードツールthirdwebを使って標準トークンで一括アップロード、自分でMint(NFT発行)する。
• マーケットはOpenSea。

Generative NFT画像生成プログラムに関すること

• 自動生成には既存のPythonプログラムを修正して使う。
• 作業環境はmacOS。

ここからは実際のプロジェクトの流れを説明していきます。

必要な資金の調達

ガス代(Gas fee)用に、仮想通貨「Polygon(MATIC)」を少し用意しておきます。

Polygon(MATIC)の購入方法は、いろんな方のブログで紹介されているので、ここではざっくり流れだけ触れます。

Generative NFTに使うパーツの作成

私の場合、パーツはPhotoshopで作成します。Photoshopで複数の組み合わせができる絵を描いて、各パーツ（背景、身体、髪、アクセサリ等）ごとにPNGで書き出します。レイヤーの表示/非表示を切り替えながら、書き出し > PNGとしてクイック書き出しか書き出し > 書き出し形式...。

Photoshopの書き出し > 書き出し形式...へのショートカットはcommand + option + shift + W

パーツ作成のついでに、OpenSeaのコレクションに表示される各種画像も用意しておくと、Photoshopでの作業が一度で片付くので楽です。

• ロゴ(Logo image): 350 x 350 推奨
• アイキャッチ(Featured image): 600 x 400 推奨
• バナー(Banner image): 1400 x 350 推奨

Generative NFT画像生成

Pythonの開発環境を用意

Progateがまとめてくれていた手順で進めました。

Pythonの開発環境を用意しよう！（Mac） | プログラミングの入門なら基礎から学べるProgate[プロゲート]

画像生成プログラムのインストール

エディタ、Visual Studio Codeを開き、表示 > ターミナルからターミナルを表示させ、適当な作業ディレクトリに入っておきます。

下記サイトの「プログラムのインストール方法」のgit 〜とpip 〜のコマンドをターミナルで実行。プログラム自体の詳細やライセンス等は下記サイトで確認してください。

Generative NFT コレクションの作り方 | NFT Media | NFTに関する最新情報をお届けするメディア

git clone https://github.com/gurujowa/generative-art-nft

pip install Pillow pandas progressbar2

プログラムの修正

Visual Studio Codeで、先ほどインストールしたgenerative-art-nft/のフォルダーを開きます。その中の、assets/の中身を全て消して、先ほど作成したパーツのPNGファイルを各ディレクトリごと入れます。

パーツを入れたら、config.pyの内容を修正していきます。

CONFIGの内容と変更する箇所は先ほどのサイト↓で確認してください。ここではパーツを重ねる順序の指定や、各パーツディレクトリの呼び出し等をしています。

Generative NFT コレクションの作り方 | NFT Media | NFTに関する最新情報をお届けするメディア

↓METADATAとCONFIG部分は結局こんな感じに仕上がりました。

METADATA = {
    "name": "BCBA#_ID_",
    "description": "black cat in the back alley",
    "external_url": "https://hp.kbnt.xyz/",
    "background_color": "#000000",
    "youtube_url": ""
}

CONFIG = [
    {
        "id": 1,
        "name": "Background",
        "directory": "BG",
        "required": True,
        "rarity_weights": None,
    },
    {
        "id": 2,
        "name": "Body",
        "directory": "BD",
        "required": True,
        "rarity_weights": None,
    },
    {
        "id": 3,
        "name": "Eye",
        "directory": "EY",
        "required": True,
        "rarity_weights": None,
    },
]

いよいよGenerative NFT画像の生成

ターミナルで、nft.pyというファイルがあるディレクトリに入り、画像を生成するプログラム、nft.pyを走らせます！！

python nft.py

↑これを打ってエンター。

すると、Generative NFT画像を作る個数と、今回の処理のエディション(版)の名前（生成されるディレクトリ名になるだけ）を聞かれるので、適当に入力しエンター。生成が始まります！

kobunata@KonBook-Pro-16 generative-art-nft % python nft.py        
Checking assets...
Assets look great! We are good to go!

You can create a total of 9 distinct avatars 

How many avatars would you like to create? Enter a number greater than 0: 
50
What would you like to call this edition?: 
go
Starting task...
100% (50 of 50) |#########################################| Elapsed Time: 0:00:06 Time:  0:00:06
Generated 50 images, 9 are distinct
Removing 41 images...
Saving metadata...
Task complete!
kobunata@KonBook-Pro-16 generative-art-nft % 

処理が終わると、output/[エディション名がついたディレクトリ]/の中に、生成されたGenerative NFT画像とCSVが入っているはず。す、、、すげー！！！（一番テンションが上がる瞬間）

これでGenerative NFTの材料（画像とCSV）は用意できました！

thirdwebにてアップロードからMint(NFT発行)まで

コントラクトを選択しDeploy

thirdwebにアクセスして、Deploy new contract > NFT Drop

NFT DropのContract Metadataという画面で、コントラクト(契約)の内容を入力していきます。

• コレクションのロゴ画像、名前、説明文、シンボル(略称？)を指定します。
• Payout Settingsの受取人アドレスが自分のものになっているか確認。
• Royaltiesのパーセンテージは二次流通時に入る収益。
• NetworkからPolygon(MATIC)を選択。

入力が終わったら、Deployします。

Claim Phasesの設定

Deployが終わったら、Claim Phases(請求内容制御)を設定します。

今回選択したNFT Dropコントラクトは、埋め込み機能で誰でもMint(発行)できて、Mint時のガス代はMintした人が払うというものなので、自分のサイトにMintモジュールを埋め込み、ファンにMintしてもらうということもできます。ファンはどのNFTが自分の手でMintされマーケット(OpenSea等)に並ぶのかわからないから面白いのかな？

ファンにMintしてもらう際に、このClaim Phasesのフェーズで設定できる項目が役立つみたいです。…って事で合ってますよね…？

フェーズは複数設定可能なので、「最初は少量しかMintできない」「いつからはMint費用が高くなる」「最初は友達限定でMint可能」等の設定も可能です。

入力が終わったら、Save claim phasesで保存します。

NFT一括アップロード

Generative NFT画像とCSVファイルの、Batch Upload(一括アップロード)をしていきます。thirdwebのコントラクト内でBatch Uploadをクリックし、先ほど生成された画像が入ったディレクトリimagesと、各NFTに割り振られるメタデータが書かれたmetadata.csvをまとめて選択し、枠内にドラッグ&ドロップ。

途中、Reveal upon mint(Mintしたら即NFT内容が明らかになる)を選択、MintされるNFTの順序をシャッフルしたい場合はShuffle 〜のチェックボックスにチェックを入れて、いざUpload。

NFTのMint(発行)でOpenSea公開

thirdwebのコントラクト内の、Embed(埋め込みコード)のページ下方に、MintモジュールのPreviewが表示されているはず。

そのプレビューで、OpenSeaに公開させたい個数を選択し、Mint。

↓アップロードしたNFTが全部Mintされたら、MintモジュールにSold outと表記されます。

OpenSeaにてNFTの販売(List)まで

OpenSeaにてコレクションの内容編集

モジュールでMintされたNFTは、OpenSeaに新規作成された自分のコレクションに並びます。

OpenSeaのコレクションの編集機能で、パーツと一緒に作った画像（コレクションのアイキャッチ、バナー）を設定、URL編集、カテゴリー設定、Twitter連携（連携で記入がリセットされるので別でやるべし）、外部リンク入力、収益の割合等を設定し、保存。

そして遂に販売

各NFTの商品ページのSellから、販売金額、販売期間を入力し、List(Complete listing)

これで、自作のGenerative NFTが、OpenSeaで販売されている状態になるかと思います。