バナーの書き出しに辿り着きました!!

2022-03-11

前回、作成したバナーデータが破損する事件が起きたソラです…😭

↓前回の記事です。

衝撃!!バナーファイルが破損した…?

ちょっと違っているところありますが、データ作り直しました。

今回はこれを書き出します。

ここまでくれば書き出しは簡単なはず!!

ファイルから書き出しを選択

Illustratorの「ファイル」→「書き出し」→「スクリーン用に書き出し」を選択します。

WEBデザインなので「WEB用に保存」を選択したくなりますが、ここは「スクリーン用に書き出し」でOKです。

項目を選択して書き出しする

「スクリーン用に書き出し」を選択すると書き出しの設定画面が出てきます。

画面右側の項目を設定してから、右下の「アートボードを書き出し」ボタンを押します。

設定項目が以下になっていることをチェックします。

  • 「裁ち落としを含める」からチェックを外す
  • 書き出し先がわかりやすい場所に設定されている
  • フォーマットが1×になっている
  • 形式がJPG100になっている

書き出し先は設定しないと書き出したデータがどこにいったかわからなくなるので、デスクトップや書き出し用のフォルダに設定しておくとわかりやすくて良いです😊

書き出したものがこちら!!

ひゃーー!!やりましたーー!!

書き出せたーーー😭

今回の感想

やっとデータの書き出しができました。

ここまで長かった…😭

まだまだ色々と粗がありすぎますね。

特に文字の加工がかっこよくできないのが課題だなぁと思いました。

あと改めてデザインを見てみると、文字情報は「お得さ」を強調しているのに、画像は「健康っぽさ」を強調するものを選んでしまっています。

ペルソナから優先度を決める時にお金がかからないことを優先的に打ち出すよう決めたので、女性の画像でメッセージがぼやけてしまった可能性もあります…。

大きくところてんの画像を出して、あとは文字のみのデザインとかもありだったかも?

ちょっと別バージョンも作ってみました。

こっちの方が情報はわかりやすいかもしれませんね。

そしてやっぱり文字の加工がちょっと素人くさい!!

見返して、次に活かしてを繰り返すのみです。

今回、書き出しをして納品する画像データを作ること自体は簡単だとわかりました!

ペルソナに沿ってデザインを作成する段階ができてないとわかったので、それは今後練習を繰り返していこうと思います。