目次
Microsoft Designerとは?
① Microsoft Designerの特徴
今回は、Microsoft designerという、無料でデザインや画像を生成できる、便利なAIツールについて紹介します!
昨今、MidjourneyやStable diffusionなどに代表されるような、画像生成AIツールがたくさん出てきていますが、これらはどんな画像も高クオリティで生成できる一方で、用途がイマイチわかりにくく、趣味の範疇になってしまったり、業務で用いるとしてもとても高い技術が必要で簡単に使うことが難しいものが多いです。
一方で今回のMicrosoft designerは画像のデザインに特化していて、ユーザーにとってとても使いやすく設計されています!
また、画像生成においては、DALL-E2というOpenAI社の画像生成AIが搭載されているようで、画像生成自体のクオリティも高いです!
![](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img/https://aitechworld.info/wp-content/uploads/2023/05/1647274382988_filtered-2-200x200.jpg)
難しい設定もなく、現状では無料で使えるので、ぜひ本記事を読んで使ってみてください!
② 料金プラン・商用利用について
先述の通り、現状ではMicrosoft Designerは無料で利用することができます。
また、「生成した画像は任意の目的で、合法的な範囲で使用が可能」というように利用規約に示されているので、商用利用も可能であるといえるでしょう。
次の章で具体的な使い方について紹介していきます!
🔼「AITech」がオススメする初心者〜上級者まで学べるAIスクールです!🔼
Microsoft designerの使い方
基本的な使い方については、以下のMicrosoft公式の動画で紹介されています!
英語がわからなくて、動画の内容がわからない方でも本記事で紹介するので、心配しなくて大丈夫ですよ。
① インストール / Sign up
![Microsoft Designerの初期画面のスクリーンショット](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_645,h_331/https://aitechworld.info/wp-content/uploads/2023/08/スクリーンショット-2023-08-21-10.09.13-300x154.jpg)
出典)Microsoft Designer
Microsoft Designerでは、特段インストールやサインアップは必要なく、Webサイトに入るだけで使うことが可能です!
必要なのはMicrosoftアカウントだけです!
![](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img/https://aitechworld.info/wp-content/uploads/2023/05/1647274382988_filtered-2-200x200.jpg)
私は普段Google Chromeを使っているのですが、Google Chromeでサイトに入ると、すぐに使うことが可能でした!
② 画像を用意する
Microsoft Designerでは、まずデザインの元となる画像を用意する必要があります。用意の仕方は2通りです。
画像の用意の仕方① 画像をAIで生成する「Generate Image」
② 画像を追加する「Add Image」
一つずつ紹介していきます!
(1) 画像をAIで生成する「Generate Image」
プロンプト入力画面の下部にある「Generate Image」をクリックします。「Generate Image」をクリックせずにこのままプロンプトを入力することも可能ですよ。
![Microsoft Designerの初期画面のスクリーンショット](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_690,h_354/https://aitechworld.info/wp-content/uploads/2023/08/スクリーンショット-2023-08-21-10.09.13-300x154.jpg)
出典)Microsoft Designer
すると、以下のような画面になります。
「What image do you want to create?」と書いてあるところがプロンプト入力画面なので、そこに生成して欲しい画像の内容(プロンプト)を入力していきます。
![Microsoft DesignerでGenerate Imageをクリックし、プロンプトを入力する画面](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_515,h_448/https://aitechworld.info/wp-content/uploads/2023/08/スクリーンショット-2023-08-21-11.09.38-300x261.jpg)
出典)Microsoft Designer
今回は、走っている犬の画像を作ろうと思い、「A running dog」と入力してみました。
するとこのように、プロンプトの続きをたくさん作ってくれました!
![Microsoft Designerで画像を生成してもらうためにプロンプトを入力する画像](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_589,h_283/https://aitechworld.info/wp-content/uploads/2023/08/スクリーンショット-2023-08-21-11.09.55-300x144.jpg)
出典)Microsoft Designer
![](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img/https://aitechworld.info/wp-content/uploads/2023/05/1647274382988_filtered-2-200x200.jpg)
画像生成AIあるあるですが、基本的に英語で書いた方がクオリティが高いです!Deeplなどの翻訳ツールを使って簡単に翻訳してから入力すると良いと思います。
するとこんな感じで生成してくれました!
![Microsoft Designerが画像を生成してくれたときの画像](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_675,h_405/https://aitechworld.info/wp-content/uploads/2023/08/スクリーンショット-2023-08-21-11.10.26-300x180.jpg)
出典)Microsoft Designer
ここにお気に入りがなかった場合、プロンプトを変えたり、またはそのまま「→」をクリックすると、新しい3枚を生成してくれます。
![Microsoft Designerが新しい3枚の画像を生成してくれたときの画像](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_670,h_402/https://aitechworld.info/wp-content/uploads/2023/08/スクリーンショット-2023-08-21-11.10.51-300x180.jpg)
出典) Microsoft Designer
最後は「Select」をクリックしたら、画像の用意は完了です!
(2) 画像を追加する「Add Image」
AIを用いた画像生成を行わずに、自前の画像を選択することも可能です。
そんな時は、「Add Image」をクリックします。
![Microsoft Designerで「Add Image」をクリックしたときの画像](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_442,h_367/https://aitechworld.info/wp-content/uploads/2023/08/スクリーンショット-2023-08-21-11.23.25-300x249.jpg)
出典)Microsoft Designer
このように、3種類選べます。
- From your phone(スマホ、iPhoneから)
- From this device(今使っているデバイスから)
- My media
「From your phone」を選択すると、QRコードが表示されるので、お使いのスマホでそのQRコードを読み取ることで、スマホに保存してある画像をアップロードすることができます。
![](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img/https://aitechworld.info/wp-content/uploads/2023/05/1647274382988_filtered-2-200x200.jpg)
あとは(1) 画像をAIで生成する「Generate Image」と同様です!
③ デザインを編集する
次に、デザインを編集していきます。
先ほどのように画像を追加して、「Generate」をクリックすると、このようにたくさんのテンプレートが生成されます。
![Microsoft Designerで画像を生成するときのプロンプト画面](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_593,h_407/https://aitechworld.info/wp-content/uploads/2023/08/スクリーンショット-2023-08-21-11.11.54-300x206.jpg)
出典) Microsoft Designer
![Microsoft Designerでさまざまなテンプレートを出してもらったときの画像](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_482,h_462/https://aitechworld.info/wp-content/uploads/2023/08/スクリーンショット-2023-08-21-11.12.57-300x288.jpg)
出典) Microsoft Designer
お気に入りのものを選んで、そのままでよければ「Download」、デザインをカスタムしたければ「Customiza design」をクリックします。
するとこのような画面になります。
![Microsoft Designerでデザインをカスタムするときのデフォルト画面](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_545,h_258/https://aitechworld.info/wp-content/uploads/2023/08/スクリーンショット-2023-08-21-11.13.22-300x142.jpg)
出典) Microsoft Designer
基本的には、画面左側にある、ここを選択してデザインを編集することができます。
![Microsoft Designerでデザインをカスタムするときの画像](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_252,h_681/https://aitechworld.info/wp-content/uploads/2023/08/スクリーンショット-2023-08-21-11.13.31-111x300.jpg)
出典) Microsoft Designer
(1) Templates
Templatesでは、先ほど選択した以外のテンプレートを見ることができます。
(2) My media
My mediaでは、デザインのデバイスへの保存や共有が可能です。
(3) Visuals
Visualsではさまざまな画像をデザインに追加することが可能です。
Visualsをクリックするとこのような画面になります。
![Microsoft Designerで画像の追加をするときの画面](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_363,h_519/https://aitechworld.info/wp-content/uploads/2023/08/スクリーンショット-2023-08-21-11.15.58-210x300.jpg)
出典) Microsoft Designer
「Photos」「Graphics」「Videos」ではそれぞれMicrosoft Designerが用意している画像、図形、短い動画を追加することが可能です!
今回は「Generate」を用いて、犬のイラストを追加してみました。
![Microsoft Designerで犬のイラストを生成し、デザインに追加するときの画像](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_381,h_555/https://aitechworld.info/wp-content/uploads/2023/08/スクリーンショット-2023-08-21-11.18.41-206x300.jpg)
出典) Microsoft Designer
すると、こんな感じで追加できました!
![Microsoft Designerで犬のイラストを追加したときの結果の画像](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_684,h_358/https://aitechworld.info/wp-content/uploads/2023/08/スクリーンショット-2023-08-21-11.19.01-300x157.jpg)
出典) Microsoft Designer
(4) Text
Textでは文字を追加することが可能です。パワポと同じような感覚ですね。
(5) Brand kit
Brand kitでは全体の雰囲気を変えることができます。
Brand kitをクリックすると、このような画面になります。
![Microsoft DesignerでBrand kitをクリックしたときの画像](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_327,h_465/https://aitechworld.info/wp-content/uploads/2023/08/スクリーンショット-2023-08-21-11.19.44-211x300.jpg)
出典) Microsoft Designer
お気に入りのものを選択すると、このように好きな色調に変えることが可能です!
![Microsoft Designerでデザインの色調を変えたときの画像](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_653,h_344/https://aitechworld.info/wp-content/uploads/2023/08/スクリーンショット-2023-08-21-11.19.51-300x158.jpg)
出典) Microsoft Designer
④ デザインを編集する2
画面上部にあるここからもデザインの編集をすることが可能です!
![Microsoft Designerでデザインをカスタムするときの画像](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_641,h_79/https://aitechworld.info/wp-content/uploads/2023/08/スクリーンショット-2023-08-21-11.20.41-300x37.jpg)
出典)Microsoft Designer
「Replace」では画像を交換できたり、「Remove background」では背景を消すことができたり、全体の配置をここでは編集することが可能です!
このように左半分だった犬の画像を全体に引き伸ばすこともできます。
![Microsoft Designerで左半分だった犬の画像を全体に引き伸ばしたときの画像](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_598,h_315/https://aitechworld.info/wp-content/uploads/2023/08/スクリーンショット-2023-08-21-11.21.44-300x158.jpg)
出典)Microsoft Designer
⑤ 画像を保存する
最後に編集した画像を保存するときは、画面右側の「Download」をクリックします。
![Microsoft Designerで編集した画像を保存するときの画像](https://sp-ao.shortpixel.ai/client/to_auto,q_glossy,ret_img,w_663,h_157/https://aitechworld.info/wp-content/uploads/2023/08/スクリーンショット-2023-08-21-11.22.12-300x71.jpg)
出典)Microsoft Designer
まとめ
今回はデザインや画像を生成AIを用いて作れるMicrosoft Designerの使い方をご紹介しました!
プレゼンのスライドに使えたり、メッセージカードに使えたり、いろんなところで実用的に使えるなという気がしました!
用途が分かりやすいのがいいところですよね。
画像生成のクオリティも高くて、感覚的に使いやすく、とっても実用的なツールですし、無料で使えるのでぜひ使ってみてください!
関連リンク
この記事は役に立ちましたか?
もし参考になりましたら、下記のボタンで教えてください。
コメント