BOOK STUDIO

表紙に合わせる、本のモックアップ

画像は端末内だけで処理

1表紙を入れる

画像を選ぶ・ドロップ PNG / JPEG / WebP
コピーした画像の貼り付けもOK

サンプル表紙 · 1200 × 1800 px 2 : 3

2本のかたちを整える

厚み高さの 7%

裏表紙の色

#E7E4F0

表紙の左端でいちばん多い色を、自動で使います。背の色も最初はこの色です。

裏表紙の画像任意

画像を選ぶ

比率が違っても切り取らず、余白を裏表紙の色で埋めます。

3光と影を調整する

照明

ふんわり左から右から真上

影の長さ 0.5×

影のぼかし 5

影の濃さ 18%

4背景を選ぶ

背景：透明 PNG · 長い辺 2048px

できたら右上の「PNGを書き出す」で保存 ↗

ドラッグで回転 · 矢印キーでも動かせます

ドロップして表紙を差し替え

表紙の色と比率はそのまま。本の形だけを合わせます。

v0.5 · by つぶあん

文字でつくる画像を使う

背の色

裏表紙と同じ

文字入れたものだけ表示

書体

ゴシック明朝丸ゴシック

太さ

標準太字

向き

縦書き横倒し

配置

上中央下

飾り

なし線帯

大きさ 100%

字間 0%

文字の色

背の色に合わせる指定した色

ロゴ画像いちばん下に配置

画像を選ぶ

背表紙の画像

画像を選ぶ

作るときの目安：約 120 × 1800 px（表紙と同じ高さの場合）

合わせ方

伸ばす切り取る収める

伸ばす＝背にぴったり合わせる／切り取る＝はみ出た分をカット／収める＝全体を入れて余白は背の色

背表紙画像の縦横比から、本の厚みを自動で決めます。

モックアップができました

書き出した本のモックアップ