moba fla(モバフラ) | モバフラ画像作成マニュアル

以下の数値を目安に、必要画像を作成してください。
又、トップページ、メニューページ共に、お使いになる画像文章含めた総要領が、
100kb以内になるように、各ページを作成してください。

オリジナル画像や、テンプレート画像を利用して、トップページＡ/Ｂ用の背景画像を完成させます。

※お使いになる画像文章含めた総要領が、100kb 以内になるように作成してください。
※ロゴやタイトル文字の加工には、市販画像編集ソフトなどが必要です。

メニューページＡ/Ｂ用背景画像を作る

ご使用になりたい画像のサイズを、320×240pixelに切り抜き加工してください。モバフラサイト内にある無料テンプレートより、お好きな背景画像をお選びいただく事も出来ます。

後ほどPC 上で入力して頂いた文章が、水色帯内に黒文字で表示されます。黒っぽい画像等をお使いの場合は、上記で指定してある場所に30×240pixel の明るい色をひいていただくと、黒い文字が見やすくなります。

上記のメイン画面スペースに、PC 上で選択して頂いたメイン画像がモバイル上でFlash表示されます。上下のフリースペース（上48×240pixel　下62×240pixel）内に、ロゴやキャッチ等をご自由に配置してください。

メニューページ背景完成！　完成した画像は20ｋb 目安でjpeg 保存し、アップロードしてお使いください。

メニューページＡ/Ｂ用メイン画像を作る

上記のメイン画面スペースに、PC 上で選択して頂いたメイン画像がモバイル上で表示されます。上下のフリースペース（上48×240pixel　下62×240pixel）内に、ロゴやキャッチ等をご自由に配置してください。

メニューページの背景完成！　完成した画像は15ｋ目安でjpeg保存し、アップロードする際、メイン画像を選択してご使用ください。

メイン画像は全部で５個設定できますので、各コーナーごとのメインを作成し、アップロードしてお使いください。

モバイル上で見たメインページＡ/Ｂ完成イメージ

モバイル画面で見たメインページＡ/Ｂの完成イメージ。モバフラなら、モバイルのFLASH サイトがこんなに簡単に出来上がります。

※お使いになる画像文章含めた総要領が、 100kb 以内になるように作成してください。

オリジナル画像や、テンプレート画像を利用して、トップページＡ/Ｂ用の背景画像を完成させます。

※お使いになる画像文章含めた総要領が、100kb 以内になるように作成してください。
※ロゴやタイトル文字の加工には、市販画像編集ソフトなどが必要です。

トップページＡ/Ｂ用背景画像を作る

ご使用になりたい画像のサイズを、320×240pixelに切り抜き加工してください。モバフラサイト内にある無料テンプレートより、お好きな背景画像をお選びいただく事も出来ます。

タイトル文字を入れ込みます。１行につき天地20pixelになります。文字は12pt程度にして頂くと、綺麗にはまります。また、タイトル枠間に罫線を入れて頂いたり、メニュースペース部分（200×240pixel）に色を引いて頂く等、お好きにアレンジしてみてください。

メニュースペースの上部の空きスペース（58×240pixel）に、お好きなロゴやタイトル文字等を入れ込みます。

下の空きスペース（62×240pixel）内に、PC 画面で選択して頂いたバナーが入ります。バナーを設置しない場合は、フリースペースとして自由に文章等入れ込んでレイアウトしてください。バナー下の空き（17×240pixel）に、クレジット表記等入れ込んでも良いでしょう。

殺風景な箇所に飾りをつけて、トップページＡ/Ｂ背景の完成！完成した画像は20ｋb 目安でjpeg保存し、アップロードしてお使いください。

トップページＡ/Ｂ用バナーを作る

トップページＡ/Ｂでは、バナー画像（40×230pixel）を、0 個～ 1 個まで設置できます。イメージに合う画像等をうまく加工し、バナーを作成してください。

※バナーの作り方は『バナー』の項目を参考に。

モバイル上で見たトップページＡ/Ｂ完成イメージ

モバイル画面で見たメインページＡ/Ｂの完成イメージ。モバフラなら、モバイルのFLASH サイトがこんなに簡単に出来上がります。

※お使いになる画像文章含めた総要領が、100kb 以内になるように作成してください。

オリジナル画像や、テンプレート画像を利用して、トップページC 用の背景画像を完成させます。

※お使いになる画像文章含めた総要領が、100kb 以内になるように作成してください。
※ロゴやタイトル文字の加工には、市販画像編集ソフトなどが必要です。

トップページC 用背景画像を作る

ご使用になりたい画像のサイズを、430×240pixel に切り抜き加工してください。モバフラサイト内にある無料テンプレートより、お好きな背景画像をお選びいただく事も出来ます。

サムネールスペースの下に、入力した文っが白字で表示される為、使用する背景画像が明るめの場合はシャドーを入れる等して最初に調整しておきます。上部の空きスペース（40×240pixel）に、お好きなロゴやタイトル文字等を入れ込みます。

サムネールに表示される画像を補う文字を、上部空きスペース（26×80pixel）に入れます。メニューボタンは最大10 個まで表示されます。例えば5 個しかメニューボタンを使わない場合、メニューボタン6 ～10 はフリースペースとしてお使いいただけます。バナースペース（40×230pixel）内に、PC 画面で選択したバナー画像が、最大3 個まで配置されます。バナーを設置しない場合、メニューボタン同様フリースペースとして自由にレイアウトしてください。バナー下の空き（19×240pixel）に、クレジット表記等入れ込んでも良いでしょう。

バランスを見ながら空きスペースに飾り等を施し、トップページC 背景画像の完成！
完成した画像は20ｋb 目安でjpeg 保存し、アップロードしてお使いください。

トップページC 用ボタンを作る

ボタン画像（20×140pixel）は、0 個～10 個まで設置できます。

ボタンらしく見せる為に、文字を入れて凹凸を出してみました。これ以外にも、イメージに合わせて自由にデザインできます。

トップページC では、ボタンしたボタンの色を変える事が出来ます。その場合、背景や文字の色等を変えたパターンのボタン画像をもう１パターンづつ用意してください。

トップページC 用サムネイル画像を作る

サムネイル画像（80×80pixel）は、ボタンの数に合わせて0 個～10 個まで作成し、10ｋb 以内を目安にjpeg 保存して完成！

サムネイル画像は選択するボタンの内容に合わせてイメージを作成してください。ＰＣのメニュー画面で、各画像を設定すると、モバイル上で選択されたボタンに合わせて、画像が自動で変わります。

トップページC 用バナーを作る

トップページC では、バナー画像（40×230pixel）を、0 個～ 3 個まで設置できます。イメージに合う画像等をうまく加工し、バナーを作成してください。

※バナーの作り方は『バナー』の項目を参考に。

モバイル上で見たトップページC 完成イメージ

モバイル画面で見たメインページＣの完成イメージ。モバフラなら、モバイルのFLASH サイトがこんなに簡単に出来上がります。

※お使いになる画像文章含めた総要領が、100kb以内になるように作成してください。

オリジナル画像や、テンプレート画像を利用して、トップページＤ用の背景画像を完成させます。

※お使いになる画像文章含めた総要領が、100kb 以内になるように作成してください。
※ロゴやタイトル文字の加工には、市販画像編集ソフトなどが必要です。

トップページＤ用背景画像を作る

ご使用になりたい画像のサイズを、565×240pixel に切り抜き加工してください。モバフラサイト内にある無料テンプレートより、お好きな背景画像をお選びいただく事も出来ます。

上部87×240pixel 内に、ロゴやタイトル等をレイアウトします。その下の天地20pixel 枠内センターに、入力した文字がテロップ表示されます。下部15×240pixel 内にクレジット表記等を入れます。文字色はPCメニュー画面上で、1. 黒2. 白3. 赤4. 青5. 緑の中から選択出来ます。文字色がわかるような背景色にしておきましょう。メニュースペースには最大12 個までメニューを入れる事が出来ます。

バナースペース（40×230pixel）内に、PC 画面で選択したバナー画像が、最大2 個まで配置されます。バナー位置に、あらかじめ影を配置しておく等、アレンジしてみましょう。バナーを設置しない場合、フリースペースとして自由にレイアウトしてください。下の60×230pixel 枠内センターに、入力したメッセージが表示されます。文字色は（2）のテロップ表示同様、PC メニュー画面上で1. 黒2. 白3.赤4. 青5. 緑の中から選択出来ます。文字色がわかるような背景色にしておきましょう。