M小学生でもわかる MiriCanvas

第09話画像付き操作ガイド

MiriCanvasでアイコンとキャラクターを作る!小さく見ても伝わる形へ

画面の赤枠を見て、同じ順番で試してみましょう。入力文はそのままコピーでき、最後にできあがりも確認できます。

  • 画像を大きく見られる
  • 入力文をコピー
  • 完成まで確認
第9話のテーマ

STEP01空の新しいデザインを開く

空の新しいデザインを開く
空の新しいデザインを開く(画像をクリックすると拡大)

ワークスペース右上の「デザイン新規作成」をクリック。「マイドライブ」に作成する確認が出た場合は内容を読んで「確認」を押します。新しく開いたタブで進めます。

ワークスペースを開く

確認:前に使ったサイズが引き継がれる場合があります。作品の中身は空の新規ページであることを確認します。

STEP02アイコンの入力画面を開く

AIツールのアイコン作成で3Dアイコンを選択。本1冊とカップ1つの全文を入れる欄と生成ボタン。
AIツールのアイコン作成で3Dアイコンを選択。本1冊とカップ1つの全文を入れる欄と生成ボタン。(画像をクリックすると拡大)

左「AIツール」→「アイコン」→今回のスタイル「3Dアイコン」。下の全文を入力して生成します。

確認:本1冊、カップ1つ、文字なしの指定が入っているか読みます。

STEP03生成したPNGを確認する

MiriCanvasで生成した本とカップの1024×1024アイコン。青緑の開いた本とクリーム色の小さなカップ。
MiriCanvasで生成した本とカップの1024×1024アイコン。青緑の開いた本とクリーム色の小さなカップ。(画像をクリックすると拡大)

出てきた絵で、本の形、カップの数、余計な文字がないか見ます。今回取得した実生成PNGも下で開けます。

今回の実生成アイコン

確認:今回のPNGは1024×1024 px。自分の結果は形や配置が違うことがあります。

STEP0464pxと丸い表示で見る

同じ実生成アイコンを大きく、64 CSS px、丸いマスクで表示した比較。丸い表示はブラウザの確認用。
同じ実生成アイコンを大きく、64 CSS px、丸いマスクで表示した比較。丸い表示はブラウザの確認用。(画像をクリックすると拡大)

同じ画像の大きい表示、64px、丸い表示を比較します。

確認:本とカップを見分けられるか、丸い外周で大事な部分が切れていないか確認します。

STEP05キャラクターも試す

キャラクターの自由にスタイルへ、白いうさぎ・ベスト・眼鏡・本・全身正面を指定した文を入力した画面。
キャラクターの自由にスタイルへ、白いうさぎ・ベスト・眼鏡・本・全身正面を指定した文を入力した画面。(画像をクリックすると拡大)

AIツールへ戻り「キャラクター」を開きます。今回のスタイル「自由に 🥳」で、下の全文を入力しました。

確認:今回の結果は白い毛・ベスト・眼鏡・本が入り、足先まで見える全身正面になりました。必要な構図に足りるか見ます。外見の固定や連続生成は未検証です。

STEP06自分の生成結果をページへ追加する

生成結果のパネル。保存する絵を残すためのページに追加ボタンを赤枠で示す。
生成結果のパネル。保存する絵を残すためのページに追加ボタンを赤枠で示す。(画像をクリックすると拡大)

生成パネルの「ページに追加」をクリックし、どのページへ入ったかを確認します。同じ素材で保存を練習する場合は、下の配布PNGを保存し、左「アップロード」→パネル内「アップロード」で選び、一覧の画像をクリックします。

保存練習用のアイコンPNG

確認:ここから保存するのはページ全体。今回の追加確認は配布PNGをアップロードする方法で、1080×1350の空の6ページ目へ置きました。

STEP07PNG・透明背景・対象ページを選んで保存

PNG、透明な背景オン、1倍と対象ページを選ぶ実画面。
PNG、透明な背景オン、1倍と対象ページを選ぶ実画面。(画像をクリックすると拡大)
対象1ページと1080×1350の実寸を確認し、高解像度ダウンロードを押す。
対象1ページと1080×1350の実寸を確認し、高解像度ダウンロードを押す。(画像をクリックすると拡大)

右上「ダウンロード」→PNG。「透明な背景」をオンにし、1倍を選びます。複数ページなら「ページ選択」で全選択を外し、アイコンを置いたページだけを選んで「選択完了」。下へスクロールし実寸と1ページを確認して「高解像度ダウンロード」。

ページから保存した実PNG

確認:画面例は6ページ目のみ、1倍・1080×1350。新しい1ページで作った場合はその1ページを選びます。生成素材の1024×1024とは別の出力です。

このガイドで小さい表示を試す

256px

実生成アイコンの表示サイズと丸い切り取りを比較する

同じ保存PNGの表示だけを変えます。MiriCanvasの機能や丸い画像ファイルを新たに生成するものではありません。

MiriCanvasで実生成した白いうさぎの司書。青緑のベストと丸い眼鏡で本を抱える。全身正面で、足先まで入っている。
MiriCanvasで実生成した白いうさぎの司書。青緑のベストと丸い眼鏡で本を抱える。全身正面で、足先まで入っている。(画像をクリックすると拡大)

実生成JPGを開く

筆者はMiriCanvasサポーターとして活動しています。活動への金銭報酬はありません。この記事はProプランで、2026年10月25日にPCの日本語画面を確認して作成しました。

赤枠や小さな文字を大きく確認できます