あらゆる画像モデル
作れるWebサイトのカット
Webサイトのモックアップを3ステップで
- 01
Morphicを開く
サインアップすれば、自由に広がる無限のCanvasですぐに制作を始められます。
- 02
スクリーンショットを用意
PC、タブレット、スマホの画面を読み込み、端末の構成と場面を言葉で伝えます。
- 03
生成して書き出し
各画面がそれぞれの端末に載り、やわらかな光の中でひとつの場面になります。構成を変えて試し、書き出しましょう。
ユースケース
Webデザインの提案
フラットなカンプの代わりに、完成したサイトのような絵をクライアントに見せられます。PC、タブレット、スマホの表示を一枚に並べれば、画面幅による変化がすぐ伝わります。提案が形になって見えるぶん、承認が進みやすくなることがあります。
フリーランスのポートフォリオと実績紹介
過去の制作物を、撮影した製品写真のように見せられます。実績紹介の表紙には、モニターのメインカットが向きます。どの画面でも崩れない証明には、レスポンシブ表示一式を使います。案件ごとに同じ端末構成を使えば、ポートフォリオ全体が整った仕事として読めます。
制作会社の提案書と営業資料
提案書や営業資料に、制作力が伝わるメインビジュアルを入れられます。淡いグラデーションに浮かぶブラウザ画面はタイトルスライドに向きます。ノートPCとスマホの2台組みなら、端末をまたぐ提案が1ページで伝わります。レビューでデザインが変わっても、画面を差し替えて再生成するだけです。
レスポンシブデザインの見せ方
ワイドな画面からスマホまで、レイアウトが保たれることを示せます。重ねたレスポンシブ表示は、同じページを3つの幅で並べます。開発者ツールを開かなくても、ブレークポイントが伝わります。端末ごとに別のスクリーンショットを渡せば、実際の可変の動きがそのまま見えます。コーディング後の確認や、納品時の報告にも使えます。
プロンプト例
シネマティックストーリーボード
キャラクター参照を含むシーンの説明を共有します。ショットの角度とムードを備えた完全なストーリーボードを取得します。
シネマティックシーンへのメッセージ
あらゆるテキスト会話を映画のようなマルチショットビデオにドラマ化します。
タイトルシーケンス
オプションでシネマティックアニメーションを追加できる、プロフェッショナルな映画タイトルカードをゼロから生成します。
3x3ストーリーボード
単一の画像をフィードします。3x3のストーリーボードグリッドに配置された9つのシネマティックビートを取得します。
ちびキャラのスプライトアニメーション
写真をアニメ化されたちびキャラのスプライトに変換します。踊ったり、ジャンプしたり、手を振ったり、攻撃したり、その他多くのことができます。
表情
任意のキャラクター画像を元に、1枚のリファレンスシートに6つの異なる表情を生成します。
