テクノロジー

生成AIが描いたキャラをスクラッチに取り込む

handa's icon'
  • handa
  • 2023/08/16 09:40

はじめに

お疲れsummer。

 

本稿は、画像を作ってくれる生成AI「DreamStudio」で作った画像をスプライト(キャラ)として子供向けプログラミング言語「スクラッチ」に取り込む方法を記載します。

デザイナーの方、「もっとスマートな方法があるよ」という方は、ぜひ教えてください。すごい高価なツールを使えばいいのかもしれませんが、私はDreamStudioにのみ生成料を支払っています。

手順

1. DreamStudioにアクセスします。アドレスはここです。

アクセスすると、以下のような画面になります。過去に既に画像を作ってある場合、それが履歴として表示されます。以下に表示されているのは「かわいい幽霊」です。

Content image
DreamStudio

2. スタイルをLine art(ラインアート)にします。Anime(アニメ)でもいいかもしれませんが、Line artの方が取り込める画像が作りやすくなります。

Content image
StyleはLine artを選択

3. 画像のサイズは変えず、デフォルトの1024x1024のままでいいです。256x256などに変えると、以下のように全体が描かれない画像が作られてしまいます。

Content image
全体が描かれなかったガイコツ1
Content image
全体が描かれなかったガイコツ2

4. DreamStudioへの指示は英語で行います。そこで、翻訳ツールに指示文を記入し、英訳します。

Content image
国民的アニメをイメージしたキャラ

5. Promptに英語の指示文をコピペします。

Content image
Promptに英文を貼り付け

6. Negative promptに「background」と記載します。これは、スクラッチに取り込むときに背景が邪魔になるため、背景に何も描かないようにする指示です。

Content image
Negative promptはbackground

7. 準備ができましたので、Dreamボタンを押します。

Content image
夢見る54歳

8. 無事に画像が生成されました。ただ、どれも耳がありますね...。Negative promptにearと記載すればよかったのかもしれません。

Content image
生成された画像

9. 画像を作業フォルダにダウンロードし、わかりやすい名前をつけます。

10. 画像はPNG形式になっているので、これをSVG形式に変換します。変換ツールを持っていればそのツールで変換しましょう。私は持っていなかったので、アドビのネット上のサービスを使いました。

Content image
Adobe PNGをSVGに変換

11. 変換したい画像ファイルをアップロードします。

Content image
画像をアップロード
Content image
SVGに変換

12. ダウンロードボタンを押すと「ログインしろ、またはアカウントを作れ」と言われるので、画像を右クリックし名前をつけて保存します。セコい。

Content image
名前をつけて画像を保存

13. スクラッチで、スプライトをアップロードを選択し、SVGファイルをアップロードします。

Content image
スプライトをアップロード

14. スクラッチに生成AIが描いたキャラを取り込めました!ここでは、キャラのサイズを10%に指定しています。

Content image
取り込み完了

あとは、こんなかんじでコスチュームを編集していけばOK!ちょっとサイズが大きすぎたようです。SVG形式に変換する前に、なんらかのツールでサイズを縮小すればいいようですね。

Content image
コスチュームを複製し、上を向かせた

いかがでしょうか?

生成AIも使いようですね。早く日本語で指示できるようになってほしいです。

 

以上

Supporter profile iconSupporter profile iconSupporter profile iconSupporter profile icon Supporters link icon
Article tip 8人がサポートしています
獲得ALIS: Article like 167.29 ALIS Article tip 78.87 ALIS
handa's icon'
  • handa
  • @handa
コンピュータシステムの開発、子供向けプログラミング教室などを行っています。

投稿者の人気記事
コメントする
コメントする
こちらもおすすめ!
Eye catch
クリプト

17万円のPCでTwitterやってるのはもったいないのでETHマイニングを始めた話

Like token Tip token
46.60 ALIS
Eye catch
クリプト

NFT解体新書・デジタルデータをNFTで販売するときのすべて【実証実験・共有レポート】

Like token Tip token
121.79 ALIS
Eye catch
クリプト

Bitcoinの価値の源泉は、PoWによる電気代ではなくて"競争原理"だった。

Like token Tip token
159.32 ALIS
Eye catch
テクノロジー

彼女でも分かるように解説:ディープフェイク

Like token Tip token
32.10 ALIS
Eye catch
他カテゴリ

ALISのシステム概観

Like token Tip token
5.00 ALIS
Eye catch
クリプト

Bitcoin史 〜0.00076ドルから6万ドルへの歩み〜

Like token Tip token
947.13 ALIS
Eye catch
テクノロジー

なぜ、素人エンジニアの私が60日間でブロックチェーンゲームを制作できたのか、について語ってみた

Like token Tip token
270.93 ALIS
Eye catch
ゲーム

ドラクエで学ぶオーバフロー

Like token Tip token
30.10 ALIS
Eye catch
他カテゴリ

機械学習を体験してみよう!(難易度低)

Like token Tip token
124.82 ALIS
Eye catch
テクノロジー

オープンソースプロジェクトに参加して自己肯定感を高める

Like token Tip token
85.05 ALIS
Eye catch
テクノロジー

iOS15 配信開始!!

Like token Tip token
7.20 ALIS
Eye catch
クリプト

Uniswap v3を完全に理解した

Like token Tip token
18.92 ALIS