AIで簡単にデザイン「Microsoft Designer」。ホームページ作成にも使えます。

2023年5月7日2024年11月26日

当ページのリンクには広告が含まれています。

Microsoft Designerとは

Microsoft Designerは今話題のAI機能が搭載されていて、入力した文章を元に、様々なデザインを瞬時に作ってくれるというものです。

2024年3月時点で日本語入力にも対応しています。
昨年は英語入力で行った方が目的とする画像を作ってくれたようですが、
現在は日本語入力でも差がないようです。

色々と画面が変わったりもしました。以下の記事も参考にして頂けると幸いです。

あわせて読みたい

アイキャッチ画像はMicrosoft DesignerとCanvaの二刀流今回は私が日頃からアイキャッチ画像を作る際にやっている事をご紹介します。ソフトは全て無料で使えるMicrosoft DesignerとCanva、それと圧縮ソフトのSwuooshを使っています。それぞれのソフトの基本的な使い方についてご説明します。

あわせて読みたい

AIで簡単に・より日本語入力に対応したマイクロソフトデザイナーマイクロソフトデザイナーは文章で入力したものを画像にして表現してくれるAIです。私は今までマイクロソフトデザイナーが日本語ではうまく表現できないと思っていたの…

あわせて読みたい

表示が変わって迷う・マイクロソフトデザイナーの使い方を紹介皆さんはマイクロソフトデザイナーというものを聞いたことはあるでしょうか？これは画像生成AIで文章を入力するだけで簡単に画像を作ってくれるという物です。私はホー…

ここでは実際に文章を打って、
どのような画像ができたかをご紹介したいと思います。

Microsoft Designerの使い方

Microsoft DesignerはMicrosoftのアカウントを既に持っている方であれば、すぐに無料で使うことができます。

Microsoftのアカウントを持っていない方は、まずはアカウントを作ってから使ってみましょう。

STEP

ブラウザで「Microsoft Designer」を検索します。

STEP

画面右上の「Try Designer for free」をクリックします。

STEP

「Sign up or sign in wish a Microsoft account」をクリックします。

STEP

Microsoftのアカウント（メールアドレス）を入力し、「次へ」。
アカウントを持っていない場合は作成します。

STEP

パスワードを入力し、サインインをクリックします。

STEP

サインインの状態を維持しますか？で「はい」を選択します。

STEP

下記の項目の中から「Design Creator」を選ぶ。

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

日本語入力で作成した場合

Microsoft Designerは日本語入力にも対応しています。
試しにここでは「犬のイラスト」と
入力してみました。

その結果は・・・

画面右側に色々なデザインができました。
この記事は昨年の五月に書いたものを書き直したものですが、
その時よりも思ったようなイラストが、日本語で出るようになっていました。

そこで次にGoogle翻訳を使って英語入力でした場合は、どうなるか試してみました。

英語入力した場合

STEP

Google翻訳で「犬のイラスト」と入力しEnterを押します。

STEP

英語をコピーします。

STEP

Microsoft Designerでコピーしたものを貼り付けます。
（Windowsであれば「Ctrl」を押しながら「V」を押します）
貼り付けたら、「Generate」をクリック。

英語で入力した場合と日本語で入力した場合とでは、あまり大きな差はありませんでした。
以前は目的とする犬すら日本語では出ない状態でした。

次にこのようにして作ったデザインのサイズの変更方法をご紹介します。

デザインの変更方法

デザインのサイズを変更するには

STEP

画面右にある「Size」から変更したいサイズを3つの中から選びます。
今回は中央にある「Landscape（1200×628px)」を
選びます。

STEP

サイズが変わったデザインが作成されました。

デザインを変更するには

STEP

文字などのデザインを変えたいイラストを選択します。
ここでは画面右下のゴーグルをかけた犬のイラストを選択し、
「Customize design」をクリック。

STEP

この画面で文字などを編集することができます。

STEP

「犬のイラストです」と入力。文字の太さなども簡単に
編集できます。

次に編集したデザインをダウンロードする方法をご紹介します。

編集した画像のダウンロード方法

STEP

画面右上にある「Download」をクリックします。

STEP

必要であれば拡張子を変えます。
ここでは「PING」から「JPEG」に変更し、
Downloadをクリックします。

STEP

ダウンロードされました。
この画面が出たら「No thanks」をクリックします。

STEP

パソコンのダウンロードに作成したデータが入っている事を確認します。

ホームページにイラストを使用

私はこのMicrosoft Designerで素材を作り、それをCanva（キャンバ）という
ソフトで編集して、最後にSquoosh（スクーシュ）という無料のソフトで、
画像を圧縮しています。

また私は、このホームページを全てWordPress（ワードプレス）の
SWELL（スウェル）というテーマを使って作成してます。
興味がある方は、こちらの記事も読んで頂けると幸いです。

ぎふく米沢

難しい専門知識なしでホームページ作成ができるWordPressとは「WordPressって何？」という方を対象に優しく説明します。 WordPressを使うことによって、プログラムの知識がなくても、簡単にWebサイトを作る事ができます。またテーマ…

あわせて読みたい

オススメ有料テーマ「SWELL」をエックスサーバーでお得に購入する方法エックスサーバをお使いの方は、有料テーマSWELLの購入方法が2つあります。その違いについて説明します。

まとめ

以上、Microsoft Designerのご紹介でした。

2024年3月時点で使ってみた所、昨年より改良されていて、
日本語入力した場合と英語入力した場合とでは、あまり
大きな差がないように感じました。

今後も、改良は進むと思います。
より使いやすい物になっていくのが今から楽しみですね。

ぎふく米沢　宍戸