フラッグモックアップの使い方
風の中に固定された一辺。折り目はすべて布のソルバーと、繰り返すように書かれた気流の場から生まれるため、旗は止まることがなく、ループは必ず閉じます。
よい結果を出すための短いガイドと、よくある質問への答えです。
使い方
- 1
デザインを用意する
PNG、JPEGまたはSVGをステージにドロップするか、貼り付けるか、別のツールから画像をここに送ります。自分の画像を探している間は、サンプルの旗がなびいています。
- 2
取り付け方と生地を選ぶ
上部バーで「旗竿」または「バナー」を選びます。「旗」タブで袋縫いかハトメか、そして生地の重さを選びます。取り付け方の横にある風のスライダーで、気流をライブで設定できます。
- 3
ライトを当てて構図を決める
「ライト」タブでルックと背景を選び、ドラッグで回転、スクロールでズーム、または名前付きのビューを選びます。「すべてのコントロール」を開くと、物理、マテリアル、カメラを調整できます。
- 4
書き出す
「書き出し」タブまたはファイルメニューから、PNG、GIFまたはMP4の風のループ、あるいはインタラクティブHTMLファイルを保存します。保持するには、プロジェクトをアカウントに保存してください。
このツールについて
旗のデザイン、地色の上のロゴ、バナーのアートワークをドロップすると、画像そのままの比率で布に印刷され、旗竿または横棒から掲げられます。風を強めると旗は持ち上がり、流れ、はためきます。弱めると垂れ下がります。布はアニメーションではなくシミュレーションです。軽いスパンポリエステルは重い綿バンティングの3倍の速さで突風に応え、袋縫いは竿側の辺全体を固定しますがハトメでは辺がたわみ、旗の裏面には一枚仕立ての旗と同じようにプリントが布越しに透けて見えます。
カメラは回転、ズーム、フィットができます。4つのルックが、空、スタジオ、単色、または透明を背景にシーンを照らします。書き出しは、ステージの最大4倍のPNG、気流が一緒に繰り返すためぴったり閉じるGIFまたはMP4の風のループ、そして通信なしでフォルダーから開いてもなびき続ける自己完結型のインタラクティブHTMLファイルです。何もアップロードされず、訪問をまたいで何も保持されません。
特長
本物の布に本物の風
位置ベースの布ソルバーが、突風と乱流を含む気流の場を布自身の法線を通して読み取ります。帆のように膨らみ、風に対して縁を向けた面は表面の摩擦だけを感じ、長距離の拘束によってどんな風でも旗は自身の長さを保ちます。
旗竿またはバナー
袋縫いか2つのハトメで旗竿に掲げるか、横棒からバナーとして吊るします。竿の高さ、竿頭、色を設定し、旗のサイズはプリセットまたは画像から決めます。
選べる生地
1本の重さスライダーが、織物工場が動かすものすべてを動かします：平方メートルあたりのグラム数、剛性、減衰、布が気流に応える速さ、そして裏面にプリントがどれだけ透けるか。
きちんと閉じるループ
GIFと動画は同じ気流を、その周期をループの長さに合わせて走らせるため、最後のフレームが最初のフレームへ流れ込みます。インタラクティブHTMLはソルバーを内包し、オフラインでもなびき続けます。
よくある質問
フラッグモックアップは無料ですか？
はい。3Dの旗、風、すべての書き出し、インタラクティブファイルは、登録なし・透かしなしで無料です。シミュレーションはブラウザ内で動き、何もアップロードされません。
どんな画像を用意すればよいですか？
完成した旗のデザイン、地色の上のロゴ、バナーのアートワークのPNG、JPEGまたはSVGです。画像そのままの比率で印刷されます。標準的な旗の形に引き伸ばしたい場合は、「サイズ」セクションで3:5や2:3などの旗の比率を選んでください。
動きは本物の物理ですか？
物理ベースの布シミュレーションです：重力、伸び・せん断・曲げの拘束、自己衝突、布が衝突する旗竿、そして突風と乱流を持つ風の場。目指しているのは手描きの波ではなく、本物の風に吹かれる本物の旗の見え方です。
書き出したものを商用利用できますか？
はい。このツールで作ったものはあなたのものです。インタラクティブHTMLファイルは自己完結型で、iframeを使ってどのページにも配置できます。
その他のツール
ProDesignerは世界中の誰でも無料で利用できます。作業時間の節約に役立ったら、開発の支援をご検討ください。
ProDesignerを支援する