ブログ運営

Adobe Xdでアイキャッチ画像を作ってみた

画像作成にAdobe Xdがいいと聞いたので、試しにアイキャッチ画像を作ってみました。
イチからやるのは、面倒でした。

ちょっと苦労した点はこちらです。

  • レイアウトの設定
  • テキストの色の変更方法
  • テキストの縦書き
  • Adobe Xdの画像出力

 Adobe Xdでアイキャッチ画像を作ってみた

Adobe Xdのインストール

公式サイトからインストールできます。
Windows10パソコンはできましたが、windows7パソコンは無理でした。

 

助手ちゃん
助手ちゃん
windows7は無理なのね

Adobe Xdを起動からレイアウトの設定まで

ついでに、この説明のための画像をAdobe Xdで作ってみました。

Adobe Xdが起動します。

Adobe  Xdでアイキャッチを作っていく

①背景色を設定する

背景色がつきます

②画像をドラッグ&ドロップする。

レイアウトの枠外にドラッグ&ドロップする。
そうしないと、背景色に設定した四角の枠と一体化(グループ化)してしまいます。

レイアウト内に移動させます。

③タイトルを設定する。

タイトルを入れるために、四角形のオブジェクトをのせます。

gens
gens
アイキャッチのセンスが無い事はご容赦ください。

Adobe Xdを画像(png)出力する方法

メニューから「書き出し」-「すべてのアートボード」

書き出し先のみ変更して、それ以外はデフォルトで、すべてのアートボードを書き出しボタンをクリックです。

これで完了です。

まとめ

長々と書きましたが、1度やると出来るようになります。
ここまでの方法は、無料で出来るので、是非試してみてください。

ABOUT ME
genslife
30代男性 QOL(クオリティ・オブ・ライフ)を向上させる活動を記録します。 2017年から選択に迷ったら、今まで選ばなかった選択肢を取るようにしています。 迷ったらやる。