キセカエパレット マニュアル

1. ホーム画面で「デザインを作成」ボタンをタップします。
2. 編集画面が表示されます。

1. 画面下部ツールバーの「画像」ボタンをタップし、画像設定シートを開きます。
2. 画像設定シートで「画像を選択」ボタンをタップします。
3. フォトライブラリが開くので、ケースのディスプレイに表示したいメイン画像を選択します。
4. 選択した画像から表示したい部分を調整して、画面右上の「✓」をタップします（調整方法については「画面構成」を参照してください）。

• 調整したメイン画像を使用して、オリジナルデザインを作成できます。
• キャンバス上のメイン画像のサイズ、角度、位置の調整ができます。
• 画面下部ツールバーの「背景」から、背景色の変更や別の画像を背景に設定できます。
• 編集が完了したら、画面右上の「✓」をタップします。

• 作成したデザインのプレビューが表示されます。
• カラーモード（多色／白黒）の切り替え、デザインの見え方を確認できます。

1. 「デザインアップロード」ボタンをタップします。
2. ケースが金属類に触れていないことを確認して「開始」ボタンをタップします。
3. NFCシートが表示され、デザインのアップロードが開始されます。
4. 「デザインのアップロードが完了しました。」というメッセージが表示されたら「OK」をタップします。

以上で、作成したオリジナルデザインがケースのディスプレイに表示されます。

1. 「デザインを作成」ボタン

   編集画面に移動します。

2. ⓘ Info

   アプリ情報画面に移動します。

3. 注意事項

   専用ケースに関する注意事項です（詳細は「注意事項」を参照してください）。

1. メイン画像

   フォトライブラリから取り込んだ画像がキャンバス上に表示されます。

   ガイドフレーム

   画像のサイズ、角度、位置を視覚的に示す赤色のガイドです。
   ガイドフレームが表示されているときは、その画像が選択されている状態です。
   画像をタップすることで表示 / 非表示を切り替えられます。
   ガイドフレームが表示されている場合のみ、画像のサイズ、角度、位置の調整ができます。

   削除

   画像を削除します。

2. レイヤーパネル

   キャンバス上にあるメイン画像の数を表示します。
   タップするとレイヤーの詳細が表示されます。
   青色の枠で囲われたレイヤーが選択中のレイヤーです。

   1. / 目のアイコン
      タップするとレイヤーの表示 / 非表示が切り替わります。
   2. サムネイル
      メイン画像のサムネイルです。タップすると選択中のメイン画像が切り替わります。
   3. ドラッグハンドル
      タップすると選択中のメイン画像が切り替わります。長押しして上下にドラッグすると重ね順を入れ替えられます。上にあるレイヤーほどキャンバスの最前面に表示されます。
   4. 閉じる
      タップするとレイヤーパネルが閉じます。

3. 画像

   タップすると画像設定シートが開きます。

4. 背景

   タップすると背景設定シートが開きます。

5. check確定

   編集内容を確定し、プレビュー画面へ移動します。

6. keyboard_arrow_left戻る

   ホーム画面に戻ります。

画像設定シート

フォトライブラリからメイン画像を選択して追加できます。

1. 「画像を選択」ボタン

   タップするとフォトライブラリが開きます。
   デザインに使用したい画像を選択すると、メイン画像画面へ移動します。

2. cancel閉じる

   画像設定シートを閉じます。

背景設定シート

背景色の選択や背景画像の設定ができます。

「色」タブ

「画像」タブ

1. 「色」/「画像」タブ

   タップすると背景の設定内容の表示が切り替わります。
   「色」タブでは背景色、「画像」タブでは背景画像を設定できます。

2. プリセットカラー

   白・黒・赤・橙・黄・灰の6色から選択できます。
   タップすると背景色が選択した色に設定されます。

3. 4色パレット

   タップすると背景色調整シートが開きます。

4. 背景色履歴

   過去に背景色調整シートで設定した色を最大5つまで表示します。
   タップすると背景色が選択した色に設定されます。

5. 「背景画像を選択」ボタン

   タップするとフォトライブラリが開きます。
   背景に設定したい画像を選択すると、背景画像画面へ移動します。

6. check_circle確定

   背景の設定を確定し、背景設定シートを閉じます。

7. cancel閉じる

   背景の設定を取り消し、背景設定シートを閉じます。

背景色調整シート

選択した背景色の明るさを調整できます。

1. カラーパレット

   赤・黄・橙・灰の4色から調整したい色をタップして選択します。

2. 明るさ調整スライダー

   選択した色の明るさを調整できます。
   スライダーを左右に動かすと、選択した色の明るさが変化します。
   色の変化はリアルタイムで背景色に反映されます。

3. check_circle確定

   タップすると選択した色が背景色として確定し、背景調整シートを閉じます。
   確定した色は背景色履歴に追加されます。

4. cancel閉じる

   色の調整を取り消し、背景色調整シートを閉じます。
   取り消した場合、選択した色は背景色履歴に追加されません。

1. トリミング

   選択した画像の表示範囲をトリミングできます。
   画像周辺の白色のフレームをスワイプして、表示したい部分を切り取ってください。
   フレームの比率は自由に変更できます。
   画像は直接ドラッグやピンチイン・ピンチアウトで調整できます。

2. 回転ダイヤル

   ダイヤルを左右にスワイプすると、その動きに応じて画像が回転します。
   

3. 左回転

   タップすると画像が左に90度回転します。

4. 右回転

   タップすると画像が右に90度回転します。

5. リセット

   タップするとトリミング操作を取り消し、元の画像に戻ります。

6. check確定

   トリミングした画像を確定し、編集画面へ移動します。

7. keyboard_arrow_left戻る

   編集画面に戻ります。

1. トリミング

   選択した画像の表示範囲をトリミングできます。
   画像周辺の白色のフレームをスワイプして、表示したい部分を切り取ってください。
   フレームの比率はケースのディスプレイに合わせて3:5に固定されています。
   画像は直接ドラッグやピンチイン・ピンチアウトで調整できます。

2. 回転ダイヤル

   ダイヤルを左右にスワイプすると、その動きに応じて画像が回転します。
   

3. 左回転

   タップすると画像が左に90度回転します。

4. 右回転

   タップすると画像が右に90度回転します。

5. リセット

   タップするとトリミング操作を取り消し、元の画像に戻ります。

6. check確定

   トリミングした画像を確定し、編集画面へ移動します。

7. keyboard_arrow_left戻る

   編集画面に戻ります。

1. プレビュー

   ケースのディスプレイに表示されるデザインのプレビューです。
   選択されているカラーモード（多色／白黒）に応じて表示が変わります。

2. 白黒調整スライダー

   スライダーを左右に動かすと、デザインの白黒の割合が変わります。
   

3. カラーモード切り替え

   「多色」「白黒」の2つのカラーモードが選択できます。

   多色

   赤、黄、白、黒の4色を使用したデザイン

   白黒

   白と黒の2色を使用したデザイン

4. 「デザインアップロード」ボタン

   タップするとデザインのアップロード開始前の注意事項が記載された、アップロード確認ダイアログを表示します。 アップロード確認ダイアログの「開始」をタップするとNFCシートが表示され、デザインのアップロードを開始します（詳細は「デザインアップロードの流れ」を参照してください）。

5. ホーム

   ホーム画面に戻ります。

6. keyboard_arrow_left戻る

   編集画面に戻ります。

1. アプリアイコン

   本アプリのアイコンを表示します。

2. アプリ名

   『キセカエパレット』

3. バージョン情報（vX.X.X）

   アプリのバージョン情報を表示します。

4. アプリの使い方

   ブラウザアプリで本オンラインマニュアルを表示します。

5. 使用許諾

   ブラウザアプリで本アプリのソフトウェア使用許諾契約書を表示します。

6. プライバシーポリシー

   ブラウザアプリで本アプリのプライバシーポリシーを表示します。

7. keyboard_arrow_left戻る

   ホーム画面に戻ります。