見出し画像

LINEスタンプの作成〜申請まで10分!Claude Codeで画像分割と透過ツールをつくってみた

こんにちは、Makariです。

小4の娘がLINEスタンプを自分で作りたいというので、一緒に作っていたのですが…
画像の分割や透過作業が地味に面倒…😑

ということで、
Claude Codeを使って、一覧画像の切り抜き&透過まで一気に自動化してみました💡

スタンプの画像生成〜LINEスタンプの登録まで
実際にかかった時間は、約10分。

この記事では、その手順をまとめてみました𓂃‪𓈒 𓂂𓏸


▼無料のGemini Canvasでツールを作る方法はこちら





LINEスタンプをつくる方法

さっそく、今回LINEスタンプを作った手順を紹介していきます。


素材を作る

まずはLINEスタンプの一覧画像を作成します。

今回はGemini(Nano Banana 2)を使用しました。

▼プロンプト

LINEスタンプが描かれた一覧画像を16個作成して。
添付画像を使う。
ステッカー風。
喜怒哀楽など感情が伝わるスタンプ。
ゆる可愛いほっとする雰囲気。



LINEスタンプを切り抜き・透過する

一つ一つやると、面倒な作業「画像の切り抜きと背景透過」をClaude Codeにお願いしました。

フォルダに先ほど生成したLINEスタンプの生成画像を入れて、プロンプトを入力。

▼プロンプト

この画像をLINEスタンプとして申請します
スタンプごとに切り抜き、背景透過してください

色々確認してくれて…

あっという間に完成

フォルダ内を見てみると…

main画像やtab画像まで作ってくれています!


綺麗にスタンプ素材になってる!

素材も綺麗です😊

今までの苦労はなんだったのか…
すごすぎ…



ついでにツールにしてみた

娘のパソコンでもできるように、
せっかくならこの機能をツールとしてWeb上で公開できたらなぁ…と思い、
Claude Codeにツールにできないか相談してみました。


▼Claude Codeのプロンプト

今回行った作業をWEBサイトに公開できるツールにしたい
・LINEスタンプサイズに画像の分割〜背景透過
・分割は3×3、4×4など(数字を入力して指示できる)
・分割の際の切り取り線はマウスでドラッグして自由に動かすことができる
・背景透過した画像は拡大して確認可能
・個別ダウンロード・まとめてZIPダウンロード可能

綺麗な背景透過がなかなかうまくいかず💦
色々試行錯誤しながら
完成したツールがこちら


画像をアップロードして
切り分ける位置を設定し、
「分割&通過を実行」を押すと、

切り抜きと背景透過が一瞬で完了!
「全部ZIPでDL」をクリックするだけ。


ちゃんと1枚1枚の画像として保存されていて便利✨

背景透過に関しては、画像によってはイマイチなのですが💦

それにしても誰でもツールが作れる時代、すごすぎる…


ツールを作った後は、
色々なキャラクターで試したりして遊んだりしていました。

子どもが作ったキャラ


‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥

補足:背景透過がうまくいかない場合は…

どうしても背景透過がうまくいかない場合は
▼こちらのツールを使うのがおすすめです💡


また、スタンプを作るときに
・ステッカー風にする
・背景を緑にする
など工夫すると、背景透過しやすい印象です。



LINEスタンプメーカーで登録する

素材ができたら早速スタンプを登録していきます!

※アカウント登録が必要です
(LINEアカウントがあればメールアドレスと氏名だけで登録可能)

スマホアプリのLINEスタンプメーカーを開き、
「スタンプ」をタップ


「写真を選ぶ」で写真を選択し、「スキップ」


画像のサイズや位置を調整して、「次へ」


完成イメージを確認して「保存」


「+」ボタンから同様に8個以上登録します


※スタンプに登録できる数は8・16・24・32・40のいずれかになります。


あとは販売情報を登録して「次へ」をタップするだけ。
※自分用なら、
無料ダウンロード/売上分配額なし」でOK


プレビュー画面で確認して「次へ


項目にチェックをつけて、
リクエスト」をタップ


最後に「リクエスト」をタップしたら完了です

ツールを作ってしまえば、
ここまでの制作時間あっという間の10分!

便利な時代ですね〜。


‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥

娘がたくさん作ったスタンプたち…

娘お気に入りのイラスト

背景のグリーンがちょっと残ったけど、
子どもが使う用なので良しとしました。


弟の写真から作ったスタンプ

「いつ審査に通るかなぁ😃」
と、使うことを楽しみにしている娘です。



まとめ

今回は、AIエージェントのClaude Codeを使って、LINEスタンプを時短作成してみました😊

今回の流れをまとめると…

・画像生成AIでスタンプ素材を作る
・Claude Codeで切り抜き&透過を自動化
(必要ならツール化してさらに効率アップ)
・LINEスタンプメーカーで登録するだけ

これまで手間だった作業も、
ほとんど自動化できるので
「小学生くらいの子どもでもすぐ形にできる」のがとても嬉しいポイントです。

休日に子どもと一緒に作るのも、楽しい時間になりました😊

気軽に、自分だけのスタンプ作りを楽しんでみてはいかがでしょうか𓂃‪𓈒 𓂂𓏸

最後までご覧いただき、ありがとうございました🌷


‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥‥

関連記事

▼Claudeデスクトップアプリ版のダウンロードはこちら


▼Claude Codeでツールやアプリを作る方法はこちら


詳しいLINEスタンプの作り方はこちらでも紹介しています

\期間限定無料公開中/


いいなと思ったら応援しよう!