無料 ノート モックアップ作成ツール

ハードカバーのノートに表紙デザインを載せて、きれいな PNG を書き出す。6 色の表紙、縦長のカバー面、合成はブラウザ内。

1x PNG 無料表紙 6 色縦長のカバー面非公開 — 端末内処理
ノートの色

デザインをアップロードするかサンプルを試して、モックアップを確認してください。

無料の1200px PNG・透かしなし・登録不要。デザインがブラウザから出ることはありません。

ベースは閉じたハードカバーノートを真上から見たもので、表紙は無地です。デザインは表表紙に載ります。表紙色を切り替えて必要なものを書き出す。

仕組み

デザインからノートの商品写真まで

01

デザインを読み込む

PNG / JPG / WebP / SVG。この表紙には縦構成が合います。横長のファイルは広い余白の間に小さく収まってしまいます。

02

表紙を選ぶ

ブラック、ホワイト、ネイビー、クラフト、サンド、フォレスト。クラフトは手仕事・文具店の空気、ブラックとネイビーは法人ギフトの空気になります。

03

PNG を書き出す

透かしのないきれいな 1x PNG。文具の商品ページ、法人ギフトの提案書、ローンチページにそのまま使えます。

収録ノート

ハードカバーノート 6 色

ブラック、ホワイト、ネイビー、クラフト、サンド、フォレストグリーン。いずれも閉じた状態を真上から、やわらかい影を添えて見せています。デザイン範囲は表表紙 — 幅より高さが明確に大きい縦長の長方形です。

6 色、閉じた状態の真上 1 ビュー。メーカーの製品ではなく自前の汎用ベースなので、背の逃げと巻き込みの塗り足しは印刷所のテンプレートから取ってください。

印刷する前に

表紙は紙ではなく、くるんだ芯ボール

ハードカバーのノートは平らに刷るのではなく、組み立てられます。デザインを安全に置ける場所を決めるのは、その構造です。

縦長で、しかもはっきりと

表表紙は幅よりも明確に高く、ここにあるどれよりも書籍のカバーに近い形です。横長の面向けに組んだロゴロックアップは、縦に組み直さないかぎり、広く空いた余白の真ん中に浮きます。

巻き込みが縁を奪う

くるみのハードカバーでは印刷した素材が芯ボールを回り込んで内側に貼られるので、四辺すべての帯が視界から消えます。大事なものは見える面のじゅうぶん内側に置く必要があり、全面の背景は折りを生き延びるために仕上がり線の外まで伸ばす必要があります。

背とちり・溝はそれ自体が別問題

背をまたぐデザインは、開くたびにたわむ溝と付き合うことになります。多くの業者は背を別の面として扱うか、無地のままにします。取引先が全周のくるみを明示的に受けていないかぎり、絵柄は表表紙に留めてください。

その他のモックアップツール

1つのデザイン、すべての商品

デザインサイズ

プリント範囲
620 × 940 px
縦横比
1 : 1.52(縦長)
ベース画像
2048 × 2048 px

デザインは比率を保ったまま中央に配置されます(引き伸ばしはしません)。1 : 1.52 の比率でキャンバスを作ると、プリント範囲を余白なく使えます。

FAQ

ノートモックアップのよくある質問

ノートのモックアップ生成は無料ですか?

はい。1200px の PNG も 6 色まとめた .zip も、透かしなし・アカウント不要・メール入力なしです。買い切りの HD 解除で 2048px になりますが、無料の範囲には触れません。

ノートの表紙デザインはどの形にすべき?

縦長です。ここでの表表紙は幅より明確に高いので、縦のロックアップや積み上げた文字が自然に収まります。横長のデザインは表紙の幅まで縮み、上下に大きく空いた表紙が残ります。

デザインを背まで回せますか?

このプレビューではできませんし、実際の製造でもできないことが多いです。背は開くたびにたわむ溝の上にあり、多くの業者はそこを別扱いにするか無地にします。全周のデザインを組む前に印刷所に確認してください。

表紙にはどれくらい余白が要りますか?

思っているより多くです。くるみのハードカバーでは印刷した紙が芯ボールを回り込んで内側に貼られるので、四辺の帯は決して見えません。文字とロゴはじゅうぶん内側に置き、背景は仕上がり線の外まで走らせてください。

このモックアップでノートを販売できますか?

はい。商品ページ、ギフト提案、広告、ポートフォリオに商用で、クレジット表記なしに使えます。白紙のノートテンプレート自体は、素材としても競合ツールの中でも再配布できません。画像ライセンスに詳細があります。