paint-brush
無料でコーディングなしで NFT コレクション (+10,000) を生成する方法@matu
7,942 測定値
7,942 測定値

無料でコーディングなしで NFT コレクション (+10,000) を生成する方法

Marco Tusa8m2022/07/11
Read on Terminal Reader
Read this story w/o Javascript

長すぎる; 読むには

この記事では、コードをまったく書かずに独自の NFT コレクションを生成する方法を紹介します。これは、NFT コレクションを立ち上げたいブランド、クリエイター、オタク、技術者および非技術者向けに書かれています。また、後で Opensea や Rarible などの市場で取引できるように、人々が Web サイトから NFT を購入できるようにする方法も学びます。学習内容: アートワークの準備方法 __Flume(https://www.getflume.app) を使用して何千ものユニークな画像を生成する方法 ブロックチェーン (Ethereum または Polygon) に展開する方法

Companies Mentioned

Mention Thumbnail
Mention Thumbnail
featured image - 無料でコーディングなしで NFT コレクション (+10,000) を生成する方法
Marco Tusa HackerNoon profile picture

この記事では、コードをまったく書かずに独自の NFT コレクションを生成する方法を紹介します。


これは、NFT コレクションを立ち上げたいブランド、クリエイター、オタク、技術者および非技術者向けに書かれています。


懐疑的?手続きは私がご案内しますのでご安心ください!


また、後で Opensea や Rarible などの市場で取引できるように、人々が Web サイトから NFT を購入できるようにする方法も学びます。

始める前に必要なもの:

  • 画像編集ツール - 使用しますcanva.com無料でパワフルだから
  • 背景除去ツール - 使用しますremove.bgそれは無料でうまく機能するので
  • Metamask ウォレット - お持ちでない場合は、アプリまたは Chrome 拡張機能を入手できます ここ.
  • フルームオンラインアプリ

学習内容

  • アートワークの準備方法
  • 数千 (10,000) の一意の画像を生成する方法フルーム
  • メタデータの生成方法
  • ブロックチェーン (Ethereum または Polygon) にデプロイする方法
  • ウェブサイトからのミンティングを許可する方法

アートワークの準備方法

基礎

Web 上にある NFT コレクションを見てみると、同じコレクション内のすべての画像が互いに似ていることに気付くでしょう。

Doodles NFT コレクション

これは、各 NFT コレクションが異なるレイヤーで構成されるために発生します。

たとえば、各画像は次の要素で構成されます。

  • バックグラウンド
  • 概要
  • 眼鏡
  • 帽子

レイヤーは (アドビ製品と同じように) 下から上に機能します。1 つの最終的な画像を生成するためにレイヤーが互いに積み重ねられていると想像してください。


各 NFT は、各レイヤーに設定したレア度に基づいて、これらのレイヤーをランダムに組み合わせて生成されます。


多くのユニークな組み合わせを可能にするために、レイヤーごとに、特性と呼ばれる一連の異なる画像を設計します。

ルール

任意の画像編集アプリで画像レイヤーをデザインできます。


重要なことは、すべての画像に以下があることを確認することです。

  • 透明な背景

  • PNG形式

  • 同じサイズ/寸法


画像は適切に並べる必要があることを忘れないでください。

私 (または私たち?) は、画像レイヤーのサイズを 400x400 にすることをお勧めします。

「醜い魚たち」NFTコレクションの一例

これが私がアートワークを準備した方法ですCanva.com私の NFT コレクション: 醜い魚。


  1. サイズが 400X400 の Canva でプロジェクトを作成しました。
  2. 作成したい NFT の最終的な完全な例を作成しました。これには、正しい順序で配置されたすべての特性が含まれます。
  3. 同じプロジェクト内でこのページを何度も複製しました。私がその特性になりたいと思ったのと同じくらい。
  4. コピーしたページには、アートワークの特定の特徴を 1 つだけ残しました。これは常に同じです。
  5. すべての画像を PNG 形式でダウンロードしました。
  6. ページごとに異なる色の特性を選択しました。
    このトリックは、特性の完全な配置を保証します

現在、Canvaの無料版を使用しているため、背景を透明にしてダウンロードすることはできません。


有料版をお持ちの場合は、背景が透明なすべての画像をダウンロードして、次の段落をスキップしてください.

画像の背景を透明にするために、完璧に機能する無料のオンライン ツールを見つけました。削除.bg .


すべての画像をこのツールにドラッグ アンド ドロップし、今回は透明な背景で再度ダウンロードしました。


ここまで来たら、NFT の特性ごとにこのプロセスを何度も繰り返しました (特性の数だけ、Canva でプロジェクトのコピーを作成するだけです)。


私のアドバイスは、物事を整理しておくことです。


最終的に、Canva で次のような結果が得られるはずです。

Canva アカウントの整理されたフォルダー

そして、PCのフォルダーに次のようなものがあります:

PC の整理されたフォルダあなたのNFTは私の醜い魚よりずっと良く見えると確信しています:)

Flume で何千ものユニークな画像を生成する方法 (10,000 以上)

ウォレットを接続する

NFT コレクションを作成するには、Crypto Wallet が必要です。使用をお勧めしますメタマスクまだお持ちでない場合は、デスクトップ ブラウザー用です。


次に行きますwww.getflume.app 、「Connect Wallet」をクリックして、Flume でプレイを開始します。

Flume にコンテンツをアップロードする

Flume アプリのホームページに直接アクセスします。紫色の [ Create a New NFT Collection ] ボタンをクリックすると、アートワーク エディタ ページにジャンプします。

アートワーク エディター - 嵐の前の静けさ :)

コレクションにタイトルを付け、作成する画像形式と NFT の数を指定すると、レイヤーの構成を開始できます。

レイヤーへの画像のアップロード

アップロードの場合、次のロジックを使用する必要があります。各レイヤーにアップロードする画像を特性別にグループ化します。


たとえば、すべての「背景」を同じレイヤーにアップロードし、すべての「目」をまとめて別のレイヤーにアップロードし、「口」も同じように別のレイヤーにアップロードする必要があります。


Randomize 」ボタンをクリックすると、レイヤー コンボのランダム プレビューが表示され、希望どおりかどうかを確認できます。


システムは、アートワーク エディタに設定したのと同じ順序 (左から右、上から下) に従ってレイヤーを処理します。


レイヤーのフレームを折りたたんで、ワークスペースを整理整頓することもできます。

すべての特性とメタデータがロードされたアートワーク エディター

ときどき「保存」ボタンを押すことを忘れないでください。タブを閉じても、これまでの進行状況が失われることはありません。

レアリティの設定とメタデータの生成

忘れてはならないのは、アップロードされた各レイヤーと各画像に名前を付けることです。この情報は、システムが NFT のメタデータを自動的に生成するために使用されます。


また、各画像には「レアリティ」を指定する必要があります。

Rarity Settings for each Trait

希少性とは、その特性をコレクションに表示したい回数の割合を意味します。


ドロップダウンで次のオプションのいずれかを選択することにより、各特性の希少性を選択できます。


  • 人気

  • 不人気

  • レア

  • スーパーレア


レアリティのデフォルト値は固定比率に基づいています。

コレクションをブロックチェーン (イーサリアムまたはポリゴン) にデプロイする方法

成功したら:

  • すべての画像をアップロードしました

  • 与えられたタイトルと生成される NFT の量を指定

  • メタデータと希少性を設定

  • …プレビュー ボックスに表示される画像に満足しています。


Generate Collection 」ボタンを押してみましょう。


Flume の背後にあるエンジンは、以前に選択した一意の NFT の量を生成するために、すべてのレイヤーをランダムに混合し始めます。

Flume によって生成されたユニークな画像

プレビュー セクションで生成された最終的な画像をすばやく確認します。すべて問題なければ、[コレクションをブロックチェーンに追加] ボタンをクリックし、チェーンを選択し、要求されたフィールドに入力して展開を開始します。


Flume は現在、Ethereum と Polygon ブロックチェーンをサポートしていますが、それぞれに長所と短所があります。


この記事では、Flume は何も請求しないため、Polygon ネットワークを使用します。

ただし、この段階では、スマート コントラクトを展開するためのガス料金 (Flume によって管理されていない) を支払うように要求されます。


あとは待つだけです。BAAAAAAM -コレクションが展開され、私たちは契約の所有者です!!!

ウェブサイトからのマイニングを許可する方法

私たちは今、コレクションの正式な所有者です - はい。

鋳造ボタン

まず、ユーザーが NFT を作成できるようにする必要があります。


Flume は、コピーして任意の Web サイトに貼り付けて「鋳造ボタン」を表示できる小さなコードを提供することで、これを支援します。

ミント ボタンを Web サイトに直接埋め込むためのスニペット コード

これまでのところ、すべてが無料でノーコードであることを認めなければなりません。


ウェブページにミント ボタンを追加することは、よりトリッキーで技術的に見えるかもしれませんが、多少の専門性は必要ですが、それほど難しくはありません。

WordPress サイトをお持ちの場合

ミント ボタンを追加するには、コードを埋め込むためのプラグインをインストールする必要があります。


これは、ほとんどのユーザーがサイトにミント ボタンを埋め込むためにインストールするものです: " Code Embed " by David Artiss ( リンク)。


これが完了したら、そのリンクに記載されているガイドに従って、それに応じてスニペット コードを貼り付けてください。

他のウェブサイトをお持ちの場合

あなたがしなければならないことは、それをコピーしてフロントエンドコードに貼り付けてカスタマイズするだけです - それを美しく、あなたのスタイルに合わせてください!


スニペット コードは、どのフロントエンド フレームワークでも機能するため、使用しているものに関係ありません。

マーケットプレイスでの取引

コレクションの NFT が作成されると、OpenSea、Rarible、および他の多くの有名なマーケットプレイスで自動的に取引可能になります。


所有者は、作成に使用したのと同じウォレットでマーケットプレイスにサインインするだけで、NFT は自動的に同期されます。

スマート コントラクトを確認する

スマート コントラクトの失敗により数百万ドルの資金が失われる可能性があるため、スマート コントラクトの正確性とセキュリティが必要です。検証を進めることを強くお勧めします。


したがって、スマート コントラクトに基づくブロックチェーン アプリケーションは、スマート コントラクト実装の正確性、セキュリティ、および安全性を確保するためにチェックおよび検証する必要があります。


検証済みのスマート コントラクトは、透明性と信頼の同義語です。


幸いなことに、Flume はすでに検証済みのスマート コントラクトをデプロイするので、それを行うことについて心配する必要はありません。


私と同じように楽しんでいただければ幸いです。また、この記事に関連するを YouTube に作成しました。ご質問やご不明な点がございましたら、コメントを残すか、 tusamarco1995 @gmail.com までご連絡ください。 Flume Discord サーバーあなたのようなクリエイターのコミュニティを見つけるために!