TutuEdit

モックアップ生成・デザインを額縁や画面に

内蔵テンプレート三種・屋外広告は透視付き。ブラウザ内処理、未ログインなら送信なし。

または新規ドキュメントを作成

デザインは単体で見れば常に良く見えます。実際の場に置いて初めて是非が分かるのです。ポスターを額に入れて壁に掛けても見分けがつくか、道端の看板に載せて遠近で歪んでも読めるか、アプリ画面は端末のベゼルの中で比率が合っているか。モックアップはそれに答えるためのものです——ここに内蔵されているのはフォトフレーム、看板広告、スマートフォン画面の三つのテンプレートだけです。

経路は「ファイル > 自動処理 > モックアップを生成…」です。ダイアログには内蔵テンプレートが三つあります。額縁(800×600)、屋外広告(900×600)、スマホ画面(480×900)です。生成を押すと、現在のデザインがテンプレートに貼り付けられます。このうち屋外広告は透視付きで、右側が奥に位置するためデザインが四隅に合わせて変形し、実際に道端に立っているように見えます。額縁とスマホ画面は正対で透視はかかりませんが、デザインは枠に合わせて引き伸ばされます(額縁の枠 520×380、スマホ画面の枠 340×720)。比率が大きく違うと歪むので、先にキャンバスの比率を枠に近づけてから生成してください。一点はっきりさせておくと、生成されるモックアップは新しいタブの新しいドキュメントであり、元のデザインは消えていません。元のタブにそのまま残り、どちらも書き出せます。三つともプログラムで描いているため輪郭がきれいで透かしもなく、サイズも固定で、生成したらそのまま書き出して使えます。計算はすべてご自身のブラウザ内で行われます。ログインしていなければ画像はアップロードされず、ログインすると作品はあなた自身のクラウドの作品ライブラリに自動保存されます。

主な機能

内蔵テンプレート三種

額縁 800×600、屋外広告 900×600、スマホ画面 480×900。

屋外広告は透視付き

四隅に合わせて変形し、道端に立つ看板のように見えます。額縁とスマホ画面は正対で透視はかかりませんが、デザインは枠に合わせて引き伸ばされます —— 先にキャンバスの比率を枠(額縁 520×380、スマホ画面 340×720)に近づけてください。

元のデザインは残る

モックアップは新しいタブに開き、元のドキュメントは元のタブに残ります。どちらも書き出せます。

ブラウザ内で処理

ブラウザー内で処理します。ログインしていなければ画像はアップロードされず、このブラウザーに自動の下書きが残るだけです(ブラウザーのデータを消すと消えます)。ログインすると作品はあなた自身のクラウドの作品ライブラリに自動保存されます。

使い方

  1. 1
    まずデザインを仕上げる
    貼り付けられるのは現在のドキュメントなので、先に納得のいく状態にします。
  2. 2
    モックアップを生成を開く
    「ファイル > 自動処理 > モックアップを生成…」。
  3. 3
    テンプレートを選ぶ
    額縁・屋外広告・スマホ画面。各カードに寸法が書かれています。
  4. 4
    生成して書き出す
    生成を押すと新しいタブに現れ、いつも通り PNG や JPG で書き出せます。

よくある質問

モックアップのテンプレートは何がありますか。サイズは?
三つあります。額縁 800×600、屋外広告 900×600、スマホ画面 480×900 です。いずれもプログラムで描画しているため輪郭がきれいで透かしもなく、生成したらそのまま書き出して使えます。
生成したあと、元のデザインは残りますか。
残ります。モックアップは新しいタブの新しいドキュメントで、元のドキュメントは上書きされず元のタブに収まります。どちらも編集も書き出しも続けられます。
屋外広告のデザインが斜めになるのはなぜ?
それは意図した透視です。屋外広告テンプレートは右側が奥にあるため、四隅に合わせて変形させると道端に立つ看板のように見えます。透視をかけたくない場合は額縁かスマホ画面を選んでください。あの二つは正対です。ただしデザインは枠に合わせて引き伸ばされるので(額縁 520×380、スマホ画面 340×720)、先にキャンバスの比率を枠に近づけてから生成してください。
無料ですか?画像はアップロードされますか?
無料・登録不要・回数制限なしです。すべてご自身のブラウザ内で処理されます。ログインしていなければ画像はアップロードされず、ログインすると作品はあなた自身のクラウドの作品ライブラリに自動保存されます。

今すぐモックアップ生成・デザインを額縁や画面にを試す

インストール不要 · 登録不要 · ローカルはアップロードなし · AI は毎日無料クレジット