JP6725591B2 - Photographing amusement device, control method for a photographing amusement device, and control program for a phototaking amusement device - Google Patents

Photographing amusement device, control method for a photographing amusement device, and control program for a phototaking amusement device Download PDF

Info

Publication number
JP6725591B2
JP6725591B2 JP2018112334A JP2018112334A JP6725591B2 JP 6725591 B2 JP6725591 B2 JP 6725591B2 JP 2018112334 A JP2018112334 A JP 2018112334A JP 2018112334 A JP2018112334 A JP 2018112334A JP 6725591 B2 JP6725591 B2 JP 6725591B2
Authority
JP
Japan
Prior art keywords
image
user
blurring
screen
processing
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
JP2018112334A
Other languages
Japanese (ja)
Other versions
JP2018174545A (en
Inventor
陽代 砂田
陽代 砂田
久留未 永松
久留未 永松
秀一 末宗
秀一 末宗
桃子 脇田
桃子 脇田
泰平 加藤
泰平 加藤
Original Assignee
加賀デバイス株式会社
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 加賀デバイス株式会社 filed Critical 加賀デバイス株式会社
Priority to JP2018112334A priority Critical patent/JP6725591B2/en
Publication of JP2018174545A publication Critical patent/JP2018174545A/en
Application granted granted Critical
Publication of JP6725591B2 publication Critical patent/JP6725591B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • Cameras Adapted For Combination With Other Photographic Or Optical Apparatuses (AREA)
  • Studio Devices (AREA)

Description

この発明は写真撮影遊戯装置、写真シール作成装置、写真撮影遊戯装置の制御方法、及び写真撮影遊戯装置の制御プログラムに関し、特に、カメラにより撮影して得た撮影画像を用いて生成した画像をユーザに提供する機能を有する写真撮影遊戯装置、写真シール作成装置、写真撮影遊戯装置の制御方法、及び写真撮影遊戯装置の制御プログラムに関する。 The present invention relates to a photo shooting game device, a photograph sticker creating device, a control method for a photo shooting game device, and a control program for a photo shooting game device. In particular, a user generates an image generated by using a photographed image taken by a camera. The present invention relates to a photography game device, a photograph sticker creating device, a control method of the photography game device, and a control program of the photography game device, which have a function to be provided to.

ゲームセンタなどに設置され、装置利用者(ユーザ、プレイヤ)などの写真を撮影して画像を生成する写真撮影遊戯装置が知られている。写真撮影遊戯装置としては、撮影した画像についての落書き編集(ペンによる書き込みやスタンプの配置など)を行った後に、それをシールなどのプリント物として提供する写真シール作成装置などがある。 2. Description of the Related Art There is known a photography game device installed in a game center or the like and taking a photograph of a device user (user, player) or the like to generate an image. An example of a photo shooting game device is a photo sticker creating device that performs graffiti editing (writing with a pen, placement of stamps, etc.) on a taken image and then provides it as a printed matter such as a sticker.

写真撮影遊戯装置には、ユーザを撮影して得られた画像を用いて、その画像についてトリミングを行ったり、その画像を用いてコラージュを行ったりし、撮影により得られた画像とは別の画像である画像をユーザに提供するために生成する機能を有するものが知られている。このような写真撮影遊戯装置は、生成した提供画像を、ユーザが所有する携帯端末などに送信することなどによって、ユーザに提供する。例えば、写真撮影遊戯装置は、携帯端末へ送信する元となる画像をユーザに選択させ、選択された画像から切り取った画像を携帯端末への送信用の提供画像とする。 An image different from the image obtained by the photographing is used for the photo-taking game device, by using the image obtained by photographing the user, trimming the image, or performing the collage using the image. It is known to have a function of generating a certain image to provide it to the user. Such a photography game device provides the generated provided image to the user by transmitting the generated provided image to a mobile terminal or the like owned by the user. For example, the photography game apparatus allows the user to select an image to be transmitted to the mobile terminal, and uses an image cut out from the selected image as the provided image for transmission to the mobile terminal.

提供画像は、例えば、上記のような写真撮影遊戯装置と、通信可能に接続された画像提供サーバとで構成された写真撮影遊戯システムにおいて、写真撮影遊戯装置と画像提供サーバとが共に連携することでユーザに提供される。例えば、このような写真撮影遊戯システムでは、利用者を撮影して得られた画像を写真撮影遊戯装置から画像提供サーバに送信させ、その画像を画像提供サーバを介して利用できるようにすることで、ユーザに提供する。画像提供サーバに送信された画像は、ユーザの携帯端末などを利用して、ユーザに画像データとして提供される。 The provided image is, for example, that the photography game device and the image provision server cooperate with each other in the photography game system configured by the photography game device as described above and the image provision server connected to be communicable. Provided to the user. For example, in such a photography game system, an image obtained by photographing the user is transmitted from the photography game device to the image providing server, and the image is made available through the image providing server. , Provide to the user. The image transmitted to the image providing server is provided to the user as image data by using the user's mobile terminal or the like.

下記特許文献1には、利用者を被写体として撮影した撮影画像の所定の領域を切り取ってユーザに提供する画像を作成する写真シール作成装置が開示されている。この装置では、ユーザに提供する画像の切り取り操作後に、ユーザがフィルター加工についての選択を行うことができるように構成されている。 Patent Document 1 below discloses a photograph sticker creating apparatus that crops a predetermined area of a photographed image of a user as a subject and creates an image to be provided to the user. This device is configured so that the user can select the filter processing after the image cutting operation for providing the image to the user.

特開2013−228699号公報JP, 2013-228699, A

年々、ユーザの間で、いわゆるスマートフォンなどの高機能な携帯端末の普及率が高まっている。そして、そのような携帯端末を利用して知人と画像を交換したり、自身のウェブログやソーシャル・ネットワーキング・サービス(SNS)などに画像を表示させたりするというニーズが高まっている。 The popularity of high-performance mobile terminals such as so-called smartphones is increasing among users year by year. There is a growing need for exchanging images with acquaintances using such mobile terminals, and displaying images on their own weblogs, social networking services (SNS), and the like.

このようなニーズに応じて、写真撮影遊戯装置を利用して、ユーザが、デザイン性が高い画像や意図する通りの画像のようなユーザにとって魅力的な画像を生成できると、ユーザの満足度が向上する。すなわち、一例として、写真シール作成装置を利用して作成した画像をSNS等のウェブサービスに投稿する場合、画像においてユーザ自身の顔は明瞭に表示させつつ、他ユーザの顔は、隠したり不明瞭な表示に留めたりしたいというようなニーズがある。画像に他ユーザの顔が明瞭に表示されている場合には、画像の利用についてその他ユーザの意向を尊重する必要があるからである。また、画像を部分的に強調して落書き編集を行いたいというようなニーズがある。 If the user can generate an attractive image for the user, such as a highly designed image or an image as intended, by using the photography game apparatus according to such needs, the user's satisfaction will be improved. improves. That is, as an example, when posting an image created using the photo sticker creating device to a web service such as SNS, the user's face is clearly displayed in the image, while the faces of other users are hidden or unclear. There is a need such as wanting to keep it displayed. This is because when the face of another user is clearly displayed in the image, it is necessary to respect other users' intentions regarding the use of the image. In addition, there is a need to perform graffiti editing by emphasizing an image partially.

上述のような場合には、例えばユーザ自身の部分のみを明瞭にしつつ他の部分をぼかしたり、落書き編集を行わない部分などを部分的にぼかしたりするなど、画像に効果的にぼかしを適用することで魅力的な画像を生成できると、ユーザの満足度が向上する。しかしながら、従来、このように効果的なぼかしを適用することができる写真撮影遊戯装置はなかった。上述のようなニーズに対しては、ペンやスタンプなどの落書きを行って、所望の部分を隠す編集作業などが行われており、それにより作成された画像は、魅力的に見えない画像となる場合があるという問題があった。 In the above case, blurring is effectively applied to an image, for example, blurring other portions while clarifying only the user's own portion, or partially blurring portions that do not undergo graffiti editing. If an attractive image can be generated in this way, user satisfaction is improved. However, heretofore, there has been no photography game device capable of applying such effective blurring. In response to the needs described above, graffiti such as pens and stamps are used to carry out editing work to hide desired parts, and the images created by them become unattractive images. There was a problem that sometimes.

この発明はそのような問題点を解決するためになされたものであり、ぼかしを適用した画像を容易に生成可能な写真撮影遊戯装置、写真シール作成装置、写真撮影遊戯装置の制御方法、及び写真撮影遊戯装置の制御プログラムを提供することを目的としている。 The present invention has been made to solve such a problem, and is capable of easily generating an image to which blurring has been applied, a photography game device, a photograph sticker creating device, a photography game device control method, and a photograph. The purpose is to provide a control program for the photographing and playing device.

上記目的を達成するためこの発明のある局面に従うと、カメラにより撮影して得た写真画像を用いて生成した提供画像をユーザに提供する写真撮影遊戯装置は、カメラにより撮影して得られた複数の写真画像のうち提供画像の生成に用いる写真画像を選択する写真選択手段と、写真選択手段により選択された写真画像に施す加工処理に関するユーザの操作を受け付け、受け付け結果に基づいて加工処理を行う加工手段と、加工処理に関するユーザの操作の後、加工手段による加工処理が施された写真画像に適用されるぼかし処理に関するユーザの操作を受け付け、受け付け結果に基づいてぼかし処理を行うぼかし手段と、加工手段及びぼかし手段による処理結果に基づいて提供画像を生成する生成手段とを備え、加工処理に関するユーザの操作は、写真画像の切り取り範囲の操作、写真画像の拡縮操作、写真画像の回転操作、及び写真画像に適用する複数の画像処理の組み合せを行うフィルタ加工の種類選択操作の少なくともいずれかの操作を含む。
好ましくは、ぼかし手段は、ぼかし処理に関するユーザの操作の受け付けを開始する時、写真画像の全域をぼかしの対象としたぼかし処理に関するユーザの操作を受け付ける。
好ましくは、ぼかし手段は、複数のぼかしパターンをユーザに選択可能に提示する提示手段と、ユーザによる、複数のぼかしパターンのうち適用するものを選択する操作を受け付けるぼかしパターン選択手段とを有し、複数のぼかしパターンは、写真画像の全域を一様にぼかす第1のぼかしパターンと、ぼかしを適用しない特定領域を写真画像の一部に含む第2のぼかしパターンとを含む。
According to an aspect of the present invention to achieve the above object, a photography game device that provides a user with a provided image generated by using a photographic image obtained by shooting with a camera is provided with a plurality of images obtained by shooting with the camera. Among the photographic images, a photo selecting unit that selects a photographic image to be used for generating the provided image, and a user operation related to the processing process to be performed on the photographic image selected by the photo selecting unit are received, and the processing process is performed based on the reception result. A processing means, and a blurring means for accepting a user's operation for blurring processing applied to a photographic image processed by the processing means after the user's operation for processing, and performing blurring processing based on the reception result; And a generation unit configured to generate a provided image based on a processing result by the processing unit and the blurring unit, and a user operation regarding the processing process includes an operation of a cutting range of a photographic image, a scaling operation of a photographic image, a rotation operation of a photographic image, And at least one operation of selecting a type of filter processing for performing a combination of a plurality of image processes applied to a photographic image.
Preferably, the blurring unit receives the user's operation regarding the blurring process in which the entire area of the photographic image is subjected to the blurring when starting the reception of the user's operation regarding the blurring process.
Preferably, the blurring unit has a presenting unit that presents a plurality of blurring patterns to the user in a selectable manner, and a blurring pattern selecting unit that receives an operation by the user to select one of the plurality of blurring patterns to be applied, The plurality of blur patterns include a first blur pattern that uniformly blurs the entire area of the photographic image, and a second blur pattern that includes a specific region to which blur is not applied as part of the photographic image.

この発明の他の局面に従うと、カメラにより撮影して得た写真画像を用いて生成した提供画像をユーザに提供する写真撮影遊戯装置の制御方法は、カメラにより撮影して得られた複数の写真画像のうち提供画像の生成に用いる写真画像を選択する写真選択ステップと、写真選択ステップで選択された写真画像に施す加工処理に関するユーザの操作を受け付け、受け付け結果に基づいて加工処理を行う加工ステップと、加工処理に関するユーザの操作の後、加工ステップで加工処理が施された写真画像に適用されるぼかし処理に関するユーザの操作を受け付け、受け付け結果に基づいてぼかし処理を行うぼかしステップと、加工ステップ及びぼかしステップにおける処理結果に基づいて提供画像を生成する生成ステップとを備え、加工処理に関するユーザの操作は、写真画像の切り取り範囲の操作、写真画像の拡縮操作、写真画像の回転操作、及び写真画像に適用する複数の画像処理の組み合せを行うフィルタ加工の種類選択操作の少なくともいずれかの操作を含むAccording to another aspect of the present invention, there is provided a method of controlling a photography game device that provides a user with a provided image generated by using a photographic image obtained by shooting with a camera. A photo selection step of selecting a photo image to be used to generate a provided image among images, and a processing step of accepting a user operation related to a modification process applied to the photo image selected in the photo selection step and performing a modification process based on the acceptance result And a blurring step of performing a blurring process on the basis of a reception result after accepting a user's operation regarding a blurring process applied to a photographic image processed in the processing step after the user's operation regarding the machining process, And a generation step of generating a provided image based on the processing result in the blurring step, and the user operation relating to the processing processing is an operation of a cutting range of a photographic image, a scaling operation of a photographic image, a rotation operation of a photographic image, and a photograph. It includes at least one operation of selecting a type of filter processing for combining a plurality of image processes applied to an image .

この発明のさらに他の局面に従うと、カメラにより撮影して得た写真画像を用いて生成した提供画像をユーザに提供する写真撮影遊戯装置の制御プログラムは、カメラにより撮影して得られた複数の写真画像のうち提供画像の生成に用いる写真画像を選択する写真選択ステップと、写真選択ステップで選択された写真画像に施す加工処理に関するユーザの操作を受け付け、受け付け結果に基づいて加工処理を行う加工ステップと、加工処理に関するユーザの操作の後、加工ステップで加工処理が施された写真画像に適用されるぼかし処理に関するユーザの操作を受け付け、受け付け結果に基づいてぼかし処理を行うぼかしステップと、加工ステップ及びぼかしステップにおける処理結果に基づいて提供画像を生成する生成ステップとをコンピュータに実行させ、加工処理に関するユーザの操作は、写真画像の切り取り範囲の操作、写真画像の拡縮操作、写真画像の回転操作、及び写真画像に適用する複数の画像処理の組み合せを行うフィルタ加工の種類選択操作の少なくともいずれかの操作を含む
According to still another aspect of the present invention, a control program of a photography game device that provides a user with a provided image generated by using a photographic image obtained by shooting with a camera, includes a plurality of images captured by the camera. Processing for selecting a photo image to be used for generating a provided image from among the photo images, accepting a user operation relating to the modification process to be applied to the photo image selected in the photo selection step, and performing modification processing based on the acceptance result After the step and the user operation related to the processing process, the user operation related to the blurring process applied to the photographic image processed in the processing step is accepted, and the blurring process is performed based on the acceptance result. The computer performs the generation step of generating the provided image based on the processing result in the step and the blurring step, and the user's operations related to the processing processing include the operation of the cutting range of the photographic image, the operation of scaling the photographic image, and the rotation of the photographic image. The operation includes at least one of an operation and an operation of selecting a type of filter processing for combining a plurality of image processes applied to a photographic image .

これらの発明に従うと、範囲設定手段により切り取り範囲が設定され、かつ、加工選択手段によりフィルタ加工が選択された状態で、提供画像に適用されるぼかし処理に関するユーザの操作が受け付けられる。したがって、ぼかしを適用した画像を容易に生成可能な写真撮影遊戯装置、写真シール作成装置、写真撮影遊戯装置の制御方法、及び写真撮影遊戯装置の制御プログラムを提供することができる。 According to these aspects of the invention, the operation of the user regarding the blurring process applied to the provided image is accepted in a state where the cutout range is set by the range setting unit and the filter processing is selected by the processing selection unit. Therefore, it is possible to provide a photography game device, a photograph sticker creating device, a control method of the photography game device, and a control program of the photography game device that can easily generate an image to which blurring has been applied.

本発明の実施の形態の1つにおける写真シール遊戯システムのネットワーク接続例を示す図である。It is a figure which shows the network connection example of the photograph sticker play system in one of the embodiment of this invention. 写真シール作成装置のハードウェア構成を示す側面図である。It is a side view which shows the hardware constitutions of a photograph sticker preparation apparatus. 写真シール作成装置のハードウェア構成を示す平面図である。It is a top view which shows the hardware constitutions of a photograph sticker preparation apparatus. 写真シール作成装置を用いたプレイを示すフローチャートである。It is a flow chart which shows play using a photograph sticker creation device. 写真シール作成装置の制御に関する構成を説明するブロック図である。It is a block diagram explaining the composition regarding control of a photograph sticker creation device. 写真シール作成装置の基本的動作の一例を示すフローチャートである。It is a flow chart which shows an example of basic operation of a photograph sticker creation device. ユーザのプレイ時における写真シール作成装置とサーバとの動作を大まかに示すシーケンス図である。It is a sequence diagram which roughly shows operation|movement of the photograph sticker preparation apparatus and a server at the time of a user's play. 外部モニタ受け付けのプレイ時の流れについて説明するフローチャートである。It is a flow chart explaining the flow at the time of play of external monitor acceptance. 撮影のプレイ時の流れについて説明するフローチャートである。It is a flow chart explaining the flow at the time of the play of photography. 落書き受け付けのプレイ時の流れについて説明する第1のフローチャートである。It is a 1st flowchart explaining the flow at the time of play of graffiti acceptance. 落書き受け付けのプレイ時の流れについて説明する第2のフローチャートである。It is a 2nd flowchart explaining the flow at the time of play of graffiti acceptance. 落書き編集画面の一例を示す図である。It is a figure which shows an example of a graffiti edit screen. 落書き編集時の動作を示すフローチャートである。It is a flow chart which shows operation at the time of graffiti editing. 切り取り画作成時の動作を示すフローチャートである。It is a flowchart which shows the operation|movement at the time of cut image creation. 切り取り画面を示す図である。It is a figure which shows a cut screen. ぼかし編集画面を示す図である。It is a figure which shows a blurring edit screen. 切り取り画落書き画面を示す図である。It is a figure which shows a cut image graffiti screen. 切り取り画作成時における編集画面の画面遷移を説明する図である。It is a figure explaining the screen transition of an edit screen at the time of creation of a cut image. 切り取り画面の表示時の切り取り画面受付処理のフローチャートである。It is a flowchart of a cut screen reception process at the time of displaying a cut screen. 切り取り編集処理のフローチャートである。It is a flowchart of a cut edit process. 回転角を大きくする方向に回転操作が行われた場合の動作の一例を説明する図である。It is a figure explaining an example of operation when rotation operation is performed in the direction which makes a rotation angle large. 元画像について回転操作を行った後のトリム領域の例を示す図である。It is a figure which shows the example of the trim area|region after performing rotation operation with respect to an original image. 第1回転処理の動作を示すフローチャートである。It is a flow chart which shows operation of the 1st rotation processing. 回転角を小さくする方向に回転操作が行われた場合のトリム領域の表示例を説明する図である。It is a figure explaining the example of a display of a trim field when rotation operation is performed in the direction which makes a rotation angle small. 第2回転処理の動作を示すフローチャートである。It is a flow chart which shows operation of the 2nd rotation processing. 回転操作及び拡大縮小操作が行われた場合のトリム領域の表示例を説明する図である。It is a figure explaining the example of a display of the trim field when rotation operation and enlargement/reduction operation are performed. 回転リセット処理の動作を説明するフローチャートである。It is a flow chart explaining operation of rotation reset processing. 回転操作が行われたときの動作の一例を説明する図である。It is a figure explaining an example of operation when a rotation operation is performed. ぼかし編集画面におけるぼかしプレビュー画像のレイヤ構成を説明する図である。It is a figure explaining the layer structure of the blurring preview image in a blurring edit screen. ぼかし編集受付処理を示すフローチャートである。It is a flowchart which shows the blurring edit reception process. ぼかし編集機能について説明する図である。It is a figure explaining a blurring edit function. パターン選択操作が行われたときの動作を説明する図である。It is a figure explaining operation|movement when a pattern selection operation is performed. 位置指定操作が行われたときの動作を説明する図である。It is a figure explaining operation|movement when a position designation operation is performed. 大きさ選択操作が行われたときの動作を説明する図である。It is a figure explaining operation|movement when a size selection operation is performed. 他のぼかしパターンが選択されているときのぼかし編集部の表示例を示す図である。It is a figure which shows the example of a display of the blurring edit part when another blurring pattern is selected. ぼかしパターンが選択されているときの動作について説明する図である。It is a figure explaining operation|movement when a blurring pattern is selected. ぼかしパターンが選択されているときの動作の別の例について説明する図である。It is a figure explaining another example of operation when a blur pattern is selected. 本実施の形態の一変型例に係るぼかし編集画面を示す図である。It is a figure which shows the blurring edit screen which concerns on the example of a changed completely type of this Embodiment. 回転操作を行ってトリム後画像を生成した場合の切り取り画落書き画面の一例を示す図である。It is a figure which shows an example of a cut-out picture graffiti screen when a rotation operation is performed and an image after trimming is generated. 切り取り画落書き画面においてプレビュー表示される画像のレイヤ構成を説明する図である。It is a figure explaining the layer structure of the image preview-displayed on a cutout graffiti screen. 切り取り画落書き受付処理を示すフローチャートである。It is a flow chart which shows cut-out picture graffiti acceptance processing. 本実施の形態の一変型例における、切り取り画落書き画面においてプレビュー表示される画像のレイヤ構成を説明する図である。It is a figure explaining the layer structure of the image preview-displayed on the cutout graffiti screen in the modification of this Embodiment. コラージュ作成時の動作を示すフローチャートである。It is a flow chart which shows operation at the time of collage creation. コラージュ作成時における編集画面の画面遷移を説明する図である。It is a figure explaining the screen transition of the edit screen at the time of collage creation. デザイン選択画面を示す図である。It is a figure which shows a design selection screen. 「簡単コラージュ」選択時のデザイン選択画面を示す図である。It is a figure which shows the design selection screen at the time of selecting "simple collage." 「SNS A カバーコラージュ」又は「SNS B カバーコラージュ」が選択されているときのデザイン選択画面を示す図である。It is a figure which shows a design selection screen when "SNS A cover collage" or "SNS B cover collage" is selected. 「フリーコラージュ」のデザインが選択されているときのコラージュ画面を示す図である。It is a figure which shows a collage screen when the design of "free collage" is selected. 「簡単コラージュ」のデザインが選択されているときの写真選択画面を示す第1の図である。It is the 1st figure which shows the photograph selection screen when the design of "simple collage" is selected. 「簡単コラージュ」のデザインが選択されているときの写真選択画面を示す第2の図である。It is the 2nd figure which shows the photograph selection screen when the design of "simple collage" is selected. 図50に示されている状態からズームバーを操作した結果の一例を示す図である。FIG. 51 is a diagram showing an example of a result of operating the zoom bar from the state shown in FIG. 50. 「簡単コラージュ」のデザインが選択されているときのコラージュ画面を示す図である。It is a figure which shows a collage screen when the design of "simple collage" is selected. 従来のフィルタ加工の例について説明する図である。It is a figure explaining the example of the conventional filter process. 本実施の形態におけるフィルタ加工の濃度調整例を説明する図である。It is a figure explaining the density adjustment example of the filter process in this Embodiment. 本実施の形態の一変型例に係る写真シール作成装置における切り取り画作成処理を示すフローチャートである。It is a flow chart which shows a cut picture creation processing in a photograph sticker creation device concerning a modification of this embodiment. 本変型例に係る切り取り画落書き画面を示す図である。It is a figure which shows the clipping image graffiti screen which concerns on this modification. ぼかし編集受付処理を示すフローチャートである。It is a flowchart which shows the blurring edit reception process. 切り取り画落書き画面においてプレビュー表示される画像のレイヤ構成を説明する図である。It is a figure explaining the layer structure of the image preview-displayed on a cutout graffiti screen. ぼかし処理対象の変更処理について説明する図である。It is a figure explaining the change process of the blurring process target.

以下、本発明の実施の形態における写真撮影遊戯装置を用いた、写真シール遊戯システムの一例について説明する。 Hereinafter, an example of a photo sticker playing system using the photo shooting playing device according to the embodiment of the present invention will be described.

写真シール遊戯システム(画像提供システムの一例)は、写真シール作成装置(写真撮影遊戯装置の一例)と、画像提供サーバ(画像提供装置の一例)とで構成されている。画像提供サーバは、ユーザが写真シール作成装置でプレイを行ったときに撮影された複数の画像を、写真シール作成装置から取得する。そして、取得した複数の画像を、プレイを行ったユーザに対して提供することができる。 The photograph sticker playing system (an example of an image providing system) is composed of a photograph sticker creating device (an example of a photograph taking and playing device) and an image providing server (an example of an image providing device). The image providing server acquires, from the photograph sticker creating apparatus, a plurality of images taken when the user plays the photograph sticker creating apparatus. Then, the acquired plurality of images can be provided to the user who played.

写真シール作成装置は、ユーザをカメラを用いて撮影して得た撮影画像を用いて、ユーザに提供するシールを出力するほか、種々の機能を実行する。写真シール作成装置は、撮影画像を用いてユーザに提供するための提供画像を生成し、その画像を画像提供サーバに送信する。これにより、画像提供サーバにより、その画像がユーザに提供される。写真シール作成装置は、シールにプリントして出力する画像に加えて、提供画像として、撮影画像をコラージュしたコラージュ(コラージュ画像)や撮影画像の一部を切り取った切り取り画(切り取り画像)を生成する機能を有している。コラージュ画像としては、例えば、インターネット上で提供されるウェブサービスにおいてユーザの設定操作に基づいて表示される背景画像を生成することができる。 The photograph sticker creating apparatus outputs a sticker to be provided to the user by using a photographed image obtained by photographing the user with a camera, and also executes various functions. The photograph sticker creating apparatus generates a provided image to be provided to the user by using the captured image, and transmits the image to the image providing server. As a result, the image providing server provides the image to the user. The photograph sticker creating device generates a collage (collage image) obtained by collating photographed images or a cutout image (cutout image) obtained by cutting a part of the photographed image as a provided image, in addition to the image printed on the sticker and output. It has a function. As the collage image, for example, a background image displayed based on a user's setting operation in a web service provided on the Internet can be generated.

[実施の形態] [Embodiment]

図1は、本発明の実施の形態の1つにおける写真シール遊戯システムのネットワーク接続例を示す図である。 FIG. 1 is a diagram showing a network connection example of a photograph sticker playing system according to one of the embodiments of the present invention.

写真シール作成装置1は、画像提供サーバ(以下、単にサーバということがある)601や携帯端末装置(以下、携帯端末ということがある)701(701a,701b)などと共に、写真シール遊戯システム901を構成する。写真シール作成装置1は、例えばゲームセンタなど、様々な店舗に設置されている。サーバ601は、例えば、データセンタで管理されている。携帯端末701は、例えば、写真シール作成装置1でプレイするユーザ(ユーザ)が所有するものである。写真シール遊戯システム901の各装置は、例えば、インターネットなどのネットワーク801に接続されている。これにより、写真シール作成装置1や携帯端末701は、ネットワーク801を介して、サーバ601と通信可能である。なお、写真シール作成装置1と携帯端末701とが互いに通信可能であってもよい。 The photograph sticker creating apparatus 1 is provided with a photograph sticker playing system 901 together with an image providing server (hereinafter sometimes simply referred to as a server) 601 and a portable terminal device (hereinafter sometimes referred to as a portable terminal) 701 (701a, 701b). Constitute. The photo sticker creating apparatus 1 is installed in various stores such as a game center. The server 601 is managed by, for example, a data center. The mobile terminal 701 is owned by, for example, a user (user) who plays the photo sticker creating apparatus 1. Each device of the photo sticker playing system 901 is connected to a network 801 such as the Internet. Thereby, the photograph sticker creating apparatus 1 and the portable terminal 701 can communicate with the server 601 via the network 801. The photograph sticker creating apparatus 1 and the mobile terminal 701 may be able to communicate with each other.

画像提供サーバ601は、一般的なハードウェア構成を有する電子計算機であり、通信部603、記憶部605、及び装置の各部を制御する制御部650などを有している。通信部603は、LAN(構内情報通信網)などを経由して、サーバ601をネットワーク801に接続する。記憶部605は、例えばHDD(Hard Disk Drive)である。記憶部605には、制御プログラム607が記憶されている。制御部650は、例えばCPUやメモリなどで構成されている。制御部650は、制御プログラム607などを実行することで、サーバ601の各部の動作を制御する。 The image providing server 601 is an electronic computer having a general hardware configuration, and includes a communication unit 603, a storage unit 605, a control unit 650 that controls each unit of the apparatus, and the like. The communication unit 603 connects the server 601 to the network 801 via a LAN (local information communication network) or the like. The storage unit 605 is, for example, an HDD (Hard Disk Drive). A control program 607 is stored in the storage unit 605. The control unit 650 includes, for example, a CPU and a memory. The control unit 650 controls the operation of each unit of the server 601 by executing the control program 607 and the like.

携帯端末701は、例えば、いわゆるフィーチャーフォンやスマートフォンである。携帯端末701は、通信部703と、記憶部705と、制御部750とを有している。通信部703は、例えば、無線LANや携帯電話網を通じてネットワーク801に接続可能である。記憶部705は、例えばフラッシュメモリである。記憶部705には、制御プログラム707が記憶されている。携帯端末701は、さらに、操作部711や、表示部713や、カメラ715などを有している。制御部750は、例えばCPUやメモリなどで構成されている。制御部750は、制御プログラム707などを実行することで、携帯端末701の各部の動作を制御する。 The mobile terminal 701 is, for example, a so-called feature phone or smartphone. The mobile terminal 701 has a communication unit 703, a storage unit 705, and a control unit 750. The communication unit 703 can be connected to the network 801 via a wireless LAN or a mobile phone network, for example. The storage unit 705 is, for example, a flash memory. A control program 707 is stored in the storage unit 705. The mobile terminal 701 further includes an operation unit 711, a display unit 713, a camera 715, and the like. The control unit 750 is composed of, for example, a CPU and a memory. The control unit 750 controls the operation of each unit of the mobile terminal 701 by executing the control program 707 and the like.

写真シール作成装置1は、プレイ時に生成された画像データをサーバ601に送信する。サーバ601は、送信された画像データを記憶する。サーバ601は、画像データを、それを送信したユーザのデータに対応させて管理する。サーバ601は、携帯端末701などからのアクセスを受け付け、携帯端末701を所有するユーザに対応する画像データを、その携帯端末701に対して公開する機能などを有している。これにより、ユーザは、携帯端末701を用いて、サーバ601に記憶されている画像データを取得可能である。 The photograph sticker creating apparatus 1 transmits the image data generated at the time of playing to the server 601. The server 601 stores the transmitted image data. The server 601 manages the image data in association with the data of the user who transmitted the image data. The server 601 has a function of accepting access from the mobile terminal 701 or the like and publishing image data corresponding to the user who owns the mobile terminal 701 to the mobile terminal 701. Thus, the user can use the mobile terminal 701 to acquire the image data stored in the server 601.

[写真シール作成装置1の概略構成] [Schematic configuration of photo sticker creating apparatus 1]

図2は、写真シール作成装置1のハードウェア構成を示す側面図である。図3は、写真シール作成装置1のハードウェア構成を示す平面図である。 FIG. 2 is a side view showing the hardware configuration of the photograph sticker creating apparatus 1. FIG. 3 is a plan view showing the hardware configuration of the photograph sticker creating apparatus 1.

図2に示されるように、写真シール作成装置1は、前部筐体(撮影筐体)510、背部筐体540、及び編集出力装置570を有している。前部筐体510、背部筐体540、及び編集出力装置570は、互いに並べられて1台の写真シール作成装置1として用いられる。 As shown in FIG. 2, the photograph sticker creating apparatus 1 includes a front housing (imaging housing) 510, a back housing 540, and an edit output device 570. The front case 510, the back case 540, and the edit output device 570 are arranged side by side and used as one photo sticker creating apparatus 1.

前部筐体510には、外部モニタ521やコイン投入部525などが配置された事前接客部520が設けられている。事前接客部520は、写真シール作成装置1の前部筐体510の左側面に配置されている(一方に選択的に配置されていればよく、右側面にあってもよい。)。前部筐体510の内側には、正面照明装置511、カメラ515、及び操作モニタ517などが配置されている。 The front case 510 is provided with an advance customer service section 520 in which an external monitor 521, a coin insertion section 525 and the like are arranged. The advance customer service section 520 is arranged on the left side surface of the front case 510 of the photograph sticker creating apparatus 1 (it may be selectively arranged on one side, or may be on the right side surface). A front illumination device 511, a camera 515, an operation monitor 517, and the like are arranged inside the front housing 510.

背部筐体540の内側には、背部照明装置541が配置されている。 A back lighting device 541 is arranged inside the back housing 540.

編集出力装置570の前部には、シール排出口575が設けられている。編集出力装置570の両側部には、それぞれ、編集モニタ581、タッチペン583、非接触通信装置585、及びスピーカ587などを有する編集受付部580が設けられている。 A seal outlet 575 is provided at the front of the edit output device 570. An edit reception unit 580 including an edit monitor 581, a touch pen 583, a non-contact communication device 585, a speaker 587, and the like is provided on both sides of the edit output device 570.

図3に示されるように、前部筐体510と背部筐体540とが組み合わせられることにより、撮影コーナー(撮影ブース)が形成される。撮影コーナーの両側方は開口部となるが、この開口部は、カーテン(図示せず)で覆うことができる。また、編集出力装置570の周囲も、カーテン(図示せず)で覆うことができる。これにより、ユーザは、他者にプレイ中の姿や編集画面などをのぞき込まれないようにして、プレイ可能である。 As shown in FIG. 3, the front case 510 and the back case 540 are combined to form a shooting corner (shooting booth). An opening is provided on both sides of the photographing corner, and this opening can be covered with a curtain (not shown). Also, the periphery of the edit output device 570 can be covered with a curtain (not shown). This allows the user to play without looking into the appearance of the game being played, the editing screen, and the like by another user.

上述のように、写真シール作成装置1には、種々のモニタ(外部モニタ521、操作モニタ517、編集モニタ581など)が配置されている。これらのモニタは、プレイ中には種々の案内が表示されるとともに、ユーザによる操作入力を受け付ける。また、モニタには、プレイ中の場合とプレイ中でない場合とのそれぞれで、宣伝や広告が表示される。このとき、装置各部に設けられているスピーカから、音声による案内や広告等が出力されるようにしてもよい。 As described above, various monitors (external monitor 521, operation monitor 517, editing monitor 581, etc.) are arranged in the photograph sticker creating apparatus 1. These monitors display various types of guidance during play, and also accept operational inputs from the user. Further, advertisements and advertisements are displayed on the monitor both when playing and when not playing. At this time, voice guidance, advertisements, etc. may be output from the speakers provided in each part of the apparatus.

図4は、写真シール作成装置1を用いたプレイを示すフローチャートである。 FIG. 4 is a flowchart showing a play using the photograph sticker creating apparatus 1.

本実施の形態において、写真シール作成装置1を用いたプレイは、大まかに、次のような4つの段階を順にたどるようにして行われる。プレイは、通常動作モードでの動作時に行われる。 In the present embodiment, the play using the photograph sticker creating apparatus 1 is performed by roughly following the following four stages. Play is performed during operation in the normal operation mode.

事前接客部520のコイン投入部525に規定枚数の硬貨が投入されると、プレイが開始する。ステップS1において、外部モニタ521における受け付けが行われる。このとき、図3において示されるP1の位置にユーザが立つ。この段階では、撮影を開始する前に、撮影、編集、作成される画像やシートなどの各種プレイに関する案内及び広告がユーザに対して行われる。また、ユーザは、各種選択操作を行う。 When a specified number of coins are inserted into the coin insertion unit 525 of the advance customer service unit 520, the play starts. In step S1, the external monitor 521 accepts. At this time, the user stands at the position P1 shown in FIG. At this stage, guidance and advertisement regarding various plays such as images and sheets to be shot, edited, and created are provided to the user before the shooting is started. The user also performs various selection operations.

ステップS2において、撮影が行われる。このとき、図3において示されるP2の位置、すなわち撮影コーナー内にユーザが立つ。撮影コーナーでは、事前接客部520で受け付けられた各種選択操作に基づいて、ユーザに対して、各種操作で選択された撮影コースに応じた撮影が行われる。また、それと共に、ユーザによる各種操作が受け付けられ、落書き可能な画像データが作成される。 In step S2, shooting is performed. At this time, the user stands at the position P2 shown in FIG. 3, that is, in the shooting corner. In the shooting corner, based on various selection operations received by the advance customer service section 520, shooting is performed for the user according to the shooting course selected by various operations. At the same time, various operations by the user are accepted, and scribbleable image data is created.

ステップS3において、落書き受け付けが行われる。このとき、図3において示されるP3の位置(落書きコーナー)にユーザが立つ。すなわち、ユーザは、左右いずれか一方の編集受付部580a,580bに対面するように立つ。落書き受け付けでは、撮影コーナーでのプレイが終了したユーザに対して、各種選択作業に関する案内が行われる。そして、ユーザにより行われる、出力するシールなどについての各種選択操作や、落書き操作が受け付けられる。このとき受け付けられた受付結果に基づいて、シールにプリントされる画像の処理が行われる。 In step S3, graffiti is accepted. At this time, the user stands at the position P3 (graffiti corner) shown in FIG. That is, the user stands so as to face either the left or right edit accepting unit 580a, 580b. In the graffiti reception, guidance regarding various selection tasks is given to the user who has finished playing in the shooting corner. Then, various selection operations for the sticker to be output and graffiti operations performed by the user are accepted. The image printed on the sticker is processed based on the acceptance result accepted at this time.

ステップS4において、シールの出力が行われる。このとき、図3において示されるP4の位置にユーザが立つ。すなわち、ユーザは、シール排出口575の前方で、シール排出口575からシールが排出されるのを待つ。シール排出口575からシールが排出されると、写真シール作成装置1の近傍で行われる、一連の主なプレイは終了する。 In step S4, the seal is output. At this time, the user stands at the position P4 shown in FIG. That is, the user waits in front of the seal discharge port 575 until the seal is discharged from the seal discharge port 575. When the seal is discharged from the seal discharge port 575, a series of main plays performed near the photograph sticker creating apparatus 1 are finished.

このように、4段階に分かれて、ユーザが移動しながらプレイが進むことで、単位時間当たりに写真シール作成装置1を利用可能なユーザ組数が多くなっている。すなわち、最大で5組のユーザが、同時に写真シール作成装置1を利用できる。落書き受け付けは時間がかかるため、2つの編集受付部580a,580bを用いて、同時に2組のユーザが落書き受け付けの段階をプレイできるように構成されている。 In this way, as the user moves in four stages while playing, the number of user groups who can use the photograph sticker creating apparatus 1 per unit time increases. That is, a maximum of 5 users can use the photo sticker creating apparatus 1 at the same time. Since it takes time to receive graffiti, it is configured such that two sets of users can play the stage of graffiti acceptance at the same time by using the two editing acceptance units 580a and 580b.

なお、写真シール作成装置1のハードウェア構成は公知のものであるので、ここでの詳細な説明は省略する。写真シール作成装置1は、上記とは異なるハードウェア構成を有していてもよい。例えば、シール排出口575の近くには、そこで待機するユーザが見ることができるように表示パネルを設けて、表示パネルを用いてユーザに案内表示を行ったり、広告等を表示したりしてもよい。 Since the hardware configuration of the photograph sticker creating apparatus 1 is known, detailed description thereof is omitted here. The photograph sticker creating apparatus 1 may have a hardware configuration different from the above. For example, a display panel is provided near the seal outlet 575 so that a user waiting there can see the information, and the user can use the display panel to display a guide or display an advertisement or the like. Good.

図5は、写真シール作成装置1の制御に関する構成を説明するブロック図である。 FIG. 5 is a block diagram illustrating a configuration relating to control of the photograph sticker creating apparatus 1.

写真シール作成装置1は、例えばPC(パーソナルコンピュータ)のような、CPU502、メモリ503、画像処理部504、記憶部505、及び通信部509などで構成された制御部(制御装置)501を有している。 The photograph sticker creating apparatus 1 has a control unit (control device) 501 including a CPU 502, a memory 503, an image processing unit 504, a storage unit 505, a communication unit 509, and the like, such as a PC (personal computer). ing.

画像処理部504は、カメラ515により撮影された写真画像(撮影画像)の情報に基づいて、その後の処理に用いられる合成前画像を生成したり、編集受付部580で受け付けられた落書きに応じて編集画像を生成したり、合成前画像と編集画像とを合成して合成画像を生成したりする。すなわち、画像処理部504は、編集受付部580で受け付けられた落書き等の受付結果や外部モニタ521等での操作入力の受付結果に応じて、カメラ515により得られた撮影画像を用いて、シートにプリントする画像やサーバ601に送信する画像など、その後の処理に用いられる画像の処理を行ったり、画像を生成したりする。 The image processing unit 504 generates a pre-combine image to be used in the subsequent processing based on the information of the photographic image (photographed image) taken by the camera 515, or according to the graffiti accepted by the edit accepting unit 580. An edited image is generated, or a pre-combination image and an edited image are combined to generate a combined image. That is, the image processing unit 504 uses the captured image obtained by the camera 515 according to the acceptance result of the graffiti or the like accepted by the edit accepting unit 580 or the acceptance result of the operation input on the external monitor 521 or the like, and the sheet An image used for the subsequent processing, such as an image to be printed on the printer or an image to be transmitted to the server 601, is processed or an image is generated.

記憶部505は、例えばフラッシュメモリやHDDであり、制御プログラム507を有している。 The storage unit 505 is, for example, a flash memory or an HDD, and has a control program 507.

制御部501は、CPU502が制御プログラム507を実行することで、写真シール作成装置1の各部の動作を制御する。 The control unit 501 controls the operation of each unit of the photograph sticker creating apparatus 1 by the CPU 502 executing the control program 507.

通信部509は、例えばPHS通信モジュールを有し、写真シール作成装置1をネットワーク801に接続できる。 The communication unit 509 has, for example, a PHS communication module, and can connect the photograph sticker creating apparatus 1 to the network 801.

制御部501は、事前接客部520について、外部モニタ521、スピーカ527、及びコイン制御部525aなどを制御する。コイン制御部525aは、コイン投入部525を制御し、コインの投入状況などを確認し、制御部501に通知する。 The control unit 501 controls the external monitor 521, the speaker 527, the coin control unit 525a, and the like for the advance customer service unit 520. The coin control unit 525a controls the coin insertion unit 525, confirms the insertion state of coins, and notifies the control unit 501.

制御部501は、前部筐体510及び背部筐体540について、カメラ515、操作モニタ517、及びストロボ制御部530などを制御する。ストロボ制御部530は、正面照明装置511や背部照明装置541を制御し、適時に適切な態様で発光させる。 The control unit 501 controls the camera 515, the operation monitor 517, the strobe control unit 530, and the like for the front housing 510 and the back housing 540. The strobe control unit 530 controls the front illumination device 511 and the back illumination device 541 to emit light in an appropriate manner at a proper time.

制御部501は、編集出力装置570について、編集モニタ581、非接触通信装置585、スピーカ587、及び印刷部590などを制御する。印刷部590は、画像処理部504により処理が行われた画像について、用紙にプリント(印刷)し、印刷後のシートをシール排出口575に搬送する。印刷部590により、シール排出口575からシートが出力される。 The control unit 501 controls the edit monitor 581, the non-contact communication device 585, the speaker 587, the printing unit 590, and the like for the edit output device 570. The printing unit 590 prints (prints) the image processed by the image processing unit 504, and conveys the printed sheet to the sticker discharge port 575. The printing unit 590 outputs the sheet from the sticker discharge port 575.

なお、図5で示される構成は、概念的な構成を示すものである。例えば、撮影コーナー側(前部筐体510及び背部筐体540)にPCを設け、落書きコーナー側(編集出力装置570)にも別のPCを設け、これらが連携して動作することで、制御部501などの機能が実現されるようにしてもよい。 Note that the configuration shown in FIG. 5 shows a conceptual configuration. For example, a PC is provided on the photographing corner side (the front housing 510 and the back housing 540), another PC is also provided on the graffiti corner side (editing output device 570), and these operate in cooperation to control. The functions of the unit 501 and the like may be realized.

[写真シール遊戯システム901の動作の説明] [Explanation of operation of photo sticker game system 901]

写真シール作成装置1は、サーバ601や携帯端末701と連携し、大まかに、次のような動作を行う。最初に、図6を参照し、主に写真シール作成装置1がプレイを実行可能なるまでの写真シール作成装置1の基本的動作について説明する。次に、図7を参照し、写真シール遊戯システム901を用いて行われるプレイについて説明する。 The photograph sticker creating apparatus 1 cooperates with the server 601 and the mobile terminal 701 to roughly perform the following operation. First, with reference to FIG. 6, the basic operation of the photograph sticker creating apparatus 1 will be mainly described until the photograph sticker creating apparatus 1 can execute a play. Next, with reference to FIG. 7, a play performed using the photo sticker playing system 901 will be described.

図6は、写真シール作成装置1の基本的動作の一例を示すフローチャートである。 FIG. 6 is a flowchart showing an example of the basic operation of the photograph sticker creating apparatus 1.

図6に示されるように、写真シール作成装置1が起動されると、ステップS21において、起動時処理が行われる。ここでは、各種制御プログラム507の読み込み、実行や、必要に応じて、サーバ601との通信処理などが行われる。起動時処理において、サーバ601からアップデートデータや機能設定コマンド等が送信されると、制御部501は、それを写真シール作成装置1に適用する。これにより、サーバ601を介して、写真シール作成装置1の管理を行うことができる。なお、このような動作は行われなくてもよい。 As shown in FIG. 6, when the photograph sticker creating apparatus 1 is started up, a startup process is performed in step S21. Here, various control programs 507 are read and executed, and if necessary, communication processing with the server 601 is performed. When the update data, the function setting command, and the like are transmitted from the server 601 in the startup process, the control unit 501 applies the update data and the function setting command to the photograph sticker creating apparatus 1. As a result, the photograph sticker creating apparatus 1 can be managed via the server 601. Note that such an operation may not be performed.

なお、本実施の形態においては、起動時処理において、写真シール作成装置1の内部時計をネットワーク上の他の時刻と同期させる処理が行われる。これにより、写真シール作成装置1の内部時計が比較的正確に維持され、プレイ時刻の記録を正確に行うことができる。なお、このような時刻同期処理は、公知の種々の方法で行うようにすればよい。また、起動時に限らず、定期的に行うようにしてもよい(例えば、1日毎)。 In the present embodiment, in the startup process, a process of synchronizing the internal clock of the photograph sticker creating apparatus 1 with another time on the network is performed. As a result, the internal clock of the photograph sticker creating apparatus 1 is maintained relatively accurately, and the play time can be accurately recorded. Note that such time synchronization processing may be performed by various known methods. Further, it may be performed not only at the time of startup but also periodically (for example, every day).

ステップS22において、制御部501は、デモ画面を外部モニタ521やその他のモニタなどに表示させる。 In step S22, the control unit 501 displays the demo screen on the external monitor 521 or another monitor.

ステップS23において、制御部501は、テストモードに入るかどうかを確認する。例えば、管理者にしかアクセスできない位置に配置されている所定のスイッチなどが操作されたとき、制御部501は、テストモードに入ると判断する。 In step S23, the control unit 501 confirms whether to enter the test mode. For example, when a predetermined switch or the like arranged at a position accessible only to the administrator is operated, the control unit 501 determines to enter the test mode.

また、ステップS24において、制御部501は、プレイを行うための対価を受け付けたか否かを確認する。 In addition, in step S24, the control unit 501 confirms whether or not a consideration for playing has been received.

対価が受け付けられるか、テストモードに入ると確認されるまでは、制御部501は、デモ画面を表示しながら待機する。 The control unit 501 waits while displaying the demo screen until the consideration is accepted or it is confirmed that the test mode is entered.

ステップS23でテストモードに入ると判断された場合には、ステップS26において、テストモードが実行される。テストモードでは、管理者により、写真シール作成装置1の種々の機能設定などを行うことができる。すなわち、テストモードは、機能設定用の動作モードである。テストモードが終了すると、再び、デモ画面の表示に戻る(S22)。 When it is determined in step S23 that the test mode is entered, the test mode is executed in step S26. In the test mode, the administrator can set various functions of the photo sticker creating apparatus 1. That is, the test mode is an operation mode for function setting. When the test mode ends, the demo screen is displayed again (S22).

ステップS24でコイン投入部525に規定枚数のコインが投入されて対価が受け付けられたと判断されたとき、ステップS25において、プレイが実行される。プレイは、図4に説明したようにして行われる。写真シール作成装置1を用いたプレイが終了すると、ステップS22の動作に戻る。 When it is determined in step S24 that the specified number of coins have been inserted into the coin insertion portion 525 and the consideration has been accepted, in step S25, play is executed. The play is performed as described in FIG. When the play using the photograph sticker creating apparatus 1 ends, the operation returns to step S22.

図7は、ユーザのプレイ時における写真シール作成装置1とサーバ601との動作を大まかに示すシーケンス図である。 FIG. 7 is a sequence diagram schematically showing the operations of the photograph sticker creating apparatus 1 and the server 601 during the user's play.

プレイを実行するために上述のようにユーザから写真シール作成装置1にコインが投入されると、プレイが開始される。この時点が、プレイ開始時刻として記録される。図7に示されるように、ステップS51において、写真シール作成装置1は、撮影及び編集を行う。すなわち、図4において説明した、外部モニタ受付(S1)、撮影(S2)、及び落書き受付(S3)が行われる。ユーザは、編集段階において、落書き編集入力を行うことができる。 When the user inserts a coin into the photograph sticker creating apparatus 1 to execute the play, the play is started. This time point is recorded as the play start time. As shown in FIG. 7, in step S51, the photograph sticker creating apparatus 1 performs photographing and editing. That is, the external monitor reception (S1), the photographing (S2), and the graffiti reception (S3) described in FIG. 4 are performed. The user can perform graffiti editing input in the editing stage.

編集が終了すると、ユーザは、携帯端末701で取得したい画像を選択する操作を写真シール作成装置1に対して行う。また、ユーザは、画像を取得するための情報を受信するためのメールアドレスを入力する操作を写真シール作成装置1に対して行う。 When the editing is completed, the user performs an operation for selecting an image to be acquired on the mobile terminal 701 on the photograph sticker creating apparatus 1. In addition, the user performs an operation of inputting a mail address for receiving information for obtaining an image on the photograph sticker creating apparatus 1.

ステップS52において、写真シール作成装置1は、撮影画像に基づく送信画像データと、メールアドレスとを互いに関連付けて、サーバ601に送信する。このとき、写真シール作成装置1は、送信画像について、属性情報を合わせて送信する。属性情報としては、例えば、その送信画像について、画像IDや、撮影日時、撮影モードやプレイコース名などの画像の種類に関する情報や、その他プレイに関する情報などが送信される。 In step S52, the photograph sticker creating apparatus 1 associates the transmission image data based on the photographed image and the mail address with each other, and transmits them to the server 601. At this time, the photograph sticker creating apparatus 1 also sends the transmission image together with the attribute information. As the attribute information, for example, the image ID, the shooting date and time, the information about the type of image such as the shooting mode and the play course name, and other information about the play are transmitted as the attribute information.

ステップS53において、写真シール作成装置1では、印刷が行われる。印刷が終了すると、シール排出口575から、印刷が完了したシート(シール)が排出される。 In step S53, the photo sticker creating apparatus 1 performs printing. When printing is completed, the printed sheet (sticker) is discharged from the sticker discharge port 575.

ステップS54において、ユーザは、シール排出口575に排出されたシートを取得する。 In step S54, the user acquires the sheet discharged to the seal discharge port 575.

一方、写真シール作成装置1からサーバ601にデータが送信されると、ステップS55において、サーバ601は、送信された情報を受信する。 On the other hand, when data is transmitted from the photograph sticker creating apparatus 1 to the server 601, the server 601 receives the transmitted information in step S55.

ステップS56において、サーバ601では、受信した情報を用いて、データベース記録処理が行われる。 In step S56, the server 601 performs a database recording process using the received information.

サーバ601は、受信した送信画像データに基づいて携帯端末機用の画像データ(取得用画像データ)を生成し、その画像データをユーザに取得させるための取得ページを通じて閲覧可能に保持する。取得ページは、例えばサーバ601のウェブサーバ機能によって外部から取得可能となるように、保持される。このとき、取得ページにアクセスするための取得用URLが生成される。ステップS57において、サーバ601は、取得用URL(取得ページアドレス)をユーザに送信する。このとき、例えば、写真シール作成装置1から送信されたメールアドレスを用いて、電子メールにより、ユーザの携帯端末701などに情報が送信される。 The server 601 generates image data for the mobile terminal (acquisition image data) based on the received transmission image data, and holds the image data so that the image data can be browsed through an acquisition page for allowing the user to acquire the image data. The acquisition page is held so that it can be acquired from the outside by the web server function of the server 601, for example. At this time, an acquisition URL for accessing the acquisition page is generated. In step S57, the server 601 transmits the acquisition URL (acquisition page address) to the user. At this time, for example, using the mail address transmitted from the photograph sticker creating apparatus 1, the information is transmitted to the user's portable terminal 701 or the like by electronic mail.

ステップS58において、ユーザの携帯端末701は、取得用URLを受信する。 In step S58, the user mobile terminal 701 receives the acquisition URL.

ステップS59において、ユーザは、携帯端末701を操作し、携帯端末701で動作するウェブブラウザなどを用いて、取得用URLにアクセスする。 In step S59, the user operates the mobile terminal 701 to access the acquisition URL by using a web browser or the like operating on the mobile terminal 701.

ステップS60において、サーバ601は、取得ページのデータを携帯端末701に送信する。このとき、取得ページの表示時に閲覧される画像の携帯端末機用画像データも、携帯端末701に送信される。 In step S60, the server 601 transmits the data of the acquisition page to the mobile terminal 701. At this time, the mobile terminal image data of the image browsed when the acquisition page is displayed is also transmitted to the mobile terminal 701.

ステップS61において、携帯端末701は、取得した取得ページや画像のデータに基づいて、画像を含む取得ページを表示する。これにより、ユーザは、携帯端末機用の画像を、サーバ601から取得することができる。ユーザは、プレイを行った結果、シートを受け取ることができるとともに、携帯端末機用の画像を取得できる。したがって、ユーザにとって、プレイを行う楽しみが増加する。 In step S61, the mobile terminal 701 displays an acquisition page including an image based on the acquired acquisition page and image data. Thus, the user can obtain the image for the mobile terminal from the server 601. As a result of playing, the user can receive the sheet and can acquire the image for the mobile terminal. Therefore, the enjoyment of playing is increased for the user.

次に、プレイにおける写真シール作成装置1の動作を具体的に説明する。写真シール作成装置1のプレイ時において、各段階の流れは、例えば次のようである。各動作は、制御部501の制御に基づいて行われる。なお、各処理において、外部モニタ521、操作モニタ517、編集モニタ581等の表示内容を中心に説明するが、画面表示に伴い、スピーカ527,587等を利用した音声案内が適宜行われる。 Next, the operation of the photograph sticker creating apparatus 1 during play will be specifically described. When playing the photo sticker creating apparatus 1, the flow of each stage is as follows, for example. Each operation is performed under the control of the control unit 501. In each process, the display contents of the external monitor 521, the operation monitor 517, the editing monitor 581 and the like will be mainly described, but voice guidance using the speakers 527 and 587 and the like is appropriately performed along with the screen display.

図8は、外部モニタ受け付けのプレイ時の流れについて説明するフローチャートである。 FIG. 8 is a flow chart for explaining the flow at the time of playing the external monitor reception.

図8に示されるように、プレイが開始されると、ステップS101において、プレイの説明が行われる。例えば、外部モニタ521に画像を表示したり、スピーカ527から音声を出力したりすることで、プレイの一連の流れや後述のプレイコースについての説明が行われる。 As shown in FIG. 8, when the play is started, the play is explained in step S101. For example, by displaying an image on the external monitor 521 or outputting a sound from the speaker 527, a series of flows of play and a play course described later will be described.

ステップS102において、プレイコース選択が受け付けられる。本実施の形態においては、生成できる画像の雰囲気に応じた、複数のプレイコースが設けられている。ユーザは、これらのプレイコースを選択してプレイできる。制御部501は、選択されたプレイコースをそのプレイのプレイコースとして決定し、以後、そのプレイコースに応じた所定の制御内容(撮影コースなど)で、そのプレイについて制御を行う。 In step S102, the selection of the play course is accepted. In this embodiment, a plurality of play courses are provided according to the atmosphere of the image that can be generated. The user can select and play these play courses. The control unit 501 determines the selected play course as the play course of the play, and thereafter controls the play with a predetermined control content (such as a shooting course) according to the play course.

ステップS103において、名前入力を受け付ける。例えば、ユーザに対して、名前入力を行わせる画面が表示される。入力された名前は、落書き編集時に使用されたり、背景やフレームなどのデザインの一部として使用されたりする。 In step S103, a name input is accepted. For example, a screen for prompting the user to input a name is displayed. The entered name is used when editing graffiti or as part of the design of the background or frame.

ステップS104において、コース選択を行ったユーザに対して、コースによって異なる背景などを選択する画面が表示される。例えば、「背景を6枚選んでね」などの表示・案内などが行われ、ユーザは、所望の背景やシートデザインなどを選択する。 In step S104, a screen for selecting a background or the like that differs depending on the course is displayed to the user who has selected the course. For example, a display/guidance such as "Please select 6 backgrounds" is performed, and the user selects a desired background or sheet design.

ステップS105において、制御部501は、撮影コーナーが空いているか(使用中でないか)を判断する。 In step S105, the control unit 501 determines whether the shooting corner is empty (whether it is in use).

ステップS105で撮影コーナーが空いていなければ、ステップS106において、制御部501は、撮影コーナーが空くまで、外部モニタ521にウェイト画面を表示させる。例えば、携帯端末でアクセス可能なウェブサイトの宣伝画面等をウェイト画面として表示させる。 If the shooting corner is not available in step S105, the control unit 501 causes the external monitor 521 to display a wait screen until the shooting corner is available in step S106. For example, an advertisement screen of a website accessible by a mobile terminal is displayed as a wait screen.

ステップS105で撮影コーナーが空いていれば、ステップS107において、撮影コーナー誘導の画面表示が行われる。これにより、事前接客部520での各種操作が完了したユーザを、撮影コーナーへ誘導する。 If the photographing corner is available in step S105, the photographing corner guidance screen is displayed in step S107. As a result, the user who has completed various operations in the advance customer service section 520 is guided to the shooting corner.

制御部501は、事前接客部520で受け付けられた情報を用いて、撮影コーナーで撮影を行う。 The control unit 501 uses the information received by the advance customer service unit 520 to perform shooting at the shooting corner.

図9は、撮影のプレイ時の流れについて説明するフローチャートである。 FIG. 9 is a flow chart for explaining the flow at the time of playing shooting.

図9に示されるように、ステップS121において、制御部501は、操作モニタ517に、撮影開始画面を表示させる。ユーザに対して、撮影開始を促す画面が表示される。ユーザが操作モニタ517にタッチすることで、撮影シーケンスに移る。 As shown in FIG. 9, in step S121, the control unit 501 causes the operation monitor 517 to display a shooting start screen. A screen that prompts the user to start shooting is displayed. When the user touches the operation monitor 517, the operation shifts to the shooting sequence.

ステップS122において、撮影シーケンスが開始される。撮影シーケンスにより、撮影画像が得られる。なお、本実施の形態では、1プレイにつき例えば6回の撮影が行われる。これにより、ユーザは、6枚の互いに異なる撮影画像に基づいて、写真シールの作成等や、サーバ601を介して提供される画像の取得を行うことができる。 In step S122, the shooting sequence is started. A captured image is obtained by the capturing sequence. It should be noted that in the present embodiment, shooting is performed, for example, six times per play. This allows the user to create a photograph sticker or acquire an image provided via the server 601 based on the six different captured images.

ステップS123では、目の写り選択や明るさ選択が行われる。ここでは、撮影画像をプレビュー表示させながら、複数の設定(例えば、各5段階の設定)のうちどれを適用するかが選択される。 In step S123, image selection and brightness selection are performed. Here, it is selected which of a plurality of settings (for example, settings in each of 5 stages) is to be applied while displaying a preview of the captured image.

ステップS124において、制御部501は、落書きコーナーが空いているか(使用中でないか)を判断する。例えば、編集受付部580a,580bのいずれか一方でも他のユーザにより使用中でなければ、落書きコーナーが空いていると判断される。 In step S124, the control unit 501 determines whether the graffiti corner is free (is not in use). For example, if one of the edit reception units 580a and 580b is not being used by another user, it is determined that the graffiti corner is open.

ステップS124で落書きコーナーが空いていなければ、ステップS125において、制御部501は、落書きコーナーが空くまで、操作モニタ517にウェイト画面を表示させる。ウェイト画面として、上述と同様の宣伝画面等を表示できる。 If the graffiti corner is not empty in step S124, the control unit 501 causes the operation monitor 517 to display a wait screen until the graffiti corner is empty in step S125. As the weight screen, the same advertisement screen as described above can be displayed.

ステップS124で落書きコーナーが空いていれば、ステップS126において、落書きコーナー誘導の画面表示が行われる。これにより、撮影が完了したユーザを、落書きコーナーへ誘導する。このとき、編集受付部580a,580bのうち、いずれか適切な方に移動するようにユーザに促すようにすればよい。例えば、「右の1番のらくがきコーナーに移動してね」などと案内すればよい。 If the graffiti corner is vacant in step S124, the graffiti corner guidance screen display is performed in step S126. As a result, the user who has completed shooting is guided to the graffiti corner. At this time, the user may be prompted to move to one of the editing accepting units 580a and 580b, whichever is more appropriate. For example, a guide such as "Move to the 1st graffiti corner on the right."

図10は、落書き受け付けのプレイ時の流れについて説明する第1のフローチャートである。図11は、落書き受け付けのプレイ時の流れについて説明する第2のフローチャートである。 FIG. 10 is a first flowchart illustrating the flow of graffiti acceptance during play. FIG. 11 is a second flowchart for explaining the flow at the time of playing graffiti acceptance.

図10に示されるように、落書き受け付けが開始されると、ステップS131において、制御部501は、編集モニタ581にデータ転送開始画面を表示させる。ここでは、撮影画像に対して、外部モニタで選択したプレイコースや背景画像、撮影コーナーで選択した目の写りや明るさ等に基づき作成された画像データが、撮影コーナーから落書きコーナーに転送される。そして、そのことを示す画面が表示される。 As shown in FIG. 10, when the graffiti acceptance is started, the control unit 501 causes the edit monitor 581 to display a data transfer start screen in step S131. Here, the image data created based on the play course and background image selected on the external monitor and the image and brightness of the eyes selected in the shooting corner are transferred to the graffiti corner from the shooting corner. .. Then, a screen indicating that is displayed.

ステップS132において、画面タッチが受け付けられる。ここでは、タッチペン583を用いて編集モニタ581のタッチ操作を受け付ける。タッチ操作が行われるか、所定の時間が経過すると、次の処理に進む。 In step S132, the screen touch is accepted. Here, the touch operation of the edit monitor 581 is received using the touch pen 583. When a touch operation is performed or when a predetermined time elapses, the process proceeds to the next process.

タッチ操作が受け付けられると、ステップS133において、落書き案内が行われる。ユーザに対して、落書き操作が開始されることが案内される。例えば、「次はらくがきだよ!」などと表示が行われる。画像データが転送されてから、この表示が行われている期間に、落書きに用いる画像データについての各種の処理が行われる。画像データについての処理が終了すると、次の処理に進む。 When the touch operation is accepted, graffiti guidance is performed in step S133. The user is informed that the graffiti operation will be started. For example, a message such as “Next time you write!” is displayed. After the image data is transferred, various processes are performed on the image data used for graffiti during the period in which this image is displayed. When the processing for the image data is completed, the next processing is performed.

ステップS134において、落書き編集が開始される。落書き編集は、編集モニタ581に落書き編集画面を表示し、ユーザからの操作を受け付けることで行われる。落書き編集画面には、撮影画像に基づく画像が含まれる。ユーザは、各画像について、所定時間内に、落書き編集を行うことができる。落書き編集により、タッチペン583を用いて書き込むようにして行われた「ペン」と呼ばれる落書きや、所定の図柄や、ここまでのユーザの入力内容(名前入力等)に応じて生成された図柄をタッチペン583により指定した位置に配置した「スタンプ」と呼ばれる落書きなどを行うことができる。これらの落書きが行われると、落書きが含まれる編集画像が作成される。この編集画像と、当初落書き編集画面に表示されていた画像とを合成して、落書きあり画像が生成される。なお、画像について落書きが行われなかった場合には、落書きを含まない編集画像と元の画像とが合成され、落書きなし画像が生成される。 In step S134, graffiti editing is started. The graffiti edit is performed by displaying a graffiti edit screen on the edit monitor 581 and receiving an operation from the user. The graffiti edit screen includes an image based on the captured image. The user can perform graffiti editing on each image within a predetermined time. By the graffiti editing, graffiti called "pen" performed by writing using the touch pen 583, a predetermined pattern, and a pattern generated according to the user's input contents (name input, etc.) up to this point are touch pen. Graffiti called “stamp” arranged at the position designated by 583 can be performed. When these graffiti are performed, an edited image including the graffiti is created. The edited image and the image initially displayed on the graffiti editing screen are combined to generate a scribbled image. In addition, when graffiti is not performed on the image, the edited image not including graffiti and the original image are combined to generate an image without graffiti.

ステップS135において、分割数選択説明画面が表示され、シートデザイン選択に移る旨が案内される。 In step S135, an explanation screen for selecting the number of divisions is displayed to guide the user to move to sheet design selection.

ステップS136において、シートデザイン選択が受け付けられる。ここでは、例えば、ユーザに対し、シート当たりに印刷する画像の数の選択が受け付けられる。シートデザイン選択は、例えば、選択されたプレイコースに応じて行われる。 In step S136, the seat design selection is accepted. Here, for example, the user receives a selection of the number of images to be printed per sheet. The seat design selection is performed, for example, according to the selected play course.

図11に示されるように、ステップS138において、送信画像選択処理が行われる。本実施の形態において、基本のプレイ時には、ユーザの携帯端末701に、例えばプレイによって作成された撮影画像又は合成画像のうち1枚の画像を取得させることができる。制御部501は、携帯端末701に取得させる対象となる画像の選択操作をユーザから受け付ける。当該画像は、撮影された画像、シールとして印刷できる落書き画像、及び後述するようにして生成されたおまけ画像などの、ユーザの選択によらず無料でユーザに提供されるように設定された画像以外のすべての画像の中から選択可能である。なお、2人までのユーザがそれぞれ希望する画像を選択するか、所定の時間が経過することによって次の画面に進む。所定の時間が経過し、タイムアウトになった場合は、タイムアウト時に選択されている画像が選択される。 As shown in FIG. 11, a transmission image selection process is performed in step S138. In the present embodiment, at the time of a basic play, the user's mobile terminal 701 can be made to acquire, for example, one image of the captured image or the composite image created by the play. The control unit 501 receives from the user an operation of selecting an image to be acquired by the mobile terminal 701. The image is not an image set to be provided to the user free of charge regardless of the user's selection, such as a photographed image, a graffiti image that can be printed as a sticker, and a bonus image generated as described below. You can choose from all of the images. Note that up to two users each select a desired image or when a predetermined time elapses, the next screen is displayed. When a predetermined time has elapsed and a time-out has occurred, the image selected at the time-out is selected.

ステップS140において、アドレス入力画面が表示される。ここでは、携帯端末701の電子メールアドレス等の入力が受け付けられる。電子メールアドレス等が入力されると、その情報がサーバ601に送信される。これにより、例えば、サーバ601は、ステップS138で選択された選択画像を取得可能にするURLを、電子メールなどの方法で携帯端末701に通知する。ユーザは、携帯端末701で当該URLにアクセスすることで、別途写真シール作成装置1からサーバ601に送られた画像の中から、少なくとも選択画像を取得できる。 In step S140, the address input screen is displayed. Here, the input of the e-mail address or the like of the mobile terminal 701 is accepted. When the e-mail address or the like is input, the information is transmitted to the server 601. Thereby, for example, the server 601 notifies the portable terminal 701 of the URL that enables the selection image selected in step S138 to be acquired by a method such as electronic mail. The user can access at least the selected image from the images separately sent from the photograph sticker creating apparatus 1 to the server 601 by accessing the URL with the mobile terminal 701.

なお、ステップS140のアドレス入力画面において、非接触通信(NFC通信など)で送信することを選択できるようにしてもよい。これが選択されたとき、ステップS141において、非接触通信操作画面が表示される。制御部501は、非接触通信装置585を制御し、選択された画像を取得可能にするURLなどの情報を、非接触通信装置585にかざされた携帯端末701に送信できる。非接触通信操作画面には、ユーザが行うべき動作の説明などが含まれる。非接触通信操作画面は、携帯端末701への通信が成功するか、例えば「アドレス入力に戻る」ボタンが操作されるまで、表示されるようにすればよい。 The address input screen in step S140 may be configured so that transmission by non-contact communication (NFC communication or the like) can be selected. When this is selected, the non-contact communication operation screen is displayed in step S141. The control unit 501 can control the non-contact communication device 585 and transmit information such as a URL that enables acquisition of the selected image to the mobile terminal 701 held over the non-contact communication device 585. The non-contact communication operation screen includes a description of actions to be performed by the user. The non-contact communication operation screen may be displayed until the communication to the mobile terminal 701 is successful or the “return to address input” button is operated, for example.

ステップS140で入力が完了すると、ステップS142において、制御部501は、印刷部(プリンタ)590が空いているか(使用中でないか)を判断する。 When the input is completed in step S140, in step S142, the control unit 501 determines whether the printing unit (printer) 590 is empty (is not in use).

ステップS142で印刷部590が空いていなければ、ステップS143において、制御部501は、印刷部590が空くまで、編集モニタ581に広告画面を表示させる。例えば、上述と同様のウェブサイト等の広告画面が表示される。 If the printing unit 590 is not empty in step S142, the control unit 501 causes the edit monitor 581 to display the advertisement screen until the printing unit 590 is empty in step S143. For example, the same advertisement screen as the website described above is displayed.

ステップS142で印刷部590が空いていれば、ステップS144において、プリントが行われる。制御部501は、印刷すべき画像データを生成し、印刷部590に転送する。これにより、印刷部590によりシールの印刷が行われる。なお、印刷部590に用紙切れなどのエラーが発生している場合には、プリンタエラー画面が表示されるようにすればよい。このとき、メンテナンスを行うための連絡先などが表示される。 If the printing unit 590 is empty in step S142, printing is performed in step S144. The control unit 501 generates image data to be printed and transfers it to the printing unit 590. As a result, the printing unit 590 prints the sticker. It should be noted that if an error such as running out of paper has occurred in the printing unit 590, a printer error screen may be displayed. At this time, contact information for performing maintenance is displayed.

ステップS145において、編集モニタ581には、落書きコーナー終了画面が表示される。印刷が完了するまで、シール排出口575の前で待機するように、ユーザに案内が行われる。これにより、シール排出口575からシールが排出され、一連のプレイが終了する。 In step S145, the graffiti corner end screen is displayed on the edit monitor 581. The user is guided to wait in front of the sticker discharge port 575 until printing is completed. As a result, the seal is discharged from the seal discharge port 575, and the series of plays ends.

[落書き編集に関する説明] [Explanation about graffiti editing]

本実施の形態において、落書き編集は、次のような落書き編集画面(通常落書き画面)を表示して行われる。 In the present embodiment, graffiti editing is performed by displaying the following graffiti editing screen (normal graffiti screen).

図12は、落書き編集画面の一例を示す図である。 FIG. 12 is a diagram showing an example of the graffiti edit screen.

図12に示されるように、落書き編集画面100は、同時に2人のユーザが落書き編集操作(「通常らくがき」と表現することもある)を行えるように構成されているものである。すなわち、落書き編集画面100は、大まかに、左右の2つの編集画面101(101a,101b)に分かれている。各編集画面には、後述する残り時間表示119や、一部の表示(日付や名前を変更するための表示)を除き、同様の機能を示すアイコンや画像等が配置されている。なお、以降の編集画面の説明は、左側の1人のユーザ用に割り当てられている領域LHを参照して行うことがあり、編集画面101a,101bを特に区別せず、それぞれを総称して編集画面101という。 As shown in FIG. 12, the graffiti editing screen 100 is configured so that two users can simultaneously perform graffiti editing operations (sometimes referred to as “normal graffiti”). That is, the graffiti edit screen 100 is roughly divided into two left and right edit screens 101 (101a, 101b). Icons, images, and the like showing the same function are arranged on each edit screen except for the remaining time display 119 described later and a part of the display (display for changing the date or name). Note that the following description of the edit screen may be given with reference to the area LH assigned to one user on the left side, and the edit screens 101a and 101b are not particularly distinguished, and are collectively referred to as edit screens. It is called screen 101.

編集画面101には、落書き対象画像111、サムネイル部113、パレット115、簡単らくがき設定ボタン116、コマンドアイコン117(117a,117bなど)、及び残り時間表示119などが含まれている。サムネイル部113には、撮影された写真に基づく画像として、撮影コーナーから送られた画像又はそれに落書きを加えた後の画像がサムネイル表示される。落書き対象画像111には、サムネイル部113のうち編集対象として選択された画像が表示される。ユーザは、落書き編集画面100に表示されている画像について、パレット115などを操作し、画像上への文字や図形の配置(いわゆる「落書き」。具体的には、線や文字の書き込みや所定のスタンプ画像や枠画像などの貼り付けなど。)を行うことができる。また、ユーザは、簡単らくがき設定ボタン116を操作することで、顔判別処理などにより自動的に文字や図形を配置させ、その画像についての落書きを行うこともできる。コマンドアイコン117としては、編集終了ボタン117aや、アンドゥ・リドゥボタン117bなど、種々の動作を実行させるためのボタンが表示されており、これらを用いてユーザが直感的な操作を行うことができる。残り時間表示119には、例えば、ユーザに落書き編集を行うことが許可されている時間のうち、既に経過した時間を除く残り時間が秒数で表示される。ユーザは、表示されている時間内に、落書き編集や、後述のおまけ画像の編集作業を行う必要がある。 The edit screen 101 includes a graffiti target image 111, a thumbnail portion 113, a palette 115, a simple scribble setting button 116, a command icon 117 (117a, 117b, etc.), a remaining time display 119, and the like. In the thumbnail portion 113, as an image based on the photographed photograph, an image sent from the photographing corner or an image after graffiti is added to the thumbnail is displayed. In the graffiti target image 111, the image selected as the editing target in the thumbnail portion 113 is displayed. The user operates the palette 115 or the like for the image displayed on the graffiti editing screen 100 to arrange characters or figures on the image (so-called “doodle”. Specifically, writing lines or characters or a predetermined character). You can paste stamp images, frame images, etc.). Also, the user can operate the simple scribble setting button 116 to automatically arrange characters or figures by face discrimination processing or the like, and perform graffiti on the image. As the command icon 117, buttons for executing various operations, such as the edit end button 117a and the undo/redo button 117b, are displayed, and the user can intuitively operate using these buttons. The remaining time display 119 displays, for example, the remaining time in seconds, excluding the time that has already elapsed, of the time when the user is allowed to perform graffiti editing. The user needs to perform graffiti editing and bonus image editing work described later within the displayed time.

サムネイル部113に表示されている複数の画像は、同一のプレイ時において、左右のユーザで、共同で編集可能なものである。一方のユーザが編集対象としている画像については、サムネイル部113においては「らくがき中」などとその旨を示す表示を伴って表示され、他方のユーザが編集対象として選択することができないように制御される。このような排他的な制御が行われることにより、各画像の編集を2人のユーザで効率的に進めることができる。 The plurality of images displayed in the thumbnail portion 113 can be jointly edited by the left and right users during the same play. The image to be edited by one user is displayed in the thumbnail portion 113 with a display indicating that “scribble” or the like, and is controlled so that the other user cannot select it as an edit target. It By performing such exclusive control, the editing of each image can be efficiently advanced by two users.

ここで、本実施の形態においては、落書き編集画面100には、おまけ画像の作成(「おまけらくがき」と表現することもある)を行うために操作される作成ボタン118が含まれる。すなわち、落書き編集においては、ユーザに対して、シール紙に反映される落書き以外のおまけ画像の作成作業も受け付ける。 Here, in the present embodiment, graffiti edit screen 100 includes a creation button 118 that is operated to create a bonus image (sometimes referred to as “bonus graffiti”). That is, in the graffiti editing, the user is also allowed to create a bonus image other than the graffiti reflected on the sticker paper.

作成ボタン118は、所定の条件が満たされたときに表示される(「出現」ということがある。)。例えば、作成ボタン118は、落書き編集の開始から所定の時間が経過したり、サムネイル部113に表示されているすべての画像に対する落書きが一通り行われたりした場合に、出現するようにすればよい。これにより、完成度の高いシールを出力するために必要な落書きがほとんど行われないままに、落書き編集操作に割り当てられている制限時間のほとんどがおまけ画像の作成作業に費やされてしまうことを防止できる。したがって、総合的に、ユーザの満足度を大きく高めることができる。作成ボタン118が表示されるまでは、作成ボタン118が表示されるべき領域に例えば破線で囲まれた予備画像が表示されるようにしてもよいし、作成ボタン118の色を淡色にした画像やグレースケールにした画像を表示することで、これに代えてもよい。また、作成ボタン118の出現まで、何ら画像を表示させないようにしてもよい。作成ボタン118が、落書き編集が開始された当初から表示されるようにしてもよい。 The create button 118 is displayed when a predetermined condition is satisfied (may be referred to as “appearance”). For example, the create button 118 may be made to appear when a predetermined time has elapsed from the start of graffiti editing, or when all the images displayed in the thumbnail portion 113 have been scribbled once. .. As a result, most of the time allotted to the graffiti editing operation will be spent on the bonus image creation work, while the graffiti necessary for outputting a highly complete sticker is hardly performed. It can be prevented. Therefore, as a whole, the satisfaction of the user can be greatly increased. Until the create button 118 is displayed, for example, a preliminary image surrounded by a broken line may be displayed in the area where the create button 118 is to be displayed, or an image in which the color of the create button 118 is dimmed is displayed. This may be replaced by displaying a grayscale image. Further, no image may be displayed until the creation button 118 appears. The create button 118 may be displayed from the beginning when graffiti editing is started.

作成ボタン118としては、2つのボタン(第1の作成ボタン118a、第2の作成ボタン118b)が表示されている。本実施の形態において、おまけ画像として、2種類の画像を作成可能である。すなわち、第1の作成ボタン118aを操作することで、撮影画像の一部を切り取った切り取り画(切り取り画像)を作成できる(この機能を「切り取り画作成」ということがある。)。また、第2の作成ボタン118bを操作することで、撮影画像を用いたコラージュ(コラージュ画像)を作成できる(この機能を「コラージュ作成」ということがある。)。 As the create button 118, two buttons (first create button 118a and second create button 118b) are displayed. In the present embodiment, two types of images can be created as bonus images. That is, by operating the first creation button 118a, a cutout image (cutout image) obtained by cutting out a part of a captured image can be created (this function is sometimes referred to as "cutout image creation"). Further, by operating the second creation button 118b, a collage (collage image) using the photographed image can be created (this function may be referred to as "collage creation").

切り取り画は、それまでのプレイで撮影されて得られた一の撮影画像を部分的に切り取る(トリミングする)ことで作成されるトリム後画像(トリミング後の画像)や、そのトリム後画像とフレーム画像とを合成して得られる合成画像や、それらに落書きを行った編集画像を合成して得られる合成画像(トリム後画像と編集画像とを合成した画像や、トリム後画像とフレーム画像と編集画像とを合成した画像)である。 The cutout image is a trimmed image (image after trimming) created by partially cutting (trimming) one captured image obtained by the previous play, and the trimmed image and frame. A composite image obtained by synthesizing images with each other, or a composite image obtained by synthesizing edited images with graffiti on them (images obtained by combining the trimmed image with the edited image, after trimmed image with the frame image, and edited The image is a composite image).

コラージュ画像は、それまでのプレイで撮影されて得られた複数の撮影画像やそのトリム後画像と、落書き画像やテンプレート画像とを組み合わせて作成される画像である。 The collage image is an image created by combining a plurality of captured images obtained by the previous plays and the trimmed images thereof with the scribble image and the template image.

ユーザは、これらの切り取り画やコラージュ画像を、例えば、インターネット上で提供されるSNS(ソーシャルネットワーキングサービス)などのウェブサービスにおいて、ユーザの画像として取り扱われるプロフィール画像やユーザに関係するウェブページに表示される背景画像として用いることができる。 The user displays these cutout images and collage images on profile images and user-related web pages that are treated as user images in web services such as SNS (social networking services) provided on the Internet. Can be used as a background image.

なお、例えば、作成するおまけ画像の用途に合わせて、「ブログ用ボタン」や「SNS用ボタン」など、他の名称で作成ボタン118を表示してもよいし、作成ボタン118として編集画面101には単一のボタンを表示するようにしてもよい。作成ボタン118として単一のボタンを表示するようにした場合、作成ボタン118の操作があったときに遷移する画面において、切り取り画とコラージュとのいずれの作成を行うか選択を求める画面をユーザに提示することで、切り取り画とコラージュとのうちユーザが指定する方の画像の作成を行うことができるようにしてもよい。 Note that, for example, the creation button 118 may be displayed with another name such as “blog button” or “SNS button” according to the purpose of the bonus image to be created, or the creation button 118 may be displayed on the editing screen 101. May display a single button. When a single button is displayed as the create button 118, a screen that prompts the user to select whether to create a cutout image or a collage is displayed on the screen that transitions when the create button 118 is operated. By presenting the image, one of the cutout image and the collage designated by the user may be created.

なお、サーバ601に、上述のように切り取り画やコラージュ画像が送信されたとき、ユーザは、次のようにして携帯端末701を用いてサーバ601にアクセスすることにより、それらの画像を取得できる。次で説明するサーバ601の動作は、サーバ601の制御部650が、制御プログラム607を実行してサーバ601の各部を制御することにより行われる。 When the cutout image or the collage image is transmitted to the server 601 as described above, the user can obtain the image by accessing the server 601 using the mobile terminal 701 as follows. The operation of the server 601 described below is performed by the control unit 650 of the server 601 executing the control program 607 to control each unit of the server 601.

サーバ601は、ユーザの所有する携帯端末701からのアクセスに応じて、携帯端末701に対して情報を提供する。また、ユーザにより携帯端末701に入力された操作に応じた情報を携帯端末701から受信し、その操作に応じて処理を行う。具体的には、サーバ601は、携帯端末701で動作するウェブブラウザの動作に応じて、ウェブサーバとして機能する。そして、HTML(ハイパーテキスト記述言語)で記述された文書など、ウェブページ情報や画像情報を適宜携帯端末701に提供することで、表示部713にユーザが閲覧可能な画面を表示させる。なお、サーバ601が、携帯端末701で動作する所定のアプリケーションに対して所定の形式の情報や画像情報を提供することで、表示部713に画面表示が行われるように構成されていてもよい。 The server 601 provides information to the mobile terminal 701 in response to access from the mobile terminal 701 owned by the user. Further, it receives from the mobile terminal 701 information corresponding to the operation input by the user to the mobile terminal 701, and performs processing according to the operation. Specifically, the server 601 functions as a web server according to the operation of the web browser operating on the mobile terminal 701. Then, by appropriately providing web page information and image information such as a document described in HTML (Hypertext Description Language) to the mobile terminal 701, the display unit 713 displays a screen viewable by the user. The server 601 may be configured to display a screen on the display unit 713 by providing information in a predetermined format or image information to a predetermined application running on the mobile terminal 701.

図13は、落書き編集時の動作を示すフローチャートである。 FIG. 13 is a flowchart showing the operation at the time of graffiti editing.

図13に示されるように、落書き編集時には、落書き時間が終了(落書きに与えられた期間が満了)するまで、適宜、通常落書きやおまけ落書きを行うことができる。 As shown in FIG. 13, during graffiti editing, normal graffiti and bonus graffiti can be appropriately performed until the graffiti time ends (the period given to graffiti expires).

すなわち、落書き編集が開始されると、ステップS301において、通常落書き画面(落書き編集画面100)が表示され、通常落書きを行うことができるようになる。これに伴い、落書き時間の計時が開始される。 That is, when the graffiti edit is started, the normal graffiti screen (doodle edit screen 100) is displayed in step S301, and the normal graffiti can be performed. Along with this, timing of the graffiti time is started.

ステップS303において、制御部501は、切り取り画を作成するか否か(切り取り画の作成モードに入るか否か)を判断する。通常落書きが行われているときに第1の作成ボタン118aが操作されると、切り取り画を作成すると判断される。 In step S303, the control unit 501 determines whether to create a cutout image (whether to enter a cutout image creation mode). When the first creation button 118a is operated during normal graffiti, it is determined that a cutout image is created.

ステップS303において作成すると判断されると、ステップS304において、制御部501は、切り取り画作成を行う(詳細は後述する。)。切り取り画作成がいったん完了すると、落書き編集画面100に戻る(ステップS301に戻る。)。 If it is determined in step S303 to create, in step S304, the control unit 501 creates a cut image (details will be described later). Once the cut image creation is completed, the graffiti editing screen 100 is returned (return to step S301).

ステップS305において、制御部501は、コラージュを作成するか否か(コラージュの作成モードに入るか否か)を判断する。通常落書きが行われているときに第2の作成ボタン118bが操作されると、コラージュを作成すると判断される。 In step S305, the control unit 501 determines whether to create a collage (whether to enter the collage creation mode). If the second creation button 118b is operated during normal graffiti, it is determined to create a collage.

ステップS305において作成すると判断されると、ステップS306において、制御部501は、コラージュ作成を行う(詳細は後述する。)。コラージュ作成がいったん完了すると、落書き編集画面100に戻る(ステップS301に戻る。)。 If it is determined in step S305 to create a collage, the control unit 501 creates a collage in step S306 (details will be described later). Once the collage creation is completed, the screen returns to the graffiti edit screen 100 (return to step S301).

なお、切り取り画作成やコラージュ作成が行われているとき、切り取り画やコラージュが未完成であっても(作成途中であっても)、いったん作成を中断して通常落書き画面に戻ることができる(S301)。このような場合でも、再度作成ボタン118が操作されたとき、各画像の作成を再開できる(S304,S306)。 When a cutout image or collage is being created, even if the cutout image or collage is incomplete (even if it is in the process of being created), you can interrupt the creation and return to the normal scribble screen ( S301). Even in such a case, when the create button 118 is operated again, creation of each image can be restarted (S304, S306).

ステップS307において、制御部501は、落書き時間が終了したか否かを判断する。落書き時間が終了するまで、ステップS301〜S306の処理が行われる。すなわち、ユーザは、落書き時間が終了するまで、通常落書き、切り取り画作成、及びコラージュ作成のいずれかを行うことができる。 In step S307, the control unit 501 determines whether or not the graffiti time has ended. The processes of steps S301 to S306 are performed until the doodle time ends. That is, the user can perform either normal scribble, cut image creation, or collage creation until the scribble time ends.

ステップS307において落書き時間が終了すると、ステップS308において、落書き編集が終了される。その後は、図13に示される動作が引き続き行われる。 When the graffiti time ends in step S307, the graffiti editing ends in step S308. After that, the operation shown in FIG. 13 is continuously performed.

なお、上述のステップS301〜306の処理は、編集画面101の左右のユーザでそれぞれ独立して行われるようにすればよい。すなわち、2人のユーザの一方が通常落書きを行っているとき、他方のユーザが切り取り画の作成やコラージュの作成を行うことが可能である。落書き時間は、各ユーザに共通して計時されるようにすればよい。 Note that the processes of steps S301 to S306 described above may be performed independently by the users on the left and right of the editing screen 101. That is, when one of the two users is normally performing graffiti, the other user can create a cutout image or a collage. The graffiti time may be measured in common for each user.

落書き編集時においては、大まかに、ユーザの操作等に応じて編集画面が遷移する。これにより、それぞれ適した編集画面が表示されている状態で、「通常らくがき」を行ったり、切り取り画の作成やコラージュの作成を行ったりすることができる。 During graffiti editing, the edit screen is roughly changed according to the user's operation or the like. As a result, it is possible to perform “normal scribble”, create cutout images, and create collages while the respective suitable editing screens are displayed.

[切り取り画作成の説明] [Explanation of cut image creation]

図14は、切り取り画作成時の動作を示すフローチャートである。 FIG. 14 is a flowchart showing the operation when creating a cut image.

切り取り画作成時には、制御部501は、次のように、大まかに3種類の画面(切り取り画面140、ぼかし編集画面160、切り取り画落書き画面180)を遷移させながら、切り取り画の作成に用いる情報の入力を受け付ける。 At the time of creating a cutout image, the control unit 501 roughly changes three types of screens (a cutout screen 140, a blurring edit screen 160, and a cutout image graffiti screen 180) while changing the information used to create the cutout image as follows. Accept input.

すなわち、図14に示されるように、切り取り画作成時には、ユーザの作成作業が進むにしたがって、切り取り画面140(ステップS321)、ぼかし編集画面160(ステップS323)、切り取り画落書き画面180(ステップS325)が順に表示されることで、ユーザは、切り取り画を作成するための操作を行うことができる。 That is, as shown in FIG. 14, when the cut image is created, the cut screen 140 (step S321), the blurring edit screen 160 (step S323), and the cut image graffiti screen 180 (step S325) as the user's creation work progresses. By sequentially displaying, the user can perform an operation for creating a cutout image.

なお、切り取り画面140に遷移するとき、切り取り画面140の表示に用いられる種々の画像が生成される(ステップS321)。 Note that when transitioning to the cut screen 140, various images used to display the cut screen 140 are generated (step S321).

また、ぼかし編集画面160や切り取り画落書き画面180に遷移するとき、遷移先の画面で作成作業に用いられる画像を生成するための時間がかかる場合がある。このようなときには、所定の待機画面が表示される(ステップS322、ステップS324)。 In addition, when transitioning to the blurring edit screen 160 or the cutout graffiti screen 180, it may take time to generate an image used for creation work on the transition destination screen. In such a case, a predetermined standby screen is displayed (steps S322 and S324).

図15は、切り取り画面140を示す図である。 FIG. 15 is a diagram showing the cut screen 140.

図15には、切り取り画面140のうち片側のみ(左右2人で操作されるように構成された画面のうち、一方のみ)が示されている。切り取り画面140は、切り取り画を作成する場合において、撮影画像を切り取って得られるトリム後画像の切り取り範囲を設定したり、切り取り画に施すフィルタ加工(複数の画像処理の組み合わせが指定された画像処理フィルタ)の選択作業を行ったりする際に表示される。 FIG. 15 shows only one side of the cutout screen 140 (only one of the screens configured to be operated by two people on the left and right). The cropping screen 140 is used to set a cropping range of a trimmed image obtained by cropping a captured image when creating a cropped image, and to perform filter processing on the cropped image (image processing in which a combination of a plurality of image processes is designated. It is displayed when performing selection work of (Filter).

ここで、フィルタ加工としては、例えば、元画像に対して、コントラスト、カラーバランス、トーンカーブ、再度、透明度、テクスチャの種類及びその合成方法等、様々な要素についての画像処理の複数の組合せが設定されているものである。フィルタ加工が適用されるとは、そのフィルタ加工として予め設定された複数の画像処理の組合せを画像について適用することをいう。 Here, as the filter processing, for example, a plurality of combinations of image processing for various elements such as contrast, color balance, tone curve, again, transparency, type of texture and its combining method are set for the original image. It has been done. The application of filter processing means that a combination of a plurality of image processings set in advance as the filter processing is applied to an image.

図15に示されるように、切り取り画面140は、撮影画像の切り取り範囲を調整するためのトリム領域141と、切り取る対象となる撮影画像を選択するための写真選択領域151と、フィルタ加工を選択するためのフィルタ選択領域153とを含んでいる。また、切り取り画面140は、決定ボタン157と、復帰ボタン158と、前画面ボタン159とを含んでいる。決定ボタン157と、復帰ボタン158と、前画面ボタン159とは、画面を遷移する際に用いられる。 As shown in FIG. 15, the trimming screen 140 selects a trim area 141 for adjusting the trimming range of a photographed image, a photograph selection area 151 for selecting a photographed image to be trimmed, and a filter process. Filter selection area 153 for The cut screen 140 also includes a decision button 157, a return button 158, and a previous screen button 159. The enter button 157, the return button 158, and the previous screen button 159 are used when changing screens.

トリム領域141は、画像端表示枠143と、画像表示領域145と、ズームバー147と、回転バー(角度スライドバー)148と、回転リセットボタン149とを含んでいる。 The trim area 141 includes an image edge display frame 143, an image display area 145, a zoom bar 147, a rotation bar (angle slide bar) 148, and a rotation reset button 149.

画像端表示枠143は、その内部が切り取り画として仕上がる画像の端縁部となることを示す表示である。本実施の形態では、画像端表示枠143により囲まれた範囲が切り取り範囲となり、決定ボタン157が操作されたときに切り取られ、切り取り後の画像(以下、トリム後画像ということがある)となる。なお、画像端表示枠143よりも所定距離だけ外側の範囲や所定距離だけ内側の範囲が切り取り範囲となるように設定されていてもよい。 The image edge display frame 143 is a display indicating that the inside is an edge portion of an image finished as a cut image. In the present embodiment, the range surrounded by the image edge display frame 143 is the cutout range, which is cut out when the enter button 157 is operated and becomes the cutout image (hereinafter, sometimes referred to as trimmed image). .. The range outside the image edge display frame 143 by a predetermined distance or the range inside the image edge display frame 143 may be set to be the cutout range.

画像表示領域145は、画像端表示枠143で囲まれた領域である。画像表示領域145には、切り取られる対象となる元の撮影画像(元画像)のうち、画像端表示枠143で囲まれている部分が表示される。元画像のうち、その他の部位は、非表示となる。なお、元画像のうち画像端表示枠143外の部分は、画像表示領域145と同様に表示されていてもよいし、彩度や濃度などの表示態様を画像表示領域145とは変更して表示されていてもよい。このとき、撮影画像は、フィルタ選択領域153で選択されたフィルタ加工155が反映された状態で表示される。 The image display area 145 is an area surrounded by the image edge display frame 143. In the image display area 145, a portion of the original captured image (original image) to be clipped that is surrounded by the image edge display frame 143 is displayed. Other parts of the original image are hidden. The part of the original image outside the image edge display frame 143 may be displayed in the same manner as the image display area 145, or the display mode such as saturation and density may be changed from the image display area 145 for display. It may have been done. At this time, the captured image is displayed in a state in which the filter processing 155 selected in the filter selection area 153 is reflected.

ズームバー147は、切り取り範囲を拡大縮小(ズーミング)するために操作される部位である。ズームバー147は、縦長に表示されたレール部分の画像と、レール部分に沿ってスライドするように配置された角形のつまみ部分の画像とで構成されている。ユーザは、タッチペン583を用いてつまみ部分をレール部分に沿ってスライドさせることで、画像端表示枠143に対する元画像の大きさを変更することができる(拡大縮小操作)。このようなUIを採用することで、ユーザが直感的に切り取り範囲を調整することが可能となっている。 The zoom bar 147 is a portion operated to enlarge (reduce) the cut range. The zoom bar 147 is composed of a vertically long image of the rail portion and an image of a rectangular knob portion arranged so as to slide along the rail portion. The user can change the size of the original image with respect to the image edge display frame 143 by sliding the knob portion along the rail portion using the touch pen 583 (enlargement/reduction operation). By adopting such a UI, the user can intuitively adjust the clipping range.

なお、本実施の形態では、現在表示されている画像の大きさに対して大きくなる場合を拡大と呼び、小さくなる場合を縮小と呼ぶ。元画像を拡大すると画質が劣化するため、実際には、元画像をそのとき表示するサイズにあわせて縮小したものが切り取り画面140に表示される。例えば、画像のサイズとして、サイズ1(元画像の0.6倍)、サイズ2(元画像の0.7倍)、元画像(元画像の1.0倍)とがあるとする。このとき、サイズ1で表示する場合には、元画像を0.6倍に縮小して切り取り画面140に表示する。また、サイズ1からサイズ2に拡大して表示する場合には、サイズ1で表示している画像を拡大するのではなく、元画像を0.7倍に縮小して切り取り画面140に表示する。これにより、サイズ1からサイズ2へ変更されたときに画像が拡大するように見える。 In the present embodiment, a case where the size becomes larger than the size of the currently displayed image is called expansion, and a case where the size becomes smaller is called contraction. Since the image quality is deteriorated when the original image is enlarged, the original image is actually reduced and displayed on the cut screen 140 in accordance with the size to be displayed at that time. For example, it is assumed that the image size includes size 1 (0.6 times the original image), size 2 (0.7 times the original image), and original image (1.0 times the original image). At this time, when the size 1 is displayed, the original image is reduced by 0.6 times and displayed on the cut screen 140. When the image is enlarged from size 1 to size 2 and displayed, the image displayed in size 1 is not enlarged but the original image is reduced by 0.7 times and displayed on the cut screen 140. This causes the image to appear to expand when size 1 is changed to size 2.

回転バー148は、切り取り範囲に表示される元画像を切り取り範囲に対して回転させるために操作される部位である。回転バー148は、横長に表示されたレール部分の画像と、レール部分に沿ってスライドするように配置された角形のつまみ部分の画像とで構成されている。ユーザは、タッチペン583を用いてつまみ部分をレール部分に沿ってスライドさせることで、画像端表示枠143に対する元画像の角度を変更することができる(回転操作)。このようなUIを採用することで、ユーザが直感的に切り取り範囲を調整することが可能となっている。回転バー148の操作時の回転中心は、例えば、画像表示領域145の中央に位置する。 The rotation bar 148 is a part operated to rotate the original image displayed in the cutout range with respect to the cutout range. The rotation bar 148 is composed of an image of the rail portion displayed horizontally and an image of a rectangular knob portion arranged so as to slide along the rail portion. The user can change the angle of the original image with respect to the image end display frame 143 by sliding the knob portion along the rail portion using the touch pen 583 (rotation operation). By adopting such a UI, the user can intuitively adjust the clipping range. The rotation center of the rotation bar 148 when it is operated is located in the center of the image display area 145, for example.

なお、元画像の大きさや角度をズームバー147や回転バー148で調整可能であることを知らしめるため、初回の切り取り画面140の表示時に、操作方法を示すアニメーションを表示させたり、ポップアップ画像で操作方法を説明したり、ズームバー147や回転バー148の近傍に「ここで画像の大きさを調整できるよ」、「ここで画像を回転できるよ」などの文言を表示するようにしてもよい。 In order to inform that the size and angle of the original image can be adjusted with the zoom bar 147 and the rotation bar 148, an animation showing the operation method is displayed when the cut screen 140 is displayed for the first time, or an operation method with a pop-up image is displayed. Or a message such as “You can adjust the size of the image here” or “You can rotate the image here” may be displayed near the zoom bar 147 or the rotation bar 148.

ここで、本実施の形態において、回転バー148の近くに回転リセットボタン149が配置されている。ユーザが回転リセットボタン149を操作すると、画像端表示枠143に対する元画像の角度が、初期状態(回転角0度)に戻る。これにより、ユーザは、より容易に切り取り画作成を行うことができるようになる。 Here, in the present embodiment, the rotation reset button 149 is arranged near the rotation bar 148. When the user operates the rotation reset button 149, the angle of the original image with respect to the image edge display frame 143 returns to the initial state (rotation angle 0 degree). This allows the user to more easily create the cut image.

トリム領域141において、ユーザは、画像表示領域145をタッチペン583で触ったままスライドさせる操作を行うことで、切り取り画面140中で、元画像を画像端表示枠143に対して移動させることができる(移動操作)。これにより、ユーザは、元画像のうち所望の位置が切り取り領域となるように調整できる。なお、移動操作が可能なときには、切り取り画面140上に表示させるポインタアイコン(タッチペン583による操作位置を示す画像など)を移動操作が行われないときとは異なる画像とすることで、移動操作中であることがユーザに認識されやすくなるようにしてもよい。 In the trim area 141, the user can move the original image with respect to the image edge display frame 143 in the cut screen 140 by performing an operation of sliding while touching the image display area 145 with the touch pen 583 ( Move operation). Thereby, the user can adjust the desired position in the original image to be the cutout region. When the moving operation is possible, the pointer icon (such as an image indicating the operation position of the touch pen 583) displayed on the cut screen 140 is set to an image different from that when the moving operation is not performed, so that the moving operation is performed. You may make it easy for the user to recognize that there is.

なお、画像表示領域145には、元画像を移動させることができることを示す表示が行われる。例えば、図15において示されるように、画像表示領域145の中央部に、矢印のアイコン画像144が表示される。アイコン画像144は、元画像が画像表示領域145に配置された当初に表示され、その後ユーザが画像表示領域145をタッチペン583で触ると、非表示状態となる。これにより、初めて切り取り画作成を行うユーザであっても、直感的に操作方法を知ることができ、容易に作成操作を行うことができる。 In the image display area 145, a display indicating that the original image can be moved is displayed. For example, as shown in FIG. 15, an arrow icon image 144 is displayed in the center of the image display area 145. The icon image 144 is initially displayed when the original image is arranged in the image display area 145, and then, when the user touches the image display area 145 with the touch pen 583, the icon image 144 is in a non-display state. Accordingly, even a user who creates a cut image for the first time can intuitively know the operation method and can easily perform the creation operation.

切り取り画面140において、ユーザは、写真選択領域151とフィルタ選択領域153とのそれぞれで、切り取る対象となる撮影画像と、撮影画像に適用するフィルタ加工155とを選択できる。選択された結果は、すぐにトリム領域141に反映され、元画像の大きさやフィルタ加工など、作成する切り取り画における元画像の位置や大きさ調整などを行うことができるようになる。 On the cut screen 140, the user can select a captured image to be cut and a filter process 155 to be applied to the captured image in each of the photo selection area 151 and the filter selection area 153. The selected result is immediately reflected in the trim area 141, and the position and size of the original image in the cut image to be created, such as the size and filtering of the original image, can be adjusted.

写真選択領域151には、それまでのプレイで撮影された撮影画像が、例えば6枚表示される。本実施の形態では、例えば、撮影シーケンスで撮影される、横辺と縦辺との比が1:1.2のアップ画像が4枚と、9:16の全身画像が2枚とが選択候補として表示される。通常落書きで入力した編集画像が合成されていない撮影画像が切り取り画の対象として利用される。 In the photograph selection area 151, for example, six photographed images photographed in the previous play are displayed. In the present embodiment, for example, four up images having a horizontal-to-vertical ratio of 1:1.2 and two full-frame images of 9:16, which are captured in the imaging sequence, are selection candidates. Is displayed as. Usually, a captured image in which an edited image input by graffiti is not combined is used as a target of a cutout image.

フィルタ選択領域153では、色調や明るさ等の特段の画像処理を施さないもの(「加工なし」)を含めて、8種類のフィルタ加工155が用意されている。すなわち、ユーザは、切り取り画に特段の画像処理を適用するかしないか、及び、適用するのであれば7種類のうちいずれのフィルタ加工155にするか、を選択することができる。 In the filter selection area 153, eight types of filter processing 155 are prepared, including those not subjected to special image processing such as color tone and brightness (“no processing”). That is, the user can select whether or not to apply special image processing to the cutout image, and, if so, which of the seven types of filter processing 155 to use.

ユーザは、必要に応じて、トリム領域141で拡大縮小操作と、回転操作と、移動操作とを行うことで、画像表示領域145に所望の画像が表示されるようにし、その状態で決定ボタン157を操作する。そうすると、そのとき表示されている画像端表示枠143に対する元画像の位置及び角度と元画像の大きさ(又は切り取り画面140中の拡大率)とに基づいた切り取り範囲で、元画像が切り取られてトリム後画像が作成される。このとき、選択されたフィルタ加工155が適用された状態(反映された状態)の画像が、画像表示領域145に表示される。すなわち、このとき、画像表示領域145に、作成される画像のプレビュー表示が表示されることになる。ユーザは、このように作成される画像を確認しながら、画像の切り取り範囲を調節することができる。その後、ぼかし編集画面160を用いた動作が行われる。 The user performs an enlarging/reducing operation, a rotating operation, and a moving operation in the trim area 141 as necessary so that a desired image is displayed in the image display area 145, and in that state, the enter button 157 is pressed. To operate. Then, the original image is cut out in the cutting range based on the position and angle of the original image with respect to the image edge display frame 143 currently displayed and the size of the original image (or the enlargement ratio in the cut screen 140). An image is created after trimming. At this time, an image in a state where the selected filter processing 155 is applied (reflected state) is displayed in the image display area 145. That is, at this time, a preview display of the created image is displayed in the image display area 145. The user can adjust the cropping range of the image while checking the image created in this way. Then, the operation using the blurring edit screen 160 is performed.

なお、切り取り画面140に遷移するときには、予め、選択可能な撮影画像のそれぞれについて、適用可能なフィルタ加工155のそれぞれを適用した画像が生成される。このように生成された画像を用いることで、切り取り画面140でトリム後画像を生成する際に、ユーザの操作に応じて迅速に画像表示領域145のプレビュー表示を行うことができる。 Note that when transitioning to the cut screen 140, an image to which each of the applicable filter processes 155 is applied is generated in advance for each of the selectable captured images. By using the image generated in this manner, when generating the trimmed image on the cut screen 140, it is possible to quickly perform a preview display of the image display area 145 according to a user operation.

図16は、ぼかし編集画面160を示す図である。 FIG. 16 is a diagram showing the blurring edit screen 160.

図16には、ぼかし編集画面160のうち片側のみが示されている。ユーザは、ぼかし編集画面160を用いてトリム後画像について所望の態様でぼかしを付加する操作を行うことができる(ぼかし機能)。図16に示されるように、ぼかし編集画面160は、ぼかし編集部161と、ぼかしパターン選択部171と、決定ボタン177と、復帰ボタン158と、前画面ボタン179とを含んでいる。決定ボタン177、復帰ボタン158、及び前画面ボタン179は、上述の切り取り画面140における各ボタン157〜159と同様に、画面遷移の際に用いられる。 In FIG. 16, only one side of the blurring edit screen 160 is shown. The user can use the blurring editing screen 160 to perform a blurring operation on the post-trim image in a desired manner (blurring function). As shown in FIG. 16, the blurring edit screen 160 includes a blurring edit unit 161, a blurring pattern selection unit 171, a decision button 177, a return button 158, and a previous screen button 179. The determination button 177, the return button 158, and the previous screen button 179 are used at the time of screen transition, like the buttons 157 to 159 on the cut screen 140 described above.

ぼかし編集部161には、ぼかしプレビュー画像163が表示される。ぼかしプレビュー画像163は、初期状態で、トリム後画像である。ぼかしプレビュー画像163としては、ぼかしパターンの適用後の画像が、プレビュー表示される。 A blur preview image 163 is displayed on the blur editing unit 161. The blurred preview image 163 is an image after trimming in the initial state. As the blurring preview image 163, an image to which the blurring pattern has been applied is preview-displayed.

ぼかしパターン選択部171は、例えば、複数のぼかしパターン173(173a〜173g)をユーザに選択可能に提示する。また、ぼかしパターン選択部171においては、特定のぼかしパターン173に関して、ぼかしを行う領域のぼかしサイズ選択部175が設けられている。 The blurring pattern selection unit 171 presents a plurality of blurring patterns 173 (173a to 173g) to the user in a selectable manner, for example. Further, the blurring pattern selecting unit 171 is provided with a blurring size selecting unit 175 of a region to be blurred with respect to a specific blurring pattern 173.

ぼかし編集画面160において、ユーザは、ぼかし編集部161に表示されているぼかしプレビュー画像163について、複数のぼかしパターン173のうち好みのものを選択するパターン選択操作を行う。パターン選択操作に応じて、ぼかしプレビュー画像163の表示が変更される。ユーザにより決定ボタン177が操作されると、ぼかしプレビュー画像163の内容で画像が生成され、生成された画像が落書き編集のベースとなる切り取り画として採用される。すなわち、決定ボタン177が操作されると、そのときのぼかしプレビュー画像163について落書き編集が行えるように、切り取り画落書き画面180が表示される。 On the blurring edit screen 160, the user performs a pattern selection operation for selecting a favorite one of the plurality of blurring patterns 173 for the blurring preview image 163 displayed in the blurring editing unit 161. The display of the blurred preview image 163 is changed according to the pattern selection operation. When the user operates the enter button 177, an image is generated with the contents of the blurred preview image 163, and the generated image is adopted as a cutout image which is a base for graffiti editing. That is, when the enter button 177 is operated, the cutout image graffiti screen 180 is displayed so that the blurred preview image 163 at that time can be edited in graffiti.

ここで、本実施の形態においては、ぼかし編集画面160において、7種類のぼかしパターン173a〜173gが適用可能に用意されている。ぼかしパターン173は、大まかに、切り取り画についてのぼかしを適用しない特定領域(以下、フォーカス領域ということがある。)を一部に含むぼかしパターン173b,173c,173d,173e,173fと、そのような領域を含まないぼかしパターン173a,173gとに分けることができる。すなわち、ぼかしパターン173gは、画像の全域にぼかしを適用しないものである(「ボケなし」)。また、ぼかしパターン173aは、画像の全域を一様にぼかすものである(「全ボケ」)。 Here, in the present embodiment, seven types of blurring patterns 173a to 173g are prepared to be applicable on the blurring editing screen 160. The blur pattern 173 roughly includes blur patterns 173b, 173c, 173d, 173e, and 173f that partially include a specific region (hereinafter, also referred to as a focus region) to which the blur of the cut image is not applied, and such a blur pattern. It can be divided into blur patterns 173a and 173g that do not include a region. That is, the blur pattern 173g does not apply blur to the entire area of the image (“no blur”). Further, the blurring pattern 173a uniformly blurs the entire area of the image (“all blur”).

ぼかしパターン173のうち、ぼかしを適用しないフォーカス領域を含むものは、そのフォーカス領域の形状が互いに異なる複数が用意されている。すなわち、ぼかしパターン173bは、ハート形のフォーカス領域を有するものである(「ハート」)。ぼかしパターン173cは、円形のフォーカス領域を有するものである(「マル」)。ぼかしパターン173dは、横長楕円形のフォーカス領域を有するものである(「楕円」)。ぼかしパターン173eは、縦長長方形のフォーカス領域を有するものである(「タテ」)。ぼかしパターン173fは、例えば画像の下方に山形のフォーカス領域を有するものである(「山」)。 Among the blurring patterns 173, a plurality of blurring patterns 173 including a focus area to which blurring is not applied are prepared, each having a different focus area shape. That is, the blur pattern 173b has a heart-shaped focus area (“heart”). The blur pattern 173c has a circular focus area ("Maru"). The blurring pattern 173d has a horizontally long elliptical focus area (“ellipse”). The blur pattern 173e has a vertically long rectangular focus area ("vertical"). The blur pattern 173f has, for example, a mountain-shaped focus area below the image (“mountain”).

ここで、ぼかしパターン173のうち、「山」のぼかしパターン173fは、切り取り画面140において、ユーザの全身を画角内に収めた画像についての切り取りが行われた場合にのみ選択可能になるように構成されている。ぼかしパターン173fは、画像の下部をフォーカス領域165aとし、特に、全身を画角内に収めた画像についてユーザの足下を強調するときなどに適したものであるからである。なお、これに限らず、各ぼかしパターン173は、切り取りが行われた画像の写真形状(アップ画像や全身画像の画角)に応じて、選択可能であるか否かが自動的に変更されるようにしてもよい。また、画像の写真形状に限られず、撮影コースやその他のプレイや撮影等に関する情報に基づいて、予め定められた出現条件に従って、選択可能なぼかしパターン173が自動的に変わるようにしてもよい。 Here, among the blurring patterns 173, the blurring pattern 173f of “mountain” can be selected only when the image in which the whole body of the user is included in the angle of view is clipped on the clipping screen 140. It is configured. This is because the blur pattern 173f is suitable for, for example, emphasizing the user's feet in an image in which the lower portion of the image is the focus area 165a and the whole body is within the angle of view. Not limited to this, whether or not each blur pattern 173 can be selected is automatically changed according to the photograph shape of the image that has been cut out (angle of view of the close-up image or the full-body image). You may do it. Further, the selectable blurring pattern 173 may be automatically changed according to a predetermined appearance condition based on the information about the shooting course and other play, shooting, etc., without being limited to the photograph shape of the image.

ユーザがぼかしパターン選択部171においていずれかのぼかしパターン173を選択すると、選択されたぼかしパターンに応じて、制御部501は、フォーカス領域を特定する。これにより、ユーザが、好ましいと考える形状のフォーカス領域を含み、他の領域をぼかした切り取り画を生成することができる。なお、「ボケなし」のぼかしパターン173gが選択されたときには、ぼかしは適用されない。換言すると、このとき、フォーカス領域が画像の全域として特定される。他方、「全ボケ」のぼかしパターン173aが選択されたときには、画像の全域が一様にぼかされる。換言すると、このとき、フォーカス領域は画像には含まれないものとして特定される。 When the user selects one of the blur patterns 173 in the blur pattern selection unit 171, the control unit 501 specifies the focus area according to the selected blur pattern. As a result, the user can generate a cutout image that includes the focus area of a shape that the user thinks is preferable and that blurs other areas. When the blur pattern 173g of "no blur" is selected, the blur is not applied. In other words, at this time, the focus area is specified as the entire area of the image. On the other hand, when the "blurred" blur pattern 173a is selected, the entire area of the image is blurred uniformly. In other words, at this time, the focus area is specified as not included in the image.

なお、フォーカス領域を含むぼかしパターン173を選択しているときに、フォーカス領域の切り取り画中の位置や大きさは、変更可能である。例えば、フォーカス領域の大きさを変更するには、ぼかしサイズ選択部175で適切な大きさを選択するようにすればよい。これにより、ぼかしサイズ選択部175で選択されたサイズに応じて、フォーカス領域の大きさが変更される。また、位置を変更するには、ぼかし編集部161中でフォーカス領域のドラッグ操作(位置指定操作の一例)が行われればよい。これにより、ドラッグ操作に応じて、フォーカス領域が切り取り画中で移動する。このような動作に伴って、ぼかし編集部161において、随時ぼかしプレビュー画像163の表示が更新されることで、プレビュー表示が行われる。ユーザは、得られる画像を確認しながら、ぼかしの編集を行うことができる。 Note that, when the blur pattern 173 including the focus area is selected, the position or size of the focus area in the cutout image can be changed. For example, in order to change the size of the focus area, the blur size selection unit 175 may select an appropriate size. As a result, the size of the focus area is changed according to the size selected by the blur size selection unit 175. Further, in order to change the position, a drag operation (an example of a position specifying operation) of the focus area may be performed in the blurring editing unit 161. As a result, the focus area moves in the cut image in accordance with the drag operation. In accordance with such an operation, the blurring editing unit 161 updates the display of the blurring preview image 163 at any time, so that the preview display is performed. The user can edit the blur while checking the obtained image.

なお、ぼかす程度やぼかしの種類を変更することができるように構成されていてもよい。例えば、ガウシアンフィルタを用いたぼかしを行うか、移動平均フィルタを用いたぼかしを行うかなど、ぼかし処理の種類を選択可能にしてもよい。また、ぼかしの程度が比較的大きくなるようにするか(「もやもや」としたぼかし)、小さくなるようにするか(「うっすら」としたぼかし)、それらの中間となるようにするか(「ふつう」程度のぼかし)などを選択可能になるようにしてもよい。 Note that the degree of blurring and the type of blur may be changed. For example, the type of blurring processing may be selectable, such as whether to perform blurring using a Gaussian filter or blurring using a moving average filter. In addition, whether the degree of blurring should be relatively large (blurring with "mist"), or small (blurring with "light"), or between them ("normal" It is also possible to make it possible to select "around blur" or the like.

また、フォーカス領域に相当する範囲もぼかすようにしつつ、フォーカス領域とそれ以外の領域とで、ぼかしの態様が異なるようにしてもよい。このとき、フォーカス領域外の領域は、ぼかさないようにしてもよい。 In addition, while blurring the range corresponding to the focus area, the blurring mode may be different between the focus area and the other areas. At this time, the area outside the focus area may not be blurred.

図17は、切り取り画落書き画面180を示す図である。 FIG. 17 is a diagram showing a cut-out image graffiti screen 180.

図17には、切り取り画落書き画面180のうち片側のみが示されている。図17に示されるように、切り取り画落書き画面180には、上述の編集画面101と同様にパレット115などが表示されているほか、落書きを行う対象としてぼかし編集画面160の編集結果が反映された対象画像181が表示されている。切り取り画落書き画面180には、ぼかし変更ボタン191と、画像変更ボタン193と、編集終了ボタン195と、復帰ボタン158と、加工濃度調整部185とが含まれている。 FIG. 17 shows only one side of the cutout graffiti screen 180. As shown in FIG. 17, the cutout graffiti screen 180 displays the palette 115 and the like as in the above-described edit screen 101, and the editing result of the blurring edit screen 160 is reflected as the target of graffiti. The target image 181 is displayed. The cutout image graffiti screen 180 includes a blurring change button 191, an image change button 193, an edit end button 195, a return button 158, and a processing density adjustment unit 185.

ユーザは、切り取り画落書き画面180が表示されている状態で、「通常らくがき」を行う場合と同様にして、対象画像181について落書きを行うことができる。切り取り画落書き画面180において復帰ボタン158が操作されると、その状態でいったん対象画像181と落書きの内容とが保存され、落書き編集画面100に戻る。切り取り画落書き画面180において編集終了ボタン195が操作されると、一連の切り取り画作成が完了する。これにより、落書きが行われた状態の対象画像181が切り取り画として作成される。なお、いったん切り取り画作成が完了したときに切り取り画を作成するようにしてもよいし、落書き時間が終了したときに、切り取り画を作成するようにしてもよい。 The user can perform graffiti on the target image 181 in the same manner as when performing “normal scribble” while the cutout graffiti screen 180 is displayed. When the return button 158 is operated on the cut-out image graffiti screen 180, the target image 181 and the contents of the graffiti are once stored in that state, and the graffiti edit screen 100 is returned to. When the edit end button 195 is operated on the cut image graffiti screen 180, a series of cut image creation is completed. As a result, the target image 181 in the state where the graffiti is drawn is created as a cutout image. The cutout image may be created once the cutout image creation is completed, or the cutout image may be created when the scribbling time is over.

なお、図17において、パレット115には、被写体の顔に配置するのに適したスタンプ(変装スタンプ)811が選択可能に表示されている。また、パレット115には、スタンプセット選択ボタン812が選択可能に表示されている。本実施の形態において、パレット115に表示されるスタンプ811の組合せ(変装スタンプセット)は2組が予め設定されており、スタンプセット選択ボタン812は、それらのいずれかを選択するために操作される。具体的には、変装スタンプセットとしては、黒色っぽい(色が濃い)服装の被写体に対して適した彩色が施されたスタンプ811が組み合わされたものと、白色っぽい(色が薄い)服装の被写体に対して適した彩色が施されたスタンプ811が組み合わされたものとの2種類が予め設定されている。スタンプセット選択ボタン812には、例えば、「今日のあなたのファッションはどっち?」という被写体の服装の色彩を尋ねる表示と、黒色っぽい(黒系の)服装であるか白色っぽい(白系の)服装であるかを選択するためのボタンの表示とが含まれる。ユーザは、これらのボタンのうち一方を選択する操作を行うことで、パレット115に表示させて落書きに用いることができる変装スタンプセットを切り替えることができる。 In FIG. 17, a stamp (disguise stamp) 811 suitable for being placed on the face of the subject is selectably displayed on the palette 115. Further, a stamp set selection button 812 is displayed on the palette 115 in a selectable manner. In the present embodiment, two combinations of stamps 811 (disguise stamp sets) displayed on the palette 115 are preset, and the stamp set selection button 812 is operated to select one of them. .. Specifically, the disguise stamp set includes a combination of a stamp 811 that is colored appropriately for a subject with blackish (dark color) clothes and a subject with whiteish (light color) clothes. , And a combination of stamps 811 that are colored appropriately. The stamp set selection button 812 is, for example, a display asking which color of the subject's clothes, “Which is your fashion today?”, and whether it is blackish (blackish) or whitish (whiteish) And a display of buttons for selecting whether or not there is. By performing an operation of selecting one of these buttons, the user can switch the disguise stamp set that can be displayed on the palette 115 and used for graffiti.

このようにして、被写体の服装の色に応じて、異なる彩色が施されたスタンプ811を用いることができるので、次のような効果が得られる。すなわち、スタンプ811として1種類しかない場合には、服装の色によっては、スタンプ811が服装と重なって目立たなくなり、スタンプ811の存在感が小さくなることがある。しかしながら、服装の色に応じた色彩の変装スタンプセットを用いることで、服装の色を問わず、存在感のあるスタンプ811を利用して落書きを行うことができ、完成度の高い画像を作成することができる。また、上述のような問題に対しては、ユーザが直接スタンプ811等の素材の色彩を変更することができるようにすることが考えられるが、この場合には、色彩の変更によって素材のデザイン意図が損なわれたり、ユーザが所望する色彩に調整することが困難であったりするという問題がある。これに対して、本実施の形態においては、変装スタンプセットとして、色彩も含めて予め用意されているものが用いられるので、プレイの撮影テーマや画像処理等と全体として調和の取れたスタンプ811を用いることができ、かつ、スタンプ811を用いた編集を容易に行うことができる。このような被写体の服装の色に応じて用いることができるスタンプ811の色を変更可能にすることは、切り取り画の作成時に限られず、一般的な落書き編集時等においても採用することができる。 In this way, the stamp 811 that is colored differently according to the color of the clothing of the subject can be used, and the following effects can be obtained. That is, when there is only one type of stamp 811, the stamp 811 may not be conspicuous because it overlaps with the clothing depending on the color of the clothing, and the presence of the stamp 811 may be reduced. However, by using a disguise stamp set of a color corresponding to the color of clothes, graffiti can be drawn using the stamp 811 having a strong presence, regardless of the color of clothes, and a highly complete image is created. be able to. In order to solve the above problem, it may be possible for the user to directly change the color of the material such as the stamp 811. In this case, however, in this case, the design intention of the material is changed by changing the color. Is impaired, and it is difficult for the user to adjust to a desired color. On the other hand, in the present embodiment, since the disguise stamp set prepared in advance including the color is used, the stamp 811 that is in total harmony with the shooting theme of the play, the image processing, and the like is used. It can be used, and editing using the stamp 811 can be easily performed. The ability to change the color of the stamp 811 that can be used according to the color of the clothing of the subject can be adopted not only when creating a cutout image, but also when editing a general graffiti.

なお、各変装スタンプセットのスタンプ811は、互いに略同型状のものであって、主にベタ塗り部の色や縁部の色などが異なるものであるが、これに限られるものではない。変装スタンプセットは、3種類以上が設けられていてもよい。また、変装スタンプに限られず、他のスタンプについても上述のように複数の組合せからユーザによる服装の色の選択に応じたものが選ばれるようにしてもよい。スタンプセット選択ボタン812として、例えば髪の色など、被写体の服装以外の要素の色彩について選択を求めるものを設け、その選択結果に応じて、用いられる素材(スタンプ等)の組合せが選択されるようにしてもよい。例えば、服装の色の選択結果に応じて選択される素材の組合せと、髪の色の選択結果に応じて選択される素材の組合せとが、それぞれ別々に設定されていてもよい。 The stamps 811 of the disguise stamp sets are of substantially the same shape, and the colors of the solid-painted portion and the edges are mainly different, but the stamps 811 are not limited to this. Three or more disguise stamp sets may be provided. Further, the stamp is not limited to the disguise stamp, and other stamps may be selected from a plurality of combinations according to the selection of the clothing color by the user as described above. As the stamp set selection button 812, a button for selecting the color of an element other than the clothing of the subject such as hair color is provided, and the combination of materials (stamps, etc.) to be used is selected according to the selection result. You may For example, the combination of materials selected according to the selection result of clothing color and the combination of materials selected according to the selection result of hair color may be set separately.

また、ユーザによる被写体の要素の色彩に関する選択を必要とせず、制御部501が落書き対象の画像内に含まれる色を検出し、それに応じて自動的に落書きに用いることができる素材の組合せが選択されるようにしてもよい。例えば、黒色等の濃い色の占める割合が所定値以上であれば、黒系の服装に対応する素材の組合せを用いるようにし、そうでなければ白系の服装に対応する素材の組合せを用いるようにしてもよい。また、画像内の被写体を検出し、その所定の部分の色(例えば、髪部分の色)に基づいて、素材の組合せを自動的に決定するようにしてもよい。 Further, the control unit 501 does not require the user to select the color of the element of the subject, detects the color included in the image of the graffiti target, and automatically selects a combination of materials that can be used for graffiti accordingly. It may be done. For example, if the ratio of dark colors such as black is more than a predetermined value, use a combination of materials that corresponds to black clothing, otherwise use a combination of materials that correspond to white clothing. May be. Alternatively, the subject in the image may be detected, and the combination of materials may be automatically determined based on the color of the predetermined portion (for example, the color of the hair portion).

さらにまた、スタンプ811等の素材の色を、そのデザイン意図が損なわれない範囲で変更可能にしてもよい。この場合、例えば上述のズームバー147のようなスライドバーを設け、多段階に徐々にスタンプ811の素材の色を変更できるようにしてもよい。例えば、黒色や茶色等を基色とするようなテーマのスタンプ811を用意するとき、黒色から茶色まで、スライドバーを操作することで徐々に色彩を変化させて、被写体の服装の色や髪の色等に調和するような所望の色彩を選択することができるようにしてもよい。これにより、容易な操作で、充実した落書き編集を行うことができる。 Furthermore, the color of the material such as the stamp 811 may be changeable within a range that does not impair the design intent. In this case, a slide bar such as the zoom bar 147 described above may be provided so that the color of the material of the stamp 811 can be gradually changed in multiple steps. For example, when preparing a stamp 811 whose theme is based on black, brown, etc., gradually change the color from black to brown by operating the slide bar to change the color of the clothes and hair color of the subject. It may be possible to select a desired color that is in harmony with the above. As a result, it is possible to perform rich graffiti editing with easy operation.

ここで、加工濃度調整部185は、調整バー187と、濃度リセットボタン188とを含んでいる。ユーザは、加工濃度調整部185を用いて操作を行うことにより、切り取り画面140で適用することが決定されたフィルタ加工155を適用する程度についての調整(以下、濃度調整ということがある)を行うことができる。例えば、調整バー187のスライダを右にスライドさせる操作を行うと、それに応じて、フィルタ加工155を適用する程度が大きくなり(フィルタ加工155が濃くなり)、左にスライドさせる操作を行うと、フィルタ加工155を適用する程度が小さくなる(フィルタ加工155が淡くなる)。また、濃度リセットボタン188が操作されると、フィルタ加工155の「濃度」(適用程度)が初期状態に戻る(リセットされる)。このようなフィルタ加工155の適用程度の調整機能(以下、濃度調整機能ということがある)の詳細については、後述する。 Here, the processing density adjusting unit 185 includes an adjusting bar 187 and a density reset button 188. The user performs an operation using the processing density adjusting unit 185 to adjust the degree of applying the filter processing 155 that is determined to be applied on the cut screen 140 (hereinafter, also referred to as density adjustment). be able to. For example, when the operation of sliding the slider of the adjustment bar 187 to the right is performed, the degree to which the filter processing 155 is applied increases correspondingly (the filter processing 155 becomes dark), and when the operation of sliding the slider to the left is performed, The degree to which the processing 155 is applied becomes small (the filter processing 155 becomes light). Further, when the density reset button 188 is operated, the “density” (applicability) of the filter processing 155 is returned (reset) to the initial state. Details of the adjustment function of the application degree of the filter processing 155 (hereinafter, also referred to as a density adjustment function) will be described later.

切り取り画落書き画面180を経て作成された切り取り画は、画像提供サーバ601に送信される。これにより、ユーザは、サーバ601にアクセスすることで、切り取り画を取得できる。 The cut image created through the cut image graffiti screen 180 is transmitted to the image providing server 601. Thus, the user can obtain the cut image by accessing the server 601.

これらの各画面間の遷移を大まかにまとめると、次のようである。 The transition between these screens can be summarized as follows.

図18は、切り取り画作成時における編集画面の画面遷移を説明する図である。 FIG. 18 is a diagram for explaining the screen transition of the edit screen when the cut image is created.

図18に示されるように、落書き編集画面100において、おまけらくがきに関する作成ボタンのうち第1の作成ボタン118aが操作されると、そのプレイにおいてまだ切り取り画が作成されていなければ、切り取り画面140に遷移する(S201)。そのプレイにおいて既に作成された切り取り画が保存されている状態で第1の作成ボタン118aが操作された場合には、切り取り画落書き画面180に直接遷移する(S203)。これにより、既に保存されている切り取り画がある場合、その編集状態の続きをすぐに行うことができる。 As shown in FIG. 18, when the first creation button 118a of the creation buttons for bonus graffiti is operated on the graffiti editing screen 100, if the cut image is not created yet in the play, the cut screen 140 is displayed. A transition is made (S201). When the first creation button 118a is operated while the cut image already created in the play is stored, the cut image graffiti screen 180 is directly displayed (S203). As a result, if there is a cut image that has already been saved, the edit state can be immediately continued.

切り取り画面140では、決定ボタン157が操作されると、ぼかし編集画面160に遷移する(S205)。このとき、ぼかし編集画面160に表示するぼかしプレビュー画像163を生成するための画像処理が行われる。時間がかかるようであれば、処理待ち状態であることを示す画面表示が行われる。 On the cut screen 140, when the enter button 157 is operated, the screen changes to the blur edit screen 160 (S205). At this time, image processing for generating the blurring preview image 163 displayed on the blurring editing screen 160 is performed. If it takes time, a screen display indicating that the process is in a waiting state is displayed.

切り取り画面140で復帰ボタン158が操作されると、落書き編集画面100に戻る(S215)。 When the return button 158 is operated on the cut screen 140, the screen returns to the graffiti edit screen 100 (S215).

ぼかし編集画面160では、決定ボタン177が操作されると、切り取り画落書き画面180に遷移する(S207)。このとき、切り取り画落書き画面180に表示する対象画像181を生成するための画像処理が行われる。時間がかかるようであれば、処理待ち状態であることを示す画面表示が行われる。 When the enter button 177 is operated on the blurring edit screen 160, the cutout image scribble screen 180 is displayed (S207). At this time, image processing for generating the target image 181 to be displayed on the cutout graffiti screen 180 is performed. If it takes time, a screen display indicating that the process is in a waiting state is displayed.

ぼかし編集画面160では、復帰ボタン158が操作されると、落書き編集画面100に遷移する(S213)。このとき、それまでで切り取り画面140を経て作成された画像を切り取り画として保存するようにしてもよい。 On the blurring edit screen 160, when the return button 158 is operated, a transition is made to the graffiti edit screen 100 (S213). At this time, the image created through the cut screen 140 up to that point may be saved as a cut image.

また、ぼかし編集画面160では、前画面ボタン179が選択されると、切り取り画面140に遷移する(S209)。このとき、前回切り取り範囲を調整した状態のままで切り取り画面140に遷移するようにすればよいが、これに限られるものではない。 In the blurring edit screen 160, when the previous screen button 179 is selected, the screen transitions to the cut screen 140 (S209). At this time, the cutting screen 140 may be changed while the cutting range is adjusted last time, but the present invention is not limited to this.

切り取り画落書き画面180において、復帰ボタン158が操作されると、編集結果を保存して、落書き編集画面100に遷移する(S211)。 When the return button 158 is operated on the cutout graffiti screen 180, the edited result is saved and the graffiti edit screen 100 is displayed (S211).

切り取り画落書き画面180において、ぼかし変更ボタン191が操作されると、所定の確認画面192が表示された後、ユーザの指示に応じてぼかし編集画面160に遷移する(S217)。確認画面192は、ぼかし編集画面160等に戻るのに伴って現在編集している落書きに関する情報が削除されることについて、ユーザに確認を促すメッセージを含む。ユーザは、確認画面192が表示された状態で、さらに指示を加えることにより、ぼかし編集画面160等へ戻ることを決行するか、ぼかし編集画面160等へ戻ることを中止して引き続き対象画像181への落書き編集を行うかを選択することができる。 When the blurring change button 191 is operated on the cut-out image graffiti screen 180, a predetermined confirmation screen 192 is displayed, and then the screen shifts to the blurring edit screen 160 according to the user's instruction (S217). The confirmation screen 192 includes a message prompting the user to confirm that the information regarding the graffiti currently being edited is deleted as the screen returns to the blurring edit screen 160 or the like. The user decides to return to the blur editing screen 160 or the like by further giving an instruction while the confirmation screen 192 is displayed, or cancels the return to the blur editing screen 160 or the like and continues to the target image 181. You can choose whether to do graffiti editing.

同様に、切り取り画落書き画面180において、画像変更ボタン193が操作されると、所定の確認画面(図示せず)が表示された後、ユーザの指示に応じて切り取り画面140に遷移する(S219)。 Similarly, when the image change button 193 is operated on the cut-out image graffiti screen 180, a predetermined confirmation screen (not shown) is displayed, and then the screen changes to the cut-out screen 140 according to the user's instruction (S219). ..

[回転操作時の説明] [Explanation for rotating operation]

ここで、回転操作は、次のようにして、切り取り画面140の表示中に受け付けられる。 Here, the rotation operation is accepted while the cut screen 140 is displayed as follows.

図19は、切り取り画面140の表示時の切り取り画面受付処理のフローチャートである。 FIG. 19 is a flowchart of the cut screen reception process when the cut screen 140 is displayed.

図19においては、切り取り画面140の表示中にユーザの操作を受け付ける際の処理の全般が、大まかに示されている。すなわち、切り取り画面140が表示されると、切り取り画面受付処理が開始される。切り取り画面受付処理は、制御部501の制御によって行われ、切り取り画面140の表示中は繰り返し行われる。 In FIG. 19, the overall processing when accepting a user operation while the cut screen 140 is displayed is roughly shown. That is, when the cut screen 140 is displayed, the cut screen reception process is started. The cut screen reception process is performed under the control of the control unit 501 and is repeatedly performed while the cut screen 140 is displayed.

図19に示されるように、ステップS231において、切り取り画に用いる撮影画像を選択する操作が行われたか否かが判断される。操作が行われたと判断されると、ステップS232において、画像選択処理が行われる。画像選択処理により、ユーザにより選択された撮影画像が、画像表示領域145への表示対象として選択される。 As shown in FIG. 19, in step S231, it is determined whether or not the operation of selecting the captured image used for the cutout image has been performed. If it is determined that the operation has been performed, an image selection process is performed in step S232. Through the image selection process, the captured image selected by the user is selected as a display target in the image display area 145.

ステップS233において、トリム領域141について操作が行われたか否かが判断される。操作が行われたと判断されると、ステップS234において、切り取り編集処理が行われる。 In step S233, it is determined whether or not an operation has been performed on the trim area 141. When it is determined that the operation has been performed, the cut and edit processing is performed in step S234.

ステップS235において、フィルタ選択領域153でフィルタ加工が選択されたか否かが判断される。選択されたと判断されると、ステップS237において、加工選択処理が行われる。すなわち、ユーザの操作に応じてフィルタ加工155が適用するものとして選択され、そのフィルタ加工155の適用後の撮影画像が画像表示領域145への表示対象として選択される。 In step S235, it is determined whether filter processing has been selected in the filter selection area 153. If it is determined that the selection has been made, a processing selection process is performed in step S237. That is, the filter processing 155 is selected to be applied according to the user's operation, and the captured image after the filter processing 155 is applied is selected as the display target in the image display area 145.

ステップS238において、プレビュー画像すなわち切り取り画面140における画像表示領域145内の画像が更新される。これにより、ユーザは、プレビュー画像を見て、切り取り画面140における操作を常時反映させながら直感的に操作を行うことができる。 In step S238, the preview image, that is, the image in the image display area 145 on the cut screen 140 is updated. Thereby, the user can intuitively perform the operation while constantly reflecting the operation on the cut screen 140 while looking at the preview image.

図20は、切り取り編集処理のフローチャートである。 FIG. 20 is a flowchart of the cut and edit processing.

図20に示されるように、ステップS501において、ズームバー147が操作されたか否かが検出される。ズームバー147が操作されると、すなわちユーザによる拡大縮小操作が行われると、ステップS502において、上述のようにしてサイズ変更処理が行われる。 As shown in FIG. 20, in step S501, it is detected whether or not the zoom bar 147 has been operated. When the zoom bar 147 is operated, that is, when the enlargement/reduction operation is performed by the user, the size changing process is performed as described above in step S502.

ステップS503において、回転バー148が操作されたか否かが検出される。回転バー148が操作されると、すなわちユーザによる回転操作が行われると、ステップS504において、それが0度から離れる方向への操作であるか否かが判断される(元画像をより傾けるための操作であるか否かが判断される。)。 In step S503, it is detected whether the rotary bar 148 has been operated. When the rotation bar 148 is operated, that is, when the rotation operation is performed by the user, it is determined in step S504 whether or not the operation is in a direction away from 0 degree (for tilting the original image further). It is judged whether or not it is an operation.).

ステップS504において0度から離れる方向であれば、ステップS505において、第1回転処理が行われる。第1回転処理については、後述する。 If the direction is away from 0 degree in step S504, the first rotation process is performed in step S505. The first rotation process will be described later.

ステップS504において0度から離れる方向でなければ、ステップS506において、第2回転処理が行われる。第2回転処理については、後述する。 If it is not the direction away from 0 degree in step S504, the second rotation process is performed in step S506. The second rotation process will be described later.

ステップS507において、回転リセットボタン149が操作されたか否かが検出される。リセットボタンが操作されたときには、ステップS508において、回転リセット処理が行われる。回転リセット処理については、後述する。 In step S507, it is detected whether the rotation reset button 149 has been operated. When the reset button is operated, rotation reset processing is performed in step S508. The rotation reset process will be described later.

ステップS509において、移動操作が行われたか否かが検出される。移動操作が行われたときには、ステップS510において、元画像が移動操作に応じて移動可能であるか否かが判断され、移動可能であれば、ステップS511において、移動操作に応じて画像が移動される。例えば、元画像の端部が既に画像表示領域145の周縁にあり、それ以上移動すると画像表示領域145内に余白(元画像外の領域)が入りそうなときには、移動可能でないと判断される。なお、画像表示領域145内に余白が入ることが許されるようにしてもよい(移動可能であると判断されてもよい)。 In step S509, it is detected whether or not the moving operation is performed. When the moving operation is performed, it is determined in step S510 whether or not the original image can be moved according to the moving operation. If the original image is movable, the image is moved in accordance with the moving operation in step S511. It For example, if the edge of the original image is already on the periphery of the image display area 145 and further movement causes a margin (area outside the original image) to enter the image display area 145, it is determined that the image cannot be moved. Note that a blank space may be allowed to be included in the image display area 145 (may be determined to be movable).

ここで、本実施の形態において、回転操作が行われると、元画像は、画像表示領域145の中央(画像端表示枠143)を回転中心として、画像端表示枠143に対して回転する。このとき、元画像と画像端表示枠143が略矩形でるところ、元画像をそのままの拡大率で回転させるようにすると、画像表示領域145内に余白(元画像以外の部分)が入り込む場合がある。本実施の形態において、これを防止するため、元画像を回転させるときには、必要に応じて、余白が画像表示領域145内に入らないように、回転量に対応する量だけ画像を拡大する処理が行われる。このような処理は、第1回転処理において行われる。 Here, in the present embodiment, when a rotation operation is performed, the original image rotates with respect to the image edge display frame 143 with the center (image edge display frame 143) of the image display area 145 as the rotation center. At this time, since the original image and the image edge display frame 143 are substantially rectangular, if the original image is rotated at the same enlargement ratio, a blank space (a part other than the original image) may be included in the image display area 145. .. In the present embodiment, in order to prevent this, when rotating the original image, a process of enlarging the image by an amount corresponding to the rotation amount is performed as necessary so that the margin does not enter the image display area 145. Done. Such processing is performed in the first rotation processing.

[第1回転処理の説明] [Description of First Rotation Processing]

図21は、回転角を大きくする方向に回転操作が行われた場合の動作の一例を説明する図である。 FIG. 21 is a diagram illustrating an example of an operation when a rotation operation is performed in a direction of increasing the rotation angle.

図21を参照して、元画像である画像Pについて画像端表示枠143に対して回転させる回転操作が行われた場合の動作を説明する。 With reference to FIG. 21, an operation when the rotation operation of rotating the image P that is the original image with respect to the image edge display frame 143 is performed will be described.

ステップS71に示されるように、回転操作前の状態として、略正方形の画像端表示枠143の内部に、縦長の矩形の画像Pの幅方向全部が入るような状態を想定する。 As shown in step S71, it is assumed that the state before the rotating operation is such that the entire widthwise direction of the vertically long rectangular image P is inside the substantially square image edge display frame 143.

このようなときに、仮に回転のみが行われ、画像Pの拡大は行われない場合には、ステップS72に示されるようになる。すなわち、回転操作が行われると、中央部を回転中心143aとして、画像Pが画像端表示枠143に対して回転する。そうすると、斜線部で示されるように、画像Pと画像端表示枠143の角部との間に、画像P外の領域である余白が入り込む。 In such a case, if only the rotation is performed and the image P is not enlarged, the process is shown in step S72. That is, when the rotation operation is performed, the image P rotates with respect to the image edge display frame 143 with the center portion as the rotation center 143a. Then, as shown by the shaded area, a blank space, which is an area outside the image P, is inserted between the image P and the corner of the image edge display frame 143.

本実施の形態では、このように余白が入ることを避けるため、回転に応じて、画像Pが拡大される。すなわち、ステップS73に示されるように、回転操作が行われ、回転中心143aを中心に画像Pが回転される。このとき、随時、回転に伴って、余白が生じない程度に、画像Pが拡大される。画像Pが回転したとき、最初に画像Pの周縁部と画像端表示枠143の角部のいずれか1箇所とが重なるとき、画像Pの拡大が開始され、以後、回転角が大きくなるにつれて、その画像端表示枠143の角部が画像Pの周縁部上に位置する状態が保たれるように、画像Pが拡大される。 In the present embodiment, the image P is enlarged according to the rotation in order to avoid such a blank space. That is, as shown in step S73, the rotation operation is performed, and the image P is rotated around the rotation center 143a. At this time, the image P is enlarged at any time so that a margin is not generated due to the rotation. When the image P rotates, first, when the peripheral edge of the image P and any one of the corners of the image end display frame 143 overlap, the image P starts to be enlarged, and thereafter, as the rotation angle increases, The image P is enlarged so that the corner portion of the image edge display frame 143 is kept on the peripheral portion of the image P.

このように回転操作に伴って制御部501により自動的に画像Pが拡大されるので、回転後も、画像端表示枠143の内部に余白が入り込むことが防止される。 In this way, the image P is automatically enlarged by the control unit 501 in accordance with the rotation operation, so that it is possible to prevent a blank space from entering the inside of the image edge display frame 143 even after the rotation.

図22は、元画像について回転操作を行った後のトリム領域141の例を示す図である。 FIG. 22 is a diagram showing an example of the trim area 141 after the rotation operation is performed on the original image.

図22においては、元画像が画像端表示枠143に対してある程度回転した状態が示されている。上述のように、画像表示領域145内に余白が入らないようにして回転された状態では、その状態よりも元画像の拡大率が小さくなると、画像表示領域145に余白が入ってしまう。したがって、本実施の形態では、元画像が画像端表示枠143に対して回転されたとき、元画像が自動的に拡大されるとともに、拡大率がその状態よりも低くされることがないように制御される。 In FIG. 22, the original image is shown rotated to some extent with respect to the image edge display frame 143. As described above, in a state in which the image display area 145 is rotated so that no margin is included in the image display area 145, a margin is included in the image display area 145 when the enlargement ratio of the original image is smaller than that state. Therefore, in the present embodiment, when the original image is rotated with respect to the image edge display frame 143, the original image is automatically enlarged, and the enlargement ratio is controlled so as not to be lower than that state. To be done.

また、本実施の形態では、元画像が画像端表示枠143に対して回転されたとき、元画像の拡大率がその状態よりも低くすることができないことが、ユーザに視覚的に示される。具体的には、図22に示されるように、ズームバー147に、調整不可能な範囲を示すグレーアウト領域147gが表示される。グレーアウト領域147gにズームバー147のスライダを移動させようとする操作がユーザにより行われたとしても、スライダがグレーアウト領域147g内に入らないように(すなわちグレーアウト領域147g内の拡大率を選択することができないように)、制御部501により制御される。したがって、画像端表示枠143の内部に余白が入り込むことが防止される。 Further, in the present embodiment, when the original image is rotated with respect to image edge display frame 143, the user is visually shown that the enlargement ratio of the original image cannot be lower than that state. Specifically, as shown in FIG. 22, a gray-out area 147g showing an unadjustable range is displayed on the zoom bar 147. Even if the user performs an operation to move the slider of the zoom bar 147 to the grayout area 147g, the slider does not enter the grayout area 147g (that is, the enlargement ratio in the grayout area 147g cannot be selected). Are controlled by the control unit 501. Therefore, it is possible to prevent a blank space from entering the inside of the image edge display frame 143.

なお、グレーアウト表示147gとしては、図22に示されるようなものに限られず、調整不可能である範囲であることがわかるような、他の部分とは異なる色や態様で示されているものであれば、適宜用いることができる。 Note that the gray-out display 147g is not limited to that shown in FIG. 22, and may be shown in a color or mode different from that of other portions so that it can be seen that the range is not adjustable. If so, it can be used appropriately.

図23は、第1回転処理の動作を示すフローチャートである。 FIG. 23 is a flowchart showing the operation of the first rotation processing.

処理が開始されると、図23に示されるように、ステップS521において、ズームバー147の拡大率が最大であるか否かが判断される。 When the process is started, as shown in FIG. 23, in step S521, it is determined whether or not the enlargement ratio of the zoom bar 147 is the maximum.

ステップS521において最大であれば、ステップS522において、回転操作を無視し、処理を抜ける。すなわち、この場合は、画像の回転は行われない。 If it is the maximum in step S521, the rotation operation is ignored and the process is exited in step S522. That is, in this case, the image is not rotated.

ステップS523において、回転したときに画像が見切れるか否か、すなわち、回転したときにそのままでは余白が画像表示領域145に含まれてしまうか否かが判断される。見切れると判断される(余白が含まれてしまうと判断される)ときには、ステップS524〜S526の処理が行われる。 In step S523, it is determined whether or not the image is cut off when rotated, that is, whether or not the margin is included in the image display area 145 when rotated. When it is determined that the sheet is out of view (when it is determined that the margin is included), the processes of steps S524 to S526 are performed.

ステップS524において、ズームバー147を拡大方向に自動的に調節する。画像が見切れなくなるように、画像の拡大が行われる。 In step S524, the zoom bar 147 is automatically adjusted in the enlargement direction. Enlargement of the image is performed so that the image is not cut off.

ステップS525において、回転後の、画像を拡縮可能な範囲が計算される。拡縮したときに画像表示領域145に余白が入らない(見切れない)ような範囲が、拡縮可能な範囲である。 In step S525, the range in which the image can be scaled after rotation is calculated. A range in which a blank is not included in the image display area 145 when the image is enlarged or reduced (is not cut off) is a range in which the image can be enlarged or reduced.

ステップS526において、グレーアウト領域147gの表示が更新される。グレーアウト領域147gの表示は、計算された拡縮可能な範囲に基づいて更新される。 In step S526, the display of the gray-out area 147g is updated. The display of the gray-out area 147g is updated based on the calculated expandable/reducible range.

ステップS527において、画像が回転される。すなわち、ユーザの操作に応じて、画像の回転が実行される。 In step S527, the image is rotated. That is, the rotation of the image is executed according to the user's operation.

ステップS528において、回転バー148の表示が更新される。回転バー148におけるスライダの位置が、ユーザの操作に応じた位置(すなわち、タッチペン583に追従した位置)となる。 In step S528, the display of the rotation bar 148 is updated. The position of the slider on the rotary bar 148 is the position corresponding to the user's operation (that is, the position following the touch pen 583).

ステップS528の処理が行われると、引き続き、切り取り編集処理が行われる。 When the process of step S528 is performed, the cut and edit process is subsequently performed.

[第2回転処理の説明] [Description of Second Rotation Processing]

図24は、回転角を小さくする方向に回転操作が行われた場合のトリム領域141の表示例を説明する図である。 FIG. 24 is a diagram illustrating a display example of the trim area 141 when the rotation operation is performed in the direction of decreasing the rotation angle.

図24を参照して、元画像である画像Pについて画像端表示枠143に対して回転させる回転操作が行われた場合の、トリム領域141の表示内容の変化について説明する。 With reference to FIG. 24, a change in the display content of the trim area 141 when the rotation operation of rotating the image P that is the original image with respect to the image edge display frame 143 is performed will be described.

ステップS701に示されるように、回転操作前の状態として、画像端表示枠143の内部に、元画像が回転した状態で表示されている状態を想定する。ここで、回転バー148のスライダは、調整範囲の最大の位置にあり、回転角の大きさは略最大となっている。このとき、上述のようにして表示されるグレーアウト領域147gは、ズームバー147の略全域を覆うように表示されており、元画像の拡大率の大きさは、略最大となっている。 As shown in step S701, it is assumed that the original image is displayed in a rotated state inside the image edge display frame 143 as the state before the rotation operation. Here, the slider of the rotary bar 148 is at the maximum position in the adjustment range, and the size of the rotation angle is approximately maximum. At this time, the gray-out area 147g displayed as described above is displayed so as to cover substantially the entire area of the zoom bar 147, and the magnitude of the enlargement ratio of the original image is substantially the maximum.

グレーアウト領域147gがズームバー147の略全域を覆っているところ、ズームバー147をユーザが操作して元画像の拡大率を小さくしようとしても、このような操作は無視され、反映されない。 When the gray-out area 147g covers substantially the entire area of the zoom bar 147, even if the user operates the zoom bar 147 to reduce the enlargement ratio of the original image, such an operation is ignored and is not reflected.

このようなときに、回転角が0度に近づく方向に、回転操作が行われると、次のようになる。すなわち、ステップS702に示されるように、中央部を回転中心143aとして、画像Pが画像端表示枠143に対して回転する。そうすると、画像の拡大率を小さくしても直ちに余白が画像表示領域145に入るという状態にはならないため、ズームバー147のうちグレーアウト領域147gで覆われる範囲が若干少なくなる。換言すると、グレーアウト領域147gが、短くなる(縮む。)。このとき、元画像が自動的に縮小されることはなく、ズームバー147におけるスライダの位置も、回転操作の前後で変わらない。 In such a case, when the rotation operation is performed in the direction in which the rotation angle approaches 0 degree, the result is as follows. That is, as shown in step S702, the image P rotates with respect to the image edge display frame 143 with the center portion as the rotation center 143a. In this case, the margin does not immediately enter the image display area 145 even if the image enlargement ratio is reduced, so that the range of the zoom bar 147 covered by the gray-out area 147g is slightly reduced. In other words, the gray-out area 147g becomes shorter (shrinks). At this time, the original image is not automatically reduced, and the position of the slider on the zoom bar 147 does not change before and after the rotating operation.

このように、回転操作に伴ってグレーアウト領域147gが短くなるので、ユーザは、それを見て、縮小可能であることを容易に知ることができる。 In this way, since the gray-out area 147g becomes shorter with the rotation operation, the user can easily see that the gray-out area 147g can be reduced.

さらに回転操作が行われ、回転角が0度になると、ステップS703に示されるように、画像は0度の位置になる。このとき、元画像の拡大率はそのままであって、ズームバー147におけるスライダの位置も、回転操作の前後で変わらない。回転角が0度になると、余白が生じることがなくなるので、グレーアウト領域147gは消去される(表示されなくなる。)。 When the rotation operation is further performed and the rotation angle becomes 0 degree, the image is at the 0 degree position as shown in step S703. At this time, the enlargement ratio of the original image remains the same, and the position of the slider on the zoom bar 147 does not change before and after the rotating operation. When the rotation angle is 0 degree, no blank space is generated, so the gray-out area 147g is erased (is not displayed).

これにより、ユーザは、拡大率が最小となるまで、画像を縮小することができることを容易に知ることができる。 This allows the user to easily know that the image can be reduced until the enlargement ratio becomes the minimum.

図25は、第2回転処理の動作を示すフローチャートである。 FIG. 25 is a flowchart showing the operation of the second rotation process.

ステップS531において、画像が回転される。すなわち、ユーザの操作に応じて、画像の回転が実行される。 In step S531, the image is rotated. That is, the rotation of the image is executed according to the user's operation.

ステップS532において、回転バー148の表示が更新される。回転バー148におけるスライダの位置が、ユーザの操作に応じた位置となる。 In step S532, the display of the rotation bar 148 is updated. The position of the slider on the rotary bar 148 becomes the position according to the user's operation.

ステップS533において、回転後の、画像を拡縮可能な範囲が計算される。すなわち、拡縮したときに画像表示領域145に余白が入らないような範囲が計算される。 In step S533, the range in which the image can be enlarged or reduced after rotation is calculated. That is, a range is calculated so that no margin is included in the image display area 145 when the image is enlarged or reduced.

ステップS534において、グレーアウト領域147gの表示が、計算された拡縮可能な範囲に基づいて更新される。 In step S534, the display of the gray-out area 147g is updated based on the calculated expandable/reducible range.

ステップS534の処理が行われると、引き続き、切り取り編集処理が行われる。 When the process of step S534 is performed, the cut and edit process is subsequently performed.

図26は、回転操作及び拡大縮小操作が行われた場合のトリム領域141の表示例を説明する図である。 FIG. 26 is a diagram illustrating a display example of the trim area 141 when the rotation operation and the enlargement/reduction operation are performed.

回転角を小さくする方向に回転操作が行われた後に、拡大縮小操作が行われる場合には、次に示すようになる。 When the enlarging/reducing operation is performed after the rotating operation is performed in the direction of decreasing the rotation angle, the following is performed.

図26において、ステップS711は、上述の図24のステップS702に対応する。すなわち、元画像は、0度よりも若干回転されており、かつ、拡大率は、略最大となっている。 In FIG. 26, step S711 corresponds to step S702 of FIG. 24 described above. That is, the original image is rotated slightly from 0 degree, and the enlargement ratio is substantially maximum.

ここで、画像の拡大率を下げる方向に拡大縮小操作が行われると、画像が縮小され、ステップS712に示されるようになる。すなわち、その回転角に応じて定まる拡縮可能な範囲内で、画像が縮小される。このとき、拡縮可能な範囲より拡大率が小さくなるように、ユーザがズームバー147の操作を行ったとしても、拡縮可能な範囲の下限まで縮小されるにとどまる。これにより、画像表示領域145に余白が入ることが防止される。 Here, when the enlargement/reduction operation is performed in the direction of decreasing the enlargement ratio of the image, the image is reduced, and the process is performed as shown in step S712. That is, the image is reduced within a range in which the image can be enlarged or reduced depending on the rotation angle. At this time, even if the user operates the zoom bar 147 so that the enlargement ratio is smaller than the expandable/reducible range, the size is reduced to the lower limit of the expandable/reducible range. This prevents a blank space from entering the image display area 145.

なお、回転角に応じて定まる拡縮可能な範囲内より拡大率が小さくなるようにズームバー147の操作が行われたときに、ズームバー147の操作に応じて画像の拡大率を小さくするとともに、回転角を0度に近づけるように画像を回転させることにより、画像表示領域145に余白が入ることを防止するようにしてもよい。このようにズームバー147の操作に対して従動的に画像を回転させることを許容する場合には、ズームバー147にグレーアウト領域147gを表示しないようにしてもよい。 When the zoom bar 147 is operated so that the enlargement ratio is smaller than the expandable/reducible range determined according to the rotation angle, the image enlargement ratio is decreased according to the operation of the zoom bar 147, and the rotation angle is changed. It may be possible to prevent a blank from entering the image display area 145 by rotating the image so as to approach 0°. When allowing the image to be rotated following the operation of the zoom bar 147 in this manner, the gray-out area 147g may not be displayed on the zoom bar 147.

[回転リセット処理の説明] [Explanation of rotation reset processing]

図26を参照して、回転リセットボタン149が押下された場合の動作について説明する。 The operation when the rotation reset button 149 is pressed will be described with reference to FIG.

ステップS711に示される状態において回転リセットボタン149が押下されると、ステップS713に示されるようになる。すなわち、画像の拡大率は略最大のまま維持され、画像の回転角が0度に戻る。画像の回転角が0度に戻るので、ズームバー147のグレーアウト領域147gは消去される。 When the rotation reset button 149 is pressed in the state shown in step S711, the state becomes as shown in step S713. That is, the enlargement ratio of the image is maintained at approximately the maximum, and the rotation angle of the image returns to 0 degree. Since the rotation angle of the image returns to 0 degrees, the gray-out area 147g of the zoom bar 147 is erased.

他方、ステップS712に示される状態において回転リセットボタン149が押下されると、ステップS714に示されるようになる。すなわち、画像の拡大率は、ステップS712の状態のまま維持され、画像の回転角が0度に戻る。また、ステップS713と同様に、画像の回転角が0度に戻るので、ズームバー147のグレーアウト領域147gは消去される。 On the other hand, when the rotation reset button 149 is pressed in the state shown in step S712, the state becomes as shown in step S714. That is, the enlargement ratio of the image is maintained in the state of step S712, and the rotation angle of the image returns to 0 degree. Further, similarly to step S713, since the rotation angle of the image returns to 0 degree, the gray-out area 147g of the zoom bar 147 is erased.

このように、回転リセットボタン149が押下されると、画像の回転角が0度に戻る。回転バー148を利用して画像の角度を0度から変更したときに、回転バー148を用いて再度0度に正確に戻す操作を行うのは困難な場合がある。しかしながら、このように回転リセットボタン149を用いることで、容易にかつ確実に、画像の回転角を0度に設定することができる。 In this way, when the rotation reset button 149 is pressed, the rotation angle of the image returns to 0 degree. When the rotation bar 148 is used to change the angle of the image from 0 degrees, it may be difficult to perform the operation of accurately returning the angle to 0 degrees again using the rotation bar 148. However, by using the rotation reset button 149 in this manner, the rotation angle of the image can be set to 0 degree easily and reliably.

なお、回転リセットボタン149の押下時に、画像の拡大率はそのまま維持される。したがって、回転角のみを0度に戻し、意図する範囲が画像表示領域145に表示されるように容易に操作を行うことができる。 When the rotation reset button 149 is pressed, the enlargement ratio of the image is maintained as it is. Therefore, it is possible to easily perform an operation such that only the rotation angle is returned to 0 degree and the intended range is displayed in the image display area 145.

回転リセットボタン149の押下時に、画像の拡大率も初期状態に戻るようにしてもよい。 When the rotation reset button 149 is pressed, the image enlargement ratio may be returned to the initial state.

図27は、回転リセット処理の動作を説明するフローチャートである。 FIG. 27 is a flowchart illustrating the operation of the rotation reset process.

図27に示されるように、回転リセットボタン149が操作されると、ステップS541において、画像が回転される。すなわち、画像の回転角が0度に戻される。 As shown in FIG. 27, when the rotation reset button 149 is operated, the image is rotated in step S541. That is, the rotation angle of the image is returned to 0 degree.

ステップS542において、回転バー148の表示が更新され、スライダの位置が0度の位置に戻される。 In step S542, the display of the rotation bar 148 is updated and the slider position is returned to the 0 degree position.

ステップS543において、ズームバー147のグレーアウト領域147gが消去される。これにより、ユーザは、画像を広い範囲で縮小できることを容易に知ることができる。 In step S543, the gray-out area 147g of the zoom bar 147 is deleted. This allows the user to easily know that the image can be reduced in a wide range.

ステップS543の処理が行われると、引き続き、切り取り編集処理が行われる。 When the process of step S543 is performed, the cut and edit process is subsequently performed.

なお、回転角が大きくなるように回転操作が行われるとき、画像の回転中心143aの位置が回転操作に伴って変更されるようにしてもよい。 When the rotation operation is performed so that the rotation angle becomes large, the position of the rotation center 143a of the image may be changed in accordance with the rotation operation.

図28は、回転操作が行われたときの動作の一例を説明する図である。 FIG. 28 is a diagram illustrating an example of an operation when a rotation operation is performed.

図28に示されるように、元画像である画像Pについて画像端表示枠143に対して回転させる回転操作が行われた場合の動作を説明する。 As shown in FIG. 28, the operation when the rotation operation for rotating the image edge display frame 143 with respect to the image P that is the original image is performed will be described.

ここでは、ステップS76に示されるように、回転操作前の状態として、元画像Pの回転角は0度であって、拡大率が拡縮可能な範囲の最大であるような状態を想定する。 Here, as shown in step S76, it is assumed that the rotation angle of the original image P is 0 degree and the enlargement ratio is the maximum in the expandable/reducible range as the state before the rotating operation.

このようなときに、回転操作が行われると、ステップS77に示されるようになる。すなわち、回転操作が行われると、中央部を回転中心143aとして、画像Pが画像端表示枠143に対して回転する。そうすると、元画像Pの周縁部に、画像端表示枠143の角部が接する状態となる。 When the rotation operation is performed in such a case, the step S77 is performed. That is, when the rotation operation is performed, the image P rotates with respect to the image edge display frame 143 with the center portion as the rotation center 143a. Then, the corner of the image edge display frame 143 comes into contact with the peripheral edge of the original image P.

ここで、元画像Pの拡大率が最大であるところ、これ以上このまま回転中心143aを中心に回転すると、画像表示領域145に余白が入る。そこで、元画像Pに対する回転中心143aの位置が、画像表示領域145に余白が入らないように変更されるようにしてもよい。すなわち、ステップS77の状態からさらに回転操作が行われると、画像端表示枠143の角部が元画像Pの周縁部に接する状態が維持されるように画像端表示枠143に対する元画像Pの位置が変更され、ステップS78に示されるようになる。ステップS78において、回転中心143aの位置すなわち画像端表示枠143の中央の位置は、ステップS77における回転中心143z(破線で示す)の位置から変位している。 Here, when the enlargement ratio of the original image P is the maximum, if the original image P is further rotated around the rotation center 143a as it is, a margin is inserted in the image display area 145. Therefore, the position of the rotation center 143a with respect to the original image P may be changed so that no blank space is included in the image display area 145. That is, when the rotation operation is further performed from the state of step S77, the position of the original image P with respect to the image edge display frame 143 is maintained so that the corner of the image edge display frame 143 is kept in contact with the peripheral edge of the original image P. Is changed, as shown in step S78. In step S78, the position of the rotation center 143a, that is, the center position of the image edge display frame 143 is displaced from the position of the rotation center 143z (shown by the broken line) in step S77.

このような制御を行うことで、効果的に、画像表示領域145に余白が入ることを防止できる。回転操作に伴ってスムーズにプレビュー画像の表示を変化させることで、ユーザにとって違和感の少ないユーザインターフェイスを提供することができる。 By performing such control, it is possible to effectively prevent a blank space from entering the image display area 145. By smoothly changing the display of the preview image in accordance with the rotation operation, it is possible to provide a user interface with less discomfort for the user.

以上のように、本実施の形態においては、切り取り画面140においてユーザが容易に回転操作を行える。ユーザは所望の範囲を画像表示領域145に収めて切り取り画を作成できるので、プレイするユーザの満足度を向上させることができる。 As described above, in the present embodiment, the user can easily perform the rotation operation on cut screen 140. The user can fit a desired range in the image display area 145 to create a cutout image, and thus the satisfaction of the user who plays can be improved.

なお、回転操作に関して、元画像の種類や、元画像の縦横比などに応じて、回転操作を実行可能であるか否かが変更されたり、回転可能な角度の範囲が変更されたりしてもよい。例えば、切り取り画を作成する際に縦横比が比較的大きい画像が元画像として選択されている場合には、回転操作を実行不可能にしたり、回転可能な角度の範囲を比較的小さく設定したりするようにしてもよい。また、例えばユーザの上半身が画像中に納まるように撮影された撮影画像である「アップ画像」と、ユーザの頭から足先までが画像中に納まるように撮影された撮影画像である「全身画像」とが元画像として選択可能である場合において、「全身画像」が元画像として選択されたときには、回転操作を実行不可能にしたり、回転可能な角度の範囲を比較的小さくするようにしてもよい。 Regarding the rotation operation, whether or not the rotation operation can be executed is changed or the range of the rotatable angle is changed according to the type of the original image and the aspect ratio of the original image. Good. For example, when an image with a relatively large aspect ratio is selected as the original image when creating a cutout image, the rotation operation cannot be performed or the range of rotatable angles can be set to be relatively small. You may do so. In addition, for example, an “up image” that is a captured image in which the user's upper body is captured in the image, and a “full-body image” that is a captured image in which the user's head to toes are captured in the image. In the case where "and" is selectable as the original image, when "Full body image" is selected as the original image, the rotation operation is disabled or the range of the rotatable angle is made relatively small. Good.

このように、選択された元画像の種類や縦横比などに応じて回転操作を実行不可能にするときには、例えば、切り取り画面140において、回転バー148を非表示としてもよいし、ユーザが見て操作ができないことがわかるように回転バー148を淡色で表示したりグレーアウト表示を行ったりするようにしてもよい。 As described above, when the rotation operation cannot be performed according to the selected type of the original image or the aspect ratio, for example, the rotation bar 148 may be hidden on the cut screen 140, or the user cannot see the rotation bar 148. The rotation bar 148 may be displayed in a light color or grayed out so that it can be understood that the operation cannot be performed.

元画像の種類が例えば「全身画像」である場合や元画像の縦横比が比較的大きい場合などに、回転操作が行われたときに余白が画像表示領域145に入らないようにするには、画像の拡大率を相当大きくする必要がある。画像の拡大率が大きいと、切り取り画を作成したときに、ブロックノイズなどが目立ち、画像が劣化して見えることがある。また、「全身画像」のように、あえて画角を広くして、被写体の広い範囲が撮影画像に納まるように意図されたものが元画像であっても、切り取り画においては、その一部しか表示させることができないので、撮影の意図を反映させることができない。したがって、このような場合には回転操作を実行不可能にすることにより、ユーザが魅力的な切り取り画を作成しやすくなる。 To prevent the margin from entering the image display area 145 when the rotation operation is performed, for example, when the type of the original image is a “whole body image” or when the aspect ratio of the original image is relatively large, It is necessary to increase the enlargement ratio of the image considerably. If the enlargement ratio of the image is large, block noise may be noticeable when the cut image is created, and the image may appear to be deteriorated. In addition, even if the original image was intended to have a wide field of view, such as a "whole body image", so that a wide range of the subject fits in the captured image, only a part of the original image is included in the cropped image. Since it cannot be displayed, the intention of shooting cannot be reflected. Therefore, in such a case, by making the rotation operation inexecutable, the user can easily create an attractive cutout image.

[ぼかし機能に関する説明] [Explanation about blurring function]

図29は、ぼかし編集画面160におけるぼかしプレビュー画像163のレイヤ構成を説明する図である。 FIG. 29 is a diagram for explaining the layer structure of the blur preview image 163 on the blur editing screen 160.

図29に示されるように、ぼかしプレビュー画像163は、下から順に、トリム後画像レイヤ951aと、マスクレイヤ951cと、ぼかしレイヤ951bとが重ねられて構成されている。 As shown in FIG. 29, the blurring preview image 163 is configured by stacking a trimmed image layer 951a, a mask layer 951c, and a blurring layer 951b in order from the bottom.

トリム後画像レイヤ951aは、トリム後画像が配置されたレイヤである。 The trimmed image layer 951a is a layer in which the trimmed image is arranged.

ぼかしレイヤ951bは、トリム後画像の全面にぼかしを適用してなる画像が配置されたレイヤである。 The blur layer 951b is a layer in which an image obtained by applying blur to the entire surface of the trimmed image is arranged.

マスクレイヤ951cは、フォーカス領域に相当する領域を特定する、いわゆるアルファチャンネルのマスクデータが配置されたレイヤである。ぼかしレイヤ951bのうちマスクデータと重なる領域は透過領域となる。 The mask layer 951c is a layer in which so-called alpha channel mask data for specifying a region corresponding to the focus region is arranged. An area of the blur layer 951b that overlaps the mask data is a transparent area.

例えばハート形のぼかしパターン173bが選択されている場合には、マスクレイヤ951cには、フォーカス領域となるハート形のマスクデータが配置される。そうすると、ぼかしプレビュー画像163は、マスクデータ部分はトリム後画像レイヤ951aが見え、その周囲にぼかしレイヤ951bが見える画像となる。すなわち、フォーカス領域を除いてぼかしが施された画像が表示される。なお、決定ボタン177が操作されたときには、これらの3つのレイヤに基づいて、切り取り画落書き画面180における対象画像181が用意される。 For example, when the heart-shaped blurring pattern 173b is selected, heart-shaped mask data serving as a focus area is arranged in the mask layer 951c. Then, the blurred preview image 163 is an image in which the trimmed image layer 951a is visible in the mask data portion and the blurred layer 951b is visible around the trimmed image layer 951a. That is, an image that is blurred except for the focus area is displayed. When the enter button 177 is operated, the target image 181 on the cutout graffiti screen 180 is prepared based on these three layers.

フォーカス領域を移動させるドラッグ操作(位置指定操作)が行われたときには、マスクレイヤ951cのみが、その操作に追従して、他のレイヤに対して変位する。また、フォーカス領域の大きさを変更する操作が行われたときには、マスクレイヤ951cのマスクデータの大きさが変更される。これにより、トリム後画像レイヤ951aが見える領域すなわちフォーカス領域が移動したり、大きさが変わったりし、ユーザの操作を反映したぼかしプレビュー画像163が表示されることになる。 When a drag operation (position designation operation) for moving the focus region is performed, only the mask layer 951c follows the operation and is displaced with respect to other layers. Also, when an operation of changing the size of the focus area is performed, the size of the mask data of the mask layer 951c is changed. As a result, the area in which the post-trimming image layer 951a is visible, that is, the focus area moves or the size changes, and the blurred preview image 163 that reflects the user's operation is displayed.

このように、本実施の形態においては、フォーカス領域についての位置指定操作や大きさの変更操作が行われたとき、それに応じてマスクレイヤ951cのみが変更され、その結果として、ぼかしプレビュー画像163の表示内容がリアルタイムで変更される。このような操作が行われるたびにトリム後画像自体が処理されるのではなく、アルファチャンネルのデータを利用してぼかしプレビュー画像163が変更されるので、ユーザの操作に対するぼかしプレビュー画像163の表示内容の追従性が良好になり、快適にぼかし編集を行うことができる。 As described above, in the present embodiment, when the position specifying operation or the size changing operation for the focus area is performed, only the mask layer 951c is changed accordingly, and as a result, the blurred preview image 163 is displayed. The displayed contents are changed in real time. The trimmed image itself is not processed each time such an operation is performed, and the blurred preview image 163 is changed by using the data of the alpha channel. Therefore, the display content of the blurred preview image 163 corresponding to the user's operation is changed. The followability of is improved, and blur editing can be performed comfortably.

なお、全領域にぼかしがないぼかしパターン173gが選択されている場合には、マスクレイヤ951cには、全領域をマスクするマスクデータが配置されればよい。これにより、ぼかしがない、トリム後画像レイヤ951aの画像がぼかしプレビュー画像163として表示される。また、全領域に一様にぼかしが施されておりフォーカス領域が含まれないぼかしパターン173aが選択されている場合には、マスクレイヤ951cには、マスクデータが配置されない。これにより、全領域においてぼかしレイヤ951bの画像がぼかしプレビュー画像163として表示される。なお、これらの場合において、マスクレイヤ951cを用いずに、ぼかしプレビュー画像163の表示等が行われるようにしてもよい。 When the blur pattern 173g having no blur in the entire area is selected, mask data for masking the entire area may be arranged in the mask layer 951c. As a result, the image of the post-trim image layer 951a without blurring is displayed as the blurring preview image 163. Further, when the blur pattern 173a in which the entire region is uniformly blurred and the focus region is not included is selected, no mask data is arranged in the mask layer 951c. As a result, the image of the blur layer 951b is displayed as the blur preview image 163 in the entire area. In these cases, the blurred preview image 163 may be displayed without using the mask layer 951c.

切り取り画面140においてトリム後画像が生成されると、ぼかし編集画面160において、トリム後画像を用いて、次のようにぼかし機能が行われる(ぼかし編集受付処理)。 When the trimmed image is generated on the cut screen 140, the blurring function is performed on the blurring edit screen 160 using the trimmed image as follows (blurring edit acceptance process).

図30は、ぼかし編集受付処理を示すフローチャートである。 FIG. 30 is a flowchart showing the blurring edit acceptance process.

図30に示されるように、ぼかし編集画面160が表示されると、ステップS251において、ぼかし編集部161に、ぼかしプレビュー画像163が表示される(プレビュー表示)。このとき、ぼかしプレビュー画像163は、例えば、トリム後画像の全域がぼかされた状態すなわちぼかしパターン173aが選択されている状態で表示される。なお、他のぼかしパターン173が選択されている状態でプレビュー表示が行われるようにしてもよい。例えば、ぼかしがない状態(ぼかしパターン173gが選択されている状態)でプレビュー表示が行われるようにしてもよい。 As shown in FIG. 30, when the blurring editing screen 160 is displayed, the blurring preview image 163 is displayed on the blurring editing unit 161 (preview display) in step S251. At this time, the blurred preview image 163 is displayed, for example, in a state in which the entire area of the trimmed image is blurred, that is, the blurred pattern 173a is selected. Note that the preview display may be performed while another blur pattern 173 is selected. For example, the preview display may be performed without blurring (the blurring pattern 173g is selected).

ステップS252において、ぼかしの種類が変更されたか否かが検出される。すなわち、現在選択されているものとは異なるぼかしパターン173が選択されると、それが検出される。このようなパターン選択操作が行われた場合には、ステップS253に進む。すなわち、ステップS253において、ユーザにより行われたパターン選択操作に応じて、ぼかしを変更する処理が行われる。具体的には、マスクレイヤ951cのマスクデータが、変更操作に応じて変更される。 In step S252, it is detected whether the type of blurring has been changed. That is, when the blurring pattern 173 different from the currently selected one is selected, it is detected. When such a pattern selection operation is performed, the process proceeds to step S253. That is, in step S253, a process of changing the blur is performed according to the pattern selection operation performed by the user. Specifically, the mask data of the mask layer 951c is changed according to the changing operation.

ステップS254において、フォーカス領域が移動可能であるかが判断される。すなわち、ぼかしがあり、フォーカス領域が含まれるようなぼかしパターン173(173b〜173f)が選択されているか否かが判断される。フォーカス領域が移動可能でないと判断されたとき(「全ボケ」又は「ボケナシ」であるとき)には、ステップS258の処理に進む。 In step S254, it is determined whether the focus area can be moved. That is, it is determined whether or not the blur pattern 173 (173b to 173f) that has blur and includes the focus area is selected. When it is determined that the focus area cannot be moved (when it is “blurred” or “blurred”), the process proceeds to step S258.

ステップS255において、フォーカス領域について、位置指定操作又は大きさ選択操作が行われたか否かが判断される。すなわち、フォーカス領域を移動させるドラッグ操作が行われると、それが検出される。また、ぼかしサイズ選択部175で現在の大きさとは異なる大きさが選択されると、それが検出される。いずれかの操作が行われた場合には、ステップS256に進む。すなわち、ステップS256において、ユーザにより行われた操作に応じて、マスクデータの位置を変更したり、大きさ(拡大率)を変更したりする処理が行われる。 In step S255, it is determined whether the position designation operation or the size selection operation is performed on the focus area. That is, when a drag operation for moving the focus area is performed, it is detected. Further, when the blur size selection unit 175 selects a size different from the current size, it is detected. If any operation has been performed, the process proceeds to step S256. That is, in step S256, a process of changing the position of the mask data or changing the size (enlargement ratio) is performed according to the operation performed by the user.

ステップS253又はステップS256の処理が行われると、ステップS257において、ぼかしプレビュー画像163の表示が更新される。これにより、ユーザは、操作の結果をプレビュー表示により確認することができる。 When the process of step S253 or step S256 is performed, the display of the blurred preview image 163 is updated in step S257. As a result, the user can confirm the result of the operation on the preview display.

ステップS258において、前画面ボタン179又は決定ボタン177が操作されたか否かが判断される。操作が行われると、その操作に応じた画面遷移が行われる。操作が行われるまで、ステップS252以降の処理が繰り返し行われる。 In step S258, it is determined whether the previous screen button 179 or the enter button 177 has been operated. When an operation is performed, a screen transition according to the operation is performed. Until the operation is performed, the processing from step S252 is repeated.

図31は、ぼかし編集機能について説明する図である。 FIG. 31 is a diagram illustrating a blur editing function.

図31においては、ぼかし編集部161と、ぼかしパターン選択部171とが示されている。ぼかし編集部161の画像中の斜線部は、ぼかしが適用されていることを示している。以下の説明において、ハート形のぼかしパターン173bが選択されており、フォーカス領域の大きさは、例えば3段階(大、中、小)のうち2番目の大きさ(中)が選択されている場合を想定する。 In FIG. 31, a blurring editing unit 161 and a blurring pattern selecting unit 171 are shown. The shaded area in the image of the blur editing unit 161 indicates that blur is applied. In the following description, when the heart-shaped blurring pattern 173b is selected and the size of the focus area is, for example, the second size (medium) of three levels (large, medium, and small) is selected. Assume

ぼかし編集部161には、ぼかしパターン173bに対応するようにフォーカス領域165aが設けられた状態のぼかしプレビュー画像163が表示される。本実施の形態において、フォーカス領域165aとその外側のぼかし領域165cとの境界部165bは、ぼかし領域165cと比べてぼかし量が小さく見えるように表示される。これにより、フォーカス領域165aからぼかし領域165cまで、その境界部165bにおいて徐々にぼけるように見える。このような境界部165bにおける効果は、例えば、マスクレイヤ951cのマスクデータを調整することにより実現できるが、このような方法に限られるものではない。また、境界部165bは設けられていなくてもよい。なお、以下の説明において、境界部165bの図示やその説明は省略する場合がある。 On the blurring editing unit 161, a blurring preview image 163 in which a focus area 165a is provided so as to correspond to the blurring pattern 173b is displayed. In the present embodiment, the boundary portion 165b between the focus area 165a and the blur area 165c outside the focus area 165a is displayed so that the blur amount looks smaller than that of the blur area 165c. As a result, from the focus area 165a to the blur area 165c, the boundary portion 165b seems to be gradually blurred. The effect at the boundary portion 165b can be realized by adjusting the mask data of the mask layer 951c, for example, but is not limited to such a method. Further, the boundary portion 165b may not be provided. In the following description, the illustration and description of the boundary portion 165b may be omitted.

ここで、この場合において、フォーカス領域165aは移動可能である。そのような場合には、フォーカス領域165aの中央部には、フォーカス領域165aが移動可能であることを示すアイコン表示164aが表示される。アイコン表示164aは、例えば最初にフォーカス領域165aが移動可能となってからユーザがフォーカス領域165aの位置指定操作を行うまでの間に表示されるようにすればよいが、これに限られるものではない。 Here, in this case, the focus area 165a is movable. In such a case, an icon display 164a indicating that the focus area 165a is movable is displayed at the center of the focus area 165a. The icon display 164a may be displayed, for example, between the first movement of the focus area 165a and the time before the user performs a position designation operation of the focus area 165a, but the present invention is not limited to this. ..

図32は、パターン選択操作が行われたときの動作を説明する図である。 FIG. 32 is a diagram illustrating an operation when a pattern selection operation is performed.

図32を参照して、パターン選択操作が行われたときのぼかし編集部161の表示内容の変化について説明する。 With reference to FIG. 32, a change in the display content of the blurring edit unit 161 when the pattern selection operation is performed will be described.

ステップS81に示されるように、操作前の状態として、画像の全域にぼかしが適用されている状態(すなわち、ぼかしパターン173aが選択されている状態)を想定する。 As shown in step S81, it is assumed that the blurring is applied to the entire area of the image (that is, the blurring pattern 173a is selected) as the state before the operation.

このようなときに、パターン選択操作により、「ボケなし」のぼかしパターン173gが選択されると、ステップS82に示されるようになる。すなわち、画像の全域にぼかしがない、トリム後画像と同様の画像が表示される状態となる。 In such a case, when the blurring pattern 173g of "no blur" is selected by the pattern selection operation, the process is shown in step S82. That is, the same image as the trimmed image is displayed without blurring over the entire image.

ステップS81に示される状態又はステップS82に示される状態から、パターン選択操作により、ハート形のぼかしパターン173bが選択されると、ステップS83に示されるようになる。すなわち、ぼかし編集部161には、ぼかしパターン173bに対応するハート形のフォーカス領域165aと、ぼかし領域165cとが設けられる。このとき、フォーカス領域165aは移動可能であるので、中央部にアイコン表示164aが配置され、ユーザは位置指定操作を行うことができる。 When the heart-shaped blurring pattern 173b is selected by the pattern selection operation from the state shown in step S81 or the state shown in step S82, the state becomes as shown in step S83. That is, the blur editing unit 161 is provided with a heart-shaped focus area 165a corresponding to the blur pattern 173b and a blur area 165c. At this time, since the focus area 165a is movable, the icon display 164a is arranged in the central portion and the user can perform a position designation operation.

図33は、位置指定操作が行われたときの動作を説明する図である。 FIG. 33 is a diagram for explaining the operation when the position designation operation is performed.

図33を参照して、位置指定操作が行われたときのぼかし編集部161の表示内容の変化について説明する。 With reference to FIG. 33, a change in the display content of the blurring edit unit 161 when the position designation operation is performed will be described.

ステップS84は、図32のステップS83と同様の状態である。すなわち、ハート形のぼかしパターン173bが選択されており、まだ位置指定操作が行われていない状態である。 Step S84 is in the same state as step S83 of FIG. That is, the heart-shaped blurring pattern 173b is selected, and the position designation operation has not been performed yet.

ここで、ユーザにより、フォーカス領域165aを左に移動させるドラッグ操作が行われると、ステップS85に示されるようになる。すなわち、ユーザのドラッグ操作に従って、フォーカス領域165aがぼかし編集部161内で左側に移動する。 Here, when the user performs a drag operation for moving the focus area 165a to the left, the process is as shown in step S85. That is, the focus area 165a moves to the left in the blur editing unit 161 according to the user's drag operation.

また、ステップS84又はステップS85の状態から、フォーカス領域165aを右上の位置まで移動させるようにドラッグ操作が行われると、ステップS86に示されるようになる。すなわち、ユーザの操作に従って、フォーカス領域165aが、ぼかし編集部161内の右上の位置に移動する。 When a drag operation is performed from the state of step S84 or step S85 so as to move the focus area 165a to the upper right position, step S86 is performed. That is, the focus area 165a moves to the upper right position in the blur editing unit 161 according to the user's operation.

このように位置指定操作に応じてフォーカス領域165aの位置が変わるので、例えばユーザの顔の周辺などをぼかしたくないというようなニーズにも適切に応えることができる。 In this way, the position of the focus area 165a changes according to the position designation operation, so that it is possible to appropriately meet the needs such as not wanting to blur the periphery of the user's face.

なお、位置指定操作では、例えばフォーカス領域165aの外形形状とぼかしプレビュー画像163との位置関係に応じて、フォーカス領域165aの移動範囲に制限を設けるようにしてもよい。 In the position designation operation, for example, the movement range of the focus area 165a may be limited according to the positional relationship between the outer shape of the focus area 165a and the blurred preview image 163.

図34は、大きさ選択操作が行われたときの動作を説明する図である。 FIG. 34 is a diagram for explaining the operation when the size selection operation is performed.

図34を参照して、大きさ選択操作が行われたときのぼかし編集部161の表示内容の変化について説明する。 With reference to FIG. 34, a change in the display content of the blurring edit unit 161 when the size selection operation is performed will be described.

ステップS87は、図32のステップS83と同様の状態である。すなわち、ハート形のぼかしパターン173bが選択されており、まだ大きさ選択操作が行われていない状態である。本実施の形態で、ぼかしサイズ選択部175においては「大」、「中」、「小」の3段階の大きさを選択可能であり、初期状態では、そのうち「中」の大きさが自動的に選択されている。 Step S87 is in the same state as step S83 of FIG. That is, the heart-shaped blurring pattern 173b is selected, and the size selection operation has not been performed yet. In the present embodiment, the blur size selection unit 175 can select three sizes of “large”, “medium”, and “small”. In the initial state, the size of “medium” is automatically selected. Has been selected.

ここで、ユーザにより、大きさを「小」とする大きさ選択操作が行われると、ステップS88に示されるようになる。すなわち、ユーザの操作に従って、フォーカス領域165aの大きさが縮小される。換言すると、フォーカス領域165aは、例えば、相似形の小さい領域に変更される。 Here, when the user performs a size selection operation for setting the size to “small”, the process is as shown in step S88. That is, the size of the focus area 165a is reduced according to the user's operation. In other words, the focus area 165a is changed to, for example, a small area having a similar shape.

また、ステップS87又はステップS88の状態から、大きさを「大」とする大きさ選択操作が行われると、ステップS89に示されるようになる。すなわち、ユーザの操作に従って、フォーカス領域165aの大きさが拡大される。 Further, when the size selection operation for setting the size to “large” is performed from the state of step S87 or step S88, the process becomes as shown in step S89. That is, the size of the focus area 165a is enlarged according to the user's operation.

このように大きさ選択操作に応じてフォーカス領域165aの大きさが変わるので、フォーカス領域165aを、特徴的な形状を維持したまま好みの大きさに変更することができ、容易に所望の態様でぼかしを適用することができる。 Since the size of the focus area 165a changes according to the size selection operation as described above, the focus area 165a can be changed to a desired size while maintaining the characteristic shape, and the size can be easily changed in a desired manner. Blur can be applied.

なお、図34に示される例では、ステップS87からステップS89までに、位置指定操作は行われない。このような場合には、ステップS87で表示されているアイコン表示164aは、ステップS88においてもステップS89においても、継続して表示されるようにすればよいし、例えば大きさ選択操作などが行われたときにアイコン表示164aが非表示になるようにしてもよい。また、アイコン表示164aは、表示されてから所定の時間が経過したときに非表示になるなど、時間の経過に伴って表示状態が変更されるようにしてもよい。 In the example shown in FIG. 34, the position designation operation is not performed from step S87 to step S89. In such a case, the icon display 164a displayed in step S87 may be continuously displayed in both step S88 and step S89. For example, a size selection operation may be performed. The icon display 164a may be hidden when the display is off. Further, the icon display 164a may be changed in display state with the passage of time, such as being hidden after a predetermined time has elapsed since being displayed.

大きさ選択操作は、上述の例よりも多くの段階でフォーカス領域165aの大きさを選択できるものであってもよい。このとき、大きさは、例えばズームバー147のようなユーザインターフェイスなどを用いたり、繰り返し拡大又は縮小の指示を受け付けるユーザインターフェイスなどを用いたりして、選択可能にしてもよい。 The size selection operation may be one in which the size of the focus area 165a can be selected in more stages than in the above example. At this time, the size may be selectable by using, for example, a user interface such as the zoom bar 147 or a user interface that receives an instruction of repeated enlargement or reduction.

また、大きさ選択操作において、選択できる大きさは、フォーカス領域165aの形状(ぼかしパターン173)に応じて制限されたり、フォーカス領域165aとぼかしプレビュー画像163との位置関係に応じて制限されたりするようにしてもよい。 In the size selection operation, the size that can be selected is limited according to the shape of the focus region 165a (blurring pattern 173) or according to the positional relationship between the focus region 165a and the blurring preview image 163. You may do it.

図35は、他のぼかしパターン173が選択されているときのぼかし編集部161の表示例を示す図である。 FIG. 35 is a diagram showing a display example of the blurring editing unit 161 when another blurring pattern 173 is selected.

図35において、上段から、ぼかしパターン173cが選択されている場合、ぼかしパターン173dが選択されている場合、ぼかしパターン173eが選択されている場合、ぼかしパターン173fが選択されている場合のそれぞれについて示されている。これらのぼかしパターン173が選択されている場合には、いずれも、フォーカス領域165aは移動可能である。 In FIG. 35, the case where the blur pattern 173c is selected, the blur pattern 173d is selected, the blur pattern 173e is selected, and the blur pattern 173f is selected are shown from the top. Has been done. When any of these blurring patterns 173 is selected, the focus area 165a is movable.

このように、複数のぼかしパターン173が設定されていることで、ユーザは、所望のぼかしパターン173を選択して理想に近いぼかし方でぼかした画像を作成することができる。 In this way, since the plurality of blurring patterns 173 are set, the user can select a desired blurring pattern 173 and create a blurred image with a blurring method close to ideal.

ここで、トリム後画像の端縁部いっぱいまでフォーカス領域が設けられているような場合には、位置指定操作に対するフォーカス領域165aの移動が制限されるようにしてもよい。 Here, when the focus area is provided up to the entire edge portion of the post-trim image, the movement of the focus area 165a with respect to the position designation operation may be restricted.

図36は、ぼかしパターン173eが選択されているときの動作について説明する図である。 FIG. 36 is a diagram for explaining the operation when the blur pattern 173e is selected.

図36においては、ぼかしパターン173eがトリム後画像に配置されるときの位置指定操作の例が示されている。 FIG. 36 shows an example of the position specifying operation when the blur pattern 173e is arranged on the post-trimming image.

ステップS84aにおいて、ぼかしパターン173eが適用された初期状態においては、フォーカス領域165aは、トリム後画像の上下端部まで設けられている。フォーカス領域165aとぼかし領域165cとの間には境界部165bが設けられ、フォーカス領域165aからぼかし領域165cに向かって徐々にぼけているように見えるようになっている。 In the initial state in which the blurring pattern 173e is applied in step S84a, the focus area 165a is provided up to the upper and lower end portions of the post-trim image. A boundary portion 165b is provided between the focus area 165a and the blur area 165c so that the boundary area 165a is gradually blurred from the focus area 165a toward the blur area 165c.

ここで、フォーカス領域165aを下に移動させるように位置指定操作が行われると、ステップS85aに示されるようになる。すなわち、ステップS85aにおいて、位置指定操作に関わらず、フォーカス領域165aの位置は下方向に移動せず、ステップS84aに示される状態が維持される。 Here, when the position designation operation is performed so as to move the focus area 165a downward, the process is shown in step S85a. That is, in step S85a, the position of the focus area 165a does not move downward regardless of the position designation operation, and the state shown in step S84a is maintained.

仮に、図に括弧で囲んで示されるように、フォーカス領域165aが下に移動したとすると、フォーカス領域165aの上部のフォーカス領域165aが設けられていない部分が切り取り画の内部に入ることになる。そうすると、縦方向に帯状のフォーカス領域165aを設けるというぼかしパターン173eの設定意図が反映された画像が生成できなくなる。また、このとき、フォーカス領域165aの上端には境界部165bのような領域が設けられないので、フォーカス領域165aとぼかし領域165cとの境界が際立って目立つことになり、ユーザに違和感を覚えさせる画像となる。したがって、ぼかしパターン173eについては、上下方向へのフォーカス領域165aの移動は無視されるように、移動制限が設定されている。 If the focus area 165a is moved downward as shown in parentheses in the figure, the portion above the focus area 165a where the focus area 165a is not provided is inside the cutout image. Then, it becomes impossible to generate an image in which the setting intention of the blur pattern 173e in which the strip-shaped focus area 165a is provided in the vertical direction is reflected. Further, at this time, since the area such as the boundary portion 165b is not provided at the upper end of the focus area 165a, the boundary between the focus area 165a and the blur area 165c becomes conspicuous, and the image that makes the user feel uncomfortable. Becomes Therefore, with respect to the blur pattern 173e, the movement limit is set so that the movement of the focus region 165a in the vertical direction is ignored.

なお、ステップS84a又はステップS85aのから、フォーカス領域165aを左に移動させるように位置指定操作が行われると、ステップS86aに示されるようになる。すなわち、左右方向についてはフォーカス領域165aの移動制限が設けられていないので、位置指定操作に従って、フォーカス領域165aが左に移動する。 When the position designation operation is performed so as to move the focus area 165a to the left from step S84a or step S85a, the process proceeds to step S86a. That is, since the movement restriction of the focus area 165a is not provided in the left-right direction, the focus area 165a moves to the left according to the position designation operation.

なお、このような例は、フォーカス領域165aに対応するアルファチャンネルのマスクの大きさがトリム後画像よりも小さい場合のものであるが、マスクの大きさがトリム後画像よりも大きく設けられている場合には、移動制限が設けられていなくてもよい。 Note that such an example is for a case where the size of the alpha channel mask corresponding to the focus area 165a is smaller than that of the trimmed image, but the size of the mask is set to be larger than that of the trimmed image. In some cases, the movement restriction may not be provided.

図37は、ぼかしパターン173eが選択されているときの動作の別の例について説明する図である。 FIG. 37 is a diagram illustrating another example of the operation when the blur pattern 173e is selected.

図37においては、上述とは異なり、アルファチャンネルのマスクの大きさがトリム後画像よりも大きく設定されている場合が示されている。すなわち、ステップS84bに示されるように、トリム後画像の端縁部よりも外側まで、フォーカス領域165aが適用できるように用意されている。 In FIG. 37, unlike the above case, the size of the mask of the alpha channel is set to be larger than that of the image after trimming. That is, as shown in step S84b, the focus area 165a is prepared so that it can be applied to the outside of the edge portion of the trimmed image.

フォーカス領域165aを下に移動させるように位置指定操作が行われると、ステップS85bに示されるようになる。すなわち、ステップS85bにおいて、位置指定操作に従ってフォーカス領域165aが下に移動する。しかしながら、移動後もフォーカス領域165aがトリム後画像の上端まで適用可能な状態が維持されており、フォーカス領域165aの移動を制限した場合と同様の結果が得られる。 When the position designation operation is performed so as to move the focus area 165a downward, the step S85b is performed. That is, in step S85b, the focus area 165a moves downward according to the position designation operation. However, the state in which the focus area 165a can be applied to the upper end of the trimmed image is maintained even after the movement, and the same result as when the movement of the focus area 165a is limited is obtained.

なお、このようにフォーカス領域165aに対応するアルファチャンネルのマスクが大きく設定されている場合において、そのマスクの外縁と、トリム後画像の外縁との位置関係に応じて、位置指定操作についてのフォーカス領域165aの移動制限を設けるようにしてもよい。 When the mask of the alpha channel corresponding to the focus area 165a is set large in this way, the focus area for the position designation operation is determined according to the positional relationship between the outer edge of the mask and the outer edge of the trimmed image. A movement restriction of 165a may be provided.

ここで、ぼかし編集画面160において、上述の様々な編集方法のほか、次のような編集機能が設けられていてもよい。例えば、フォーカス領域165aを回転させることができるようにしてもよい。このとき、90度毎に回転させたり、上述の回転操作と同様の操作を受け付けてフォーカス領域165aを回転させたりすることができるようにしてもよい。また、フォーカス領域165a又はフォーカス領域165a外の領域に、色を付したり、明るさを変化させたりするなど、種々の画像処理を適用できるようにしてもよい。また、フォーカス領域165aを複数配置できるようにしてもよい。 Here, in addition to the various editing methods described above, the blur editing screen 160 may be provided with the following editing functions. For example, the focus area 165a may be rotatable. At this time, the focus area 165a may be rotated every 90 degrees or the operation similar to the above-described rotation operation may be accepted to rotate the focus area 165a. Further, various image processing such as coloring or changing brightness may be applied to the focus area 165a or the area outside the focus area 165a. Also, a plurality of focus areas 165a may be arranged.

図38は、本実施の形態の一変型例に係るぼかし編集画面160bを示す図である。 FIG. 38 is a diagram showing a blur editing screen 160b according to a modified example of the present embodiment.

図38に示されるように、ぼかし編集画面160bにおいては、回転ボタン174と、ぼかし追加ボタン176とが設けられているほかは、上述のぼかし編集画面160と同様である。本例では、フォーカス領域165aを複数配置することができ、また、フォーカス領域165aを回転させたうえで配置することができるようになっている。 As shown in FIG. 38, the blur editing screen 160b is the same as the blur editing screen 160 described above except that a rotation button 174 and a blur adding button 176 are provided. In this example, a plurality of focus areas 165a can be arranged, and the focus areas 165a can be arranged after being rotated.

ぼかし追加ボタン176は、1つの画像について、複数のフォーカス領域165aを配置するために利用されるボタンである。例えば、ぼかし追加ボタン176を操作した後で所望のぼかしパターン173を選択することで、新たに選択したぼかしパターン173に対応する形状のフォーカス領域165aがぼかし編集部161に配置される。なお、複数のぼかしは、例えば互いに別々のレイヤに、それぞれのフォーカス領域165aに対応する形状のアルファチャンネルのマスクデータが配置されることで実現されるようにすればよい。この場合、位置指定操作や大きさ変更動作をレイヤ毎に適用できるようにすることで、複数のフォーカス領域165aの位置や大きさを個別に編集することができる。 The blurring addition button 176 is a button used for arranging a plurality of focus areas 165a for one image. For example, by operating the blurring addition button 176 and then selecting a desired blurring pattern 173, the focus area 165a having a shape corresponding to the newly selected blurring pattern 173 is arranged in the blurring editing unit 161. It should be noted that the plurality of blurs may be realized by, for example, arranging the mask data of the alpha channel having the shape corresponding to each focus area 165a in different layers. In this case, the position designation operation and the size changing operation can be applied to each layer, so that the positions and sizes of the plurality of focus areas 165a can be individually edited.

複数のフォーカス領域165aを配置することで、例えば2人のユーザが写る切り取り画を生成する場合に、各ユーザの顔等をフォーカス領域165aとするというように、切り取り画をぼかすことができる。 By arranging a plurality of focus areas 165a, for example, when generating a cutout image showing two users, the cutout image can be blurred such that the face or the like of each user is set as the focus area 165a.

回転ボタン174は、フォーカス領域165aを回転させたうえで配置することができるように、回転可能なフォーカス領域165aに対応するぼかしパターン173の下方に配置されている。回転ボタン174は、右回転させるものと左回転させるものとが設けられており、それぞれの回転ボタン174が操作されるごとに、そのぼかしパターン173に対応するフォーカス領域165aが所定の角度(例えば、10度)だけ回転する。これにより、回転させた後のフォーカス領域165aを配置することができる。また、フォーカス領域165aの回転に伴い、それが適用されている編集中の画像のプレビュー表示と、ぼかしパターン173の表示内容とが変更される。 The rotation button 174 is arranged below the blurring pattern 173 corresponding to the rotatable focus area 165a so that the focus area 165a can be arranged after being rotated. The rotation button 174 is provided with a right rotation button and a left rotation button, and each time the rotation button 174 is operated, the focus area 165a corresponding to the blurring pattern 173 has a predetermined angle (for example, Rotate only 10 degrees). Thereby, the focus area 165a after being rotated can be arranged. Further, with the rotation of the focus area 165a, the preview display of the image being edited to which the focus area 165a is applied and the display content of the blur pattern 173 are changed.

なお、回転ボタン174は、回転前後で形状が変化しない真円形のぼかしパターン173cや、「全ボケ」のぼかしパターン173aについては表示されない。また、回転ボタン174に加えて、回転角度を初期状態に戻すためのリセットボタンが配置されていてもよい。 The rotation button 174 is not displayed for the perfect circular blur pattern 173c whose shape does not change before and after the rotation and the blur pattern 173a of "all blur". In addition to the rotation button 174, a reset button for returning the rotation angle to the initial state may be arranged.

このような回転ボタン174が設けられており、フォーカス領域165aを回転させたうえで配置したり、配置した状態で回転させたりすることができるので、多様なぼかしを行うことができる。また、特に切り取り画面140で画像を回転させてトリム後画像を生成した場合において、フォーカス領域165aを画像の回転角に応じて回転させることができる。したがって、画像を回転させた場合であっても、その画像に適合する形状のフォーカス領域165aを配置することができる。 Since such a rotation button 174 is provided and the focus area 165a can be rotated and then arranged, or can be rotated in the arranged state, various blurring can be performed. Further, particularly when the image is rotated on the cut screen 140 to generate the trimmed image, the focus region 165a can be rotated according to the rotation angle of the image. Therefore, even when the image is rotated, the focus area 165a having a shape suitable for the image can be arranged.

例えば「タテ」のぼかしパターン173eのように、画像の周縁部までフォーカス領域165aが位置するものについては、回転した場合であっても画像の周縁部まで確実にフォーカス領域165aが設けられるように、マスクデータが用意されていればよい。例えば、ぼかしパターン173eが適用される場合において、画像の対角線に沿って帯状のフォーカス領域165aが配置されるようにした場合であっても画像の周縁部から周縁部までがフォーカス領域165aでカバーされるように、フォーカス領域165aの長手方向の長さが画像の対角線の長さよりも長くなるようにマスクデータが用意されていればよい。 For example, in the case where the focus area 165a is located up to the peripheral edge of the image such as the “vertical” blurring pattern 173e, the focus area 165a is surely provided up to the peripheral edge of the image even when rotated. It suffices if mask data is prepared. For example, in the case where the blurring pattern 173e is applied, even if the strip-shaped focus area 165a is arranged along the diagonal line of the image, the focus area 165a covers the periphery of the image. As described above, the mask data may be prepared so that the length of the focus region 165a in the longitudinal direction is longer than the length of the diagonal line of the image.

なお、切り取り画面140で画像を回転させてトリム後画像が生成された場合において、その画像の回転角に応じて、フォーカス領域165aの形状が自動的に回転されるようにしてもよい。 When the image is rotated on the cut screen 140 and the trimmed image is generated, the shape of the focus area 165a may be automatically rotated according to the rotation angle of the image.

フォーカス領域165aの形状は、ユーザが任意で設定できるようにしてもよい。例えば、ぼかし編集画面160に、ユーザがペン操作等を行うための消しゴムツールやスタンプツールを用意し、そのツールで操作されたとおりに、マスクレイヤ951cにマスクデータが配置されるようにしてもよい。これにより、ユーザが自由にぼかしたい領域と明瞭にしたい領域とを設定できるようになる。このとき、消しゴムツールなどで生成されるマスクデータの生成態様を変更できるようにしてもよい。例えば、マスクデータの透明度(濃度)を変化させたり、生成領域の大きさ(ペン先の大きさ)を変化させたりすることで、多様なフォーカス領域165aを設定できるようになる。 The shape of the focus area 165a may be arbitrarily set by the user. For example, an eraser tool or a stamp tool for the user to perform a pen operation or the like may be prepared on the blurring edit screen 160, and the mask data may be arranged on the mask layer 951c as operated by the tool. .. As a result, the user can freely set the area to be blurred and the area to be made clear. At this time, the generation mode of the mask data generated by the eraser tool may be changed. For example, various focus areas 165a can be set by changing the transparency (density) of the mask data or changing the size of the generation area (size of the pen tip).

また、被写体と背景との境界を判定して被写体の形状のマスク(人物マスク)を生成し、被写体をフォーカス領域165aとして背景部分のみにぼかしを適用できるようにしてもよい。このとき、背景と共に、被写体の外縁部分をぼかすようにすることで、ポートレイト写真のような立体感のある画像を作成できるようにしてもよい。 Alternatively, the boundary between the subject and the background may be determined to generate a mask (person mask) having the shape of the subject, and the subject may be set as the focus area 165a so that the blurring can be applied only to the background portion. At this time, by blurring the outer edge portion of the subject together with the background, an image having a stereoscopic effect such as a portrait photograph may be created.

図39は、回転操作を行ってトリム後画像を生成した場合の切り取り画落書き画面180の一例を示す図である。 FIG. 39 is a diagram showing an example of the cut-out image graffiti screen 180 when the trimmed image is generated by performing the rotation operation.

本実施の形態において、図39に示されるように、回転操作を行ってトリム後画像を生成した場合には、切り取り画落書き画面180において表示されるパレット115において、所定のスタンプ等は、画像の回転操作に応じた角度で回転した状態で表示されるように構成されている。 In the present embodiment, as shown in FIG. 39, when a rotation operation is performed to generate an image after trimming, in the palette 115 displayed on the cutout graffiti screen 180, a predetermined stamp or the like is displayed in the image. It is configured to be displayed in a state of being rotated at an angle according to the rotating operation.

図39においては、画像が左回りに約30度回転されてトリム後画像が生成された場合が示されている。このとき、上述の図17に示されるようなスタンプ811についても、回転操作による画像の回転角と同じ角度だけ回転した状態で、選択可能に表示される(スタンプ811a)。 In FIG. 39, the case where the image is rotated counterclockwise by about 30 degrees and the trimmed image is generated is shown. At this time, the stamp 811 as shown in FIG. 17 described above is also displayed selectably in a state of being rotated by the same angle as the rotation angle of the image by the rotation operation (stamp 811a).

このように、切り取り画面140において画像が回転された角度に応じて、切り取り画落書き画面180における落書き用の素材の初期表示状態を変化させることで、ユーザの素材の角度を画像の角度に合わせて調整する手間が省かれる。よって、容易にかつ速やかに、充実した内容の落書きを行えるようになり、プレイするユーザの満足度が高くなる。また、このように自動的にスタンプ811等の回転角を変更するとき、パレット115でなされたユーザのマニュアル操作に応じて回転させるときの角度ステップ(例えば、回転ボタンが操作されるごとに10度ずつ回転させるなど)に従わずに、それより細かな角度ステップで回転可能な画像の回転角と同じ角度で回転させるようにすればよい。これにより、回転させた画像とそれに対して配置されるスタンプ811等との調和を確実にとることができる。 Thus, by changing the initial display state of the material for graffiti on the cut image graffiti screen 180 according to the angle at which the image is rotated on the cut screen 140, the angle of the user's material is adjusted to the angle of the image. No need to make adjustments. Therefore, it becomes possible to easily and swiftly perform graffiti with rich contents, and the satisfaction of the user who plays the game becomes high. Further, when the rotation angle of the stamp 811 or the like is automatically changed in this way, an angle step (for example, 10 degrees each time the rotation button is operated) when rotating the stamp 811 according to the user's manual operation performed on the pallet 115. It is sufficient to rotate the image at the same angle as the rotation angle of the image that can be rotated in finer angle steps. As a result, the rotated image and the stamp 811 or the like arranged thereon can be surely harmonized.

なお、このように自動的に回転角を変更する素材は、予め定められている種類のものに限ればよい。例えば、上述のように被写体の頭部や目の位置に合わせて配置する事を想定されているスタンプ(スタンプ811等)については自動的に回転させ、文字等が含まれるスタンプについては回転させないなどというように、適宜設定することができる。 It should be noted that the material for which the rotation angle is automatically changed in this way may be limited to a predetermined type. For example, as described above, a stamp (stamp 811 or the like) that is supposed to be placed according to the position of the head or eyes of the subject is automatically rotated, and a stamp including characters or the like is not rotated. Thus, it can be set appropriately.

[切り取り画落書き及び濃度調整機能に関する説明] [Explanation regarding cut-out graffiti and density adjustment function]

図40は、切り取り画落書き画面180においてプレビュー表示される画像のレイヤ構成を説明する図である。 FIG. 40 is a diagram illustrating a layer configuration of an image preview-displayed on the cut-out image graffiti screen 180.

図40に示されるように、画像は、下から順に、下側人物レイヤ952aと、上側人物レイヤ952bと、フレームレイヤ952cと、落書きレイヤ952dとが重ねられて構成されている。 As shown in FIG. 40, the image is configured by stacking a lower person layer 952a, an upper person layer 952b, a frame layer 952c, and a graffiti layer 952d in order from the bottom.

下側人物レイヤ952aは、ぼかし編集画面160を経て生成された画像に基づいて配置されたレイヤである。すなわち、下側人物レイヤ952aに配置されている画像は、切り取り画面140で選択されたフィルタ加工155やぼかし編集画面160での編集後のぼかしが適用された画像に基づいて生成されたものである。 The lower person layer 952a is a layer arranged based on the image generated through the blurring edit screen 160. That is, the image arranged in the lower person layer 952a is generated based on the image to which the filter processing 155 selected on the cut screen 140 and the blur after editing on the blur editing screen 160 are applied. ..

上側人物レイヤ952bは、下側人物レイヤ952aと同一の画像が配置されたレイヤである。 The upper person layer 952b is a layer in which the same image as the lower person layer 952a is arranged.

フレームレイヤ952cは、切り取り画落書き画面180などで適用することが選択されたフレーム画像が配置されるレイヤである。 The frame layer 952c is a layer in which the frame image selected to be applied on the cutout graffiti screen 180 or the like is arranged.

落書きレイヤ952dは、切り取り画落書き画面180で行われる落書き操作に従って画像が配置されるレイヤである。 The graffiti layer 952d is a layer in which images are arranged according to the graffiti operation performed on the cut-out picture graffiti screen 180.

なお、レイヤ構成はこれに限られない。例えば、落書き操作に応じて変更されるレイヤが複数にわたって配置されていてもよい。 The layer configuration is not limited to this. For example, a plurality of layers that are changed according to the graffiti operation may be arranged.

ここで、下側人物レイヤ952aと上側人物レイヤ952bとのそれぞれに配置される画像は、例えば、次のようにして生成されていればよい。すなわち、本実施の形態において、下側人物レイヤ952aと上側人物レイヤ952bとは、乗算合成により合成されて、切り取り画として生成される。そこで、両レイヤ952a,952bを乗算合成したときに、切り取り画面140やぼかし編集画面160でプレビュー表示されていた画像と同様の画像になるように、フィルタ加工155に基づいて生成された画像が、両レイヤ952a,952bに配置されている。なお、後述するように濃度調整機能によってフィルタ加工155の濃度は変更されるところ、その初期状態にあわせて両レイヤ952a,952bが用意される。 Here, the images arranged in each of the lower person layer 952a and the upper person layer 952b may be generated as follows, for example. That is, in the present embodiment, the lower person layer 952a and the upper person layer 952b are combined by multiplication combining to generate a cut image. Therefore, when both layers 952a and 952b are multiplied and combined, the image generated based on the filter processing 155 is changed so that the image becomes the same as the image preview-displayed on the cut screen 140 or the blurring edit screen 160. It is arranged in both layers 952a and 952b. As will be described later, when the density of the filter processing 155 is changed by the density adjusting function, both layers 952a and 952b are prepared according to the initial state.

図41は、切り取り画落書き受付処理を示すフローチャートである。 FIG. 41 is a flowchart showing the cut-out image graffiti acceptance processing.

切り取り画落書き画面180に遷移すると、切り取り画落書き受付処理が実行される。 When the transition to the cutout image doodle screen 180 is performed, a cutout image doodle acceptance process is executed.

図41に示されるように、ステップS271において、対象画像181のプレビュー表示が行われる。なお、既に落書きが行われている場合に再度切り取り画落書き画面180に遷移した場合には、その内容がプレビュー表示に反映されるようにしてもよい。 As shown in FIG. 41, in step S271, a preview display of the target image 181 is performed. Note that when the transition is made again to the cut-out image graffiti screen 180 when the graffiti has already been performed, the content may be reflected in the preview display.

ステップS272において、落書き操作が行われたか否かが判断される。操作が行われた場合には、ステップS273において、その操作内容が反映される。 In step S272, it is determined whether a graffiti operation has been performed. When the operation is performed, the content of the operation is reflected in step S273.

ステップS274において、調整バー187が操作されたか否かが判断される。操作が行われた場合には、ステップS275において、その操作内容が反映され、濃度調整が行われる。 In step S274, it is determined whether the adjustment bar 187 has been operated. When the operation is performed, the content of the operation is reflected and the density is adjusted in step S275.

ステップS276において、濃度リセットボタン188が操作されたか否かが判断される。操作が行われた場合には、ステップS277において、フィルタ加工155の濃度が初期状態に戻される。 In step S276, it is determined whether the density reset button 188 has been operated. When the operation is performed, the density of the filter processing 155 is returned to the initial state in step S277.

ステップS278において、プレビュー表示の表示内容が更新される。これにより、ユーザの操作が行われたときには、その結果を切り取り画落書き画面180において確認できる。 In step S278, the display content of the preview display is updated. Thereby, when the user's operation is performed, the result can be confirmed on the cut-out image graffiti screen 180.

ステップS279において、編集終了ボタン195等、画面遷移を伴う操作ボタンが操作されたか否かが判断される。操作が行われると、その操作に応じた画面遷移が行われる。操作が行われるまで、ステップS272以降の処理が繰り返し行われる。 In step S279, it is determined whether an operation button accompanied by screen transition such as the edit end button 195 has been operated. When an operation is performed, a screen transition according to the operation is performed. Until the operation is performed, the processing from step S272 is repeated.

ここで、ユーザが、加工濃度調整部185を用いた操作を行ったとき、次のようにして濃度調整が行われる。 Here, when the user performs an operation using the processing density adjusting unit 185, density adjustment is performed as follows.

本実施の形態においては、上述のように下側人物レイヤ952aと上側人物レイヤ952bとを乗算合成することにより、切り取り画が生成されるように構成されている。ここで、乗算合成の合成結果が、濃度調整後の結果に反映される程度が変更されることにより、フィルタ加工155の濃度が変更されるような効果が得られるようになっている。 In the present embodiment, the cut image is generated by multiplying and combining the lower person layer 952a and the upper person layer 952b as described above. Here, the effect that the density of the filter processing 155 is changed is obtained by changing the degree to which the combined result of the multiplication combination is reflected in the result after the density adjustment.

すなわち、一般に、乗算合成は、画素毎、RGBの色毎に、階調の値を掛け合わせて行われる。 That is, in general, the multiplication synthesis is performed by multiplying the gradation value for each pixel and for each RGB color.

(合成結果)=(上側人物レイヤ952bの階調の値)*(下側人物レイヤ952aの階調の値)/255 (Synthesis result)=(value of gradation of upper person layer 952b)*(value of gradation of lower person layer 952a)/255

ここで、上側人物レイヤ952bと下側人物レイヤ952aとは同一の画像であるので、上側人物レイヤ952bの階調の値(又は下側人物レイヤ952aの階調の値)をAとして表すと、合成結果は、次のようになる。 Here, since the upper person layer 952b and the lower person layer 952a are the same image, when the gradation value of the upper person layer 952b (or the gradation value of the lower person layer 952a) is represented by A, The synthesis result is as follows.

(合成結果)=A^2(Aの2乗)/255 (Synthesis result)=A^2 (A squared)/255

この合成結果と、上側人物レイヤ952b(又は下側人物レイヤ952a)の階調の値(A)とを用いて、さらに濃度調整の計数(xパーセントとする)を鑑み、次のように、画素毎、RGBの色毎に、濃度調整後の結果(調整結果)が得られる。 Using the combined result and the gradation value (A) of the upper person layer 952b (or the lower person layer 952a), in consideration of the density adjustment count (x percent), the pixel The result after density adjustment (adjustment result) is obtained for each RGB color.

(調整結果)=A−(A−(合成結果))*x/100 (Adjustment result)=A-(A-(composite result))*x/100

すなわち、濃度調整の計数が最も高い場合(x(パーセント)=100である場合)には、濃度調整後の結果は、一般的な合成結果と同様になる。他方、濃度調整の計数が最も低い場合(x=0である場合)には、濃度調整後の結果は、上側人物レイヤ952b又は下側人物レイヤ952aと同様になる。なお、初期状態としては、例えば、濃度調整の計数xが例えば中間値である50パーセントに設定されるようにすればよい。換言すれば、この状態で標準的なフィルタ加工155の濃度となるように、上側人物レイヤ952bと下側人物レイヤ952aとが用意される。 That is, when the count of density adjustment is the highest (when x (percent)=100), the result after density adjustment is the same as the general synthesis result. On the other hand, when the count of density adjustment is the lowest (when x=0), the result after density adjustment is the same as that of the upper person layer 952b or the lower person layer 952a. In the initial state, the density adjustment count x may be set to, for example, an intermediate value of 50%. In other words, the upper person layer 952b and the lower person layer 952a are prepared so that the density of the standard filter processing 155 is obtained in this state.

このような濃度調整を行うことにより、ユーザは、撮影画像と、適用したいフィルタ加工155との関係に応じて、所望のフィルタ加工結果が得ることができる。 By performing such density adjustment, the user can obtain a desired filter processing result in accordance with the relationship between the captured image and the filter processing 155 desired to be applied.

なお、濃度調整を行うことができる範囲は、例えば選択されたフィルタ加工155毎に変更されるようにしてもよい。これにより、比較的簡易な処理方法を用いたままで、通常ではありえない態様になるような濃度がユーザによって選択可能になることがなくなる。したがって、濃度調整に失敗することがなくなり、常に品質の高い切り取り画を生成することができる。 The range in which the density can be adjusted may be changed for each selected filter processing 155. This prevents the user from being able to select a density that would not be possible in a normal manner while using a relatively simple processing method. Therefore, the density adjustment does not fail, and it is possible to always generate a high quality cut image.

なお、特段の画像処理を行わないフィルタ加工155が選択されている場合には、調整バー187や濃度リセットボタン188などが非表示とされたりグレーアウト表示とされたりして、濃度調整に関する操作が受け付けられないようにしてもよい。 If the filter processing 155 that does not perform special image processing is selected, the adjustment bar 187, the density reset button 188, and the like are hidden or grayed out, and the operation related to the density adjustment is accepted. You may not be allowed.

なお、濃度調整は、例えば次のように実現されてもよい。 The density adjustment may be realized as follows, for example.

図42は、本実施の形態の一変型例における、切り取り画落書き画面180においてプレビュー表示される画像のレイヤ構成を説明する図である。 FIG. 42 is a diagram illustrating a layer configuration of an image preview-displayed on cut-out image graffiti screen 180 in the modified example of the present embodiment.

図42に示されるレイヤ構成は、図40に示される下側人物レイヤ952aに代えて、フィルタ加工155に基づかない画像が配置された下側人物レイヤ954aが用いられている点で異なっており、その他のレイヤは同様である。下側人物レイヤ954aに配置されている画像は、フィルタ加工155が適用されていないトリム後画像について、ぼかし編集結果を適用したものであり、上側人物レイヤ952bとはフィルタ加工155が適用されているか否かのみが異なるものである。 The layer configuration shown in FIG. 42 is different in that a lower person layer 954a in which an image not based on the filter processing 155 is arranged is used instead of the lower person layer 952a shown in FIG. The other layers are the same. The image arranged on the lower person layer 954a is the image after blurring applied to the trimmed image to which the filter processing 155 has not been applied, and whether the image processing on the upper person layer 952b has the filter processing 155 applied. Only the difference is.

このような場合において、濃度調整は、上側人物レイヤ952bの表示濃度を変更することにより行うことができる。すなわち、この場合、調整バー187を操作することで、上側人物レイヤ952bの表示濃度が変更される。そうすると、上側人物レイヤ952bの表示濃度に応じて、フィルタ加工155が適用されていない下側人物レイヤ954aが透けて見えることで、フィルタ加工155の濃度が変化するように見える。 In such a case, the density adjustment can be performed by changing the display density of the upper person layer 952b. That is, in this case, by operating the adjustment bar 187, the display density of the upper person layer 952b is changed. Then, depending on the display density of the upper person layer 952b, the lower person layer 954a to which the filter processing 155 is not applied can be seen through, and the density of the filter processing 155 appears to change.

[コラージュ作成の説明] [Explanation of collage creation]

本実施の形態において、コラージュ作成では、大まかに、「簡単コラージュ」、「カバーコラージュ」、及び「フリーコラージュ」の3種類のデザインのコラージュ画像を作成できる。簡単コラージュ及びカバーコラージュによれば、予め用意されたテンプレート画像中の所定領域に撮影画像を配置し、その上で落書きを行うことでコラージュ画像を生成できる。他方、フリーコラージュによれば、所定の範囲のキャンバスに、撮影画像を任意に配置したり、文字や図形等を配置したりする(予め用意されたスタンプ画像を配置したり、ペンで書き込んだりする)ことで、自由にコラージュ画像を生成できる。 In the present embodiment, in collage creation, roughly three types of design collage images, “simple collage”, “cover collage”, and “free collage” can be created. According to the simple collage and the cover collage, a collage image can be generated by arranging a photographed image in a predetermined area in a template image prepared in advance and performing graffiti on it. On the other hand, according to the free collage, a photographed image is arbitrarily arranged, characters and figures are arranged on a canvas in a predetermined range (a stamp image prepared in advance is arranged or written with a pen. ), you can freely generate collage images.

本実施の形態において、カバーコラージュで作成するコラージュ画像は、例えば所定のSNSなどインターネット上で提供されるウェブサービスでユーザが用いるのに適した背景画像として利用できる。例えば、「SNS A」(第1のウェブサービス)、「SNS B」(第2のウェブサービス)、「SNS C」(第3のウェブサービス)の3つのウェブサービスのそれぞれについて、ユーザの設定操作に基づいて表示される背景画像として、コラージュ画像を生成することができる。 In the present embodiment, the collage image created by the cover collage can be used as a background image suitable for the user to use in a web service provided on the Internet such as a predetermined SNS. For example, the user's setting operation for each of the three web services “SNS A” (first web service), “SNS B” (second web service), and “SNS C” (third web service) A collage image can be generated as a background image displayed based on the.

図43は、コラージュ作成時の動作を示すフローチャートである。 FIG. 43 is a flowchart showing the operation when creating a collage.

図43に示されるように、コラージュ作成が開始されると、ステップS341において、デザイン選択操作が受け付けられる。デザイン選択操作は、「簡単コラージュ」、「カバーコラージュ」、及び「フリーコラージュ」の3種類のデザインの中から、ユーザが所望のものを選択することで行われる。本実施の形態では、「カバーコラージュ」の選択肢は、「SNS Aカバーコラージュ」、「SNS Bカバーコラージュ」、「SNS Cカバーコラージュ」というように、上述の第1から第3のウェブサービスのそれぞれに対応する3つの選択肢に細かく分けられて設けられているが、これに限られるものではない。デザイン選択操作は、デザイン選択画面を表示して行われる。 As shown in FIG. 43, when the collage creation is started, the design selection operation is accepted in step S341. The design selection operation is performed by the user selecting a desired design from among three types of designs, “simple collage”, “cover collage”, and “free collage”. In this embodiment, the options of “Cover Collage” are “SNS A Cover Collage”, “SNS B Cover Collage”, and “SNS C Cover Collage”, and each of the above-mentioned first to third web services. Although the three options corresponding to the above are finely divided and provided, the present invention is not limited to this. The design selection operation is performed by displaying the design selection screen.

ステップS341で「フリーコラージュ」以外のデザインが選択されたときには、ステップS342に進む。ステップS342において、簡単コラージュ編集画面に画面遷移し、コラージュ画像の作成が行われる。 When a design other than "free collage" is selected in step S341, the process proceeds to step S342. In step S342, the screen transitions to the simple collage editing screen, and a collage image is created.

他方、ステップS341で「フリーコラージュ」が選択されたときには、ステップS343において、フリーコラージュ編集画面に画面遷移し、コラージュ画像の作成が行われる。 On the other hand, when “free collage” is selected in step S341, the screen transitions to the free collage editing screen in step S343, and a collage image is created.

図44は、コラージュ作成時における編集画面の画面遷移を説明する図である。 FIG. 44 is a diagram for explaining the screen transition of the edit screen when creating the collage.

図44に示されるように、落書き編集画面100において、おまけらくがきに関する作成ボタンのうち第2の作成ボタン118bが操作されると、そのプレイにおいてまだコラージュ画像が作成されていなければ、デザイン選択画面220に遷移する(S401)。そのプレイにおいて既に生成されたコラージュ画像が保存されている状態で第2の作成ボタン118bが操作された場合には、コラージュ編集や落書きを行うためのコラージュ画面280に直接遷移する(S403)。これにより、既に保存されているコラージュ画像がある場合、その編集状態から続きの編集をすぐに行うことができる。 As shown in FIG. 44, on the graffiti editing screen 100, when the second creation button 118b of the creation buttons related to the graffiti is operated, if the collage image is not created yet in the play, the design selection screen 220 is displayed. (S401). When the second creation button 118b is operated in a state where the collage image already generated in the play is saved, the screen directly shifts to the collage screen 280 for editing the collage and performing scribble (S403). Thus, if there is a collage image that has already been saved, subsequent edits can be immediately performed from the edit state.

デザイン選択画面220では、デザインが選択される。複数の選択肢のうちフリーコラージュが選択されて決定ボタン227が操作されると、コラージュ画面280に遷移する(S404)。他方、フリーコラージュ以外の選択肢が選択されて決定ボタン227が操作されると、写真選択画面260に遷移する(S405)。 A design is selected on the design selection screen 220. When a free collage is selected from a plurality of options and the enter button 227 is operated, the screen changes to the collage screen 280 (S404). On the other hand, when an option other than free collage is selected and the enter button 227 is operated, the screen changes to the photo selection screen 260 (S405).

デザイン選択画面220で復帰ボタン158が操作されると、落書き編集画面100に戻る(S415)。 When the return button 158 is operated on the design selection screen 220, the graffiti editing screen 100 is returned to (S415).

写真選択画面260では、決定ボタン277が操作されると、コラージュ画面280に遷移する(S407)。このとき、サーバ601に送信される送信用画像のサイズと同サイズのベース画像が生成されると共に、生成されたベース画像に基づいて、表示用サイズのベース画像が生成される。送信用サイズのベース画像は、比較的高画質(画素数大)の画像である。表示用サイズのベース画像は、コラージュ画面280にそのまま(縮小処理することなく等倍で)表示可能な程度の画素数の画像である。その表示用サイズのベース画像が、コラージュ画面280に表示される。 When the enter button 277 is operated on the photo selection screen 260, the screen changes to the collage screen 280 (S407). At this time, a base image of the same size as the size of the transmission image transmitted to the server 601 is generated, and a base size of the display size is generated based on the generated base image. The base image of the transmission size has a relatively high image quality (large number of pixels). The base image of the display size is an image having the number of pixels that can be displayed on the collage screen 280 as it is (without being reduced in size). The base image of the display size is displayed on the collage screen 280.

写真選択画面260では、復帰ボタン158が操作されると、落書き編集画面100に遷移する(S413)。このとき、それまでで生成された画像をコラージュ画像として保存するようにしてもよい。 On the photograph selection screen 260, when the return button 158 is operated, the graffiti edit screen 100 is displayed (S413). At this time, the images generated so far may be saved as a collage image.

また、写真選択画面260では、前画面ボタン279が選択されると、デザイン選択画面220に遷移する(S409)。 On the photo selection screen 260, when the previous screen button 279 is selected, the screen changes to the design selection screen 220 (S409).

コラージュ画面280において、復帰ボタン158が操作されると、編集結果を保存して、落書き編集画面100に遷移する(S411)。 When the return button 158 is operated on the collage screen 280, the edit result is saved and the screen is changed to the graffiti edit screen 100 (S411).

コラージュ画面280において、前画面ボタン293が操作されると、所定の確認画面が表示された後、ユーザの指示に応じて写真選択画面260に遷移する(S417)。なお、このときの確認画面は、切り取り画の生成時に同様に表示される画面と同様であり、それに関し行われる動作も同様である。 When the previous screen button 293 is operated on the collage screen 280, a predetermined confirmation screen is displayed, and then a transition is made to the photo selection screen 260 according to the user's instruction (S417). The confirmation screen at this time is the same as the screen that is also displayed when the cutout image is generated, and the operation performed regarding it is also the same.

図45は、デザイン選択画面220を示す図である。 FIG. 45 is a diagram showing the design selection screen 220.

図45に示されるように、デザイン選択画面220には、デザイン種類選択タブ221と、決定ボタン227と、前画面ボタン229と、復帰ボタン158とが配置されている。復帰ボタン158や前画面ボタン229が操作されると、落書き編集画面100に戻る。 As shown in FIG. 45, on the design selection screen 220, a design type selection tab 221, a decision button 227, a previous screen button 229, and a return button 158 are arranged. When the return button 158 or the previous screen button 229 is operated, the graffiti edit screen 100 is returned to.

本実施の形態において、デザイン種類選択タブは5つのタブで構成されている。すなわち、「簡単コラージュ」、「SNS A カバーコラージュ」、「SNS B カバーコラージュ」、「SNS C カバーコラージュ」、及び「フリーコラージュ」の各タブである。これらのタブのうち、選択されたタブに対応する種類のデザインが、タブ内表示領域223に表示される。タブ内表示領域223には、ユーザが選択可能なデザインが並んで表示される。また、タブ内表示領域223には、そのタブに対応する種類のデザインを用いたサンプル画像が表示されるようにしてもよい。 In the present embodiment, the design type selection tab is composed of five tabs. That is, the tabs are "Easy Collage", "SNS A Cover Collage", "SNS B Cover Collage", "SNS C Cover Collage", and "Free Collage". Of these tabs, the type of design corresponding to the selected tab is displayed in the in-tab display area 223. In the in-tab display area 223, designs selectable by the user are displayed side by side. Further, in the tab display area 223, a sample image using a design of a type corresponding to the tab may be displayed.

ユーザは、選択したタブのタブ内表示領域223に表示されているデザインのうち、所望のものを選択した上で、決定ボタン227を操作することで、デザインを決定できる。デザインが決定されると、選択したデザインに応じて、写真選択画面260又はコラージュ画面280に遷移する。 The user can select a desired design from among the designs displayed in the in-tab display area 223 of the selected tab and then operate the enter button 227 to determine the design. When the design is determined, the screen changes to the photo selection screen 260 or the collage screen 280 according to the selected design.

なお、図45においては、上述の5つのタブのうち「フリーコラージュ」が選択されている場合が示されている。「フリーコラージュ」では、コラージュ画像の外形を、「正方形」、「タテ」、「ヨコ」、「タテ長」のいずれにするかを選択できる。デザインを決定すると、選択された外形形状のコラージュ画像を、コラージュ画面280において編集できる。 Note that FIG. 45 shows a case where “free collage” is selected from the above-mentioned five tabs. In "Free Collage", the external shape of the collage image can be selected from "square", "vertical", "horizontal", and "vertical length". When the design is determined, the collage image of the selected outer shape can be edited on the collage screen 280.

図46は、「簡単コラージュ」選択時のデザイン選択画面220を示す図である。 FIG. 46 is a diagram showing the design selection screen 220 when “simple collage” is selected.

図46に示されるように、「簡単コラージュ」のタブが選択されている場合には、所定のテンプレートや画像のレイアウトが互いに異なる8種類のデザインが、タブ内表示領域223に表示される。ユーザは、いずれかのデザインを選択し、決定ボタン227を操作することで、写真選択画面260においてコラージュ画像に配置する写真を選択できる。 As shown in FIG. 46, when the “simple collage” tab is selected, eight types of designs with different predetermined templates and image layouts are displayed in the tab display area 223. The user can select a photo to be arranged in the collage image on the photo selection screen 260 by selecting any design and operating the enter button 227.

図47は、「SNS A カバーコラージュ」又は「SNS B カバーコラージュ」が選択されているときのデザイン選択画面220を示す図である。 FIG. 47 is a diagram showing the design selection screen 220 when “SNS A cover collage” or “SNS B cover collage” is selected.

図47の上段に示されるように、「SNS A カバーコラージュ」のタブが選択されている場合には、例えば互いに図柄や文字などの異なる4種類のデザインが、タブ内表示領域223に表示される。ユーザは、いずれかのデザインを選択し、決定ボタン227を操作することで、「簡単コラージュ」の場合と同様に、写真選択画面260においてコラージュ画像に配置する写真を選択できる。 As shown in the upper part of FIG. 47, when the tab of “SNS A cover collage” is selected, for example, four types of designs such as patterns and letters which are different from each other are displayed in the tab display area 223. .. By selecting one of the designs and operating the enter button 227, the user can select a photo to be placed in the collage image on the photo selection screen 260, as in the case of the “simple collage”.

「SNS B カバーコラージュ」のタブが選択されている場合には、図47の下段に示されるように、4種類のデザインがタブ内表示領域223に表示される。「SNS C カバーコラージュ」のタブが選択されている場合もこれと同様である。これらの「カバーコラージュ」では、選択肢として、それぞれ対応するSNSの背景画像のサイズなどの仕様に応じたデザインが予め定められている点で、「簡単コラージュ」とは異なっている。 When the tab of "SNS B cover collage" is selected, four types of designs are displayed in the tab display area 223 as shown in the lower part of FIG. The same applies when the "SNS C Cover Collage" tab is selected. These “cover collages” are different from the “simple collages” in that the design according to the specifications such as the size of the background image of the corresponding SNS is predetermined as an option.

本実施の形態において、「カバーコラージュ」で作成するコラージュ画像(以下、背景画像と呼ぶことがある)は、ウェブサービスにおいてユーザ自身に関係するウェブページに表示するのに適した画像である。例えば、そのユーザのアイコン画像、ユーザネームの表示、ユーザプロフィールの表示などが配置される所定領域の背景として表示されるものである。 In the present embodiment, the collage image (hereinafter, also referred to as a background image) created by the “cover collage” is an image suitable for being displayed on the web page related to the user himself/herself in the web service. For example, the icon image of the user, the display of the user name, the display of the user profile, and the like are displayed as a background of a predetermined area.

[「フリーコラージュ」に関する説明] [Explanation about "Free Collage"]

図48は、「フリーコラージュ」のデザインが選択されているときのコラージュ画面280を示す図である。 FIG. 48 is a diagram showing the collage screen 280 when the “free collage” design is selected.

図48を参照して、まず、フリーコラージュの作成について説明する。 First, the creation of a free collage will be described with reference to FIG.

コラージュ画面280の構成は、大まかには、切り取り画落書き画面180と同様に構成されている。すなわち、コラージュ画面280には、パレット115と、復帰ボタン158と、前画面ボタン293とが表示される。コラージュ画面280の中央部には、デザイン選択の結果や写真選択画面260の選択結果に応じて、コラージュ領域281が表示される。コラージュ領域281の内側には、生成されるコラージュ画像に対応するプレビュー表示が表示される(このコラージュ領域281内の表示をプレビュー画像と呼ぶことがある。)。コラージュ画面280では、コラージュ領域281内に表示されるプレビュー表示が所望の通りとなるようにコラージュやその他落書きを行うことで、その画像をコラージュ画像として生成することができる。 The structure of the collage screen 280 is roughly the same as that of the cutout graffiti screen 180. That is, the palette 115, the return button 158, and the previous screen button 293 are displayed on the collage screen 280. In the center of the collage screen 280, a collage area 281 is displayed according to the result of design selection or the selection result of the photo selection screen 260. A preview display corresponding to the generated collage image is displayed inside the collage area 281 (the display in this collage area 281 may be referred to as a preview image). On the collage screen 280, the image can be generated as a collage image by performing collage or other graffiti so that the preview display displayed in the collage area 281 is as desired.

フリーコラージュが選択されたとき、ユーザは、任意にコラージュ領域281に図柄や撮影画像などを配置することで、コラージュ画像を作成できる。すなわち、デザイン選択画面220からコラージュ画面280に遷移したとき、選択したデザイン(アスペクト比)の枠形状のコラージュ領域281がコラージュ画面280に表示される。ユーザは、コラージュ領域281の内部に、種々の撮影画像、スタンプ、又は文字の配置や、その他の落書きを行うことができる。 When the free collage is selected, the user can create a collage image by arbitrarily arranging a design, a photographed image, or the like in the collage area 281. That is, when the design selection screen 220 transits to the collage screen 280, the frame-shaped collage area 281 of the selected design (aspect ratio) is displayed on the collage screen 280. The user can arrange various photographed images, stamps, characters, and other scribbles inside the collage area 281.

ここで、パレット115は、フリーコラージュのデザインが選択されたときとそうでないときとで、利用できる機能が異なる。例えば、フリーコラージュにおいては、撮影画像に基づいた図形等を任意にコラージュ領域281に配置できるように構成されている(これに用いるパレットをコラージュパレットということがある。)。これに対し、他のデザインではそのようなパレット115は選択できず、撮影画像に基づかない所定の図柄や文字などや、ユーザが任意に描画する機能が利用できるのにとどまる。 Here, the palette 115 has different available functions depending on whether a free collage design is selected or not. For example, a free collage is configured so that a figure or the like based on a photographed image can be arbitrarily arranged in the collage area 281 (the palette used for this may be referred to as a collage palette). On the other hand, in other designs, such a palette 115 cannot be selected, and it is only possible to use a predetermined pattern or character that is not based on a captured image or a function that the user arbitrarily draws.

コラージュパレットでは、例えば、選択した撮影画像を所定の形状で切り取って(型抜きして)撮影画像スタンプを作成できる。作成した撮影画像スタンプは、コラージュ領域281に適宜配置できる。 In the collage palette, for example, a photographed image stamp can be created by cutting (cutting) the selected photographed image in a predetermined shape. The created photographed image stamp can be appropriately arranged in the collage area 281.

ここで、本実施の形態においては、コラージュ画面280に、加工濃度調整部285が表示されていてもよい。加工濃度調整部285は、切り取り画落書き画面180における加工濃度調整部185と同様に、調整バー287と、濃度リセットボタン288とを含んでいる。フリーコラージュにフィルタ加工等の画像処理が適用されるとき、ユーザは、加工濃度調整部285を操作することで、その濃度を変更できる。 Here, in the present embodiment, the processed density adjusting unit 285 may be displayed on the collage screen 280. The processing density adjusting unit 285 includes an adjustment bar 287 and a density reset button 288, like the processing density adjusting unit 185 on the cut-out graffiti screen 180. When image processing such as filter processing is applied to the free collage, the user can change the density by operating the processing density adjustment unit 285.

[「簡単コラージュ」に関する説明] [Explanation on "Easy Collage"]

次に、「簡単コラージュ」について説明する。 Next, the "simple collage" will be described.

図49は、「簡単コラージュ」のデザインが選択されているときの写真選択画面260を示す第1の図である。 FIG. 49 is a first diagram showing the photograph selection screen 260 when the “simple collage” design is selected.

「簡単コラージュ」のデザインが選択されると、例えば図49に示されるように写真選択画面260が表示される。写真選択画面260には、復帰ボタン158のほか、写真選択領域251と、デザイン表示領域261と、ズームバー267と、決定ボタン277と、前画面ボタン279とが表示されている。復帰ボタン158は、落書き編集画面100に戻るために操作されるボタンである。前画面ボタン279は、デザイン選択画面220に戻るためのボタンである。ズームバー267は、上述の切り取り画面140におけるズームバー147と同様に、コラージュ画像中に表示する撮影画像を拡大縮小させるために操作される。複数の撮影画像がコラージュ画像中に含まれることになる場合には、デザイン表示領域261に表示されている複数の撮影画像のうち指定されているものについて、ズームバー267の操作結果が反映されるように構成されている。 When the design of "simple collage" is selected, a photo selection screen 260 is displayed as shown in FIG. 49, for example. On the photo selection screen 260, in addition to the return button 158, a photo selection area 251, a design display area 261, a zoom bar 267, an enter button 277, and a previous screen button 279 are displayed. The return button 158 is a button operated to return to the graffiti editing screen 100. The previous screen button 279 is a button for returning to the design selection screen 220. The zoom bar 267 is operated for enlarging/reducing the captured image displayed in the collage image, similarly to the zoom bar 147 in the cut screen 140 described above. When a plurality of captured images are to be included in the collage image, the operation result of the zoom bar 267 is reflected on the designated one of the plurality of captured images displayed in the design display area 261. Is configured.

デザイン選択画面220から写真選択画面260に遷移したとき、デザイン表示領域261には、選択したデザインに対応する画像が表示される。すなわち、簡単コラージュのデザインの選択結果に従って、テンプレート画像263がデザイン表示領域261に表示される。各デザインのテンプレート画像263には、1つ又は複数の、撮影画像の表示領域が設けられている。この表示領域に配置する画像を、写真選択領域251で選択することができる。 When transitioning from the design selection screen 220 to the photo selection screen 260, an image corresponding to the selected design is displayed in the design display area 261. That is, the template image 263 is displayed in the design display area 261 according to the selection result of the simple collage design. The template image 263 of each design is provided with one or a plurality of display areas for captured images. The image to be arranged in this display area can be selected in the photograph selection area 251.

本実施の形態では、テンプレート画像263において、2つの撮影画像265a,265bが配置可能となっている。各撮影画像265a,265bのうち、1つの領域を選択した上で(選択した領域には選択枠266が表示される)、その領域に表示させる撮影画像を写真選択領域251で選択する操作を行うことで、その写真を表示させることができる。 In the present embodiment, two captured images 265a and 265b can be arranged in the template image 263. One of the photographed images 265a and 265b is selected (a selection frame 266 is displayed in the selected region), and the photographed image to be displayed in the region is selected in the photograph selection region 251. By doing so, the photograph can be displayed.

写真選択領域251には、そのプレイで撮影されて得られた撮影画像が表示される。ユーザは、これらのうち表示させたいものを選択する操作を行うことができる。 In the photograph selection area 251, a photographed image obtained by photographing the play is displayed. The user can perform an operation of selecting one of these to be displayed.

ここで、写真選択領域251には、一発指定ボタン252が配置されている。一発指定ボタン252は、写真選択領域251で選択候補となっている撮影画像をシャッフルして、テンプレート画像263の中の撮影画像265a,265bを表示させる領域に当てはめることができるボタンである。すなわち、テンプレート画像263に対応して表示させる複数の撮影画像を選択する必要があるときに、ユーザは、一発指定ボタン252を操作することで、すぐに、各撮影画像を指定することができる。なお、一発指定ボタン252を操作して指定できた撮影画像が適切でない場合には、繰り返し一発指定ボタン252を操作することで、容易に、撮影画像の再選択及び再配置を行うことができる。 Here, a one-shot designation button 252 is arranged in the photo selection area 251. The one-shot designation button 252 is a button that can be applied to the area where the captured images 265a and 265b in the template image 263 are displayed by shuffling the captured images that are selection candidates in the photo selection area 251. That is, when it is necessary to select a plurality of captured images to be displayed corresponding to the template image 263, the user can immediately specify each captured image by operating the one shot designation button 252. .. If the shot image that can be designated by operating the one shot designation button 252 is not appropriate, the shot images can be easily reselected and rearranged by repeatedly operating the one shot designation button 252. it can.

また、写真選択画面260では、撮影画像が表示されている領域の1つを選択している状態で、切り取り画面140において行う操作と同様に、ズームバー267をスライドさせたり撮影画像のパン操作を行ったりすることで、元の撮影画像のうち、当該領域中に表示させる領域を変更することができる。 Further, in the photo selection screen 260, with one of the areas where the captured image is displayed being selected, the zoom bar 267 is slid or the captured image is panned similarly to the operation performed in the cut screen 140. By doing so, it is possible to change the area of the original captured image to be displayed in the area.

なお、本実施の形態において、選択されている領域には、当初、アイコン367が表示される。ユーザは、アイコン367を見ることで、その領域の画像についてパン操作を行えることを容易に知ることができる。 In the present embodiment, the icon 367 is initially displayed in the selected area. By looking at the icon 367, the user can easily know that the pan operation can be performed on the image in the area.

図50は、「簡単コラージュ」のデザインが選択されているときの写真選択画面260を示す第2の図である。 FIG. 50 is a second diagram showing the photograph selection screen 260 when the “simple collage” design is selected.

図50においては、図49に示されるような撮影画像265aが選択されている状態において、その撮影画像265aが操作されたときの状態が示されている。すなわち、図49に示されているように、撮影画像265aが配置された直後には、それが編集対象として選択されていれば、アイコン367が表示されている。この状態で、ユーザにより撮影画像265aにタッチする操作が行われると、アイコン367は消去される。 50 shows a state in which the photographed image 265a is operated while the photographed image 265a as shown in FIG. 49 is selected. That is, as shown in FIG. 49, immediately after the photographed image 265a is arranged, the icon 367 is displayed if it is selected as an editing target. In this state, when the user touches the captured image 265a, the icon 367 is deleted.

図51は、図50に示されている状態からズームバー267を操作した結果の一例を示す図である。 FIG. 51 is a diagram showing an example of the result of operating the zoom bar 267 from the state shown in FIG.

図51に示されるように、撮影画像265aの領域が選択されている状態で、ズームバー267が画像を拡大する方向に操作されると、撮影画像265aがデザイン表示領域261に対して拡大されて表示される。また、撮影画像265aをデザイン表示領域261に対して移動させるパン操作が行われたときにも、随時表示が更新され、撮影画像265aとして表れる範囲が変化する。これにより、デザイン表示領域261にテンプレート画像263と共に撮影画像265a,265bを表示させて、所望のコラージュ画像が得られるように確認しながら、容易に、撮影画像265a,265bの表示を調整することができる。 As shown in FIG. 51, when the zoom bar 267 is operated in the direction in which the image is enlarged while the area of the photographed image 265a is selected, the photographed image 265a is enlarged and displayed in the design display area 261. To be done. Also, when a pan operation for moving the captured image 265a with respect to the design display area 261 is performed, the display is updated at any time, and the range displayed as the captured image 265a changes. This allows the photographed images 265a and 265b to be displayed together with the template image 263 in the design display area 261, and the display of the photographed images 265a and 265b can be easily adjusted while confirming that a desired collage image can be obtained. it can.

図52は、「簡単コラージュ」のデザインが選択されているときのコラージュ画面280を示す図である。 FIG. 52 is a diagram showing the collage screen 280 when the “simple collage” design is selected.

図52においても、基本的には図48を用いて説明したものと同様にコラージュ画面280が表示されて、画像を編集可能である。簡単コラージュのコラージュ画像の作成時において、写真選択画面260からコラージュ画面280に遷移すると、コラージュ領域281には、写真選択画面260で決定ボタン277が操作されたときに生成された画像が表示される。すなわち、コラージュ領域281には、生成されるコラージュ画像に対応するプレビュー表示が表示される。 Also in FIG. 52, the collage screen 280 is basically displayed in the same manner as described with reference to FIG. 48, and the image can be edited. When transitioning from the photo selection screen 260 to the collage screen 280 when creating the collage image of the simple collage, the image generated when the enter button 277 on the photo selection screen 260 is operated is displayed in the collage area 281. .. That is, in the collage area 281, a preview display corresponding to the generated collage image is displayed.

なお、コラージュ領域281には、写真選択画面260を経て内容が確定された画像に対応する、撮影画像265a,265bやテンプレート画像263が含まれる撮影画像レイヤ(テンプレート画像263の表示レイヤと、撮影画像265a,265bを含む表示レイヤとを重ねたもの)と、その上側に表示される編集レイヤとが重ねられた画像が表示される。撮影画像レイヤには、上述のようにして生成されたベース画像が表示される。コラージュ画面280において落書きが行われると、落書きは、編集レイヤに追加される。撮影画像レイヤの画像についてフィルタ加工などの画像処理が適用される場合には、加工濃度調整部285を操作することで、その濃度調整を行うことができるが、これに限られるものではない。 It should be noted that the collage area 281 includes photographed image layers (captured images of the template image 263 and the display layer of the template image 263) including the photographed images 265a and 265b and the template image 263 corresponding to the image of which the content is confirmed through the photo selection screen 260. An image in which a display layer including 265a and 265b is overlapped with an edit layer displayed on the upper side is displayed. The base image generated as described above is displayed on the captured image layer. When graffiti is drawn on the collage screen 280, the graffiti is added to the editing layer. When image processing such as filter processing is applied to the image of the captured image layer, the density adjustment can be performed by operating the processing density adjustment unit 285, but the present invention is not limited to this.

なお、上述のフリーコラージュの作成時と異なり、この場合のコラージュ画面280において、パレット115を用いた撮影画像を用いた機能(上述のような型抜きにより生成される撮影画像スタンプを利用可能とする機能など)は行うことができず、単に、所定の図形や文字などをスタンプとしてコラージュ領域281に配置したり、コラージュ領域281にペンを用いて文字や図形を書き込んだりすることができるのみとなっているが、これに限られるものではない。 Note that, unlike the above-described creation of the free collage, the function of using the captured image using the palette 115 on the collage screen 280 in this case (the captured image stamp generated by die cutting as described above can be used. Functions and the like) cannot be performed, and it is only possible to arrange a predetermined figure or character as a stamp in the collage area 281, or to write a character or figure in the collage area 281 using a pen. However, it is not limited to this.

コラージュ領域281への落書きが終了すると、ユーザは、編集終了ボタンを操作したり、復帰ボタン158を操作したりする。これにより、コラージュの生成が終了する。 When the scribbling on the collage area 281 is completed, the user operates the edit end button or the return button 158. This completes the generation of the collage.

このように、コラージュ作成時においても、切り取り画作成時と同様に、濃度調整を行えるように構成されている。なお、例えば簡単コラージュが行われる場合において、写真選択画面260で選択された写真について、上述のようなぼかし編集を行うことができるようにしてもよい。 In this way, even when creating a collage, the density can be adjusted in the same manner as when creating a cutout image. It should be noted that, for example, when a simple collage is performed, the blur selection as described above may be performed on the photo selected on the photo selection screen 260.

[実施の形態における効果] [Effects of Embodiment]

本実施の形態では、次のような効果が得られる。 In this embodiment, the following effects can be obtained.

第1として、従来、例えば携帯端末などを用いて活用できる画像を得たいというようなユーザのニーズがある。このようなニーズに応じて、写真シール作成装置を利用して、ユーザが、デザイン性が高い画像や意図する通りの画像のようなユーザにとって魅力的な画像を生成できると、ユーザの満足度が向上する。すなわち、一例として、写真シール作成装置を利用して作成した画像をSNS等のウェブサービスに投稿する場合、画像においてユーザ自身の顔は明瞭に表示させつつ、他ユーザの顔は、隠したり不明瞭な表示に留めたりしたいというようなニーズがある。画像に他ユーザの顔が明瞭に表示されている場合には、画像の利用についてその他ユーザの意向を尊重する必要があるからである。また、画像を部分的に強調して落書き編集を行いたいというようなニーズがある。 Firstly, conventionally, there is a user's need to obtain an image that can be utilized by using, for example, a mobile terminal. If a user can generate an image that is attractive to the user, such as a highly designed image or an image as intended, by using the photograph sticker creating device according to such needs, the user's satisfaction will be improved. improves. That is, as an example, when posting an image created using the photo sticker creating device to a web service such as SNS, the user's face is clearly displayed in the image, while the faces of other users are hidden or unclear. There is a need such as wanting to keep it displayed. This is because when the face of another user is clearly displayed in the image, it is necessary to respect other users' intentions regarding the use of the image. In addition, there is a need to perform graffiti editing by emphasizing an image partially.

上述のような場合には、例えばユーザ自身の部分のみを明瞭にしつつ他の部分をぼかしたり、落書き編集を行わない部分などを部分的にぼかしたりするなど、画像に効果的にぼかしを適用することで魅力的な画像を生成できると、ユーザの満足度が向上する。しかしながら、従来、このように効果的なぼかしを適用することができる写真シール作成装置はなかった。上述のようなニーズに対しては、ペンやスタンプなどの落書きを行って、所望の部分を隠す編集作業などが行われており、それにより作成された画像は、魅力的に見えない画像となる場合があるという問題があった。 In the above case, blurring is effectively applied to an image, for example, blurring other portions while clarifying only the user's own portion, or partially blurring portions that do not undergo graffiti editing. If an attractive image can be generated in this way, user satisfaction is improved. However, heretofore, there has been no photo sticker creating apparatus capable of applying such effective blurring. In response to the needs described above, graffiti such as pens and stamps are used to carry out editing work to hide desired parts, and the images created by them become unattractive images. There was a problem that sometimes.

これに対して、本実施の形態では、例えば切り取り画の作成時において、ぼかし編集画面を用いて、例えばフォーカス領域とその外側のぼかし領域とを含む画像など、魅力的な画像を生成できるようになる。この場合、フォーカス領域の位置、大きさ、形状等は適宜ユーザの操作に応じて変更可能である。したがって、ユーザが、自身がイメージするぼかしを施した魅力的な画像を生成することができ、写真シール作成装置を利用したプレイや、写真シール遊戯システムを利用したプレイの魅力を向上させることができる。 On the other hand, in the present embodiment, for example, when creating a cutout image, it is possible to generate an attractive image, such as an image including a focus area and a blur area outside the focus area, by using the blur editing screen. Become. In this case, the position, size, shape, etc. of the focus area can be changed appropriately according to the user's operation. Therefore, the user can generate an attractive image with a blur that he/she imagines, and the attractiveness of the play using the photo sticker creating device and the play using the photo sticker playing system can be improved. ..

ぼかし編集画面では、ユーザの操作に応じて、プレビュー画像が更新される。したがって、ユーザは、完成状態をイメージしながらぼかし編集を行うことができ、プレイするユーザの満足度が向上する。 On the blurring edit screen, the preview image is updated according to the user's operation. Therefore, the user can perform blurring editing while imagining the completed state, and the satisfaction of the user who plays is improved.

ぼかし編集画面は、切り取り画面でトリム後画像が生成された後に表示される。したがって、最終的な切り取り画像のイメージをプレビュー画像で確認しながら、効果的にぼかし編集を行うことができる。すなわち、切り取り範囲や切り取り対象の写真が決定される前(切り取り操作前)には、ぼかした後のイメージをユーザが把握することが困難であり、ぼかし編集操作を容易に行うことができない。また、切り取り画面において切り取り範囲の設定と同時にぼかしについての編集操作を行おうとすると、切り取り画面について写真画像を移動させる操作と、フォーカス領域を移動させる操作とを区別するためにユーザに多くの操作を要求する必要があり、操作性が悪く、煩雑なものとなる。これに対して、本実施の形態では、一旦トリム後画像を生成した後に、そのトリム後画像について、プレビュー画像を表示しながらぼかし編集操作が受け付けられるので、ユーザは容易にぼかし編集を行うことができる。 The blurring edit screen is displayed after the trimmed image is generated on the cut screen. Therefore, it is possible to effectively perform blurring editing while confirming the final cut-out image on the preview image. That is, it is difficult for the user to grasp the image after blurring before the trimming range and the photograph to be trimmed are determined (before the trimming operation), and the blurring editing operation cannot be easily performed. In addition, if an edit operation for blurring is attempted at the same time as setting the cut range on the cut screen, many operations are required for the user to distinguish the operation of moving the photographic image and the operation of moving the focus area on the cut screen. It is necessary to request, the operability is bad, and it becomes complicated. On the other hand, in the present embodiment, after the trimmed image is once generated, the blurring editing operation is accepted for the trimmed image while displaying the preview image, so that the user can easily perform the blurring editing. it can.

また、ぼかし編集画面は、切り取り画面でフィルタ加工等の種々の加工処理が適用された後のトリム後画像について表示され、ぼかし編集が受け付けられる。したがって、ぼかし編集に際してはぼかしの編集に関するレイヤ(ぼかしレイヤ及びマスクレイヤ)とトリム後画像レイヤとを扱い、ぼかし編集後はぼかし処理及びその他の加工処理が適用された画像のレイヤを扱えばよく、写真シール作成装置において比較的単純な処理が行われるだけで済む。すなわち、ぼかし編集を行った後に、ぼかしを適用する前の明瞭な画像を用いて行う必要のある画像処理を行えるようにするには、ぼかしの編集に関するレイヤと、ぼかし適用前の画像のレイヤとのレイヤ構成を維持したままとする必要があり、写真シール作成装置における処理負担が比較的大きくなる。これに対して、本実施の形態では、上述のように、写真シール作成装置の処理負担を比較的小さく抑えることができる。 In addition, the blurring edit screen is displayed for the trimmed image after various processing processes such as filter processing are applied on the cut screen, and the blurring edit is accepted. Therefore, in blurring editing, layers related to blurring editing (blurring layer and mask layer) and trimmed image layers may be handled, and after blurring editing, layers of images to which blurring processing and other processing processing has been applied may be handled. Only a relatively simple process needs to be performed in the photo sticker creating apparatus. That is, in order to be able to perform the image processing that needs to be performed using the clear image before applying the blur after performing the blur editing, the layer related to the blur editing and the layer of the image before the blur application are performed. It is necessary to maintain the layer structure of No. 3, and the processing load on the photograph sticker creating apparatus becomes relatively large. On the other hand, in the present embodiment, as described above, the processing load on the photograph sticker creating apparatus can be kept relatively small.

第2として、上述のようなユーザのニーズに応じて、例えば、フィルタ加工等の種々の画像処理を適用することで魅力的な画像を生成できると、ユーザの満足度が向上する。しかしながら、従来、このようなフィルタ加工等の画像処理は、元の画像にかかわらず、一様な程度でその画像に適用されるのが通常であった。他方、元の画像として、被写体の違いやその他環境の違いなどの要因により、多様なものが処理対象となる。そのため、次のような問題点があった。 Secondly, if an attractive image can be generated by applying various kinds of image processing such as filter processing according to the needs of the user as described above, user satisfaction is improved. However, conventionally, such image processing such as filter processing is usually applied to the image to a uniform degree regardless of the original image. On the other hand, as the original image, various objects are processed due to factors such as a difference in subject and a difference in environment. Therefore, there were the following problems.

すなわち、元の画像の写りとして、例えば、被写体(ユーザなど)の顔が比較的明るく写る第1の場合と、顔が比較的暗く写る第2の場合とを想定する。このような違いは、例えば、被写体の肌の色や化粧の色の違いなどにより生じることがある。このような画像に対して、例えばハイキー調の画像に加工するようなフィルタ加工を行うと、第2の場合については良好な結果が得られるが、第1の場合については被写体の顔の部分などが白飛びし、階調が失われることがある。他方、例えば暗調の画像に加工するようなフィルタ加工を行うと、第1の場合については良好な結果が得られるが、第2の場合については被写体の顔の色の部分などが黒くつぶれ、階調が失われることがある。 That is, as the original image, for example, a first case in which the face of a subject (such as a user) is relatively bright and a second case in which the face is relatively dark are assumed. Such a difference may occur due to, for example, a difference in skin color or makeup color of the subject. If such an image is subjected to filter processing such as processing into a high-key tone image, good results are obtained in the second case, but in the first case, the face portion of the subject, etc. May be overexposed and the gradation may be lost. On the other hand, for example, when a filter process for processing a dark image is performed, a good result is obtained in the first case, but in the second case, the face color portion of the subject is blackened, Gradation may be lost.

このような問題に対して、フィルタ加工を構成する様々な画像処理を個別に調整することは、複数の画像処理の調和を維持するという点や、速やかに操作を行う必要があるという点で、困難である。 For such a problem, individually adjusting various image processings that constitute the filter processing is that the harmony of a plurality of image processings is maintained and that it is necessary to perform the operation promptly. Have difficulty.

図53は、従来のフィルタ加工の例について説明する図である。 FIG. 53 is a diagram illustrating an example of conventional filter processing.

例えば、図53においては、元画像に対して、彩度の調整と、テクスチャのソフトライト合成とを行うフィルタ加工が適用される場合が示されている。すなわち、元画像に対して(S901)、彩度をマイナス30パーセントにする処理が施される(S902)。そして、処理後の画像に対して、右上から左下にかけてレインボーカラーとなるテクスチャ(S903)を、ソフトライト100パーセントで合成すると、フィルタ加工が施された画像が得られる(S904)。このようなフィルタ加工について、彩度の調整処理と合成処理とを個別に設定し、バランスが取れた加工後の画像を得るのは、容易ではなく、かつ、時間がかかる。 For example, in FIG. 53, a case is shown in which filter processing that performs saturation adjustment and texture soft light synthesis is applied to the original image. That is, the original image is processed (S901) to reduce the saturation by 30% (S902). Then, a rainbow-colored texture (S903) from the upper right to the lower left of the processed image is combined with 100% of the soft light, and an image subjected to the filter processing is obtained (S904). Regarding such filter processing, it is not easy and time-consuming to individually set the saturation adjustment processing and the synthesis processing to obtain a balanced processed image.

このような問題点に対して、本実施の形態では、例えば切り取り画の作成時において上述のような濃度調整を行うことにより、ユーザは、撮影画像と、適用したいフィルタ加工との関係に応じて、所望のフィルタ加工結果が得ることができる。具体的には、例えば、ハイキー調のフィルタ加工を適用するときに、初期状態ではユーザの顔が白飛びしてしまうような場合には、ユーザは、フィルタ加工の濃度を低くして白飛びを軽減した画像を得ることができる。また、比較的暗調のフィルタ加工155を適用するときに、初期状態では黒つぶれが発生して暗部の階調が乏しくなる場合には、ユーザは、フィルタ加工の濃度を低くして、暗部の階調が維持されるようにした画像を得ることができる。 With respect to such a problem, in the present embodiment, for example, by performing the density adjustment as described above at the time of creating a cutout image, the user can adjust the captured image and the filter processing desired to be applied. The desired filter processing result can be obtained. Specifically, for example, when applying high-key filter processing and the user's face is overexposed in the initial state, the user reduces the density of the filter processing to remove overexposure. A reduced image can be obtained. Further, when applying the filter processing 155 of relatively dark tone, if the blackout occurs in the initial state and the gradation of the dark portion becomes poor, the user lowers the density of the filter processing to reduce the dark area. It is possible to obtain an image in which the gradation is maintained.

上述のような濃度調整を反映するための処理は簡易に行うことができるものであるので、ユーザの操作に応じて、プレビュー表示を速やかに行うことができる。したがって、常にプレビュー画像の表示が行われている状態を維持しながら、さらなるユーザの操作を受け付けることができる。 Since the processing for reflecting the density adjustment as described above can be easily performed, the preview display can be promptly performed according to the user's operation. Therefore, it is possible to accept a further user operation while maintaining the state where the preview image is always displayed.

図54は、本実施の形態におけるフィルタ加工の濃度調整例を説明する図である。 FIG. 54 is a diagram illustrating an example of density adjustment for filter processing according to the present embodiment.

図54においては、上述の図53に示されるような彩度減処理とテクスチャのソフトライト合成とを行うフィルタ加工についての濃度調整範囲が示されている。ステップS923はデフォルトの濃度(例えば、濃度50パーセント)の画像であり、このとき、彩度は元画像からマイナス30パーセントであり、ソフトライト合成は50パーセントである。 FIG. 54 shows the density adjustment range for the filter processing that performs the saturation reduction processing and the soft light composition of the texture as shown in FIG. Step S923 is an image with a default density (for example, a density of 50%), in which case the saturation is -30% from the original image and the soft light composition is 50%.

調整バー187を操作して濃度を減じると、まず、ステップS922に示されるようになる。このとき、彩度がマイナス25パーセントとなり、ソフトライト合成が40パーセントとなる。すなわち、加工の程度が減少する。調整バー187を最も濃度が減少するように(スライダが左端に移動するように)操作すると、ステップS921に示されるように、元画像の状態になる。 When the adjustment bar 187 is operated to reduce the density, first, the step S922 is performed. At this time, the saturation is -25% and the soft light composition is 40%. That is, the degree of processing is reduced. When the adjustment bar 187 is operated so that the density is reduced most (the slider is moved to the left end), the state of the original image is obtained as shown in step S921.

他方、調整バー187を操作して濃度を増加させると、まず、ステップS924に示されるようになる。このとき、彩度がマイナス35パーセントとなり、ソフトライト合成が60パーセントとなる。すなわち、加工の程度が増大する。調整バー187をさらに濃度を増大させるように(スライダが右方に移動するように)操作すると、ステップS925に示されるように、彩度がマイナス45パーセントになり、ソフトライト合成が80パーセントになる。 On the other hand, when the adjustment bar 187 is operated to increase the concentration, first, the step S924 is performed. At this time, the saturation is −35% and the soft light composition is 60%. That is, the degree of processing increases. When the adjustment bar 187 is operated to further increase the density (the slider is moved to the right), the saturation becomes −45% and the soft light composition becomes 80%, as shown in step S925. ..

このように、本実施の形態においては、調整バー187の操作に応じて、これらの複数の画像処理の程度を同時に、バランスを保ったままで調整できる。したがって、ユーザは、限られた時間の中で、調整される画像を見ながら、望みのフィルタ加工が施された画像となるように、調整することができる。 As described above, in the present embodiment, according to the operation of the adjustment bar 187, it is possible to simultaneously adjust the degree of the plurality of image processes while keeping the balance. Therefore, the user can adjust the image to be filtered as desired while looking at the image to be adjusted within a limited time.

[本実施の形態の変型例の説明] [Explanation of Modifications of this Embodiment]

上述の実施の形態において、例えば切り取り画についてぼかしを適用するとき、ぼかし編集画面160でぼかしを編集することができるが、これに限られるものではない。例えば、切り取り画についての落書き編集時に、ぼかしの有無や態様について編集することができるようにしてもよい。このとき、落書き(編集画像)についてぼかし処理の適用対象とするか否かを選択できるようにしてもよい。なお、このような動作は、コラージュ作成時など、他の画像の落書き編集時においても行えるようにしてもよい。 In the above-described embodiment, for example, when applying blur to a cut image, the blur can be edited on the blur editing screen 160, but the present invention is not limited to this. For example, it may be possible to edit the presence/absence of blurring and the mode when the graffiti is edited on the cutout image. At this time, it may be possible to select whether or not to apply the blurring process to the graffiti (edited image). It should be noted that such an operation may be performed even when the graffiti of another image is edited, such as when creating a collage.

図55は、本実施の形態の一変型例に係る写真シール作成装置における切り取り画作成処理を示すフローチャートである。 FIG. 55 is a flowchart showing a cut image creating process in the photograph sticker creating apparatus according to a modification of the present embodiment.

図55に示されるように、本変型例においては、切り取り画面140から(ステップS381)、必要に応じて待機画面を経て(ステップS382)、そのまま切り取り画落書き画面に遷移する(ステップS383)。 As shown in FIG. 55, in this modified example, the cutout screen 140 (step S381), the standby screen as necessary (step S382), and the cutout image graffiti screen are directly displayed (step S383).

図56は、本変型例に係る切り取り画落書き画面180aを示す図である。 FIG. 56 is a diagram showing a cut-out image graffiti screen 180a according to the present modification.

図56に示されるように、切り取り画落書き画面180aは、基本的に、上述の実施の形態における切り取り画落書き画面180と同様の構成を有している。加工濃度調整部185も同様に設けられている。切り取り画落書き画面180aにおいては、ぼかし編集を行うためのぼかしパレット115aが表示される。 As shown in FIG. 56, the cutout graffiti screen 180a basically has the same configuration as the cutout graffiti screen 180 in the above-described embodiment. The processing density adjusting unit 185 is also provided in the same manner. On the cut image graffiti screen 180a, a blur palette 115a for performing blur editing is displayed.

ぼかしパレット115aは、大まかに、ぼかしパターン選択部821と、濃度調整バー823と、範囲調整バー825と、カラー選択部835とを含んでいる。また、ぼかしパレット115aには、対象選択ボタン831(831a,831b)が含まれている。 The blurring palette 115a roughly includes a blurring pattern selecting unit 821, a density adjusting bar 823, a range adjusting bar 825, and a color selecting unit 835. Further, the blur palette 115a includes a target selection button 831 (831a, 831b).

ぼかしパターン選択部821は、上述のぼかしパターン選択部171と同様に、所定の複数のぼかしパターンのいずれかを選択可能に構成されている。選択されたぼかしパターンが、落書き編集中の対象画像181に適用される。 The blur pattern selection unit 821 is configured to be able to select any one of a plurality of predetermined blur patterns, like the blur pattern selection unit 171 described above. The selected blur pattern is applied to the target image 181 during graffiti editing.

濃度調整バー823と範囲調整バー825とは、それぞれ、左右にスライダを動かすことができるように構成されている。濃度調整バー823について調整操作を行うことで、ぼかし処理の程度(あまりぼかさないか、ぼけ量を多くするか)を調整できる。範囲調整バー825について調整操作を行うことで、ぼかしパターンに対応するフォーカス領域の大きさを調整することができる。 The density adjusting bar 823 and the range adjusting bar 825 are respectively configured so that the sliders can be moved left and right. By performing an adjustment operation on the density adjustment bar 823, the degree of blurring processing (whether the blurring is not so much or the blur amount is increased) can be adjusted. By performing an adjustment operation on the range adjustment bar 825, the size of the focus area corresponding to the blur pattern can be adjusted.

カラー選択部835は、複数の色のうちいずれかを選択する操作を受け付ける。色が選択されると、ぼかし領域がその色に色づくように制御が行われる。 The color selection unit 835 receives an operation of selecting any one of a plurality of colors. When a color is selected, control is performed so that the blurred area is colored in that color.

なお、ぼかしパターンが選択されて、ぼかし処理が有効であるとき以外は、ぼかしがあることを前提とした操作受付部(例えば、濃度調整バー823、範囲調整バー825、カラー選択部835,対象選択ボタン831など)は、非表示であったり、操作受付不可能と認識できるように表示されていたりしてもよい。 It should be noted that, except when the blurring pattern is selected and the blurring process is valid, the operation receiving unit (for example, the density adjusting bar 823, the range adjusting bar 825, the color selecting unit 835, the target selecting unit) that assumes that there is blurring is selected. The button 831 or the like) may be hidden or may be displayed so that it can be recognized that the operation cannot be accepted.

図57は、ぼかし編集受付処理を示すフローチャートである。 FIG. 57 is a flowchart showing the blurring edit acceptance process.

図57に示されるように、ステップS291において、切り取り画落書き画面180aの表示中にぼかしパレット115aが選択される。 As shown in FIG. 57, in step S291, the blurring palette 115a is selected while the cutout graffiti screen 180a is displayed.

ステップS292において、パターン選択操作がされたか否かが判断される。操作が行われた場合には、ステップS293において、操作に応じてぼかしが反映される。 In step S292, it is determined whether a pattern selection operation has been performed. When the operation is performed, the blurring is reflected according to the operation in step S293.

ステップS294において、ぼかしが適用中であるか否かが判断される。適用中であれば、ステップS295、ステップS296の処理が行われる。 In step S294, it is determined whether blurring is being applied. If it is being applied, the processes of steps S295 and S296 are performed.

ステップS295において、ぼかし編集操作が受け付けられる。すなわち、ユーザによる、濃度調整バー823、範囲調整バー825、及びカラー選択部835などの操作が受け付けられる。受け付けられた場合には、その操作に応じて、ぼかしが変更される。 In step S295, the blurring edit operation is accepted. That is, the operation of the density adjustment bar 823, the range adjustment bar 825, the color selection unit 835, and the like by the user is accepted. When accepted, the blurring is changed according to the operation.

ステップS296において、対象変更操作が受け付けられる。受け付けられた場合には、その操作に応じて、ぼかし処理の対象が変更される。 In step S296, the target change operation is accepted. When accepted, the target of the blurring process is changed according to the operation.

ステップS297において、プレビュー表示が更新される。 In step S297, the preview display is updated.

ステップS298において、編集終了ボタン195等、画面遷移を伴う操作ボタンが操作されたか否かが判断される。操作が行われると、その操作に応じた画面遷移が行われる。操作が行われるまで、ステップS292以降の処理が繰り返し行われる。 In step S298, it is determined whether an operation button accompanied by screen transition such as the edit end button 195 has been operated. When an operation is performed, a screen transition according to the operation is performed. Until the operation is performed, the processing from step S292 is repeatedly performed.

ここで、対象変更操作に伴うぼかし処理対象の変更処理は、例えば次のようにして行われる。 Here, the changing process of the blurring process target accompanying the target changing operation is performed as follows, for example.

図58は、切り取り画落書き画面180aにおいてプレビュー表示される画像のレイヤ構成を説明する図である。 FIG. 58 is a diagram illustrating a layer configuration of an image preview-displayed on the cut-out image graffiti screen 180a.

図58に示されるように、画像は、下から順に、人物レイヤ812aと、下側ぼかしレイヤ812bと、下側スタンプレイヤ812cと、上側ぼかしレイヤ812dと、上側スタンプレイヤ812eとが重ねられて構成されている。ここで、落書きは、上側スタンプレイヤ812e又は下側スタンプレイヤ812cに配置される。上側ぼかしレイヤ812dと下側ぼかしレイヤ812bとは、いずれか一方が含まれ、2つ同時に表示されることはない。 As shown in FIG. 58, the image is configured by superposing a person layer 812a, a lower blur layer 812b, a lower stamp layer 812c, an upper blur layer 812d, and an upper stamp layer 812e in order from the bottom. Has been done. Here, the graffiti is placed on the upper stamp layer 812e or the lower stamp layer 812c. One of the upper blur layer 812d and the lower blur layer 812b is included, and two are not displayed at the same time.

トリム後画像は、人物レイヤ812aに配置される。人物レイヤ812aは、フィルタ加工の調整機能が行えるようにするため、上述の実施の形態に示されるように2つのレイヤに分かれているが、ここでは1つのレイヤとして表し、調整機能についての説明も省略する。 The trimmed image is arranged on the person layer 812a. The person layer 812a is divided into two layers as shown in the above-described embodiment so that the adjustment function of the filter processing can be performed. Omit it.

図59は、ぼかし処理対象の変更処理について説明する図である。 FIG. 59 is a diagram for explaining the changing process of the blurring process target.

図59において、各ステップのレイヤ構成図は、時系列に並んでいる。落書きが行われない状態で、ぼかし処理が行われた場合を想定する。 In FIG. 59, the layer configuration diagram of each step is arranged in time series. It is assumed that the blurring process is performed without the graffiti.

このとき、ステップS851において、人物レイヤ812aと、下側ぼかしレイヤ812bとが表示されることになる。切り取り画落書き画面180aには、トリム後画像にぼかし処理が適用された状態の画像がプレビュー表示される。 At this time, in step S851, the person layer 812a and the lower blur layer 812b are displayed. On the cut-out image graffiti screen 180a, a preview image of the trimmed image to which the blurring process is applied is displayed.

ステップS852において、落書きが追加される。 In step S852, graffiti is added.

そうすると、ステップS853において、人物レイヤ812aと、下側ぼかしレイヤ812bと、上側スタンプレイヤ812eとが表示される。落書きは、上側スタンプレイヤ812eに配置される。このとき、切り取り画落書き画面180aには、落書きについてぼかし処理が適用されない状態、すなわち人物のみがぼかされた状態の画像がプレビュー表示される。 Then, in step S853, the person layer 812a, the lower blur layer 812b, and the upper stamp layer 812e are displayed. The graffiti is placed on the upper stamp layer 812e. At this time, a preview image is displayed on the cut-out image graffiti screen 180a in a state where the blurring process is not applied to the graffiti, that is, only the person is blurred.

ステップS854において、落書きをぼかし対象に含めるための対象選択ボタン831aが操作される。そうすると、レイヤが移動する。 In step S854, the target selection button 831a for including graffiti as a blurring target is operated. Then, the layer moves.

すなわち、ステップS855において、人物レイヤ812aと、下側スタンプレイヤ812cと、上側ぼかしレイヤ812dとが表示される。ステップS853における下側ぼかしレイヤ812bが上側ぼかしレイヤ812dに移動することで、上側ぼかしレイヤ812dが下側スタンプレイヤ812cに移動するようなレイヤ構成となる。このとき、切り取り画落書き画面180aには、落書きについてもぼかし処理が適用された状態の画像がプレビュー表示される。 That is, in step S855, the person layer 812a, the lower stamp layer 812c, and the upper blur layer 812d are displayed. By moving the lower blur layer 812b to the upper blur layer 812d in step S853, the upper blur layer 812d is moved to the lower stamp layer 812c. At this time, a preview image of the image to which the blurring process has been applied is also displayed on the cutout graffiti screen 180a.

ステップS856において、落書きが追加される。 In step S856, graffiti is added.

そうすると、ステップS857において、人物レイヤ812aと、下側スタンプレイヤ812cと、上側ぼかしレイヤ812dと、上側スタンプレイヤ812eとが表示される。追加された落書きは、上側スタンプレイヤ812eに配置される。このとき、切り取り画落書き画面180aには、ステップS855の画像にぼかし処理が適用されない状態の落書きが行われた画像がプレビュー表示される。すなわち、ステップS852の落書きはぼかし処理され、ステップS856の落書きはぼかし処理がされていない状態の画像が表示される。 Then, in step S857, the person layer 812a, the lower stamp layer 812c, the upper blur layer 812d, and the upper stamp layer 812e are displayed. The added graffiti is placed on the upper stamp layer 812e. At this time, a preview image of the graffiti image in which the blurring process is not applied to the image of step S855 is displayed on the cut-out image graffiti screen 180a. That is, the image of the graffiti in step S852 is displayed with a blurring process, and the image of the graffiti in step S856 is displayed without the blurring process.

ステップS858において、ぼかし対象を人物だけとするための対象選択ボタン831bが操作される。そうすると、レイヤが移動する。 In step S858, the target selection button 831b for limiting the blurring target to only the person is operated. Then, the layer moves.

すなわち、ステップS859において、人物レイヤ812aと、下側ぼかしレイヤ812bと、下側スタンプレイヤ812cとが表示される。ステップS857における上側ぼかしレイヤ812dは下側ぼかしレイヤ812bに移動する。また、下側スタンプレイヤ812cと上側スタンプレイヤ812eとは、合成されて、下側スタンプレイヤ812cとなる。このとき、切り取り画落書き画面180aには、すべての落書きについてぼかし処理が適用されない状態の画像がプレビュー表示される。 That is, in step S859, the person layer 812a, the lower blur layer 812b, and the lower stamp layer 812c are displayed. The upper blur layer 812d in step S857 moves to the lower blur layer 812b. Further, the lower stamp layer 812c and the upper stamp layer 812e are combined to form the lower stamp layer 812c. At this time, a preview image of the state in which the blurring process is not applied to all the graffiti is displayed on the cutout graffiti screen 180a.

ステップS860において、落書きをぼかし対象に含めるための対象選択ボタン831aが操作される。そうすると、レイヤが移動する。 In step S860, the target selection button 831a for including graffiti as a blurring target is operated. Then, the layer moves.

すなわち、ステップS861において、人物レイヤ812aと、下側スタンプレイヤ812cと、上側ぼかしレイヤ812dとが表示される。ステップS859における下側ぼかしレイヤ812bが上側ぼかしレイヤ812dに移動する。このとき、切り取り画落書き画面180aには、すべての落書きについてもぼかし処理が適用された状態の画像がプレビュー表示される。 That is, in step S861, the person layer 812a, the lower stamp layer 812c, and the upper blurring layer 812d are displayed. The lower blur layer 812b in step S859 moves to the upper blur layer 812d. At this time, a preview image of the state in which the blurring process is applied to all the graffiti is displayed on the cutout graffiti screen 180a.

なお、ぼかしの対象は、初期状態で、そのときの落書きの状況に応じて、自動的に選択されるように構成されている。すなわち、落書きがされていない状態でぼかしパレット115aが表示されたときには、人物だけが対象にぼかし処理が行われるように選択される。他方、落書きがされている状態でぼかしパレット115aが表示されたときには、落書きも含めてぼかし処理が行われるように選択される。なお、このような処理は、必ずしも行われなくてもよいし、これと異なる処理が自動的に行われるようにしてもよい。落書きの状態にかかわらず、常に人物だけが対象になるように構成されていてもよい。 It should be noted that the target of blurring is configured to be automatically selected in the initial state according to the situation of the graffiti at that time. That is, when the blurring palette 115a is displayed without the graffiti, only the person is selected to be subjected to the blurring processing. On the other hand, when the blur pallet 115a is displayed in the state of being scribbled, it is selected to perform the blurring process including the scribble. Note that such processing may not necessarily be performed, and processing different from this may be automatically performed. It may be configured so that only the person is always targeted regardless of the state of the graffiti.

このように、本変型例においては、切り取り画落書き画面180aにおいて落書きとぼかしとを両方編集することができる。また、ぼかし処理の対象を人物だけにするか落書きを含めるかも、落書きの編集を行っている途中で、適宜選択し、変更できる。これらの操作は、プレビュー画像を確認しながら行うことができる。したがって、より多様なぼかし処理を加えた、ユーザにとって魅力的な画像を、容易に作成することができるようになる。 As described above, in this modified example, both the graffiti and the blur can be edited on the cutout graffiti screen 180a. In addition, whether the target of the blurring process is only the person or the graffiti is included can be appropriately selected and changed while the graffiti is being edited. These operations can be performed while checking the preview image. Therefore, it becomes possible to easily create an image that is more attractive to the user and that is subjected to more diverse blurring processing.

[その他] [Other]

写真シール作成装置は、上述の実施の形態における各特徴点をすべて有するものでなくてもよく、一部の特徴点のみを有するものであってもよい。そのように構成された写真シール作成装置であっても、その特徴点を有することに応じた効果を得ることができる。 The photograph sticker creating apparatus may not have all the feature points in the above-described embodiment, but may have only some feature points. Even with the photographic sticker creating apparatus having such a configuration, it is possible to obtain an effect according to having the characteristic points.

写真シール作成装置の制御部は、ぼかし編集時において、トリム後画像などの写真画像のうち、人物の所定の部位がある領域(例えば顔部分)を認識可能であってもよい。このとき、認識された領域の位置や大きさに応じて、フォーカス領域の位置や大きさが自動的に選択されるようにしてもよい。これにより、容易にぼかし編集を行うことができる。 The control unit of the photograph sticker creating apparatus may be capable of recognizing a region (for example, a face portion) having a predetermined part of a person in a photographic image such as a trimmed image during blurring editing. At this time, the position and size of the focus area may be automatically selected according to the position and size of the recognized area. As a result, blurring editing can be easily performed.

一旦ぼかし編集が行われた後で、画像について回転操作が行われた時には、フォーカス領域もそれに伴って回転するようにしてもよい。 The focus area may be rotated along with the rotation operation performed on the image after the blurring edit is performed once.

ぼかしパターン、すなわちフォーカス領域の形状は、ぼかし編集画面において選択可能でなくてもよく、適宜、制御部により自動的に選択されるようにしてもよい。このとき、制御部は、適用対象となる画像の属性(例えば、画像がアップ画像であるか、全身画像であるか、など)に応じて、予め設定されている複数種類のぼかしパターンから一のものを自動的に選択するようにしてもよい。 The blurring pattern, that is, the shape of the focus area may not be selectable on the blurring edit screen, and may be automatically selected by the control unit as appropriate. At this time, the control unit selects one of a plurality of preset blur patterns according to the attribute of the image to be applied (for example, whether the image is a close-up image or a full-body image). You may make it select a thing automatically.

なお、上述のぼかし編集機能と同様にして、例えばモザイクやフィルタ加工等、他の種の画像加工について、次のような処理を行うようにしてもよい。すなわち、指定した範囲の第1の領域とその周囲の第2の領域とで異なる効果を施す加工(画像処理)を行う場合において、加工を行うためのレイヤと、アルファチャンネルのデータが配置されたマスクレイヤとを用いることで、第1の領域と第2の領域とを区別したり、第1の領域の位置や大きさ等を変更したりすることができるようにしてもよい。これにより、第1の領域の位置指定操作や大きさ変更操作が行われる度に元の画像の処理を行う必要はなくなり、追従性の高いプレビュー表示を行うことができる。 Note that, similar to the blurring editing function described above, the following processing may be performed for other types of image processing such as mosaic processing and filter processing. That is, when processing (image processing) that applies different effects to the first area in the specified range and the second area around it is performed, the layer for processing and the alpha channel data are arranged. By using the mask layer, the first region and the second region may be distinguished from each other, and the position, size, etc. of the first region may be changed. As a result, it is not necessary to process the original image every time the position specifying operation or the size changing operation of the first area is performed, and it is possible to perform preview display with high followability.

切り取り画作成やコラージュ作成に際しては、切り取り画面等に表示される画像と、実際にユーザが取得する画像(例えば、写真シール作成装置からサーバに送信される画像)とが異なっていてもよい。具体的には、例えば次のようにすればよい。すなわち、切り取り画面等には画素数の少ない(ディスプレイの解像度等に応じたサイズの)表示用画像を元画像として表示させて切り取り範囲の調整や、フィルタ加工やぼかしの適用等を行えるようにする。切り取りが実行されるときや、適用するぼかしが決定されたときにおいては、表示用画像について設定された切り取り範囲に対応する範囲や、決定された処理態様で、表示用画像に対応する、より画素数の多い画像について切り取り処理や画像処理を行う。そして、切り取り後の画像を、適宜、所定の大きさ(画素数)に縮小する処理を行う。このような処理を行うことで、特にぼかしの非適用領域について解像感が高い、細かな画質の画像を作成することができる。 When creating a cutout image or a collage, the image displayed on the cutout screen or the like may be different from the image actually acquired by the user (for example, the image transmitted from the photo sticker creating apparatus to the server). Specifically, for example, the following may be done. That is, a display image with a small number of pixels (a size corresponding to the resolution of the display) is displayed as an original image on a cut screen or the like, so that the cut range can be adjusted, filter processing or blurring can be applied. .. When cropping is performed or when the blur to be applied is determined, the range corresponding to the cropping range set for the display image or the determined processing mode, the more pixels corresponding to the display image are selected. Crop processing and image processing are performed on a large number of images. Then, the cut image is appropriately reduced to a predetermined size (number of pixels). By performing such processing, it is possible to create an image with fine image quality, which has a high sense of resolution particularly in the non-blurring application area.

切り取り画の生成時やコラージュの生成時の処理において撮影画像を用いるときには、撮影画像をそのまま用いて処理を行ってもよいし、撮影画像について画像処理や切り取り等を行った後の画像(撮影画像に基づく画像)を用いて処理を行ってもよい。 When a captured image is used in the process of generating a cutout image or a collage, the captured image may be used as it is, or the image after the image processing or the cutout of the captured image (the captured image May be used for processing.

コラージュの作成時におけるデザインは、上述のような所定の選択画面において選択可能でなくてもよく、適宜、プレイ時の種々の条件に応じて制御部により自動的に選択されたり、ランダムに制御部により自動的に選択されたりしてもよい。 The design at the time of creating the collage does not have to be selectable on the predetermined selection screen as described above, and is automatically selected by the control unit according to various conditions at the time of playing, or randomly at the control unit. May be automatically selected by.

生成された切り取り画やコラージュ画像等は、サーバに送信されず、他の方法でユーザに提供されるようにしてもよい。例えば、ユーザの携帯電話と写真シール作成装置が有線通信又は無線通信で直接通信することでユーザに画像が提供されるようにしてもよいし、可搬性のある記録媒体などを用いることでユーザに提供されるようにしてもよい。 The generated cutout image, collage image, etc. may be provided to the user by another method without being transmitted to the server. For example, the image may be provided to the user by directly communicating with the user's mobile phone and the photograph sticker creating apparatus by wired communication or wireless communication, or by using a portable recording medium or the like, the image may be provided to the user. It may be provided.

本発明は、写真シール作成装置に限られず、撮像した写真を用いて加工画像をユーザに提供する写真撮影遊戯装置やそれを備える装置に広く適用可能である。 INDUSTRIAL APPLICABILITY The present invention is not limited to the photograph sticker creating apparatus, but can be widely applied to a photography game apparatus that provides a processed image to a user using a photographed image and an apparatus including the same.

上述の実施の形態における処理は、ソフトウェアによって行っても、ハードウェア回路を用いて行ってもよい。 The processing in the above-described embodiments may be performed by software or a hardware circuit.

上述の実施の形態における処理を実行するプログラムを提供することもできるし、そのプログラムをCD−ROM、フレキシブルディスク、ハードディスク、ROM、RAM、メモリカードなどの記録媒体に記録してユーザに提供することにしてもよい。プログラムはインターネットなどの通信回線を介して、装置にダウンロードするようにしてもよい。上記のフローチャートで文章で説明された処理は、そのプログラムに従ってCPUなどにより実行される。 It is possible to provide a program for executing the processing in the above-described embodiment, or to record the program in a recording medium such as a CD-ROM, a flexible disk, a hard disk, a ROM, a RAM, or a memory card and provide it to the user. You may The program may be downloaded to the device via a communication line such as the Internet. The processing described in the text of the above flowchart is executed by the CPU or the like according to the program.

上記実施の形態は、すべての点で例示であって制限的なものではないと考えられるべきである。本発明の範囲は上記した説明ではなくて特許請求の範囲によって示され、特許請求の範囲と均等の意味及び範囲内でのすべての変更が含まれることが意図される。 It should be considered that the above-described embodiments are illustrative in all points and not restrictive. The scope of the present invention is shown not by the above description but by the claims, and is intended to include meanings equivalent to the claims and all modifications within the scope.

1 写真シール作成装置(写真撮影遊戯装置の一例)
100 落書き編集画面
140 切り取り画面
160 ぼかし編集画面
180,180a 切り取り画落書き画面
220 デザイン選択画面
260 写真選択画面
280 コラージュ画面
281 コラージュ領域
501 制御部
502 CPU
503 メモリ
504 画像処理部
505 記憶部
507 制御プログラム
509 通信部
515 カメラ
570 編集出力装置
575 シール排出口
580 編集受付部
581 編集モニタ
583 タッチペン
585 非接触通信装置
587 スピーカ
590 印刷部
601 画像提供サーバ
701 携帯端末
901 写真シール遊戯システム
1 Photo sticker creation device (an example of a photo shooting game device)
100 graffiti edit screen 140 cut screen 160 blur edit screen 180, 180a cut image graffiti screen 220 design selection screen 260 photo selection screen 280 collage screen 281 collage area 501 control unit 502 CPU
503 memory 504 image processing unit 505 storage unit 507 control program 509 communication unit 515 camera 570 editing output device 575 sticker outlet 580 editing receiving unit 581 editing monitor 583 touch pen 585 non-contact communication device 587 speaker 590 printing unit 601 image providing server 701 mobile phone Terminal 901 Photo sticker game system

Claims (4)

カメラにより撮影して得た写真画像を用いて生成した提供画像をユーザに提供する写真撮影遊戯装置であって、
前記カメラにより撮影して得られた複数の写真画像を表示し、そのうち前記提供画像の生成に用いる写真画像を選択する写真選択手段と、
前記写真選択手段により選択された写真画像に施す加工処理に関するユーザの操作を受け付け、受け付け結果に基づいて前記加工処理を行う加工手段と、
前記加工処理に関するユーザの操作の後、前記加工手段による前記加工処理が施された前記写真画像に対して部分的に適用されるぼかし処理に関するユーザの操作を受け付け、受け付け結果に基づいて前記ぼかし処理を行うぼかし手段と、
前記ぼかし処理に関するユーザの操作の後、前記ぼかし手段による前記ぼかし処理が施された前記写真画像に適用される落書き編集処理に関するユーザの操作を受け付け、受け付け結果に基づいて前記落書き編集処理を行う落書き編集手段と、
前記加工手段前記ぼかし手段、および前記落書き編集手段による処理結果に基づいて前記提供画像を生成する生成手段とを備え、
前記加工処理に関するユーザの操作は、前記写真画像の切り取り範囲の操作、前記写真画像の拡縮操作、前記写真画像の回転操作、及び前記写真画像に適用する複数の画像処理の組み合せを行うフィルタ加工の種類選択操作の少なくともいずれかの操作を含む、写真撮影遊戯装置。
A photography game device for providing a user with a provided image generated using a photographic image obtained by shooting with a camera,
A plurality of photographic images obtained by shooting with the camera are displayed, and a photographic selecting unit that selects a photographic image used to generate the provided image,
A processing unit that receives a user operation relating to a processing process to be performed on the photographic image selected by the photograph selecting unit, and performs the processing process based on the reception result;
After the user's operation related to the processing, the user's operation related to the blur processing partially applied to the photo image processed by the processing unit is accepted, and the blur processing is performed based on the reception result. Blurring means to do
After the user's operation related to the blurring process, the user's operation related to the graffiti editing process applied to the blurring-processed photo image by the blurring unit is accepted, and the graffiti editing process is performed based on the acceptance result. Editing means,
A processing unit , the blurring unit , and a generation unit that generates the provided image based on a processing result by the graffiti editing unit ,
The operation of the user regarding the processing is a filter processing that performs a combination of a cutting range of the photographic image, a scaling operation of the photographic image, a rotation operation of the photographic image, and a plurality of image processings applied to the photographic image. A photography game device including at least one operation of type selection operation.
前記ぼかし手段は、
複数のぼかしパターンをユーザに選択可能に提示する提示手段と、
ユーザによる、前記複数のぼかしパターンのうち適用するものを選択する操作を受け付けるぼかしパターン選択手段とを有し、
複数のぼかしパターンは、ぼかしを適用しない特定領域を前記写真画像の一部に含むぼかしパターンを含む、請求項1に記載の写真撮影遊戯装置。
The blurring means is
Presentation means for presenting a plurality of blur patterns to the user in a selectable manner,
A blur pattern selecting means for accepting an operation of selecting one of the plurality of blur patterns to be applied by the user,
A plurality of blurred patterns, the specific region is not applied URN lend including blurring pattern that includes a portion of the photographic image, photographic game apparatus according to claim 1.
カメラにより撮影して得た写真画像を用いて生成した提供画像をユーザに提供する写真撮影遊戯装置の制御方法であって、
前記カメラにより撮影して得られた複数の写真画像を表示し、そのうち前記提供画像の生成に用いる写真画像を選択する写真選択ステップと、
前記写真選択ステップで選択された写真画像に施す加工処理に関するユーザの操作を受け付け、受け付け結果に基づいて前記加工処理を行う加工ステップと、
前記加工処理に関するユーザの操作の後、前記加工ステップで前記加工処理が施された前記写真画像に対して部分的に適用されるぼかし処理に関するユーザの操作を受け付け、受け付け結果に基づいて前記ぼかし処理を行うぼかしステップと、
前記ぼかし処理に関するユーザの操作の後、前記ぼかしステップによる前記ぼかし処理が施された前記写真画像に適用される落書き編集処理に関するユーザの操作を受け付け、受け付け結果に基づいて前記落書き編集処理を行う落書き編集ステップと、
前記加工ステップ前記ぼかしステップ、及び前記落書き編集ステップによる処理結果に基づいて前記提供画像を生成する生成ステップとを備え、
前記加工処理に関するユーザの操作は、前記写真画像の切り取り範囲の操作、前記写真画像の拡縮操作、前記写真画像の回転操作、及び前記写真画像に適用する複数の画像処理の組み合せを行うフィルタ加工の種類選択操作の少なくともいずれかの操作を含む、写真撮影遊戯装置の制御方法。
A control method for a photography game device for providing a user with a provided image generated by using a photographic image obtained by shooting with a camera,
A plurality of photographic images obtained by shooting with the camera, a photo selecting step of selecting a photographic image to be used for generating the provided image;
A processing step of accepting a user operation regarding a modification process to be applied to the photo image selected in the photo selection step, and performing the modification process based on the acceptance result;
After the user operation related to the processing process, the user operation related to the blurring process partially applied to the photographic image subjected to the processing process in the processing step is accepted, and the blurring process is performed based on the reception result. Blur step to do,
After the user's operation related to the blurring process, the user's operation related to the graffiti edit process applied to the photo image subjected to the blurring process in the blurring step is accepted, and the graffiti edit process is performed based on the acceptance result. Edit step,
A generating step of generating the provided image based on the processing result of the processing step , the blurring step , and the graffiti editing step ,
The operation of the user regarding the processing is a filter processing that performs a combination of a cutting range of the photographic image, a scaling operation of the photographic image, a rotation operation of the photographic image, and a plurality of image processes applied to the photographic image. A method for controlling a photography and amusement device, including at least one operation of a type selection operation.
カメラにより撮影して得た写真画像を用いて生成した提供画像をユーザに提供する写真撮影遊戯装置の制御プログラムであって、
前記カメラにより撮影して得られた複数の写真画像を表示し、そのうち前記提供画像の生成に用いる写真画像を選択する写真選択ステップと、
前記写真選択ステップで選択された写真画像に施す加工処理に関するユーザの操作を受け付け、受け付け結果に基づいて前記加工処理を行う加工ステップと、
前記加工処理に関するユーザの操作の後、前記加工ステップで前記加工処理が施された前記写真画像に対して部分的に適用されるぼかし処理に関するユーザの操作を受け付け、受け付け結果に基づいて前記ぼかし処理を行うぼかしステップと、
前記ぼかし処理に関するユーザの操作の後、前記ぼかしステップによる前記ぼかし処理が施された前記写真画像に適用される落書き編集処理に関するユーザの操作を受け付け、受け付け結果に基づいて前記落書き編集処理を行う落書き編集ステップと、
前記加工ステップ前記ぼかしステップ、及び前記落書き編集ステップによる処理結果に基づいて前記提供画像を生成する生成ステップとをコンピュータに実行させ、
前記加工処理に関するユーザの操作は、前記写真画像の切り取り範囲の操作、前記写真画像の拡縮操作、前記写真画像の回転操作、及び前記写真画像に適用する複数の画像処理の組み合せを行うフィルタ加工の種類選択操作の少なくともいずれかの操作を含む、写真撮影遊戯装置の制御プログラム。
A control program for a photography game device that provides a user with a provided image generated using a photographic image obtained by shooting with a camera,
A plurality of photographic images obtained by shooting with the camera, a photo selecting step of selecting a photographic image to be used for generating the provided image;
A processing step of accepting a user operation regarding a modification process to be applied to the photo image selected in the photo selection step, and performing the modification process based on the acceptance result;
After the user operation related to the processing process, the user operation related to the blurring process partially applied to the photographic image subjected to the processing process in the processing step is accepted, and the blurring process is performed based on the reception result. Blur step to do,
After the user's operation related to the blurring process, the user's operation related to the graffiti edit process applied to the photo image subjected to the blurring process in the blurring step is accepted, and the graffiti edit process is performed based on the acceptance result. Edit step,
Causing the computer to execute a generation step of generating the provided image based on the processing result of the processing step , the blurring step , and the graffiti editing step ,
The operation of the user regarding the processing is a filter processing that performs a combination of a cutting range of the photographic image, a scaling operation of the photographic image, a rotation operation of the photographic image, and a plurality of image processes applied to the photographic image. A control program for a photo-taking and playing device including at least one operation of type selection operation.
JP2018112334A 2018-06-12 2018-06-12 Photographing amusement device, control method for a photographing amusement device, and control program for a phototaking amusement device Active JP6725591B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2018112334A JP6725591B2 (en) 2018-06-12 2018-06-12 Photographing amusement device, control method for a photographing amusement device, and control program for a phototaking amusement device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2018112334A JP6725591B2 (en) 2018-06-12 2018-06-12 Photographing amusement device, control method for a photographing amusement device, and control program for a phototaking amusement device

Related Parent Applications (1)

Application Number Title Priority Date Filing Date
JP2017070414A Division JP6356299B2 (en) 2017-03-31 2017-03-31 PHOTOGRAPHY GAME DEVICE, PHOTOGRAPHY GAME DEVICE CONTROL METHOD, AND PHOTOGRAPHY GAME DEVICE CONTROL PROGRAM

Publications (2)

Publication Number Publication Date
JP2018174545A JP2018174545A (en) 2018-11-08
JP6725591B2 true JP6725591B2 (en) 2020-07-22

Family

ID=64108925

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2018112334A Active JP6725591B2 (en) 2018-06-12 2018-06-12 Photographing amusement device, control method for a photographing amusement device, and control program for a phototaking amusement device

Country Status (1)

Country Link
JP (1) JP6725591B2 (en)

Family Cites Families (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2004173300A (en) * 1997-01-10 2004-06-17 Casio Comput Co Ltd Image pickup device and picked-up image working method
JP4406741B2 (en) * 2003-12-08 2010-02-03 フリュー株式会社 Photography editing method and photography editing apparatus
JP5041246B2 (en) * 2008-09-03 2012-10-03 フリュー株式会社 Photo sticker creating apparatus and method, and program
JP2010092094A (en) * 2008-10-03 2010-04-22 Nikon Corp Image processing apparatus, image processing program, and digital camera
WO2012001947A1 (en) * 2010-06-28 2012-01-05 株式会社ニコン Imaging device, image processing device, image processing program recording medium
JP5802911B2 (en) * 2011-08-12 2015-11-04 株式会社メイクソフトウェア Photo game machine
JP6210474B2 (en) * 2012-09-03 2017-10-11 株式会社メイクソフトウェア Photo sticker creating apparatus, photo sticker creating apparatus control method, and photo sticker creating apparatus control program
JP5574031B2 (en) * 2012-12-14 2014-08-20 フリュー株式会社 Image processing apparatus and method, and program

Also Published As

Publication number Publication date
JP2018174545A (en) 2018-11-08

Similar Documents

Publication Publication Date Title
JP7033152B2 (en) User interface camera effect
CN111901480B (en) User interface for capturing and managing visual media
CN112887586B (en) User interface for capturing and managing visual media
JP6202560B2 (en) Photo shooting game device, photo sticker creating device, photo shooting game device control method, and photo shooting game device control program
JP2013110729A (en) Photograph seal creation device, photograph seal creation method, and program
JP6210474B2 (en) Photo sticker creating apparatus, photo sticker creating apparatus control method, and photo sticker creating apparatus control program
JP5843331B1 (en) Photo shooting game device, photo sticker creating device, photo shooting game device control method, and photo shooting game device control program
JP5911116B2 (en) Photo shooting game device, photo sticker creating device, photo shooting game device control method, and photo shooting game device control program
JP6356299B2 (en) PHOTOGRAPHY GAME DEVICE, PHOTOGRAPHY GAME DEVICE CONTROL METHOD, AND PHOTOGRAPHY GAME DEVICE CONTROL PROGRAM
JP6142277B2 (en) PHOTOGRAPHY GAME DEVICE, PHOTOGRAPHY GAME DEVICE CONTROL METHOD, AND PHOTOGRAPHY GAME DEVICE CONTROL PROGRAM
JP6725591B2 (en) Photographing amusement device, control method for a photographing amusement device, and control program for a phototaking amusement device
KR20130142315A (en) Character service system and character service providing method thereof
JP6578476B2 (en) Photo shooting game device, photo sticker creating device, photo shooting game device control method, and photo shooting game device control program
JP5930351B2 (en) Photo shooting game device, photo sticker creating device, photo shooting game device control method, and photo shooting game device control program
JP2017027258A (en) Information distribution device, communication terminal, information distribution system, information distribution device control method, communication terminal control method, control program, and recording medium
JP6574951B2 (en) PHOTOGRAPHY GAME DEVICE, PHOTOGRAPHY GAME DEVICE CONTROL METHOD, AND PHOTOGRAPHY GAME DEVICE CONTROL PROGRAM
JP5484038B2 (en) Image processing apparatus and control method thereof
JP2016186578A (en) Photography game device, photo sticker making device, photography game device control method, and photography game device control program
JP2015036806A (en) Picture-taking game device, picture seal generation device, and control method and program of picture-taking game device
JP7502711B1 (en) PROGRAM, INFORMATION PROCESSING METHOD, AND INFORMATION PROCESSING APPARATUS
JP7492150B2 (en) Information processing device, information processing method, and program
JP6035550B2 (en) Photo shooting game device, photo sticker creating device, photo shooting game device control method, and photo shooting game device control program
JP2017184129A (en) Photographing amusement device, content provision system, control method for photographing amusement device, and control program for photographing amusement device
JP2024086714A (en) PROGRAM, INFORMATION PROCESSING METHOD, AND INFORMATION PROCESSING APPARATUS
JP2024083217A (en) Information processing device, information processing method, and program

Legal Events

Date Code Title Description
A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20180614

A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20180614

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20190508

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20190604

A711 Notification of change in applicant

Free format text: JAPANESE INTERMEDIATE CODE: A711

Effective date: 20190515

AA92 Notification that decision to refuse application was cancelled

Free format text: JAPANESE INTERMEDIATE CODE: A971092

Effective date: 20190730

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20190801

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20190806

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20190826

RD02 Notification of acceptance of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7422

Effective date: 20190826

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20191119

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20200110

TRDD Decision of grant or rejection written
A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

Effective date: 20200526

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20200625

R150 Certificate of patent or registration of utility model

Ref document number: 6725591

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

S111 Request for change of ownership or part of ownership

Free format text: JAPANESE INTERMEDIATE CODE: R313114

R350 Written notification of registration of transfer

Free format text: JAPANESE INTERMEDIATE CODE: R350

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250