オンラインショップBASEを開設したら、ヘッダーにオリジナルイラストを設定してショップにオリジナル感を出し、ショップの印象をつけましょう!
今回使用したお絵描きアプリはプロクリエイトになります。
BASEのヘッダーの推奨サイズは幅960×高さ400(px)です。
![](https://u-tami-1.com/wp-content/uploads/2021/04/procreate.png)
![](https://u-tami-1.com/wp-content/uploads/2021/09/名称未設定のアートワーク-27.png)
![うーたみ](https://u-tami-1.com/wp-content/uploads/2022/06/吹き出し.gif)
こんな感じのヘッダーを作成したよ!
キャンバスサイズ:960×400(px)のRGB
![](https://u-tami-1.com/wp-content/uploads/2021/09/名称未設定のアートワーク-29-1024x768.png)
プロクリエイトを立ち上げたら画面右上の+ボタンから新規キャンバスを作成します。
幅に960px、高さに400pxと入力します。
![](https://u-tami-1.com/wp-content/uploads/2021/08/名称未設定のアートワーク-10-1-1024x768.png)
カラープロファイルにはRGBの「sRGB IEC61966-2.1」を選択し、作成します。
好きなイラスト、ショップ名などを追加してフッターイラストを作成します。
![ゴリたみ](https://u-tami-1.com/wp-content/uploads/2022/06/名称未設定のアートワーク-7-1.gif)
RGBとはコンピューターやディスプレイに使う発色方式だよ。
詳しくは「CMYKとRGBの違い」の記事を見てね!
パソコンにイラストをアップロードする
![](https://u-tami-1.com/wp-content/uploads/2021/09/名称未設定のアートワーク-36-1024x768.png)
画面左上の🔧アクションツールから「共有」を選択し、保存するファイル形式を選びます。保存先はパソコンと共有できるフォルダーを選択してください。
背景を透過して保存したい場合はPNGを選択してください。
共有フォルダーがない場合
![](https://u-tami-1.com/wp-content/uploads/2021/09/IMG_8740-1024x1024.jpg)
![](https://u-tami-1.com/wp-content/uploads/2021/09/名称未設定のアートワーク-38-1024x768.png)
共有フォルダーがない場合は、USB変換アダプタを使って、USBメモリに画像を保存することもできます。
USB変換アダプタを使ってiPadとUSBメモリを繋ぎ、プロクリエイトからイラスト保存するときに、
保存先にUSBメモリを選択します。
私の場合、NO NAMEとあるのが、接続したUSBメモリでした。
![うーたみ](https://u-tami-1.com/wp-content/uploads/2022/06/吹き出し.gif)
アップロードができたら後はBASEのヘッダーに設定するだけだよ!
BASEのヘッダーに設定する
ショップで使用しているテンプレートによってメニューの位置や見た目が異なると思いますが、参考にしてください。
私が使用しているテンプレートはオフィシャルテーマのシンプルです。
![](https://u-tami-1.com/wp-content/uploads/2021/09/image.png)
![](https://u-tami-1.com/wp-content/uploads/2021/09/名称未設定のアートワーク-28-2.png)
![](https://u-tami-1.com/wp-content/uploads/2021/09/無題sss.png)
①BASEにログインできたら、「デザイン」タブをクリックします。
![](https://u-tami-1.com/wp-content/uploads/2021/09/無題-3.png)
②次に「ショップのロゴ」タブをクリックします。
![](https://u-tami-1.com/wp-content/uploads/2021/09/無題-4.png)
③「画像を使用する」のトグルボタンをONにし、「ロゴのアップロード」から先ほど保存したイラストをアップロードします。
![](https://u-tami-1.com/wp-content/uploads/2021/09/無題sssss-1024x706.png)
ショップを見てみると、ヘッダーに設定できたのが確認できます。
![ゴリたみ](https://u-tami-1.com/wp-content/uploads/2022/06/名称未設定のアートワーク-7-1.gif)
フッターに設定できたね!サイズぴったし!
是非オリジナルイラストをBASEのフッターに設定してみたください。
BASEの開設方法はこちらの記事をご覧ください。
コメント