画像生成AI

【無料の神ツール！】WEBブラウザで簡単に漫画が作れちゃう『FramePlanner』を使って漫画を作ってみた！

 

AIのイラスト生成にも慣れてきて、漫画とかもつくれないかな？と思っていろんなツールを試してみると、でも大変そうだな…と思ったりすることありますよね？

今回はそんな方(私も)にうってつけの、WEBブラウザで動くマンガ制作ツールのご紹介です！

この記事の想定読者様
画像生成AIで初めて漫画を作りたいと考えている人
デジタル漫画制作を効率的に行いたいと考えている人

昨日Twitterを見ていたら、じょにがたロボさんが制作された、AI画像に特化したというか、WEBブラウザでサクサク動くのでとても相性のいい簡易漫画制作ツール【FramePlanner】が出ているのを知ったので、思わず使ってみました！

ぱっとよめる目次！
  1. FramePlanner(AI生成画像向き簡易マンガ制作ツール)
  2. 今回の成果物！
  3. 漫画を制作した流れ
  4. まとめ：個人的にFramePlannerが超便利！と感じた部分

FramePlanner(AI生成画像向き簡易マンガ制作ツール)

FramePlannerはじょにがたロボさんが制作された、WEBブラウザで動く簡易漫画制作ツールです。

■FramePlanner
https://frameplanner-e5569.web.app/

WEBブラウザでWEBサービスのURLを開けば、ログイン不要ですぐに利用できます！

テンプレートからコマ割りのパターンを選んで、簡単にコマや行を追加、分割などが出来、各コマに画像をドラッグアンドドロップで挿入、吹き出しの挿入やセリフ挿入も簡単にできちゃいます！

今回の成果物！

今回、FramePlannerがあまりに素敵なツールだったので、せっかく漫画を作るなら、このツールのPR的な1ページ完結の漫画を作ろうと思って、私がご紹介している漫画を制作してみました！

漫画を制作した流れ

FramePlannerは私だけじゃなくてたくさんの方が『神ツール！』という太鼓判を押していて、Twitterなどで共有され、使い方をブログでご説明してくださってる方もいらっしゃるのですが、私も私なりに、漫画を作ってみた流れを共有させていただこうと思います！

基本操作について

キャンバスの拡大縮小

マウスホイールで拡大縮小できます

手のひらツール

スペースキーを押しながらマウスの左ドラッグでキャンバスを移動できます(photoshopやクリスタ同様の『手のひらツール』的な動き)

その他ショートカットなど

ツールのメインメニューにも、ご親切に『About FramePlanner』というボタンがあり、こちらを押すと下図の説明を見ることができます。

コマ割りやコマの追加/削除、コマへの画像挿入、セリフ挿入などは動画を撮ってみましたので制作手順の中で共有します！

手順1:FramePlannerでコマ割りをサクッと行い、一度画像をダウンロード

コマデザインの基本

コマ割り/追加削除など

コマのサイズ変更

コマへの画像ドラッグ＆ドロップ

手順2:画像生成AIに読み込ませる適当なラフをクリスタで作成

下図のような流れで、まずクリスタで各コマ用の3Dモデルや落書きレベルの線画だけ作りました。

手順3:photoshopのスライスで各コマ用の素材切り出し

Photoshopじゃなくてもよいのですが、私的にPhotoshopのスライスツールが慣れているので、各コマ用の画像をStable Diffusionで読み込めるように切り出しました。

手順4:Stable Diffusion Web UIのtxt2img・ControlNetでなんやかんや画像生成

下図のように、各コマの画像をStable Diffusionに読み込ませて画像を生成しました！ぜんぜん思ってたんと違う…という出力もあったのですが、偶然性に身を任せて、出力結果からよさげなものを選定してみました！
※あまりこだわっているとせっかくのさっくり感も減ってしまうと思ったのでここは直観に任せました！

手順5:FramePlannerにAI生成画像挿入＆吹き出し＋セリフ入れ

※吹き出しを出すにはFキーを押しながらドラッグすると出現して、出現後、編集ウインドウが立ち上がります！

そして完成★

手順としては以上のような感じでした！

ちなみにもし、この手順に興味を持って試してみたいという方がいらっしゃれば、Stable DiffusionのControlNetで使用したクリスタの3Dモデルが非常におすすめです！
さらに本格的な漫画制作をお考えの方にも、クリスタは非常に便利で効果的なツールです！無料体験もありますので、ぜひ一度クリスタを使ってみて、その魅力を体感していただければと思います(*・v・)！

＼無料体験で使ってみる／

まとめ：個人的にFramePlannerが超便利！と感じた部分

私もイラストや漫画制作でクリスタは使っていて、もちろん高機能で、かゆいところにも手が届く機能が満載！ですが、じょにがたロボさんのFramePlannerは、WEBブラウザで簡単に動いてとにかく手軽！

手順もサクサクでドラックアンドドロップで画像をポイポイっとコマに入れて、即座に吹き出しとセリフを入れられるのが革新的！と思いました！

もちろん機能としてはクリスタの方が上かもしれませんが、簡単にコマの中にポンポン画像を放り込めたり、ここまで迅速に吹き出しとセリフは挿入できない印象で、その点FramePlannerはやはり神ツールです！

漫画制作の経験がなくても、これから挑戦したいという方にぴったり。使いやすさと便利さが魅力で、まさに使わずにはいられないほど。初心者にも優しく、入門用として最適なツールです！

まずこのツールを使ってみて、もっと本格的に自分でもイラストを描きたいし、何ページにも渡る漫画制作をしてみたい！となったらクリスタを使ってみるとよいと思います！

＼無料体験で使ってみる／

また、漫画制作がお仕事の方でも、画像生成AIを試してみると意外な発見があるかもしれません！例えば普段クリスタを使いこなしている方も、ネーム制作の段階でふんわりとしたイメージを掴むのに役立ったり、画像生成AIを上手に活用すれば、ちょっとしたイメージもサクッと作れて、新しいインスピレーションが湧くかもしれません！FramePlannerのフットワークの軽さが、その手助けになること間違いなし！と思います！

私も今後ともブログ記事に関連した漫画制作などでFramePlannerを活用したいと思います！
改めて、ツール製作者のじょにがたロボさんにお礼を申し上げるとともに、みなさんもぜひFramePlannerを活用して、楽しいAI漫画制作を満喫してくださいね(*・v・)

関連記事