4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

デザイン知識0の私がアプリのロゴを「無料」で「簡単」に作成する方法を考えた

Posted at

最初に

初めまして、ガマリと申します!

最近アプリのデモ版を公開しました。

このアプリを開発している中で、デザイン知識のない私が感じた苦悩が「アプリロゴ作成をどうするか」といったものです。

簡単なロゴを作成するのに依頼するにも時間がかかるし、費用もそこそこかかってしまう。

自作できればベストなのですが、そんなスキルもないです。

そこで「なんとかできないかなー」と思いつつ、色々と調べた結果、今回の記事のような解決策に至りました。

今回はその解決策をみなさんに共有したいと思います。

この記事の対象者

  • 全般
  • デザイン知識が無い方でも
  • 簡単にロゴを作成したい方

必要なもの

  • Microsoftのアカウント

この記事で達成すること

この記事では以下の目的を達成します。

  • 無料でアプリのロゴを作成する
  • PNG形式で背景が無いものを作る

利用する技術

目的を達成するために以下の技術を利用します。

Microsoft Designer

remove bg

具体的なステップを早速見ていきましょう。

Microsoft Designerでロゴを作成

ゴール: 背景の無いロゴを作成する

ログインする

まず、Microsoft Designerのトップページから右上のボタンを押して、続けてボタンを押してログインしていってください。

step1.png

step2.png

step3.png

step.png

最後のような画面に到達したら完了です。

アカウントが無い場合

アカウントが無い場合は作成してください。

アカウント作成方法は公式ドキュメント作成してください。

https://support.microsoft.com/ja-jp/account-billing/新しい-microsoft-アカウントを作成する方法-a84675c3-3e9e-17cf-2911-3d56b15c0aaf

ロゴ作成まで

次に、左のフォームにある「Generate image」というところを押してください。

step4.png

すると、画像生成機能の画面が表示されます。

step5.png

入力欄に「app logo, simple, cat」と入れてみます。
そしてエンターを押してください。
次のような画像が生成されました。

stepp.png

これにてロゴの完成です。

少し犬っぽくて気に入らない!という方は、何度も繰り返して自分なりに好きなものを選択してください。

ロゴ生成でのポイント

プロンプトは非常に簡易的なものを利用するのが個人的には良いと思っています。

この場合「app logo, simple, 〇〇」、この〇〇に欲しい画像の要素を入れてあげるだけで、ロゴは完成します。

プロンプトを調査するもよしですし、入力欄の下に表示されるサジェスト機能を利用するのもいいと思います。

画像ダウンロードまで

次に、欲しいロゴをクリックしましょう。

試しに一番左の犬を犬っぽい猫を選択します。

すると次のような画面が表示されます。

stepppp.png

右側のデザイン一覧から、背景色が統一のものを選択してください。
そして、右下のCustomize designをクリック。

step7.png

右上のダウンロードを押してください。
PNG形式にしてダウンロードをすれば完了です。

以上がロゴ作成の部分になります。

続いて、背景色を削除していきます。

背景色を削除

まずは remove bgのページにアクセスします。

stepp2.png

先ほどダウンロードしたPNG形式の画像を、ページにドラッグアンドドロップします。

すると勝手に背景を削除してくれます。

stepp3.png

あとはダウンロードボタンを押して完了です。

終わり

以上が、無料でアプリロゴを作成する方法になります。

現状は2023/6月時点では無料ですが、今後、Microsoft Designerが有償化された場合、無料ではなくなる可能性があります。

その点だけ注意してください。

宣伝

最後に宣伝させてください!

先日、APIMakerというアプリのデモ版を配信しました。

こちらが、リンク先になります。

APIMakerとは、WEB APIを自動で生成してもらう機能です。
GPTが良い感じにAPIを用意してくれます。

また、APIのコードを自動生成したりもできます。

みなさまの反応を知りたいので、是非ともご利用いただきたいです。

また、正規版を公開する場合、利用してみたい方は予約フォームを設置したので、そちらから予約して頂ければ幸いです。

宜しくお願い致します!

4
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?