夏らしい海の写真を使ったサマーセールのポスターをPhotopeaで作ってみた。
夏らしい海の写真を使ったサマーセールのポスターをPhotopeaで作ってみた。
![夏らしい海の写真を使ったサマーセールのポスターをPhotopeaで作ってみた。](https://pirikarasansyo.com/wp-content/uploads/2020/07/seaside-5234306_1920-2-1-682x1024.jpg)
商業デザインの経験が少なくて憧れがあったので挑戦してみることに。時期的に夏だし、サマーセールでいきました。
使用した写真はPixabayのjiangfei20200519さんのhttps://pixabay.com/photos/seaside-sea-shore-beach-sea-sand-5234306/です。
使ったのはオンライン写真編集ソフトPhotopeahttps://www.photopea.com/です。
作り方はとってもシンプルで矩形ツールとテキストツールしか使ってません。使ったフォントは一つだけです。
海の写真を使ったサマーセールのポスター作り方
![Photopeaで写真を開く](https://pirikarasansyo.com/wp-content/uploads/2020/07/e9908c32ee81eba6863e97a86fb59362.jpg)
まずはファイルから開くで写真を表示させます。
![Photopeaのテキストツールで文字入力](https://pirikarasansyo.com/wp-content/uploads/2020/07/1c08e773ce89cc02fc1bf3687a50f53d.jpg)
テキストツールで文字入力をしていきます。フォントはNoto Sans JPのBlack。追跡でフォントのカーニングを調整。
![Photopeaの矩形ツールで白い枠を作る](https://pirikarasansyo.com/wp-content/uploads/2020/07/d5bca3c5763d5cbdaad7cf2a54b5b0b7.jpg)
矩形を使って四角の枠を作ります。
SUMMER SALEを中央揃えで配置。50%OFFをその下に。全品半額が一番目立つように配置。
![レイアウトの調整とテキストツールで文字入力、矩形ツールで下線もつける](https://pirikarasansyo.com/wp-content/uploads/2020/07/f91a9b58781e7f7468a746122f558dbc.jpg)
全体のレイアウトを調整して、開催日程、キャッチコピーを矩形の下に配置します。サマーセールの下線は矩形ツールで作ってます。
![Photopeaのオープン&プレースでロゴを配置](https://pirikarasansyo.com/wp-content/uploads/2020/07/2f6b4156a0bec4c2fba18cbaa18e8ceb.jpg)
ファイルからオープン&プレースでロゴを配置します。自由変形になっているので、小さくします。
![自由変形でロゴを拡大縮小して任意の位置に配置](https://pirikarasansyo.com/wp-content/uploads/2020/07/44a1d650394a7c7e86e38c1d9e643b52.jpg)
ロゴをURLの横に配置。
![夏らしい海の写真を使ったサマーセールのポスターをPhotopeaで作ってみた。](https://pirikarasansyo.com/wp-content/uploads/2020/07/seaside-5234306_1920-2-1-682x1024.jpg)
完成です。