メインコンテンツへスキップ

第1回:辰年NFTの作り方ステップバイステップガイド

XUMO
DappsNFT StudioTutorials

著者: 徐墨、ArcBlockデザイナー

辰年を迎えるにあたり、記念NFTのコレクションを制作しました。ArcBlockのNFT Studioを使い、生成AIを活用してNFTを作成・配布する方法を、皆さんに知っていただくために、制作の全工程をここで共有します。

この記事は前後編の2部構成で、今回はその前編です。

準備

このセクションでは、NFT制作の基本的な流れを簡単にご紹介します。これは私が採用しているプロセスであり、皆さんのニーズに応じて簡略化したり、拡張したりしていただいて構いません。

一連のNFT制作プロセスは、次のようなステップで構成されます。

  1. 方向性を定める(必要な要素を検討し、どのような感情を表現するかを考える)
  2. AIで素材を生成する
  3. Figmaで素材を加工し、最終素材として書き出す
  4. NFT Studioを使ってNFTを作成する

レイヤー構造のNFTデザイン

ArcBlockのNFT Studioはレイヤー構造のデザインに対応しています。つまり、1つのNFTのアートワークは複数のレイヤーを重ねて構成されます。各レイヤーには、1つまたは複数の画像やテキストなどを含めることができます。これらのレイヤー内の要素の組み合わせが異なることで、それぞれのNFTが一点物の構図になります。

image.png

自分のNFTをデザインする際は、ニーズに応じて自由にレイヤーと組み合わせを設計できます。組み合わせのモードを使うことで、最小限のリソースで膨大な数のユニークなNFTを生成できます。

例えば、5つのレイヤーで構成されるNFTをデザインするとします。

  • 背景10種類
  • メインモチーフの図案10種類
  • 添え物の補助図案10種類
  • テキストレイヤー10種類
  • 自分のロゴ10種類

この場合、生成できるユニークなNFTの最大数は10 x 10 x 10 x 10 x 10 = 100,000個になります。

私たちのNFTは、次の5つのレイヤーで構成されています。

  • 固定の背景
  • 四字熟語のタイトル
  • 対聯の左右両側
  • 中央下部の一文字
  • 主役

発想

このステップは実のところ、かなり神秘的なものです。インスピレーションは来る時には来ますが、来ていないうちに満足のいくものを考え出すのは難しいものです。幸いなことに、GPTが今では非常に良い出発点を提供してくれます。以下は、GPTが提示してくれたデザインコンセプトです。

その後、龍の要素をメインテーマとし、赤と金を基調とした配色にすることに決めました。偶然にも、以前の会社からもらったお年玉袋(紅包)を壁に貼っていたのですが、それに似たデザインも良いアイデアだと思いました。

制作開始

ここまでの準備を踏まえて、いよいよ実際の制作に取りかかります。

ツール

プロのデザイナーとして、Figmaは私にとって欠かせないツールです。Figmaを使うことで、効果のプレビューや、枠線・フォントレイヤー・ウィジェットなどの補助レイヤーのデザインがしやすくなります。

Figma: The Collaborative Interface Design Tool

AIGC(生成AIコンテンツ)による強力なツールとして、私はMidjourneyを使用しています。ただし、Stable Diffusion、Dall-E 3、Adobe Fireflyなど、同様の作業をこなせるツールは他にも数多くあります。

https://www.midjourney.com

AI背景除去ツールです。AIGCで生成された画像には透過背景が付いていないことが多いため、このツールを使って背景を自動的に除去すると、作業がぐっと楽になります。

Remove Background from Image, Free HD, No Signup - Pixian.AI

AIGC

このNFTコレクションでは、AIによって生成された視覚素材は龍のみです。

龍の生成にはMidjourneyを使用しています。Midjourneyは効果が最も良く、プロンプトもシンプルで、SDのようにモデルパラメータを設定したりプロンプトを研究したりする必要がありません。実際、プロンプトについてはコミュニティで共有されているものが数多くあり、Midjourneyの公式コミュニティでもよく使われています。中国語コミュニティの中で、プロンプト共有が最も充実していて驚かされたのは小紅書(Xiaohongshu)でした。 Midjourneyを使って数多くの龍を生成しましたが、ここではMidjourneyの具体的な使い方については触れません。MJに関するチュートリアルはすでにネット上に数多くあります。 image.png image.png

AI背景除去

この龍の画像を右クリックでコピーし、このオンラインツールに貼り付けます: https://pixian.ai

自動的に背景を除去してくれます。 image.png 「Copy」をクリックすると、そのままFigmaに移動できます。

補助レイヤー

このNFTコレクションでは、AIで生成しているのは龍だけです。それ以外の部分は簡単なデザインで十分なので、Figmaを使っています。

NFTアートワークのタイトルは書道フォントを使い、それぞれの文字の大きさと位置を個別に調整することで、少し散らばったような表情を出しています。以下は、GPTが生成した、龍にまつわるポジティブな雰囲気の四字熟語10個です。

一文字のデザインも、非常にシンプルな形でお年玉袋(紅包)を模しています。以下は、GPTが生成した、旧正月にまつわる10文字です。

対聯もとてもシンプルです。縦書きのテキストに枠線を加えるだけで、内容もGPTによって生成されたものです。

image.png

主役はあくまで龍なので、その他の要素はできるだけシンプルに保つのが良いでしょう。

Figmaを使ったNFTデザイン

以上の準備を経て、次のような一連の素材が完成しました。

image.png

次のステップは実はとてもシンプルです。各素材を個別のレイヤーに分けます。例えば文字は1つのレイヤー、龍はまた別のレイヤーといった具合です。デザインの経験がない方には、レイヤーの概念が分かりにくいかもしれません。以下に例を挙げて説明します。 image.png

ヒント、後で二次加工する必要がなくなります。これは、今後NFTを作成する際の調整の手間を減らすための小さなテクニックです。もちろん、調整しないという選択も可能です。ArcBlockのNFT Studioには強力な素材編集・調整機能があるからです。ここで行ったのは、あくまで今回の例における最もシンプルなやり方です。

image.png

Figma上ですべての素材を選択し、書き出します: image.png image.png

最終的なNFTは、これらの素材を組み合わせるだけで、10(タイトル) x 6(対聯) x 10(龍) x 10(文字) = 6000個のNFTを素早く生み出すことができます。 しかし、この工程を手作業で完結させるのは非常に時間がかかり、これまではコードを書いてこのステップを行う必要があることがよくありました。ArcBlockはこうした素材を要件に応じて組み合わせるツールを提供しており、さらにオンチェーンでの発行やMintといった必要なステップも完了させることができます。

次のステップ Studio

NFT Studioは、NFTクリエイターのために作られた専用のツールセットです。NFT Studioには、作成、配布、Mint、販売、マーケット連携まで、NFTプロジェクトを立ち上げるために必要なすべてのツールが揃っています。NFT StudioはAIGCなどの技術とも組み合わせることができ、効率的なAI支援クリエイションを実現します。

NFT Studio

次回は、NFT Studioの使い方と、このNFTコレクションを作成する詳しい手順について解説します。

このページに関わるもの

製品

  • NFT Studio active

    NFT の作成と発行、および保有者がそれを利用するための画面を提供します。

用語

  • Dapp

    重要な状態が単一の運営者のデータベースだけに存在しないアプリケーション。何をもって分散とするかはプロジェクトごとに大きく異なるため、有用な問いは「どの部分が外部の人に検証できるか」です。