(57)【要約】      （修正有）【課題】ユーザに提供する画像を容易に生成可能な写真撮影遊戯装置を提供する。【解決手段】写真撮影遊戯装置は、カメラにより撮影して得た撮影画像を用いて、それぞれ画像が表示される操作側領域３６４ａ及びミラー領域３６４ｂを含むコラージュを生成する機能を有する。写真撮影遊戯装置は、ユーザの操作の受付結果に基づいて、撮影画像又は撮影画像に基づく画像を操作側領域３６４ａに表示させる。そして、操作側領域３６４ａへの画像表示動作に応じて、操作側領域３６４ａに表示される画像又はそれに対応する画像を、ミラー領域３６４ｂに表示させる。写真撮影遊戯装置は、操作側領域３６４ａに表示された画像とミラー領域３６４ｂに表示された画像とに基づいて、コラージュを生成する。【選択図】図４３
2016006461.tif 000002
【特許請求の範囲】
【請求項１】
カメラにより撮影して得た撮影画像を用いて、それぞれ画像が表示される第１領域及び第２領域を含む画像を生成する写真撮影遊戯装置であって、
ユーザの操作を受け付ける受付手段と、
前記受付手段の受付結果に基づいて、前記撮影画像又は前記撮影画像に基づく画像を前記第１領域に表示させる第１表示手段と、
前記第１表示手段の動作に応じて、前記第１領域に表示される画像又はそれに対応する画像を前記第２領域に表示させる第２表示手段と、
前記第１表示手段の動作結果と前記第２表示手段の動作結果とに基づいて画像の生成を行う生成手段とを備える、写真撮影遊戯装置。
【請求項２】
前記第１領域と前記第２領域とは、互いに同一の形状又は互いに相似な形状であり、
前記第２表示手段は、前記第１領域に表示される画像と同じ画像を、前記第１領域に表示される範囲と同一の範囲で、前記第２領域に表示させる、請求項１に記載の写真撮影遊戯装置。
【請求項３】
前記第２表示手段は、前記第１領域に表示される画像の鏡像を前記第２領域に表示させる、請求項１又は２に記載の写真撮影遊戯装置。
【請求項４】
前記受付手段は、前記第１領域の表示内容に関するユーザの操作のみを受け付ける、請求項１から３のいずれか１項に記載の写真撮影遊戯装置。
【請求項５】
前記第１表示手段は、前記撮影画像のうち予め定められた範囲を前記第１領域に表示させ、
前記第２表示手段は、前記撮影画像のうち、前記第１領域に表示される範囲とは異なる範囲になるように予め定められた範囲を前記第２領域に表示させる、請求項１に記載の写真撮影遊戯装置。
【請求項６】
前記生成手段は、前記第１領域及び前記第２領域のうち少なくとも一方に表示される画像について、予め定められた加工及びユーザの操作に応じた加工のうち少なくとも一方の加工を行って前記画像の生成を行う、請求項１から５のいずれか１項に記載の写真撮影遊戯装置。
【請求項７】
前記受付手段は、前記生成手段により生成される画像のプレビュー表示を行った状態で前記ユーザの操作を受け付ける、請求項１から６のいずれか１項に記載の写真撮影遊戯装置。
【請求項８】
請求項１から７のいずれか１項に記載の写真撮影遊戯装置と、
前記撮影画像に基づく画像をシールにプリントして出力する出力手段とを備える、写真シール作成装置。
【請求項９】
カメラにより撮影して得た撮影画像を用いて、それぞれ画像が表示される第１領域及び第２領域を含む画像を生成する写真撮影遊戯装置の制御方法であって、
ユーザの操作を受け付ける受付ステップと、
前記受付ステップの受付結果に基づいて、前記撮影画像又は前記撮影画像に基づく画像を前記第１領域に表示させる第１表示ステップと、
前記第１表示ステップの動作に応じて、前記第１領域に表示される画像又はそれに対応する画像を前記第２領域に表示させる第２表示ステップと、
前記第１表示ステップの動作結果と前記第２表示ステップの動作結果とに基づいて画像の生成を行う生成ステップとを備える、写真撮影遊戯装置の制御方法。
【請求項１０】
カメラにより撮影して得た撮影画像を用いて、それぞれ画像が表示される第１領域及び第２領域を含む画像を生成する写真撮影遊戯装置の制御プログラムであって、
ユーザの操作を受け付ける受付ステップと、
前記受付ステップの受付結果に基づいて、前記撮影画像又は前記撮影画像に基づく画像を前記第１領域に表示させる第１表示ステップと、
前記第１表示ステップの動作に応じて、前記第１領域に表示される画像又はそれに対応する画像を前記第２領域に表示させる第２表示ステップと、
前記第１表示ステップの動作結果と前記第２表示ステップの動作結果とに基づいて画像の生成を行う生成ステップとをコンピュータに実行させる、写真撮影遊戯装置の制御プログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
この発明は写真撮影遊戯装置、写真シール作成装置、写真撮影遊戯装置の制御方法、及び写真撮影遊戯装置の制御プログラムに関し、特に、カメラにより撮影して得た撮影画像を用いて生成した画像をユーザに提供する機能を有する写真撮影遊戯装置、写真シール作成装置、写真撮影遊戯装置の制御方法、及び写真撮影遊戯装置の制御プログラムに関する。
【背景技術】
【０００２】
ゲームセンタなどに設置され、装置利用者（ユーザ、プレイヤ）などの写真を撮影して画像を生成する写真撮影遊戯装置が知られている。写真撮影遊戯装置としては、撮影した画像についての落書き編集（ペンによる書き込みやスタンプの配置など）を行った後に、それをシールなどのプリント物として提供する写真シール作成装置などがある。
【０００３】
写真撮影遊戯装置には、ユーザを撮影して得られた画像を用いて、その画像についてトリミングを行ったり、その画像を用いてコラージュを行ったりし、撮影により得られた画像とは別の画像である画像をユーザに提供するために生成する機能を有するものが知られている。このような写真撮影遊戯装置は、生成した提供画像を、ユーザが所有する携帯端末などに送信することなどによって、ユーザに提供する。例えば、写真撮影遊戯装置は、携帯端末へ送信する元となる画像をユーザに選択させ、選択された画像から切り取った画像を携帯端末への送信用の提供画像とする。
【０００４】
提供画像は、例えば、上記のような写真撮影遊戯装置と、通信可能に接続された画像提供サーバとで構成された写真撮影遊戯システムにおいて、写真撮影遊戯装置と画像提供サーバとが共に連携することでユーザに提供される。例えば、このような写真撮影遊戯システムでは、利用者を撮影して得られた画像を写真撮影遊戯装置から画像提供サーバに送信させ、その画像を画像提供サーバを介して利用できるようにすることで、ユーザに提供する。画像提供サーバに送信された画像は、ユーザの携帯端末などを利用して、ユーザに画像データとして提供される。
【０００５】
下記特許文献１には、利用者を被写体として撮影した撮影画像の所定の領域を携帯用撮影画像として抽出し携帯用合成画像を作成する写真シール作成装置が開示されている。この装置では、アスペクト比が異なる複数種類のトリミング枠のうちいずれかを選択することでそのアスペクト比で画像をトリミングし、その携帯用撮影画像と合成用画像とを合成することにより、携帯用合成画像を作成できる。携帯用合成画像像は、ユーザにより入力されたメールアドレスあてに、写真シール作成装置から送信される。
【先行技術文献】
【特許文献】
【０００６】
【特許文献１】特開２０１０−１５４４５２号公報
【発明の概要】
【発明が解決しようとする課題】
【０００７】
年々、ユーザの間で、いわゆるスマートフォンなどの高機能な携帯端末の普及率が高まっている。そして、そのような携帯端末を利用して知人と画像を交換したり、自身のウェブログやソーシャル・ネットワーキング・サービス（ＳＮＳ）などに画像を表示させたりするというニーズが高まっている。
【０００８】
このようなニーズに応じて、写真撮影遊戯装置を利用して、ユーザが、デザイン性が高い画像や意図する通りの画像など、ユーザにとって魅力的な画像を生成できると、ユーザの満足度が向上する。
【０００９】
しかしながら、このような魅力的な画像を生成するには、ユーザ自身が写真撮影遊戯装置の操作に習熟する必要があるという問題がある。写真撮影遊戯装置において画像編集を行う場合に、ユーザの操作の自由度が高くても、必ずしもユーザが魅力的な画像を作成できるようになるとは限らない。換言すると、写真撮影遊戯装置を利用して容易に魅力的な画像が得られるようになれば、ユーザの満足度がより高くなる。
【００１０】
また、一般に、写真撮影遊戯装置において画像を生成する作業を行える時間には制限が設けられており、ユーザが限られた時間内にユーザにとって魅力的な画像を作成するのは困難であるという問題がある。例えば、写真撮影遊戯装置における落書き編集中に携帯端末に適した画像を生成する場合などには、落書き編集に時間制限が設けられているところ、ユーザがそのような限られた短い時間内で落書き編集と提供画像の作成とを行う必要がある。
【００１１】
この発明はそのような問題点を解決するためになされたものであり、ユーザに提供する画像を容易に生成可能な写真撮影遊戯装置、写真シール作成装置、写真撮影遊戯装置の制御方法、及び写真撮影遊戯装置の制御プログラムを提供することを目的としている。
【課題を解決するための手段】
【００１２】
上記目的を達成するためこの発明のある局面に従うと、カメラにより撮影して得た撮影画像を用いて、それぞれ画像が表示される第１領域及び第２領域を含む画像を生成する写真撮影遊戯装置は、ユーザの操作を受け付ける受付手段と、受付手段の受付結果に基づいて、撮影画像又は撮影画像に基づく画像を第１領域に表示させる第１表示手段と、第１表示手段の動作に応じて、第１領域に表示される画像又はそれに対応する画像を第２領域に表示させる第２表示手段と、第１表示手段の動作結果と第２表示手段の動作結果とに基づいて画像の生成を行う生成手段とを備える。
【００１３】
好ましくは第１領域と第２領域とは、互いに同一の形状又は互いに相似な形状であり、第２表示手段は、第１領域に表示される画像と同じ画像を、第１領域に表示される範囲と同一の範囲で、第２領域に表示させる。
【００１４】
好ましくは第２表示手段は、第１領域に表示される画像の鏡像を第２領域に表示させる。
【００１５】
好ましくは受付手段は、第１領域の表示内容に関するユーザの操作のみを受け付ける。
【００１６】
好ましくは第１表示手段は、撮影画像のうち予め定められた範囲を第１領域に表示させ、第２表示手段は、撮影画像のうち、第１領域に表示される範囲とは異なる範囲になるように予め定められた範囲を第２領域に表示させる。
【００１７】
好ましくは生成手段は、第１領域及び第２領域のうち少なくとも一方に表示される画像について、予め定められた加工及びユーザの操作に応じた加工のうち少なくとも一方の加工を行って画像の生成を行う。
【００１８】
好ましくは受付手段は、生成手段により生成される画像のプレビュー表示を行った状態でユーザの操作を受け付ける。
【００１９】
この発明の他の局面に従うと、写真シール作成装置は、上述に記載の写真撮影遊戯装置と、撮影画像に基づく画像をシールにプリントして出力する出力手段とを備える。
【００２０】
この発明のさらに他の局面に従うと、カメラにより撮影して得た撮影画像を用いて、それぞれ画像が表示される第１領域及び第２領域を含む画像を生成する写真撮影遊戯装置の制御方法は、ユーザの操作を受け付ける受付ステップと、受付ステップの受付結果に基づいて、撮影画像又は撮影画像に基づく画像を第１領域に表示させる第１表示ステップと、第１表示ステップの動作に応じて、第１領域に表示される画像又はそれに対応する画像を第２領域に表示させる第２表示ステップと、第１表示ステップの動作結果と第２表示ステップの動作結果とに基づいて画像の生成を行う生成ステップとを備える。
【００２１】
この発明のさらに他の局面に従うと、カメラにより撮影して得た撮影画像を用いて、それぞれ画像が表示される第１領域及び第２領域を含む画像を生成する写真撮影遊戯装置の制御プログラムは、ユーザの操作を受け付ける受付ステップと、受付ステップの受付結果に基づいて、撮影画像又は撮影画像に基づく画像を第１領域に表示させる第１表示ステップと、第１表示ステップの動作に応じて、第１領域に表示される画像又はそれに対応する画像を第２領域に表示させる第２表示ステップと、第１表示ステップの動作結果と第２表示ステップの動作結果とに基づいて画像の生成を行う生成ステップとをコンピュータに実行させる。
【発明の効果】
【００２２】
これらの発明に従うと、受付手段の受付結果に基づいて撮影画像又は撮影画像に基づく画像が第１領域に表示されると、その動作に応じて、第１領域に表示される画像又はそれに対応する画像が第２領域に表示される。したがって、ユーザに提供する画像を容易に生成可能な写真撮影遊戯装置、写真シール作成装置、写真撮影遊戯装置の制御方法、及び写真撮影遊戯装置の制御プログラムを提供することができる。
【図面の簡単な説明】
【００２３】
【図１】本発明の実施の形態の１つにおける写真シール遊戯システムのネットワーク接続例を示す図である。
【図２】写真シール作成装置のハードウェア構成を示す側面図である。
【図３】写真シール作成装置のハードウェア構成を示す平面図である。
【図４】写真シール作成装置を用いたプレイを示すフローチャートである。
【図５】写真シール作成装置の制御に関する構成を説明するブロック図である。
【図６】写真シール作成装置の基本的動作の一例を示すフローチャートである。
【図７】ユーザのプレイ時における写真シール作成装置とサーバとの動作を大まかに示すシーケンス図である。
【図８】外部モニタ受け付けのプレイ時の流れについて説明するフローチャートである。
【図９】撮影のプレイ時の流れについて説明するフローチャートである。
【図１０】落書き受け付けのプレイ時の流れについて説明する第１のフローチャートである。
【図１１】落書き受け付けのプレイ時の流れについて説明する第２のフローチャートである。
【図１２】落書き編集画面の一例を示す図である。
【図１３】落書き編集時の動作を示すフローチャートである。
【図１４】切り取り画作成時の動作を示すフローチャートである。
【図１５】切り取り画面を示す図である。
【図１６】加工選択画面を示す図である。
【図１７】切り取り画落書き画面を示す図である。
【図１８】切り取り画作成時における編集画面の画面遷移を説明する図である。
【図１９】切り取り画面の表示時の操作受付処理のフローチャートである。
【図２０】回転角を大きくする方向に回転操作が行われた場合の動作の一例を説明する図である。
【図２１】元画像について回転操作を行った後のトリム領域の例を示す図である。
【図２２】第１回転処理の動作を示すフローチャートである。
【図２３】回転角を小さくする方向に回転操作が行われた場合のトリム領域の表示例を説明する図である。
【図２４】第２回転処理の動作を示すフローチャートである。
【図２５】回転操作及び拡大縮小操作が行われた場合のトリム領域の表示例を説明する図である。
【図２６】回転リセット処理の動作を説明するフローチャートである。
【図２７】回転操作が行われたときの動作の一例を説明する図である。
【図２８】コラージュ作成時の動作を示すフローチャートである。
【図２９】コラージュ作成時における編集画面の画面遷移を説明する図である。
【図３０】デザイン選択画面を示す図である。
【図３１】「簡単コラージュ」選択時のデザイン選択画面を示す図である。
【図３２】「ＳＮＳ  Ａ  カバーコラージュ」又は「ＳＮＳ  Ｂ  カバーコラージュ」が選択されているときのデザイン選択画面を示す図である。
【図３３】本実施の形態において背景画像の作成に対応するウェブサービスの一例を説明する図である。
【図３４】「フリーコラージュ」のデザインが選択されているときのコラージュ画面２８０を示す図である。
【図３５】「簡単コラージュ」のデザインが選択されたときの、コラージュ作成開始後の動作を説明するフローチャートである。
【図３６】「簡単コラージュ」のデザインが選択されているときの写真選択画面を示す第１の図である。
【図３７】「簡単コラージュ」のデザインが選択されているときの写真選択画面を示す第２の図である。
【図３８】図３７に示されている状態からズームバーを操作した結果の一例を示す図である。
【図３９】「簡単コラージュ」のデザインが選択されているときのコラージュ画面を示す図である。
【図４０】反転画像の配置について説明する第１の図である。
【図４１】反転画像の配置について説明する第２の図である。
【図４２】反転画像の配置について説明する第３の図である。
【図４３】「簡単コラージュ」のデザインとしてミラー指定があるものが選択されているときの写真選択画面を示す図である。
【図４４】「簡単コラージュ」のデザインとしてミラー指定があるものが選択されているときの写真選択画面の一例を示す図である。
【図４５】ミラー画像編集処理を示すフローチャートである。
【図４６】ミラー画像編集処理後の操作受付処理を示すフローチャートである。
【図４７】操作受付処理が行われたときのデザイン表示領域及びズームバー部分の表示内容を説明する第１の図である。
【図４８】操作受付処理が行われたときのデザイン表示領域及びズームバー部分の表示内容を説明する第２の図である。
【図４９】ミラー指定のあるテンプレートについての写真変更処理の動作の一例を示すフローチャートである。
【図５０】ミラー指定のあるテンプレートについての写真変更処理を説明する図である。
【図５１】ミラー指定のあるテンプレートを用いて行う操作受付処理の一変型例を説明する第１の図である。
【図５２】ミラー指定のあるテンプレートを用いて行う操作受付処理の一変型例を説明する第２の図である。
【図５３】「簡単コラージュ」のデザインとして自動配置指定があるものが選択されているときの写真選択画面を示す図である。
【図５４】自動配置動作を説明する図である。
【図５５】自動配置画像編集処理を示すフローチャートである。
【図５６】自動配置画像編集処理後の操作受付処理を示すフローチャートである。
【図５７】操作受付処理が行われたときのデザイン表示領域の表示内容を説明する図である。
【図５８】自動配置指定のあるテンプレートについての写真変更処理の動作の一例を示すフローチャートである。
【図５９】自動配置指定のあるテンプレートについての写真変更処理を説明する図である。
【図６０】自動配置指定のあるテンプレートの例を示す第１の図である。
【図６１】自動配置指定のあるテンプレートの例を示す第２の図である。
【図６２】自動配置指定のあるテンプレートの例を示す第３の図である。
【図６３】撮影画像の一部を含むスタンプの作成機能の一例を示す第１の図である。
【図６４】撮影画像の一部を含むスタンプの作成機能の一例を示す第２の図である。
【発明を実施するための形態】
【００２４】
以下、本発明の実施の形態における写真撮影遊戯装置を用いた、写真シール遊戯システムの一例について説明する。
【００２５】
写真シール遊戯システム（画像提供システムの一例）は、写真シール作成装置（写真撮影遊戯装置の一例）と、画像提供サーバ（画像提供装置の一例）とで構成されている。画像提供サーバは、ユーザが写真シール作成装置でプレイを行ったときに撮影された複数の画像を、写真シール作成装置から取得する。そして、取得した複数の画像を、プレイを行ったユーザに対して提供することができる。
【００２６】
写真シール作成装置は、ユーザをカメラを用いて撮影して得た撮影画像を用いて、ユーザに提供するシールを出力するほか、種々の機能を実行する。写真シール作成装置は、撮影画像を用いてユーザに提供するための提供画像を生成し、その画像を画像提供サーバに送信する。これにより、画像提供サーバにより、その画像がユーザに提供される。写真シール作成装置は、シールにプリントして出力する画像に加えて、提供画像として、撮影画像をコラージュしたコラージュ（コラージュ画像）や撮影画像の一部を切り取った切り取り画（切り取り画像）を生成する機能を有している。コラージュ画像としては、例えば、インターネット上で提供されるウェブサービスにおいてユーザの設定操作に基づいて表示される背景画像を生成することができる。
【００２７】
［実施の形態］
【００２８】
図１は、本発明の実施の形態の１つにおける写真シール遊戯システムのネットワーク接続例を示す図である。
【００２９】
写真シール作成装置１は、画像提供サーバ（以下、単にサーバということがある）６０１や携帯端末装置（以下、携帯端末ということがある）７０１（７０１ａ，７０１ｂ）などと共に、写真シール遊戯システム９０１を構成する。写真シール作成装置１は、例えばゲームセンタなど、様々な店舗に設置されている。サーバ６０１は、例えば、データセンタで管理されている。携帯端末７０１は、例えば、写真シール作成装置１でプレイするユーザ（ユーザ）が所有するものである。写真シール遊戯システム９０１の各装置は、例えば、インターネットなどのネットワーク８０１に接続されている。これにより、写真シール作成装置１や携帯端末７０１は、ネットワーク８０１を介して、サーバ６０１と通信可能である。なお、写真シール作成装置１と携帯端末７０１とが互いに通信可能であってもよい。
【００３０】
画像提供サーバ６０１は、一般的なハードウェア構成を有する電子計算機であり、通信部６０３、記憶部６０５、及び装置の各部を制御する制御部６５０などを有している。通信部６０３は、ＬＡＮ（構内情報通信網）などを経由して、サーバ６０１をネットワーク８０１に接続する。記憶部６０５は、例えばＨＤＤ（Ｈａｒｄ  Ｄｉｓｋ  Ｄｒｉｖｅ）である。記憶部６０５には、制御プログラム６０７が記憶されている。制御部６５０は、例えばＣＰＵやメモリなどで構成されている。制御部６５０は、制御プログラム６０７などを実行することで、サーバ６０１の各部の動作を制御する。
【００３１】
携帯端末７０１は、例えば、いわゆるフィーチャーフォンやスマートフォンである。携帯端末７０１は、通信部７０３と、記憶部７０５と、制御部７５０とを有している。通信部７０３は、例えば、無線ＬＡＮや携帯電話網を通じてネットワーク８０１に接続可能である。記憶部７０５は、例えばフラッシュメモリである。記憶部７０５には、制御プログラム７０７が記憶されている。携帯端末７０１は、さらに、操作部７１１や、表示部７１３や、カメラ７１５などを有している。制御部７５０は、例えばＣＰＵやメモリなどで構成されている。制御部７５０は、制御プログラム７０７などを実行することで、携帯端末７０１の各部の動作を制御する。
【００３２】
写真シール作成装置１は、プレイ時に生成された画像データをサーバ６０１に送信する。サーバ６０１は、送信された画像データを記憶する。サーバ６０１は、画像データを、それを送信したユーザのデータに対応させて管理する。サーバ６０１は、携帯端末７０１などからのアクセスを受け付け、携帯端末７０１を所有するユーザに対応する画像データを、その携帯端末７０１に対して公開する機能などを有している。これにより、ユーザは、携帯端末７０１を用いて、サーバ６０１に記憶されている画像データを取得可能である。
【００３３】
［写真シール作成装置１の概略構成］
【００３４】
図２は、写真シール作成装置１のハードウェア構成を示す側面図である。図３は、写真シール作成装置１のハードウェア構成を示す平面図である。
【００３５】
図２に示されるように、写真シール作成装置１は、前部筐体（撮影筐体）５１０、背部筐体５４０、及び編集出力装置５７０を有している。前部筐体５１０、背部筐体５４０、及び編集出力装置５７０は、互いに並べられて１台の写真シール作成装置１として用いられる。
【００３６】
前部筐体５１０には、外部モニタ５２１やコイン投入部５２５などが配置された事前接客部５２０が設けられている。事前接客部５２０は、写真シール作成装置１の前部筐体５１０の左側面に配置されている（一方に選択的に配置されていればよく、右側面にあってもよい。）。前部筐体５１０の内側には、正面照明装置５１１、カメラ５１５、及び操作モニタ５１７などが配置されている。
【００３７】
背部筐体５４０の内側には、背部照明装置５４１が配置されている。
【００３８】
編集出力装置５７０の前部には、シール排出口５７５が設けられている。編集出力装置５７０の両側部には、それぞれ、編集モニタ５８１、タッチペン５８３、非接触通信装置５８５、及びスピーカ５８７などを有する編集受付部５８０が設けられている。
【００３９】
図３に示されるように、前部筐体５１０と背部筐体５４０とが組み合わせられることにより、撮影コーナー（撮影ブース）が形成される。撮影コーナーの両側方は開口部となるが、この開口部は、カーテン（図示せず）で覆うことができる。また、編集出力装置５７０の周囲も、カーテン（図示せず）で覆うことができる。これにより、ユーザは、他者にプレイ中の姿や編集画面などをのぞき込まれないようにして、プレイ可能である。
【００４０】
上述のように、写真シール作成装置１には、種々のモニタ（外部モニタ５２１、操作モニタ５１７、編集モニタ５８１など）が配置されている。これらのモニタは、プレイ中には種々の案内が表示されるとともに、ユーザによる操作入力を受け付ける。また、モニタには、プレイ中の場合とプレイ中でない場合とのそれぞれで、宣伝や広告が表示される。このとき、装置各部に設けられているスピーカから、音声による案内や広告等が出力されるようにしてもよい。
【００４１】
図４は、写真シール作成装置１を用いたプレイを示すフローチャートである。
【００４２】
本実施の形態において、写真シール作成装置１を用いたプレイは、大まかに、次のような４つの段階を順にたどるようにして行われる。プレイは、通常動作モードでの動作時に行われる。
【００４３】
事前接客部５２０のコイン投入部５２５に規定枚数の硬貨が投入されると、プレイが開始する。ステップＳ１において、外部モニタ５２１における受け付けが行われる。このとき、図３において示されるＰ１の位置にユーザが立つ。この段階では、撮影を開始する前に、撮影、編集、作成される画像やシートなどの各種プレイに関する案内及び広告がユーザに対して行われる。また、ユーザは、各種選択操作を行う。
【００４４】
ステップＳ２において、撮影が行われる。このとき、図３において示されるＰ２の位置、すなわち撮影コーナー内にユーザが立つ。撮影コーナーでは、事前接客部５２０で受け付けられた各種選択操作に基づいて、ユーザに対して、各種操作で選択された撮影コースに応じた撮影が行われる。また、それと共に、ユーザによる各種操作が受け付けられ、落書き可能な画像データが作成される。
【００４５】
ステップＳ３において、落書き受け付けが行われる。このとき、図３において示されるＰ３の位置（落書きコーナー）にユーザが立つ。すなわち、ユーザは、左右いずれか一方の編集受付部５８０ａ，５８０ｂに対面するように立つ。落書き受け付けでは、撮影コーナーでのプレイが終了したユーザに対して、各種選択作業に関する案内が行われる。そして、ユーザにより行われる、出力するシールなどについての各種選択操作や、落書き操作が受け付けられる。このとき受け付けられた受付結果に基づいて、シールにプリントされる画像の処理が行われる。
【００４６】
ステップＳ４において、シールの出力が行われる。このとき、図３において示されるＰ４の位置にユーザが立つ。すなわち、ユーザは、シール排出口５７５の前方で、シール排出口５７５からシールが排出されるのを待つ。シール排出口５７５からシールが排出されると、写真シール作成装置１の近傍で行われる、一連の主なプレイは終了する。
【００４７】
このように、４段階に分かれて、ユーザが移動しながらプレイが進むことで、単位時間当たりに写真シール作成装置１を利用可能なユーザ組数が多くなっている。すなわち、最大で５組のユーザが、同時に写真シール作成装置１を利用できる。落書き受け付けは時間がかかるため、２つの編集受付部５８０ａ，５８０ｂを用いて、同時に２組のユーザが落書き受け付けの段階をプレイできるように構成されている。
【００４８】
なお、写真シール作成装置１のハードウェア構成は公知のものであるので、ここでの詳細な説明は省略する。写真シール作成装置１は、上記とは異なるハードウェア構成を有していてもよい。例えば、シール排出口５７５の近くには、そこで待機するユーザが見ることができるように表示パネルを設けて、表示パネルを用いてユーザに案内表示を行ったり、広告等を表示したりしてもよい。
【００４９】
図５は、写真シール作成装置１の制御に関する構成を説明するブロック図である。
【００５０】
写真シール作成装置１は、例えばＰＣ（パーソナルコンピュータ）のような、ＣＰＵ５０２、メモリ５０３、画像処理部５０４、記憶部５０５、及び通信部５０９などで構成された制御部（制御装置）５０１を有している。
【００５１】
画像処理部５０４は、カメラ５１５により撮影された写真画像（撮影画像）の情報に基づいて、その後の処理に用いられる合成前画像を生成したり、編集受付部５８０で受け付けられた落書きに応じて編集画像を生成したり、合成前画像と編集画像とを合成して合成画像を生成したりする。すなわち、画像処理部５０４は、編集受付部５８０で受け付けられた落書き等の受付結果や外部モニタ５２１等での操作入力の受付結果に応じて、カメラ５１５により得られた撮影画像を用いて、シートにプリントする画像やサーバ６０１に送信する画像など、その後の処理に用いられる画像の処理を行ったり、画像を生成したりする。
【００５２】
記憶部５０５は、例えばフラッシュメモリやＨＤＤであり、制御プログラム５０７を有している。
【００５３】
制御部５０１は、ＣＰＵ５０２が制御プログラム５０７を実行することで、写真シール作成装置１の各部の動作を制御する。
【００５４】
通信部５０９は、例えばＰＨＳ通信モジュールを有し、写真シール作成装置１をネットワーク８０１に接続できる。
【００５５】
制御部５０１は、事前接客部５２０について、外部モニタ５２１、スピーカ５２７、及びコイン制御部５２５ａなどを制御する。コイン制御部５２５ａは、コイン投入部５２５を制御し、コインの投入状況などを確認し、制御部５０１に通知する。
【００５６】
制御部５０１は、前部筐体５１０及び背部筐体５４０について、カメラ５１５、操作モニタ５１７、及びストロボ制御部５３０などを制御する。ストロボ制御部５３０は、正面照明装置５１１や背部照明装置５４１を制御し、適時に適切な態様で発光させる。
【００５７】
制御部５０１は、編集出力装置５７０について、編集モニタ５８１、非接触通信装置５８５、スピーカ５８７、及び印刷部５９０などを制御する。印刷部５９０は、画像処理部５０４により処理が行われた画像について、用紙にプリント（印刷）し、印刷後のシートをシール排出口５７５に搬送する。印刷部５９０により、シール排出口５７５からシートが出力される。
【００５８】
なお、図５で示される構成は、概念的な構成を示すものである。例えば、撮影コーナー側（前部筐体５１０及び背部筐体５４０）にＰＣを設け、落書きコーナー側（編集出力装置５７０）にも別のＰＣを設け、これらが連携して動作することで、制御部５０１などの機能が実現されるようにしてもよい。
【００５９】
［写真シール遊戯システム９０１の動作の説明］
【００６０】
写真シール作成装置１は、サーバ６０１や携帯端末７０１と連携し、大まかに、次のような動作を行う。最初に、図６を参照し、主に写真シール作成装置１がプレイを実行可能なるまでの写真シール作成装置１の基本的動作について説明する。次に、図７を参照し、写真シール遊戯システム９０１を用いて行われるプレイについて説明する。
【００６１】
図６は、写真シール作成装置１の基本的動作の一例を示すフローチャートである。
【００６２】
図６に示されるように、写真シール作成装置１が起動されると、ステップＳ２１において、起動時処理が行われる。ここでは、各種制御プログラム５０７の読み込み、実行や、必要に応じて、サーバ６０１との通信処理などが行われる。起動時処理において、サーバ６０１からアップデートデータや機能設定コマンド等が送信されると、制御部５０１は、それを写真シール作成装置１に適用する。これにより、サーバ６０１を介して、写真シール作成装置１の管理を行うことができる。なお、このような動作は行われなくてもよい。
【００６３】
なお、本実施の形態においては、起動時処理において、写真シール作成装置１の内部時計をネットワーク上の他の時刻と同期させる処理が行われる。これにより、写真シール作成装置１の内部時計が比較的正確に維持され、プレイ時刻の記録を正確に行うことができる。なお、このような時刻同期処理は、公知の種々の方法で行うようにすればよい。また、起動時に限らず、定期的に行うようにしてもよい（例えば、１日毎）。
【００６４】
ステップＳ２２において、制御部５０１は、デモ画面を外部モニタ５２１やその他のモニタなどに表示させる。
【００６５】
ステップＳ２３において、制御部５０１は、テストモードに入るかどうかを確認する。例えば、管理者にしかアクセスできない位置に配置されている所定のスイッチなどが操作されたとき、制御部５０１は、テストモードに入ると判断する。
【００６６】
また、ステップＳ２４において、制御部５０１は、プレイを行うための対価を受け付けたか否かを確認する。
【００６７】
対価が受け付けられるか、テストモードに入ると確認されるまでは、制御部５０１は、デモ画面を表示しながら待機する。
【００６８】
ステップＳ２３でテストモードに入ると判断された場合には、ステップＳ２６において、テストモードが実行される。テストモードでは、管理者により、写真シール作成装置１の種々の機能設定などを行うことができる。すなわち、テストモードは、機能設定用の動作モードである。テストモードが終了すると、再び、デモ画面の表示に戻る（Ｓ２２）。
【００６９】
ステップＳ２４でコイン投入部５２５に規定枚数のコインが投入されて対価が受け付けられたと判断されたとき、ステップＳ２５において、プレイが実行される。プレイは、図４に説明したようにして行われる。写真シール作成装置１を用いたプレイが終了すると、ステップＳ２２の動作に戻る。
【００７０】
図７は、ユーザのプレイ時における写真シール作成装置１とサーバ６０１との動作を大まかに示すシーケンス図である。
【００７１】
プレイを実行するために上述のようにユーザから写真シール作成装置１にコインが投入されると、プレイが開始される。この時点が、プレイ開始時刻として記録される。図７に示されるように、ステップＳ５１において、写真シール作成装置１は、撮影及び編集を行う。すなわち、図４において説明した、外部モニタ受付（Ｓ１）、撮影（Ｓ２）、及び落書き受付（Ｓ３）が行われる。ユーザは、編集段階において、落書き編集入力を行うことができる。
【００７２】
編集が終了すると、ユーザは、携帯端末７０１で取得したい画像を選択する操作を写真シール作成装置１に対して行う。また、ユーザは、画像を取得するための情報を受信するためのメールアドレスを入力する操作を写真シール作成装置１に対して行う。
【００７３】
ステップＳ５２において、写真シール作成装置１は、撮影画像に基づく送信画像データと、メールアドレスとを互いに関連付けて、サーバ６０１に送信する。このとき、写真シール作成装置１は、送信画像について、属性情報を合わせて送信する。属性情報としては、例えば、その送信画像について、画像ＩＤや、撮影日時、撮影モードやプレイコース名などの画像の種類に関する情報や、その他プレイに関する情報などが送信される。
【００７４】
ステップＳ５３において、写真シール作成装置１では、印刷が行われる。印刷が終了すると、シール排出口５７５から、印刷が完了したシート（シール）が排出される。
【００７５】
ステップＳ５４において、ユーザは、シール排出口５７５に排出されたシートを取得する。
【００７６】
一方、写真シール作成装置１からサーバ６０１にデータが送信されると、ステップＳ５５において、サーバ６０１は、送信された情報を受信する。
【００７７】
ステップＳ５６において、サーバ６０１では、受信した情報を用いて、データベース記録処理が行われる。
【００７８】
サーバ６０１は、受信した送信画像データに基づいて携帯端末機用の画像データ（取得用画像データ）を生成し、その画像データをユーザに取得させるための取得ページを通じて閲覧可能に保持する。取得ページは、例えばサーバ６０１のウェブサーバ機能によって外部から取得可能となるように、保持される。このとき、取得ページにアクセスするための取得用ＵＲＬが生成される。ステップＳ５７において、サーバ６０１は、取得用ＵＲＬ（取得ページアドレス）をユーザに送信する。このとき、例えば、写真シール作成装置１から送信されたメールアドレスを用いて、電子メールにより、ユーザの携帯端末７０１などに情報が送信される。
【００７９】
ステップＳ５８において、ユーザの携帯端末７０１は、取得用ＵＲＬを受信する。
【００８０】
ステップＳ５９において、ユーザは、携帯端末７０１を操作し、携帯端末７０１で動作するウェブブラウザなどを用いて、取得用ＵＲＬにアクセスする。
【００８１】
ステップＳ６０において、サーバ６０１は、取得ページのデータを携帯端末７０１に送信する。このとき、取得ページの表示時に閲覧される画像の携帯端末機用画像データも、携帯端末７０１に送信される。
【００８２】
ステップＳ６１において、携帯端末７０１は、取得した取得ページや画像のデータに基づいて、画像を含む取得ページを表示する。これにより、ユーザは、携帯端末機用の画像を、サーバ６０１から取得することができる。ユーザは、プレイを行った結果、シートを受け取ることができるとともに、携帯端末機用の画像を取得できる。したがって、ユーザにとって、プレイを行う楽しみが増加する。
【００８３】
次に、プレイにおける写真シール作成装置１の動作を具体的に説明する。写真シール作成装置１のプレイ時において、各段階の流れは、例えば次のようである。各動作は、制御部５０１の制御に基づいて行われる。なお、各処理において、外部モニタ５２１、操作モニタ５１７、編集モニタ５８１等の表示内容を中心に説明するが、画面表示に伴い、スピーカ５２７，５８７等を利用した音声案内が適宜行われる。
【００８４】
図８は、外部モニタ受け付けのプレイ時の流れについて説明するフローチャートである。
【００８５】
図８に示されるように、プレイが開始されると、ステップＳ１０１において、プレイの説明が行われる。例えば、外部モニタ５２１に画像を表示したり、スピーカ５２７から音声を出力したりすることで、プレイの一連の流れや後述のプレイコースについての説明が行われる。
【００８６】
ステップＳ１０２において、プレイコース選択が受け付けられる。本実施の形態においては、生成できる画像の雰囲気に応じた、複数のプレイコースが設けられている。ユーザは、これらのプレイコースを選択してプレイできる。制御部５０１は、選択されたプレイコースをそのプレイのプレイコースとして決定し、以後、そのプレイコースに応じた所定の制御内容（撮影コースなど）で、そのプレイについて制御を行う。
【００８７】
ステップＳ１０３において、名前入力を受け付ける。例えば、ユーザに対して、名前入力を行わせる画面が表示される。入力された名前は、落書き編集時に使用されたり、背景やフレームなどのデザインの一部として使用されたりする。
【００８８】
ステップＳ１０４において、コース選択を行ったユーザに対して、コースによって異なる背景などを選択する画面が表示される。例えば、「背景を６枚選んでね」などの表示・案内などが行われ、ユーザは、所望の背景やシートデザインなどを選択する。
【００８９】
ステップＳ１０５において、制御部５０１は、撮影コーナーが空いているか（使用中でないか）を判断する。
【００９０】
ステップＳ１０５で撮影コーナーが空いていなければ、ステップＳ１０６において、制御部５０１は、撮影コーナーが空くまで、外部モニタ５２１にウェイト画面を表示させる。例えば、携帯端末でアクセス可能なウェブサイトの宣伝画面等をウェイト画面として表示させる。
【００９１】
ステップＳ１０５で撮影コーナーが空いていれば、ステップＳ１０７において、撮影コーナー誘導の画面表示が行われる。これにより、事前接客部５２０での各種操作が完了したユーザを、撮影コーナーへ誘導する。
【００９２】
制御部５０１は、事前接客部５２０で受け付けられた情報を用いて、撮影コーナーで撮影を行う。
【００９３】
図９は、撮影のプレイ時の流れについて説明するフローチャートである。
【００９４】
図９に示されるように、ステップＳ１２１において、制御部５０１は、操作モニタ５１７に、撮影開始画面を表示させる。ユーザに対して、撮影開始を促す画面が表示される。ユーザが操作モニタ５１７にタッチすることで、撮影シーケンスに移る。
【００９５】
ステップＳ１２２において、撮影シーケンスが開始される。撮影シーケンスにより、撮影画像が得られる。なお、本実施の形態では、１プレイにつき例えば６回の撮影が行われる。これにより、ユーザは、６枚の互いに異なる撮影画像に基づいて、写真シールの作成等や、サーバ６０１を介して提供される画像の取得を行うことができる。
【００９６】
ステップＳ１２３では、目の写り選択や明るさ選択が行われる。ここでは、撮影画像をプレビュー表示させながら、複数の設定（例えば、各５段階の設定）のうちどれを適用するかが選択される。
【００９７】
ステップＳ１２４において、制御部５０１は、落書きコーナーが空いているか（使用中でないか）を判断する。例えば、編集受付部５８０ａ，５８０ｂのいずれか一方でも他のユーザにより使用中でなければ、落書きコーナーが空いていると判断される。
【００９８】
ステップＳ１２４で落書きコーナーが空いていなければ、ステップＳ１２５において、制御部５０１は、落書きコーナーが空くまで、操作モニタ５１７にウェイト画面を表示させる。ウェイト画面として、上述と同様の宣伝画面等を表示できる。
【００９９】
ステップＳ１２４で落書きコーナーが空いていれば、ステップＳ１２６において、落書きコーナー誘導の画面表示が行われる。これにより、撮影が完了したユーザを、落書きコーナーへ誘導する。このとき、編集受付部５８０ａ，５８０ｂのうち、いずれか適切な方に移動するようにユーザに促すようにすればよい。例えば、「右の１番のらくがきコーナーに移動してね」などと案内すればよい。
【０１００】
図１０は、落書き受け付けのプレイ時の流れについて説明する第１のフローチャートである。図１１は、落書き受け付けのプレイ時の流れについて説明する第２のフローチャートである。
【０１０１】
図１０に示されるように、落書き受け付けが開始されると、ステップＳ１３１において、制御部５０１は、編集モニタ５８１にデータ転送開始画面を表示させる。ここでは、撮影画像に対して、外部モニタで選択したプレイコースや背景画像、撮影コーナーで選択した目の写りや明るさ等に基づき作成された画像データが、撮影コーナーから落書きコーナーに転送される。そして、そのことを示す画面が表示される。
【０１０２】
ステップＳ１３２において、画面タッチが受け付けられる。ここでは、タッチペン５８３を用いて編集モニタ５８１のタッチ操作を受け付ける。タッチ操作が行われるか、所定の時間が経過すると、次の処理に進む。
【０１０３】
タッチ操作が受け付けられると、ステップＳ１３３において、落書き案内が行われる。ユーザに対して、落書き操作が開始されることが案内される。例えば、「次はらくがきだよ！」などと表示が行われる。画像データが転送されてから、この表示が行われている期間に、落書きに用いる画像データについての各種の処理が行われる。画像データについての処理が終了すると、次の処理に進む。
【０１０４】
ステップＳ１３４において、落書き編集が開始される。落書き編集は、編集モニタ５８１に落書き編集画面を表示し、ユーザからの操作を受け付けることで行われる。落書き編集画面には、撮影画像に基づく画像が含まれる。ユーザは、各画像について、所定時間内に、落書き編集を行うことができる。落書き編集により、タッチペン５８３を用いて書き込むようにして行われた「ペン」と呼ばれる落書きや、所定の図柄や、ここまでのユーザの入力内容（名前入力等）に応じて生成された図柄をタッチペン５８３により指定した位置に配置した「スタンプ」と呼ばれる落書きなどを行うことができる。これらの落書きが行われると、落書きが含まれる編集画像が作成される。この編集画像と、当初落書き編集画面に表示されていた画像とを合成して、落書きあり画像が生成される。なお、画像について落書きが行われなかった場合には、落書きを含まない編集画像と元の画像とが合成され、落書きなし画像が生成される。
【０１０５】
ステップＳ１３５において、分割数選択説明画面が表示され、シートデザイン選択に移る旨が案内される。
【０１０６】
ステップＳ１３６において、シートデザイン選択が受け付けられる。ここでは、例えば、ユーザに対し、シート当たりに印刷する画像の数の選択が受け付けられる。シートデザイン選択は、例えば、選択されたプレイコースに応じて行われる。
【０１０７】
図１１に示されるように、ステップＳ１３８において、送信画像選択処理が行われる。本実施の形態において、基本のプレイ時には、ユーザの携帯端末７０１に、例えばプレイによって作成された撮影画像又は合成画像のうち１枚の画像を取得させることができる。制御部５０１は、携帯端末７０１に取得させる対象となる画像の選択操作をユーザから受け付ける。当該画像は、撮影された画像、シールとして印刷できる落書き画像、及び後述するようにして生成されたおまけ画像などの、ユーザの選択によらず無料でユーザに提供されるように設定された画像以外のすべての画像の中から選択可能である。なお、２人までのユーザがそれぞれ希望する画像を選択するか、所定の時間が経過することによって次の画面に進む。所定の時間が経過し、タイムアウトになった場合は、タイムアウト時に選択されている画像が選択される。
【０１０８】
ステップＳ１４０において、アドレス入力画面が表示される。ここでは、携帯端末７０１の電子メールアドレス等の入力が受け付けられる。電子メールアドレス等が入力されると、その情報がサーバ６０１に送信される。これにより、例えば、サーバ６０１は、ステップＳ１３８で選択された選択画像を取得可能にするＵＲＬを、電子メールなどの方法で携帯端末７０１に通知する。ユーザは、携帯端末７０１で当該ＵＲＬにアクセスすることで、別途写真シール作成装置１からサーバ６０１に送られた画像の中から、少なくとも選択画像を取得できる。
【０１０９】
なお、ステップＳ１４０のアドレス入力画面において、非接触通信（ＮＦＣ通信など）で送信することを選択できるようにしてもよい。これが選択されたとき、ステップＳ１４１において、非接触通信操作画面が表示される。制御部５０１は、非接触通信装置５８５を制御し、選択された画像を取得可能にするＵＲＬなどの情報を、非接触通信装置５８５にかざされた携帯端末７０１に送信できる。非接触通信操作画面には、ユーザが行うべき動作の説明などが含まれる。非接触通信操作画面は、携帯端末７０１への通信が成功するか、例えば「アドレス入力に戻る」ボタンが操作されるまで、表示されるようにすればよい。
【０１１０】
ステップＳ１４０で入力が完了すると、ステップＳ１４２において、制御部５０１は、印刷部（プリンタ）５９０が空いているか（使用中でないか）を判断する。
【０１１１】
ステップＳ１４２で印刷部５９０が空いていなければ、ステップＳ１４３において、制御部５０１は、印刷部５９０が空くまで、編集モニタ５８１に広告画面を表示させる。例えば、上述と同様のウェブサイト等の広告画面が表示される。
【０１１２】
ステップＳ１４２で印刷部５９０が空いていれば、ステップＳ１４４において、プリントが行われる。制御部５０１は、印刷すべき画像データを生成し、印刷部５９０に転送する。これにより、印刷部５９０によりシールの印刷が行われる。なお、印刷部５９０に用紙切れなどのエラーが発生している場合には、プリンタエラー画面が表示されるようにすればよい。このとき、メンテナンスを行うための連絡先などが表示される。
【０１１３】
ステップＳ１４５において、編集モニタ５８１には、落書きコーナー終了画面が表示される。印刷が完了するまで、シール排出口５７５の前で待機するように、ユーザに案内が行われる。これにより、シール排出口５７５からシールが排出され、一連のプレイが終了する。
【０１１４】
［落書き編集に関する説明］
【０１１５】
本実施の形態において、落書き編集は、次のような落書き編集画面（通常落書き画面）を表示して行われる。
【０１１６】
図１２は、落書き編集画面の一例を示す図である。
【０１１７】
図１２に示されるように、落書き編集画面１００は、同時に２人のユーザが落書き編集操作（「通常らくがき」と表現することもある）を行えるように構成されているものである。すなわち、落書き編集画面１００は、大まかに、左右の２つの編集画面１０１（１０１ａ，１０１ｂ）に分かれている。各編集画面には、後述する残り時間表示１１９や、一部の表示（日付や名前を変更するための表示）を除き、同様の機能を示すアイコンや画像等が配置されている。なお、以降の編集画面の説明は、左側の１人のユーザ用に割り当てられている領域ＬＨを参照して行うことがあり、編集画面１０１ａ，１０１ｂを特に区別せず、それぞれを総称して編集画面１０１という。
【０１１８】
編集画面１０１には、落書き対象画像１１１、サムネイル部１１３、パレット１１５、簡単らくがき設定ボタン１１６、コマンドアイコン１１７（１１７ａ，１１７ｂなど）、及び残り時間表示１１９などが含まれている。サムネイル部１１３には、撮影された写真に基づく画像として、撮影コーナーから送られた画像又はそれに落書きを加えた後の画像がサムネイル表示される。落書き対象画像１１１には、サムネイル部１１３のうち編集対象として選択された画像が表示される。ユーザは、落書き編集画面１００に表示されている画像について、パレット１１５などを操作し、画像上への文字や図形の配置（具体的には、線や文字の書き込みや所定のスタンプ画像や枠画像などの貼り付けなど。いわゆる「落書き」。）を行うことができる。また、ユーザは、簡単落書き設定ボタン１１６を操作することで、顔判別処理などにより自動的に文字や図形を配置させ、その画像についての落書きを行うこともできる。コマンドアイコン１１７としては、編集終了ボタン１１７ａや、アンドゥ・リドゥボタン１１７ｂなど、種々の動作を実行させるためのボタンが表示されており、これらを用いてユーザが直感的な操作を行うことができる。残り時間表示１１９には、例えば、ユーザに落書き編集を行うことが許可されている時間のうち、既に経過した時間を除く残り時間が秒数で表示される。ユーザは、表示されている時間内に、落書き編集や、後述のおまけ画像の編集作業を行う必要がある。
【０１１９】
サムネイル部１１３に表示されている複数の画像は、同一のプレイ時において、左右のユーザで、共同で編集可能なものである。一方のユーザが編集対象としている画像については、サムネイル部１１３においては「らくがき中」などとその旨を示す表示を伴って表示され、他方のユーザが編集対象として選択することができないように制御される。このような排他的な制御が行われることにより、各画像の編集を２人のユーザで効率的に進めることができる。
【０１２０】
ここで、本実施の形態においては、落書き編集画面１００には、おまけ画像の作成（「おまけらくがき」と表現することもある）を行うために操作される作成ボタン１１８が含まれる。すなわち、落書き編集においては、ユーザに対して、シール紙に反映される落書き以外のおまけ画像の作成作業も受け付ける。
【０１２１】
作成ボタン１１８は、所定の条件が満たされたときに表示される（「出現」ということがある。）。例えば、作成ボタン１１８は、落書き編集の開始から所定の時間が経過したり、サムネイル部１１３に表示されているすべての画像に対する落書きが一通り行われたりした場合に、出現するようにすればよい。これにより、完成度の高いシールを出力するために必要な落書きがほとんど行われないままに、落書き編集操作に割り当てられている制限時間のほとんどがおまけ画像の作成作業に費やされてしまうことを防止できる。したがって、総合的に、ユーザの満足度を大きく高めることができる。作成ボタン１１８が表示されるまでは、作成ボタン１１８が表示されるべき領域に例えば破線で囲まれた予備画像が表示されるようにしてもよいし、作成ボタン１１８の色を淡色にした画像やグレースケールにした画像を表示することで、これに代えてもよい。また、作成ボタン１１８の出現まで、何ら画像を表示させないようにしてもよい。作成ボタン１１８が、落書き編集が開始された当初から表示されるようにしてもよい。
【０１２２】
作成ボタン１１８としては、２つのボタン（第１の作成ボタン１１８ａ、第２の作成ボタン１１８ｂ）が表示されている。本実施の形態において、おまけ画像として、２種類の画像を作成可能である。すなわち、第１の作成ボタン１１８ａを操作することで、撮影画像の一部を切り取った切り取り画（切り取り画像）を作成できる（この機能を「切り取り画作成」ということがある。）。また、第２の作成ボタン１１８ｂを操作することで、撮影画像を用いたコラージュ（コラージュ画像）を作成できる（この機能を「コラージュ作成」ということがある。）。
【０１２３】
切り取り画は、それまでのプレイで撮影されて得られた一の撮影画像を部分的に切り取る（トリミングする）ことで作成されるトリム後画像（トリミング後の画像）や、そのトリム後画像とフレーム画像とを合成して得られる合成画像や、それらに落書きを行った編集画像を合成して得られる合成画像（トリム後画像と編集画像とを合成した画像や、トリム後画像とフレーム画像と編集画像とを合成した画像）である。
【０１２４】
コラージュ画像は、それまでのプレイで撮影されて得られた複数の撮影画像やそのトリム後画像と、落書き画像やテンプレート画像とを組み合わせて作成される画像である。ユーザは、これらの切り取り画やコラージュ画像を、例えば、インターネット上で提供されるＳＮＳ（ソーシャルネットワーキングサービス）などのウェブサービスにおいて、ユーザの画像として取り扱われるプロフィール画像やユーザに関係するウェブページに表示される背景画像として用いることができる。
【０１２５】
なお、例えば、作成するおまけ画像の用途に合わせて、「ブログ用ボタン」や「ＳＮＳ用ボタン」など、他の名称で作成ボタン１１８を表示してもよいし、作成ボタン１１８として編集画面１０１には単一のボタンを表示するようにしてもよい。作成ボタン１１８として単一のボタンを表示するようにした場合、作成ボタン１１８の操作があったときに遷移する画面において、切り取り画とコラージュとのいずれの作成を行うか選択を求める画面をユーザに提示することで、切り取り画とコラージュとのうちユーザが指定する方の画像の作成を行うことができるようにしてもよい。
【０１２６】
なお、サーバ６０１に、上述のように切り取り画やコラージュ画像が送信されたとき、ユーザは、次のようにして携帯端末７０１を用いてサーバ６０１にアクセスすることにより、それらの画像を取得できる。次で説明するサーバ６０１の動作は、サーバ６０１の制御部６５０が、制御プログラム６０７を実行してサーバ６０１の各部を制御することにより行われる。
【０１２７】
サーバ６０１は、ユーザの所有する携帯端末７０１からのアクセスに応じて、携帯端末７０１に対して情報を提供する。また、ユーザにより携帯端末７０１に入力された操作に応じた情報を携帯端末７０１から受信し、その操作に応じて処理を行う。具体的には、サーバ６０１は、携帯端末７０１で動作するウェブブラウザの動作に応じて、ウェブサーバとして機能する。そして、ＨＴＭＬ（ハイパーテキスト記述言語）で記述された文書など、ウェブページ情報や画像情報を適宜携帯端末７０１に提供することで、表示部７１３にユーザが閲覧可能な画面を表示させる。なお、サーバ６０１が、携帯端末７０１で動作する所定のアプリケーションに対して所定の形式の情報や画像情報を提供することで、表示部７１３に画面表示が行われるように構成されていてもよい。
【０１２８】
図１３は、落書き編集時の動作を示すフローチャートである。
【０１２９】
図１３に示されるように、落書き編集時には、落書き時間が終了（落書きに与えられた期間が満了）するまで、適宜、通常落書きやおまけ落書きを行うことができる。
【０１３０】
すなわち、落書き編集が開始されると、ステップＳ３０１において、通常落書き画面（落書き編集画面１００）が表示され、通常落書きを行うことができるようになる。これに伴い、落書き時間の計時が開始される。
【０１３１】
ステップＳ３０３において、制御部５０１は、切り取り画を作成するか否か（切り取り画の作成モードに入るか否か）を判断する。通常落書きが行われているときに第１の作成ボタン１１８ａが操作されると、切り取り画を作成すると判断される。
【０１３２】
ステップＳ３０３において作成すると判断されると、ステップＳ３０４において、制御部５０１は、切り取り画作成を行う（詳細は後述する。）。切り取り画作成がいったん完了すると、落書き編集画面１００に戻る（ステップＳ３０１に戻る。）。
【０１３３】
ステップＳ３０５において、制御部５０１は、コラージュを作成するか否か（コラージュの作成モードに入るか否か）を判断する。通常落書きが行われているときに第２の作成ボタン１１８ｂが操作されると、コラージュを作成すると判断される。
【０１３４】
ステップＳ３０５において作成すると判断されると、ステップＳ３０６において、制御部５０１は、コラージュ作成を行う（詳細は後述する。）。コラージュ作成がいったん完了すると、落書き編集画面１００に戻る（ステップＳ３０１に戻る。）。
【０１３５】
なお、切り取り画作成やコラージュ作成が行われているとき、切り取り画やコラージュが未完成であっても（作成途中であっても）、いったん作成を中断して通常落書き画面に戻ることができる（Ｓ３０１）。このような場合でも、再度作成ボタン１１８が操作されたとき、各画像の作成を再開できる（Ｓ３０４，Ｓ３０６）。
【０１３６】
ステップＳ３０７において、制御部５０１は、落書き時間が終了したか否かを判断する。落書き時間が終了するまで、ステップＳ３０１〜Ｓ３０６の処理が行われる。すなわち、ユーザは、落書き時間が終了するまで、通常落書き、切り取り画作成、及びコラージュ作成のいずれかを行うことができる。
【０１３７】
ステップＳ３０７において落書き時間が終了すると、ステップＳ３０８において、落書き編集が終了される。その後は、図１３に示される動作が引き続き行われる。
【０１３８】
なお、上述のステップＳ３０１〜３０６の処理は、編集画面１０１の左右のユーザでそれぞれ独立して行われるようにすればよい。すなわち、２人のユーザの一方が通常落書きを行っているとき、他方のユーザが切り取り画の作成やコラージュの作成を行うことが可能である。落書き時間は、各ユーザに共通して計時されるようにすればよい。
【０１３９】
落書き編集時においては、大まかに、ユーザの操作等に応じて編集画面が遷移する。これにより、それぞれ適した編集画面が表示されている状態で、「通常らくがき」を行ったり、切り取り画の作成やコラージュの作成を行ったりすることができる。
【０１４０】
［切り取り画作成の説明］
【０１４１】
図１４は、切り取り画作成時の動作を示すフローチャートである。
【０１４２】
切り取り画作成時には、制御部５０１は、次のように、大まかに３種類の画面（切り取り画面１４０、加工選択画面１６０、切り取り画落書き画面１８０）を遷移させながら、切り取り画の作成に用いる情報の入力を受け付ける。
【０１４３】
すなわち、図１４に示されるように、切り取り画作成時には、切り取り画面１４０（ステップＳ３２１）、加工選択画面１６０（ステップＳ３２２）、切り取り画落書き画面１８０（ステップＳ３２３）が順に表示されることで、ユーザは、切り取り画を作成するための操作を行うことができる。
【０１４４】
図１５は、切り取り画面１４０を示す図である。
【０１４５】
図１５には、切り取り画面１４０のうち片側のみ（左右２人で操作されるように構成された画面のうち、一方のみ）が示されている。切り取り画面１４０は、切り取り画を作成する場合において、撮影画像を切り取って得られるトリム後画像の切り取り範囲を設定したり、フレームの選択作業を行ったりする際に表示される。図１５に示されるように、切り取り画面１４０は、撮影画像の切り取り範囲を調整するためのトリム領域１４１と、切り取る対象となる撮影画像を選択するための写真選択領域１５１と、フレームを選択するためのフレーム選択領域１５３とを含んでいる。また、切り取り画面１４０は、決定ボタン１５７と、復帰ボタン１５８と、前画面ボタン１５９とを含んでいる。決定ボタン１５７と、復帰ボタン１５８と、前画面ボタン１５９とは、画面を遷移する際に用いられる。
【０１４６】
トリム領域１４１は、画像端表示枠１４３と、画像表示領域１４５と、ズームバー１４７と、回転バー（角度スライドバー）１４８と、回転リセットボタン１４９とを含んでいる。
【０１４７】
画像端表示枠１４３は、その内部が切り取り画として仕上がる画像の端縁部となることを示す表示である。本実施の形態では、画像端表示枠１４３により囲まれた範囲が切り取り範囲となり、決定ボタン１５７が操作されたときに切り取られ、切り取り後の画像（以下、トリム後画像ということがある）となる。なお、画像端表示枠１４３よりも所定距離だけ外側の範囲や所定距離だけ内側の範囲が切り取り範囲となるように設定されていてもよい。
【０１４８】
画像表示領域１４５は、画像端表示枠１４３で囲まれた領域である。画像表示領域１４５には、切り取られる対象となる元の撮影画像（元画像）のうち、画像端表示枠１４３で囲まれている部分が表示される。元画像のうち、その他の部位は、非表示となる。なお、元画像のうち画像端表示枠１４３外の部分は、画像表示領域１４５と同様に表示されていてもよいし、彩度や濃度などの表示態様を画像表示領域１４５とは変更して表示されていてもよい。また、フレームとして後述のようにフレーム部を含むもの（フレーム１５３ｂ〜１５３ｆ）が選択されているときには、そのフレーム部に対応するフレーム領域が、画像表示領域１４５に含まれ、フレームが表示される。
【０１４９】
ズームバー１４７は、切り取り範囲を拡大縮小（ズーミング）するために操作される部位である。ズームバー１４７は、縦長に表示されたレール部分の画像と、レール部分に沿ってスライドするように配置された角形のつまみ部分の画像とで構成されている。ユーザは、タッチペン５８３を用いてつまみ部分をレール部分に沿ってスライドさせることで、画像端表示枠１４３に対する元画像の大きさを変更することができる（拡大縮小操作）。このようなＵＩを採用することで、ユーザが直感的に切り取り範囲を調整することが可能となっている。
【０１５０】
なお、本実施の形態では、現在表示されている画像の大きさに対して大きくなる場合を拡大と呼び、小さくなる場合を縮小と呼ぶ。元画像を拡大すると画質が劣化するため、実際には、元画像をそのとき表示するサイズにあわせて縮小したものが切り取り画面１４０に表示される。例えば、画像のサイズとして、サイズ１（元画像の０．６倍）、サイズ２（元画像の０．７倍）、元画像（元画像の１．０倍）とがあるとする。このとき、サイズ１で表示する場合には、元画像を０．６倍に縮小して切り取り画面１４０に表示する。また、サイズ１からサイズ２に拡大して表示する場合には、サイズ１で表示している画像を拡大するのではなく、元画像を０．７倍に縮小して切り取り画面１４０に表示する。これにより、サイズ１からサイズ２へ変更されたときに画像が拡大するように見える。
【０１５１】
回転バー１４８は、切り取り範囲に表示される元画像を切り取り範囲に対して回転させるために操作される部位である。回転バー１４８は、横長に表示されたレール部分の画像と、レール部分に沿ってスライドするように配置された角形のつまみ部分の画像とで構成されている。ユーザは、タッチペン５８３を用いてつまみ部分をレール部分に沿ってスライドさせることで、画像端表示枠１４３に対する元画像の角度を変更することができる（回転操作）。このようなＵＩを採用することで、ユーザが直感的に切り取り範囲を調整することが可能となっている。回転バー１４８の操作時の回転中心は、例えば、画像表示領域１４５の中央に位置する。
【０１５２】
なお、元画像の大きさや角度をズームバー１４７や回転バー１４８で調整可能であることを知らしめるため、初回の切り取り画面１４０の表示時に、操作方法を示すアニメーションを表示させたり、ポップアップ画像で操作方法を説明したり、ズームバー１４７や回転バー１４８の近傍に「ここで画像の大きさを調整できるよ」、「ここで画像を回転できるよ」などの文言を表示するようにしてもよい。
【０１５３】
ここで、本実施の形態において、回転バー１４８の近くに回転リセットボタン１４９が配置されている。ユーザが回転リセットボタン１４９を操作すると、画像端表示枠１４３に対する元画像の角度が、初期状態（回転角０度）に戻る。これにより、ユーザは、より容易に切り取り画作成を行うことができるようになる。
【０１５４】
トリム領域１４１において、ユーザは、画像表示領域１４５をタッチペン５８３で触ったままスライドさせる操作を行うことで、切り取り画面１４０中で、元画像を画像端表示枠１４３に対して移動させることができる（移動操作）。これにより、ユーザは、元画像のうち所望の位置が切り取り領域となるように調整できる。なお、移動操作が可能なときには、切り取り画面１４０上に表示させるポインタアイコン（タッチペン５８３による操作位置を示す画像など）を移動操作が行われないときとは異なる画像とすることで、移動操作中であることがユーザに認識されやすくなるようにしてもよい。
【０１５５】
なお、画像表示領域１４５には、元画像を移動させることができることを示す表示が行われる。例えば、図１５において示されるように、画像表示領域１４５の中央部に、矢印のアイコン画像１４４が表示される。アイコン画像１４４は、元画像が画像表示領域１４５に配置された当初に表示され、その後ユーザが画像表示領域１４５をタッチペン５８３で触ると、非表示状態となる。これにより、初めて切り取り画作成を行うユーザであっても、直感的に操作方法を知ることができ、容易に作成操作を行うことができる。
【０１５６】
切り取り画面１４０において、ユーザは、写真選択領域１５１とフレーム選択領域１５３とのそれぞれで、切り取る対象となる撮影画像と、フレーム１５３ａ〜１５３ｆとを選択できる。選択された結果は、すぐにトリム領域１４１に反映され、元画像の大きさなど、作成する切り取り画における元画像の位置や大きさ調整などを行うことができるようになる。
【０１５７】
写真選択領域１５１には、それまでのプレイで撮影された撮影画像が、例えば６枚表示される。本実施の形態では、例えば、撮影シーケンスで撮影される、横辺と縦辺との比が１：１．２のアップ画像が４枚と、９：１６の全身画像が２枚とが選択候補として表示される。通常落書きで入力した編集画像が合成されていない撮影画像が切り取り画の対象として利用される。
【０１５８】
フレーム選択領域１５３では、フレームについての６種類の選択肢が用意されている。すなわち、フレーム１５３ａ〜１５３ｆから１つを選択することができる。なお、以下の各画面の説明では、これらのうちフレーム１５３ａ（フレーム部分がないもの）が選択されている状況を想定している。選択可能なフレーム１５３ａ〜１５３ｆの種類については後述する。
【０１５９】
ユーザは、必要に応じて、トリム領域１４１で拡大縮小操作と、回転操作と、移動操作とを行うことで、画像表示領域１４５に所望の画像が表示されるようにし、その状態で決定ボタン１５７を操作する。そうすると、そのとき表示されている画像端表示枠１４３に対する元画像の位置及び角度と元画像の大きさ（又は切り取り画面１４０中の拡大率）とに基づいた切り取り範囲で、元画像が切り取られてトリム後画像が作成される。このとき、フレームとしてフレーム部を含むもの（フレーム１５３ｂ〜１５３ｆ）が選択されている場合には、そのフレーム部に対応するフレーム領域の画像が画像表示領域１４５に元画像の上に重ねて表示される。すなわち、このとき、画像表示領域１４５に、作成される画像のプレビュー表示が表示されることになる。ユーザは、このように作成される画像を確認しながら、画像の切り取り範囲を調節することができる。その後、加工選択画面１６０を用いた動作が行われる。
【０１６０】
図１６は、加工選択画面１６０を示す図である。
【０１６１】
図１６には、加工選択画面１６０のうち片側のみが示されている。図１６に示されるように、加工選択画面１６０は、候補画像表示部１６１と、決定ボタン１７７と、復帰ボタン１５８と、前画面ボタン１７９とを含んでいる。決定ボタン１７７、復帰ボタン１５８、及び前画面ボタン１７９は、上述の切り取り画面１４０における各ボタン１５７〜１５９と同様に、画面遷移の際に用いられる。
【０１６２】
候補画像表示部１６１には、例えば、１２枚の画像１６３が表示される。各画像１６３は、切り取り画面１４０で作成されたトリム後画像について、種々の画像処理（いわゆる画像フィルタを適用する処理）を施したものである。個々の画像１６３は、互いに画像処理の態様が若干ずつ異なっている。１２枚の画像１６３のうち１つは、特段の画像処理を行わないものであってもよい。なお、各画像１６３は、トリム後画像のみを含むものであってもよいし、選択されたフレームに対応するフレーム領域のプレビュー表示を含むものであってもよい。種々の画像処理は、例えば、横に並ぶ３つの画像に対しては、左から順に、「加工なし」、「明るめ」、「さらに明るめ」など明るさが段階的に異なるようにし、縦に並ぶ４つの画像に対しては、上から順に、「加工なし」、「セピア風」、「モノクロ風」、「漫画風」など特定のフィルタ処理を行うようにし、縦横これらを組み合わせた１２枚の画像を表示することなどが考えられる。
【０１６３】
加工選択画面１６０において、ユーザは、候補画像表示部１６１に表示されている画像１６３のうち好みのものを選択する操作を行い、決定ボタン１７７を操作する。決定ボタン１７７が操作されると、フレームに対応する画像と、加工が行われた切り取り画像とが合成される。これにより、好みの加工が施された画像（特段の画像処理が行われていない画像を含む）を落書き編集のベースとなる切り取り画として採用することができる。決定ボタン１７７が操作されると、そのとき選択されている画像１６３を対象として、切り取り画落書き画面１８０が表示される。
【０１６４】
図１７は、切り取り画落書き画面１８０を示す図である。
【０１６５】
図１７には、切り取り画落書き画面１８０のうち片側のみが示されている。図１７に示されるように、切り取り画落書き画面１８０には、上述の編集画面１０１と同様にパレット１１５などが表示されているほか、落書きを行う対象として加工選択画面１６０において選択された画像１８１が表示されている。切り取り画落書き画面１８０には、加工変更ボタン１９１と、写真変更ボタン１９３と、編集終了ボタン１９５と、復帰ボタン１５８とが含まれている。
【０１６６】
ユーザは、切り取り画落書き画面１８０が表示されている状態で、「通常らくがき」を行う場合と同様にして、画像１８１について落書きを行うことができる。切り取り画落書き画面１８０において復帰ボタン１５８が操作されると、その状態でいったん画像１８１と落書きの内容とが保存され、落書き編集画面１００に戻る。切り取り画落書き画面１８０において編集終了ボタン１９５が操作されると、一連の切り取り画作成が完了する。これにより、落書きが行われた状態の画像１８１が切り取り画として作成される。なお、いったん切り取り画作成が完了したときに切り取り画を作成するようにしてもよいし、落書き時間が終了したときに、切り取り画を作成するようにしてもよい。また、落書きを行うことができる範囲が、選択されたフレームに応じて制限されるようにしてもよい。
【０１６７】
作成された切り取り画は、画像提供サーバ６０１に送信される。これにより、ユーザは、サーバ６０１にアクセスすることで、切り取り画を取得できる。
【０１６８】
これらの各画面間の遷移を大まかにまとめると、次のようである。
【０１６９】
図１８は、切り取り画作成時における編集画面の画面遷移を説明する図である。
【０１７０】
図１８に示されるように、落書き編集画面１００において、おまけらくがきに関する作成ボタンのうち第１の作成ボタン１１８ａが操作されると、そのプレイにおいてまだ切り取り画が作成されていなければ、切り取り画面１４０に遷移する（Ｓ２０１）。そのプレイにおいて既に作成された切り取り画が保存されている状態で第１の作成ボタン１１８ａが操作された場合には、切り取り画落書き画面１８０に直接遷移する（Ｓ２０３）。これにより、既に保存されている切り取り画がある場合、その編集状態の続きをすぐに行うことができる。
【０１７１】
切り取り画面１４０では、決定ボタン１５７が操作されると、加工選択画面１６０に遷移する（Ｓ２０５）。このとき、加工選択画面１６０に表示する複数の画像１６３を生成するために複数の画像処理が行われる。時間がかかるようであれば、処理待ち状態であることを示す画面表示を行うようにしてもよい。
【０１７２】
切り取り画面１４０で復帰ボタン１５８が操作されると、落書き編集画面１００に戻る（Ｓ２１５）。
【０１７３】
加工選択画面１６０では、決定ボタン１７７が操作されると、切り取り画落書き画面１８０に遷移する（Ｓ２０７）。
【０１７４】
加工選択画面１６０では、復帰ボタン１５８が操作されると、落書き編集画面１００に遷移する（Ｓ２１３）。このとき、それまでで切り取り画面１４０を経て作成された画像を切り取り画として保存するようにしてもよい。
【０１７５】
また、加工選択画面１６０では、前画面ボタン１７９が選択されると、切り取り画面１４０に遷移する（Ｓ２０９）。このとき、前回切り取り範囲を調整した状態のままで切り取り画面１４０に遷移するようにすればよいが、これに限られるものではない。
【０１７６】
切り取り画落書き画面１８０において、復帰ボタン１５８が操作されると、編集結果を保存して、落書き編集画面１００に遷移する（Ｓ２１１）。
【０１７７】
切り取り画落書き画面１８０において、加工変更ボタン１９１が操作されると、所定の確認画面１９２が表示された後、ユーザの指示に応じて加工選択画面１６０に遷移する（Ｓ２１７）。確認画面１９２は、加工選択画面１６０等に戻るのに伴って現在編集している落書きに関する情報が削除されることについて、ユーザに確認を促すメッセージを含む。ユーザは、確認画面１９２が表示された状態で、さらに指示を加えることにより、加工選択画面１６０等へ戻ることを決行するか、加工選択画面１６０等へ戻ることを中止して引き続き画像１８１への落書き編集を行うかを選択することができる。
【０１７８】
同様に、切り取り画落書き画面１８０において、写真変更ボタン１９３が操作されると、所定の確認画面（図示せず）が表示された後、ユーザの指示に応じて切り取り画面１４０に遷移する（Ｓ２１９）。
【０１７９】
［回転操作時の説明］
【０１８０】
回転操作は、次のようにして、切り取り画面１４０の表示中に受け付けられる。
【０１８１】
図１９は、切り取り画面１４０の表示時の操作受付処理のフローチャートである。
【０１８２】
図１９においては、切り取り画面１４０の表示中にユーザの操作を受け付ける際の処理の全般が、大まかに示されている。すなわち、切り取り画面１４０が表示されると、操作受付処理が開始される。操作受付処理は、制御部５０１の制御によって行われ、切り取り画面１４０の表示中は繰り返し行われる。
【０１８３】
図１９に示されるように、ステップＳ５０１において、ズームバー１４７が操作されたか否かが検出される。ズームバー１４７が操作されると、すなわちユーザによる拡大縮小操作が行われると、ステップＳ５０２において、上述のようにしてサイズ変更処理が行われる。
【０１８４】
ステップＳ５０３において、回転バー１４８が操作されたか否かが検出される。回転バー１４８が操作されると、すなわちユーザによる回転操作が行われると、ステップＳ５０４において、それが０度から離れる方向への操作であるか否かが判断される（元画像をより傾けるための操作であるか否かが判断される。）。
【０１８５】
ステップＳ５０４において０度から離れる方向であれば、ステップＳ５０５において、第１回転処理が行われる。第１回転処理については、後述する。
【０１８６】
ステップＳ５０４において０度から離れる方向でなければ、ステップＳ５０６において、第２回転処理が行われる。第２回転処理については、後述する。
【０１８７】
ステップＳ５０７において、回転リセットボタン１４９が操作されたか否かが検出される。リセットボタンが操作されたときには、ステップＳ５０８において、回転リセット処理が行われる。回転リセット処理については、後述する。
【０１８８】
ステップＳ５０９において、移動操作が行われたか否かが検出される。移動操作が行われたときには、ステップＳ５１０において、元画像が移動操作に応じて移動可能であるか否かが判断され、移動可能であれば、ステップＳ５１１において、移動操作に応じて画像が移動される。例えば、元画像の端部が既に画像表示領域１４５の周縁にあり、それ以上移動すると画像表示領域１４５内に余白（元画像外の領域）が入りそうなときには、移動可能でないと判断される。なお、画像表示領域１４５内に余白が入ることが許されるようにしてもよい（移動可能であると判断されてもよい）。
【０１８９】
ステップＳ５１２において、プレビュー画像すなわち切り取り画面１４０における画像表示領域１４５内の画像が更新される。これにより、ユーザは、プレビュー画像を見て、切り取り画面１４０における操作を常時反映させながら直感的に操作を行うことができる。
【０１９０】
本実施の形態において、回転操作が行われると、元画像は、画像表示領域１４５の中央（画像端表示枠１４３）を回転中心として、画像端表示枠１４３に対して回転する。このとき、元画像と画像端表示枠１４３が略矩形でるところ、元画像をそのままの拡大率で回転させるようにすると、画像表示領域１４５内に余白（元画像以外の部分）が入り込む場合がある。本実施の形態において、これを防止するため、元画像を回転させるときには、必要に応じて、余白が画像表示領域１４５内に入らないように、回転量に対応する量だけ画像を拡大する処理が行われる。このような処理は、第１回転処理において行われる。
【０１９１】
［第１回転処理の説明］
【０１９２】
図２０は、回転角を大きくする方向に回転操作が行われた場合の動作の一例を説明する図である。
【０１９３】
図２０を参照して、元画像である画像Ｐについて画像端表示枠１４３に対して回転させる回転操作が行われた場合の動作を説明する。
【０１９４】
ステップＳ７１に示されるように、回転操作前の状態として、略正方形の画像端表示枠１４３の内部に、縦長の矩形の画像Ｐの幅方向全部が入るような状態を想定する。
【０１９５】
このようなときに、仮に回転のみが行われ、画像Ｐの拡大は行われない場合には、ステップＳ７２に示されるようになる。すなわち、回転操作が行われると、中央部を回転中心１４３ａとして、画像Ｐが画像端表示枠１４３に対して回転する。そうすると、斜線部で示されるように、画像Ｐと画像端表示枠１４３の角部との間に、画像Ｐ外の領域である余白が入り込む。
【０１９６】
本実施の形態では、このように余白が入ることを避けるため、回転に応じて、画像Ｐが拡大される。すなわち、ステップＳ７３に示されるように、回転操作が行われ、回転中心１４３ａを中心に画像Ｐが回転される。このとき、随時、回転に伴って、余白が生じない程度に、画像Ｐが拡大される。画像Ｐが回転したとき、最初に画像Ｐの周縁部と画像端表示枠１４３の角部のいずれか１箇所とが重なるとき、画像Ｐの拡大が開始され、以後、回転角が大きくなるにつれて、その画像端表示枠１４３の角部が画像Ｐの周縁部上に位置する状態が保たれるように、画像Ｐが拡大される。
【０１９７】
このように回転操作に伴って制御部５０１により自動的に画像Ｐが拡大されるので、回転後も、画像端表示枠１４３の内部に余白が入り込むことが防止される。
【０１９８】
図２１は、元画像について回転操作を行った後のトリム領域１４１の例を示す図である。
【０１９９】
図２１においては、元画像が画像端表示枠１４３に対してある程度回転した状態が示されている。上述のように、画像表示領域１４５内に余白が入らないようにして回転された状態では、その状態よりも元画像の拡大率が小さくなると、画像表示領域１４５に余白が入ってしまう。したがって、本実施の形態では、元画像が画像端表示枠１４３に対して回転されたとき、元画像が自動的に拡大されるとともに、拡大率がその状態よりも低くされることがないように制御される。
【０２００】
また、本実施の形態では、元画像が画像端表示枠１４３に対して回転されたとき、元画像の拡大率がその状態よりも低くすることができないことが、ユーザに視覚的に示される。具体的には、図２１に示されるように、ズームバー１４７に、調整不可能な範囲を示すグレーアウト領域１４７ｇが表示される。グレーアウト領域１４７ｇにズームバー１４７のスライダを移動させようとする操作がユーザにより行われたとしても、スライダがグレーアウト領域１４７ｇ内に入らないように（すなわちグレーアウト領域１４７ｇ内の拡大率を選択することができないように）、制御部５０１により制御される。したがって、画像端表示枠１４３の内部に余白が入り込むことが防止される。
【０２０１】
なお、グレーアウト表示１４７ｇとしては、図２１に示されるようなものに限られず、調整不可能である範囲であることがわかるような、他の部分とは異なる色や態様で示されているものであれば、適宜用いることができる。
【０２０２】
図２２は、第１回転処理の動作を示すフローチャートである。
【０２０３】
処理が開始されると、図２２に示されるように、ステップＳ５２１において、ズームバー１４７の拡大率が最大であるか否かが判断される。
【０２０４】
ステップＳ５２１において最大であれば、ステップＳ５２２において、回転操作を無視し、処理を抜ける。すなわち、この場合は、画像の回転は行われない。
【０２０５】
ステップＳ５２３において、回転したときに画像が見切れるか否か、すなわち、回転したときにそのままでは余白が画像表示領域１４５に含まれてしまうか否かが判断される。見切れると判断される（余白が含まれてしまうと判断される）ときには、ステップＳ５２４〜Ｓ５２６の処理が行われる。
【０２０６】
ステップＳ５２４において、ズームバー１４７を拡大方向に自動的に調節する。画像が見切れなくなるように、画像の拡大が行われる。
【０２０７】
ステップＳ５２５において、回転後の、画像を拡縮可能な範囲が計算される。拡縮したときに画像表示領域１４５に余白が入らない（見切れない）ような範囲が、拡縮可能な範囲である。
【０２０８】
ステップＳ５２６において、グレーアウト領域１４７ｇの表示が更新される。グレーアウト領域１４７ｇの表示は、計算された拡縮可能な範囲に基づいて更新される。
【０２０９】
ステップＳ５２７において、画像が回転される。すなわち、ユーザの操作に応じて、画像の回転が実行される。
【０２１０】
ステップＳ５２８において、回転バー１４８の表示が更新される。回転バー１４８におけるスライダの位置が、ユーザの操作に応じた位置（すなわち、タッチペン５８３に追従した位置）となる。
【０２１１】
ステップＳ５２８の処理が行われると、引き続き、操作受付処理が行われる。
【０２１２】
［第２回転処理の説明］
【０２１３】
図２３は、回転角を小さくする方向に回転操作が行われた場合のトリム領域１４１の表示例を説明する図である。
【０２１４】
図２３を参照して、元画像である画像Ｐについて画像端表示枠１４３に対して回転させる回転操作が行われた場合の、トリム領域１４１の表示内容の変化について説明する。
【０２１５】
ステップＳ７０１に示されるように、回転操作前の状態として、画像端表示枠１４３の内部に、元画像が回転した状態で表示されている状態を想定する。ここで、回転バー１４８のスライダは、調整範囲の最大の位置にあり、回転角の大きさは略最大となっている。このとき、上述のようにして表示されるグレーアウト領域１４７ｇは、ズームバー１４７の略全域を覆うように表示されており、元画像の拡大率の大きさは、略最大となっている。
【０２１６】
グレーアウト領域１４７ｇがズームバー１４７の略全域を覆っているところ、ズームバー１４７をユーザが操作して元画像の拡大率を小さくしようとしても、このような操作は無視され、反映されない。
【０２１７】
このようなときに、回転角が０度に近づく方向に、回転操作が行われると、次のようになる。すなわち、ステップＳ７０２に示されるように、中央部を回転中心１４３ａとして、画像Ｐが画像端表示枠１４３に対して回転する。そうすると、画像の拡大率を小さくしても直ちに余白が画像表示領域１４５に入るという状態にはならないため、ズームバー１４７のうちグレーアウト領域１４７ｇで覆われる範囲が若干少なくなる。換言すると、グレーアウト領域１４７ｇが、短くなる（縮む。）。このとき、元画像が自動的に縮小されることはなく、ズームバー１４７におけるスライダの位置も、回転操作の前後で変わらない。
【０２１８】
このように、回転操作に伴ってグレーアウト領域１４７ｇが短くなるので、ユーザは、それを見て、縮小可能であることを容易に知ることができる。
【０２１９】
さらに回転操作が行われ、回転角が０度になると、ステップＳ７０３に示されるように、画像は０度の位置になる。このとき、元画像の拡大率はそのままであって、ズームバー１４７におけるスライダの位置も、回転操作の前後で変わらない。回転角が０度になると、余白が生じることがなくなるので、グレーアウト領域１４７ｇは消去される（表示されなくなる。）。
【０２２０】
これにより、ユーザは、拡大率が最小となるまで、画像を縮小することができることを容易に知ることができる。
【０２２１】
図２４は、第２回転処理の動作を示すフローチャートである。
【０２２２】
ステップＳ５３１において、画像が回転される。すなわち、ユーザの操作に応じて、画像の回転が実行される。
【０２２３】
ステップＳ５３２において、回転バー１４８の表示が更新される。回転バー１４８におけるスライダの位置が、ユーザの操作に応じた位置となる。
【０２２４】
ステップＳ５３３において、回転後の、画像を拡縮可能な範囲が計算される。すなわち、拡縮したときに画像表示領域１４５に余白が入らないような範囲が計算される。
【０２２５】
ステップＳ５３４において、グレーアウト領域１４７ｇの表示が、計算された拡縮可能な範囲に基づいて更新される。
【０２２６】
ステップＳ５３４の処理が行われると、引き続き、操作受付処理が行われる。
【０２２７】
図２５は、回転操作及び拡大縮小操作が行われた場合のトリム領域１４１の表示例を説明する図である。
【０２２８】
回転角を小さくする方向に回転操作が行われた後に、拡大縮小操作が行われる場合には、次に示すようになる。
【０２２９】
図２５において、ステップＳ７１１は、上述の図２３のステップＳ７０２に対応する。すなわち、元画像は、０度よりも若干回転されており、かつ、拡大率は、略最大となっている。
【０２３０】
ここで、画像の拡大率を下げる方向に拡大縮小操作が行われると、画像が縮小され、ステップＳ７１２に示されるようになる。すなわち、その回転角に応じて定まる拡縮可能な範囲内で、画像が縮小される。このとき、拡縮可能な範囲より拡大率が小さくなるように、ユーザがズームバー１４７の操作を行ったとしても、拡縮可能な範囲の下限まで縮小されるにとどまる。これにより、画像表示領域１４５に余白が入ることが防止される。
【０２３１】
なお、回転角に応じて定まる拡縮可能な範囲内より拡大率が小さくなるようにズームバー１４７の操作が行われたときに、ズームバー１４７の操作に応じて画像の拡大率を小さくするとともに、回転角を０度に近づけるように画像を回転させることにより、画像表示領域１４５に余白が入ることを防止するようにしてもよい。このようにズームバー１４７の操作に対して従動的に画像を回転させることを許容する場合には、ズームバー１４７にグレーアウト領域１４７ｇを表示しないようにしてもよい。
【０２３２】
［回転リセット処理の説明］
【０２３３】
図２５を参照して、回転リセットボタン１４９が押下された場合の動作について説明する。
【０２３４】
ステップＳ７１１に示される状態において回転リセットボタン１４９が押下されると、ステップＳ７１３に示されるようになる。すなわち、画像の拡大率は略最大のまま維持され、画像の回転角が０度に戻る。画像の回転角が０度に戻るので、ズームバー１４７のグレーアウト領域１４７ｇは消去される。
【０２３５】
他方、ステップＳ７１２に示される状態において回転リセットボタン１４９が押下されると、ステップＳ７１４に示されるようになる。すなわち、画像の拡大率は、ステップＳ７１２の状態のまま維持され、画像の回転角が０度に戻る。また、ステップＳ７１３と同様に、画像の回転角が０度に戻るので、ズームバー１４７のグレーアウト領域１４７ｇは消去される。
【０２３６】
このように、回転リセットボタン１４９が押下されると、画像の回転角が０度に戻る。回転バー１４８を利用して画像の角度を０度から変更したときに、回転バー１４８を用いて再度０度に正確に戻す操作を行うのは困難な場合がある。しかしながら、このように回転リセットボタン１４９を用いることで、容易にかつ確実に、画像の回転角を０度に設定することができる。
【０２３７】
なお、回転リセットボタン１４９の押下時に、画像の拡大率はそのまま維持される。したがって、回転角のみを０度に戻し、意図する範囲が画像表示領域１４５に表示されるように容易に操作を行うことができる。
【０２３８】
回転リセットボタン１４９の押下時に、画像の拡大率も初期状態に戻るようにしてもよい。
【０２３９】
図２６は、回転リセット処理の動作を説明するフローチャートである。
【０２４０】
図２６に示されるように、回転リセットボタン１４９が操作されると、ステップＳ５４１において、画像が回転される。すなわち、画像の回転角が０度に戻される。
【０２４１】
ステップＳ５４２において、回転バー１４８の表示が更新され、スライダの位置が０度の位置に戻される。
【０２４２】
ステップＳ５４３において、ズームバー１４７のグレーアウト領域１４７ｇが消去される。これにより、ユーザは、画像を広い範囲で縮小できることを容易に知ることができる。
【０２４３】
ステップＳ５４３の処理が行われると、引き続き、操作受付処理が行われる。
【０２４４】
なお、回転角が大きくなるように回転操作が行われるとき、画像の回転中心１４３ａの位置が回転操作に伴って変更されるようにしてもよい。
【０２４５】
図２７は、回転操作が行われたときの動作の一例を説明する図である。
【０２４６】
図２７に示されるように、元画像である画像Ｐについて画像端表示枠１４３に対して回転させる回転操作が行われた場合の動作を説明する。
【０２４７】
ここでは、ステップＳ７６に示されるように、回転操作前の状態として、元画像Ｐの回転角は０度であって、拡大率が拡縮可能な範囲の最大であるような状態を想定する。
【０２４８】
このようなときに、回転操作が行われると、ステップＳ７７に示されるようになる。すなわち、回転操作が行われると、中央部を回転中心１４３ａとして、画像Ｐが画像端表示枠１４３に対して回転する。そうすると、元画像Ｐの周縁部に、画像端表示枠１４３の角部が接する状態となる。
【０２４９】
ここで、元画像Ｐの拡大率が最大であるところ、これ以上このまま回転中心１４３ａを中心に回転すると、画像表示領域１４５に余白が入る。そこで、元画像Ｐに対する回転中心１４３ａの位置が、画像表示領域１４５に余白が入らないように変更されるようにしてもよい。すなわち、ステップＳ７７の状態からさらに回転操作が行われると、画像端表示枠１４３の角部が元画像Ｐの周縁部に接する状態が維持されるように画像端表示枠１４３に対する元画像Ｐの位置が変更され、ステップＳ７８に示されるようになる。ステップＳ７８において、回転中心１４３ａの位置すなわち画像端表示枠１４３の中央の位置は、ステップＳ７７における回転中心１４３ｚ（破線で示す）の位置から変位している。
【０２５０】
このような制御を行うことで、効果的に、画像表示領域１４５に余白が入ることを防止できる。回転操作に伴ってスムーズにプレビュー画像の表示を変化させることで、ユーザにとって違和感の少ないユーザインターフェイスを提供することができる。
【０２５１】
以上のように、本実施の形態においては、切り取り画面１４０においてユーザが容易に回転操作を行える。ユーザは所望の範囲を画像表示領域１４５に収めて切り取り画を作成できるので、プレイするユーザの満足度を向上させることができる。
【０２５２】
なお、回転操作に関して、元画像の種類や、元画像の縦横比などに応じて、回転操作を実行可能であるか否かが変更されたり、回転可能な角度の範囲が変更されたりしてもよい。例えば、切り取り画を作成する際に縦横比が比較的大きい画像が元画像として選択されている場合には、回転操作を実行不可能にしたり、回転可能な角度の範囲を比較的小さく設定したりするようにしてもよい。また、例えばユーザの上半身が画像中に納まるように撮影された撮影画像である「アップ画像」と、ユーザの頭から足先までが画像中に納まるように撮影された撮影画像である「全身画像」とが元画像として選択可能である場合において、「全身画像」が元画像として選択されたときには、回転操作を実行不可能にしたり、回転可能な角度の範囲を比較的小さくするようにしてもよい。
【０２５３】
このように、選択された元画像の種類や縦横比などに応じて回転操作を実行不可能にするときには、例えば、切り取り画面１４０において、回転バー１４８を非表示としてもよいし、ユーザが見て操作ができないことがわかるように回転バー１４８を淡色で表示したりグレーアウト表示を行ったりするようにしてもよい。
【０２５４】
元画像の種類が例えば「全身画像」である場合や元画像の縦横比が比較的大きい場合などに、回転操作が行われたときに余白が画像表示領域１４５に入らないようにするには、画像の拡大率を相当大きくする必要がある。画像の拡大率が大きいと、切り取り画を作成したときに、ブロックノイズなどが目立ち、画像が劣化して見えることがある。また、「全身画像」のように、あえて画角を広くして、被写体の広い範囲が撮影画像に納まるように意図されたものが元画像であっても、切り取り画においては、その一部しか表示させることができないので、撮影の意図を反映させることができない。したがって、このような場合には回転操作を実行不可能にすることにより、ユーザが魅力的な切り取り画を作成しやすくなる。
【０２５５】
［コラージュ作成の説明］
【０２５６】
本実施の形態において、コラージュ作成では、大まかに、「簡単コラージュ」、「カバーコラージュ」、及び「フリーコラージュ」の３種類のデザインのコラージュ画像を作成できる。簡単コラージュ及びカバーコラージュによれば、予め用意されたテンプレート画像中の所定領域に撮影画像を配置し、その上で落書きを行うことでコラージュ画像を生成できる。他方、フリーコラージュによれば、所定の範囲のキャンバスに、撮影画像を任意に配置したり、文字や図形等を配置したりする（予め用意されたスタンプ画像を配置したり、ペンで書き込んだりする）ことで、自由にコラージュ画像を生成できる。
【０２５７】
本実施の形態において、カバーコラージュで作成するコラージュ画像は、例えば所定のＳＮＳなどインターネット上で提供されるウェブサービスでユーザが用いるのに適した背景画像として利用できる。例えば、「ＳＮＳ  Ａ」（第１のウェブサービス）、「ＳＮＳ  Ｂ」（第２のウェブサービス）、「ＳＮＳ  Ｃ」（第３のウェブサービス）の３つのウェブサービスのそれぞれについて、ユーザの設定操作に基づいて表示される背景画像として、コラージュ画像を生成することができる。
【０２５８】
図２８は、コラージュ作成時の動作を示すフローチャートである。
【０２５９】
図２８に示されるように、コラージュ作成が開始されると、ステップＳ３４１において、デザイン選択操作が受け付けられる。デザイン選択操作は、「簡単コラージュ」、「カバーコラージュ」、及び「フリーコラージュ」の３種類のデザインの中から、ユーザが所望のものを選択することで行われる。本実施の形態では、「カバーコラージュ」の選択肢は、「ＳＮＳ  Ａカバーコラージュ」、「ＳＮＳ  Ｂカバーコラージュ」、「ＳＮＳ  Ｃカバーコラージュ」というように、上述の第１から第３のウェブサービスのそれぞれに対応する３つの選択肢に細かく分けられて設けられているが、これに限られるものではない。デザイン選択操作は、デザイン選択画面を表示して行われる。
【０２６０】
ステップＳ３４１で「フリーコラージュ」以外のデザインが選択されたときには、ステップＳ３４２に進む。ステップＳ３４２において、簡単コラージュ編集画面に画面遷移し、コラージュ画像の作成が行われる。
【０２６１】
他方、ステップＳ３４１で「フリーコラージュ」が選択されたときには、ステップＳ３４３において、フリーコラージュ編集画面に画面遷移し、コラージュ画像の作成が行われる。
【０２６２】
図２９は、コラージュ作成時における編集画面の画面遷移を説明する図である。
【０２６３】
図２９に示されるように、落書き編集画面１００において、おまけらくがきに関する作成ボタンのうち第２の作成ボタン１１８ｂが操作されると、そのプレイにおいてまだコラージュ画像が作成されていなければ、デザイン選択画面２２０に遷移する（Ｓ４０１）。そのプレイにおいて既に生成されたコラージュ画像が保存されている状態で第２の作成ボタン１１８ｂが操作された場合には、コラージュ編集や落書きを行うためのコラージュ画面２８０に直接遷移する（Ｓ４０３）。これにより、既に保存されているコラージュ画像がある場合、その編集状態の続きをすぐに行うことができる。
【０２６４】
デザイン選択画面２２０では、デザインが選択される。複数の選択肢のうちフリーコラージュが選択されて決定ボタン２２７が操作されると、コラージュ画面２８０に遷移する（Ｓ４０４）。他方、フリーコラージュ以外の選択肢が選択されて決定ボタン２２７が操作されると、写真選択画面２６０に遷移する（Ｓ４０５）。
【０２６５】
デザイン選択画面２２０で復帰ボタン１５８が操作されると、落書き編集画面１００に戻る（Ｓ４１５）。
【０２６６】
写真選択画面２６０では、決定ボタン２７７が操作されると、コラージュ画面２８０に遷移する（Ｓ４０７）。このとき、サーバ６０１に送信される送信用画像のサイズと同サイズのベース画像が生成されると共に、生成されたベース画像に基づいて、表示用サイズのベース画像が生成される。送信用サイズのベース画像は、比較的高画質（画素数大）の画像である。表示用サイズのベース画像は、コラージュ画面２８０にそのまま（縮小処理することなく等倍で）表示可能な程度の画素数の画像である。その表示用サイズのベース画像が、コラージュ画面２８０に表示される。
【０２６７】
写真選択画面２６０では、復帰ボタン１５８が操作されると、落書き編集画面１００に遷移する（Ｓ４１３）。このとき、それまでで生成された画像をコラージュ画像として保存するようにしてもよい。
【０２６８】
また、写真選択画面２６０では、前画面ボタン２７９が選択されると、デザイン選択画面２２０に遷移する（Ｓ４０９）。
【０２６９】
コラージュ画面２８０において、復帰ボタン１５８が操作されると、編集結果を保存して、落書き編集画面１００に遷移する（Ｓ４１１）。
【０２７０】
コラージュ画面２８０において、前画面ボタン２９３が操作されると、所定の確認画面が表示された後、ユーザの指示に応じて写真選択画面２６０に遷移する（Ｓ４１７）。なお、このときの確認画面は、切り取り画の生成時に同様に表示される画面と同様であり、それに関し行われる動作も同様である。
【０２７１】
図３０は、デザイン選択画面２２０を示す図である。
【０２７２】
図３０に示されるように、デザイン選択画面２２０には、デザイン種類選択タブ２２１と、決定ボタン２２７と、前画面ボタン２２９と、復帰ボタン１５８とが配置されている。復帰ボタン１５８や前画面ボタン２２９が操作されると、落書き編集画面１００に戻る。
【０２７３】
本実施の形態において、デザイン種類選択タブは５つのタブで構成されている。すなわち、「簡単コラージュ」、「ＳＮＳ  Ａ  カバーコラージュ」、「ＳＮＳ  Ｂ  カバーコラージュ」、「ＳＮＳ  Ｃ  カバーコラージュ」、及び「フリーコラージュ」の各タブである。これらのタブのうち、選択されたタブに対応する種類のデザインが、タブ内表示領域２２３に表示される。タブ内表示領域２２３には、ユーザが選択可能なデザインが並んで表示される。また、タブ内表示領域２２３には、そのタブに対応する種類のデザインを用いたサンプル画像が表示されるようにしてもよい。
【０２７４】
ユーザは、選択したタブのタブ内表示領域２２３に表示されているデザインのうち、所望のものを選択した上で、決定ボタン２２７を操作することで、デザインを決定できる。デザインが決定されると、選択したデザインに応じて、写真選択画面２６０又はコラージュ画面２８０に遷移する。
【０２７５】
なお、図３０においては、上述の５つのタブのうち「フリーコラージュ」が選択されている場合が示されている。「フリーコラージュ」では、コラージュ画像の外形を、「正方形」、「タテ」、「ヨコ」、「タテ長」のいずれにするかを選択できる。デザインを決定すると、選択された外形形状のコラージュ画像を、コラージュ画面２８０において編集できる。
【０２７６】
図３１は、「簡単コラージュ」選択時のデザイン選択画面２２０を示す図である。
【０２７７】
図３１に示されるように、「簡単コラージュ」のタブが選択されている場合には、所定のテンプレートや画像のレイアウトが互いに異なる８種類のデザインが、タブ内表示領域２２３に表示される。ユーザは、いずれかのデザインを選択し、決定ボタン２２７を操作することで、写真選択画面２６０においてコラージュ画像に配置する写真を選択できる。
【０２７８】
図３２は、「ＳＮＳ  Ａ  カバーコラージュ」又は「ＳＮＳ  Ｂ  カバーコラージュ」が選択されているときのデザイン選択画面２２０を示す図である。
【０２７９】
図３２の上段に示されるように、「ＳＮＳ  Ａ  カバーコラージュ」のタブが選択されている場合には、例えば互いに図柄や文字などの異なる４種類のデザインが、タブ内表示領域２２３に表示される。ユーザは、いずれかのデザインを選択し、決定ボタン２２７を操作することで、「簡単コラージュ」の場合と同様に、写真選択画面２６０においてコラージュ画像に配置する写真を選択できる。
【０２８０】
「ＳＮＳ  Ｂ  カバーコラージュ」のタブが選択されている場合には、図３２の下段に示されるように、４種類のデザインがタブ内表示領域２２３に表示される。「ＳＮＳ  Ｃ  カバーコラージュ」のタブが選択されている場合もこれと同様である。これらの「カバーコラージュ」では、選択肢として、それぞれ対応するＳＮＳの背景画像のサイズなどの仕様に応じたデザインが予め定められている点で、「簡単コラージュ」とは異なっている。
【０２８１】
［「カバーコラージュ」に関する説明］
【０２８２】
本実施の形態において、「カバーコラージュ」で作成するコラージュ画像（以下、背景画像と呼ぶことがある）は、ウェブサービスにおいてユーザ自身に関係するウェブページに表示するのに適した画像である。例えば、そのユーザのアイコン画像、ユーザネームの表示、ユーザプロフィールの表示などが配置される所定領域の背景として表示されるものである。より具体的には、背景画像は、例えば、上述のようなコンテンツ投稿型のウェブサービスにおいて、ユーザに関連するコンテンツのみを表示するようなユーザページに表示されるカバー画像である。背景画像は、ホーム画像と呼ばれることもある。
【０２８３】
図３３は、本実施の形態において背景画像の作成に対応するウェブサービスの一例を説明する図である。
【０２８４】
図３３には、それぞれ一例として、２つのＳＮＳのウェブページＷ１，Ｗ２が示されている。ウェブページＷ１，Ｗ２は、それぞれ、例えば、ＳＮＳに登録しているユーザの情報を集約して表示する、いわゆるユーザのプロフィールページである。各ウェブページＷ１，Ｗ２には、それぞれ、ユーザにより設定される背景画像Ｗ１１，Ｗ２１が表示されている（図３３における斜線部）。また、各ウェブページＷ１，Ｗ２には、ユーザのアイコン画像Ｕ１１，Ｕ２１やユーザネームＵ１２，Ｕ２２などを含むユーザ表示Ｕが表示されている。各ウェブページＷ１，Ｗ２における背景画像Ｗ１１，Ｗ１２の大きさや、背景画像Ｗ１１，Ｗ２１に対するユーザ表示Ｕの位置及び大きさは、各ＳＮＳの仕様として固定されている。
【０２８５】
ユーザ表示Ｕは、背景画像Ｗ１１，Ｗ２１の上に配置されている。換言すると、ユーザ表示Ｕが背景画像Ｗ１１，Ｗ２１よりも上面に位置するように、ウェブページＷ１，Ｗ２は表示される。そのため、各背景画像Ｗ１１，Ｗ２１がウェブページＷ１，Ｗ２に表示された状態で、その背景画像Ｗ１１，Ｗ２１のうち、一部の領域は、ウェブサービスの機能に基づいてアイコン画像Ｕ１１，Ｕ２１を含むユーザ表示Ｕが表示されることで、隠れされる領域となる。このようにウェブサービスの機能に基づいて隠れる領域は、各ウェブサービスにおいて予め定められた領域である。
【０２８６】
本実施の形態では、デザイン選択画面２２０において「カバーコラージュ」のデザインを選択することにより、種々のウェブサービスのうち、３つのＳＮＳ（「ＳＮＳ  Ａ」、「ＳＮＳ  Ｂ」、「ＳＮＳ  Ｃ」）のそれぞれに対応した背景画像を生成可能である。
【０２８７】
デザイン選択画面２２０でこれらの「カバーコラージュ」のデザインが選択されると、後述のようなその他の「簡単コラージュ」の生成時と同様に、写真選択画面２６０が表示され、ユーザの操作に基づいて背景画像が生成される。
【０２８８】
［「フリーコラージュ」に関する説明］
【０２８９】
図３４は、「フリーコラージュ」のデザインが選択されているときのコラージュ画面２８０を示す図である。
【０２９０】
図３４を参照して、まず、フリーコラージュの作成について説明する。
【０２９１】
コラージュ画面２８０の構成は、大まかには、切り取り画落書き画面１８０と同様に構成されている。すなわち、コラージュ画面２８０には、パレット１１５と、復帰ボタン１５８と、前画面ボタン２９３とが表示される。コラージュ画面２８０の中央部には、デザイン選択の結果や写真選択画面２６０の選択結果に応じて、コラージュ領域２８１が表示される。コラージュ領域２８１の内側には、生成されるコラージュ画像に対応するプレビュー表示が表示される（このコラージュ領域２８１内の表示をプレビュー画像と呼ぶことがある。）。コラージュ画面２８０では、コラージュ領域２８１内に表示されるプレビュー表示が所望の通りとなるようにコラージュやその他落書きを行うことで、その画像をコラージュ画像として生成することができる。
【０２９２】
フリーコラージュが選択されたとき、ユーザは、任意にコラージュ領域２８１に図柄や撮影画像などを配置することで、コラージュ画像を作成できる。すなわち、デザイン選択画面２２０からコラージュ画面２８０に遷移したとき、選択したデザイン（アスペクト比）の枠形状のコラージュ領域２８１がコラージュ画面２８０に表示される。ユーザは、コラージュ領域２８１の内部に、種々の撮影画像、スタンプ、又は文字の配置や、その他の落書きを行うことができる。
【０２９３】
ここで、パレット１１５は、フリーコラージュのデザインが選択されたときとそうでないときとで、利用できる機能が異なる。例えば、フリーコラージュにおいては、撮影画像に基づいた図形等を任意にコラージュ領域２８１に配置できるように構成されている（これに用いるパレットをコラージュパレットということがある。）。これに対し、他のデザインではそのようなパレット１１５は選択できず、撮影画像に基づかない所定の図柄や文字などや、ユーザが任意に描画する機能が利用できるのにとどまる。
【０２９４】
コラージュパレットでは、例えば、選択した撮影画像を所定の形状で切り取って（型抜きして）撮影画像スタンプを作成できる。作成した撮影画像スタンプは、コラージュ領域２８１に適宜配置できる。
【０２９５】
［「簡単コラージュ」に関する説明］
【０２９６】
次に、「簡単コラージュ」について説明する。
【０２９７】
本実施の形態では、「簡単コラージュ」のデザイン（デザインテンプレート（以下、単にテンプレートということもある））が選択されたとき、そのテンプレートの種別によって若干異なる態様の編集方法でコラージュ作成を行うことができる。これにより、デザイン性の高いコラージュを容易に作成できるようになっている。
【０２９８】
すなわち、「簡単コラージュ」のテンプレートの種別としては、複数枚の撮影画像に基づく画像を互いに同様の画角で１つのコラージュ内に配置させるもの（ミラー）、１枚の撮影画像に基づく画像のうち互いに異なる部分を表示する複数の画像を１つのコラージュ内に配置させるもの（自動配置）、及びその他のもの（通常）の３種類がある。
【０２９９】
各テンプレートについては、そのテンプレートを用いてコラージュを作成するための設定情報が関連付けられている。テンプレートの指定情報は、例えば、予め、テンプレートの画像と共に、記憶部５０５等に記憶されている。テンプレートの指定情報としては、そのテンプレートでのコラージュ作成時に用いる画像の数、画像の配置順や配置位置（座標）、初期表示設定などの情報、テンプレートの種別（ミラー、自動配置、通常のいずれであるか等）の情報などが含まれる。
【０３００】
図３５は、「簡単コラージュ」のデザインが選択されたときの、コラージュ作成開始後の動作を説明するフローチャートである。
【０３０１】
図３５を参照して、ステップＳ３５１において、テンプレートを指定する操作が制御部５０１により受け付けられる。制御部５０１は、指定されたテンプレートについて、指定情報を読み込み、解析する。
【０３０２】
ステップＳ３５２において、テンプレートにミラー指定があるか否か（ミラーのテンプレートであるか否か）が確認される。ミラー指定のテンプレートでなければ、ステップＳ３５３に進む。
【０３０３】
ステップＳ３５３において、テンプレートに自動配置指定があるか否かが確認される。自動配置指定のテンプレートでなければ、ステップＳ３５４に進む。
【０３０４】
ステップＳ３５４からステップＳ３５７では、ミラーや自動配置ではない、通常のテンプレートについての編集操作受付が行われる。
【０３０５】
ステップＳ３５４において、写真選択操作が受け付けられる。
【０３０６】
ステップＳ３５５において、テンプレートに含まれる写真の配置領域に、選択された写真を配置する。
【０３０７】
ステップＳ３５６において、プレビュー表示が行われる。ユーザは、プレビュー表示を見ながら、直感的にコラージュを作成できる。
【０３０８】
ステップＳ３５７において、ユーザの操作が受け付けられる。これにより、配置領域に配置された写真の位置や画角等を、所望のものになるように調整できる。
【０３０９】
なお、これらのステップＳ３５４〜Ｓ３５７の処理について、順序や処理回数などはこれに限られるものではない。それぞれの処理について、テンプレートについてのコラージュの編集操作が終了するまでは、適宜行われればよい。
【０３１０】
ここで、ステップＳ３５２でテンプレートがミラー指定があるものであれば、ステップＳ３５９において、ミラー画像編集処理が行われる。
【０３１１】
また、ステップＳ３６０において、ミラー指定があるテンプレートについての操作受付処理が行われる。
【０３１２】
ステップＳ３５３でテンプレートが自動配置指定があるものであれば、ステップＳ３６１において、自動配置画像編集処理が行われる。
【０３１３】
また、ステップＳ３６２において、自動配置指定があるテンプレートについての操作受付処理が行われる。
【０３１４】
ステップＳ３５９，Ｓ３６０の処理、及びステップＳ３６１，Ｓ３６２の処理については、後述する。以下、まずは通常のテンプレートについてのコラージュ作成動作について説明する。
【０３１５】
図３６は、「簡単コラージュ」のデザインが選択されているときの写真選択画面２６０を示す第１の図である。
【０３１６】
「簡単コラージュ」のデザインが選択されると、例えば図３６に示されるように写真選択画面２６０が表示される。写真選択画面２６０には、復帰ボタン１５８のほか、写真選択領域２５１と、デザイン表示領域２６１と、ズームバー２６７と、決定ボタン２７７と、前画面ボタン２７９とが表示されている。復帰ボタン１５８は、落書き編集画面１００に戻るために操作されるボタンである。前画面ボタン２７９は、デザイン選択画面２２０に戻るためのボタンである。ズームバー２６７は、上述の切り取り画面１４０におけるズームバー１４７と同様に、コラージュ画像中に表示する撮影画像を拡大縮小させるために操作される。複数の撮影画像がコラージュ画像中に含まれることになる場合には、デザイン表示領域２６１に表示されている複数の撮影画像のうち指定されているものについて、ズームバー２６７の操作結果が反映されるように構成されている。
【０３１７】
デザイン選択画面２２０から写真選択画面２６０に遷移したとき、デザイン表示領域２６１には、選択したデザインに対応する画像が表示される。すなわち、簡単コラージュのデザインの選択結果に従って、テンプレート画像２６３がデザイン表示領域２６１に表示される。各デザインのテンプレート画像２６３には、１つ又は複数の、撮影画像の表示領域が設けられている。この表示領域に配置する画像を、写真選択領域２５１で選択することができる。
【０３１８】
本実施の形態では、テンプレート画像２６３において、２つの撮影画像２６５ａ，２６５ｂが配置可能となっている。各撮影画像２６５ａ，２６５ｂのうち、１つの領域を選択した上で（選択した領域には選択枠２６６が表示される）、その領域に表示させる撮影画像を写真選択領域２５１で選択する操作を行うことで、その写真を表示させることができる。
【０３１９】
写真選択領域２５１には、そのプレイで撮影されて得られた撮影画像が表示される。ユーザは、これらのうち表示させたいものを選択する操作を行うことができる。
【０３２０】
ここで、写真選択領域２５１には、一発指定ボタン２５２が配置されている。一発指定ボタン２５２は、写真選択領域２５１で選択候補となっている撮影画像をシャッフルして、テンプレート画像２６３の中の撮影画像２６５ａ，２６５ｂを表示させる領域に当てはめることができるボタンである。すなわち、テンプレート画像２６３に対応して表示させる複数の撮影画像を選択する必要があるときに、ユーザは、一発指定ボタン２５２を操作することで、すぐに、各撮影画像を指定することができる。なお、一発指定ボタン２５２を操作して指定できた撮影画像が適切でない場合には、繰り返し一発指定ボタン２５２を操作することで、容易に、撮影画像の再選択及び再配置を行うことができる。
【０３２１】
また、写真選択画面２６０では、撮影画像が表示されている領域の１つを選択している状態で、切り取り画面１４０において行う操作と同様に、ズームバー２６７をスライドさせたり撮影画像のパン操作を行ったりすることで、元の撮影画像のうち、当該領域中に表示させる領域を変更することができる。
【０３２２】
なお、本実施の形態において、選択されている領域には、当初、アイコン３６７が表示される。ユーザは、アイコン３６７を見ることで、その領域の画像についてパン操作を行えることを容易に知ることができる。
【０３２３】
図３７は、「簡単コラージュ」のデザインが選択されているときの写真選択画面２６０を示す第２の図である。
【０３２４】
図３７においては、図３６に示されるような撮影画像２６５ａが選択されている状態において、その撮影画像２６５ａが操作されたときの状態が示されている。すなわち、図３６に示されているように、撮影画像２６５ａが配置された直後には、それが編集対象として選択されていれば、アイコン３６７が表示されている。この状態で、ユーザにより撮影画像２６５ａにタッチする操作が行われると、アイコン３６７は消去される。
【０３２５】
図３８は、図３７に示されている状態からズームバー２６７を操作した結果の一例を示す図である。
【０３２６】
図３８に示されるように、撮影画像２６５ａの領域が選択されている状態で、ズームバー２６７が画像を拡大する方向に操作されると、撮影画像２６５ａがデザイン表示領域２６１に対して拡大されて表示される。また、撮影画像２６５ａをデザイン表示領域２６１に対して移動させるパン操作が行われたときにも、随時表示が更新され、撮影画像２６５ａとして表れる範囲が変化する。これにより、デザイン表示領域２６１にテンプレート画像２６３と共に撮影画像２６５ａ，２６５ｂを表示させて、所望のコラージュ画像が得られるように確認しながら、容易に、撮影画像２６５ａ，２６５ｂの表示を調整することができる。
【０３２７】
図３９は、「簡単コラージュ」のデザインが選択されているときのコラージュ画面２８０を示す図である。
【０３２８】
図３９においても、基本的には図３４を用いて説明したものと同様にコラージュ画面２８０が表示されて、画像を編集可能である。簡単コラージュのコラージュ画像の作成時において、写真選択画面２６０からコラージュ画面２８０に遷移すると、コラージュ領域２８１には、写真選択画面２６０で決定ボタン２７７が操作されたときに生成された画像が表示される。すなわち、コラージュ領域２８１には、生成されるコラージュ画像に対応するプレビュー表示が表示される。
【０３２９】
なお、コラージュ領域２８１には、写真選択画面２６０を経て内容が確定された画像に対応する、撮影画像２６５ａ，２６５ｂやテンプレート画像２６３が含まれる撮影画像レイヤ（テンプレート画像２６３の表示レイヤと、撮影画像２６５ａ，２６５ｂを含む表示レイヤとを重ねたもの）と、その上側に表示される編集レイヤとが重ねられた画像が表示される。撮影画像レイヤには、上述のようにして生成されたベース画像が表示される。コラージュ画面２８０において落書きが行われると、落書きは、編集レイヤに追加される。
【０３３０】
なお、上述のフリーコラージュの作成時と異なり、この場合のコラージュ画面２８０において、パレット１１５を用いた撮影画像を用いた機能（上述のような型抜きにより生成される撮影画像スタンプを利用可能とする機能など）は行うことができず、単に、所定の図形や文字などをスタンプとしてコラージュ領域２８１に配置したり、コラージュ領域２８１にペンを用いて文字や図形を書き込んだりすることができるのみとなっているが、これに限られるものではない。
【０３３１】
コラージュ領域２８１への落書きが終了すると、ユーザは、編集終了ボタンを操作したり、復帰ボタン１５８を操作したりする。これにより、コラージュの生成が終了する。
【０３３２】
ここで、「簡単コラージュ」の作成時において、反転画像を容易に配置できるようにしてもよい。反転画像は、撮影画像の鏡像となる画像である。
【０３３３】
図４０は、反転画像の配置について説明する第１の図である。
【０３３４】
図４０に示されるように、写真選択画面２６０において、反転ボタン２４９が表示されている。反転ボタン２４９を押下する操作が行われると、選択されている撮影画像を反転させる処理が行われる。
【０３３５】
図４１は、反転画像の配置について説明する第２の図である。
【０３３６】
図４１においては、図４０に示されるように撮影画像２６５ａが選択されている状態で、反転ボタン２４９が操作された後の状態が示されている。すなわち、反転ボタン２４９が操作されると、選択されている撮影画像２６５ａが反転されて、反転後の反転画像２６５ｃが、テンプレートの配置領域に表示される。
【０３３７】
図４２は、反転画像の配置について説明する第３の図である。
【０３３８】
本実施の形態において、反転ボタン２４９が操作されると、テンプレート画像２６３中の画像表示枠２６３ａの左右中央の中心線ＣＬに対して対称となるように、画像が反転される。
【０３３９】
図４２において、上段が反転前、下段が反転後が示されている。図中の斜線部は、元画像Ｐのうち、画像表示枠２６３ａで囲まれる範囲外の領域であって、コラージュには表示されない領域が示されている。
【０３４０】
反転前において、元画像Ｐのうち左側に近い領域が画像表示枠２６３ａで囲まれている場合を想定する。このとき、反転ボタン２４９が操作されると、元画像Ｐが、中心線ＣＬに対して対称となるように反転される。したがって、画像表示枠２６３ａ内に表示される反転画像２６５ｃの範囲は、反転前の撮影画像２６５ａの範囲と同様となり、反転後の元画像Ｐのうち右側に近い領域となる。反転後において、反転後の元画像Ｐに基づいて画像を移動させる操作や拡縮させる操作などが行われる。
【０３４１】
このように撮影画像２６５ａを容易に反転させて行うことができるので、ユーザは、所望の態様のコラージュを容易に作成することができる。反転は画像表示枠２６３ａの中心線ＣＬに対して行われるので、反転前後で画像表示枠２６３ａ内に表示される範囲が変わらず、ユーザはスムーズに編集操作を続けることができる。このような反転処理は、例えば、左右に並んで撮影した２名のユーザの左右を入れ替えたい場合などに行われると、特に有効である。
【０３４２】
［ミラー画像編集についての説明］
【０３４３】
図４３は、「簡単コラージュ」のデザインとしてミラー指定があるものが選択されているときの写真選択画面２６０を示す図である。
【０３４４】
ここでは、ミラー指定があるテンプレートであって、左右に並ぶ互いに同じ大きさ、形状の２つの領域を含み、その左側の領域に撮影画像又はそれに基づく画像が配置され、他方に、左側の領域の画像と同じ範囲の画像が配置されるものが選択された場合を想定する。
【０３４５】
このようなテンプレートが選択されると、図４３に示されるように、写真選択画面２６０が表示される。この場合、写真選択画面２６０には、上述のデザイン表示領域２６１に代えて、デザイン表示領域３６１が表示されている。
【０３４６】
デザイン表示領域３６１は、大まかに、その左右中央を境にして、画像が表示される２つの画像領域３６４ａ，３６４ｂ（操作側領域（第１領域の一例）３６４ａ、ミラー領域（第２領域の一例）３６４ｂ）に分かれている。各画像領域３６４ａ，３６４ｂには、撮影画像３６５ａ，３６５ｂ（操作側画像（第１画像）３６５ａ、ミラー画像（第２画像）３６５ｂ）が表示されている。２つの画像領域３６４ａ，３６４ｂは互いに同じ大きさ及び形状であって、撮影画像３６５ａ，３６５ｂは、互いに、元の撮影画像のうち同じ範囲を表示するものである。
【０３４７】
デザイン表示領域３６１において、後述するように、ユーザによる操作が反映されるのは、操作側画像３６５ａ（操作側領域３６４ａ）についてのみである。これをユーザに示すように、操作側画像３６５ａ（操作側領域３６４ａ）は、選択枠３６６で囲まれている。
【０３４８】
また、写真選択画面２６０が表示された当初は、操作側領域３６４ａの中央に、アイコン３６７が表示される。アイコン３６７は、例えば、操作側領域３６４ａについて操作側画像３６５ａを移動させるための操作が行われたときに、消去される。これにより、ユーザは、操作側領域３６４ａについて操作を行うことができることを知ることができる。
【０３４９】
本実施の形態において、ミラー領域３６４ｂのミラー画像３６５ｂは、所定のフィルタを用いた画像処理（予め定められた加工の一例）が施されたものである。ミラー画像３６５ｂは、操作側画像３６５ａと同じ表示範囲の画像に所定のフィルタ画像が合成されてなる画像であり、操作側画像３６５ａに対応する画像となっている。
【０３５０】
なお、このようなフィルタ画像との合成のような画像処理に限られず、他の種の画像処理が行われてミラー画像３６５ｂが表示されるようにしてもよい。また、ミラー画像３６５ｂは、このような画像処理が施されていないものであってもよい。また、ユーザからの、所望の画像処理や画像の加工等を選択する操作を受け付け、その操作に応じた加工が行われるようにしてもよい。２つ以上の加工が重ねて行われるようにしてもよい。
【０３５１】
図４４は、「簡単コラージュ」のデザインとしてミラー指定があるものが選択されているときの写真選択画面２６０の一例を示す図である。
【０３５２】
例えば、上述のようにミラー画像３６５ｂに画像処理が施されておらず、例えば、図４４に示されるように、操作側画像３６５ａとミラー画像３６５ｂとが同一の画像であってもよい。以下、このように操作側画像３６５ａとミラー画像３６５ｂとが同一の画像となるように設定されているミラー指定のテンプレートが選択された場合を一例として挙げて、コラージュの作成について説明する。
【０３５３】
図４５は、ミラー画像編集処理を示すフローチャートである。
【０３５４】
ミラー指定のあるテンプレートが選択されると、まず、ミラー画像編集処理が開始される。すなわち、図４５に示されるように、ステップＳ６１１において、テンプレートについての設定情報が取得される。これにより、テンプレート内における画像領域の数や位置、表示内容についてのユーザの操作を受け付ける画像領域の別、各画像領域についての画像処理の有無やその内容などが制御部５０１によって読み込まれる。制御部５０１は、設定情報に基づいて、写真選択画面２６０を表示する。
【０３５５】
ステップＳ６１２において、写真選択が受け付けられる。ここでは、２箇所の画像領域３６４ａ，３６４ｂにおいて、操作側領域３６４ａについての写真選択のみが受け付けられる。
【０３５６】
ステップＳ６１３において、選択された写真が、操作側領域３６４ａに配置される。
【０３５７】
ステップＳ６１４において、ミラー領域３６４ｂに、操作側領域３６４ａの操作側画像３６５ａが配置される。
【０３５８】
ステップＳ６１５において、プレビュー画像すなわちデザイン表示領域３６１の画像の表示が更新される。これにより、デザイン表示領域３６１に、操作側画像３６５ａとミラー画像３６５ｂとが含まれるプレビュー画像が表示される。
【０３５９】
ステップＳ６１５の処理が終了すると、次の操作受付処理に移る。
【０３６０】
図４６は、ミラー画像編集処理後の操作受付処理を示すフローチャートである。
【０３６１】
操作受付処理は、図４６に示されるような一連の動作を、受付が終了されるまで繰替えし実行することで行われる。図４６に示されるように、ステップＳ６２１において、アイコン３６７が表示されている場合において操作側画像３６５ａがタッチ操作されたか否かが検出される。上述の通り、写真選択画面２６０が表示された当初は、操作側画像３６５ａに重ねてアイコン３６７が表示されている。このような場合に、操作側画像３６５ａがタッチ操作された場合には、ステップＳ６２２に進む。タッチ操作されない場合、及びそもそもアイコン３６７が表示されていない場合には、ステップＳ６２３に進む。
【０３６２】
ステップＳ６２１でタッチ操作されたときには、ステップＳ６２２において、表示されているアイコン３６７を消去する。
【０３６３】
なお、アイコン３６７が表示されている場合において、操作側画像３６５ａ以外の部分がタッチ操作されても、アイコン３６７の消去は行われない。したがって、ユーザは、操作側画像３６５ａが操作対象になっていることを容易に知ることができる。
【０３６４】
ステップＳ６２３において、操作側領域３６４ａについてドラッグ操作が行われたか否かが検出される。
【０３６５】
ステップＳ６２３においてドラッグ操作が行われると、ステップＳ６２４及びステップＳ６２５の処理が行われる。すなわち、ステップＳ６２４において、ドラッグ操作に応じて、操作側領域３６４ａに対して画像が移動され、操作側画像３６５ａが変更される。このとき、ステップＳ６２５において、操作側領域３６４ａに対する画像の移動に伴って、ミラー領域３６４ｂについての画像も、ミラー領域３６４ｂに対して移動される。すなわち、ミラー画像３６５ｂは、操作側画像３６５ａの変更に伴って、変更後の操作側画像３６５ａと同様の画像に変更される。
【０３６６】
ステップＳ６２６において、ズームバー２６７が操作されたか否かが検出される。
【０３６７】
ステップＳ６２６においてズームバー２６７が操作されると、ステップＳ６２７及びステップＳ６２８の処理が行われる。すなわち、ステップＳ６２７において、ズームバー２６７の操作に応じて、操作側領域３６４ａに対する画像の拡大率が変更され、操作側画像３６５ａが変更される。このとき、ステップＳ６２８において、操作側領域３６４ａに対する画像の拡大率の変更に伴って、ミラー領域３６４ｂについての画像の拡大率も変更される。すなわち、ミラー画像３６５ｂは、操作側画像３６５ａの変更に伴って、変更後の操作側画像３６５ａと同様の画像に変更される。
【０３６８】
ステップＳ６２９において、別の写真が選択されたか否かが検出される。
【０３６９】
ステップＳ６２９において別の写真が選択されると、ステップＳ６３０において、ミラー指定のあるテンプレートについての写真変更処理が行われる。写真変更処理の詳細については、後述する。
【０３７０】
ステップＳ６３１において、プレビュー画像すなわちデザイン表示領域３６１の画像の表示が更新される。
【０３７１】
ステップＳ６３２において、操作受付が終了されたか否かが検出される。例えば、決定ボタン２７７が操作されたときに、操作受け付けが終了されたと判断される。
【０３７２】
ステップＳ６３２において操作受付が終了されたと判断されるまでは、ステップＳ６２１以降の処理が繰り返し実行される。
【０３７３】
図４７は、操作受付処理が行われたときのデザイン表示領域３６１及びズームバー２６７部分の表示内容を説明する第１の図である。
【０３７４】
図４７を参照して、ステップＳ７４１に示されるように、デザイン表示領域３６１にプレビュー画像が表示されている場合を想定する。このとき、操作側画像３６５ａにアイコン３６７が表示されている。
【０３７５】
ここで、操作側画像３６５ａをタッチする操作が行われると、ステップＳ７４２に示されるようになる。すなわち、操作側領域３６４ａについてのタッチ操作が受け付けられると、アイコン３６７が消去される。
【０３７６】
そして、操作側画像３６５ａを移動させる操作が行われると、ステップＳ７４３に示されるようになる。すなわち、移動操作に応じて操作側画像３６５ａの内容が変更されると、それに伴い、ミラー画像３６５ｂの内容も変更される。操作側画像３６５ａとミラー画像３６５ｂとは、常に、同様の画像を表示するように制御される。
【０３７７】
図４８は、操作受付処理が行われたときのデザイン表示領域３６１及びズームバー２６７部分の表示内容を説明する第２の図である。
【０３７８】
図４８を参照して、ステップＳ７５１において、上述のステップＳ７４１と同様に表示されている場合を想定する。
【０３７９】
ここで、操作側画像３６５ａをタッチする操作が行われると、ステップＳ７５２において、ステップＳ７４２と同様に、アイコン３６７が消去される。
【０３８０】
他方、ステップＳ７５１に示される状態において、ズームバー２６７が操作されると（例えば拡大方向に操作）、ステップＳ７５３に示されるようになる。すなわち、拡大操作に応じて操作側画像３６５ａの内容が変更されると、それに伴い、ミラー画像３６５ｂの内容も変更される。操作側画像３６５ａとミラー画像３６５ｂとは、常に、同様の画像を表示するように制御される。
【０３８１】
ここで、ズームバー２６７が操作されても、アイコン３６７は操作側画像３６５ａに重ねて表示されているようにすればよい。ユーザが直接操作側領域３６４ａをタッチする操作を行うまではアイコン３６７を表示したままにしておくことで、直接の操作対象は操作側画像３６５ａであって、ミラー画像３６５ｂが操作側画像３６５ａを写したものであることをユーザに確実に認識させることができる。
【０３８２】
なお、アイコン３６７が操作側画像３６５ａに表示されている状態でズームバー２６７が操作されたときに、アイコン３６７を消去するようにしてもよい。
【０３８３】
ステップＳ７５３のように操作側画像３６５ａにアイコン３６７が表示されているとき、操作側領域３６４ａをタッチする操作が行われると、ステップＳ７５４に示されるようになる。すなわち、アイコン３６７が消去される。
【０３８４】
他方、ステップＳ７５２に示されるようにアイコン３６７が消去された状態で、ステップＳ７５１からステップＳ７５３に変化するときと同じ拡大率だけ操作側画像３６５ａを拡大させるズームバー２６７の操作が行われた場合には、ステップＳ７５４に示されるようになる。すなわち、操作側画像３６５ａが拡大されると共に、ミラー画像３６５ｂも拡大され、操作側画像３６５ａとミラー画像３６５ｂとが同じ画像となる。
【０３８５】
このように、ミラー指定のあるテンプレートが選択された場合には、対応付けられている２つの画像領域３６４ａ，３６４ｂに表示される画像が互いに同様の表示内容になるように制御される。２つの領域にそれぞれ画像を配置して同様の表示内容にするという操作をマニュアルで行うというのは困難な作業であるが、このように自動的に制御が行われることで、容易に、デザイン性の高いコラージュを生成できるようになる。短時間でコラージュを生成することができるので、プレイするユーザの満足度を向上させることができる。
【０３８６】
また、ユーザの移動操作等が受け付けられる領域は、常に操作側領域３６４ａのみであるので、ユーザの混乱を招くことがなく操作が容易なユーザインターフェイスを提供することができる。
【０３８７】
図４９は、ミラー指定のあるテンプレートについての写真変更処理の動作の一例を示すフローチャートである。
【０３８８】
写真選択画面２６０での操作受付処理において、操作側画像３６５ａとして別の撮影画像が選択されると、図４９に示されるように、ステップＳ６４１において、現在選択されていた撮影画像（元画像）と、新しく選択された撮影画像（元画像）とが、サイズが同じであるか否かが検出される。
【０３８９】
サイズが同じであれば、ステップＳ６４２の処理が行われる。すなわち、現在と同じ拡大率や表示位置（座標）で、新しく選択された撮影画像を、操作側領域３６４ａに表示させる。この場合、コラージュの作成を開始してから現在の操作側画像３６５ａについて操作した履歴を反映した状態で、新たに選択された操作側画像３６５ａが表示されることになる。
【０３９０】
他方、サイズが同じでなければ、ステップＳ６４３の処理が行われる。すなわち、そのテンプレートについて予め定められたている拡大率で、予め定められている座標に、選択写真を表示する。この場合、コラージュの作成をその操作側画像３６５ａについて開始したときと同様の表示されることになる。
【０３９１】
ステップＳ６４４において、操作側領域３６４ａの操作側画像３６５ａを、ミラー領域３６４ｂにも表示する。これにより、新たに選択された撮影画像を用いて、コラージュを作成することができる。
【０３９２】
このように、選択された撮影画像のサイズに基づいて写真変更処理が行われることで、ユーザは、より効率的にコラージュ作成を行うことができる。
【０３９３】
例えば、現在の撮影画像が上半身中心にユーザを撮影したアップ画像であるときに、新たに別のアップ画像が変更先の撮影画像として選択されると、撮影画像についての拡大率等の変更直前の状態を反映した上で、新たに選択した撮影画像について操作することができる。このような場合、撮影画像に占めるユーザの大きさや撮影画像中の顔などの位置は、変更前後でそれほど変わらない場合が多く、変更前の状態を反映して引き続き操作を行えるので、効率的にコラージュ作成を進めることができる。
【０３９４】
他方、現在の中心がアップ画像であるときに、全身が入るように撮影された全身画像が新たに選択されると、画像の変更直前の状態は無視され、初期状態で画像が表示される。このような場合、撮影画像に占めるユーザの大きさや顔等の位置が、変更前後で比較的大きく変化する。したがって、変更前の状態を反映させず、新たに初期状態から操作を行えるので、ユーザの混乱が少なく、効率的にコラージュ作成を進めることができる。
【０３９５】
なお、写真変更処理が行われたとき、操作側領域３６４ａにアイコン３６７を再度表示するようにしてもよい。
【０３９６】
図５０は、ミラー指定のあるテンプレートについての写真変更処理を説明する図である。
【０３９７】
図５０においては、例えば図４３に示されるような状態から、コラージュに用いる写真として異なる写真が選択されたときの表示例が示されている。すなわち、このような場合に、上述のような写真変更処理が行われることで、選択された写真を利用して、操作側画像３６５ａとミラー画像３６５ｂとが表示される。このとき、操作側画像３６５ａには、写真の変更前にアイコン３６７が表示されていたか否かに関わらず、アイコン３６７が表示されるようにしてもよい。
【０３９８】
なお、このようなミラー指定のあるテンプレートにおいて、操作側画像３６５ａに対するミラー画像３６５ｂとして、操作側画像３６５ａの鏡像を用いるようにしてもよい。
【０３９９】
図５１は、ミラー指定のあるテンプレートを用いて行う操作受付処理の一変型例を説明する第１の図である。
【０４００】
図５１を参照して、写真選択画面２６０において、デザイン表示領域３６１の画像は、上述と同様に左右に分かれて配置された撮影画像３６５ａ，３６５ｂを含んでいる。ここで、操作側画像３６５ａとミラー画像３６５ｂとは、その境界すなわちデザイン表示領域３６１の左右中央を対称軸として、対称となるように表示される。すなわち、ミラー画像３６５ｂとしては、操作側画像３６５ａの撮影画像の反転画像を用いた、操作側画像３６５ａの鏡像が表示される。
【０４０１】
図５２は、ミラー指定のあるテンプレートを用いて行う操作受付処理の一変型例を説明する第２の図である。
【０４０２】
図５１のように表示されている状態で、操作側画像３６５ａについて右側に移動させるように移動操作が行われると、例えば図５２に示されるようになる。すなわち、操作側画像３６５ａには、ユーザの移動操作に応じて、撮影画像を右側に移動させた状態の画像が表示される。これに対し、ミラー画像３６５ｂには、操作側画像３６５ａの鏡像、すなわち撮影画像を左側に移動させた状態の画像が表示される。
【０４０３】
このようにすることで、ミラー画像３６５ｂとして操作側画像３６５ａの鏡像を表示させた、デザイン性の高いコラージュを作成することができる。このような画像をユーザが２つの画像を別々に操作して作成することが極めて困難であるところ、操作側画像３６５ａの操作に応じて自動的にミラー画像３６５ｂを変更させるので、容易にコラージュ作成を行うことができる。
【０４０４】
なお、図５１や図５２に示される例において、反転ボタン２４９を操作することにより、ミラー画像３６５ｂとして、操作側画像３６５ａの写しを表示させるか、操作側画像３６５ａの鏡像を表示させるかを、容易に切り替えられるようにしてもよい。これにより、多様なデザイン性の高いコラージュを容易に生成することができる。
【０４０５】
なお、ミラー指定のあるテンプレートとしては、上述のように左右に分かれた２つの画像領域３６４ａ，３６４ｂを含むものに限られない。例えば、上下方向に分かれたものを用いてもよい。また、３つ以上の画像領域を含み、そのうちいずれか１つの領域が操作を受付可能な操作側領域となり、他の１つ以上の領域が操作側画像が反映されるミラー領域となるように構成されたものが用いられていてもよい。テンプレートに含まれる複数の領域のうち限られた数の領域が、操作側領域とミラー領域との関係を有するように構成されていてもよい。
【０４０６】
また、ミラー指定のあるテンプレートにおいて、操作側領域とミラー領域との関係を有する複数の領域は、互いに同一の形状でなくてもよく、互いに相似な形状であればよい。このとき、操作側画像とミラー画像とで、表示される画像の範囲（画角）が同一となるようにすればよい（操作側画像とミラー画像とが互いに相似であったり、操作側画像の鏡像とミラー画像とが互いに相似であったりすればよい。）。
【０４０７】
ミラー指定のあるテンプレートは、テンプレート画像中に操作側画像やミラー画像を含むものであってもよい。
【０４０８】
［自動配置画像編集についての説明］
【０４０９】
図５３は、「簡単コラージュ」のデザインとして自動配置指定があるものが選択されているときの写真選択画面２６０を示す図である。
【０４１０】
ここでは、自動配置指定があるテンプレートであって、撮影画像を、互いに大きさが等しい３つの部分画像（上部画像、中部画像、及び下部画像）になるように上下方向に３分割して、それぞれの部分画像が配置されるものが選択された場合を想定する。
【０４１１】
図５３に示されるように、写真選択画面２６０には、上述のデザイン表示領域２６１に代えて、デザイン表示領域４６１が表示されている。
【０４１２】
デザイン表示領域４６１は、テンプレート画像４６３と、それぞれ部分画像が表示される３つの画像領域４６４ａ，４６４ｂ，４６４ｃ（第１領域４６４ａ、第２領域４６４ｂ、第３領域４６４ｃ）とを有している。第１領域４６４ａには、第１画像４６５ａが表示される。第２領域４６４ｂには、第２画像４６５ｂが表示される。第３領域４６４ｃには、第３画像４６５ｃが表示される。
【０４１３】
デザイン表示領域４６１において、操作対象となっている領域については、選択枠４６６で囲まれる。また、デザイン表示領域４６１の表示当初は、操作対象となっている領域の画像に重ねて、アイコン４６７が表示される。
【０４１４】
本実施の形態において、３つの画像領域４６４ａ，４６４ｂ，４６４ｃは互いに同じ大きさ、形状を有している。
【０４１５】
図５４は、自動配置動作を説明する図である。
【０４１６】
自動配置指定があるテンプレートが選択されると、そのテンプレートに応じて、同一の撮影画像のうち、予め定められた範囲の画像と、その範囲とは異なる範囲になるように予め定められた範囲の画像とが、コラージュに含められる。すなわち、同一の撮影画像のうち、それぞれ異なる範囲になるように予め定められた複数の範囲の画像が、それぞれ予め定められた位置に自動的に配置される。
【０４１７】
例えば、元画像Ｐを上下に３分割して配置するテンプレートが選択されている場合には、図５４に示されるようになる。すなわち、元画像Ｐは、上から３分の１の範囲の上部画像、下から３分の１の範囲の下部画像、上部画像と下部画像との間の中部画像、のそれぞれの部分画像として表示される。ここで、上部画像は、元画像Ｐのうち下から３分の２の範囲を表示しないようにした（図において斜線部で示す）画像であって、第１画像４６５ａとして第１領域４６４ａに表示される。中部画像は、元画像Ｐのうち上下それぞれ３分の１の範囲を表示しないようにした画像であって、第２画像４６５ｂとして第２領域４６４ｂに表示される。下部画像は、元画像Ｐのうち上から３分の２の範囲を表示しないようにした画像であって、第３画像４６５ｃとして第３領域４６４ｃに表示される。
【０４１８】
図５５は、自動配置画像編集処理を示すフローチャートである。
【０４１９】
自動配置指定のあるテンプレートが選択されると、まず、自動配置画像編集処理が開始される。すなわち、図５５に示されるように、ステップＳ６５１において、テンプレートについての設定情報が取得される。これにより、テンプレート内における画像領域の数や位置、各画像領域についての画像処理の有無やその内容などが制御部５０１によって読み込まれる。制御部５０１は、設定情報に基づいて、写真選択画面２６０を表示する。
【０４２０】
ステップＳ６５２において、写真選択が受け付けられる。ここでは、３箇所の画像領域４６４ａ，４６４ｂ，４６４ｃについて、１つの撮影画像だけの選択が受け付けられる。
【０４２１】
ステップＳ６５３において、選択された撮影画像と、テンプレートについての設定情報とに基づいて、撮影画像が所定の領域に表示されるために分割される。ここで、分割とは、ここでは、一枚の画像のうち、表示となる範囲をそれぞれの画像領域４６４ａ，４６４ｂ，４６４ｃについて設定することをいい、１枚の画像をそれより小さな大きさの複数の画像に分けることを意味しない。これにより、３つの部分画像が得られることになる。
【０４２２】
ステップＳ６５４において、各部分画像が、所定の画像領域４６４ａ，４６４ｂ，４６４ｃに配置される。
【０４２３】
ステップＳ６５５において、プレビュー画像すなわちデザイン表示領域４６１の画像の表示が更新される。これにより、デザイン表示領域４６１に、第１画像４６５ａ、第２画像４６５ｂ、及び第３画像４６５ｃが含まれるプレビュー画像が表示される。ここで、所定の領域の画像（例えば、第１領域４６４ａの第１画像４６５ａ）に重ねて、アイコン４６７が表示されると共に、その領域が選択枠４６６で囲まれる。
【０４２４】
ステップＳ６５５の処理が終了すると、次の操作受付処理に移る。
【０４２５】
図５６は、自動配置画像編集処理後の操作受付処理を示すフローチャートである。
【０４２６】
操作受付処理は、図５６に示されるような一連の動作を、受付が終了されるまで繰替えし実行することで行われる。ここでは、通常のテンプレートが選択されたときの操作受付処理と略同様の処理が行われる。
【０４２７】
すなわち、図５６に示されるように、ステップＳ６６１において、操作対象となっている領域（操作中領域）にアイコン４６７が表示されている場合において、操作中領域がタッチ操作されたか否かが検出される。上述の通り、写真選択画面２６０が表示された当初は、例えば第１領域４６４ａに重ねてアイコン４６７が表示される。このような場合に、第１領域４６４ａがタッチ操作された場合には、ステップＳ６６２に進む。タッチ操作されない場合、及びそもそもアイコン４６７が表示されていない場合には、ステップＳ６６３に進む。
【０４２８】
ステップＳ６６１でタッチ操作されたときには、ステップＳ６６２において、表示されているアイコン４６７を消去する。
【０４２９】
ステップＳ６６３において、操作中領域についてドラッグ操作（移動操作）が行われたか否かが検出される。
【０４３０】
ステップＳ６６３においてドラッグ操作が行われると、ステップＳ６６４の処理が行われる。すなわち、ステップＳ６６４において、ドラッグ操作に応じて、操作中の領域に対して画像が移動され、操作中の領域に表示される画像の内容が変更される。
【０４３１】
ステップＳ６６５において、ズームバー２６７が操作されたか否かが検出される。
【０４３２】
ステップＳ６６５においてズームバー２６７が操作されると、ステップＳ６６６の処理が行われる。すなわち、ステップＳ６６６において、ズームバー２６７の操作に応じて、操作中の領域に対する画像の拡大率が変更され、操作中の領域に表示される画像の内容が変更される。
【０４３３】
ステップＳ６６７において、画像領域４６４ａ，４６４ｂ，４６４ｃのうち、操作中領域ではない非操作中領域に対してタッチ操作が行われたか否かが検出される。
【０４３４】
ステップＳ６６７においてタッチ操作が行われると、ステップＳ６６８において、操作中領域を変更し、その操作が行われた領域を操作中領域とする。新たな操作中領域に対して選択枠４６６が表示されるように制御される。このとき、アイコン４６７を新たな操作中領域に表示するようにしてもよいし、表示しないようにしてもよい。
【０４３５】
ステップＳ６６９において、別の写真が選択されたか否かが検出される。
【０４３６】
ステップＳ６６９において別の写真が選択されると、ステップＳ６７０において、自動配置指定のあるテンプレートについての写真変更処理が行われる。写真変更処理の詳細については、後述する。
【０４３７】
ステップＳ６７１において、プレビュー画像すなわちデザイン表示領域４６１の画像の表示が更新される。
【０４３８】
ステップＳ６７２において、操作受付が終了されたか否かが検出される。例えば、決定ボタン２７７が操作されたときに、操作受け付けが終了されたと判断される。
【０４３９】
ステップＳ６７２において操作受付が終了されたと判断されるまでは、ステップＳ６６１以降の処理が繰り返し実行される。
【０４４０】
図５７は、操作受付処理が行われたときのデザイン表示領域４６１の表示内容を説明する図である。
【０４４１】
図５７を参照して、ステップＳ８１に示されるように、デザイン表示領域４６１にプレビュー画像が表示されている場合を想定する。このとき、第１領域４６４ａ（第１画像４６５ａ）が操作中領域となっており、選択枠４６６が表示されている。第１画像４６５ａに重ねて、アイコン４６７が表示されている。
【０４４２】
ここで、第１画像４６５ａをタッチする操作が行われると、ステップＳ８２に示されるようになる。すなわち、第１画像４６５ａについてのタッチ操作が受け付けられると、アイコン４６７が消去される。
【０４４３】
そして、第１画像４６５ａについて移動操作が行われると、ステップＳ８３に示されるようになる。すなわち、移動操作に応じて、第１画像４６５ａの内容が変更される。
【０４４４】
この状態から、ズームバー２６７が例えば拡大方向に操作されると、ステップＳ８４に示されるようになる。すなわち、拡大操作に応じて、第１画像４６５ａの内容が変更される。
【０４４５】
図５８は、自動配置指定のあるテンプレートについての写真変更処理の動作の一例を示すフローチャートである。
【０４４６】
写真選択画面２６０での操作受付処理において、コラージュ作成に用いる画像として別の撮影画像が選択されると、写真変更処理が開始される。図５８に示されるように、ステップＳ６８１において、テンプレートの設定情報が取得される。
【０４４７】
ステップＳ６８２において、選択された撮影画像と、テンプレートについての設定情報とに基づいて、撮影画像が所定の領域に表示されるために分割される。
【０４４８】
ステップＳ６８３において、各部分画像が、所定の画像領域４６４ａ，４６４ｂ，４６４ｃに配置される。
【０４４９】
ステップＳ６８５において、プレビュー画像すなわちデザイン表示領域４６１の画像の表示が更新される。これにより、デザイン表示領域４６１に、新たに選択された撮影画像に基づく第１画像４６５ａ、第２画像４６５ｂ、及び第３画像４６５ｃが含まれるプレビュー画像が表示される。また、所定の領域の画像（例えば、第１領域４６４ａの第１画像４６５ａ）に重ねて、アイコン４６７が表示されると共に、その領域が選択枠４６６で囲まれる。
【０４５０】
ステップＳ６８４の処理が終了すると、引き続き、操作受付処理が行われる。
【０４５１】
図５９は、自動配置指定のあるテンプレートについての写真変更処理を説明する図である。
【０４５２】
図５９においては、例えば図５３に示されるような状態から、コラージュに用いる写真として異なる写真が選択されたときの表示例が示されている。すなわち、このような場合に、上述のような写真変更処理が行われることで、選択された写真を利用して、自動的に所定の態様で分割された複数の部分画像が含められ、写真選択画面２６０が表示される。このとき、操作対象となる第１画像４６５ａには、写真の変更前にアイコン４６７が表示されていたか否かに関わらず、アイコン４６７が表示される。アイコン４６７は、必ずしも表示されなくてもよく、例えば写真の変更前に表示されていなかったときには変更後も表示しないようにしてもよい。
【０４５３】
図６０は、自動配置指定のあるテンプレートの例を示す第１の図である。
【０４５４】
図６０において、上段には、上述とは部分画像の配置順が異なるテンプレートが選択されたときのデザイン表示領域４６１ａの表示例が示されており、下段には、上述とは部分画像の表示方法が異なるテンプレートが選択されたときのデザイン表示領域４６１ｂの表示例が示されている。
【０４５５】
デザイン表示領域４６１ａに示される例では、上述の例と比べて、第２画像４６５ｂと第３画像４６５ｃとが互いに入れ替わった位置に配置されている。このように、画像領域４６４ａ，４６４ｂ，４６４ｃのそれぞれの画像の配置順や画像領域の数等は、特定のものに限られず、適宜設定することができるものである。
【０４５６】
デザイン表示領域４６１ｂに示される例では、上述の例と比べて、第１画像４６５ａ、第２画像４６５ｂ、及び第３画像４６５ｃの縦横比がもとの部分画像のそれとは異なっており、それぞれ縦方向に引き延ばされるようにして表示されている。このように、各部分画像の表示方法も、種々設定することができるものである。
【０４５７】
図６１は、自動配置指定のあるテンプレートの例を示す第２の図である。
【０４５８】
すなわち、図６１において、上段と下段とに、それぞれ別のテンプレートが示されている。
【０４５９】
自動配置指定のあるテンプレートは、テンプレート画像を含まないものであってもよい。すなわち、図６１の上段を参照して、元画像Ｐが上下方向に３分割され、その順番が入れ替わるようにして再配置されることで、元画像Ｐと同じ大きさのコラージュが生成されるようにしてもよい。例えば、元画像Ｐを第１領域４６４ａに対応する上部画像、第２領域４６４ｂに対応する中部画像、及び第３領域４６４ｃに対応する下部画像に３分割したうち、コラージュは、上部画像と下部画像との位置を入れ替えて生成されるようにしてもよい。このとき、テンプレートとしては、上方から、第３領域４６４ｃ、第２領域４６４ｂ、第１領域４６４ａがそれぞれ順に並んだものを用いることができる。
【０４６０】
また、図６１の下段を参照して、元画像Ｐが上下方向に３分割され、そのうち一部の画像を複数回用いてコラージュが生成されるようにしてもよい。例えば、テンプレートとして、上方から、第２領域４６４ｂ、第１領域４６４ａ、第３領域４６４ｃ、第４領域４６４ｄが順に並ぶものを用い、上部画像を第１領域４６４ａと第４領域４６４ｄとの両方に用いるようにしてもよい。
【０４６１】
図６２は、自動配置指定のあるテンプレートの例を示す第３の図である。
【０４６２】
各画像領域に配置される画像のうち一部に、所定の加工やユーザの操作に応じた加工が施された上でコラージュが作成されるようにしてもよい。また、画像をさらに別の態様で分割してもよい。
【０４６３】
図６２の中段に示されるように、ここでは、コラージュを６分割されている領域からなるテンプレートが用いられている。すなわち、テンプレートは、上下方向に３分割、左右方向に２分割されており、左側が、上方から第１領域４６４ａ、第３領域４６４ｃ、第２領域４６４ｂが順に並び、右側が、上方から第６領域４６４ｆ、第５領域４６４ｅ、第４領域４６４ｄが順に並んでいる。各領域４６４ａ〜４６４ｅには、元画像Ｐが同じように６分割された部分画像が、対応するように配置される。
【０４６４】
ここで、例えば、図６２の中段に示される第１領域４６４ａを見ると、人物の顔が見切れている。このような状態になることを防いで効率良くデザイン性の高いコラージュを作成することができるように、顔認識処理を行って、その結果に基づいて部分画像の位置や大きさなどの調整を行うようにしてもよい。この場合、特定の領域については顔認識処理を行うように、予めテンプレートの設定情報として指定しておくようにすればよい。例えば、図６２に示される例において、第１領域４６４ａと第４領域４６４ｄとが顔認識を行うように設定しておき、それぞれの領域に対応する部分画像について顔認識を行って、人物の顔がその部分画像の所定の位置（例えば中央）に位置するようにすればよい。これにより、例えば上述のような第１領域４６４ａにおいても人物の顔の全体が領域内に入るようにして、自動的に図６２の下段で示されるようなコラージュを生成することができる。このような顔認識処理は、図６２に示されるようなテンプレートに限らず、上述の他の例においても行われてもよい。すなわち、撮影画像について顔認識処理を行い、顔認識処理の結果に基づいた範囲の部分画像とその他の範囲の部分画像とが所定の領域に自動的に配置され、コラージュを作成できるようにすればよい。
【０４６５】
なお、図６２の中段に示されるように部分画像が自動配置された後、ユーザによるマニュアル操作を受け付けることで、図６２の下段に示されるような画像を生成できるようにしてもよい。
【０４６６】
また、図６２の下段に示されるように、第３領域４６４ｃ及び第６領域４６４ｅについて、部分画像は、予め定められたフィルタ画像と合成されて表示される。また、他の領域のそれぞれについては、元画像Ｐに基づく部分画像が表示される。なお、このような第３領域４６４ｃ及び第６領域４６４ｅに限らず、他の部分画像について、このような加工が施されるように設定されていてもよい。
【０４６７】
なお、このようなフィルタ画像との合成のような画像処理に限られず、他の種の画像処理が行われるようにしてもよい。また、ユーザからの、所望の画像処理や画像の加工等を選択する操作を受け付け、その操作に応じた加工が行われるようにしてもよい。
【０４６８】
このように、自動配置指定のあるテンプレートを用いることで、一般のユーザが簡単には思いつかないような、デザイン性の高いコラージュを生成できるようになる。複数の画像領域に、互いに関連を有するようにして複数の画像をマニュアル操作で配置する作業を限られた時間で行うのは困難であるところ、本実施の形態では、自動的に、互いに関連するように分割された複数の画像が配置されるので、容易に、短時間でコラージュを生成することができるようになり、プレイするユーザの満足度を向上させることができる。
【０４６９】
なお、１枚の撮影画像から生成される複数の部分画像は、互いに共通する部分を含むものであってもよい。また、撮影画像中に、コラージュに配置されるいずれの部分画像にも含まれない部分があるように構成されていてもよい。コラージュ中に、部分画像とは関係なく、自動的に又はユーザの指定により表示される画像が含まれていてもよい。
【０４７０】
［本実施の形態の変型例の説明］
【０４７１】
上述のような、回転機能（画像を回転する機能）、反転機能（反転画像を配置する機能）、及びミラー機能（操作側画像とミラー画像とを配置する機能）は、上述の実施の形態に限られず、それぞれ他の種の画像の編集時に利用可能であってもよい。例えば、回転機能は、コラージュ作成時や、撮影画像にいての通常の落書き編集時にも利用可能であってもよい。また、反転機能は、切り取り画作成時に利用可能であってもよいし、撮影画像についての通常の落書き編集時に、撮影画像を反転させるために利用可能であってもよい。ミラー機能は、切り取り画作成時に利用可能であってもよく、このとき、操作側画像とミラー画像とを含む画像の一部を切り取り画とすることができるようにしてもよい。
【０４７２】
また、回転機能、反転機能、及びミラー機能は、落書き編集画面、切り取り画落書き画面、又はコラージュ画面に表示されるパレットにおいて撮影画像の一部を含むスタンプを作成する際などにも用いられるようにしてもよい。
【０４７３】
図６３は、撮影画像の一部を含むスタンプの作成機能の一例を示す第１の図である。
【０４７４】
図６３において、パレット１１５のうち「コラージュ」タブが選択されている状態（コラージュパレット１１５ａが利用可能な状態）が示されている。コラージュパレット１１５ａでは、例えば、選択した写真画像を所定の形状で切り取って（型抜きして）写真画像スタンプを作成できる。作成した写真画像スタンプは、コラージュの編集画面や落書き画面に適宜配置できる。写真画像スタンプは、次のようにして作成できる。
【０４７５】
すなわち、ステップＳ４２１において、コラージュパレット１１５ａを表示する。コラージュパレット１１５ａには、選択写真画像Ｑと、型抜き形状選択部Ｈとが含まれる。ユーザは、所望の写真画像の選択操作を行い、選択写真画像Ｑに表示させる。選択操作は、選択写真画像Ｑの左右にある選択ボタンを操作することで行うことができる。また、ユーザは、型抜き形状選択部Ｈの中から所望の形状（型抜き形状）を選択する。ここでは、例えばハート型の型抜き形状Ｈ１を選択した場合を想定し、以下説明する。
【０４７６】
ステップＳ４２３において、ユーザは、型抜き形状Ｈ１を選択写真画像Ｑの所望の位置までドラッグする操作（例えば、タッチペンを編集モニタに押し付けたままスライドさせる操作）を行う。例えば、型抜き形状Ｈ１により選択写真画像Ｑのうち人物の顔部分の型抜きを行いたい場合には、図６３において符号Ｈ２で示すように、その顔部分の上部まで型抜き形状Ｈ１をドラッグする。なお、このようにドラッグが行われているとき、ドラッグされている型抜き形状Ｈ２を半透明化して画面上に表示し、選択写真画像Ｑと型抜き形状Ｈ２との位置関係が容易に把握できるようにしてもよい。また、型抜き形状Ｈ１がドラッグされているとき、元の型抜き形状Ｈ１の表示を、その時点で型抜きを行ったときに生成される写真画像スタンプのプレビュー表示とするようにしてもよい。
【０４７７】
ステップＳ４２５において、ユーザは、ドラッグしている型抜き形状Ｈ２を所望の位置でドロップする操作（例えば、タッチペンを編集モニタから離す操作）を行うことで、型抜きを行う。型抜きが行われると、選択写真画像Ｑのうち型抜きを行った部分の画像が含まれる写真画像スタンプＨ３が生成される。写真画像スタンプＨ３は、型抜き形状Ｈ１に代えてコラージュパレット１１５ａに表示される。これにより、ユーザは、写真画像スタンプＨ３を選択することで、写真画像スタンプＨ３を落書き編集等に利用することができる。
【０４７８】
なお、写真画像スタンプＨ３が生成された後でも、同様のドラッグ操作とドロップ操作を行うことで、写真画像スタンプＨ３を作成し直すことができる。
【０４７９】
図６４は、撮影画像の一部を含むスタンプの作成機能の一例を示す第２の図である。
【０４８０】
ここで、このように型抜きにより作成された写真画像スタンプＨ３について、上述のような反転、回転、ミラー等の各機能が実行可能であってもよい。すなわち、スタンプを編集するための回転バーや拡大バーを操作することで、図６４に示されるように、型抜き形状Ｈ１に対する選択写真画像Ｑの向きや角度を変更することで、多様な写真画像スタンプＨ３を作成して落書き編集などに用いることができるようになる。このような反転、回転、ミラー等の各機能は、写真画像スタンプＨ３が生成されてからその写真画像スタンプＨ３について行われるようにしてもよいし、選択写真画像Ｑについて先に反転、回転、ミラー等の各機能を実行させておき、実行後の選択写真画像Ｑについて型抜き形状Ｈ１で切り抜くようにしてもよい。
【０４８１】
［その他］
【０４８２】
写真シール作成装置は、上述の実施の形態における各特徴点をすべて有するものでなくてもよく、一部の特徴点のみを有するものであってもよい。そのように構成された写真シール作成装置であっても、その特徴点を有することに応じた効果を得ることができる。
【０４８３】
切り取り画の生成時やコラージュの生成時の処理において撮影画像を用いるときには、撮影画像をそのまま用いて処理を行ってもよいし、撮影画像について画像処理や切り取り等を行った後の画像（撮影画像に基づく画像）を用いて処理を行ってもよい。
【０４８４】
コラージュの作成時におけるデザインは、上述のような所定の選択画面において選択可能でなくてもよく、適宜、プレイ時の種々の条件に応じて制御部により自動的に選択されたり、ランダムに制御部により自動的に選択されたりしてもよい。
【０４８５】
生成された切り取り画やコラージュ画像等は、サーバに送信されず、他の方法でユーザに提供されるようにしてもよい。例えば、ユーザの携帯電話と写真シール作成装置が有線通信又は無線通信で直接通信することでユーザに画像が提供されるようにしてもよいし、可搬性のある記録媒体などを用いることでユーザに提供されるようにしてもよい。
【０４８６】
本発明は、写真シール作成装置に限られず、撮像した写真を用いて加工画像をユーザに提供する写真撮影遊戯装置やそれを備える装置に広く適用可能である。
【０４８７】
上述の実施の形態における処理は、ソフトウェアによって行っても、ハードウェア回路を用いて行ってもよい。
【０４８８】
上述の実施の形態における処理を実行するプログラムを提供することもできるし、そのプログラムをＣＤ−ＲＯＭ、フレキシブルディスク、ハードディスク、ＲＯＭ、ＲＡＭ、メモリカードなどの記録媒体に記録してユーザに提供することにしてもよい。プログラムはインターネットなどの通信回線を介して、装置にダウンロードするようにしてもよい。上記のフローチャートで文章で説明された処理は、そのプログラムに従ってＣＰＵなどにより実行される。
【０４８９】
上記実施の形態は、すべての点で例示であって制限的なものではないと考えられるべきである。本発明の範囲は上記した説明ではなくて特許請求の範囲によって示され、特許請求の範囲と均等の意味及び範囲内でのすべての変更が含まれることが意図される。
【符号の説明】
【０４９０】
１  写真シール作成装置（写真撮影遊戯装置の一例）
１００  落書き編集画面
１４０  切り取り画面
１６０  加工選択画面
２２０  デザイン選択画面
２６０  写真選択画面
２８０  コラージュ画面
２８１  コラージュ領域
３６４ａ  操作側領域（第１領域の一例）
３６４ｂ  ミラー領域（第２領域の一例）
４６４ａ  第１領域
４６４ｂ  第２領域
４６４ｃ  第３領域
５０１  制御部
５０２  ＣＰＵ
５０３  メモリ
５０４  画像処理部
５０５  記憶部
５０７  制御プログラム
５０９  通信部
５１５  カメラ
５７０  編集出力装置
５７５  シール排出口
５８０  編集受付部
５８１  編集モニタ
５８３  タッチペン
５８５  非接触通信装置
５８７  スピーカ
５９０  印刷部
６０１  画像提供サーバ
７０１  携帯端末
９０１  写真シール遊戯システム
【図１】
2016006461.tif 000003
【図２】
2016006461.tif 000004
【図３】
2016006461.tif 000005
【図４】
2016006461.tif 000006
【図５】
2016006461.tif 000007
【図６】
2016006461.tif 000008
【図７】
2016006461.tif 000009
【図８】
2016006461.tif 000010
【図９】
2016006461.tif 000011
【図１０】
2016006461.tif 000012
【図１１】
2016006461.tif 000013
【図１２】
2016006461.tif 000014
【図１３】
2016006461.tif 000015
【図１４】
2016006461.tif 000016
【図１５】
2016006461.tif 000017
【図１６】
2016006461.tif 000018
【図１７】
2016006461.tif 000019
【図１８】
2016006461.tif 000020
【図１９】
2016006461.tif 000021
【図２０】
2016006461.tif 000022
【図２１】
2016006461.tif 000023
【図２２】
2016006461.tif 000024
【図２３】
2016006461.tif 000025
【図２４】
2016006461.tif 000026
【図２５】
2016006461.tif 000027
【図２６】
2016006461.tif 000028
【図２７】
2016006461.tif 000029
【図２８】
2016006461.tif 000030
【図２９】
2016006461.tif 000031
【図３０】
2016006461.tif 000032
【図３１】
2016006461.tif 000033
【図３２】
2016006461.tif 000034
【図３３】
2016006461.tif 000035
【図３４】
2016006461.tif 000036
【図３５】
2016006461.tif 000037
【図３６】
2016006461.tif 000038
【図３７】
2016006461.tif 000039
【図３８】
2016006461.tif 000040
【図３９】
2016006461.tif 000041
【図４０】
2016006461.tif 000042
【図４１】
2016006461.tif 000043
【図４２】
2016006461.tif 000044
【図４３】
2016006461.tif 000045
【図４４】
2016006461.tif 000046
【図４５】
2016006461.tif 000047
【図４６】
2016006461.tif 000048
【図４７】
2016006461.tif 000049
【図４８】
2016006461.tif 000050
【図４９】
2016006461.tif 000051
【図５０】
2016006461.tif 000052
【図５１】
2016006461.tif 000053
【図５２】
2016006461.tif 000054
【図５３】
2016006461.tif 000055
【図５４】
2016006461.tif 000056
【図５５】
2016006461.tif 000057
【図５６】
2016006461.tif 000058
【図５７】
2016006461.tif 000059
【図５８】
2016006461.tif 000060
【図５９】
2016006461.tif 000061
【図６０】
2016006461.tif 000062
【図６１】
2016006461.tif 000063
【図６２】
2016006461.tif 000064
【図６３】
2016006461.tif 000065
【図６４】
2016006461.tif 000066