19
1 アプリビルダー画像作成マニュアル

アプリビルダー画像作成マニュアルVer1.12

Embed Size (px)

DESCRIPTION

http://app-builder.jp/?m=add&eid=3wQjnmahDQE%3D

Citation preview

Page 1: アプリビルダー画像作成マニュアルVer1.12

1

アプリビルダー画像作成マニュアル

Page 2: アプリビルダー画像作成マニュアルVer1.12

2

内容

登録用の画像作成について........................................................................................................................................................................... 3

画像の作成 ....................................................................................................................................................................................................... 4

画像の作成 No2 ............................................................................................................................................................................................ 5

画像の作成 No3 ............................................................................................................................................................................................... 6

画像の編集 ....................................................................................................................................................................................................... 7

実際に作成する ................................................................................................................................................................................................ 9

作成したアイコン及びトップ画像を登録する ................................................................................................................................................ 15

Page 3: アプリビルダー画像作成マニュアルVer1.12

3

登録用の画像作成について

「アイコン画像」「TOP画像」はご自分で作成していただく形になります。

画像ソフトで作成していただくことが望ましいのですが、お持ちでない方のために

簡易で画像作成ができる機能を搭載しております。

フォトショップ、イラストレーター等で作成できる方はそちらのご利用をオススメします。

Page 4: アプリビルダー画像作成マニュアルVer1.12

4

画像の作成

アプリを登録する前にアイコン画像とトップ画像を作成し登録しなければなりません。

画像管理を押していただき

画像作成をクリックします。

Page 5: アプリビルダー画像作成マニュアルVer1.12

5

画像の作成 No2

画像作成の画面に変更されます。

登録する画像のサイズが決まっていますので、サイズに合わせて作成を行います。

※アイコン及び TOP画像の保存形式は「PNG」で保存してください。「Jpg」「Gif」形式の画像につきましてはエラーが表示されます。

作成する画像サイズ

「アイコン」

57×57サイズ

72×72サイズ

114×114サイズ

「トップ画像」

380×480

640×960

640×1136

以上の画像を作成します。

作成する画像は、アプリ本体で必要になりますので必ず作成してください。

画像サイズは必ず上記サイズでの作成をお願いします。

Page 6: アプリビルダー画像作成マニュアルVer1.12

6

画像の作成 No3

1・画像の名前を入力します

2.背景色を選びます

3・文字色を選びます

4・テキストに文字を入力します

5・画像サイズを記入します

6・文字のサイズを決定します

7・文字の書体を決定します

8・テキストの座標(位置)を決めます

9・画像更新で状態をプレビューします

Page 7: アプリビルダー画像作成マニュアルVer1.12

7

画像の編集

画像を作成することができます、

アプリビルダー上部にある、画像作成リンクをクリックし画像作成機能を呼び出します。

画像タイトルを入力してお

くことで作成した画像を次

回呼び出すことができます。

画像サイズを決定します。

フォントを変更します。

入力する文字の座標を

指定します。

入力する文字を記入します

文字の大きさを変更します。

画像の背景色と

文字色を指定し

ます。

入力が終了しましたら画

像を更新するボタンで表

示を変更します。

Page 8: アプリビルダー画像作成マニュアルVer1.12

8

画像の作成が完了しましたら、ご自分の PCに一度ダウンロードします。

画像上で右クリックし名前を付けて画像を

保存します。

PCに一度保存してください。

Page 9: アプリビルダー画像作成マニュアルVer1.12

9

実際に作成する

トップに使う 640×960サイズの画像を作成します。

画像作成の情報を入力が完了し

ましたら、画像更新のボタンを

押してプレビューを見ます。

Page 10: アプリビルダー画像作成マニュアルVer1.12

10

このような形で表示されます。

※文字位置を調整する場合は座標の数字を変更して調整を行ってください。

このような形で作成されますのでこの画像を一度

自分のパソコンにダウンロードして保存を行います。

Page 11: アプリビルダー画像作成マニュアルVer1.12

11

アイコンの上でマウスの右ボタンクリックを行うと

画像のように表示されますので

「名前を付けて画像を保存をクリック」してください。

Page 12: アプリビルダー画像作成マニュアルVer1.12

12

ダウンロードフォルダ、またはご自分で指定されたフォルダが表示されますので、画像のタイトルをつけて

一度ご自分のパソコンに保存を行います。

ファイル名を変更してください。

同一ファイル名の場合前回保存したファイルが

上書きされますのでご注意ください。

保存ボタンを押して画像を保存します。

これでご自分のパソコンに作成した画像

が保存されました。

Page 13: アプリビルダー画像作成マニュアルVer1.12

13

最後に今回作成した画像のイメージ情報を保存します。

■名前を入力し新規作成の場合は、この情報を追加するをクリックします 。

■以前作成した画像の情報を変更した場合は、この情報に変更するをクリックします。

■新規の場合情報を追加する

■既存の場合情報を変更する

を押して保存をします。

Page 14: アプリビルダー画像作成マニュアルVer1.12

14

画像情報の登録が完了した画面です。

情報が追加されて、登録が

完了しました。

Page 15: アプリビルダー画像作成マニュアルVer1.12

15

作成したアイコン及びトップ画像を登録する

作成したアイコンまたはトップ画像を登録します。

先ほど作成したトップ画像の 640×960画像に変更をします。

640×960 画像をアップロードし

ますので 640×960 の場所を選択

し、ファイルを選択ボタンを押し

てください。

Page 16: アプリビルダー画像作成マニュアルVer1.12

16

先ほど作成した画像ファイルを保存したフォルダを開きます。

先ほど作成した画像を選び

ます。

選択が完了しましたら、開く

ボタンを押して画像を確定

します。

Page 17: アプリビルダー画像作成マニュアルVer1.12

17

ファイルの確定はしていますが、保存をしなければ変更されませんので、画面上の緑色のボタン下記内容に変更するを

押して変更状態を保存してください。

ファイル選択後選択したファ

イル名が表示されているか、

確認してください。

ファイル名が表示されていまし

たらボタンを押して確定させて

ください。

Page 18: アプリビルダー画像作成マニュアルVer1.12

18

確定後の編集画面です。

以上の作業を繰り返して、アイコン画像とトップ画像を作成した物に変更ができます。

ボタンを押した後画像が選

択した物に変更になります。

Page 19: アプリビルダー画像作成マニュアルVer1.12

19

作成部分で分からないことがございましたら、サポートまでご連絡いただくか個別掲示板で質問をお願いします。

サポートメール

株式会社アムゼネット

宛先:スマートフォンアプリサポート部

件名:【アプリ作成について】

mail : [email protected]