JP6779250B2 - メディア編集アプリケーション用の扇形編出ユーザインタフェースコントロール - Google Patents

メディア編集アプリケーション用の扇形編出ユーザインタフェースコントロール Download PDF

Info

Publication number
JP6779250B2
JP6779250B2 JP2018080764A JP2018080764A JP6779250B2 JP 6779250 B2 JP6779250 B2 JP 6779250B2 JP 2018080764 A JP2018080764 A JP 2018080764A JP 2018080764 A JP2018080764 A JP 2018080764A JP 6779250 B2 JP6779250 B2 JP 6779250B2
Authority
JP
Japan
Prior art keywords
image
control
controls
brush
effect
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
JP2018080764A
Other languages
English (en)
Other versions
JP2018152097A (ja
Inventor
ランディ ウビロス，
ランディ ウビロス，
ティモシー， ディー． チェルナ，
ティモシー， ディー． チェルナ，
カーク， イー． ポールセン，
カーク， イー． ポールセン，
ジャン‐フランソワ アルボウズ，
ジャン‐フランソワ アルボウズ，
サミュエル， エム． ロバーツ，
サミュエル， エム． ロバーツ，
クリストファー， アール． カニンガム，
クリストファー， アール． カニンガム，
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Apple Inc
Original Assignee
Apple Inc
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
Priority claimed from US13/629,436 external-priority patent/US9189876B2/en
Application filed by Apple Inc filed Critical Apple Inc
Publication of JP2018152097A publication Critical patent/JP2018152097A/ja
Application granted granted Critical
Publication of JP6779250B2 publication Critical patent/JP6779250B2/ja
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N1/00—Scanning, transmission or reproduction of documents or the like, e.g. facsimile transmission; Details thereof
    • H04N1/387—Composing, repositioning or otherwise geometrically modifying originals
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • User Interface Of Digital Computer (AREA)
  • Processing Or Creating Images (AREA)
  • Position Input By Displaying (AREA)
  • Television Signal Processing For Recording (AREA)

Description

メディア編集アプリケーション用の扇形編出ユーザインタフェースコントロールに関する。
今日では、数多くの画像編集アプリケーションがデジタル画像の管理及び操作を行うための様々なツールを提供している。そのようなアプリケーションの例としては、ｉＰｈｏｔｏ（登録商標）（供給元：Ａｐｐｌｅ Ｉｎｃ．）、Ｐｉｃａｓａ（登録商標）（供給元：Ｇｏｏｇｌｅ）、Ｐｈｏｔｏｓｈｏｐ（登録商標）（供給元：Ａｄｏｂｅ）、Ｅｘｐｒｅｓｓ Ｍｅｄｉａ（供給元：Ｍｉｃｒｏｓｏｆｔ）などがある。画像編集アプリケーションによっては、ユーザが画像の閲覧、画像編集及び／又は画像編成を行えるものもある。
ユーザが編集を望むのは多くの場合、画像の見栄えを良くする、画像を特定の趣向で表す、エフェクトを画像に適用するなどの目的からである。多くの例において、ユーザは所望する方法で画像を修正しようとして、多くの様々なツールを使用しながら多くのステップを反復的に経る必要がある。このため、通例はユーザが画像の編集に法外な時間量を費やし、依然として画像を望み通りに編集できずに終わることもあり得る。
ユーザは、画像をどのような見栄えにしたいかを把握しているとしても、画像を所望の外観にするにはどうしたらよいか分からない、かつ／又は画像を所望の外観にするためのツールが画像編集アプリケーションに見つからない場合も多々ある。それ故、ユーザがメディア編集アプリケーションの使い方の習得にかなりの時間量を要する場合も多い。
画像編集アプリケーションで画像に対して編集が行われると、その編集は通例、である。そのため、ユーザは、ミスをした場合や、又は編集内容を変更したい場合や、又は元に戻したい場合には、元の画像ファイルを編集して初めからやり直さなければならないこともあれば、画像を更に編集して間違いを訂正しなければならないこともある。
画像編集アプリケーションのために、本発明の幾つかの実施形態は、一連の扇形編出ユーザインタフェース（ＵＩ）コントロールを提供する新規なＵＩツールを提供する。幾つかの実施形態において、ＵＩツールがアクティブ化されると、ＵＩツールは、ＵＩコントロールを開いた状態に扇形編出するアニメーションを提供する。ＵＩツールのＵＩコントロールのうち使用するものをどれか１つ選択すると、そのＵＩツールによって、選択されたＵＩコントロールが表示されるようにＵＩコントロールを閉じた状態に扇形編出するアニメーションが提供される。
ＵＩツールの様々な実施形態によって、異なる種類の扇形編出アニメーションが提供されている。例えば、幾つかの実施形態のＵＩツールは、固定ロケーションの周りに一方向にＵＩコントロールを扇形編出することによって、そのＵＩコントロールを扇形編出する。このようにして、ＵＩコントロールは、ＵＩコントロールの一端においてピン留めされたＵＩコントロールの外観を呈することもあれば、ＵＩコントロールがピン留めされたロケーションの周りに開いた状態及び閉じた状態に扇形編出されたＵＩコントロールの外観を呈することもある。
幾つかの実施形態において、ＵＩツールは固定ロケーションの周りに二方向にＵＩコントロールを扇形編出することによって、そのＵＩコントロールを扇形編出する。そのような実施形態において、ＵＩツールは、ＵＩコントロールのうちの幾つかを固定ロケーションの周りに一方向に扇形編出し、他のＵＩコントロールを固定ロケーションの周りに反対方向に扇形編出する。
幾つかの実施形態のＵＩツールは、ＵＩコントロールが開いた状態に扇形編出される間、ＵＩコントロールが表示エリアの外側から表示エリア上（例えば、コンピューティングデバイスのスクリーン全体）へとスライドするかのような外観でＵＩコントロールを表示する。同様に、幾つかの実施形態のＵＩツールは、ＵＩコントロールが閉じた状態に扇形編出される間、ＵＩコントロールが表示エリアの中心付近から表示エリアの外側へとスライドするかのような外観でＵＩコントロールを表示する。
様々な実施形態のＵＩツールによって異なる種類のＵＩコントロールが提供されている。例えば、幾つかの実施形態において、ＵＩツールは、エフェクトを画像に適用するためのＵＩコントロールを提供する。本出願においてこれらの種類のＵＩコントロールは、エフェクトコントロールと言い換えることもできる。エフェクトの例としては、様々なフィルタエフェクト、デュオトーンエフェクト、非写実的な低彩度、グラデーションエフェクト、ビネットエフェクト、チルトシフトエフェクトなどが挙げられる。
様々な実施形態によって、異なる種類のエフェクトコントロールが提供されている。例えば、第１の種類のエフェクトコントロールには、編集中の画像の一連の選択可能なサムネイル画像が表示される。選択可能な各サムネイル画像には、サムネイル画像に適用されたエフェクトコントロールに関連付けられている別の範囲のエフェクトが表示される。サムネイル画像を選択すると、アプリケーションに、サムネイル画像にエフェクトが適用される範囲において、編集中の画像にエフェクトを適用させる。このようにして、画像にエフェクトを適用する際は事前に、選択可能なサムネイル画像が編集中の画像に適用されているエフェクトのプレビューを提供する。
第２の種類のエフェクトコントロールは、摺動領域を含む。摺動領域に沿った別々のロケーションは、編集中の画像に別々の範囲のエフェクトを適用する目的に対応している。ユーザは、（例えば、タッチスクリーン上のロケーションにタッチして）摺動領域に沿った別々のロケーションを選択することによって、編集中の画像に別々の範囲のエフェクトを適用することができる。あるいは、ユーザは摺動領域にタッチし、摺動領域の別々のロケーションに沿ってスライドしながら引き続き摺動領域にタッチすることによって、別々の範囲のエフェクトを画像に適用することもできる。
第２の種類のエフェクトコントロールにおいては、編集中の画像の一連のサムネイル画像が、摺動領域に沿った別々のロケーションに表示される。各サムネイル画像には、サムネイル画像に適用されたエフェクトコントロールに関連付けられている別の範囲のエフェクトが表示される。摺動領域に沿った特定のサムネイル画像があるロケーション又はその付近のロケーションは、サムネイル画像に適用されるエフェクトの範囲に対応している。よって、サムネイル画像に対する全範囲のエフェクトを含むサムネイル画像のロケーションは、全範囲のエフェクトを編集中の画像に適用する目的に対応しており、サムネイル画像に対する半分の範囲のエフェクトを含むサムネイル画像のロケーションは、編集中の画像に半分の範囲のエフェクトを適用する目的に対応している、といったようになる。
幾つかの実施形態のＵＩツールが提供する別の種類のＵＩコントロールは、画像の一部にブラシエフェクトを適用する目的に対応している。本出願において、これらの種類のＵＩコントロールは、ブラシコントロールと言い換えることもできる。ブラシコントロールの例としては、レッドアイ及び汚点を除去するためのブラシコントロール、画像の一部を高彩度化、低彩度化、明色化、暗色化、シャープ化又はソフト化するためのブラシコントロールなどが挙げられる。
幾つかの実施形態において、一部の実施形態に係る画像編集アプリケーションは画像編集用の様々なツールを提供する。様々なツールを使用して画像に様々な編集を行った場合、アプリケーションは、その様々な編集内容を特定の順序で適用する。例えば、エフェクト編集が画像に適用される前に、アプリケーションは露光編集を画像に適用できる。ユーザが第１のタイプの編集を画像に適用することを望んでいる場合、第２のタイプの編集が適用される前に第１のタイプの編集が画像に適用されることを保証するため、幾つかの実施形態のアプリケーションでは、第２のタイプの編集（存在する場合）が一時的に画像から解除されるようになっている。ユーザが第１のタイプの編集を適用し終えた後、アプリケーションは、画像から解除されていた第２のタイプの編集を画像に適用し直す。幾つかの実施形態において、アプリケーションは、ユーザに対し編集を解除するか又は画像に適用し直すことを示すピーリングオン及びピーリングオフアニメーションを提供する。
幾つかの実施形態のアプリケーションは、アプリケーションにより管理される画像を表すデータ構造に、情報を記憶する。幾つかの実施形態において、アプリケーションは、画像の編集時に元の画像が保持されるような様式で、データ構造を記憶する。アプリケーションのＧＵＩを介して画像のクイックビューが提供されるように、幾つかの実施形態のアプリケーションは、頻繁にアクセス、使用、及び／又は表示される画像の別々のバージョンをキャッシュに記憶する。幾つかの実施形態において、アプリケーションは、ユーザが現在の画像の編集済みバージョンと元の画像とを切り替えることができる機能を提供する。画像の様々なバージョン間の迅速な切り替えを円滑にするため、幾つかの実施形態のアプリケーションは、非破壊的な画像記憶方法を利用する。
上記の機能に加えて、幾つかの実施形態のアプリケーションは、アプリケーションのユーザが、同じくアプリケーションを走らせている他のデバイスのユーザに画像を送信できる機能も提供している。幾つかの実施形態において、アプリケーションは、画像を非破壊的な様式で記憶するデータ構造に、画像を送信する。このようにして、画像の受信者は、元の画像、送信者が編集したバージョンの閲覧、画像への追加的な及び／又は別途の編集、他のユーザへの画像の送信などを行うことができる。
以上の要約は、本発明の幾つかの実施形態を簡潔に紹介するためのものである。本明細書に開示された全ての発明内容の紹介又は要約を意味しない。以下の発明を実施するための形態、及び発明を実施するための形態で引用される図面は、発明の概要で述べた実施形態並びに他の実施形態について更に述べる。したがって、本明細書で述べる全ての実施形態を理解するために、発明の概要、発明を実施するための形態及び図面の十分な検討が必要とされる。更に、特許請求される内容は、主題の趣旨から逸脱することなしに他の特定の形態で実施できるため、特許請求される内容は発明の概要、発明を実施するための形態及び図面における例示的な詳細によって制限されず、むしろ添付の特許請求の範囲によって規定されるべきものである。
本発明の新規な特徴は添付の特許請求の範囲に記載するが、本発明の幾つかの実施形態については説明の目的で下掲の図に記載する。
幾つかの実施形態のエフェクトツールを含む画像編集アプリケーションのグラフィカルユーザインタフェース（ＧＵＩ）、及びエフェクトツールのアクティブ化を、概念的に示す図である。 図１に図示されているエフェクトツールのエフェクトコントロールの選択を、概念的に示す図である。 図１に図示されているエフェクトツールの選択されたエフェクトコントロールの変更を、概念的に示す図である。 幾つかの実施形態のエフェクトツールを含むＧＵＩ、及びエフェクトツールのアクティブ化を、概念的に示す図である。 幾つかの実施形態のエフェクトツールを含む画像編集アプリケーションのＧＵＩ、及びエフェクトツールのアクティブ化を、概念的に示す図である。 図５に図示されているエフェクトツールのエフェクトコントロールの選択を、概念的に示す図である。 図５に図示されているエフェクトツールの選択されたエフェクトコントロールの変更を、概念的に示す図である。 ある種類のエフェクトコントロールを含む幾つかの実施形態のエフェクトツールを、概念的に示す図である。 別の種類のエフェクトコントロールを含む幾つかの実施形態のエフェクトツールを、概念的に示す図である。 別の種類のエフェクトコントロールを含む幾つかの実施形態のエフェクトツールを、概念的に示す図である。 幾つかの種類のエフェクトコントロールを含む幾つかの実施形態のエフェクトツールを、概念的に示す図である。 幾つかの実施形態のサムネイルスライダコントロール、及びサムネイルスライダコントロールを使用して画像にエフェクトの適用を、概念的に示す図である。 幾つかの実施形態のサムネイルスライダコントロール、及びサムネイルスライダコントロールを使用して画像にエフェクトの適用を、概念的に示す図である。 幾つかの実施形態のサムネイルスライダコントロール、及びサムネイルスライダコントロールを使用して画像に様々なエフェクトの適用を、概念的に示す図である。 幾つかの実施形態のサムネイルスライダコントロール、及びサムネイルスライダコントロールを使用して画像に複数のエフェクトの適用を、概念的に示す図である。 エフェクトツールのサムネイルスライダコントロール用のサムネイルを生成するための幾つかの実施形態のプロセスを、概念的に示す図である。 エフェクトツールを提供する幾つかの実施形態のアプリケーションのステートダイヤグラムを、概念的に示す図である。 幾つかの実施形態のブラシツールを含むＧＵＩ、及びブラシツールのアクティブ化を、概念的に示す図である。 図１８に図示されているブラシツールのブラシコントロールの選択を、概念的に示す図である。 図１８に図示されているブラシツールの選択されたブラシコントロールを変更するための技術を、概念的に示す図である。 図１８に図示されているブラシツールの選択されたブラシコントロールを変更するための別の技術を、概念的に示す図である。 それぞれ異なる外観のブラシコントロールを、概念的に示す図である。 幾つかの実施形態のブラシツールを含むＧＵＩ、及びブラシツールのアクティブ化を、概念的に示す図である。 図２３に図示されているブラシツールのブラシコントロールの選択を、概念的に示す図である。 幾つかの実施形態のブラシツールを含むＧＵＩ、及びブラシツールのアクティブ化を、概念的に示す図である。 図２５に図示されているブラシツールのブラシコントロールの選択を、概念的に示す図である。 図２５に図示されているブラシツールの選択されたブラシコントロールの変更を、概念的に示す図である。 それぞれ外観が異なるブラシコントロールを、概念的に示す図である。 幾つかの実施形態のブラシツールのブラシコントロールを使用してブラシエフェクトを画像への適応を、概念的に示す図である。 幾つかの実施形態のブラシツールのブラシコントロールを使用してブラシエフェクトを画像への適応、及び図２９で適用されたブラシエフェクトの無効化を、概念的に示す図である。 ブラシツールを提供する幾つかの実施形態のアプリケーションのステートダイヤグラムを、概念的に示す図である。 扇形編出ＵＩコントロールを含むＵＩツールを提供する幾つかの実施形態のアプリケーションのソフトウェアアーキテクチャを、概念的に示す図である。 幾つかの実施形態による順序付けられた編集操作の例を、概念的に示す図である。 幾つかの実施形態による順序付けられた編集操作の例を、概念的に示す図である。 幾つかの実施形態による順序付けられた編集操作の例を、概念的に示す図である。 幾つかの実施形態による順序付けられた編集操作の例を、概念的に示す図である。 幾つかの実施形態による順序付けられた編集操作の例を、概念的に示す図である。 幾つかの実施形態による順序付けられた編集操作の例を、概念的に示す図である。 幾つかの実施形態による編集内容の適用順序を示した表を示す図である。 順序付けられた編集の機能を提供する幾つかの実施形態の画像編集アプリケーションのソフトウェアアーキテクチャを、概念的に示す図である。 幾つかの実施形態のアプリケーションにより記憶される画像のデータ構造を、概念的に示す図である。 ユーザが元の画像と現在編集されている画像との切り替えを行うことができる幾つかの実施形態のトグル操作を、概念的に示す図である。 ユーザが編集済み画像と元の画像との切り替えを行うことができる幾つかの実施形態の別のトグル操作を、概念的に示す図である。 ユーザが元の画像と編集済み画像との切り替えを行うことができる幾つかの実施形態の別のトグル操作を、概念的に示す図である。 切り抜きツールがアクティブになっている時にユーザが切り抜きの画像と元の画像との切り替えを行うことができる幾つかの実施形態のトグル操作を、概念的に示す図である。 幾つかの実施形態の画像編集アプリケーションのビーミングサービスを使用した２つのデバイスの例を、概念的に示す図である。 第１のデバイスが編集済み画像を第２のデバイスにビームする例を、概念的に示す図である。 ユーザがデバイス上のビームされる画像のライブラリを閲覧する例を、概念的に示す図である。 ビームされた画像を受信するためのビーミングサービスをブロードキャストする幾つかの実施形態のプロセスを、概念的に示す図である。 ビーミングサービスを検出してビームされた画像を受信するための候補デバイスを識別する幾つかの実施形態のプロセスを、概念的に示す図である。 一部の実施形態に係る画像の閲覧、編集及び編成に対応したＧＵＩの詳細図を示す図である。 幾つかの実施形態のアプリケーションによって記憶される画像のデータ構造を、概念的に示す図である。 モバイルコンピューティングデバイスのアーキテクチャの例を示す図である。 本発明の幾つかの実施形態が実施される電子デバイスを、概念的に示す図である。
本発明に係る多くの詳細、実施例及び実施形態については、下掲の発明を実施するための形態に記載され説明されている。しかしながら、当業者にとって容易に明らかであるように、本発明は、記載されている実施形態だけに限定されるものではなく、かつ幾つかの特定の詳細及び実施例を検討することなしに実施し得る。
画像編集アプリケーションのために、本発明の幾つかの実施形態は、一連の扇形編出ユーザインタフェース（ＵＩ）コントロールを含む新規なＵＩツールを提供する。幾つかの実施形態において、ＵＩツールがアクティブ化されると、ＵＩツールは、ＵＩコントロールを開いた状態に扇形編出するアニメーションを提供する。ＵＩツールのＵＩコントロールのうち使用するものをどれか１つ選択すると、そのＵＩツールによって、選択されたＵＩコントロールが表示されるようにＵＩコントロールを閉じた状態に扇形編出するアニメーションが提供される。
ＵＩツールの様々な実施形態によって、異なる種類の扇形編出アニメーションが提供されている。例えば、幾つかの実施形態のＵＩツールは、固定ロケーションの周りに一方向にＵＩコントロールを扇形編出することによって、そのＵＩコントロールを扇形編出する。このようにして、ＵＩコントロールは、ＵＩコントロールの一端においてピン留めされたＵＩコントロールの外観を呈することもあれば、ＵＩコントロールがピン留めされたロケーションの周りに開いた状態及び閉じた状態に扇形編出されたＵＩコントロールの外観を呈することもある。
幾つかの実施形態において、ＵＩツールは固定ロケーションの周りに二方向にＵＩコントロールを扇形編出することによって、そのＵＩコントロールを扇形編出する。そのような実施形態において、ＵＩツールは、ＵＩコントロールのうちの幾つかを固定ロケーションの周りに一方向に扇形編出し、他のＵＩコントロールを固定ロケーションの周りに反対方向に扇形編出する。
幾つかの実施形態のＵＩツールは、ＵＩコントロールが開いた状態に扇形編出される間、ＵＩコントロールが表示エリアの外側から表示エリア上（例えば、コンピューティングデバイスのスクリーン全体）へとスライドするかのような外観でＵＩコントロールを表示する。同様に、幾つかの実施形態のＵＩツールは、ＵＩコントロールが閉じた状態に扇形編出される間、ＵＩコントロールが表示エリアの中心付近から表示エリアの外側へとスライドするかのような外観でＵＩコントロールを表示する。
様々な実施形態のＵＩツールによって異なる種類のＵＩコントロールが提供されている。例えば、幾つかの実施形態において、ＵＩツールは、エフェクトを画像に適用するためのＵＩコントロールを提供する。本出願においてこれらの種類のＵＩコントロールは、エフェクトコントロールと言い換えることもできる。エフェクトの例としては、様々なフィルタエフェクト、デュオトーンエフェクト、非写実的な低彩度エフェクト、グラデーションエフェクト、ビネットエフェクト、チルトシフトエフェクトなどが挙げられる。
様々な実施形態によって、異なる種類のエフェクトコントロールが提供されている。例えば、第１の種類のエフェクトコントロールには、編集中の画像の一連の選択可能なサムネイル画像が表示される。選択可能な各サムネイル画像には、サムネイル画像に適用されたエフェクトコントロールに関連付けられている別の範囲のエフェクトが表示される。サムネイル画像を選択すると、アプリケーションに、サムネイル画像にエフェクトが適用される範囲において、編集中の画像にエフェクトを適用させる。このようにして、画像にエフェクトを適用する際は事前に、選択可能なサムネイル画像が編集中の画像に適用されているエフェクトのプレビューを提供する。
第２の種類のエフェクトコントロールは、摺動領域を含む。摺動領域に沿った別々のロケーションは、編集中の画像に別々の範囲のエフェクトを適用する目的に対応している。ユーザは、（例えば、タッチスクリーン上のロケーションにタッチして）摺動領域に沿った別々のロケーションを選択することによって、編集中の画像に別々の範囲のエフェクトを適用することができる。あるいは、ユーザは摺動領域にタッチし、摺動領域の別々のロケーションに沿ってスライドしながら引き続き摺動領域にタッチすることによって別々の範囲のエフェクトを画像に適用することもできる。
第２の種類のエフェクトコントロールにおいては、編集中の画像の一連のサムネイル画像が、摺動領域に沿った別々のロケーションに表示される。各サムネイル画像には、サムネイル画像に適用されたエフェクトコントロールに関連付けられている別の範囲のエフェクトが表示される。摺動領域に沿った特定のサムネイル画像があるロケーション又はその付近のロケーションは、サムネイル画像に適用されるエフェクトの範囲に対応している。よって、サムネイル画像に対する全範囲のエフェクトを含むサムネイル画像のロケーションは、全範囲のエフェクトを編集中の画像に適用する目的に対応しており、サムネイル画像に対する半分の範囲のエフェクトを含むサムネイル画像のロケーションは、編集中の画像に半分の範囲のエフェクトを適用する目的に対応している、といったようになる。
幾つかの実施形態のＵＩツールが提供する別の種類のＵＩコントロールは、画像の一部にブラシエフェクトを適用する目的に対応している。本出願において、これらの種類のＵＩコントロールは、ブラシコントロールと言い換えることもできる。ブラシコントロールの例としては、レッドアイ及び汚点を除去するためのブラシコントロール、画像の一部を高彩度化、低彩度化、明色化、暗色化、シャープ化又はソフト化するためのブラシコントロールなどが挙げられる。
幾つかの実施形態において、一部の実施形態に係る画像編集アプリケーションは画像編集用の様々なツールを提供する。様々なツールを使用して画像に様々な編集を行った場合、アプリケーションは、その様々な編集内容を特定の順序で適用する。例えば、エフェクト編集が画像に適用される前に、アプリケーションは露光編集を画像に適用できる。ユーザが第１のタイプの編集を画像に適用することを望んでいる場合、第２のタイプの編集が適用される前に第１のタイプの編集が画像に適用されることを保証するため、幾つかの実施形態のアプリケーションでは、第２のタイプの編集（存在する場合）が一時的に画像から解除されるようになっている。ユーザが第１のタイプの編集を適用し終えた後、アプリケーションは、画像から解除されていた第２のタイプの編集を画像に適用し直す。幾つかの実施形態において、アプリケーションは、ユーザに対し編集を解除するか又は画像に適用することを示すピーリングオン及びピーリングオフアニメーションを提供する。
幾つかの実施形態のアプリケーションは、アプリケーションにより管理される画像を表すデータ構造に、情報を記憶する。幾つかの実施形態において、アプリケーションは、画像の編集時に元の画像が保持されるような様式で、データ構造を記憶する。アプリケーションのＧＵＩを介して画像のクイックビューが提供されるように、幾つかの実施形態のアプリケーションは、頻繁にアクセス、使用、及び／又は表示される画像の別々のバージョンをキャッシュに記憶する。幾つかの実施形態において、アプリケーションは、ユーザが現在の画像の編集済みバージョンと元の画像とを切り替えることができる機能を提供する。画像の様々なバージョン間の迅速な切り替えを円滑にするため、幾つかの実施形態のアプリケーションは、非破壊的な画像記憶方法を利用する。
上記の機能に加えて、幾つかの実施形態のアプリケーションは、アプリケーションのユーザが、同じくアプリケーションを走らせている他のデバイスのユーザに画像を送信する機能も提供している。幾つかの実施形態において、アプリケーションは、画像を非破壊的な様式で記憶するデータ構造に、画像を送信する。このようにして、画像の受信者は、元の画像、送信者が編集したバージョンの閲覧、画像への追加的な及び／又は別途の編集、他のユーザへの画像の送信などを行うことができる。
本発明の更に幾つかのより詳細な実施形態については、下掲の節で記載する。第Ｉ節では、扇形編出ＵＩコントロールを備えるＵＩツールの詳細を概念的に記載する。次の第ＩＩ節では、本発明の幾つかの実施形態による順序付けられた編集処理の詳細を概念的に記載する。それに続く第ＩＩＩ節では、幾つかの実施形態による画像を表すためのデータ構造について説明する。次の第ＩＶ節では、幾つかの実施形態のアプリケーションによって提供されるビーム機能について詳述する。第Ｖ節では、幾つかの実施形態の画像閲覧、編集及び編成アプリケーションの例を記載する。最後の第ＶＩ節では、本発明の幾つかの実施形態を実施する幾つかの電子システムについて説明する。
Ｉ．扇形編出ＵＩコントロールを備えるユーザインタフェースツール
上述したように、幾つかの実施形態の画像編集アプリケーションは、一連の扇形編出ＵＩコントロールを含むＵＩツールを提供する。ＵＩツールの様々な実施形態によって、異なる種類のＵＩコントロールが提供されている。エフェクトを画像に適用するためのＵＩツールの例、及びブラシエフェクトを画像に適用するためのＵＩツールの例について、以降の節で説明する。
Ａ．エフェクトツール
図１は、幾つかの実施形態のエフェクトツール１７５を含む画像編集アプリケーションのグラフィカルユーザインタフェース（ＧＵＩ）１００、及びエフェクトツール１７５のアクティブ化を、概念的に示す。具体的には、図１は、エフェクトツールのアクティブ化操作の４つの別々のステージ１０５〜１２０におけるＧＵＩ１００を図示している。ステージ１０５〜１２０の各々については後で更に詳述するが、最初にＧＵＩ１００のエレメントについて説明する。
図示のように、ＧＵＩ１００は、サムネイル表示エリア１２５、画像表示エリア１４５、第１のツールバー１５０、第２のツールバー１３５、及び第３のツールバー１９５を含む。サムネイル表示エリア１２５には、選択されたコレクション内の画像のサムネイルが表示される。サムネイルは、フルサイズ画像を縮小サイズで表したものであり、幾つかの実施形態においては画像の一部のみを表す。ユーザは、サムネイル表示エリア内の（例えば、サムネイル画像にタッチして）１つ以上の画像を選択できる。選択されたサムネイルは、ハイライトされて、又は他の選択インジケータと共に表示される。サムネイル表示エリア１２５ではサムネイル１３０が選択されている。
画像表示エリア１４５において選択されているサムネイル画像の方が高い解像度で表示されている。サムネイル画像は典型的に、画像のフルサイズではない（多くの場合、アプリケーションによって画像が表示されているデバイスのディスプレイ画面よりも高い解像度のものである）。幾つかの実施形態において、画像表示エリア１４５内の画像は、フルサイズ画像の縦横比で表示される。
第１のツールバー１５０には、タイトル情報（例えば、ＧＵＩ内に表示されたコレクションの名前、現在選択されている画像にユーザが追加したキャプションなど）が表示される。加えて、ツールバー１５０は、第１の一連のＵＩアイテム１５１〜１５４、及び第２の一連のＵＩアイテム１５５〜１５８を含む。
第１の一連のアイテムの中の戻るボタン１５１を使用することで、ユーザはコレクション編成ＧＵＩにナビゲートして戻ることができる。グリッドボタン１５２を選択すると、アプリケーションに（例えば、スライドアニメーションを介して）サムネイル表示エリアをＧＵＩ上に、又はＧＵＩから遠ざかるように移動させる。幾つかの実施形態において、ユーザはまた、スワイプジェスチャを介してサムネイル表示エリアをＧＵＩ１００上に、又はそこから遠ざかるようにスライドさせることもできる。ヘルプボタン１５３は、現在アクティブになっている一連のツールを識別するコンテキスト依存ヘルプ機能をユーザのためにアクティブ化し、これらのツールについて簡潔に説明したヘルプインジケータをユーザに提供する。幾つかの実施形態において、ヘルプインジケータは、ツールに関する追加情報にアクセスできるように選択可能になっている。ユーザが元に戻すボタン１５４を選択すると、アプリケーションに、この編集が切り抜きか、色調整か、それとも他のものであるかによらず、画像に対する最新の編集内容を解除させる。
ユーザは、第２の一連のＵＩアイテムの中の共有ボタン１５５により、多様な方法で画像を共有することができる。幾つかの実施形態において、ユーザは、選択された画像を同じネットワーク（例えば、Ｗｉ−Ｆｉ又はＢｌｕｅｔｏｏｔｈネットワーク）上の別の互換デバイスに送信し、画像ホスティング又はソーシャルメディアウェブサイトに画像をアップロードして、他の画像の中から選択された一連の画像を基にジャーナル（即ち、付加的なコンテンツを追加できるように配列された画像のプレゼンテーション）を作成できる。
１つ以上の選択された画像に関する追加情報を表示する表示エリアは、情報ボタン１５６でアクティブ化される。アクティブ化された表示エリア内に表示される情報としては、画像用に記憶されるＥｘｉｆデータ（例えば、カメラ設定、タイムスタンプなど）が含まれ得る。ユーザは、オリジナル表示ボタン１５７により画像の元のバージョンと現在の画像の編集済みバージョンとを切り替えることができる。
編集ボタン１５８により、ユーザは編集モードを開始するか又は編集モードを終了することができる。ユーザがツールバー１３５内の一連の編集ツールのうちの１つを選択している時には、ユーザは編集ボタン１５８により、閲覧及び編成モードに戻れる。閲覧モード中にユーザが編集ボタン１５８を選択すると、アプリケーションは、ツールバー１３５内に表示されている順序で最後に使用された一連の編集ツールに戻る。つまり、ツールバー１３５内のアイテムは特定の順序で配列されており、選択された画像に編集が為されたアイテムのうち最も右側のものが、編集ボタン１５８でアクティブ化される。
ツールバー１３５は、左から右に特定の順序で配列された５つのＵＩアイテム１３２〜１４０を含む。切り抜きアイテム１３２は、ユーザが不整列な画像の位置合わせ及び画像の不要部分の除去を行える切り抜き及び回動ツールをアクティブ化する。露光アイテム１３４は、画像の黒点、影、コントラスト、明度、ハイライト、及び白点をユーザが修正できる一連の露光ツールをアクティブ化する。幾つかの実施形態において、一連の露光ツールは、画像の輝度ヒストグラムを修正するよう連携して動作する一連の連結型スライダである。露光ツールの詳細は、２０１２年９月２７日出願の「Ｕｎｉｆｉｅｄ Ｓｌｉｄｅｒ Ｃｏｎｔｒｏｌ ｆｏｒ Ｍｏｄｉｆｙｉｎｇ Ｍｕｌｔｉｐｌｅ Ｉｍａｇｅ Ｐｒｏｐｅｒｔｉｅｓ」と題する米国特許出願公開第１３／６２９，５１４号に記載されている。米国特許出願公開第１３／６２９，５１４号は、参照することにより本明細書に組み込まれる。色アイテム１３６は、彩度及び鮮明さ（vibrancy）、並びに色固有の彩度（例えば、青色画素又は緑色画素）及びホワイトバランスをユーザが修正できる一連の色ツールをアクティブ化する。幾つかの実施形態において、これらのツールの幾つかは、一連のスライダとして表される。ブラシアイテム１３８は、ユーザが画像に対する修正箇所を特定できる一連の補正ツールをアクティブ化する。ユーザはブラシを使用して、画像に対してラビングアクションを実行することによって、レッドアイ及び汚点を除去することも、また画像の特定部分に対して彩度及び他の特徴を適用するか又は除去することもできる。最後に、エフェクトアイテム１４０は、ユーザが画像に適用できる一連の特殊エフェクトをアクティブ化する。これらのエフェクトとしては、グラデーション、チルトシフト、非写実的な低彩度エフェクト、グレースケールエフェクト、様々なフィルタなどが挙げられる。幾つかの実施形態において、アプリケーションは、これらのエフェクトを、ツールバー１９５から外向きに扇形編出する一連のアイテムとして提示する。
ツールバー１９５は設定アイテム１７０を含む。設定ボタン１７０は、現在アクティブになっているツールセットに応じて異なるメニューオプションを提供するコンテキスト依存メニューをアクティブ化する。例えば、閲覧モードにおいて、幾つかの実施形態のメニューは、新しいアルバムの作成、アルバム用のキーフォト（key photo）の設定、設定をあるフォトから別のフォトにコピーするためのオプション、及び他のオプションを提供する。別の一連の編集ツールがアクティブになっている時、メニューは特定のアクティブなツールセットに関連するオプションを提供する。
ＧＵＩ１００が、画像編集アプリケーション用として考えられ得るグラフィカルユーザインタフェースに関する多くの例のうちの一例に過ぎないことは、当業者に認識されるであろう。例えば、別々のアイテムが別々のエリア内に又は別々の順序で配置される場合もあり、幾つかの実施形態は追加的な又は別の機能性を有するアイテムを含み得る。幾つかの実施形態のサムネイル表示エリアには、対応するフルサイズ画像の縦横比などに一致するサムネイルが表示され得る。
ここで、図１に図示されている４つのステージ１０５〜１２０を参照することにより、エフェクトツール１７５のアクティブ化操作の例について説明する。ＧＵＩ１００の第１のステージ１０５は、エフェクトツール１７５のアクティブ化を示している。図示のように、ユーザは（例えば、ＵＩアイテム１４０にタッチして）選択可能なエフェクトツールＵＩアイテム１４０を選択し、エフェクトツール１７５をアクティブ化している。
第２のステージ１１０は、エフェクトツール１７５がアクティブ化された後のＧＵＩ１００を図示している。図示のように、ＧＵＩ１００はエフェクトツール１７５のエフェクトコントロールの扇形編出開アニメーションの開始を表示しており、エフェクトツールＵＩアイテム１４０がハイライトされる。図示のように、エフェクトツール１７５は、一連のエフェクトコントロール１８０〜１８８及び選択可能なＵＩアイテム１９０を含む。エフェクトコントロール１８０〜１８８の各々は、編集中の画像（この例の中の画像１４２）に一連のエフェクトを適用する目的に対応している。選択可能なＵＩアイテム１９０は、エフェクトコントロール１８０〜１８８の扇形編出開アニメーションを開始する目的に対応している。
画像編集アプリケーションがエフェクトツールＵＩアイテム１４０の選択を受け取ると、アプリケーションはＵＩアイテム１４０をハイライトし、一連のエフェクトコントロール１８０〜１８８の扇形編出開アニメーションの表示を開始する。この例における扇形編出開アニメーション用のエフェクトコントロール１８０〜１８８の開始位置及びロケーションは、ツールバー１９５上に配置されているエフェクトコントロール１８８の位置である。つまり、扇形編出開アニメーションの開始時に、エフェクトコントロール１８０〜１８８が全てエフェクトコントロール１８８のロケーション及び位置にて開始する。画像編集アプリケーションは、別々のエフェクトコントロールが開始位置及びロケーションから固定ロケーション（例えば、ピボット点）の周りをそれぞれ異なる量だけ回動することを表示することによって、エフェクトコントロール１８０〜１８８の扇形編出開アニメーションを表示する。この例において、固定ロケーションはＵＩアイテム１９０である。図示のように、エフェクトコントロール１８０〜１８６の各々は固定ロケーションの周りを減量的に回動するが、エフェクトコントロール１８８は全く回動しない。換言すれば、エフェクトコントロール１８０は固定ロケーションの周りを最多量にて回動し、エフェクトコントロール１８２は固定ロケーションの周りを２番目に多い量にて回動し、エフェクトコントロール１８４は固定ロケーションの周りを３番目に多い量にて回動し、エフェクトコントロール１８６は固定ロケーションの周りを４番目に多い量にて回動するが、エフェクトコントロール１８８は固定ロケーションの周りを回動しない。
幾つかの実施形態において、画像編集アプリケーションは、別々のエフェクトコントロールが開始位置及びロケーションから固定ロケーションの周りを異なる速度で定義済みの時間間隔にわたって回動することを表示することによって、エフェクトコントロール１８０〜１８８の扇形編出開アニメーションを表示する。エフェクトコントロール１８０は固定ロケーションの周りを最速の速度にて回動し、エフェクトコントロール１８２は固定ロケーションの周りを２番目に速い速度にて回動し、エフェクトコントロール１８４は固定ロケーションの周りを３番目に速い速度にて回動し、エフェクトコントロール１８６は固定ロケーションの周りを４番目に速い速度にて回動するが、エフェクトコントロール１８８は固定ロケーションの周りを回動しない。
幾つかの実施形態の画像編集アプリケーションは、エフェクトコントロールが開始位置及びロケーションから固定ロケーションの周りを同じ速度で回動することを表示することによって、エフェクトコントロール１８０〜１８８の扇形編出開アニメーションを表示する。エフェクトコントロール１８０〜１８８を同じ速度で移動させながら扇形編出開アニメーションを表示するため、画像編集アプリケーションは、別々の時点で別々のエフェクトコントロールの移動を開始する（例えば、定義済みの時間量が経過した後で、特定のエフェクトコントロールの移動を開始する）。この手法に基づき、アプリケーションは最初にエフェクトコントロール１８０、２番目にエフェクトコントロール１８２、３番目にエフェクトコントロール１８４、４番目にエフェクトコントロール１８６、そして最後にエフェクトコントロール１８８の移動を開始する。
第３のステージ１１５は、エフェクトツール１７５のエフェクトコントロール１８０〜１８８の扇形編出開アニメーションが終了に近づいているＧＵＩ１００を図示している。図示のように、エフェクトコントロール１８０〜１８８の位置は、第２のステージ１１０に図示されているエフェクトコントロール１８０〜１８８の位置よりも更に開いた状態に扇形編出されている。
第４のステージ１２０は、エフェクトコントロール１８０〜１８８の扇形編出開アニメーション完了後のＧＵＩ１００を示す。図示のように、エフェクトコントロール１８０は、その開始ロケーション及び位置（この例では、エフェクトコントロール１８８のロケーション及び位置）からＵＩアイテム１９０の周りを時計回りにおよそ９０°回動し、エフェクトコントロール１８２は、その開始ロケーション及び位置からＵＩアイテム１９０の周りを時計回りにおよそ６７．５°回動し、エフェクトコントロール１８４は、その開始ロケーション及び位置からＵＩアイテム１９０の周りを時計回りにおよそ４５°回動し、エフェクトコントロール１８６は、その開始ロケーション及び位置からＵＩアイテム１９０の周りを時計回りにおよそ２２．５°回動した。
図１は、エフェクトツールがアクティブ化されている時の、エフェクトツールのエフェクトコントロールの扇形編出開アニメーションの例を図示している。幾つかの実施形態において、画像編集アプリケーションは、エフェクトツールがアクティブ化されても、エフェクトツールのエフェクトコントロールの扇形編出開アニメーションを表示しない。代わりに、そのような幾つかの実施形態のアプリケーションは、エフェクトツールの最終ステート（例えば、最も最近のステート）を表示する。例えば、エフェクトツールがアクティブ化されており、かつエフェクトツールのエフェクトコントロールがエフェクトツールの最終ステートで選択されている時は、画像編集アプリケーションは、選択されたエフェクトコントロールを、後ほど図２を参照することにより述べる第４のステージ２２０に類似の様式で表示し得る。
図２は、図１に図示されているエフェクトツール１７５のエフェクトコントロールの選択を、概念的に示す。特に、図２は、エフェクトコントロールの選択操作の４つの別々のステージ２０５〜２２０におけるＧＵＩ１００を図示している。
ＧＵＩ１００の第１のステージ２０５は、エフェクトツール１７５のエフェクトコントロールの選択を示す。図示のように、ユーザは（例えば、エフェクトコントロール１８４にタッチして）エフェクトコントロール１８４を選択している。画像編集アプリケーションがエフェクトコントロール１８４の選択を受け取ると、アプリケーションは選択されたエフェクトコントロール（この例では、エフェクトコントロール１８４）をハイライトし、一連のエフェクトコントロール１８０〜１８８の扇形編出閉アニメーションの表示を開始する。
第２のステージ２１０は、エフェクトコントロール１８４が選択され、一連のエフェクトコントロール１８０〜１８８の扇形編出閉アニメーションが開始された後のＧＵＩ１００を図示している。画像編集アプリケーションは、エフェクトコントロール１８４の境界線をボールド表示して、エフェクトコントロール１８４をハイライトする。この例では、図１の第４のステージ１２０に示す一連のエフェクトコントロール１８０〜１８８の位置及びロケーションは、扇形編出閉アニメーション用の一連のエフェクトコントロール１８０〜１８８の開始位置及びロケーションである。
画像編集アプリケーションは、別々のエフェクトコントロールが、エフェクトコントロールの開始位置及びロケーションから固定ロケーション（この例では、ＵＩアイテム１９０）の周りをそれぞれ異なる量で回動することを表示することによって、エフェクトコントロール１８０〜１８８の扇形編出閉アニメーションを表示する。図示のように、エフェクトコントロール１８０〜１８６の各々は固定ロケーションの周りを減量的に回動するが、エフェクトコントロール１８８は全く回動しない。換言すれば、エフェクトコントロール１８０は固定ロケーションの周りを最多量にて回動し、エフェクトコントロール１８２は固定ロケーションの周りを２番目に多い量にて回動し、エフェクトコントロール１８４は固定ロケーションの周りを３番目に多い量にて回動し、エフェクトコントロール１８６は固定ロケーションの周りを４番目に多い量にて回動するが、エフェクトコントロール１８８は固定ロケーションの周りを回動しない。図２に図示されているエフェクトコントロール１８０〜１８６の回動方向（この例では、反時計回り）は、図１に図示されている扇形編出開アニメーション中のエフェクトコントロール１８０〜１８６の回動方向とは反対の方向である。
幾つかの実施形態において、画像編集アプリケーションは、別々のエフェクトコントロールが、エフェクトコントロールの別々の開始位置及びロケーションから固定ロケーションの周りを異なる速度で定義済みの時間間隔にわたって回動することを表示することによって、エフェクトコントロール１８０〜１８８の扇形編出閉アニメーションを表示する。エフェクトコントロール１８０は固定ロケーションの周りを最速の速度にて回動し、エフェクトコントロール１８２は固定ロケーションの周りを２番目に速い速度にて回動し、エフェクトコントロール１８４は固定ロケーションの周りを３番目に速い速度にて回動し、エフェクトコントロール１８６は固定ロケーションの周りを４番目に速い速度にて回動するが、エフェクトコントロール１８８は固定ロケーションの周りを回動しない。
幾つかの実施形態の画像編集アプリケーションは、エフェクトコントロールが、エフェクトコントロールの別々の開始位置及びロケーションから固定ロケーションの周りを同じ速度で回動することを表示することによって、エフェクトコントロール１８０〜１８８の扇形編出閉アニメーションを表示する。エフェクトコントロール１８０〜１８８を同じ速度で移動させながら扇形編出閉アニメーションを表示するため、アプリケーションは、別々の時点で別々のエフェクトコントロールの移動を開始する（例えば、定義済み時間量の経過後に特定のエフェクトコントロールの移動を開始する）。この手法に基づき、画像編集アプリケーションは最初にエフェクトコントロール１８０、２番目にエフェクトコントロール１８２、３番目にエフェクトコントロール１８４、４番目にエフェクトコントロール１８６、そして最後にエフェクトコントロール１８８の移動を開始する。幾つかの実施形態において、アプリケーションは、最初のエフェクトコントロール１８０がエフェクトコントロール１８２の位置に又はその付近にある時、２番目のエフェクトコントロール１８２の移動を開始する。このようにして、エフェクトコントロール１８０及び１８２は、１つのエフェクトコントロールとして一体的に移動するような外観を呈する。画像編集アプリケーションは、エフェクトコントロール１８４及び１８６の移動を類似の様式で開始する。即ち、アプリケーションは、エフェクトコントロール１８０及び１８２がエフェクトコントロール１８４の位置に又はその付近に来た時にエフェクトコントロール１８４の移動を開始し、アプリケーションは、エフェクトコントロール１８０〜１８４がエフェクトコントロール１８６の位置に又はその付近に来た時にエフェクトコントロール１８６の移動を開始する。
第３のステージ２１５は、エフェクトツール１７５のエフェクトコントロール１８０〜１８８の扇形編出閉アニメーションが終了に近づいているＧＵＩ１００を図示している。図示のように、エフェクトコントロール１８４及び１８６は、固定ロケーションの周りでの回動を中断している。選択されたエフェクトコントロール１８４にアンダーラップするエフェクトコントロール１８６及び１８８の位置は、選択されたエフェクトコントロール１８４の位置と同じ位置である。エフェクトコントロール１８０及び１８２は依然として、固定ロケーションの周りを反時計回りに回動している。第３のステージ２１５に示されているように、エフェクトコントロール１８０〜１８８の位置の方が、第２のステージ２１０に図示されているエフェクトコントロール１８０〜１８８の位置よりも更に閉じた状態に扇形編出されている。
第４のステージ２２０は、エフェクトコントロール１８０〜１８８の扇形編出閉アニメーション完了後のＧＵＩ１００を示す。画像編集アプリケーションが一連のエフェクトコントロール１８０〜１８８の扇形編出閉アニメーションを表示する際に、アプリケーションはエフェクトコントロール１８８のロケーション及び位置を越えて固定ロケーションの周りを回動する選択されたエフェクトコントロールにオーバーラップするエフェクトコントロールを表示する。選択されたエフェクトコントロールにオーバーラップするエフェクトコントロールの扇形編出閉アニメーションが終了する位置及びロケーションは、選択されたエフェクトコントロールにアンダーラップするエフェクトコントロール及び選択されたエフェクトコントロールが終了するロケーション及び位置から固定ロケーションの周りを反時計回りにおよそ９０°回動した位置及びロケーションである。一連のエフェクトコントロール１８０〜１８８の扇形編出閉アニメーションの終了時に、選択されたエフェクトコントロールにオーバーラップするエフェクトコントロールは、エフェクトコントロール１８０〜１８６がその周りを回動した固定ロケーションから懸下するような外観を呈する。
図２の第４のステージ２２０に図示されている例において、選択されているエフェクトコントロールはエフェクトコントロール１８４である。そのため、扇形編出閉アニメーションの終了時に、エフェクトコントロール１８４〜１８８は、第４のステージ２２０に図示されているロケーション及び位置で終了する。加えて、選択されたエフェクトコントロール１８４にオーバーラップするエフェクトコントロール１８０及び１８２は、エフェクトコントロール１８４〜１８８の終了ロケーション及び位置から固定ロケーションの周りを反時計回りにおよそ９０°回動したロケーション及び位置で終了する。
図２は、エフェクトツールの特定のエフェクトコントロールの選択を図示したものであるが、当業者に認識されるように、エフェクトツールのエフェクトコントロールはいずれもエフェクトツールがアクティブ化された後に選択されてよい。例えば、エフェクトコントロール１８０、１８２、１８６、又は１８８もユーザによって選択されていたかもしれない。
ユーザは、エフェクトツールのエフェクトコントロールを選択した後でエフェクトコントロールの選択を変更したい場合もある。図３は、図１に図示されているエフェクトツール１７５で選択されたエフェクトコントロールの変更を、概念的に示す。具体的には、図３は、エフェクトコントロールの変更操作の４つの別々のステージ３０５〜３２０におけるＧＵＩ１００を図示している。
ＧＵＩ１００の第１のステージ３０５は、図２に図示されているＧＵＩ１００の第４のステージ２２０に類似している。つまり、第１のステージ３０５は、エフェクトコントロール１８４が選択され、エフェクトコントロール１８４が境界線のボールド表示によりハイライトされ、かつ一連のエフェクトコントロール１８０〜１８８の扇形編出閉アニメーションが完了した後のＧＵＩ１００を示している。加えて、第１のステージ３０５は、エフェクトツール１７５のエフェクトコントロールの選択を変更する操作の呼び出しも図示している。図示のように、ユーザは（例えば、ＵＩアイテム１９０にタッチして）選択可能なＵＩアイテム１９０を選択し、エフェクトコントロールの選択を変更する操作を呼び出す。
第２のステージ３１０は、画像編集アプリケーションが一連のエフェクトコントロール１８０〜１８８の扇形編出開アニメーションを終了した後のＧＵＩ１００を図示している。アプリケーションがＵＩアイテム１９０の選択を受け取ると、アプリケーションは、一連のエフェクトコントロール１８０〜１８８の扇形編出開アニメーションを表示する。このアニメーションは、上記で図１を参照することにより述べた扇形編出開アニメーションに類似している。図示のように、エフェクトコントロール１８４がハイライトされたままになっている理由は、エフェクトコントロール１８４が、エフェクトツール１７５において現在選択されているエフェクトコントロールであるためである。
第３のステージ３１５におけるＧＵＩ１００は、エフェクトツール１７５の異なるエフェクトコントロールの選択を図示している。図示のように、ユーザは（例えば、エフェクトコントロール１８０にタッチして）エフェクトコントロール１８０を選択している。画像編集アプリケーションがエフェクトコントロール１８０の選択を受け取ると、アプリケーションは、エフェクトコントロール１８０をハイライトして、上で図２を参照することにより述べた一連のエフェクトコントロール１８０〜１８８の扇形編出閉アニメーションに類似する一連のエフェクトコントロール１８０〜１８８の扇形編出閉アニメーションを表示する。
第４のステージ３２０は、一連のエフェクトコントロール１８０〜１８８の扇形編出閉アニメーションの終了後であり、選択されたエフェクトコントロール１８０がハイライトされた状態のＧＵＩ１００を図示している。この例では、一連のエフェクトコントロール１８０〜１８６が、ＵＩアイテム１９０の周りを回動し、選択されたエフェクトコントロール１９０の位置で終了している。エフェクトツール１７５の他のエフェクトコントロール（即ち、エフェクトコントロール１８２〜１８８）はいずれも、選択されたエフェクトコントロール１８０にオーバーラップしないため、エフェクトコントロール１８２〜１８８の終了位置は、選択されたエフェクトコントロール１８０の終了位置と同じである。したがって、いずれのエフェクトコントロールも、エフェクトコントロール１８０〜１８６がその周りを回動した固定ロケーションから懸下するような外観にはならない。
図３は、エフェクトツールの選択されたエフェクトコントロールの変更の一例を図示している。当業者によって理解されるように、エフェクトツールの選択されたエフェクトコントロールを変更する際には、エフェクトツールの任意のエフェクトコントロールも選択することができる。しかも、エフェクトツールの選択されたエフェクトコントロールは、任意の回数変更することができる。
幾つかの実施形態において、画像編集アプリケーションは、アプリケーションが横置き閲覧モードの時に、上掲の図１〜３に記載されているＧＵＩを提供する。そのような幾つかの実施形態のアプリケーションにおいて、アプリケーションが縦置き閲覧モードの時に提供されるＧＵＩについては、下掲の図に示す。
図４は、幾つかの実施形態のエフェクトツール１７５を含むＧＵＩ４００、及びエフェクトツー１７５のアクティブ化を、概念的に示す。特に、図４は、エフェクトツールのアクティブ化操作の４つの別々のステージ４０５〜４２０におけるＧＵＩ４００を図示している。ＧＵＩ４００においてサムネイル表示エリア１２５が画像表示エリア１４５の下かつツールバー１９５の上に配列されていることを除けば、ＧＵＩ４００は、上で図１を参照することにより述べたＧＵＩ１００に類似している。また、ＧＵＩ４００はツールバー１３５を含まない。そのため、代わりにツールバー１９５内にＵＩアイテム１３２〜１４０が表示される。
ＧＵＩ４００のステージ４０５〜４２０は、上で図１を参照することにより述べたステージ１０５〜１２０に類似している。つまり、第１のステージ４０５はエフェクトツール１７５のアクティブ化を示し、第２のステージ４１０はエフェクトコントロール１８０〜１８８の扇形編出開アニメーションの開始を示し、第３のステージ４１５は扇形編出閉アニメーションが終了に近づいているエフェクトコントロール１８０〜１８８を示し、第４のステージ４２０は扇形編出開アニメーション終了時のエフェクトコントロール１８０〜１８８を示す。
加えて、ＧＵＩ４００におけるエフェクトツール１７５（エフェクトツール１７５のエフェクトコントロールである時）の扇形編出閉アニメーションは、上で図２を参照することにより述べたアニメーションと同様である。また、ＧＵＩ ４００におけるエフェクトツール１７５のエフェクトコントロールの選択を変更するための技術及び付随するアニメーションは、上で図３を参照することにより述べた技術及びアニメーションと同様である。
幾つかの実施形態において、画像編集アプリケーションにより、アプリケーションが横置き閲覧モードの時に、上で図１〜３を参照することにより述べた操作例に応じたＧＵＩが提供され得る。幾つかの実施形態に係る画像編集アプリケーションは、アプリケーションが縦置き閲覧モードの時に、操作例について上で図４を参照することにより述べたＧＵＩを提供する。しかしながら、幾つかの場合では、画像編集アプリケーションは、操作例に応じた更に別のＧＵＩを提供する。例えば、アプリケーションを走らせているモバイルコンピューティングデバイス（例えば、スマートフォン）のディスプレイ画面には、図１〜４に図示されている操作例を表示するための十分な空きスペースがない場合もある。
図５は、幾つかの実施形態のエフェクトツール１７５を含む画像編集アプリケーションのＧＵＩ５００、及びエフェクトツール１７５のアクティブ化を、概念的に示す。具体的には、図５は、エフェクトツールのアクティブ化操作の４つの別々のステージ５０５〜５２０におけるＧＵＩ５００を図示している。
ＧＵＩ５００においてサムネイル表示エリア１２５が画像表示エリア１４５の下かつツールバー１９５の上に配列されていることを除けば、ＧＵＩ５００は、上で図１を参照することにより述べたＧＵＩ１００に類似している。また、ＧＵＩ５００はツールバー１３５を含まない。そのため、代わりにツールバー１９５内に、ＵＩアイテム１３２〜１４０が表示される。
ＧＵＩ５００の第１のステージ５０５は、エフェクトツール１７５のアクティブ化を示している。このステージにおいて、ユーザは（例えば、ＵＩアイテム１４０にタッチして）選択可能なエフェクトツールＵＩアイテム１４０を選択し、エフェクトツール１７５をアクティブ化している。
第２のステージ５１０は、エフェクトツール１７５がアクティブ化された後のＧＵＩ５００を図示している。図示のように、ＧＵＩ５００は一連のエフェクトコントロール１８０〜１８８の扇形編出開アニメーションの開始を表示し、エフェクトツールＵＩアイテム１４０がハイライトされる。画像編集アプリケーションがエフェクトツールＵＩアイテム１４０の選択を受け取ると、アプリケーションは、ＵＩアイテム１４０をハイライトし、（例えば、左へ向かってスライドしてツールバー１９５から遠ざかるＵＩアイテム１３２〜１４０のアニメーションを表示することによって）ツールバー１９５からＵＩアイテム１３２〜１４０を除去して、ツールバー１９５の左側にＵＩアイテム１４０を表示する。
画像編集アプリケーションがエフェクトツールＵＩアイテム１４０の選択を受け取ると、アプリケーションはまた、一連のエフェクトコントロール１８０〜１８８の扇形編出開アニメーションの表示を開始する。この例では、エフェクトコントロール１８０〜１８８の扇形編出開アニメーションの開始位置が、ツールバー１９５内に破線の長方形で示されている。扇形編出開アニメーションが開始すると、画像編集アプリケーションは、エフェクトコントロール１８８を基準として固定ロケーション（この例では、選択可能なＵＩアイテム１９０）の周りを時計回りに回動するエフェクトコントロール１８０〜１８６を表示する。アプリケーションはまた、エフェクトコントロール１８０〜１８８を開いた状態に扇形編出すると同時に、固定ロケーション、更にはエフェクトコントロール１８０〜１８６を画像表示エリア１４５の右側の中央に向かって移動する。換言すれば、アプリケーションは、開いた状態に扇形編出するエフェクトコントロール１８０〜１８８を表示すると同時に、そのエフェクトコントロール１８０〜１８８を上方へ、かつ画像表示エリア１４５の右側の中央に向かってスライドさせながら表示する。
画像編集アプリケーションは、別々のエフェクトコントロールが開始位置及びロケーションから固定ロケーションの周りを異なる量だけ回動することを表示することによって、エフェクトコントロール１８０〜１８８の扇形編出開アニメーションを表示する。図示のように、エフェクトコントロール１８０〜１８６はそれぞれ、エフェクトコントロール１８８を基準として固定ロケーションの周りを減量的に回動する。
幾つかの実施形態において、画像編集アプリケーションは、別々のエフェクトコントロールが開始位置及びロケーションから固定ロケーションの周りを異なる速度で定義済みの時間間隔にわたって回動することを表示することによって、エフェクトコントロール１８０〜１８８の扇形編出開アニメーションを表示する。幾つかの実施形態において、時間間隔は、アプリケーションがツールバー１９５からエフェクトコントロール１８０〜１８８を移動させ始めてから、アプリケーションがエフェクトコントロール１８０〜１８８を画像表示エリア１４５の右側の中央から遠ざかるように移動を停止するまでの時間として定義される。そのような実施形態において、エフェクトコントロール１８０は固定ロケーションの周りを最速の速度にて回動し、エフェクトコントロール１８２は固定ロケーションの周りを２番目に速い速度にて回動し、エフェクトコントロール１８４は固定ロケーションの周りを３番目に速い速度にて回動し、エフェクトコントロール１８６は固定ロケーションの周りを４番目に速い速度にて回動するが、エフェクトコントロール１８８は固定ロケーションの周りを回動しない。
幾つかの実施形態の画像編集アプリケーションは、エフェクトコントロールが開始位置及びロケーションから固定ロケーションの周りを同じ速度で回動することを表示することによって、エフェクトコントロール１８０〜１８８の扇形編出開アニメーションを表示する。エフェクトコントロール１８０〜１８８を同じ速度で移動させながら扇形編出開アニメーションを表示するため、アプリケーションは、別々の時点で別々のエフェクトコントロールの移動を開始する（例えば、定義済みの時間量の経過後に特定のエフェクトコントロールの移動を開始する）。この手法に基づき、アプリケーションは最初にエフェクトコントロール１８０、２番目にエフェクトコントロール１８２、３番目にエフェクトコントロール１８４、４番目にエフェクトコントロール１８６、そして最後にエフェクトコントロール１８８の移動を開始する。
第３のステージ５１５は、エフェクトツール１７５のエフェクトコントロール１８０〜１８８の扇形編出開アニメーションが終了に近づいているＧＵＩ５００を図示している。図示のように、エフェクトコントロール１８０〜１８８の位置は、第２のステージ５１０に図示されているエフェクトコントロール１８０〜１８８の位置よりも更に開いた状態に扇形編出されている。また、固定ロケーションのロケーション、更にはエフェクトコントロール１８０〜１８８は、第２のステージ５１０に図示されている固定ロケーションのロケーションよりも画像表示エリア１４５の右側の中央に更に寄っている。
第４のステージ５２０は、エフェクトコントロール１８０〜１８８の扇形編出開アニメーション完了後のＧＵＩ５００を示す。図示のように、エフェクトコントロール１８０は、その開始ロケーション及び位置から固定ロケーションの周りを時計回りにおよそ９０°回動し、エフェクトコントロール１８２は、その開始ロケーション及び位置から固定ロケーションの周りを時計回りにおよそ６７．５°回動し、エフェクトコントロール１８４は、その開始ロケーション及び位置から固定ロケーションの周りを時計回りにおよそ４５°回動し、エフェクトコントロール１８６は、その開始ロケーション及び位置から固定ロケーションの周りを時計回りにおよそ２２．５°回動した。
図５は、エフェクトツールがアクティブ化されている時の、エフェクトツールのエフェクトコントロールの扇形編出開アニメーションの例を図示している。幾つかの実施形態において、画像編集アプリケーションは、エフェクトツールがアクティブ化されていても、エフェクトツールのエフェクトコントロールの扇形編出開アニメーションを表示しない。代わりに、そのような幾つかの実施形態のアプリケーションは、エフェクトツールの最終ステート（例えば、最も最近のステート）を表示する。例えば、エフェクトツールがアクティブ化されており、かつエフェクトツールのエフェクトコントロールがエフェクトツールの最終ステートで選択されている時、アプリケーションは、選択されたエフェクトコントロールを、図６に図示されている第４のステージ６２０に類似の様式で表示し得る。
図６は、図５に図示されているエフェクトツール１７５のエフェクトコントロールの選択を、概念的に示す。特に、図６は、エフェクトコントロールの選択操作の４つの別々のステージ６０５〜６２０におけるＧＵＩ５００を図示している。
ＧＵＩ５００の第１のステージ６０５は、エフェクトツール１７５のエフェクトコントロールの選択を示す。図示のように、ユーザは（例えば、エフェクトコントロール１８４にタッチして）エフェクトコントロール１８４を選択している。画像編集アプリケーションがエフェクトコントロール１８４の選択を受け取ると、アプリケーションは、選択されたエフェクトコントロール（この例では、エフェクトコントロール１８４）をハイライトし、一連のエフェクトコントロール１８０〜１８８の扇形編出閉アニメーションの表示を開始する。
第２のステージ６１０は、エフェクトコントロール１８４が選択され、一連のエフェクトコントロール１８０〜１８８の扇形編出閉アニメーションが開始された後のＧＵＩ５００を図示している。アプリケーションは、エフェクトコントロール１８４の境界線をボールド表示して、エフェクトコントロール１８４をハイライトする。この例では、図５の第４のステージ５１０に示す一連のエフェクトコントロール１８０〜１８８の位置及びロケーションは、扇形編出閉アニメーション用の一連のエフェクトコントロール１８０〜１８８の開始位置及びロケーションである。
扇形編出閉アニメーションが開始すると、画像編集アプリケーションは、エフェクトコントロール１８８を基準として固定ロケーション（例えば、この例ではＵＩアイテム１９０）の周りを反時計回りに回動するエフェクトコントロール１８０〜１８６を表示する。エフェクトコントロール１８０〜１８８を扇形編出すると同時に、アプリケーションはまた、固定ロケーション、更にはエフェクトコントロール１８０〜１８８を、画像表示エリア１４５の右側の中央からツールバー１９５の右側へ向かって移動させる。換言すれば、アプリケーションは閉じた状態に扇形編出するエフェクトコントロール１８０〜１８８を表示すると同時に、アプリケーションは画像表示エリア１４５の右側の中央からツールバー１９５の右側へ向かってスライドする固定ロケーションを表示する。
画像編集アプリケーションは、別々のエフェクトコントロールがエフェクトコントロールの開始位置及びロケーションから固定ロケーションの周りを異なる量で回動することを表示することによって、エフェクトコントロール１８０〜１８８の扇形編出閉アニメーションを表示する。図示のように、エフェクトコントロール１８０〜１８６はそれぞれ、エフェクトコントロール１８８を基準として固定ロケーションの周りを、上で図５を参照することにより述べたように、減量的に回動する。図６に図示されているエフェクトコントロール１８０〜１８６の回動方向（この例では、反時計回り）は、図５に示す扇形編出開アニメーション中のエフェクトコントロール１８０〜１８６の回動方向とは反対の方向である。
幾つかの実施形態において、画像編集アプリケーションは、別々のエフェクトコントロールがエフェクトコントロールの別々の開始位置及びロケーションから固定ロケーションの周りを異なる速度で定義済みの時間間隔にわたって回動することを表示することによって、エフェクトコントロール１８０〜１８８の扇形編出閉アニメーションを表示する。幾つかの実施形態において時間間隔は、アプリケーションが、固定ロケーション、更にはエフェクトコントロール１８０〜１８８を、画像表示エリア１４５の右側の中央からツールバー１９５の右側へ向かって移動させ始めてから、アプリケーションがエフェクトコントロール１８０〜１８８をツールバー１９５上に移動させてしまうまでの時間として定義される。
幾つかの実施形態の画像編集アプリケーションは、エフェクトコントロールがエフェクトコントロールの別々の開始位置及びロケーションから固定ロケーションの周りを同じ速度で回動することを表示することによって、エフェクトコントロール１８０〜１８８の扇形編出閉アニメーションを表示する。エフェクトコントロール１８０〜１８８を同じ速度で移動させながら扇形編出閉アニメーションを表示するため、アプリケーションは、別々の時点で別々のエフェクトコントロールの移動を開始する（例えば、定義済み時間量の経過後に特定のエフェクトコントロールの移動を開始する）。この手法に基づき、画像編集アプリケーションは最初にエフェクトコントロール１８０、２番目にエフェクトコントロール１８２、３番目にエフェクトコントロール１８４、４番目にエフェクトコントロール１８６、そして最後にエフェクトコントロール１８８の移動を開始する。幾つかの実施形態において、アプリケーションは、最初のエフェクトコントロール１８０がエフェクトコントロール１８２の位置に又はその付近にある時、２番目のエフェクトコントロール１８２の移動を開始する。よって、エフェクトコントロール１８０及び１８２は、１つのエフェクトコントロールとして一体的に移動するような外観を呈する。画像編集アプリケーションは、エフェクトコントロール１８４及び１８６の移動を類似の様式で開始する。エフェクトコントロール１８０及び１８２がエフェクトコントロール１８４の位置に又はその付近にある時、アプリケーションはエフェクトコントロール１８４の移動を開始し、エフェクトコントロール１８０〜１８４がエフェクトコントロール１８６の位置に又はその付近にある時、アプリケーションはエフェクトコントロール１８６の移動を開始する。
第３のステージ６１５は、エフェクトツール１７５のエフェクトコントロール１８０〜１８８の扇形編出開アニメーションが終了に近づいているＧＵＩ５００を図示している。図示のように、エフェクトコントロール１８０〜１８８の位置の方が、第２のステージ６１０に図示されているエフェクトコントロール１８０〜１８８の位置よりも更に閉じた状態に扇形編出されている。また、固定ロケーションのロケーション、更にはエフェクトコントロール１８０〜１８８は、第２のステージ６１０に図示されている固定ロケーションのロケーションよりもツールバー１９５の右側に更に寄っている。
第４のステージ６２０は、エフェクトコントロール１８０〜１８８の扇形編出閉アニメーション完了後のＧＵＩ５００を示す。画像編集アプリケーションは、扇形編出閉アニメーションを終えると、選択されたエフェクトコントロールをツールバー１９５上に表示する。アプリケーションはまた、図２の第４のステージ２２０に図示されているのに類似の様式で、選択されたエフェクトコントロールにオーバーラップするエフェクトコントロールを表示する。つまり、画像編集アプリケーションは、アプリケーションが選択されたエフェクトコントロールを表示するロケーション及び位置から、選択可能なＵＩアイテム１９０の周りを反時計回りにおよそ９０°回動した位置及びロケーションにて、選択されたエフェクトコントロールにオーバーラップした状態でエフェクトコントロールを表示する。第４のステージ６２０における一連のエフェクトコントロール１８０〜１８８の扇形編出閉アニメーションの終了時に、選択されたエフェクトコントロールにオーバーラップするエフェクトコントロールは、選択可能なＵＩアイテム１９０から懸下するような外観を呈する。
図６の第４のステージ６２０に図示されている例において、選択されているエフェクトコントロールはエフェクトコントロール１８４である。よって、画像編集アプリケーションは、選択されたエフェクトコントロール１８４から、ＵＩアイテム１９０の周りを反時計回りにおよそ９０°回動したロケーション及び位置にて、選択されたエフェクトコントロール１８４にオーバーラップした状態のエフェクトコントロール１８０及び１８２を表示する。
図６は、エフェクトツールの特定のエフェクトコントロールの選択を図示したものであるが、当業者に認識されるように、エフェクトツールのエフェクトコントロールはいずれもエフェクトツールがアクティブ化された後に選択されてよい。例えば、エフェクトコントロール１８０、１８２、１８６、又は１８８もユーザによって選択されていたかもしれない。
上述したように、ユーザは、エフェクトツールのエフェクトコントロールを選択した後でエフェクトコントロールの選択を変更したい場合もある。図７は、図５に図示されているエフェクトツール１７５の選択されたエフェクトコントロールの変更を、概念的に示す。具体的には、図７は、エフェクトコントロールの変更操作の４つの別々のステージ７０５〜７２０におけるＧＵＩ５００を図示している。
ＧＵＩ ５００の第１のステージ７０５は、図６に図示されているＧＵＩ ５００の第４のステージ６２０に類似している。つまり、第１のステージ７０５は、エフェクトコントロール１８４が選択され、エフェクトコントロール１８４が境界線のボールド表示によりハイライトされ、一連のエフェクトコントロール１８０〜１８８の扇形編出閉アニメーションが完了し、かつ選択されたエフェクトコントロール１８４がツールバー１９５上に表示された後のＧＵＩ ５００を示す。加えて、第１のステージ７０５は、エフェクトツール１７５のエフェクトコントロールの選択を変更する操作の呼び出しも図示している。図示のように、ユーザは（例えば、ＵＩアイテム１９０にタッチして）選択可能なＵＩアイテム１９０を選択し、エフェクトコントロールの選択を変更する操作を呼び出す。
第２のステージ７１０は、画像編集アプリケーションが一連のエフェクトコントロール１８０〜１８８の扇形編出開アニメーションを終了した後のＧＵＩ５００を図示している。アプリケーションがＵＩアイテム１９０の選択を受け取ると、アプリケーションは一連のエフェクトコントロール１８０〜１８８の扇形編出開アニメーションを表示する。このアニメーションは、上で図５を参照することにより述べた扇形編出開アニメーションに類似している。図示のように、エフェクトコントロール１８４がハイライトされたままになっている理由は、エフェクトコントロール１８４が、エフェクトツール１７５において現在選択されているエフェクトコントロールであるためである。
第３のステージ７１５におけるＧＵＩ１００は、エフェクトツール１７５の別々のエフェクトコントロールの選択を図示している。図示のように、ユーザは（例えば、エフェクトコントロール１８０にタッチして）エフェクトコントロール１８０を選択している。画像編集アプリケーションがエフェクトコントロール１８０の選択を受け取ると、アプリケーションは前に選択されたエフェクトコントロール１８６のハイライトを解除し、新たに選択されたエフェクトコントロール１８０をハイライトして、上で図２を参照することにより述べた一連のエフェクトコントロール１８０〜１８８の扇形編出閉アニメーションに類似する一連のエフェクトコントロール１８０〜１８８の扇形編出閉アニメーションを表示する。
第４のステージ７２０は、一連のエフェクトコントロール１８０〜１８８の扇形編出閉アニメーションの終了後に、選択されたエフェクトコントロール１８０がハイライトされツールバー１９５上に表示された状態のＧＵＩ５００を図示している。エフェクトツール１７５の他のエフェクトコントロール（即ち、エフェクトコントロール１８２〜１８８）はいずれも、選択されたエフェクトコントロール１８０にオーバーラップしないため、エフェクトコントロール１８２〜１８８の終了位置は、選択されたエフェクトコントロール１８０の終了位置と同じである。よって、どのエフェクトコントロールも、ＵＩアイテム１９０から懸下するような外観にはならない。
図７は、エフェクトツールの選択されたエフェクトコントロールの変更の一例を図示している。当業者によって理解されるように、エフェクトツールの選択されたエフェクトコントロールを変更する際には、エフェクトツールの任意のエフェクトコントロールも選択することができる。しかも、エフェクトツールの選択されたエフェクトコントロールは、任意の回数変更することができる。
図５〜７は、エフェクトコントロールが開いた状態及び閉じた状態に扇形編出されている時の、エフェクトコントロール１８０〜１８８のレイアウト例及びアニメーションを示す。幾つかの実施形態において、図５〜７に図示されているエフェクトコントロール１８０〜１８８のレイアウト及びアニメーションは、画像編集アプリケーションが右手モードになっている時に提供され、この右手モードでは、ユーザが右手を使ってアプリケーションのＧＵＩ５００と対話操作しやすくなる。そのような幾つかの実施形態において、画像編集アプリケーションが左手モードになっている時、アプリケーションは、エフェクトコントロールが開いた状態及び閉じた状態に扇形編出される際に、エフェクトコントロール１８０〜１８８の異なるレイアウト及びアニメーションを提供する。例えば、アプリケーションの左手モードにおいて、幾つかの実施形態の画像編集アプリケーションは、エフェクトコントロールが画像表示エリア１４５の左側から画像表示エリア１４５の中心へと移動しながら、そのエフェクトコントロールが画像表示エリア１４５の左下近くで開始して画像表示エリア１４５の右上へ向かって開いた状態に扇形編出することを除けば、図５に示されているものに類似の様式で扇形編出開アニメーションを表示する。そのような実施形態のアプリケーションの左手モードは、エフェクトコントロールが画像表示エリア１４５の中心付近から画像表示エリア１４５の左側へと移動しながら、エフェクトコントロールが画像表示エリア１４５の左側へ向かって内向きに扇形編出することを除けば、図６に示したものに類似の様式で扇形編出閉アニメーションを表示する。幾つかの実施形態において、画像編集アプリケーションが左手モードになっている時、図５〜７に図示されているエフェクトコントロール１８０〜１８８の配列が提供され、アプリケーションが右手モードの時は、代わりに、上で左手モードに関して述べたエフェクトコントロール１８０〜１８８の配列が提供される。当業者によって理解されるように、上記の図１〜７中のいずれのＧＵＩも、上記の図１〜７中に図示されているあらゆるアニメーションを使用できる。
上記の図１〜７は、ＵＩコントロールを開いた状態及び閉じた状態に扇形編出するための幾つかの技術を示している。例えば、図３及び７は、あるＵＩアイテム（これらの例ではＵＩアイテム１９０）を選択してそのＵＩコントロールを開いた状態に扇形編出すことによって別のＵＩコントロールの選択、及びあるＵＩコントロールを選択してそのＵＩコントロールの閉じた状態に扇形編出を示している。しかしながら、幾つかの実施形態において、ＵＩコントロールを開いた状態及び閉じた状態に扇形編出する際に、他の技術を利用することもできる。例えば、幾つかの実施形態のＵＩツールにおいて、ユーザは、選択されたＵＩコントロール上でジェスチャ（例えば、スワイプアップジェスチャ）を実行することによって、そのＵＩコントロールを開いた状態に扇形編出できる。同様に、幾つかの実施形態において、ＵＩコントロールが開いた状態に扇形編出されており、かつユーザが別のＵＩコントロールを選択したくない場合（即ち、ユーザが現在選択されているＵＩコントロールを選択された状態に維持したい場合）、ユーザはＵＩツールを使って画像表示エリア上でジェスチャ（例えば、スワイプダウンジェスチャ）を実行することによって、そのＵＩコントロールを閉じた状態に扇形編出することができる。他の技術も考えられる。
上述の通り、幾つかの実施形態のエフェクトツールの各エフェクトコントロールは、一連のエフェクトを編集中の画像に適用する目的に対応している。エフェクトツールの様々な実施形態が、それぞれ異なる種類のエフェクトコントロールを包含する。以下の図８〜１１は、異なる種類のエフェクトコントロールを含む様々なエフェクトツールの幾つかの例を図示している。
図８は、一種類のエフェクトコントロールを含む幾つかの実施形態のエフェクトツール１７５を、概念的に示す。図示のように、エフェクトツール１７５は、一連のスライダコントロール８８０〜８８８を含む。スライダコントロール８８０〜８８８の各々は、摺動領域と、スライダコントロールに関連付けられているエフェクトを調整できるように摺動領域の軸に沿って可動であるスライダと、を備えている。幾つかの実施形態において、摺動領域に沿ったスライダの別々の位置は、編集中の画像に適用される、スライダコントロールに関連付けられているエフェクトの別々の範囲を示す。
図９は、別の種類のエフェクトコントロールを含む幾つかの実施形態のエフェクトツール１７５を、概念的に示す。図９は、エフェクトツール１７５が一連のサムネイルスライダコントロール９８０〜９８８を含んでいることを図示している。サムネイルスライダコントロール９８０〜９８８の各々は、サムネイルスライダコントロールに沿った別々の位置に配置された、一連の選択可能なＵＩアイテムを含む。各一連の選択可能なＵＩアイテムは、サムネイルスライダコントロールに関連付けられているエフェクトの別々の範囲を編集中の画像（この例では、画像１４２）に適用する目的に対応している。
図示のように、サムネイルスライダコントロールの各ＵＩアイテムは、編集中の画像のサムネイル画像（例えば、編集中の画像のフルサイズバージョンを縮小サイズで表したもの）、及びサムネイルスライダコントロールに関連付けられているエフェクトの範囲をサムネイル画像に適用したものを表示する。この例では、エフェクトのうちの幾つかは、様々な種類の線（縦線、横線、及び斜線）で表される。画像上に表示される線の数が多いほど、画像に適用されるエフェクトの範囲が広いことを表し、画像上に表示される線の数が少ないほど、画像に適用されるエフェクトの範囲が狭いことを表す。
例えば、サムネイルスライダコントロール９８８は、画像上に縦線を表示することで表されるエフェクトを適用する目的に対応している。サムネイルスライダコントロール９８８の各ＵＩアイテムは、画像１４２のサムネイル画像、及びサムネイル画像に適用されたサムネイルスライダコントロール９８８に関連付けられているエフェクトの範囲を表示する。サムネイルスライダコントロール９８８の左端のＵＩアイテムは、そのサムネイル画像上に縦線が一切表示されていない。このことは、最左端のＵＩアイテムのサムネイル画像に適用されているエフェクトの範囲が極めて狭いことを示す。サムネイルスライダコントロール９８８の左端から２番目のＵＩアイテムは、そのサムネイル画像上に２本の縦線が表示されている。このことは、左端から２番目のＵＩアイテムのサムネイル画像に適用されているエフェクトの範囲が狭いことを示す。サムネイルスライダコントロール９８８の中央のＵＩアイテムは、そのサムネイル画像上に３本の縦線が表示されている。このことは、中央のＵＩアイテムのサムネイル画像に適用されているエフェクトの範囲が中程度であることを示す。サムネイルスライダコントロール９８８の右端から２番目のＵＩアイテムは、そのサムネイル画像上に６本の縦線が表示されている。このことは、右端から２番目のＵＩアイテムのサムネイル画像に適用されているエフェクトの範囲が広いことを示す。サムネイルスライダコントロール９８８の右端のＵＩアイテムは、そのサムネイル画像上に１１本の縦線が表示されている。このことは、右端のＵＩアイテムのサムネイル画像に適用されているエフェクトの範囲が極めて広いことを示す。
図１０は、別の種類のエフェクトコントロールを含む幾つかの実施形態のエフェクトツール１７５を、概念的に示す。図示のように、エフェクトツール１７５は、一連のマルチスライダコントロール１０８０〜１０８８を含む。マルチスライダコントロール１０８０〜１０８８の各々は、上で図８を参照することにより述べたスライダコントロールに類似する一連のスライダコントロールを含む。幾つかの実施形態において、マルチスライダコントロールは、編集中の画像に１つのエフェクトを適用する目的に対応しており、マルチスライダコントロールの各スライダコントロールは、マルチスライダコントロールに関連付けられているエフェクトの別の態様を調整する目的に対応している。このようにして、マルチスライダコントロールの別のスライダコントロールを使用して、マルチスライダコントロールに関連付けられているエフェクトの様々な態様を調整できる。幾つかの実施形態において、マルチスライダコントロールは、幾つかの別々のエフェクトを編集中の画像に適用する目的に対応しており、マルチスライダコントロールの各スライダコントロールは、マルチスライダコントロールに関連付けられている別のエフェクトを調整する目的に対応している。
上記の図８〜１０は、同じ種類のエフェクトコントロールを含むエフェクトツールを図示している。幾つかの実施形態において、エフェクトツールは、幾つかの異なる種類のエフェクトコントロールを含む。図１１は、そのようなエフェクトツールの例を概念的に示す。図示のように、図１１は、一連のエフェクトコントロール１１８０〜１１８８を含む幾つかの実施形態のエフェクトツール１７５を、概念的に示す。特に、エフェクトコントロール１１８０及び１１８８は、上で図８を参照することにより述べたスライダコントロールに類似しており、エフェクトコントロール１１８２及び１１８６は、上で図９を参照することにより述べたサムネイルスライダコントロールに類似しており、エフェクトコントロール１１８４は、上で図１０を参照することにより述べたマルチスライダコントロールに類似している。
図１２には、幾つかの実施形態のサムネイルスライダコントロール１２８０、及びサムネイルスライダコントロール１２８０を使用して画像にエフェクトの適用を、概念的に示す。具体的には、図１２は、エフェクト適用操作の４つの別々のステージ１２０５〜１２２０におけるＧＵＩ１００を図示している。
図１２におけるエフェクトツール１７５が一連のサムネイルスライダコントロールを含むことを除けば、ＧＵＩ１００の第１のステージ１２０５は、図２に図示されている第４のステージ２２０に類似している。図示のように、ユーザは（例えば、ＵＩアイテム１４０を選択して）エフェクトツール１７５をアクティブ化しており、このことは、エフェクトアイテム１４０がハイライトされていることに示されている。加えて、ユーザは（例えば、エフェクトツール１７５の一連のサムネイルスライダコントロールが外向きに扇形編出されている時に、サムネイルスライダコントロール１２８０にタッチして）エフェクトツール１７５のサムネイルスライダコントロール１２８０を選択している。
サムネイルスライダコントロール１２８０は、上で図９を参照することにより述べたサムネイルスライダコントロールに類似している。即ち、サムネイルスライダコントロール１２８０は、サムネイルスライダコントロール１２８０に沿った別々の位置に配置された、一連の選択可能なＵＩアイテム１２８１〜１２８５を含む。一連の選択可能なＵＩアイテム１２８１〜１２８５は、サムネイルスライダコントロール１２８０に関連付けられているエフェクトの別々の範囲を編集中の画像（この例では、画像１４２）に適用する目的に対応している。図示のように、各選択可能なＵＩアイテムは、画像１４２のサムネイル画像、及びサムネイル画像に適用されたサムネイルスライダコントロール１２８０に関連付けられているエフェクトの範囲を表示する。各ＵＩアイテムは、ＵＩアイテムのサムネイル画像にエフェクトが適用される範囲まで、エフェクトを画像１４２に適用する目的に対応している。この例では、サムネイルスライダコントロール１２８０に関連付けられているエフェクトは、左下から右上に描かれた斜線で表されている。画像上に表示される斜線の数が多いほど、画像に適用されているエフェクトの範囲が広いことを表し、画像上に表示される斜線の数が少ないほど、画像に適用されているエフェクトの範囲が狭いことを表す。
第２のステージ１２１０は、サムネイルスライダコントロール１２８０の選択可能なＵＩアイテムが選択された後のＧＵＩ１００を図示している。ここで、ユーザは、サムネイルスライダコントロール１２８０に関連付けられているエフェクトを画像１４２に適用するため、ＵＩアイテム１２８２を選択している。ＵＩアイテム１２８２が選択されたことは、ＵＩアイテム１２８２がハイライトされていることにより示される。画像編集アプリケーションがＵＩアイテム１２８２の選択を受け取ると、アプリケーションはＵＩアイテム１２８２をハイライトして、ＵＩアイテム１２８２のサムネイル画像にエフェクトが適用された範囲まで、画像１４２にエフェクトを適用する。第２のステージ１２１０に示されているように、画像１４２上に３本の斜線が表示されており、これはＵＩアイテム１２８２のサムネイル画像上に表示される斜線と同数であって、このことは、サムネイルスライダコントロール１２８０に関連付けられているエフェクトが、画像１４２に適用されていることを示している。
エフェクトによっては目に留まりづらいものもあれば、又はエフェクトが画像に極めて狭い範囲で適用されることもあり得る。エフェクトが画像に適用されていることを示すために、幾つかの実施形態の画像編集アプリケーションは、アプリケーションが画像にエフェクトを適用した時に、エフェクトツールＵＩアイテム１４０の上にインジケータ（例えば、ハイライト）を表示する。第２のステージ１２１０に図示しているように、そのようなインジケータはエフェクトツールＵＩアイテム１４０の上に表示され、黒い境界線で縁取られた白い太線で表される。アプリケーションがＵＩアイテム１２８２の選択を受け取った時に、アプリケーションはインジケータを表示する。幾つかの実施形態において、アプリケーションは、（別のツールがアクティブ化されている場合でさえも）１つ以上のエフェクトが編集中の画像に適用される限り、引き続きエフェクトツールＵＩアイテム１４０の上にインジケータを表示する。
第３のステージ１２１５は、ユーザがサムネイルスライダコントロール１２８０の別の選択可能なＵＩアイテムを選択した後のＧＵＩ１００を図示している。このステージにおいて、ユーザは（例えば、ＵＩアイテム１２８４にタッチして）ＵＩアイテム１２８４を選択し、サムネイルスライダコントロール１２８０に関連付けられているエフェクトを画像１４２に適用することによって、エフェクトが画像１４２に適用される範囲を増大させている。ＵＩアイテム１２８４が選択されたことは、ＵＩアイテム１２８４がハイライトされていることにより示される。画像編集アプリケーションがＵＩアイテム１２８４の選択を受け取ると、アプリケーションはＵＩアイテム１２８４をハイライトし、ＵＩアイテム１２８２のハイライトを解除して、エフェクトがＵＩアイテム１２８４のサムネイル画像に適用されるのと同じ範囲まで、画像１４２にエフェクトを適用する。第３のステージ１２１５に示すように、画像１４２上に表示される斜線数の方が、第２のステージ１２１０における画像１４２上に表示される斜線数と比較して増えており、このことは、より大きな範囲のエフェクトが画像１４２に適用されていることを示す。
第４のステージ１２２０においてＧＵＩ１００は、ユーザがサムネイルスライダコントロール１２８０の別の選択可能なＵＩアイテムを選択して、エフェクトが画像１４２に適用される範囲を変更したことを図示している。第４のステージ１２２０において、ユーザは（例えば、ＵＩアイテム１２８１にタッチして）ＵＩアイテム１２８１を選択し、サムネイルスライダコントロール１２８０に関連付けられているエフェクトを画像１４２に適用することによって、エフェクトが画像１４２に適用される範囲を縮小する。ＵＩアイテム１２８１が選択されたことは、ＵＩアイテム１２８１がハイライトされていることにより示される。画像編集アプリケーションがＵＩアイテム１２８１の選択を受け取ると、アプリケーションはＵＩアイテム１２８１をハイライトし、ＵＩアイテム１２８４のハイライトを解除して、エフェクトがＵＩアイテム１２８１のサムネイル画像に適用されるのと同じ範囲まで、画像１４２にエフェクトを適用する。図示のように、画像１４２上には斜線が全く表示されておらず、このことは、縮小された範囲のエフェクトが画像１４２に適用されていることを示す。
図１２は、選択された時にエフェクトの一連の定義済み範囲を編集中の画像に適用する、一連の選択可能なＵＩアイテムを含むサムネイルスライダコントロールを図示している。そのようなサムネイルスライダコントロールはまた、離散サムネイルスライダコントロールと呼ばれる場合もある。幾つかの実施形態において、アプリケーションは、編集中の画像にエフェクトをより細かな粒度で適用するための、サムネイルスライダコントロールを提供する。このサムネイルスライダコントロールは、連続サムネイルスライダコントロールと呼ばれる場合もある。
図１３は、幾つかの実施形態の連続サムネイルスライダコントロール１３８０、及びサムネイルスライダコントロール１３８０を使用して画像にエフェクトの適用を、概念的に示す。特に、図１３は、エフェクト適用操作の４つの別々のステージ１３０５〜１３２０におけるＧＵＩ１００を図示している。
図１３におけるエフェクトツール１７５が一連のサムネイルスライダコントロールを含むことを除けば、ＧＵＩ１００の第１のステージ１３０５は、図２に図示されている第４のステージ２２０に類似している。図示のように、ユーザは（例えば、ＵＩアイテム１４０を選択して）エフェクトツール１７５をアクティブ化しており、これは、エフェクトアイテム１４０がハイライトされていることにより示されている。加えて、ユーザは（例えば、エフェクトツール１７５の一連のサムネイルスライダコントロールが外向きに扇形編出されている時に、サムネイルスライダコントロール１３８０にタッチして）エフェクトツール１７５のサムネイルスライダコントロール１３８０を選択している。
図示のように、サムネイルスライダコントロール１３８０は、選択可能な摺動領域１３８６と、選択可能な摺動領域１３８６に沿った別々の位置に配置された一連のサムネイル画像１３８１〜１３８５と、を含む。摺動領域１３８６は、サムネイルスライダコントロール１３８０に関連付けられているエフェクトの別々の範囲を編集中の画像（この例では、画像１４２）に適用する目的に対応している。摺動領域１３８６の水平軸に沿った別々のロケーションは、編集中の画像に別々の範囲のエフェクトを適用する目的に対応している。例えば、幾つかの実施形態において、摺動領域１３８６の第１の水平端部は、編集中の画像にエフェクトが殆ど又は全く適用されないことに相当しており、摺動領域１３８６第２の水平端部は、編集中の画像に全範囲のエフェクトが適用されることに相当しており、摺動領域の第１の端部から第２の端部までの増分的な水平ロケーションは、編集中の画像に増分範囲のエフェクトが適用されることに相当している。この例では、選択可能な摺動領域１３８６の左側は、編集中の画像にエフェクトが全く適用されないことに相当しており、選択可能な摺動領域１３８６の右側は、編集中の画像に全範囲のエフェクトが適用されることに相当している。
図示のように、サムネイル画像１３８１〜１３８５の各々は、画像１４２のサムネイル画像、及びサムネイル画像に適用されたサムネイルスライダコントロール１３８０に関連付けられているエフェクトの範囲を表示する。この例では、選択可能な摺動領域１３８６における各サムネイル画像の中央のロケーションは、サムネイル画像に適用されるエフェクトの範囲に対応している。このようにして、サムネイル画像１３８１〜１３８５は、ユーザがサムネイルの中央を選択した時にエフェクトが編集中の画像に適用される範囲を、ユーザに対し視覚的に示す。様々な実施形態は、サムネイル画像１３８１〜１３８５を基準とした選択可能な摺動領域１３８６内の別々のロケーションを使用して、サムネイル画像に適用されるエフェクトの範囲に対応するようにしている。例えば、幾つかの実施形態は、選択可能な摺動領域１３８６内の各サムネイル画像の左付近のロケーションを使用して、サムネイル画像に適用されているエフェクトの範囲に対応し得る。
第２のステージ１３１０は、サムネイルスライダコントロール１３８０の摺動領域１３８６上のロケーションが選択された後のＧＵＩ１００を図示している。ここで、ユーザは、サムネイルスライダコントロール１３８０に関連付けられているエフェクトを画像１４２に適用するため、サムネイル画像１３８２付近のロケーションを選択している。摺動領域１３８６上のロケーションが選択されると、画像編集アプリケーションは、選択されたロケーションを示すインジケータ１３８７を表示して、ロケーションに最も近いサムネイルをハイライトする。図示のように、ユーザが選択したのは、サムネイル画像１３８２付近のロケーションである。アプリケーションがこのロケーションの選択を受け取ると、アプリケーションはサムネイル画像１３８２をハイライトして、選択されたロケーションに一致する範囲まで、画像１４２にエフェクトを適用する。第２のステージ１３１０に示すように、画像１４２に適用されるエフェクトの範囲は、エフェクトがサムネイル画像１３８２に適用される範囲に類似している。この例では、第２のステージ１３１０より前には画像１４２に全くエフェクトが適用されていなかったため、アプリケーションがサムネイル画像１３８２の選択を受け取った時に、アプリケーションは画像１４２にエフェクトが適用されたことを示すインジケータをエフェクトツールＵＩアイテム１４０の上に表示する。
第３のステージ１３１５は、ユーザがサムネイルスライダコントロール１３８０の選択可能な摺動領域１３８６に沿った別のロケーションを選択した後のＧＵＩ１００を図示している。このステージでは、ユーザが摺動領域１３８６上のロケーションを選択して、エフェクトが画像１４２に適用される範囲が増大している。ユーザは、ロケーションを、第２のステージ１３１０において引き続き摺動領域１３８６にタッチして摺動領域１３８６に沿ってそのロケーションまでスライドすることによって、又は摺動領域１３８６上でそのロケーションにタッチすることによって、選択できる。
第３のステージ１３１０に示されているロケーションが選択された状態であることは、そのロケーションに最も近いサムネイル画像であるサムネイル画像１３８４がハイライトされていることにより示されている。ユーザが指を摺動領域１３８６に沿って滑らせてロケーションを選択する例では、幾つかの実施形態のアプリケーションは、選択されているロケーションにおいて引き続きインジケータ１３８７を表示する。つまり、指を摺動領域１３８６に沿って滑らせると、アプリケーションは、指と一緒にインジケータ１３８７のロケーションを移動する。
幾つかの実施形態において、ユーザが指を摺動領域１３８６に沿って滑らしている間、アプリケーションは摺動領域１３８６内の最も近いサムネイル画像を引き続きハイライトする。よって、そのような実施形態のアプリケーションは、サムネイル画像１３８３をハイライトし、滑らせている指のロケーションがサムネイル画像１３８２よりもサムネイル画像１３８３に近づいた時に、サムネイル画像１３８２のハイライトを解除する。同様に、アプリケーションは、サムネイル画像１３８４をハイライトし、滑らせている指のロケーションがサムネイル画像１３８３よりもサムネイル画像１３８４に近づいた時に、サムネイル画像１３８３のハイライトを解除する。
幾つかの実施形態のアプリケーションは、ユーザが指を摺動領域１３８６に沿って滑らせている間、選択されたロケーションに一致する範囲まで、画像１４２にエフェクトを適用する。第３のステージ１３１５に示すように、画像１４２上に表示される斜線数の方が、第２のステージ１３１０における画像１４２上に表示される斜線数と比較して増えており、このことは、より大きな範囲のエフェクトが画像１４２に適用されていることを示す。
第４のステージ１３２０におけるＧＵＩ１００は、ユーザが選択可能な摺動領域１３８６に沿った別のロケーションを選択して、エフェクトが画像１４２に適用される範囲が変更されたことを図示している。第４のステージ１３２０では、ユーザが摺動領域１３８６上のロケーションを選択して、エフェクトが画像１４２に適用される範囲が縮小した。ユーザはこのロケーションを、第３のステージ１３１５において引き続き摺動領域１３８６にタッチして摺動領域１３８６に沿ってそのロケーションまでスライドすることにより、又は摺動領域１３８６上でそのロケーションにタッチすることによって、選択できる。
幾つかの実施形態において、画像編集アプリケーションは、サムネイル画像１３８１〜１３８５をハイライトし、インジケータ１３８７を表示して、上で第３のステージ１３８１５を参照することにより述べたのと類似の様式で画像１４２にエフェクトを適用する。このステージで示すように、画像１４２上に斜線が全く表示されておらず、縮小された範囲のエフェクトが画像１４２に適用さていることを示している。
図１２及び１３は、編集中の画像に適用される単一エフェクトを制御するサムネイルスライダコントロールの例を図示している。サムネイルスライダコントロールで実施され得る単一エフェクトの詳細は、２０１２年９月２７日出願の「Ｍｅｔｈｏｄ ａｎｄ Ｉｎｔｅｒｆａｃｅ ｆｏｒ Ｃｏｎｖｅｒｔｉｎｇ Ｉｍａｇｅｓ ｔｏ Ｇｒａｙｓｃａｌｅ」と題する米国特許出願公開第１３／６２９，５４９号、及び２０１２年９月２７日出願の「Ｍｕｌｔｉ Ｏｐｅｒａｔｉｏｎ Ｓｌｉｄｅｒ」と題する米国特許出願公開第１３／６２９，５２３号に記載されている。米国特許出願公開第１３／６２９，５４９号及び同第１３／６２９，５２３号は、本明細書において参照により援用されている。
幾つかの実施形態において、アプリケーションは、幾つかの別々のエフェクトを編集中の画像に適用するための、サムネイルスライダコントロールを提供する。図１４は、幾つかの実施形態のサムネイルスライダコントロール１４８０、及びサムネイルスライダコントロール１４８０を使用して別々のエフェクトを画像にエフェクトの適用を、概念的に示す。具体的には、図１４は、幾つかのエフェクト適用操作の４つの別々のステージ１４０５〜１４２０におけるＧＵＩ１００を図示している。
図１４におけるエフェクトツール１７５が一連のサムネイルスライダコントロールを含むことを除けば、ＧＵＩ１００の第１のステージ１４０５は、図２に図示されている第４のステージ２２０に類似している。図示のように、ユーザは（例えば、ＵＩアイテム１４０を選択して）エフェクトツール１７５をアクティブ化しており、このことは、エフェクトアイテム１４０がハイライトされていることにより示されている。加えて、ユーザは（例えば、エフェクトツール１７５の一連のサムネイルスライダコントロールが外向きに扇形編出されている時に、サムネイルスライダコントロール１４８０にタッチして）エフェクトツール１７５のサムネイルスライダコントロール１４８０を選択している。
図１４に示すように、サムネイルスライダコントロール１４８０は、サムネイルスライダコントロール１４８０に沿った別々の位置に配置された、一連の選択可能なＵＩアイテム１４８１〜１４８５を含む。一連の選択可能なＵＩアイテム１４８１〜１４８５は、サムネイルスライダコントロール１４８０に関連付けられている別々のエフェクトを編集中の画像（この例では、画像１４２）に適用する目的に対応している。この例では、別々のエフェクトのうちの幾つかが、異なる種類の線（この例では、縦線、横線、左から右の斜線、及び右から左の斜線）で表されている。図示のように、各選択可能なＵＩアイテムは、画像１４２のサムネイル画像、及びサムネイル画像に適用された別々のエフェクトの範囲を表示する。
幾つかの実施形態において、サムネイルスライダコントロール１４８０は、同じ種類の別々のエフェクトを提供する。例えば、幾つかの実施形態サムネイルスライダコントロール１４８０は、様々なペイントエフェクト、様々な黒白エフェクト、様々な色エフェクトなどを提供する。幾つかの実施形態において、サムネイルスライダコントロール１４８０は、様々な種類の別々のエフェクトを提供する。
第２のステージ１４１０は、サムネイルスライダコントロール１４８０の選択可能なＵＩアイテムが選択された後のＧＵＩ１００を図示している。ここで、ユーザは、ＵＩアイテム１４８１に関連付けられているエフェクトを画像１４２に適用するため、ＵＩアイテム１４８１を選択している。ＵＩアイテム１４８１が選択されたことは、ＵＩアイテム１４８１がハイライトされていることにより示される。画像編集アプリケーションがＵＩアイテム１４８１の選択を受け取ると、アプリケーションはＵＩアイテム１４８１をハイライトして、ＵＩアイテム１４８１に対応するエフェクトを画像１４２に適用する。この例では、第２のステージ１４１０より前には画像１４２に全くエフェクトが適用されていないため、ＵＩアイテム１４８１の選択を受け取った時に、アプリケーションはエフェクトが画像１４２に適用されたことを示すインジケータをエフェクトツールＵＩアイテム１４０の上に表示する。
第３のステージ１４１５は、ユーザがサムネイルスライダコントロール１２８０の別の選択可能なＵＩアイテムを選択した後のＧＵＩ１００を図示している。このステージにおいて、ユーザは（例えば、ＵＩアイテム１４８３にタッチして）ＵＩアイテム１４８３を選択し、サムネイルスライダコントロール１２８０に関連付けられている別々のエフェクトを画像１４２に適用している。ＵＩアイテム１４８３が選択されたことは、ＵＩアイテム１４８３がハイライトされていることにより示される。画像編集アプリケーションがＵＩアイテム１４８３の選択を受け取ると、アプリケーションは、ＵＩアイテム１４８３をハイライトし、ＵＩアイテム１４８１のハイライトを解除してから、ＵＩアイテム１４８３に対応するエフェクトを画像１４２に適用する。
第４のステージ１４２０におけるＧＵＩ１００は、ユーザがサムネイルスライダコントロール１４８０の別の選択可能なＵＩアイテムを選択して、画像１４２に適用されるエフェクトが変更されたことを図示している。第４のステージ１４２０において、ユーザは（例えば、ＵＩアイテム１４８５にタッチして）ＵＩアイテム１４８５を選択し、ＵＩアイテム１４８５に対応するエフェクトを画像１４２に適用する。ＵＩアイテム１４８５が選択されたことは、ＵＩアイテム１４８５がハイライトされていることにより示される。画像編集アプリケーションがＵＩアイテム１４８５の選択を受け取ると、アプリケーションは、ＵＩアイテム１４８５をハイライトし、ＵＩアイテム１４８３のハイライトを解除してから、ＵＩアイテム１４８５に対応するエフェクトを画像１４２に適用する。
異なる種類のエフェクトを画像に適用するためサムネイルスライダコントロールで実施され得るエフェクトの詳細は、２０１２年９月２７日出願の「Ｏｖｅｒｌａｉｄ Ｕｓｅｒ Ｉｎｔｅｒｆａｃｅ Ｔｏｏｌｓ ｆｏｒ Ａｐｐｌｙｉｎｇ Ｅｆｆｅｃｔｓ ｔｏ Ｉｍａｇｅ」と題する米国特許出願公開第１３／６２９，３８３号、２０１２年９月１日出願の米国特許出願公開第１３／６０２，１２４号、及び２０１２年９月１日出願の米国特許出願公開第１３／６０２，１３５号に記載されている。米国特許出願公開第１３／６２９，３８３号、同第１３／６０２，１２４号、及び同第１３／６０２，１３５号は、本明細書において参照により援用されている。
図１５は、幾つかの実施形態の連続サムネイルスライダコントロール１５８０、及びサムネイルスライダコントロール１５８０を画像に対する複数のエフェクトへの使用を、概念的に示す。特に、図１５は、複数のエフェクトを編集中の画像への適応の３つの別々のステージ１５０５〜１５１５におけるＧＵＩ１００を図示している。
図１５におけるエフェクトツール１７５が一連のサムネイルスライダコントロールを含むことを除けば、ＧＵＩ１００の第１のステージ１５０５は、図２に図示されている第４のステージ２２０に類似している。図示のように、ユーザは（例えば、ＵＩアイテム１４０を選択して）エフェクトツール１７５をアクティブ化しており、このことは、エフェクトアイテム１４０がハイライトされていることにより示されている。加えて、ユーザは（例えば、エフェクトツール１７５の一連のサムネイルスライダコントロールが外向きに扇形編出されている時に、サムネイルスライダコントロール１５８０にタッチして）エフェクトツール１７５のサムネイルスライダコントロール１５８０を選択している。
図示のように、サムネイルスライダコントロール１５８０は、選択可能な摺動領域１５８６と、選択可能な摺動領域１５８６に沿った別々の位置に配置された一連のサムネイル画像１５８１〜１５８５と、一連の選択可能なＵＩアイテム１５８７〜１５８９と、を含む。摺動領域１５８６は、サムネイルスライダコントロール１５８０に関連付けられているエフェクトの別々の範囲を編集中の画像（この例では、画像１４２）に適用する目的に対応している。摺動領域１５８６の水平軸に沿った別々のロケーションは、編集中の画像に別々の範囲のエフェクトを適用する目的に対応している。例えば、幾つかの実施形態において、摺動領域１５８６の第１の水平端部は、編集中の画像にエフェクトが殆ど又は全く適用されないことに相当しており、摺動領域１５８６第２の水平端部は、編集中の画像に全範囲のエフェクトが適用されることに相当しており、摺動領域の第１の端部から第２の端部までの増分的な水平ロケーションは、編集中の画像に増分範囲のエフェクトが適用されることに相当している。この例では、選択可能な摺動領域１５８６の左側は、編集中の画像にエフェクトが全く適用されないことに相当しており、選択可能な摺動領域１５８６の右側は、編集中の画像に全範囲のエフェクトが適用されることに相当している。
図示のように、サムネイル画像１５８１〜１５８５の各々は、画像１４２のサムネイル画像、及びサムネイル画像に適用されたサムネイルスライダコントロール１５８０に関連付けられているエフェクトの範囲を表示する。この例では、選択可能な摺動領域１５８６における各サムネイル画像の中央のロケーションは、サムネイル画像に適用されるエフェクトの範囲に対応している。このようにして、サムネイル画像１５８１〜１５８５は、ユーザがサムネイルの中央を選択した時にエフェクトが編集中の画像に適用される範囲を、ユーザに対し視覚的に示す。様々な実施形態は、サムネイル画像１５８１〜１５８５を基準とした選択可能な摺動領域１５８６内の別々のロケーションを使用して、サムネイル画像に適用されているエフェクトの範囲に対応するようにしている。例えば、幾つかの実施形態は、選択可能な摺動領域１５８６内の各サムネイル画像の左付近のロケーションを使用して、サムネイル画像に適用されているエフェクトの範囲に対応し得る。
一連の選択可能なＵＩアイテム１５８７〜１５８９は、画像にエフェクトが適用された後、摺動領域１５８６を使用して別々のエフェクトを編集中の画像に適用する目的に対応している。幾つかの実施形態では、一連の選択可能なＵＩアイテム１５８７〜１５８９を使用して、摺動領域１５８６を用いてエフェクトを画像に適用せずとも別々のエフェクトを画像に適用できる。エフェクトの例としては、ビネットエフェクト、セピアエフェクト、グレインエフェクト、又は画像の外観を修正するための他の任意のエフェクトが挙げられる。第１のステージ１５０５は、一連のＵＩアイテム１５８７〜１５８９を表示するＧＵＩ１００を示しているが、幾つかの実施形態のアプリケーションは、摺動領域１５８６を使用してエフェクトが適用された後にＵＩアイテム１５８７〜１５８９を提供する。
第２のステージ１５１０は、サムネイルスライダコントロール１５８０の摺動領域１５８６上のロケーションが選択された後のＧＵＩ１００を図示している。ここで、ユーザは、サムネイルスライダコントロール１５８０に関連付けられているエフェクトを画像１４２に適用するため、サムネイル画像１５８２付近のロケーションを選択している。摺動領域１５８６のロケーションが選択されると、画像編集アプリケーションは、選択されたロケーションを示すインジケータ１５９０を表示して、ロケーションに最も近いサムネイルをハイライトする。図示のように、ユーザが選択したのは、サムネイル画像１５８２付近のロケーションである。アプリケーションがこのロケーションの選択を受け取ると、アプリケーションは、サムネイル画像１５８２をハイライトして、選択されたロケーションに一致する範囲まで、画像１４２にエフェクトを適用する。第２のステージ１５１０に示すように、画像１４２に適用されるエフェクトの範囲は、エフェクトがサムネイル画像１５８２に適用される範囲に類似している。この例では、第２のステージ１５１０より前には画像１４２に全くエフェクトが適用されていなかったため、アプリケーションがサムネイル画像１５８２の選択を受け取った時に、アプリケーションは画像１４２にエフェクトが適用されたことを示すインジケータをエフェクトツールＵＩアイテム１４０の上に表示する。
ＧＵＩ１００の第３のステージ１５１５は、ユーザが編集中の画像に追加エフェクトを適用する際、選択可能なＵＩアイテムのうちの１つを選択したことを図示している。図示のように、ユーザは（例えば、ＵＩアイテム１５８７にタッチして）ＵＩアイテム１５８７を選択し、ビネットエフェクトを画像１４２に適用する。第３のステージ１５１５はまた、画像１４２の境界線の周囲のエリアが暗色化されていることに示されているように、ビネットエフェクトが画像に適用されていることも示している。
図１２〜１５は、編集中の画像のサムネイルがサムネイルスライダコントロールに沿って直線状に配置されているサムネイルスライダコントロールの幾つかの例を図示したものであるが、様々な実施形態では、サムネイルスライダコントロールに沿ってサムネイルがそれぞれ異なる様式で配置される。例えば、幾つかの実施形態のサムネイルスライダコントロールでは、編集中の画像のサムネイルがサムネイルスライダコントロールに沿って曲線状に配置される。別の例として、編集中の画像のサムネイルは、幾つかの実施形態のサムネイルスライダコントロールに沿ってずらした様式で配置される場合がある（例えば、幾つかのサムネイルを上にずらし、幾つかのサムネイルを下にずらす）。サムネイルスライダコントロールに沿ってサムネイルを配置する方法は、他の実施形態において、それ以外にも多数あり得る。
上記の図１３及び１５は、連続サムネイルスライダコントロールの例を図示している。それらの例は、選択されたロケーションを示すインジケータ、及びそのインジケータで示されるロケーションに最も近いサムネイルがハイライトされていることを示す。選択されたロケーションをハイライトするために利用される技術は、実施形態ごとにそれぞれ異なる。例えば、幾つかの実施形態の画像編集アプリケーションは、最も近くのサムネイルをハイライトする代わりに又はハイライトすると共に、インジケータをハイライトする。選択されたロケーションを示す他の技術も可能である。
図１６は、エフェクトツールのサムネイルスライダコントロール用のサムネイルを生成するための幾つかの実施形態のプロセス１６００を、概念的に示す。幾つかの実施形態において、（例えば、図１及び５に図示されている第１のステージに示すように）エフェクトツールがアクティブ化された時に、プロセス１６００が実行される。幾つかの実施形態のプロセス１６００は、エフェクトツールがアクティブになっておりかつ編集用の別の画像（例えば、サムネイル表示エリア１２５から選択された画像）が選択された時に、実行される。
（１６１０において）サムネイルの生成元となる画像を識別することによってプロセス１６００が開始される。幾つかの実施形態において、プロセス１６００が編集中の画像を識別する。例として図９を参照すると、画像１４２は編集中の画像である（即ち、画像表示エリア１４５に表示されている画像が、画像１４２である）ことから、プロセス１６００は画像１４２を識別する。
次いで、プロセス１６００は（１６２０において）エフェクトツールのサムネイルスライダコントロールを識別する。引き続き図９に示す例では、プロセス１６００は、エフェクトツール１７５のサムネイルスライダコントロール９８０〜９８８のうちの１つを識別する。
次いで、プロセス１６００は（１６３０において）識別されたサムネイルスライダコントロールに関連付けられているエフェクトを識別する。サムネイルスライダコントロールには、別のエフェクトも関連付けられ得る。別のエフェクトの例としては、黒白エフェクト、セピアエフェクト、デュオトーンエフェクト、グラデーションエフェクト、ビネットエフェクト、チルトシフトエフェクト、又は画像に適用され得る他の任意のエフェクトが挙げられる。
次いで、プロセス１６００は（１６４０において）識別された画像及び識別されたエフェクトに基づいて、一連のサムネイル画像を生成する。上述したように、幾つかの実施形態サムネイルスライダコントロールは、編集中の画像に適用される単一エフェクトの別々の範囲を制御する目的に対応している。そのような実施形態において、プロセス１６００は、識別されたエフェクトの別々の範囲を別々のサムネイル画像に適用して、識別された画像の一連のサムネイル画像を生成する。
上述の通り、幾つかの実施形態において、サムネイルスライダコントロールは、幾つかの別々のエフェクトを編集中の画像に適用する目的に対応している。これらの実施形態において、プロセス１６００は、別々のエフェクトのうちの１つをサムネイル画像に適用して、識別された画像のサムネイル画像を生成する。
一連のサムネイルが生成された後、プロセス１６００は（１６５０において）処理対象のエフェクトが残っているかどうかを判定する。プロセス１６００が処理対象のエフェクトが残っていると判定した場合、プロセス１６００は１６３０に戻り、識別されたサムネイルスライダコントロールの残りの任意のエフェクト用のサムネイルを引き続き生成する。例えば、サムネイルスライダコントロールが幾つかの別々のエフェクトを編集中の画像に適用する目的に対応している場合、プロセス１６００は、サムネイルスライダコントロールに関連付けられている別々のエフェクトの各々について１６３０及び１６４０を実行する。プロセス１６００が処理対象のエフェクトが何も残っていないと判定した場合、プロセス１６００は１６６０に進む。
１６６０において、プロセス１６００は、処理対象のサムネイルスライダコントロールが残っているかどうかを判定する。プロセス１６００が処理対象のサムネイルスライダコントロールが残っていると判定した場合、プロセス１６００は１６２０に戻り、エフェクトツールの残りの任意のサムネイルスライダコントロール用のサムネイルを引き続き生成する。例として図９を参照すると、プロセス１６００は、サムネイルスライダコントロール９８０〜９８８の各々について１６２０〜１６５０を実行している。プロセス１６００が処理対象のサムネイルスライダコントロールが何も残っていないと判定した場合、プロセス１６００は終了する。
図１７は、エフェクトツール１７５を提供する幾つかの実施形態のアプリケーションのステートダイヤグラム１７００を、概念的に示す。具体的には、図１７は、幾つかの実施形態のアプリケーション幾つかのステート、及びこれらのステート間の遷移を図示している。
ステート１７０５において、アプリケーションは画像編集中、閲覧中、又は編成中のステートにある。幾つかの実施形態において、アプリケーションが最初に開始した時にまず、アプリケーションはステート１７０５にある。アプリケーションがステート１７０５にある時、アプリケーションは画像の編集、閲覧、又は編成用のツールを提供する。例えば、アプリケーションは、画像共有用の共有ツールを提供し、様々な編集ツール（例えば、切り抜き及び回動ツール、露光ツール、色ツールなど）を提供し、画像タグ付けなどの目的に対応したツールを提供し得る、などである。
アプリケーションが横置き閲覧モードの時に、アプリケーションがエフェクトツール１７５をアクティブ化すると、アプリケーションはステート１７０５からステート１７１０に遷移する。アプリケーションが縦置き閲覧モードの時に、アプリケーションがエフェクトツール１７５をアクティブ化すると、アプリケーションはステート１７０５からステート１７１５に遷移する。幾つかの場合では、アプリケーションがエフェクトツール１７５をアクティブ化すると、アプリケーションは最後に用いられたステートに戻る。そのような幾つかの場合では、アプリケーションは、アプリケーションが横置き閲覧モードであればステート１７０５からステート１７２０に遷移し、アプリケーションが縦置き閲覧モードであればステート１７０５からステート１７２５に遷移する（図１７においては不図示）。図１７に示すように、アプリケーションが１７１０〜１７２５のいずれかのステートにあり、アプリケーションがエフェクトツール１７５を無効化すると（例えば、別のツールをアクティブ化して）、アプリケーションはステート１７０５に戻る。
ステート１７１０において、アプリケーションは横置き閲覧モードにあり、エフェクトツール１７５のエフェクトコントロールを扇形編出開レイアウトで表示するためのＧＵＩを提供する。例えば、幾つかの実施形態のアプリケーションは、ステート１７１０にある時に、図１の第４のステージ１２０に図示されているＧＵＩを提供する。
アプリケーションが（例えば、ステート１７１５又はステート１７２０から）ステート１７１０に変わると、アプリケーションはエフェクトツール１７５のエフェクトコントロールの扇形編出開アニメーションを表示する。幾つかの実施形態において、アプリケーションは、上で図１を参照することにより述べたアニメーションに類似する扇形編出開アニメーションを表示する。
アプリケーションがステート１７１０に遷移する（例えば、アプリケーションがステート１７２０から遷移した）時にエフェクトツール１７５のエフェクトコントロールが選択されていた場合、アプリケーションはステート１７１０にある間、選択されたエフェクトコントロールを引き続きハイライトする。アプリケーションがステート１７１０にあり、アプリケーションがエフェクトツール１７５のエフェクトコントロールの選択を受け取ると、アプリケーションはステート１７２０に遷移する。アプリケーションがステート１７１０にあり、アプリケーションが横置き閲覧モードから縦置き閲覧モードに変わった場合、アプリケーションはステート１７１５に遷移する。例えば、アプリケーションを走らせているモバイルコンピューティングデバイスのディスプレイ画面の方向が変わると、幾つかの実施形態のアプリケーションは横置き閲覧モードから縦置き閲覧モードに変わり、その後、ステート１７１５に遷移する。別の例として、アプリケーションのＧＵＩを表示するための表示エリアが調整されると（例えば、表示エリアのサイズ調整、表示エリアの幅の減分、表示エリアの高さの増分などが行われた場合）、幾つかの実施形態のアプリケーションは横置き閲覧モードから縦置き閲覧モードに変わり、その後、ステート１７１５に遷移する。
ステート１７２０において、アプリケーションは横置き閲覧モードにあり、エフェクトツール１７５のエフェクトコントロールを扇形編出開レイアウトで表示するためのＧＵＩを提供する。例えば、幾つかの実施形態のアプリケーションは、ステート１７１０にある時に、図２の第４のステージ２２０に図示されているＧＵＩを提供する。
アプリケーションがステート１７１０からステート１７２０に変わる際に、アプリケーションは、エフェクトツール１７５のエフェクトコントロールの扇形編出閉アニメーションを表示する。幾つかの実施形態において、アプリケーションは、上で図２を参照することにより述べたアニメーションに類似する扇形編出閉アニメーションを表示する。アプリケーションがステート１７２０に遷移すると、アプリケーションは、エフェクトツール１７５の選択されたエフェクトコントロールをハイライトする。
アプリケーションがステート１７２０にあり、アプリケーションがＵＩアイテム（例えば、ＵＩアイテム１９０）の選択を受け取ると、エフェクトツール１７５のエフェクトコントロールを開いた状態に扇形編出するため、アプリケーションはステート１７１０に遷移する。アプリケーションがステート１７２０にあり、アプリケーションが横置き閲覧モードから縦置き閲覧モードに変わると、アプリケーションはステート１７２５に遷移する。例えば、アプリケーションを走らせているモバイルコンピューティングデバイスのディスプレイ画面の方向が変わると、幾つかの実施形態のアプリケーションは横置き閲覧モードから縦置き閲覧モードに変わり、その後、ステート１７２５に遷移する。別の例として、アプリケーションのＧＵＩを表示するための表示エリアが調整されると（例えば、表示エリアのサイズ調整、表示エリアの幅の減分、表示エリアの高さの増分などが行われた場合）、幾つかの実施形態のアプリケーションは横置き閲覧モードから縦置き閲覧モードに変わり、その後、ステート１７２５に遷移する。
アプリケーションがステート１７２０にあり、アプリケーションがエフェクトコントロール１７５の選択されたエフェクトコントロールを介して入力（例えば、タッチ入力）を受け取った場合、アプリケーションはステート１７３０に遷移する。例として図１２を参照すると、アプリケーションがステート１７２０にある時、アプリケーションはサムネイルスライダコントロール１２８０の選択可能なＵＩアイテムの選択を受け取って、サムネイルスライダコントロール１２８０に関連付けられているエフェクトの範囲を編集中の画像に適用できる。別の例として図１３を参照すると、アプリケーションがステート１７２０にある時、アプリケーションはサムネイルスライダコントロール１３８０の選択可能な摺動領域１３８６を介して摺動ジェスチャを受け取ることによって、サムネイルスライダコントロール１３８０に関連付けられているエフェクトの範囲を編集中の画像に適用できる。
ステート１７１５において、アプリケーションは縦置き閲覧モードにあり、エフェクトツール１７５のエフェクトコントロールを扇形編出開レイアウトで表示するためのＧＵＩを提供する。例えば、幾つかの実施形態のアプリケーションは、ステート１７１５にある時に、図５の第４のステージ５２０に図示されているＧＵＩを提供する。
アプリケーションが（例えば、ステート１７１０又はステート１７２５から）ステート１７１５に変わると、アプリケーションはエフェクトツール１７５のエフェクトコントロールの扇形編出開アニメーションを表示する。幾つかの実施形態において、アプリケーションは、上で図５を参照することにより述べたアニメーションに類似する扇形編出開アニメーションを表示する。
アプリケーションがステート１７１５に遷移する（例えば、アプリケーションがステート１７２５から遷移した）時にエフェクトツール１７５のエフェクトコントロールが選択されていた場合、アプリケーションは、ステート１７１５にある間、選択されたエフェクトコントロールを引き続きハイライトする。アプリケーションがステート１７１５にあり、アプリケーションがエフェクトツール１７５のエフェクトコントロールの選択を受け取ると、アプリケーションはステート１７２５に遷移する。アプリケーションがステート１７１５にあり、アプリケーションが閲覧モードを縦置き閲覧モードから横置き閲覧モードに変更した場合、アプリケーションはステート１７１０に遷移する。例えば、アプリケーションを走らせているモバイルコンピューティングデバイスのディスプレイ画面の方向が変わると、幾つかの実施形態のアプリケーションは縦置き閲覧モードから横置き閲覧モードに変わり、その後、ステート１７１０に遷移する。別の例として、アプリケーションのＧＵＩを表示するための表示エリアが調整されると（例えば、表示エリアのサイズ調整、表示エリアの幅の増分、表示エリアの高さの減分などが行われた場合）、幾つかの実施形態のアプリケーションは縦置き閲覧モードから横置き閲覧モードに変わり、その後、ステート１７１０に遷移する。
ステート１７２５において、アプリケーションは縦置き閲覧モードにあり、エフェクトツール１７５のエフェクトコントロールを扇形編出開レイアウトで表示するためのＧＵＩを提供する。例えば、幾つかの実施形態のアプリケーションは、ステート１７２５にある時に、図６の第４のステージ６２０に図示されているＧＵＩを提供する。
アプリケーションがステート１７１５からステート１７２５に変わる際に、アプリケーションは、エフェクトツール１７５のエフェクトコントロールの扇形編出閉アニメーションを表示する。幾つかの実施形態において、アプリケーションは上で図６を参照することにより述べたアニメーションに類似する扇形編出閉アニメーションを表示する。アプリケーションがステート１７２５に遷移すると、アプリケーションはエフェクトツール１７５の選択されたエフェクトコントロールをハイライトする。
アプリケーションがステート１７２５にあり、アプリケーションがＵＩアイテム（例えば、ＵＩアイテム１９０）の選択を受け取ると、エフェクトツール１７５のエフェクトコントロールを開いた状態に扇形編出するため、アプリケーションはステート１７１５に遷移する。アプリケーションがステート１７２５にあり、アプリケーションが縦置き閲覧モードから横置き閲覧モードに変わった場合、アプリケーションはステート１７２０に遷移する。例えば、アプリケーションを走らせているモバイルコンピューティングデバイスのディスプレイ画面の方向が変わると、幾つかの実施形態のアプリケーションは縦置き閲覧モードから横置き閲覧モードに変わり、その後、ステート１７２０に遷移する。別の例として、アプリケーションのＧＵＩを表示するための表示エリアが調整されると（例えば、表示エリアのサイズ調整、表示エリアの幅の増分、表示エリアの高さの減分などが行われた場合）、幾つかの実施形態のアプリケーションは縦置き閲覧モードから横置き閲覧モードに変わり、その後、ステート１７２０に遷移する。
アプリケーションがステート１７２５にあり、アプリケーションがエフェクトツール１７５の選択されたエフェクトコントロールを介して、入力（例えば、タッチ入力）を受け取った場合、アプリケーションはステート１７３０に遷移する。例として図１２を参照すると、アプリケーションがステート１７２５にある時、アプリケーションはサムネイルスライダコントロール１２８０の選択可能なＵＩアイテムの選択を受け取って、サムネイルスライダコントロール１２８０に関連付けられているエフェクトの範囲を編集中の画像に適用できる。別の例として図１３を参照すると、アプリケーションがステート１７２０にある時、アプリケーションはサムネイルスライダコントロール１３８０の選択可能な摺動領域１３８６を介して摺動ジェスチャを受け取ることによって、サムネイルスライダコントロール１３８０に関連付けられているエフェクトの範囲を編集中の画像に適用できる。
ステート１７３０において、アプリケーションは、エフェクトツール１７５の選択されたエフェクトコントロールを介して受け取られた入力に基づいて、編集中の画像にエフェクトを適用する。例えば、図１２を参照すると、アプリケーションがステート１７２０又はステート１７２５においてサムネイルスライダコントロール１２８０を介してＵＩアイテムの選択を受け取ると、アプリケーションは、ステート１７３０おいて、サムネイルスライダコントロール１２８０に関連付けられているエフェクトを、編集中の画像に選択されたＵＩアイテムに対応しているエフェクトの範囲まで適用する。別の例として図１３を参照すると、アプリケーションがステート１７２０又はステート１７２５にあり、アプリケーションがサムネイルスライダコントロール１３８０の選択可能な摺動領域１３８６に沿ったロケーションの選択を受け取ると、アプリケーションは、ステート１７３０において、サムネイルスライダコントロール１３８０に関連付けられているエフェクトを編集中の画像に、摺動領域１３８６に沿って選択されたロケーションに対応している範囲まで適用する。エフェクトツール１７５の選択されたエフェクトコントロールを介して受信された入力に基づいてエフェクトが適用された後、アプリケーションは、アプリケーションがステート１７３０に遷移する直前のステートまで遷移して戻る。換言すれば、アプリケーションがステート１７２０からステート１７３０に遷移した時は、アプリケーションはステート１７２０に遷移して戻り、アプリケーションがステート１７２５からステート１７３０に遷移した時は、アプリケーションはステート１７２５に遷移して戻る。
図１７に図示されているステートダイヤグラムは、幾つかの実施形態の画像編集アプリケーションの幾つかの別々のステートを示す。幾つかの実施形態において、図１７におけるステート及び遷移によって表される様々なアクションは、アプリケーション内で実行可能と考えられるアクションのサブセットに過ぎないことは、当業者に認識されるであろう。加えて、示されていない他の機能は、特定のステートにある時に実行され得る。例えば、幾つかの実施形態において、画像編集アプリケーションが扇形編出閉ステート（例えば、ステート１７２０又はステート１７２５）にあり、画像にまだ如何なるエフェクトも適用していない場合にアプリケーションが編集中の画像にエフェクトを適用するための入力を受け取ると、アプリケーションは編集中の画像にエフェクトが適用されたことを示すインジケータを、エフェクトツールＵＩアイテム１４０の上に表示する。
Ｂ．ブラシツール
画像にエフェクトを適用するためのＵＩツールの実施例及び実施形態は上記のサブセクションＡに例示してある。画像にブラシエフェクトを適用するためのＵＩツールの実施例及び実施形態については、以下のサブセクションＢにて例示する。
図１８は、幾つかの実施形態のブラシツール１８７５を含むＧＵＩ１００、及びブラシツール１８７５のアクティブ化を、概念的に示す。具体的には、図１８は、ブラシツールのアクティブ化操作の４つの別々のステージ１８０５〜１８２０におけるＧＵＩ１００を図示している。
ＧＵＩ１００の第１のステージ１８０５は、ブラシツール１８７５のアクティブ化を図示している。図示のように、ユーザは（例えば、ＵＩアイテム１３８にタッチして）ブラシツールＵＩアイテム１３８を選択し、ブラシツール１８７５をアクティブ化している。
第２のステージ１８１０は、ブラシツール１８７５がアクティブ化された後のＧＵＩ１００を図示している。図示のように、ＧＵＩ１００は、ブラシツール１８７５のブラシコントロールの扇形編出開アニメーションの開始を表示し、ＵＩアイテム１３８がハイライトされている。図示のように、ブラシツール１８７５は、一連のブラシコントロール１８８０〜１８８８を含む。ブラシコントロール１８８０〜１８８８の各々は、編集中の画像（この例では、画像１４２）に一連のブラシエフェクトを適用する目的に対応している。
画像編集アプリケーションがブラシツールＵＩアイテム１３８の選択を受け取ると、アプリケーションはＵＩアイテム１３８をハイライトし、一連のブラシコントロール１８８０〜１８８８の扇形編出開アニメーションの表示を開始する。この例では、ブラシコントロール１８８０〜１８８８は画像表示エリア１４５の底部において同じ垂直位置及びロケーションから扇形編出開アニメーションを開始し、開いた状態に扇形編出しながら画像表示エリア１４５の底部から画像表示エリア１４５の中心に向かってスライドする。図示のように、ブラシコントロール１８８０〜１８８８は、垂直位置及びロケーションから僅かに開いた状態に扇形編出される。
画像編集アプリケーションは、別々のブラシコントロールが固定ロケーションの周りをそれぞれ異なる量だけ回動することを表示することによって、ブラシコントロール１８８０〜１８８８の扇形編出開アニメーションを表示する。図示のように、ブラシコントロール１８８０及び１８８２は、左に向かって固定ロケーションの周りを反時計回り方向に回動し、ブラシコントロール１８８０はブラシコントロール１８８２よりも更に外向きに扇形編出する。ブラシコントロール１８８６及び１８８８は、右に向かって固定ロケーションの周りを時計回りの様式に回動し、ブラシコントロール１８８８はブラシコントロール１８８６よりも更に外向きに扇形編出する。ブラシコントロール１８８４は全く回動しない。
幾つかの実施形態において、画像編集アプリケーションは、別々のブラシコントロールが開始位置及びロケーションから固定ロケーションの周りを異なる速度で定義済みの時間間隔にわたって回動することを表示することによって、ブラシコントロール１８８０〜１８８８の扇形編出開アニメーションを表示する。ブラシコントロール１８８０及び１８８８は固定ロケーションの周りを同じ速度で回動し、ブラシコントロール１８８２及び１８８６は固定ロケーションの周りを同じ速度で回動する。ブラシコントロール１８８０及び１８８８は、ブラシコントロール１８８２及び１８８６よりも高速で回動する。
幾つかの実施形態の画像編集アプリケーションは、ブラシコントロールが開始位置及びロケーションから固定ロケーションの周りを同じ速度で回動することを表示することによって、ブラシコントロール１８８０〜１８８８の扇形編出開アニメーションを表示する。ブラシコントロール１８８０〜１８８８を同じ速度で移動させながら扇形編出開アニメーションを表示するため、画像編集アプリケーションは、別々の時点で別々のブラシコントロールの移動を開始する（例えば、定義済み時間量の経過後に特定のブラシコントロールの移動を開始する）。この手法に基づき、アプリケーションは、ブラシコントロール１８８０及び１８８８の移動を開始し、それ以後の時点で、ブラシコントロール１８８２及び１８８６の移動を開始する。
第３のステージ１８１５は、ブラシツール１８７５のブラシコントロール１８８０〜１８８８の扇形編出開アニメーションが終了に近づいているＧＵＩ１００を図示している。図示のように、ブラシコントロール１８８０〜１８８８は、第２のステージ１８１０に図示されているブラシコントロール１８８０〜１８８８の位置よりも更に中心から開いた状態に扇形編出される。加えて、ブラシコントロール１８８０〜１８８８は、第２のステージ１８１０に示すブラシコントロール１８８０〜１８８８の位置と比較して、画像表示エリア１４５の底部から更に上方へ摺動した。つまり、第２のステージ１８１０と第３のステージ１８１５との間で、画像編集アプリケーションは、ブラシコントロール１８８０〜１８８８を画像表示エリア１４５の中心に向かって画像表示エリア１４５の底部から更に上方へ摺動させながら、ブラシコントロール１８８０〜１８８８を更に開いた状態に扇形編出する。
第４のステージ１８２０は、ブラシコントロール１８８０〜１８８８の扇形編出開アニメーションが完了した後のＧＵＩ１００を示す。図示のように、ブラシコントロール１８８０〜１８８８は、第３のステージ１８１５に図示されているブラシコントロール１８８０〜１８８８の位置よりも更に中心から開いた状態に扇形編出される。また、ブラシコントロール１８８０〜１８８８は、第３のステージ１８１５に示すブラシコントロール１８８０〜１８８８の位置と比較して、画像表示エリア１４５の底部から更に上方へ摺動した。つまり、第３のステージ１８１５と第４のステージ１８２０との間で、画像編集アプリケーションは、ブラシコントロール１８８０〜１８８８を画像表示エリア１４５の中心に向かって画像表示エリア１４５の底部から更に上方へ摺動させながら、ブラシコントロール１８８０〜１８８８を更に開いた状態に扇形編出する。
図１８は、ブラシツールがアクティブ化されている時の、ブラシツールのブラシコントロールの扇形編出開アニメーションの例を図示している。幾つかの実施形態において、画像編集アプリケーションは、ブラシツールがアクティブ化されても、ブラシツールのブラシコントロールの扇形編出開アニメーションを表示しない。代わりに、そのような幾つかの実施形態のアプリケーションは、ブラシツールの最終ステート（例えば、最も最近のステート）を表示する。例えば、ブラシツールがアクティブ化されており、かつブラシツールのブラシコントロールがブラシツールの最終ステートで選択されている時は、画像編集アプリケーションは、選択されたブラシコントロールを、以下の図１９を参照することにより述べる第４のステージ１９２０に類似の様式で表示し得る。
図１９は、図１８に図示されているブラシツール１８７５のブラシコントロールの選択を、概念的に示す。特に、図１９は、ブラシコントロールの選択操作の４つの別々のステージ１９０５〜１９２０におけるＧＵＩ１００を図示している。
ＧＵＩ１００の第１のステージ１９０５は、ブラシツール１７５のブラシコントロールの選択を示す。図示のように、ユーザは（例えば、ブラシコントロール１８８６にタッチして）ブラシコントロール１８８６を選択している。画像編集アプリケーションがブラシコントロール１８８６の選択を受け取ると、アプリケーションは、選択されたブラシコントロール（この例では、ブラシコントロール１８８６）をハイライトし、一連のブラシコントロール１８８０〜１８８８の扇形編出閉アニメーションの表示を開始する。
第２のステージ１９１０は、ブラシコントロール１８８６が選択され、一連のブラシコントロール１８８０〜１８８８の扇形編出閉アニメーションが開始された後のＧＵＩ１００を図示している。画像編集アプリケーションは、ブラシコントロール１８８６の境界線をボールド表示して、ブラシコントロール１８８６をハイライトする。この例では、図１８の第４のステージ１８２０に示す一連のブラシコントロール１８８０〜１８８８の位置及びロケーションは、扇形編出閉アニメーション用の一連のブラシコントロール１８８０〜１８８８の開始位置及びロケーションである。
画像編集アプリケーションは、別々のブラシコントロールが固定ロケーションの周りをそれぞれ異なる量だけ回動することを表示することによって、ブラシコントロール１８８０〜１８８８の扇形編出閉アニメーションを表示する。図示のように、ブラシコントロール１８８０及び１８８２は、右に向かって固定ロケーションの周りを時計回り方向に回動し、ブラシコントロール１８８０はブラシコントロール１８８２よりも更に内向きに扇形編出する。ブラシコントロール１８８６及び１８８８は、左に向かって固定ロケーションの周りを反時計回りの様式に回動し、ブラシコントロール１８８８はブラシコントロール１８８６よりも更に内向きに扇形編出する。ブラシコントロール１８８４は全く回動しない。
幾つかの実施形態において、画像編集アプリケーションは、別々のブラシコントロールが開始位置及びロケーションから固定ロケーションの周りを異なる速度で定義済みの時間間隔にわたって回動することを表示することによって、ブラシコントロール１８８０〜１８８８の扇形編出閉アニメーションを表示する。ブラシコントロール１８８０及び１８８８は固定ロケーションの周りを同じ速度で回動し、ブラシコントロール１８８２及び１８８６は固定ロケーションの周りを同じ速度で回動する。ブラシコントロール１８８０及び１８８８は、ブラシコントロール１８８２及び１８８６よりも高速で回動する。
幾つかの実施形態の画像編集アプリケーションは、ブラシコントロールが開始位置及びロケーションから固定ロケーションの周りを同じ速度で回動することを表示することによって、ブラシコントロール１８８０〜１８８８の扇形編出閉アニメーションを表示する。ブラシコントロール１８８０〜１８８８を同じ速度で移動させながら扇形編出開アニメーションを表示するため、画像編集アプリケーションは、別々の時点で別々のブラシコントロールの移動を開始する（例えば、定義済み時間量の経過後に特定のブラシコントロールの移動を開始する）。この手法に基づき、アプリケーションは、ブラシコントロール１８８０及び１８８８の移動を開始し、それ以後の時点で、ブラシコントロール１８８２及び１８８６の移動を開始する。
第２のステージ１９１０に示すように、ブラシコントロール１８８０〜１８８８は、第１のステージ１９０５に図示されているブラシコントロール１８８０〜１８８８の位置よりも更に中心に向かって閉じた状態に扇形編出される。加えて、ブラシコントロール１８８０〜１８８８は、第１のステージ１９０５に示すブラシコントロール１８８０〜１８８８の位置と比較して、画像表示エリア１４５の更に中心から下方へ摺動した。つまり、第１のステージ１９０５と第２のステージ１９１０との間で、画像編集アプリケーションは、ブラシコントロール１８８０〜１８８８を画像表示エリア１４５の底部に向かって画像表示エリア１４５の中心から更に下方へ摺動させながら、ブラシコントロール１８８０〜１８８８を更に閉じた状態に扇形編出する。
第３のステージ１９１５は、ブラシツール１８７５のブラシコントロール１８８０〜１８８８の扇形編出閉アニメーションが終了に近づいているＧＵＩ１００を図示している。図示のように、ブラシコントロール１８８０〜１８８８は、第２のステージ１９１０に図示されているブラシコントロール１８８０〜１８８８の位置よりも更に中心へ向かって閉じた状態に扇形編出される。加えて、ブラシコントロール１８８０〜１８８８は、第２のステージ１９１０に示すブラシコントロール１８８０〜１８８８の位置と比較して、画像表示エリア１４５の中心から画像表示エリア１４５の底部へ向かって更に下方へ摺動した。つまり、第２のステージ１９１０と第３のステージ１９１５との間で、画像編集アプリケーションは、ブラシコントロール１８８０〜１８８８を画像表示エリア１４５の中心から画像表示エリア１４５の底部に向かって更に下方へ摺動させながら、ブラシコントロール１８８０〜１８８８を更に閉じた状態に扇形編出する。
第４のステージ１９２０は、ブラシコントロール１８８０〜１８８８の扇形編出閉アニメーションが完了した後のＧＵＩ１００を示す。図示のように、アプリケーションは、ツールバー１９５内にブラシコントロール１８８０〜１８８８の上部を表示する。画像編集アプリケーションは、選択されたブラシコントロール１８８６を、選択されていないブラシコントロール１８８０〜１８８４及び１８８８よりも定義済みオフセット量だけ上位に表示する。
図１９は、ブラシツールの特定のブラシコントロールの選択を図示したものであるが、当業者に認識されるように、ブラシツールのブラシコントロールはいずれもブラシツールがアクティブ化された後に選択されてよい。例えば、ブラシコントロール１８８０、１８８２、１８８４、又は１８８８もユーザによって選択されていたかもしれない。
ユーザは、ブラシツールのブラシコントロールを選択した後でブラシコントロールの選択を変更したい場合もある。図２０は、図１８に図示されているブラシツール１８７５の選択されたブラシコントロールの変更を、概念的に示す。具体的には、図２０は、ブラシコントロールの変更操作の４つの別々のステージ２００５〜２０２０におけるＧＵＩ１００を図示している。
ＧＵＩ１００の第１のステージ２００５は、図１９に図示されているＧＵＩ１００の第４のステージ１９２０に類似している。つまり、第１のステージ２００５は、ブラシコントロール１８８６が選択され、ブラシコントロール１８８６が境界線のボールド表示によりハイライトされ、かつ一連のブラシコントロール１８８０〜１８８８の扇形編出閉アニメーションが完了した後のＧＵＩ１００を示している。
ＧＵＩ１００の第２のステージ２０１０は、別のブラシコントロールの選択を図示している。図示のように、ユーザは（例えば、ブラシコントロール１８８２にタッチして）ブラシコントロール１８８２を選択している。アプリケーションがブラシコントロール１８８２の選択を受け取ると、アプリケーションは前に選択されたブラシコントロール（この例では、ブラシコントロール１８８６）のハイライトを解除してから、新たに選択されたブラシコントロール（この例では、ブラシコントロール１８８２）をハイライトする。ブラシコントロール１８８２のハイライトは、ブラシコントロール１８８２の境界線がボールド表示されていることにより示される。
第３のステージ２０１５におけるＧＵＩ１００はブラシツール１８７５における別のブラシコントロールの選択を示す。図示のように、ユーザは（例えば、ブラシコントロール１８８８にタッチして）ブラシコントロール１８８８を選択している。アプリケーションがブラシコントロール１８８８の選択を受け取ると、アプリケーションは前に選択されたブラシコントロール（この例では、ブラシコントロール１８８２）のハイライトを解除してから、新たに選択されたブラシコントロール（この例では、ブラシコントロール１８８８）をハイライトする。ブラシコントロール１８８８のハイライトは、ブラシコントロール１８８８の境界線がボールド表示されていることにより示される。
ＧＵＩ１００の第４のステージ２０２０は、別のブラシコントロールの選択を図示している。このステージにおいて、ユーザは（例えば、ブラシコントロール１８８６にタッチして）ブラシコントロール１８８６を選択している。アプリケーションがブラシコントロール１８８６の選択を受け取ると、アプリケーションは前に選択されたブラシコントロール（この例では、ブラシコントロール１８８８）のハイライトを解除してから、選択されたブラシコントロール（この例では、ブラシコントロール１８８６）をハイライトする。ブラシコントロール１８８６のハイライトは、ブラシコントロール１８８６の境界線がボールド表示されていることにより示される。
図２１は、図１８に図示されているブラシツール１８７５の選択されたブラシコントロールを変更するための別の技術を概念的に示す。具体的には、図２１は、ブラシコントロールの選択を変更するため、ブラシコントロールを開いた状態に扇形編出することによって、ブラシコントロールの変更操作の４つの別々のステージ２１０５〜２１２０におけるＧＵＩ１００を図示している。
ＧＵＩ１００の第１のステージ２１０５は、図１９に図示されているＧＵＩ１００の第４のステージ１９２０に類似している。つまり、第１のステージ２１０５は、ブラシコントロール１８８６が選択され、ブラシコントロール１８８６が境界線のボールド表示によりハイライトされ、かつ一連のブラシコントロール１８８０〜１８８８の扇形編出閉アニメーションが完了した後のＧＵＩ１００を示している。加えて、第１のステージ２１０５は、ブラシツール１８７５のブラシコントロールの選択を変更する操作の呼び出しも図示している。図示のように、ユーザは、選択されたブラシコントロール１８８６を選択して、一連のブラシコントロール１８８０〜１８８８を開いた状態に扇形編出している。
第２のステージ２１１０は、画像編集アプリケーションが一連のブラシコントロール１８８０〜１８８８の扇形編出開アニメーションを終了した後のＧＵＩ１００を図示している。アプリケーションが選択されたブラシコントロール（この例のブラシコントロール１８８６）の選択を受け取ると、アプリケーションは、一連のブラシコントロール１８８０〜１８８８の扇形編出開アニメーションを表示する。このアニメーションは、上で図１８を参照することにより述べた扇形編出開アニメーションに類似している。図示のように、ブラシコントロール１８８６がハイライトされたままになっている理由は、ブラシコントロール１８８６が、ブラシツール１８７５において現在選択されているブラシコントロールであるためである。
第３のステージ２１１５におけるＧＵＩ１００は、ブラシツール１８７５の別々のブラシコントロールの選択を示す。図示のように、ユーザは（例えば、ブラシコントロール１８８０にタッチして）ブラシコントロール１８８０を選択している。画像編集アプリケーションがブラシコントロール１８８０の選択を受け取ると、アプリケーションは、ブラシコントロール１８８０をハイライトして、上で図１９を参照することにより述べた一連のブラシコントロール１８８０〜１８８８の扇形編出閉アニメーションに類似する一連のブラシコントロール１８８０〜１８８８の扇形編出閉アニメーションを表示する。
第４のステージ２１２０は、一連のブラシコントロール１８８０〜１８８８の扇形編出閉アニメーションの終了後に、選択されたブラシコントロール１８８０がハイライトされた状態のＧＵＩ１００を図示している。図示のように、アプリケーションは、ツールバー１９５内にブラシコントロール１８８０〜１８８８の上部を表示し、選択されたブラシコントロール１８８０を、選択されていないブラシコントロール１８８２〜１８８８よりも定義済みオフセット量だけ上位に表示する。
図２０及び２１は、ブラシツールの選択されたブラシコントロールを変更する例を幾つか図示している。当業者によって理解されるように、ブラシツールの選択されたブラシコントロールを変更する際には、ブラシツールの任意のブラシコントロールも選択することができる。しかも、ブラシツールの選択されたブラシコントロールは、任意の回数変更することができる。
このサブセクションＢで上述した図において、ブラシコントロール同士の外観は同じであるか又は類似している。幾つかの実施形態において、ブラシツールのブラシコントロール同士は、別々の種類のブラシコントロールを表すため、それぞれ外観が異なっている。図２２は、そのようなブラシツールの例を概念的に示す。特に、図２２は、ステージ２２０５においてエフェクトツール１８７５のブラシコントロールを開いた状態に扇形編出し、ステージ２２１０においてエフェクトツール１８７５のブラシコントロールを閉じた状態に扇形編出するＧＵＩ１００を図示している。しかも、上で図１８〜２１を参照することにより述べた操作はいずれも、図２２に示すブラシツール１８７５に対して実行され得る。
ステージ２２０５におけるＧＵＩ１００は、一連のブラシコントロール２２８０〜２２８７が開いた状態に扇形編出されているエフェクトツール１８７５を示す。具体的には、この例において、ステージ２２０５は、画像編集アプリケーションが、上で図１８を参照することにより述べたアニメーションに類似するブラシコントロール２２８０〜２２８７の扇形編出開アニメーションを表示した後のＧＵＩ１００を示す。
図示のように、一連のブラシコントロール２２８０〜２２８７は、編集中の画像から汚点を除去するためのリペアブラシコントロール２２８０、画像からレッドアイを除去するためのレッドアイブラシコントロール２２８１、画像の一部の彩度を増分するための高彩度ブラシコントロール２２８２、画像の一部の彩度を減分するための低彩度ブラシコントロール２２８３、画像の一部の明度を増分するための明色化ブラシコントロール２２８４、画像の一部の明度を減分するための暗色ブラシコントロール２２８５、画像の一部をシャープにするためのシャープ化ブラシコントロール２２８６、及び画像の一部をソフトにし、かつ／又はぼかすためのソフト化ブラシコントロール２２８７を含む。ブラシコントロールの詳細は、２０１２年９月２７日出願の「Ｕｓｅｒ Ｉｎｔｅｒｆａｃｅ Ｔｏｏｌｓ ｆｏｒ Ｓｅｌｅｃｔｉｖｅｌｙ Ａｐｐｌｙｉｎｇ Ｅｆｆｅｃｔｓ ｔｏ Ｉｍａｇｅ」と題する米国特許出願公開第１３／６２９，３７４号に記載されている。米国特許出願公開第１３／６２９，３７４号は、本明細書において参照により援用されている。
ステージ２２１０におけるＧＵＩ１００は、一連のブラシコントロール２２８０〜２２８７が閉じた状態に扇形編出されているエフェクトツール１８７５を示す。この例においてステージ２２１０は、画像編集アプリケーションが、上で図１９を参照することにより述べたアニメーションに類似するブラシコントロール２２８０〜２２８７の扇形編出閉アニメーションを表示した後のＧＵＩ１００を示す。ステージ２２１０に示すように、ブラシコントロール２２８０〜２２８７の上部はツールバー１９５内に表示されており、選択されたブラシコントロール（この例では、レッドアイブラシコントロール２２８１）がハイライトされており、選択されたブラシコントロールが、選択されていないブラシコントロールよりも定義済みオフセット量だけ上位に表示されている。
図２２は、ブラシコントロールの異なる外観の例を示したものであるが、当業者に認識されるように、ブラシコントロールは、ブラシコントロールを表す異なる外観を任意の数だけ有し得る。例えば、ブラシコントロールは、蛍光マーカーペン、鉛筆、万年筆、塗料ローラー、ペイントスクレーパなどとして表され得る。
幾つかの実施形態において、画像編集アプリケーションは、アプリケーションが横置き閲覧モードの時に、上掲の図１８〜２２に記載されているＧＵＩを提供する。そのような幾つかの実施形態のアプリケーションにおいてアプリケーションが縦置き閲覧モードの時に提供されるＧＵＩについては、下掲の図に示す。
図２３は、幾つかの実施形態のブラシツール１８７５を含むＧＵＩ２３００、及びブラシツール１８７５のアクティブ化を、概念的に示す。具体的には、図２３は、ブラシツールのアクティブ化操作の４つの別々のステージ２３０５〜２３２０におけるＧＵＩ２３００を図示している。ＧＵＩ２３００においてサムネイル表示エリア１２５が画像表示エリア１４５の下かつツールバー１９５の上に配列されていることを除けば、ＧＵＩ２３００は、上で図１を参照することにより述べたＧＵＩ１００に類似している。また、ＧＵＩ２３００はツールバー１３５を含んでおらず、そのため、代わりにツールバー１９５内に、ＵＩアイテム１３２〜１４０が表示される。
ＧＵＩ２３００のステージ２３０５〜２３２０は、上で図１８を参照することにより述べたステージ１８０５〜１８２０に類似している。即ち、第１のステージ２３０５はブラシツール１８７５のアクティブ化を示し、第２のステージ２３１０はブラシコントロール１８８０〜１８８８の扇形編出開アニメーションの開始を示し、第３のステージ２３１５は扇形編出閉アニメーションが終了に近づいているブラシコントロール１８８０〜１８８８を示し、第４のステージ２３２０は扇形編出開アニメーション終了時のブラシコントロール１８８０〜１８８８を示す。
図２４は、図１８に図示されているブラシツール１８７５のブラシコントロールの選択を、概念的に示す。特に、図２４は、ブラシコントロールの選択操作の４つの別々のステージ２４０５〜２４２０におけるＧＵＩ１００を図示している。
ＧＵＩ２３００のステージ２４０５〜２４１５は、上で図１９を参照することにより述べたステージ１９０５〜１９１５に類似している。即ち、第１のステージ２４０５はブラシコントロール１８８６の選択を示し、第２のステージ２４１０はブラシコントロール１８８０〜１８８８の扇形編出閉アニメーションの開始を示し、及び第３のステージ２４１５は扇形編出閉アニメーションが終了に近づいているブラシコントロール１８８０〜１８８８を示す。
第４のステージ２４２０は、ブラシコントロール１８８０〜１８８８の扇形編出閉アニメーションが完了した後のＧＵＩ１００を示す。図示のように、画像編集アプリケーションは、ブラシコントロール１８８０〜１８８８の扇形編出閉アニメーションの終了時に、ツールバー１９５内に選択されたブラシコントロール１８８６の上部のみを表示する。幾つかの実施形態において、アプリケーションは、上で図２１を参照することにより述べた技術に類似の技術を利用して、ブラシツールのブラシコントロールの選択を変更する。即ち、ユーザはツールバーに表示されている選択されたブラシコントロールを選択することによって、ブラシコントロールを開いた状態に扇形編出した後、開いた状態に扇形編出されたブラシコントロールから別のブラシコントロールを選択する。
幾つかの実施形態において、画像編集アプリケーションにより、アプリケーションが横置き閲覧モードの時に、上で図１８〜２２を参照することにより述べた操作例に応じたＧＵＩが提供され得る。幾つかの実施形態に係る画像編集アプリケーションは、アプリケーションが縦置き閲覧モードの時に、操作例について上で図２３及び２４を参照することにより述べたＧＵＩを提供する。しかしながら、幾つかの場合では、画像編集アプリケーションは、操作例に応じた更に別のＧＵＩを提供する。例えば、アプリケーションを走らせているモバイルコンピューティングデバイス（例えば、スマートフォン）のディスプレイ画面には、図１〜４に示す操作例を表示するための十分な空きスペースがない場合もある。
図２５は、幾つかの実施形態のブラシツール１８７５を含む画像編集アプリケーションのＧＵＩ５００、及びブラシツール１８７５のアクティブ化を、概念的に示す。具体的には、図２５は、ブラシツールのアクティブ化操作の４つの別々のステージ２５０５〜２５２０におけるＧＵＩ５００を図示している。
ＧＵＩ５００の第１のステージ２５０５は、ブラシツール１８７５のアクティブ化を図示している。このステージにおいて、ユーザは（例えば、ＵＩアイテム１３８にタッチして）選択可能なブラシツールＵＩアイテム１３８を選択し、ブラシツール１８７５をアクティブ化している。
第２のステージ２５１０は、ブラシツール１８７５がアクティブ化された後のＧＵＩ５００を図示している。図示のように、ＧＵＩ５００は、一連のブラシコントロール１８８０〜１８８８の扇形編出開アニメーションの開始を表示しており、ブラシツールＵＩアイテム１３８がハイライトされている。画像編集アプリケーションがブラシツールＵＩアイテム１３８の選択を受け取ると、アプリケーションはＵＩアイテム１３８をハイライトし、（例えば、左へ向かってスライドしてツールバー１９５から遠ざかるＵＩアイテム１３２〜１４０のアニメーションを表示することによって）ツールバー１９５からＵＩアイテム１３２〜１４０を除去して、ツールバー１９５の左側にＵＩアイテム１３８を表示する。
この例において、ブラシコントロール１８８０〜１８８８は、垂直位置からツールバー１９５の底部にて扇形編出開アニメーションを開始する。図示のように、ブラシコントロール１８８０〜１８８８は、垂直位置及びロケーションから僅かに開いた状態に扇形編出される。画像編集アプリケーションは、上で図１８を参照することにより述べた任意の扇形編出技術を利用して、ブラシコントロール１８８０〜１８８８を開いた状態に扇形編出する。アプリケーションは、ブラシコントロール１８８０〜１８８８が開いた状態に扇形編出されている間、ブラシコントロール１８８０〜１８８８がその周りを回動する固定ロケーション（例えば、ピボット点）を、ブラシコントロール１８８０〜１８８８を基準として、移動する。アプリケーションは、固定ロケーションを、画像表示エリア１４５の右側の中央に向かって移動する。アプリケーションはまた、扇形編出開アニメーション中に、ブラシコントロール１８８０〜１８８８を扇形編出して固定ロケーションを移動させながら、ブラシツール１８７５を反時計回りに回動させる。
第３のステージ２５１５は、ブラシツール１８７５のブラシコントロール１８８０〜１８８８の扇形編出開アニメーションが終了に近づいているＧＵＩ５００を図示している。図示のように、ブラシコントロール１８８０〜１８８８は、第２のステージ２５１０に図示されているブラシコントロール１８８０〜１８８８の位置よりも更に中心から開いた状態に扇形編出される。加えて、ブラシコントロール１８８０〜１８８８がその周りを回動する固定ロケーションは、第２のステージ２５１０における固定ロケーションの位置と比較して、画像表示エリア１４５の右側の中央に向かって更に移動した。また、ブラシツール１８７５は反時計回りに更に回動した。つまり、第２のステージ２５１０と第３のステージ２５１５との間で、画像編集アプリケーションは、ブラシツール１９５を反時計回りに回動させながら、固定ロケーションを画像表示エリア１４５の右側の中央に向かって更に移動させて、ブラシコントロール１８８０〜１８８８を更に開いた状態に扇形編出する。
第４のステージ２５２０は、ブラシコントロール１８８０〜１８８８の扇形編出開アニメーション完了後のＧＵＩ５００を示す。図示のように、ブラシコントロール１８８０〜１８８８は、第３のステージ２５１５に図示されているブラシコントロール１８８０〜１８８８の位置よりも更に中心から開いた状態に扇形編出される。また、ブラシコントロール１８８０〜１８８８がその周りを回動する固定ロケーションは、第３のステージ２５１５における固定ロケーションの位置と比較して更に移動した。加えて、ブラシツール１８７５を反時計回りに更に回動させた。つまり、第３のステージ２５１５と第４のステージ２５２０との間で、画像編集アプリケーションは、ブラシツール１９５を反時計回りに回動させながら、固定ロケーションを画像表示エリア１４５の右側の中央に向かって更に移動させて、ブラシコントロール１８８０〜１８８８を更に開いた状態に扇形編出する。
図２５は、ブラシツールがアクティブ化されている時の、ブラシツールのブラシコントロールの扇形編出開アニメーションの例を図示している。幾つかの実施形態において、ブラシツールがアクティブ化されても、画像編集アプリケーションは、ブラシツールのブラシコントロールの扇形編出開アニメーションを表示しない。代わりに、そのような幾つかの実施形態のアプリケーションは、ブラシツールの最終ステート（例えば、最も最近のステート）を表示する。例えば、ブラシツールがアクティブ化されており、かつブラシツールのブラシコントロールがブラシツールの最終ステートで選択されている時は、画像編集アプリケーションは、選択されたブラシコントロールを、以下に図２６を参照することにより述べる第４のステージ２６２０に類似の様式で表示し得る。
図２６は、図２５に図示されているブラシツール１８７５のブラシコントロールの選択を、概念的に示す。特に、図２６は、ブラシコントロールの選択操作の４つの別々のステージ２６０５〜２６２０におけるＧＵＩ５００を図示している。
ＧＵＩ５００の第１のステージ２６０５は、ブラシツール１８７５のブラシコントロールの選択を示す。図示のように、ユーザは（例えば、ブラシコントロール１８８６にタッチして）ブラシコントロール１８８６を選択している。画像編集アプリケーションがブラシコントロール１８８６の選択を受け取ると、アプリケーションは選択されたブラシコントロール（この例では、ブラシコントロール１８８６）をハイライトし、一連のブラシコントロール１８８０〜１８８８の扇形編出閉アニメーションの表示を開始する。
第２のステージ２６１０は、ブラシコントロール１８８６が選択され、一連のブラシコントロール１８８０〜１８８８の扇形編出閉アニメーションが開始された後のＧＵＩ５００を図示している。画像編集アプリケーションは、ブラシコントロール１８８６の境界線をボールド表示して、ブラシコントロール１８８６をハイライトする。この例では、図２５の第４のステージ２５２０に示す一連のブラシコントロール１８８０〜１８８８の位置及びロケーションは、扇形編出閉アニメーション用の一連のブラシコントロール１８８０〜１８８８の開始位置及びロケーションである。図示のように、ブラシコントロール１８８０〜１８８８は、扇形編出閉アニメーション用のブラシコントロール１８８０〜１８８８の開始位置及びロケーションから僅かに閉じた状態に扇形編出される。画像編集アプリケーションは、上で図１９を参照することにより述べた任意の扇形編出技術を利用して、ブラシコントロール１８８０〜１８８８を開いた状態に扇形編出する。
第３のステージ２６１５は、ブラシツール１８７５のブラシコントロール１８８０〜１８８８の扇形編出閉アニメーションが終了に近づいているＧＵＩ５００を図示している。図示のように、ブラシコントロール１８８０〜１８８８は、第２のステージ２６１０に図示されているブラシコントロール１８８０〜１８８８の位置よりも更に中心へ向かって閉じた状態に扇形編出される。加えて、ブラシコントロール１８８０〜１８８８がその周りを回動する固定ロケーションは、第２のステージ２６１０に示すブラシコントロール１８８０〜１８８８の位置と比較して、画像表示エリア１４５の右側の中央からツールバー１９５の中央に向かって更に移動した。また、ブラシツール１８７５は時計回りに更に回動した。つまり、第２のステージ２６１０と第３のステージ２６１５との間で、画像編集アプリケーションは、ブラシツール１７５を時計回りに回動させながら、固定ロケーションをツールバー１９５の中央に向かって移動させながら、ブラシコントロール１８８０〜１８８８を更に閉じた状態に扇形編出する。
第４のステージ２６２０は、ブラシコントロール１８８０〜１８８８の扇形編出閉アニメーションが完了した後のＧＵＩ５００を示す。図示のように、アプリケーションは、ブラシコントロール１８８０〜１８８８の扇形編出閉アニメーションの終了時に、ツールバー１９５内に選択されたブラシコントロール１８８６の上部のみを表示する。第３のステージ２６１５と第４のステージ２６２０との間で、画像編集アプリケーションは、ブラシツール１７５を時計回りに回動させながら、固定ロケーションをツールバー１９５の中央に向かって移動させながら、ブラシコントロール１８８０〜１８８８を更に閉じた状態に扇形編出する。
図２６は、ブラシツールの特定のブラシコントロールの選択を図示したものであるが、当業者に認識されるように、ブラシツールのブラシコントロールはいずれもブラシツールがアクティブ化された後に選択されてよい。例えば、ブラシコントロール１８８０、１８８２、１８８４、又は１８８８もユーザによって選択されていたかもしれない。
図２７は、図２５に図示されているブラシツール１８７５で選択されたブラシコントロールを変更するための別の技術を概念的に示す。具体的には、図２７は、ブラシコントロールの選択を変更するため、ブラシコントロールを開いた状態に扇形編出することによって、ブラシコントロールの変更操作の４つの別々のステージ２７０５〜２７２０におけるＧＵＩ５００を図示している。
ＧＵＩ５００の第１のステージ２７０５は、図２６に図示されているＧＵＩ５００の第４のステージ２６２０に類似している。つまり、第１のステージ２７０５は、ブラシコントロール１８８６が選択され、ブラシコントロール１８８６が境界線のボールド表示によりハイライトされ、一連のブラシコントロール１８８０〜１８８８の扇形編出閉アニメーションが完了し、かつ選択されたブラシコントロール１８８６がツールバー１９５上に表示された後のＧＵＩ５００を示す。加えて、第１のステージ２７０５は、ブラシツール１８７５のブラシコントロールの選択を変更する操作の呼び出しも図示している。図示のように、ユーザは、選択されたブラシコントロール１８８６を選択して、一連のブラシコントロール１８８０〜１８８０を開いた状態に扇形編出している。
第２のステージ２７１０は、画像編集アプリケーションが一連のブラシコントロール１８８０〜１８８８の扇形編出開アニメーションを終了した後のＧＵＩ５００を図示している。アプリケーションが選択されたブラシコントロール（この例のブラシコントロール１８８６）の選択を受け取ると、アプリケーションは、一連のブラシコントロール１８８０〜１８８８の扇形編出開アニメーションを表示する。このアニメーションは、上で図２５を参照することにより述べた扇形編出開アニメーションに類似している。図示のように、ブラシコントロール１８８６がハイライトされたままになっている理由は、ブラシコントロール１８８６が、ブラシツール１８７５において選択されたブラシコントロールであるためである。
第３のステージ２７１５におけるＧＵＩ５００は、ブラシツール１８７５の別のブラシコントロールの選択を示す。図示のように、ユーザは（例えば、ブラシコントロール１８８０にタッチして）ブラシコントロール１８８０を選択している。画像編集アプリケーションがブラシコントロール１８８０の選択を受け取ると、アプリケーションは、前に選択されたブラシコントロール１８８６のハイライトを解除し、新たに選択されたブラシコントロール１８８０をハイライトして、上で図２６を参照することにより述べた一連のブラシコントロール１８８０〜１８８８の扇形編出閉アニメーションに類似する一連のブラシコントロール１８８０〜１８８８の扇形編出閉アニメーションを表示する。
第４のステージ２７２０に図示されているＧＵＩ５００は、一連のブラシコントロール１８８０〜１８８８の扇形編出閉アニメーションが終了した後のものである。図示のように、アプリケーションは、ブラシコントロール１８８０〜１８８８の扇形編出閉アニメーションの終了時に、ツールバー１９５内に選択されたブラシコントロール１８８６のうちハイライトされた上部のみを表示する。
図２５〜２７は、ブラシコントロールが開いた状態及び閉じた状態に扇形編出されている時の、ブラシコントロール１８８０〜１８８８のレイアウト例及びアニメーションを示す。幾つかの実施形態において、図２５〜２７に図示されているブラシコントロール１８８０〜１８８８のレイアウト及びアニメーションは、画像編集アプリケーションが右手モードになっている時に提供され、この右手モードでは、ユーザが右手を使って円滑にアプリケーションのＧＵＩ５００と対話操作しやすくなる。そのような幾つかの実施形態において、画像編集アプリケーションが左手モードになっている時、アプリケーションは、ブラシコントロールが開いた状態及び閉じた状態に扇形編出される際に、ブラシコントロール１８８０〜１８８８の異なるレイアウト、及びアニメーションを提供する。例えば、アプリケーションの左手モードにおいて、幾つかの実施形態の画像編集アプリケーションは、ブラシコントロールが画像表示エリア１４５の左側から画像表示エリア１４５の中心へと移動しながら、そのブラシコントロールが画像表示エリア１４５の左下近くで開始して画像表示エリア１４５の右上へ向かって開いた状態に扇形編出することを除けば、図２５に示したものに類似の様式で扇形編出開アニメーションを表示する。そのような実施形態のアプリケーションの左手モードは、ブラシコントロールが画像表示エリア１４５の中心付近から画像表示エリア１４５の左側へと移動しながら、ブラシコントロールが画像表示エリア１４５の左下へ向かって内向きに扇形編出することを除けば、図６に示したものと類似の様式で扇形編出閉アニメーションを表示する。幾つかの実施形態において、画像編集アプリケーションが左手モードになっている時、図２５〜２７に図示されているブラシコントロール１８８０〜１８８８の配列が提供され、アプリケーションが右手モードの時は、代わりに、上で左手モードに関して述べたブラシコントロール１８８０〜１８８８の配列が提供される。
上記の図２５〜２７は、幾つかの実施形態のアプリケーションが縦置き閲覧モードの時に提供されるＧＵＩを図示している。当業者によって理解されるように、様々な実施形態のアプリケーションは、異なる閲覧モードでは異なるＧＵＩ及びアニメーションを提供する。例えば、幾つかの実施形態において、アプリケーションが横置き閲覧モードの時に、アプリケーションは、ツールバー内のＵＩアイテムのレイアウトが図２５〜２７に示すツールバー（例えば、ブラシコントロールが閉じた状態に扇形編出されている時は選択されたブラシコントロールのみが表示される）に類似していることを除いて、図１８〜２１に図示されているＧＵＩに類似するＧＵＩを提供する。幾つかの実施形態において、アプリケーションは、図１８〜２１に示したものと類似な様式でアニメーションを表示する。当業者によって理解されるように、上記の図１８〜２７中のいずれのＧＵＩも、上記の図１８〜２７中に示すあらゆるアニメーションを使用できる。
上記の図１８〜２７は、ＵＩコントロールを開いた状態及び閉じた状態に扇形編出するための幾つかの技術を示す。例えば、図２１及び２７は、現在選択されているＵＩコントロールを選択し、そのＵＩコントロールを開いた状態に扇形編出することによって、別のＵＩコントロールの選択、及びあるＵＩコントロールを選択し、そのＵＩコントロールの閉じた状態に扇形編出を示している。しかしながら、幾つかの実施形態において、ＵＩコントロールを開いた状態及び閉じた状態に扇形編出する際に、他の技術を利用することもできる。例えば、幾つかの実施形態のＵＩツールにおいて、ユーザは、選択されたＵＩコントロール上でジェスチャ（例えば、スワイプアップジェスチャ）を実行することによって、そのＵＩコントロールを開いた状態に扇形編出する。同様に、幾つかの実施形態において、ＵＩコントロールが開いた状態に扇形編出されており、かつユーザが別のＵＩコントロールを選択したくない場合（即ち、ユーザが現在選択されているＵＩコントロールを選択された状態に維持したい場合）、ユーザはＵＩツールを使って画像表示エリア上でジェスチャ（例えば、スワイプダウンジェスチャ）を実行することによって、そのＵＩコントロールを閉じた状態に扇形編出することができる。他の技術も考えられる。
上述の通り、幾つかの実施形態において、ブラシツールのブラシコントロール同士は、別々の種類のブラシコントロールを表すため、それぞれ外観が異なっている。図２８は、それぞれ異なる外観のブラシコントロールを、概念的に示す。具体的には、図２８は、ステージ２８０５においてエフェクトツール１８７５のブラシコントロールを開いた状態に扇形編出し、ステージ２８１０においてエフェクトツール１８７５のブラシコントロールを閉じた状態に扇形編出するＧＵＩ５００を図示している。しかも、上で図２５〜２７を参照することにより述べた操作はいずれも、図２８に示すブラシツール１８７５に対して実行され得る。
ＧＵＩ５００のステージ２８０５は、一連のブラシコントロール２２８０〜２２８７が開いた状態に扇形編出されているエフェクトツール１８７５を示す。具体的には、この例において、ステージ２８０５は、画像編集アプリケーションが、上で図２５を参照することにより述べたアニメーションに類似するブラシコントロール２２８０〜２２８７の扇形編出開アニメーションを表示した後のＧＵＩ５００を示す。
ステージ２８１０におけるＧＵＩ１００は、一連のブラシコントロール２２８０〜２２８７が閉じた状態に扇形編出されているエフェクトツール１８７５を示す。この例では、ステージ２８１０は、画像編集アプリケーションが、上で図２６を参照することにより述べたアニメーションに類似するブラシコントロール２２８０〜２２８７の扇形編出閉アニメーションを表示した後のＧＵＩ５００を示す。ステージ２８１０に示すように、選択されたブラシコントロール（この例では、レッドアイブラシコントロール２８８１）の上部のみが、ツールバー１９５内に表示され、選択されたブラシコントロールがハイライトされる。
図２９は、幾つかの実施形態のブラシツール１８７５のブラシコントロールを使用してブラシエフェクトを画像への適応を、概念的に示す。具体的には、図２９は、ブラシエフェクト適用操作の４つの別々のステージ２９０５〜２９２０におけるＧＵＩ１００を図示している。
ＧＵＩ１００の第１のステージ２９０５は、図１９に図示されている第４のステージ１９２０に類似している。図示のように、ユーザは（例えば、ＵＩアイテム１３８を選択して）ブラシツール１８７５をアクティブ化している。このことは、ブラシアイテム１３８がハイライトされていることにより示されている。加えて、ユーザは（例えば、ブラシツール１８７５の一連のブラシコントロールが外向きに扇形編出されている時に、ブラシコントロール１８８６にタッチして）ブラシツール１８７５のブラシコントロール１８８６を選択している。
ＧＵＩ１００の第２のステージ２９１０は、編集中の画像に適用されているブラシエフェクトを図示している。図示のように、ユーザは（例えば、画像１４２の領域にタッチし、ラビングジェスチャを実行して）画像１４２の領域を選択して、画像１４２の領域にブラシエフェクトを適用している。画像編集アプリケーションが画像１４２の領域の選択を受け取ると、アプリケーションは、ブラシコントロール１８８６に関連付けられているブラシエフェクトを画像１４２の領域に適用する。加えて、画像１４２の領域の選択を受け取ると即座に、アプリケーションは、ブラシコントロール１８８６を用いて画像１４２にブラシエフェクトが適用されたことを示すインジケータをブラシコントロール１８８６の上に表示し、ブラシツール１８７５を用いて画像１４２に編集内容が適用されたことを示すインジケータをブラシツールＵＩアイテム１３８の上に表示する。
第３のステージ２９１５は、ユーザが画像１４２にブラシエフェクトを適用し終えた後のＧＵＩ１００を図示している。図示のように、画像１４２においてブラシエフェクトが適用された領域は、斜線で示されている。
第３のステージ２９１５はまた、別のブラシエフェクトが編集中の画像に適用されていることも示す。図示のように、ユーザは（例えば、画像１４２の領域にタッチし、ラビングジェスチャを実行して）画像１４２の第２の領域を選択して、ブラシコントロール１８８６に関連付けられているブラシエフェクトを画像１４２の第２の領域に適用している。画像編集アプリケーションが画像１４２の第２の領域の選択を受け取ると、アプリケーションは、ブラシコントロール１８８６に関連付けられているブラシエフェクトを画像１４２の第２の領域に適用する。
第４のステージ２９２０は、ユーザが画像１４２にブラシエフェクトを適用し終えた後のＧＵＩ１００を図示している。図示のように、画像１４２においてブラシエフェクトが適用された第２の領域は、斜線で示されている。
図３０は、幾つかの実施形態のブラシツール１８７５のブラシコントロールを使用してブラシエフェクトを画像への適応、及び図２９で適用されたブラシエフェクトの無効化を、概念的に示す。特に、図３０は、ブラシエフェクトの適用操作及びブラシエフェクトの無効化操作の４つの別々のステージ３００５〜３０２０におけるＧＵＩ１００を図示している。
ＧＵＩ１００の第１のステージ３００５は、図２９に図示されている第４のステージ２９２０に類似している。図示のように、ユーザは、ブラシコントロール１８８６に関連付けられているブラシエフェクトを画像１４２の２つの領域に適用している。これらの適用対象領域は、画像１４２において斜線で示されている。第１のステージ３００５はまた、ユーザによる別のブラシコントロールの選択を示している。このステージに図示されるように、ユーザは（例えば、ブラシコントロール１８８２にタッチして）ブラシコントロール１８８２を選択している。
第２のステージ３０１０は、編集中の画像にブラシエフェクトが適用されているＧＵＩ１００を図示している。図示のように、ユーザは（例えば、画像１４２の領域にタッチし、ラビングジェスチャを実行して）画像１４２の第３の領域を選択して、画像１４２の第３の領域にブラシエフェクトを適用している。画像編集アプリケーションが画像１４２の領域の選択を受け取ると、アプリケーションは、ブラシコントロール１８８２に関連付けられているブラシエフェクトを画像１４２の第３の領域に適用する。加えて、画像１４２の領域の選択を受け取ると即座に、アプリケーションは、ブラシコントロール１８８２を用いて画像１４２にブラシエフェクトが適用されたことを示すインジケータをブラシコントロール１８８２の上に表示する。
第３のステージ３０１５は、ユーザがブラシエフェクトを第２のステージ３０１０に示す画像１４２に適用した後のＧＵＩ１００を図示している。図示のように、ブラシコントロール１８８２を用いてブラシエフェクトが適用された画像１４２の領域は、別の斜線で示してある。
第３のステージ３０１５にはまた、ユーザがブラシコントロール１８８６を用いて画像１４２に適用したブラシエフェクトの無効化も示してある。このステージにおいて、ユーザは（例えば、ブラシコントロール１８８６に連続２回素早くタッチして）ブラシコントロール１８８６を選択し、ブラシコントロール１８８６を用いて画像１４２に適用したブラシエフェクトを無効化している。
ユーザはブラシツール１８７５のブラシエフェクト無効化機能を用いることによって、特定のブラシコントロールを用いて編集中の画像に適用されていたブラシエフェクトを無効化及び有効化することができる。このようにして、ユーザは別々のブラシコントロールを個別に使用して、編集中の画像に適用されたブラシエフェクトを閲覧できる。例えば、ユーザは第１のブラシコントロールを使用して第１の一連のブラシエフェクトを編集中の画像の領域に適用することもできるし、第２のブラシコントロールを使用して第２の一連のブラシエフェクトを同じ画像領域に適用することもできる。ユーザは、ブラシツール１８７５のブラシエフェクト無効化機能を用いることによって、画像に適用された第１の一連のブラシエフェクトのみを閲覧することも、画像に適用された第２の一連のブラシエフェクトのみを閲覧することも、又は画像に適用された第１及び第２の一連のブラシエフェクト両方を閲覧することもできる。
第４のステージ３０２０は、ユーザがブラシコントロール１８８６を用いて画像１４２に適用されたブラシエフェクトを無効化した後のＧＵＩ１００を図示している。図示のように、画像１４２においてブラシコントロール１８８６を用いブラシエフェクトが適用された領域を表す車の上に描かれた斜線が、この画像１４２には表示されておらず、これによりこれらのブラシエフェクトが無効化されたことが示されている。
画像編集アプリケーションが、ブラシコントロール１８８６を用いて画像１４２に適用したブラシエフェクトを無効化するブラシコントロール１８８６の選択を受け取ると、アプリケーションは、画像１４２においてブラシエフェクトが適用された領域からブラシエフェクトを解除する。加えて、ブラシコントロール１８８６のブラシエフェクトを無効化するブラシコントロール１８８６の選択を受け取ると即座に、アプリケーションはブラシコントロール１８８６の上に別のインジケータを表示する。図示のように、ブラシコントロール１８８６の上に表示された薄い線は、ブラシコントロール１８８６で画像１４２に一旦適用されたブラシエフェクトが解除されたことを示すために用いられる。
上述したように、図２９及び３０は、（例えば、ブラシエフェクトを画像の領域に増量的に適用するため）ラビングジェスチャを使用してブラシエフェクトを画像に適用する例を図示している。幾つかの実施形態において、ラビングジェスチャを使用してブラシエフェクトを適用するブラシコントロールは、漸進的ブラシコントロール、増分ブラシコントロール、及び／又は加法混色ブラシコントロールと呼ばれる。ラビングジェスチャを使用してブラシエフェクトを適用するブラシコントロールの詳細は、米国特許出願公開第１３／６２９，３７４号に記載されている。幾つかの実施形態において、ブラシツールは、ラビングジェスチャを使用せずにブラシコントロールのブラシエフェクトを適用する他の種類のブラシコントロールを含む。例えば、上記のリペアブラシコントロールでは、ユーザは（例えば、画像の領域にタッチして）汚点を含む画像の領域を選択することにより、画像から汚点を除去する。幾つかの実施形態において、画像からレッドアイを除去する場合と類似の様式で上記のレッドアイブラシコントロールが使用される。幾つかの実施形態において、これらの種類のブラシコントロールは、離散ブラシコントロールと呼ばれる。
図３１は、ブラシツール１８７５を提供する幾つかの実施形態のアプリケーションのステートダイヤグラム３１００を、概念的に示す。具体的には、図３１は、幾つかの実施形態のアプリケーション幾つかのステート、及びこれらのステート間の遷移を図示している。
ステート３１０５において、アプリケーションは画像編集中、閲覧中、又は編成中のステートにある。幾つかの実施形態において、アプリケーションが最初に開始した時にまず、アプリケーションはステート３１０５にある。アプリケーションがステート３１０５にある時、アプリケーションは画像の編集、閲覧、又は編成用のツールを提供する。例えば、アプリケーションは、画像共有用の共有ツールを提供し、様々な編集ツール（例えば、切り抜き及び回動ツール、露光ツール、色ツールなど）を提供し、画像タグ付けなどの目的に対応したツールを提供し得る、などである。
アプリケーションが横置き閲覧モードの時に、アプリケーションがブラシツール１８７５をアクティブ化すると、アプリケーションはステート３１０５からステート３１１０に遷移する。アプリケーションが縦置き閲覧モードの時に、アプリケーションがブラシツール１８７５をアクティブ化すると、アプリケーションはステート３１０５からステート３１１５に遷移する。幾つかの場合では、アプリケーションがブラシツール１８７５をアクティブ化すると、アプリケーションは最後に用いられたステートに戻る。そのような幾つかの場合では、アプリケーションは、アプリケーションが横置き閲覧モードであればステート３１０５からステート３１２０に遷移し、アプリケーションが縦置き閲覧モードであればステート３１０５からステート３１２５に遷移する（図３１においては不図示）。図３１に示すように、アプリケーションが３１１０〜３１２５のいずれかのステートにあり、アプリケーションがブラシツール１８７５を無効化すると（例えば、別のツールをアクティブ化して）、アプリケーションはステート３１０５に戻る。
ステート３１１０において、アプリケーションは横置き閲覧モードにあり、横置き閲覧モードにてブラシツール１８７５のブラシコントロールを扇形編出開レイアウトで表示するためのＧＵＩを提供する。例えば、幾つかの実施形態のアプリケーションは、ステート３１１０にある時に、図１８の第４のステージ１８２０に図示されているＧＵＩを提供する。
アプリケーションが（例えば、ステート３１１５又はステート３１２０から）ステート３１１０に変わると、アプリケーションはブラシツール１８７５のブラシコントロールの扇形編出開アニメーションを表示する。幾つかの実施形態において、アプリケーションは、上で図１８を参照することにより述べたアニメーションに類似する扇形編出開アニメーションを表示する。
アプリケーションがステート３１１０に遷移する（例えば、アプリケーションがステート３１２０から遷移した）時にブラシツール１８７５のブラシコントロールが選択されていた場合、アプリケーションはステート３１１０にある間、選択されたブラシコントロールを引き続きハイライトする。アプリケーションがステート３１１０にあり、アプリケーションがブラシツール１８７５のブラシコントロールの選択を受け取ると、アプリケーションはステート３１２０に遷移する。アプリケーションがステート３１１０にあり、アプリケーションが横置き閲覧モードから縦置き閲覧モードに変わった場合、アプリケーションはステート３１１５に遷移する。例えば、アプリケーションを走らせているモバイルコンピューティングデバイスのディスプレイ画面の方向が変わると、幾つかの実施形態のアプリケーションは横置き閲覧モードから縦置き閲覧モードに変わり、その後、ステート３１１５に遷移する。別の例として、アプリケーションのＧＵＩを表示するための表示エリアが調整されると（例えば、表示エリアのサイズ調整、表示エリアの幅の減分、表示エリアの高さの増分などが行われた場合）、幾つかの実施形態のアプリケーションは横置き閲覧モードから縦置き閲覧モードに変わり、その後、ステート３１１５に遷移する。
ステート３１２０において、アプリケーションは横置き閲覧モードにあり、横置き閲覧モードにてブラシツール１８７５のブラシコントロールを扇形編出閉レイアウトで表示するためのＧＵＩを提供する。例えば、幾つかの実施形態のアプリケーションは、ステート３１１０にある時に、図１９の第４のステージ１９２０に図示されているＧＵＩを提供する。
アプリケーションがステート３１１０からステート３１２０に変わる際に、アプリケーションは、ブラシツール１８７５のブラシコントロールの扇形編出閉アニメーションを表示する。幾つかの実施形態において、アプリケーションは、上で図１９を参照することにより述べたアニメーションに類似する扇形編出閉アニメーションを表示する。アプリケーションがステート３１２０に遷移すると、アプリケーションは、ブラシツール１８７５の選択されたブラシコントロールをハイライトする。
アプリケーションがステート３１２０にあり、アプリケーションが選択されたブラシコントロールの選択を受け取ることによって、ブラシツール１８７５のブラシコントロールの選択を変更し、アプリケーションはステート３１１０に遷移する。アプリケーションは、ステート３１２０にあり、アプリケーションが横置き閲覧モードから縦置き閲覧モードに変わると、アプリケーションはステート３１２５に遷移する。例えば、アプリケーションを走らせているモバイルコンピューティングデバイスのディスプレイ画面の方向が変わると、幾つかの実施形態のアプリケーションは横置き閲覧モードから縦置き閲覧モードに変わり、その後、ステート３１２５に遷移する。別の例として、アプリケーションのＧＵＩを表示するための表示エリアが調整されると（例えば、表示エリアのサイズ調整、表示エリアの幅の減分、表示エリアの高さの増分などが行われた場合）、幾つかの実施形態のアプリケーションは横置き閲覧モードから縦置き閲覧モードに変わり、その後、ステート３１２５に遷移する。
幾つかの実施形態において、アプリケーションはステート３１２０にある間に別のブラシコントロールの選択を受け取る。例えば、図１９の第４のステージ１９２０に図示されているＧＵＩを提供する幾つかの実施形態のアプリケーションは、別のブラシの選択を受け取って、ブラシツール１８７５のブラシコントロールの選択を変更し得る。アプリケーションがステート３１２０にある時に別のブラシの選択を受け取ると、前に選択されたブラシコントロールのハイライトを解除して、図２０に図示しているように、新たに選択されたブラシコントロールをハイライトする。
アプリケーションがステート３１２０にあり、アプリケーションがブラシツール１８７５の選択されたブラシコントロールで編集される画像の領域の選択を受け取ると、アプリケーションはステート３１３０に遷移する。例として図２９を参照すると、アプリケーションがステート３１２０にある時、アプリケーションは、画像１４２の領域の選択を受け取ると、ブラシコントロール１８８６に関連付けられているブラシエフェクトを画像１４２に適用する。
ステート３１１５において、アプリケーションは縦置き閲覧モードにあり、縦置き閲覧モードにてブラシツール１８７５のブラシコントロールを扇形編出開レイアウトで表示するためのＧＵＩを提供する。例えば、幾つかの実施形態のアプリケーションは、ステート３１１５にある時に、図２５の第４のステージ２５２０又は図２３の第４のステージ２３２０に図示されているＧＵＩを提供する。
アプリケーションが（例えば、ステート３１１０又はステート３１２５から）ステート３１１５に変わると、アプリケーションは、ブラシツール１８７５のブラシコントロールの扇形編出開アニメーションを表示する。幾つかの実施形態において、アプリケーションは、上で図２５又は２３を参照することにより述べたアニメーションに類似する扇形編出開アニメーションを表示する。
アプリケーションがステート３１１５に遷移する（例えば、アプリケーションがステート３１２５から遷移した）時にブラシツール１８７５のブラシコントロールが選択されていた場合、アプリケーションはステート３１１５にある間、選択されたブラシコントロールを引き続きハイライトする。アプリケーションがステート３１１５にあり、アプリケーションがブラシツール１８７５のブラシコントロールの選択を受け取ると、アプリケーションはステート３１２５に遷移する。アプリケーションがステート３１１５にあり、アプリケーションが閲覧モードを縦置き閲覧モードから横置き閲覧モードに変更すると、アプリケーションはステート３１１０に遷移する。例えば、アプリケーションを走らせているモバイルコンピューティングデバイスのディスプレイ画面の方向が変わると、幾つかの実施形態のアプリケーションは縦置き閲覧モードから横置き閲覧モードに変わり、その後、ステート３１１０に遷移する。別の例として、アプリケーションのＧＵＩを表示するための表示エリアが調整されると（例えば、表示エリアのサイズ調整、表示エリアの幅の増分、表示エリアの高さの減分などが行われた場合）、幾つかの実施形態のアプリケーションは縦置き閲覧モードから横置き閲覧モードに変わり、その後、ステート３１１０に遷移する。
ステート３１５５においてアプリケーションは縦置き閲覧モードにあり、縦置き閲覧モードにてブラシツール１８７５のブラシコントロールを扇形編出開レイアウトで表示するためのＧＵＩを提供する。例えば、幾つかの実施形態のアプリケーションは、ステート３１５５にある時に、図２６の第４のステージ２６２０又は図２４の第４のステージ２４２０に図示されているＧＵＩを提供する。
アプリケーションがステート３１１５からステート３１２５に変わる際に、アプリケーションは、ブラシツール１８７５のブラシコントロールの扇形編出閉アニメーションを表示する。幾つかの実施形態において、アプリケーションは、上で図２６又は２４を参照することにより述べたアニメーションに類似する扇形編出閉アニメーションを表示する。アプリケーションがステート３１２５に遷移すると、アプリケーションは、ブラシツール１８７５の選択されたブラシコントロールをハイライトする。
アプリケーションがステート３１２５にあり、アプリケーションは、選択されたブラシコントロールの選択を受け取ることによって、ブラシツール１８７５のブラシコントロールの選択を変更し、アプリケーションはステート３１１５に遷移する。アプリケーションがステート３１２５にあり、アプリケーションが縦置き閲覧モードから横置き閲覧モードに変わった場合、アプリケーションはステート３１２０に遷移する。例えば、アプリケーションを走らせているモバイルコンピューティングデバイスのディスプレイ画面の方向が変わると、幾つかの実施形態のアプリケーションは縦置き閲覧モードから横置き閲覧モードに変わり、その後、ステート３１２０に遷移する。別の例として、アプリケーションのＧＵＩを表示するための表示エリアが調整されると（例えば、表示エリアのサイズ調整、表示エリアの幅の増分、表示エリアの高さの減分などが行われた場合）、幾つかの実施形態のアプリケーションは縦置き閲覧モードから横置き閲覧モードに変わり、その後、ステート３１２０に遷移する。
アプリケーションがステート３１２５にあり、アプリケーションがブラシツール１８７５の選択されたブラシコントロールで編集される画像の領域の選択を受け取ると、アプリケーションはステート３１３０に遷移する。例として図２９を参照すると、アプリケーションはステート３１２０にあり、アプリケーションは、画像１４２の領域の選択を受け取ってブラシコントロール１８８６に関連付けられているブラシエフェクトを画像１４２に適用する。
ステート３１３０において、アプリケーションは、ブラシツール１８７５の選択されたブラシコントロールを介して受け取られた画像の選択に基づいて、編集中の画像にブラシエフェクトを適用する。例えば、図２９を参照すると、アプリケーションが（ステート３１２０又はステート３１２５にある時に）選択されたブラシコントロール１８８６を使用して、第２のステージ２９１０に示す画像１４２の領域の選択を受け取ると、アプリケーションは、ステート３１３０において、ブラシコントロール１８８６に関連付けられているブラシエフェクトを編集中の画像に適用する。編集中の画像の領域の選択に基づいてブラシエフェクトが適用された後、アプリケーションは、アプリケーションがステート３１３０に遷移する直前のステートまで遷移して戻る。換言すれば、アプリケーションがステート３１２０からステート３１３０に遷移した時は、アプリケーションはステート３１２０に遷移して戻り、アプリケーションがステート３１２５からステート３１３０に遷移した時は、アプリケーションはステート３１２５に遷移して戻る。
図３１に図示されているステートダイヤグラムは、幾つかの実施形態の画像編集アプリケーションの幾つかの別々のステートを示す。幾つかの実施形態において、図３１におけるステート及び遷移によって表される様々なアクションがアプリケーション内で実行可能と考えられるアクションのサブセットに過ぎないことは、当業者に認識されるであろう。加えて、示されていない他の機能は、特定のステートにある時に実行され得る。例えば、幾つかの実施形態において、画像編集アプリケーションが扇形編出閉ステート（例えば、ステート３１２０又はステート３１２５）にあり、画像にまだ如何なるブラシも適用していない場合にアプリケーションが編集中の画像にブラシを適用するための入力を受け取ると、アプリケーションは編集中の画像にブラシが適用されたことを示すインジケータを、ブラシツールＵＩアイテム１３８の上に表示する。別の例として、画像編集アプリケーションが閉じた状態に扇形編出されているステート（例えば、ステート３１２０）にある時、ブラシコントロールの選択を受け取ると、図３０に図示しているように、ブラシコントロールに関連付けられているブラシエフェクトを無効化又は有効化する。
図３２は、扇形編出ＵＩコントロールを含むＵＩツールを提供する幾つかの実施形態の画像編集アプリケーション３２００のソフトウェアアーキテクチャを、概念的に示す。幾つかの実施形態において、画像編集アプリケーション３２００は、スタンドアロンアプリケーションであるか又は別のアプリケーション（例えば、複合アプリケーション）に統合されており、一方、他の実施形態において、画像編集アプリケーション３２００はオペレーティングシステム内に実施され得る。更にまた、幾つかの実施形態において、画像編集アプリケーション３２００は、サーバベースのソリューションの一部として提供される。そのような幾つかの実施形態において、画像編集アプリケーション３２００はシンクライアントを介して提供される。つまり、サーバ上で画像編集アプリケーション３２００が走っている間、ユーザはサーバから遠隔にある別個のマシンを介して画像編集アプリケーション３２００と対話操作を行う。他のそのような実施形態において、画像編集アプリケーション３２００は、シッククライアントを介して提供される。即ち、画像編集アプリケーション３２００は、サーバからクライアントマシンに配布され、クライアントマシン上で走る。
図３２に示すように、画像編集アプリケーション３２００は、ユーザインタフェース（ＵＩ）対話生成モジュール３２０５、閲覧モードモジュール３２６５、ＵＩコントロールアニメータ３２１５、ＵＩコントロールマネージャ３２２０、及びレンダリングエンジン３２２５を含む。画像編集アプリケーション３２００はまた、エフェクトコントロール記憶装置３２３０、ブラシコントロール記憶装置３２３５、他のコントロール記憶装置３２４０、及び画像データ３２４５を含む。
エフェクトコントロール記憶装置３２３０は、エフェクトコントロールに関する情報（例えば、様々なエフェクト、エフェクトを制御するＵＩコントロールの種類など）を記憶する。同様に、ブラシコントロール記憶装置３２３５は、ブラシコントロールに関する情報（例えば、様々なブラシエフェクト、ブラシエフェクトを制御するＵＩコントロールの種類など）を記憶する。他のコントロール記憶装置３２３０は、追加の及び／又は他のコントロールに関する情報（例えば、画像の色を調整するための色コントロール、画像の露光を調整するための露光コントロールなど、並びに他のコントロールを制御するＵＩコントロールの種類など）を記憶する。画像データ記憶装置３２４５には、ユーザが画像編集アプリケーション３２００で閲覧、編集、及び編成する画像データ（例えば、ＲＡＷ画像ファイル、ＪＰＥＧ画像ファイル、画像のサムネイルバージョン、画像の編集済みバージョン、画像の表示解像度バージョン、他の画像の生成済みバージョンなど）を記憶する。幾つかの実施形態において、記憶装置３２３０〜３２４５が１つの物理的記憶装置内に格納されるのに対し、幾つかの実施形態において、記憶装置が別個の物理的記憶装置内に格納される。幾つかの実施形態において、依然として、記憶装置３２３０〜３２４５の幾つかが１つの物理的記憶装置内に格納されるのに対し、他の記憶装置３２３０〜３２４５は別個の物理的記憶装置内に格納される。
図３２はまた、ジャイロスコープデバイスドライバ３２５５、入力デバイスドライバ３２６０、及び表示モジュール３２６５を含むオペレーティングシステム３２５０を図示している。幾つかの実施形態において、図示されているように、ジャイロスコープデバイスドライバ３２５５、デバイスドライバ３２６０、及び表示モジュール３２６５は、画像編集アプリケーション３２００がオペレーティングシステム３２５０とは別個のアプリケーションの時でも、オペレーティングシステム３２５０の一部である。
ジャイロスコープデバイスドライバ３２５５は、アプリケーションが３２００の走るコンピューティングデバイスの一部であるジャイロスコープからの信号を変換するための一連のドライバを含む。幾つかの実施形態において、ジャイロスコープは、デバイスの向きを識別するために用いられる。例えば、ジャイロスコープは、デバイスが横長又は縦長位置のどちらに保持されているかを判定する場合に用いられる。ジャイロスコープが信号をジャイロスコープデバイスドライバ３２５５に送ると、その信号が閲覧モードモジュール３２１０に供給される。入力デバイスドライバ３２６０は、キーボード、マウス、タッチパッド、タブレット、タッチスクリーンなどからの信号を変換するためのドライバを含むことがある。ユーザは、これらの入力デバイスのうちの１つ以上と対話し、これらの入力デバイスは、信号をその対応するデバイスドライバに送る。次に、デバイスドライバは、信号を、ＵＩ対話モジュール３２０５に供給されるユーザ入力データに変換する。
本出願は、様々な一連の操作及び機能を実行する多数の方法をユーザに提供する幾つかのグラフィカルユーザインタフェースについて述べる。幾つかの実施形態において、これらの操作及び機能は、様々な入力デバイスを介してユーザから受け取った様々なコマンドに基づいて実行される。例えば、本出願は、タッチコントロールを使用してグラフィカルユーザインタフェース内のオブジェクトの制御（例えば、選択、移動）を行うことを例示する。幾つかの実施形態において、タッチ制御は、装置のディスプレイ上のタッチの存在及び位置を検出することができる入力デバイスによって実施される。そのような装置の一例は、タッチスクリーン装置である。幾つかの実施形態において、タッチ制御によって、ユーザは、タッチスクリーン装置のディスプレイ上に表示されたグラフィカルユーザインタフェースとの対話によって、オブジェクトを直接操作することができる。例えば、ユーザは、タッチスクリーン装置のディスプレイ上の特定のオブジェクトに単にタッチするだけで、グラフィカルユーザインタフェース内の特定のオブジェクトを選択することができる。したがって、タッチ制御が利用される時、幾つかの実施形態において、グラフィカルユーザインタフェースのオブジェクトの選択を可能にするためにカーソルが提供されなくてもよい。しかしながら、グラフィカルユーザインタフェース内にカーソルが提供される時、幾つかの実施形態において、タッチ制御を使用してカーソルを制御することができる。加えて、幾つかの実施形態において、グラフィカルユーザインタフェース内のオブジェクトはまた、グラフィカルユーザインタフェース内のカーソルなどの他のコントロールを介して（例えば、トラックパッド、タッチパッド、マウスなどを使用して）制御又は操作され得る。
表示モジュール３２６５は、ディスプレイ装置用のユーザインタフェースの出力を変換する。即ち、表示モジュール３２６５は、何を表示すべきかを記述する信号（例えば、ＵＩ対話生成モジュール３２０５から）を受信し、それらの信号をディスプレイ装置に送られる画素情報に変換する。ディスプレイ装置は、ＬＣＤ、プラズマスクリーン、ＣＲＴモニタ、タッチスクリーンなどでよい。
画像編集アプリケーション３２００のＵＩ対話生成モジュール３２０５は、入力デバイスドライバ３２６０から受信されたユーザ入力データを解釈して、閲覧モードモジュール３２１０、ＵＩコントロールマネージャ３２２０、及びレンダリングエンジン３２２５を含む様々なモジュールに渡す。ＵＩ対話モジュール３２０５はまた、ＵＩ（例えば、ＵＩコントロールの扇形編出アニメーション、ＵＩエレメントのハイライト、インジケータなど）の表示を管理して、この表示情報を表示モジュール３２６５に出力する。このＵＩ表示情報は、ＵＩコントロールマネージャ３２２０及びレンディングモジュール３２２５などからの情報に基づくものであり得る。加えて、例えば、ＵＩ内でユーザがアイテムを移動させた時（例えば、ウィンドウをＵＩの一側面から他の側面へと移動させた時）、他の如何なるモジュールにも影響を及ぼすことなしにディスプレイのみに影響が及ぶため、ＵＩ対話モジュール３２０５はユーザ入力のみに基づいてＵＩの一部を生成し得る。
閲覧モードモジュール３２１０は、閲覧モードモジュール３２１０がジャイロスコープデバイスドライバ３２５５から受信する情報に基づいてアプリケーションの閲覧モードを判定し、判定された内容をＵＩ対話生成モジュール３２０５に送信することによって、適切なＵＩ表示情報がＵＩ対話生成モジュール３２０５から表示モジュール３２６５に供給されるようにする。
幾つかの実施形態の閲覧モードモジュール３２１０は、ＵＩ対話生成モジュール３２０５からの情報をジャイロスコープデバイスドライバ３２５５からの情報の代わりに又は組み合わせて使用して、閲覧モードを判定する。例えば、ＧＵＩが表示される表示エリアの修正（例えば、表示エリアのサイズ調整、表示エリアの幅調整、表示エリアの高さ調整、表示エリアの移動など）がユーザによって為されると、アプリケーションは、新しい閲覧モードを判定し得る。上述したように、幾つかの実施形態のアプリケーションでは、異なる閲覧モード（例えば、横長閲覧モード、縦長閲覧モード）における異なる操作に対して別々のＧＵＩが提供される。
ＵＩコントロールアニメータ３２１５は、閲覧モードモジュール３２１０及びＵＩコントロールマネージャ３２２０からの情報に基づいて、ＵＩコントロールマネージャ３２２０用のアニメーションを生成する。ＵＩコントロールマネージャ３２２０がＵＩコントロールのアニメーション（例えば、エフェクトコントロールの内向き／外向き扇形編出アニメーション、ブラシコントロールの内向き／外向き扇形編出アニメーション、ピーリング（オン／オフ）アニメーションなど）を要求すると、ＵＩコントロールアニメータ３２１５は、ＵＩコントロールマネージャ３２２０用の適切なアニメーションを生成するため、閲覧モードから閲覧モード情報を取得する。
ＵＩコントロールマネージャ３２２０がＵＩ対話生成モジュール３２０５に供給するＵＩコントロールは、表示用に表示モジュール３２６５に送信される。例えば、ユーザがブラシツール又はエフェクトツールなどのＵＩツールをアクティブ化すると、ＵＩコントロールマネージャ３２２０は、適切なＵＩコントロールに関する要求をＵＩ対話生成モジュール３２０５から受け取る。次いで、ＵＩコントロールマネージャ３２２０は、ＵＩコントロールのアニメーションに関する要求をＵＩコントロールアニメータ３２１５に送信する。
レンダリングエンジン３２２５は、元の画像に基づいて、画像の別々のバージョンのレンディングに対して責任を担う。例えば、レンダリングモジュール３２２５は、画像データ記憶装置３２４５内の画像データを使用して、画像のサムネイル及び画像の表示解像度バージョンをレンダリングする。これらのレンダリングの結果は、ＵＩ対話生成モジュール３２０５が表示モジュール３２６５に送信してから、ＧＵＩ内に表示される。画像に対して編集が為されると、レンダリングエンジン３２２５は、画像データ記憶装置３２４５内の画像データに基づいて、編集済みサムネイル、及び画像の表示解像度バージョンを生成する。幾つかの実施形態において、レンダリングエンジンは、ＵＩコントロールマネージャ３２２０からの要求を受け取り、ＵＩコントロール用の画像（例えば、サムネイルスライダコントロール）を生成する。レンダリングエンジン３２２５はまた、幾つかの実施形態のアプリケーションが画像を外部ソースにエクスポートした時に、画像のレンダリングを行う。幾つかの場合では、レンダリングエンジン３２２５は、元の画像のフルサイズバージョンをレンダリングする。
多くの機能を１つのモジュール（例えば、ＵＩ対話モジュール３２０５、ＵＩコントロールアニメータ３２１５など）で実行されるものとして述べてきたが、本明細書で述べた機能が複数のモジュールに分割され得ることは当業者に認識されるであろう。同様に、複数の別々のモジュールにより実行されるものとして記述された機能は、幾つかの実施形態において単一モジュール（例えば、ＵＩコントロールアニメータ３２１５及びＵＩコントロールマネージャ３２２０）により実行され得る。
ＩＩ．非破壊的な画像に対する順序付けられた編集処理
幾つかの実施形態の画像編集アプリケーションは、画像編集用の様々なツールを提供する。上述したように、そのような幾つかの実施形態のアプリケーションは、画像編集用の切り抜きツール、露光ツール、色ツール、ブラシツール、及びエフェクトツールを提供する。幾つかの実施形態において、様々なツールを使用して画像に対し様々な編集を行うと、アプリケーションは、様々な編集を特定の順序で適用する。下掲のセクションでは、画像に対して様々なツールを使用して特定の順序で為された様々な編集を円滑に適用するための幾つかの操作例について述べる。
図３３は、幾つかの実施形態による順序付けられた編集操作の例を、概念的に示す。具体的には、図３３は、順序付けられた編集操作の別々の１０のステージ３３０５〜３３５０におけるＧＵＩ１００を図示している。図示のように、図３３のステージ３３０５〜３３５０は、図３３ａ〜３３ｃと標示された３つの図にわたって展開されている。
ＧＵＩ１００の第１のステージ３３０５は、切り抜きツールＵＩアイテム１３２の上に表示されたインジケータで示されているように、画像１４２の左下部分が切り抜きツールを使用して切り抜いてあることを除いて、図１２に図示されたＧＵＩ１００の第１のステージ１２０５に類似している。切り抜きツールの詳細は、「Ｕｓｅｒ Ｉｎｔｅｒｆａｃｅ Ｔｏｏｌｓ ｆｏｒ Ｃｒｏｐｐｉｎｇ ａｎｄ Ｓｔｒａｉｇｈｔｅｎｉｎｇ Ｉｍａｇｅ」と題する２０１２年９月２７日出願の米国特許出願公開第１３／６２９，３７０号に記載されている。米国特許出願公開第１３／６２９，３７０号は、本明細書において参照により援用されている。
また、第１のステージ３３０５は、エフェクトコントロール１２８０の選択可能なＵＩアイテムの選択も図示している。図示のように、ユーザは（例えば、ＵＩアイテム１２８２にタッチすることによって）ＵＩアイテム１２８２を選択し、サムネイルスライダコントロール１２８０に関連付けられているエフェクトを、切り抜きの画像１４２に適用している。
第２のステージ３３１０は、第１のステージ３３０５で選択されたエフェクトが切り抜きの画像１４２に適用された後のＧＵＩ１００を示す。アプリケーションは、エフェクトツールＵＩアイテム１４０の上に、編集中の画像にエフェクトが適用されたことを示すインジケータを表示する。図示のように、切り抜きの画像１４２上に、エフェクトが斜線で示される。第２のステージ３３１０はまた、色ツールのアクティブ化も図示している。図示のように、色ツールをアクティブ化するため、ユーザは（例えば、ＵＩアイテム１３６にタッチして）色ツールＵＩアイテム１３６を選択している。
第３のステージ３３１５は、色ツールがアクティブ化された後のＧＵＩ１００を図示している。図示のように、色ツールは、編集中の画像に対して様々な色調整を行うための一連の色調整スライダコントロール３３５１〜３３５４、及び様々なホワイトバランスツール（この図３３中では不図示）を提供するＵＩアイテム３３５５を含む。色調整コントロールを含む色ツールの詳細は、「Ｃｏｎｔｅｘｔ Ａｗａｒｅ Ｕｓｅｒ Ｉｎｔｅｒｆａｃｅ ｆｏｒ Ｉｍａｇｅ Ｅｄｉｔｉｎｇ」と題する２０１２年９月２７日出願の米国特許出願公開第１３／６２９，４２８号に記載されている。米国特許出願公開第１３／６２９，４２８号は、本明細書において参照により援用されている。
ＧＵＩ１００の第３のステージ３３１５はまた、エフェクトツールＵＩアイテム１４０がハイライトされなくなった一方で、色ツールＵＩアイテム１３６がハイライトされるようになったことも示しており、これは、色ツールがアクティブ化されたことを示している。画像編集アプリケーションが色ツールＵＩアイテム１３６の選択を受け取ると、アプリケーションはエフェクトツールＵＩアイテム１４０のハイライトを解除し、色ツールＵＩアイテム１３６をハイライトする。
この例では、エフェクト編集を画像に適用する前に、アプリケーションは画像に色調整の編集を適用している。このようにして、この例では、色ツールがアクティブ化された時に、アプリケーションは切り抜きの画像１４２に適用されたエフェクト編集を一時的に解除している。図示のように、アプリケーションは、ピーリングオフアニメーションと呼ばれるアニメーションを表示することによって、切り抜きの画像１４２からエフェクト編集が解除されたことを示す。ピーリングオフアニメーションは切り抜きの画像１４２のレイヤを示し、このレイヤにエフェクト編集を適用して切り抜きの画像１４２からの解除を示す。ピーリングオフアニメーションが表示されている間、アプリケーションは画像１４２のバージョンを表示するが、解除対象となるレイヤの下層にある画像１４２にはエフェクト編集が適用されない。換言すれば、アプリケーションは、切り抜きの画像１４２の右下隅から開始し、切り抜きの画像１４２の左上隅に向かって、エフェクト編集が含まれるレイヤを切り抜きの画像１４２から剥がすように見せるアニメーションを表示する。
第４のステージ３３２０は、ピーリングオフアニメーションが終了に近づいているＧＵＩ１００を示す。ここで、ＧＵＩ１００は、画像の右下隅の端から更に画像の左上隅の端に更に向かって、切り抜きの画像１４２から剥がされるレイヤを表示している。
第５のステージ３３２５は、エフェクト編集のピーリングオフアニメーションが完了した後のＧＵＩ１００を図示している。図示のように、ＧＵＩ１００は、エフェクト編集が画像から解除された切り抜きの画像１４２を表示しており、斜線で図示されていたエフェクト編集はもはや表示されていない。第５のステージ３３２５はまた、エフェクトツールＵＩアイテム１４０の別のハイライトを示しているほか、ＵＩアイテム１４０の上のインジケータも示している。この別のハイライトは、編集中の画像にエフェクト編集が適用されたが、現在はエフェクトが解除されていることを示している。画像編集アプリケーションがピーリングオフアニメーションを表示し終えると、アプリケーションはエフェクトツールＵＩアイテム１４０の別のハイライトを表示し、ＵＩアイテム１４０の上にインジケータを表示する。
ＧＵＩ１００の第６のステージ３３３０は、画像に適用される色調整の編集を示す。図示のように、切り抜きの画像１４２の色を調整するため、ユーザは（例えば、スライダにタッチし、色調整スライダコントロール３３５１に沿ってドラッグして）色調整スライダコントロール３３５１を調整している。この例における色調整は、切り抜きの画像１４２上に表示された別の一連の対角線で表されている。加えて、別のハイライトが色ツールＵＩアイテム１３６の上に表示されており、切り抜きの画像１４２に色調整が適用されたことを示している。
第７のステージ３３３５におけるＧＵＩ１００はユーザが色ツールを使用した編集中の画像の色の調整を終えたことを示している。このステージでは、切り抜きの画像１４２上に表示された別の斜線が増えたことに示されているように、ユーザは切り抜きの画像１４２に対して第６のステージ３３３０に示す色調整に加えて更に色調整を施している。
第７のステージ３３３５はまた、エフェクトツール１７５のアクティブ化を図示している。図示のように、ユーザは（例えば、ＵＩアイテム１４０にタッチして）エフェクトツールＵＩアイテム１４０を選択し、エフェクトツール１７５をアクティブ化している。
第８のステージ３３４０は、エフェクトツール１７５がアクティブ化された後のＧＵＩ１００を図示している。ＧＵＩ１００の第８のステージ３３４０はまた、色ツールＵＩアイテム１３６がハイライトされなくなった一方で、エフェクトツールＵＩアイテム１４０がハイライトされるようになったことを示しており、これは、エフェクトツールがアクティブ化されたことを示している。画像編集アプリケーションがエフェクトツールＵＩアイテム１４０の選択を受け取ると、アプリケーションは色ツールＵＩアイテム１３６のハイライトを解除し、エフェクトツールＵＩアイテム１４０をハイライトする。アプリケーションは引き続き、エフェクトツールＵＩアイテム１４０の上に別のハイライトを表示し、これによりエフェクト編集が現在依然として解除されていることを示す。
上述のように、この例のアプリケーションは、エフェクト編集を画像に適用する前に色調整の編集を画像に適用する。ユーザが画像に対する色編集を終えているため、この例のアプリケーションは、第２のステージ３３１０で色ツールがアクティブ化された時に、切り抜きの画像１４２から一時的に解除されていたエフェクト編集を切り抜きの画像１４２に適用する。図示のように、アプリケーションは、ピーリングオンアニメーションと呼ばれるアニメーションを表示することにより、エフェクト編集が切り抜きの画像１４２に適用されたことを示す。ピーリングオンアニメーションは切り抜きの画像１４２のレイヤを示し、このレイヤに色編集及びエフェクト編集を適用したものを、色調整された切り抜きの画像１４２の上に重ねることを示す。このようにして、アプリケーションは、色編集及びエフェクト編集を含むレイヤが、切り抜きの画像１４２の左上隅から開始して切り抜きの画像１４２の右下隅に向かって切り抜きの画像１４２の上にペーストされるように見せるアニメーションを表示する。
第９のステージ３３４５は、ピーリングオンアニメーションが終了に近づいているＧＵＩ１００を示す。第９のステージ３３４５におけるＧＵＩ１００は、切り抜きの画像１４２上で、画像の左上隅の端から更に画像の右下隅の端に更に向かって配置されるレイヤを表示する。また、アプリケーションは引き続き、エフェクトツールＵＩアイテム１４０の上に別のハイライトを表示し、これによりエフェクト編集が現在依然として解除されていることが示される。
第１０のステージ３３５０は、ピーリングオンアニメーションが完了した後のＧＵＩ１００を図示している。図示のように、一時的に解除されていたエフェクト編集が、切り抜きの画像１４２に適用されている。このことは、切り抜きの画像１４２の上に、異なる種類の斜線が表示されることにより示される。ここで、アプリケーションは、エフェクトツールＵＩアイテム１４０の上に元のハイライトを表示し、これにより編集中の画像にエフェクト編集が適用されたことを示す。
上記の図は、様々なツール用いて行われた様々な編集を画像に特定の順序で適用する操作例を図示している。幾つかの実施形態において、同じツールを用いて行われた様々な編集を画像に特定の順序で適用する。
図３４は、幾つかの実施形態による順序付けられた編集操作の例を、概念的に示す。特に、図３４は、順序付けられた編集操作の別々の１０のステージ３４０５〜３４５０におけるＧＵＩ１００を図示している。図示のように、図３４のステージ３４０５〜３４５０は、図３４ａ〜３４ｃと標示された３つの図にわたって展開されている。
ＧＵＩ１００の第１のステージ３４０５は、エフェクトツール１７５の代わりにブラシツール１８７５がアクティブ化されたことを除けば、図３３に図示されているＧＵＩ１００の第１のステージ３３０５に類似している。図示のように、ブラシコントロール１８８８が選択されており、ユーザは（例えば、画像１４２の領域にタッチし、ラビングジェスチャを実行して）切り抜きの画像１４２の領域を選択し、ブラシコントロール１８８８に関連付けられているブラシエフェクトを切り抜きの画像１４２の領域に適用している。切り抜きの画像１４２の領域の選択を受け取ると、アプリケーションは、インジケータをブラシコントロール１８８８の上に表示してブラシコントロール１８８８を用いたブラシエフェクトが切り抜きの画像１４２に適用されたことを示し、インジケータをブラシツールＵＩアイテム１３８の上に表示してブラシコントロール１８７５を用いた編集が切り抜きの画像１４２に適用されたことを示す。
第２のステージ３４１０は、ユーザが切り抜きの画像１４２にブラシエフェクトを適用し終えた後のＧＵＩ１００を示す。画像１４２においてブラシエフェクトが適用された領域は、縦線で示されている。ＧＵＩ１００の第２のステージ３４１０はまた、ユーザが別のブラシコントロールの選択も示されている。図示のように、ユーザは（例えば、ブラシコントロール１８８０にタッチして）ブラシコントロール１８８０を選択している。
第３のステージ３４１５は、ブラシコントロール１８８０が選択された後のＧＵＩ１００を図示している。アプリケーションがブラシコントロール１８８０の選択を受け取ると、アプリケーションはブラシコントロール１８８８のハイライトを解除し、選択されたブラシコントロール１８８０をハイライトする。
この例において、アプリケーションは、ブラシコントロール１８８８のブラシエフェクト編集を画像に適用する前に、ブラシコントロール１８８０のブラシエフェクト編集を画像に適用する。故に、この例において、アプリケーションは、ブラシコントロール１８８０が選択された時、切り抜きの画像１４２に適用されていたブラシコントロール１８８８のブラシエフェクト編集を一時的に解除する。図示のように、アプリケーションはピーリングオフアニメーションを表示することによって、ブラシコントロール１８８８のブラシエフェクト編集を切り抜きの画像１４２からの解除を示している。ピーリングオフアニメーションは切り抜きの画像１４２のレイヤを示し、このレイヤにブラシコントロール１８８８のブラシエフェクト編集を適用して切り抜きの画像１４２からの解除を示す。ピーリングオフアニメーションが表示されている間、アプリケーションは画像１４２のバージョンを表示するが、解除対象となるレイヤの下層にある画像１４２にはブラシコントロール１８８８のブラシエフェクト編集が適用されない。換言すれば、アプリケーションは、切り抜きの画像１４２の右下隅から開始し、切り抜きの画像１４２の左上隅に向かって、ブラシコントロール１８８８のブラシエフェクト編集が含まれるレイヤを切り抜きの画像１４２から剥がすように見せるアニメーションを表示する。
第４のステージ３４２０は、ピーリングオフアニメーションが終了に近づいているＧＵＩ１００を示す。このステージにおけるＧＵＩ１００は、画像の右下隅の端から更に画像の左上隅の端に更に向かって、切り抜きの画像１４２から剥がされるレイヤを表示する。
第５のステージ３４２５は、ブラシコントロール１８８８のブラシエフェクト編集のピーリングオフアニメーションが完了した後のＧＵＩ１００を図示している。図示のように、ＧＵＩ１００は、ブラシコントロール１８８８のブラシエフェクト編集が画像から解除された切り抜きの画像１４２を表示しており、縦線で図示されていたブラシエフェクト編集はもはや表示されていない。第５のステージ３３２５はまた、ブラシツールＵＩアイテム１３８の上にインジケータの別のハイライトも示している。この別のハイライトは、編集中の画像にブラシコントロール１８８８のブラシエフェクト編集が適用されていたが、現在はブラシエフェクト編集が解除されていることを示している。画像編集アプリケーションがピーリングオフアニメーションを表示し終えると、アプリケーションはブラシツールＵＩアイテム１３８の上にインジケータの別のハイライトを表示する。
ＧＵＩ１００の第６のステージ３４３０は、ブラシコントロール１８８０を用いて画像に適用されたブラシエフェクト編集を示す。図示のように、ユーザは（例えば、画像１４２の領域にタッチし、ラビングジェスチャを実行して）切り抜きの画像１４２の第２の領域を選択して、ブラシコントロール１８８０に関連付けられているブラシエフェクトを切り抜きの画像１４２の第２の領域に適用している。切り抜きの画像１４２の第２の領域の選択を受け取ると、アプリケーションはブラシコントロール１８８０の上にインジケータを表示して、ブラシコントロール１８８０を用いて切り抜きの画像１４２にブラシエフェクトが適用されたことを示す。
第７のステージ３４３５は、ユーザがブラシコントロール１８８０を用いて切り抜きの画像１４２にブラシエフェクトを適用し終えた後のＧＵＩ１００を示す。図示のように、画像１４２においてブラシエフェクトが適用された第２の領域は、横線で示されている。ＧＵＩ１００の第７のステージ３４３５はまた、ユーザが別のブラシコントロールの選択も示す。図示のように、ユーザは（例えば、ブラシコントロール１８８８にタッチして）ブラシコントロール１８８８を選択している。
第８のステージ３４４０は、ブラシコントロール１８８８が選択された後のＧＵＩ１００を図示している。画像編集アプリケーションがブラシコントロール１８８８の選択を受け取ると、アプリケーションはブラシコントロール１８８０のハイライトを解除し、ブラシコントロール１８８８をハイライトする。アプリケーションは引き続き、ブラシツールＵＩアイテム１３８の上に別のハイライトを表示し、これによりブラシコントロール１８８８のブラシエフェクト編集が現在依然として解除されていることを示す。
上述のように、この例におけるアプリケーションは、ブラシコントロール１８８８のブラシエフェクト編集を画像に適用する前に、ブラシコントロール１８８０のブラシエフェクト編集を画像に適用する。ユーザがブラシコントロール１８８０を用いて画像に対するブラシエフェクト編集を終えているため、この例におけるアプリケーションは、第２のステージ３４１０においてブラシコントロール１８８０が選択された時に、切り抜き画像１４２から一時的に解除されていたブラシコントロール１８８８のブラシエフェクト編集を切り抜きの画像１４２に適用する。図示のように、アプリケーションはピーリングオンアニメーションを表示することにより、ブラシコントロール１８８８のブラシエフェクト編集が切り抜きの画像１４２に適用されたことを示す。ピーリングオンアニメーションは切り抜きの画像１４２のレイヤを示し、このレイヤにブラシコントロール１８８８のブラシエフェクト編集及びブラシコントロール１８８０のブラシエフェクト編集を適用したものを、ブラシコントロール１８８０のブラシエフェクト編集のみを含む切り抜きの画像１４２の上に重ねることを示す。このようにして、アプリケーションは、ブラシコントロール１８８８のブラシエフェクト編集及びブラシコントロール１８８０のブラシエフェクト編集を含むレイヤが、切り抜きの画像１４２の左上隅から開始して、切り抜きの画像１４２の右下隅に向かって、ブラシコントロール１８８０のブラシエフェクト編集のみを含む切り抜きの画像１４２の上にペーストされるように見せるアニメーションを表示する。
第９のステージ３４４５は、ピーリングオンアニメーションが終了に近づいているＧＵＩ１００を示す。第９のステージ３４４５におけるＧＵＩ１００は、切り抜きの画像１４２の上で、画像の左上隅の端から更に画像の右下隅の端に更に向かって配置されるレイヤを表示する。また、アプリケーションは引き続きブラシコントロール１８８８の上に別のハイライトを表示し、これによりエフェクト編集が現在依然として解除されていることを示す。
第１０のステージ３４５０は、ピーリングオンアニメーションが完了した後のＧＵＩ１００を図示している。図示のように、一時的に解除されていたブラシコントロール１８８８のブラシエフェクト編集が、切り抜きの画像１４２に適用されている。このことは、切り抜きの画像１４２の上に縦線及び横線が表示されていることにより示される。ここで、アプリケーションは、ブラシコントロール１８８８の上に元のハイライトを表示し、これによりブラシコントロール１８８８のブラシエフェクト編集が編集中の画像に適用されたことを示す。
上述したように、図３３及び３４は、画像から一時的に編集が解除される際のピーリングオフアニメーションを表示する例、及び画像に編集を適用し直す際のピーリングオンアニメーションを表示する例を図示しており、これらのアニメーションによって、編集の画像からの解除、及び編集の画像への適用が視覚的に示されている。幾つかの実施形態の画像編集アプリケーションでは、アニメーションの表示の代わりに又はアニメーションの表示と組み合わせて、画像からの解除、及び編集が画像への適用が聴覚的に示される。例えば、幾つかの実施形態において、画像編集アプリケーションは、ピーリングオフアニメーションを表示しながら、サウンドエフェクト（例えば、１枚の紙を持ち上げるサウンド）を再生する。同様に、幾つかの実施形態の画像編集アプリケーションは、ピーリングオンアニメーションを表示しながら、サウンドエフェクト（例えば、１枚の紙を置くサウンド）を再生する。他の実施形態は、画像から解除される編集、及び画像に適用される編集に関して、追加の及び／又は異なる種類のインジケーションを提供し得る。
図３５は、幾つかの実施形態による編集内容の適用順序を示した表を図示している。表に示されるように、この表は切り抜きツール、露光ツール、色ツール、ブラシツール、及びエフェクトツールを使用して編集を適用する順序を定義する。また、この表は、ブラシツール内で、リペアブラシ（例えば、図２２及び２８に図示されているリペアブラシコントロール）、レッドアイブラシ（例えば、図２２及び２８に図示されているレッドアイブラシコントロール）、及びペイントブラシ（例えば、図２２及び２８に図示されている高彩度ブラシコントロール、低彩度ブラシコントロール、明色化ブラシコントロール、暗色化ブラシコントロール、シャープ化ブラシコントロール、及びソフト化ブラシコントロール）を使用して編集を適用する順序も定義する。
左端の列に一覧表示されているツールごとに、表内の対応する行に、左列内のツールが使用されている（即ち、アクティブ化されている）間に引き続き画像に適用され得る編集タイプがチェックマークで明示してある。例えば、切り抜きツールが使用されている間は、対応する行内にチェックマークで示してあるように、切り抜き編集、露光編集、及び色編集が引き続き画像に適用され得る。それ故、切り抜きツールがアクティブ化されると、幾つかの実施形態のアプリケーションは、リペアツール、レッドアイツール、ペイントツール、又はエフェクトツールを用いて画像に適用されたあらゆる編集を解除する。
上述したように、図３４は、同じツールを用いて画像に対して特定の順序で為された様々な編集を適用する操作例を図示している。リペアツール及びレッドアイツールに対応する行は、様々な編集を同じツールを用いて特定の順序で画像に適用する例である。例えば、レッドアイツールが使用中の時は、切り抜き編集のみが引き続き画像に適用され得る。そのため、幾つかの実施形態のアプリケーションでは（例えば、レッドアイブラシコントロール２２８１を選択して）レッドアイツールがアクティブ化されると、他のブラシツール（この例ではリペアツール及びペイントツール）を用いて画像に適用されたあらゆる編集が、並びに他のツール（この例では露光ツール、色ツール、及びエフェクトツール）を用いて画像に適用されたあらゆる編集が解除される。
図３５に例示されている表は、編集を画像に適用する順序の一例である。当業者によって理解されるように、任意の数の様々なツールに対して任意の数の別々の順序を定義できる。
図３６は、順序付けられた編集機能を提供する幾つかの実施形態の画像編集アプリケーションのソフトウェアアーキテクチャを、概念的に示す。幾つかの実施形態において、画像編集アプリケーション３６００はスタンドアロンアプリケーションであるか又は他のアプリケーション（例えば、複合アプリケーション）に統合されており、一方、他の実施形態において、画像編集アプリケーション３６００は、オペレーティングシステム内に実施され得る。更にまた、幾つかの実施形態において、画像編集アプリケーション３６００は、サーバベースのソリューションの一部として提供される。そのような幾つかの実施形態において、画像編集アプリケーション３６００はシンクライアントを介して提供される。つまり、サーバ上で画像編集アプリケーション３６００が走る間、ユーザはサーバから遠隔にある別個のマシンを介して画像編集アプリケーション３６００と対話操作を行う。他のそのような実施形態において、画像編集アプリケーション３６００は、シッククライアントを介して提供される。即ち、画像編集アプリケーション３６００は、サーバからクライアントマシンに配布され、クライアントマシン上で走る。
図３６に示すように、画像編集アプリケーション３６００は、ユーザインタフェース（ＵＩ）対話生成モジュール３６０５、編集マネージャ３６１０、ピールアニメータ３６１５、編集モジュール３６２０、及びレンダリングエンジン３６２５を含む。画像編集アプリケーション３６００はまた、画像データ記憶装置３６３０を含む。エフェクトコントロール記憶装置３６３０
画像データ記憶装置３６３０は、ユーザが画像編集アプリケーション３６００で閲覧、編集、及び編成する画像データ（例えば、ＲＡＷ画像ファイル、ＪＰＥＧ画像ファイル、画像のサムネイルバージョン、画像の編集済みバージョン、画像の表示解像度バージョン、画像の他の生成済みバージョンなど）を記憶する。幾つかの実施形態において、画像データ記憶装置３６３０が１つの物理的記憶装置に格納され、一方、幾つかの実施形態において、画像データ記憶装置３６３０が別個の物理的記憶装置に格納される。
図３６はまた、出力デバイスドライバ３６５５、入力デバイスドライバ３６６０、及び表示モジュール３６６５を含むオペレーティングシステム３６５０も図示している。幾つかの実施形態において、図示されているように、出力デバイスドライバ３６５５、入力デバイスドライバ３６６０、及び表示モジュール３６６５は、画像編集アプリケーション３６００がオペレーティングシステム３６５０と別個のアプリケーションの時でもオペレーティングシステム３６５０の一部である。
入力デバイスドライバ３６６０は、キーボード、マウス、タッチパッド、タブレット、タッチスクリーンなどからの信号を変換するためのドライバを含むことがある。ユーザは、これらの入力デバイスのうちの１つ以上と対話し、これらの入力デバイスは、信号をその対応するデバイスドライバに送る。次に、デバイスドライバは、信号を、ＵＩ対話モジュール３６０５に供給されるユーザ入力データに変換する。
出力デバイスドライバ３６５５は、信号をスピーカ、ヘッドフォン、プリンタなどに変換するためのドライバを含み得る。幾つかの実施形態において、幾つかの実施形態の出力デバイスドライバ３６５５は、ＵＩ対話モジュール３６０５からの信号を変換する。例えば、出力デバイスドライバ３６５５は、ＵＩ対話モジュール３６０５からオーディオ信号（例えば、サウンドエフェクト）を受信して、ピールアニメーションが表示されている時に、スピーカ及び／又はヘッドフォンに出力し得る。
本出願は、様々な一連の操作及び機能を実行する多数の方法をユーザに提供する幾つかのグラフィカルユーザインタフェースに関して記載する。幾つかの実施形態において、これらの操作及び機能は、様々な入力デバイスを介してユーザから受け取った様々なコマンドに基づいて実行される。例えば、本出願は、タッチコントロールを使用してグラフィカルユーザインタフェース内のオブジェクトの制御（例えば、選択、移動）を行うことを例示している。幾つかの実施形態において、タッチ制御は、装置のディスプレイ上のタッチの存在及び位置を検出することができる入力デバイスによって実施される。そのような装置の一例は、タッチスクリーン装置である。幾つかの実施形態において、タッチ制御によって、ユーザは、タッチスクリーン装置のディスプレイ上に表示されたグラフィカルユーザインタフェースとの対話によって、オブジェクトを直接操作することができる。例えば、ユーザは、タッチスクリーン装置のディスプレイ上の特定のオブジェクトに単にタッチするだけで、グラフィカルユーザインタフェース内の特定のオブジェクトを選択することができる。したがって、タッチ制御が利用される時、幾つかの実施形態において、グラフィカルユーザインタフェースのオブジェクトの選択を可能にするためにカーソルが提供されなくてもよい。しかしながら、グラフィカルユーザインタフェース内にカーソルが提供される時、幾つかの実施形態において、タッチ制御を使用してカーソルを制御することができる。加えて、幾つかの実施形態において、グラフィカルユーザインタフェース内のオブジェクトはまた、グラフィカルユーザインタフェース内のカーソルなどの他のコントロールを介して（例えば、トラックパッド、タッチパッド、マウスなどを使用して）制御又は操作され得る。
表示モジュール３６６５は、ディスプレイ装置用のユーザインタフェースの出力を変換する。即ち、表示モジュール３６６５は、何を表示すべきかを記述する信号（例えば、ＵＩ対話生成モジュール３６０５から）を受信し、それらの信号をディスプレイ装置に送られる画素情報に変換する。ディスプレイ装置は、ＬＣＤ、プラズマスクリーン、ＣＲＴモニタ、タッチスクリーンなどでよい。
画像編集アプリケーション３６００のＵＩ対話生成モジュール３６０５は、入力デバイスドライバ３６６０から受信されたユーザ入力データを解釈して、編集マネージャ３６１０、ピールアニメータ３６１５、及びレンダリングエンジン３６２５を含む様々なモジュールに渡す。ＵＩ対話モジュール３６０５はまた、ＵＩ（例えば、ＵＩコントロールの扇形編出アニメーション、ＵＩエレメントのハイライト、インジケータなど）の表示を管理して、この表示情報を表示モジュール３６６５に出力する。このＵＩ表示情報は、編集マネージャ３６１０、ピールアニメータ３６１５、及びレンディングモジュール３６２５などからの情報に基づくものであり得る。加えて、例えば、ＵＩ内でユーザがアイテムを移動させた時（例えば、ウィンドウをＵＩの一側面から他の側面へと移動させた時）、他の如何なるモジュールにも影響を及ぼすことなしにディスプレイのみに影響が及ぶため、ＵＩ対話モジュール３６０５はユーザ入力のみに基づいてＵＩの一部を生成し得る。幾つかの実施形態において、ＵＩ対話モジュール３６０５は、ユーザ入力及び／又はＵＩを用いた対話操作に基づいて、オーディオの出力（例えば、サウンドエフェクトなど）を管理する。
編集マネージャ３６１０は、編集処理の順序を管理する。例えば、編集マネージャ３６１０は、ユーザが編集中の画像に対して行った編集内容を識別し、画像に対する識別された編集の処理順序を判別する。幾つかの実施形態において、編集マネージャ３６１０は、一連のルールに基づいて編集を処理する順序を判別する。編集マネージャ３６１０がその順序を判別すると、編集マネージャ３６１０は一連の編集内容をＵＩ内に表示することを決定し、アニメーション（例えば、ピーリングオフアニメーション、ピーリングオンアニメーションなど）を生成する要求をピールアニメータ３６１５に送信し、一連の編集を画像に適用することを編集モジュール３６２０に要求して、レンダリングエンジン３６２５にレンダリングさせる。
ピールアニメータ３６１５は、編集マネージャ３６１０及び編集モジュール３６２０からの情報に基づいてレンダリングエンジン３６２５のアニメーションを生成する。編集マネージャ３６１０がピーリングアニメーション（例えば、ピーリングオフアニメーション、ピーリングオンアニメーションなど）を要求すると、ピールアニメータ３６１５は（１）ＵＩ内に現在表示されている編集中の画像のバージョンをＵＩ対話生成モジュール３６０５から取得して、（２）ＵＩ内に表示される編集中の画像のバージョンをピーリングアニメーションの後に、編集モジュール３６２０から取得する。ピールアニメータ３６１５は、ＵＩ対話モジュール３６０５及び編集モジュール３６２０から取得した情報を用い、要求されたアニメーションを生成し、そのアニメーションをレンダリングエンジン３６２５に送信する。
編集モジュール３６２０は、画像（例えば、編集中の画像）に編集内容を適用する目的に対応している。編集モジュール３６２０が画像に適用される一連の編集を編集マネージャ３６１０から受け取ると、編集モジュール３６２０は、画像データ記憶装置３６３０内で画像に対応した画像データを識別して、一連の編集を画像に適用する。編集モジュール３６２０は、編集済み画像のバージョンをレンダリングエンジン３６２５に送信して、編集済み画像のバージョンを表示目的に合うようにレンダリングする。幾つかの実施形態において、編集モジュール３６２０は、ピールアニメータ３６１５がピールアニメーションを生成できるように、編集済み画像のバージョンをピールアニメータ３６１５に送信する。
レンダリングエンジン３６２５は、元の画像に基づいて、画像の別々のバージョンのレンディングに対して責任を担う。例えば、レンダリングモジュール３６２５は、画像データ記憶装置３６３０内の画像データを使用して、画像のサムネイル及び画像の表示解像度バージョンをレンダリングする。これらのレンダリングの結果は、ＵＩ対話生成モジュール３６０５が表示モジュール３６６５に送信してから、ＧＵＩ内に表示される。画像に対して編集が為されると、レンダリングエンジン３６２５は、画像データ記憶装置３６３０内の画像データに基づいて、編集済みサムネイル、及び画像の表示解像度バージョンを生成する。レンダリングエンジン３６２５はまた、幾つかの実施形態のアプリケーションが画像を外部ソースにエクスポートした時に、画像のレンダリングを行う。幾つかの場合では、レンダリングエンジン３６２５は、元の画像のフルサイズバージョンをレンダリングする。
多くの機能を１つのモジュール（例えば、ＵＩ対話モジュール３６０５、ピールアニメータ３６１５など）で実行されるものとして述べてきたが、本明細書で述べた機能が複数のモジュールに分割され得ることは当業者に認識されるであろう。同様に、複数の別々のモジュールにより実行されるものとして記載された機能は、幾つかの実施形態において単一モジュール（例えば、ピールアニメータ３６１５及び編集マネージャ３６１０）により実行され得る。
ＩＩＩ．非破壊的な画像のデータ構造
上記セクションの記載内容は、幾つかの実施形態のＧＵＩにおいて画像を編集するための様々な操作に関するものである。幾つかの実施形態のアプリケーションでは、画像を表すデータ構造が生成されて記憶される。図３７は、幾つかの実施形態のアプリケーションによって記憶される画像のデータ構造３７００を、概念的に示す。図示のように、データ構造３７００は、画像ＩＤ ３７０５、画像データへの参照３７１０、編集指示３７１５、エクスチェンジャブル・イメージ・ファイル・フォーマット（Ｅｘｉｆ）データ３７２５、キャプション３７３０、共有画像データ３７３５、画像のキャッシュ済みバージョン３７４０、画像上の任意のタグ３７５０、及び画像に関する任意の追加データを含む。画像ＩＤ ３７０５は、画像に対する一意の識別子である。
画像データへの参照３７１０は、画像を表示するための実際のフルサイズ画素データ（例えば、画像内の画素ごとの一連の色空間チャネル値、又はそのエンコード済みバージョン）へのポインタである。別々の実施形態の画像データは、別々のロケーションに記憶される。例えば、画像データがローカルのロケーションに記憶される（例えば、アプリケーションが走るコンピューティングデバイスのファイルシステム内にファイルとして記憶される）場合もある。そのような場合では、参照３７１０は、ローカルのロケーションを指す。幾つかの実施形態において、画像データは別のアプリケーションに記憶される（例えば、画像編成アプリケーションのデータベースに記憶される）。幾つかの実施形態において、他のアプリケーションはアプリケーションが走るのと同じコンピューティングデバイス上で走る。これに対して、他の実施形態において、他のアプリケーションが別のコンピューティングデバイス上で走る。そのような幾つかの実施形態において参照３７１０は、他のアプリケーションに記憶されている画像データへのポインタを記憶する。幾つかの実施形態において、他のアプリケーションに記憶されている画像データへのポインタを記憶する代わりに、参照３７１０は（例えば、アプリケーションプログラミングインタフェース（ＡＰＩ）コールを介して）他のアプリケーションから画像データを取得するための一意の識別子を記憶する。幾つかの実施形態において、アプリケーションを介して画像が編集されると、アプリケーションは、他のアプリケーションに記憶されている画像を取得し、その後、データ構造３７００に画像を記憶する。
編集指示３７１５には、ユーザが画像に適用した任意の編集に関する情報が含まれる。このようにして、アプリケーションが随時に画像の編集済みバージョンから元の画像を容易に戻せるように、アプリケーションは非破壊的な形式で画像を記憶する。例えば、ユーザが彩度エフェクトを画像に適用し、アプリケーションを一旦終了してから元に戻って、エフェクトを解除することに決めた場合、その操作を容易に実行することができる。
図示のように、編集指示３７１５は、ユーザが画像に適用した各編集内容に対する一連の指示、及びユーザが編集を適用する際に用いるツールを識別するツール識別子を記憶する。編集の例としては、切り抜き編集、回動編集、露光編集、色編集、ブラシエフェクト編集、エフェクト編集、又は画像の画素を修正する他の任意の種類の編集が挙げられる。このようにして、アプリケーションはユーザが特定のツールを使用して画像に適用した全ての編集を識別し得る。これにより、アプリケーションは特定のツールを用いて適用された編集を識別でき、アプリケーションが編集を一旦解除してから画像に再適用することが可能になり、その結果として、上で図３３〜３５を参照することにより述べたような機能が実施されるようになる。幾つかの実施形態では、ある一連の編集のみが適用された画像の様々なバージョンをユーザが閲覧できるように、又はある種類の編集の解除及び再適用をアプリケーションが容易に実行できるように、これらの編集指示が特定の順序で記憶される。幾つかの実施形態において、編集指示はユーザが編集を画像に適用した順序で記憶される。
Ｅｘｉｆデータ３７２５は、画像をキャプチャしたカメラによって記憶された様々な情報（利用可能な場合）を含む。Ｅｘｉｆは、デジタルカメラに一般的に用いられる特定のファイル形式の１つであるが、当業者に認識されるように、同等の情報が他の形式で入手可能なことも、又はユーザが直接に入力可能なことさえある。Ｅｘｉｆデータ３７２５は、カメラ設定データ、ＧＰＳデータ、及びタイムスタンプを含む。カメラ設定データは、画像用のカメラ設定に関する情報（この情報が画像をキャプチャしたカメラから利用可能な場合）を含む。この情報には、例えば、絞り、焦点距離、シャッター速度、露光補正、及びＩＳＯが含まれ得る。ＧＰＳデータ３７２５は画像がキャプチャされたロケーションを示すのに対し、タイムスタンプは画像がキャプチャされた時の（カメラのクロックに準ずる）時刻を示す。
キャプション３７３０は、画像に関してユーザが入力した説明である。幾つかの実施形態において、この情報は画像閲覧エリア内にフォトと共に表示されるが、加えて、作成されたジャーナルのフォト上に表示する際に使用される場合もあれば、ソーシャルメディア又はフォト共有ウェブサイトに画像を掲示する際に使用される場合もある。ユーザがそのようなウェブサイトに画像を掲示すると、アプリケーションは、画像用の共有画像データ３７３５を生成する。この情報には、ロケーション（例えば、Ｆａｃｅｂｏｏｋ（登録商標）、Ｆｌｉｃｋｒ（登録商標）など）、並びにウェブサイトのデータベース内の画像にアクセスするためのオブジェクトＩＤが記憶される。最終アクセス日は、ソーシャルメディア又はフォト共有ウェブサイトからフォトに記載された任意のユーザコメントにアクセスするためアプリケーションがオブジェクトＩＤを最後に使用した日時である。
キャッシュ済み画像バージョン３７４０は、これらの画像をアプリケーションがフルサイズ画像データ３７１０から繰り返し生成する必要がないように、アクセス及び表示がよく行われる画像のバージョンを記憶する。図示のように、キャッシュ済み画像バージョン３７４０は、現在の画像のサムネイル画像、現在の画像の表示解像度バージョン（例えば、画像表示エリアに合わせてカスタマイズされたバージョン）、及び元の画像の表示解像度バージョンを含む。幾つかの実施形態において、アプリケーションは、画像に対して編集が行われた時に、現在のサムネイル画像用の新しいサムネイル画像、及び現在の表示解像度画像の新しい表示解像度バージョンを生成する。例えば、順序付けられた編集操作中に編集が解除されると、アプリケーションは新規にサムネイルを生成すると共に、ＧＵＩ内に表示されるようにする目的で解除されなかった編集のみを含む画像のバージョンを表示する。
幾つかの実施形態のアプリケーションは、画像のキャッシュ済みバージョンを記憶することによって、画像のフルサイズバージョンをレンダリングする必要をなくしている。幾つかの実施形態において、アプリケーションは、アプリケーションが画像をエクスポートすると、画像のフルサイズバージョンを生成する。例えば、ユーザは幾つかの実施形態のアプリケーションの機能を利用することができ、それによって、ユーザは別のアプリケーション（例えば、画像編成アプリケーション）に画像を保存することもできる。そのような実例において、アプリケーションは、画像のフルサイズバージョンを生成して、他のアプリケーションにエクスポートする。
上述したように、幾つかの実施形態において、画像データは別のアプリケーションに記憶される。幾つかの実施形態において、他のアプリケーションはまた、画像のサムネイルバージョンを記憶する。そのような幾つかの実施形態において、アプリケーションは、画像が編集されていない間、他のアプリケーションに記憶されているサムネイルバージョンへのポインタを記憶する。幾つかの実施形態において、アプリケーションを介して画像が編集されると、そのアプリケーションは他のアプリケーション内に記憶されている画像のバージョンを生成した後、それらの画像のバージョンをデータ構造３７００のキャッシュ済み画像バージョンフィールド内に記憶する。
タグ３７４５は、ユーザがアプリケーションを用いてユーザが画像に関連付けることのできる情報である。例えば、幾つかの実施形態において、ユーザは画像をお気に入りとしてマークし、画像に（例えば、更にレビューするため）フラグを設定して、ユーザが当該画像を含むコレクションを循環させた時に当該画像が表示されることのないように画像を非表示にすることができる。他の実施形態は、追加のタグを含みうる。例えば、幾つかの実施形態は、画像データが生画像であることを示すためのタグ、画像に編集が適用されたかどうかを示すタグなどを記憶する。最後に、画像データ構造３７００は、アプリケーションが画像と一緒に記憶し得る追加データ３７５０（例えば、顔のロケーション及びサイズなど）を含む。
画像の必須情報を記憶する目的でアプリケーションが使用し得るデータ構造としては画像データ構造３７００が唯一可能であることが、当業者に認識されるであろう。例えば、異なる実施形態によって、より多い又はより少ない情報を記憶していたり、情報を異なる順序で記憶していたりなどする。
幾つかの実施形態において、アプリケーションは、ユーザが現在の画像の編集済みバージョンと元の画像とを切り替えることができる機能を提供する。画像の様々なバージョン間の迅速な切り替えを円滑にするため、幾つかの実施形態のアプリケーションでは、上述の非破壊的な画像記憶方法が利用されている。
図３８は、ユーザが元の画像と現在編集されている画像との間の切り替えを行うことができる幾つかの実施形態のトグル操作を、概念的に示す。上述のように、アプリケーションは元の画像を非破壊的な様式で維持するため、アプリケーションはこのトグル操作を容易に実行できる。図３８は、トグルボタンで制御されるトグル操作の４つの別々のステージ３８０５〜３８２０におけるＧＵＩ１００を図示している。
ＧＵＩ１００の第１のステージ３８０５は、エフェクトツールを介して編集された後の画像を示す。図示のように、ユーザは（例えば、ＵＩアイテム１４０を選択して）エフェクトツール１７５をアクティブ化している。これは、エフェクトアイテム１４０がハイライトされていることにより示されている。加えて、ユーザは（例えば、エフェクトツール１７５の一連のサムネイルスライダコントロールが外向きに扇形編出されている時に、サムネイルスライダコントロール３８８０にタッチして）エフェクトツール１７５のサムネイルスライダコントロール３８８０を選択している。この画像において編集内容は、画像上に表示された斜線で表されている。第１のステージはまた、ユーザがトグルボタン１５７を選択したことも図示している。
第２のステージ３８１０は、ユーザがトグルボタン１５７を選択した後のＧＵＩ１００を図示している。画像表示エリア１４５内にあった編集済み画像は、元の画像で置き換えられている。この図３８では、第１のステージ３８０５で編集済み画像の上に表示されていた斜線が消えたことから、画像が編集後のものでなくなり元の画像に変わったことが見分けられる。
その次の第３のステージ３８１５は、ユーザがトグルボタン１５７を再び選択した後のＧＵＩ１００であり、トグルボタンが選択されたため、元の画像が編集済み画像に戻る。この結果は、第４のステージ３８２０の図の通りであり、再び画像の上に表示されるようになった斜線と共に編集済み画像が図示されている。
図３９は、幾つかの実施形態のもう１つのトグル操作を概念的に示したものであり、ユーザがトグルボタン１５７を押し、押さえ続けることによって、編集済み画像と元の画像との切り替えを可能にしている。図３９は、３つのステージ３９０５〜３９２０におけるＧＵＩ１００のトグル操作を図示している。
ＧＵＩ１００の第１のステージ３９０５は、エフェクトツール１７５からあるエフェクトを適用して編集を終えた後の画像を示す。図示のように、ユーザは画像に対してある編集を行った。この画像において編集内容は、画像上に表示された斜線で表されている。第１のステージはまた、ユーザがトグルボタン１５７を選択し、（例えば、トグルボタンにタッチしてその指を画面から離さずに）引き続く選択も図示しており、その結果は第２のステージに図示されている。
第２のステージ３９１０は、ＧＵＩ１００と、ユーザがトグルボタン１５７を選択して押し続けた後にある閾値時限範囲内で表示される元の画像とを図示している。画像表示エリア１４５内にあった編集済み画像は、元の画像で置き換えられている。第１のステージ３９０５で編集済み画像の上に表示されていた斜線が消えたことから、画像が編集後のものでなくなり元の画像に変わったことが見分けられる。
その次の第３のステージ３９１５は、ユーザがトグルボタン１５７を離した後のＧＵＩ１００を図示しており、トグルボタンが離されたため、表示対象の画像が、元の画像から編集済み画像に再び戻っている。
図４０は、幾つかの実施形態のもう１つのトグル操作を概念的に示したものであり、ユーザがトグルボタン１５７を押し、押さえ続けることによって、元の画像と編集済み画像との切り替えを可能にしている。図４０は、３つのステージ４００５〜４０１５ｆにおけるＧＵＩ１００のトグル操作を図示している。
ＧＵＩ１００の第１のステージ４００５は、画像に一切編集が為されていない元の画像を示している。第１のステージはまた、ユーザがトグルボタン１５７を選択し、（例えば、トグルボタンにタッチしてその指を画面から離さずに）引き続く選択も図示しており、その結果は第２のステージ４０１０に図示されている。
第２のステージ４０１０は、ＧＵＩ１００と、ユーザがトグルボタン１５７を選択して押し続けた後にある閾値時限範囲内で表示される編集済み画像とを図示している。プレビュー表示エリア内の元の画像は、編集済み画像で置き換えられている。第１のステージ４００５では編集済み画像の上に斜線が表示されるようになったことから、元の画像が編集後のものに変わったことが見分けられる。
その次の第３のステージ４０１５は、ユーザがトグルボタン１５７を離した後のＧＵＩ１００であり、トグルボタンが離されたため、表示対象の画像が、編集済み画像から元の画像に再び戻っている。
図４１は、切り抜きツール１３２がアクティブになっている時にユーザが切り抜きの画像と元の画像との間の切り替えを行うことができる幾つかの実施形態のトグル操作を、概念的に示す。図４１は、４つのステージ４１０５〜４１２０におけるＧＵＩ１００のトグル操作を図示している。
ＧＵＩ１００の第１のステージ４１０５は、切り抜きツール１３２を用いて切り抜かれた後の画像を示す。図示のように、ユーザは（例えば、ＵＩアイテム１３２を選択して）切り抜きツール１３２をアクティブ化している。このことは、切り抜きツール１３２がハイライトされていることにより示されている。切り抜きの画像には、元の画像のうちの切り抜かれた部分（この画像において車のフロント部分）のみが表示されている。第１のステージはまた、ユーザがトグルボタン１５７を選択したことも図示している。
第２のステージ４１１０は、切り抜きツール１３２がアクティブ化されている時にユーザがトグルボタン１５７を選択した後のＧＵＩ１００を図示している。画像表示エリア１４５内の切り抜きの画像は、まだ切り抜かれていなかった元の画像で置き換えられている。元の画像は、画像全体（この画像おいて切り抜き編集を一切含まない車全体）を表示する。
その次の第３のステージ４１１５は、ユーザがトグルボタン１５７を再び選択した後のＧＵＩ１００を図示しており、トグルボタンが選択されたため、元の画像が切り抜き画像に戻る。この結果は、第４のステージ４１２０の図の通りであり、切り抜きの画像には再び車のフロント部分のみが表示されるようになったことを図示している。
上記の図３８〜４１は、２つの画像間を切り替えるための機能の例を示している。幾つかの実施形態において、この機能は、ある画像から他の画像に切り替わる時を視覚的に示す。例えば、幾つかの実施形態は、ある画像の表示から他の画像の表示に遷移するアニメーション（例えば、上で図３３及び３４を参照することにより述べたピーリングアニメーション）を表示する。
ＩＶ．画像のビーミング
幾つかの実施形態のアプリケーションは、アプリケーションのユーザが、アプリケーションを走る他のデバイスのユーザに対して画像を送信できる機能を提供する。本機能の幾つかの実施例及び実施形態について、下掲のセクションで説明する。
図４２は、幾つかの実施形態の画像編集アプリケーションのビーミングサービスを使用した２つのデバイスの例を、概念的に示す。具体的には、図４２は、無線ネットワーク送受信機４２０２によりサービスされているローカリティ４２０１が、ハンドヘルドデバイス４２０４を持つ４人の参加者４２０３に対しネットワーク通信サービス（例えば、Ｗｉ−Ｆｉサービス）を提供する様子を図示している。この図はまた、無線ネットワーク送受信機４２０２の範囲から外れた所にいるため通信を受信することができない第５の参加者４２０６も図示している。ここで注目すべき点は、参加者がこのローカリティ内にいる場合でも、特定のデバイスがそのネットワークの一部に含まれていない場合は、参加者は他のデバイスに対する通信確立用ネットワーク送受信機４２０２を使用できない可能性があることである。したがって、この状況において、デバイスがネットワークから外れているため、又は、デバイスが無線ネットワーク送受信機の範囲から外れているため、他のデバイスとの通信を受信することになる可能性もある。
図４２に示すように、ネットワーク内の各デバイス４２０４は、ビーミングサービス利用可能メッセージ４２０７をブロードキャストすることによって、デバイス４２０４が他のデバイス４２０４の画像編集アプリケーションからのデータをこれらのアプリケーションのビーミングサービスを介する受信に利用できることを示している。このメッセージ４２０７の構造は、デバイスのホスト名、デバイスのサービス名、及びサービスタイプを含む。ホスト名は、ネットワーク内で識別子の付いた各デバイスを識別する目的に使用される。この図には４つのデバイス４２０４が図示されており、それぞれのデバイスにはデバイス「１」、「２」、「３」及び「４」を含む別々のホスト名が示されている。デバイスのサービス名は、ビーミングサービスを用いるアプリケーションが画像編集アプリケーションであることを示す。サービスタイプは、各メッセージがビーミングサービスに対するブロードキャストされることを示す。
図４２に図示されている例において、相互に通信を確立しようとしている２つのデバイスは「デバイス１」４２１１及び「デバイス２」４２１２であり、これについては図４３を参照することにより更に後述する。図４２は、画像編集アプリケーションが、デバイス１（４２１１）及びデバイス２（４２１２）の両方のデバイス上で同時的に走っており、結果として、これらの２つのデバイスは画像データのやり取りが可能になっていることを図示している。換言すれば、第２のデバイスから画像データを受信できるようになる任意の第１のデバイスについて、第１のデバイスは、幾つかの実施形態において、その画像編集アプリケーションをアクティブにする必要があり、このアクティブ化によって、第１のデバイスは、自身がメッセージを受信できる状態であることを第２のデバイスを含む他の近隣デバイスに対して通知するビーミングサービス利用可能メッセージをブロードキャストする。しかしながら、当業者に認識されるように、他の実施形態において、画像編集アプリケーションがデバイスによって実行されていない場合でも、デバイスはこのビーミングサービスメッセージをブロードキャストする。これらの実施形態において、第２のデバイス４２１２が画像編集アプリケーションを開いていない第１のデバイス４２１１に画像をビームする場合、ユーザは画像編集アプリケーションを開いて画像データを受信するように促される。
図４２に図示されている例及び後述の例において、デバイスは無線ネットワーク４２０２（例えば、いずれかのデバイスの一部分でない無線送受信機により確立されるＷｉ−Ｆｉネットワーク）を介して通信する。一方、他の実施形態は、そのような無線送受信機４２０２を必要とすることなしに、デバイス４２０４間の通信を確立する。例えば、幾つかの実施形態は、デバイスのＢｌｕｅｔｏｏｔｈ送受信機を使用してデバイス間の無線リンクを確立した後、このリンクを使用してデバイス間で画像をビームする。Ｂｌｕｅｔｏｏｔｈアプローチ及びローカル無線ネットワークアプローチの両方は、デバイス間で赤外線通信を確立するためにデバイス同士を相互に見通し線内に入れる必要がないという点で、従前のＩＲベースアプローチよりも優れている。但し、上述及び後述の幾つかの機能は、より従来型のＩＲベースアプローチにおいて実施されることもあり得る。
図４３は、編集済み画像を第２のデバイス４２１２にビームする第１のデバイス４２１１の例を、概念的に示す。この例については、５つのステージ４３０５〜４３２５という観点で説明する。最初の３つのステージ４３０５〜４３１５は、第１のユーザが第１のデバイス４３１１との対話操作を示し、一方、４番目及び５番目のステージ４３２０〜４３２５は、第１のデバイス４２１１及び第２のデバイス４２１２の両方におけるＧＵＩ１００の表示及び対話操作を図示している。
第１のステージは、編集済み画像４３０１を示す。また、第１のユーザがディスプレイ上でこのアイコンの表示ロケーションにタッチして共有ボタン１５５を選択している様子も示している。ユーザは共有ボタン１５５を使用して、画像を様々な様式で共有できる。幾つかの実施形態において、ユーザは選択した画像を同じネットワーク（例えば、Ｗｉ−Ｆｉ又はＢｌｕｅｔｏｏｔｈ）上の別の互換デバイスに送信できる。第２のステージ４３１０は、この選択に応じて、ユーザが編集済み画像４３０１を転送するための複数の選択を行えるウィンドウ４３０２が開いたことを示している。このステージ４３１０はまた、ユーザがビーム４３０３を画像４３０１転送用の転送オプションとして選択したことも示している。
第３のステージ４３１５は、第２のステージ４３１０におけるウィンドウ４３０２内でビームオプション４３０３が選択されたことに応じて、別のウィンドウが開いたことを示す。この第３のステージ４３１５はまた、ユーザがデバイス２（４３０４）を選択したことも示している。
第４のステージ４３２０は、第１のデバイス４２１１上でデバイス２（４３０４）が選択された後で、第２のデバイス４２１２上の画像編集アプリケーションが、デバイスワンがフォトをユーザにビームさせてもよいかどうかの第２のユーザへの通知を図示している。第４のステージ４３２０はまた、第２のデバイス４２１２の第２のユーザが［アクセプト］オプション４３０６にタッチしてアクセプトを行い、そのアクセプトが別のメッセージ転送によって第１のデバイス４２１１への送り返しも示している。
最後に、第５のステージ４３２５は、第１のデバイス４２１１が、第２のデバイス４２１２のユーザが画像をアクセプトしたことを第１のユーザに通知する表示プロンプト４３０７の提供を示す。また、このアクセプトに応じて、第１のデバイス４２１１が、画像データをこの画像を編集するための指示と一緒に第２のデバイス４２１２に転送したことも示されている。
図４４は、デバイス４２１２上でビームされた画像のライブラリを閲覧するユーザの例を、概念的に示す。この図はまた、ユーザがビームされた画像の編集済みバージョンと元の画像との切り替えも図示している。この例は、６つのステージ４４０５〜４４３０という観点で説明されている。
ＧＵＩ１００の第１のステージ４４０５は、デバイス４２１２にビームされなかった画像のライブラリ内に記憶されている、デバイス４２１２上に表示された画像４４０６を図示している。第１のステージ４４０５はまた、ユーザが戻るアイコン１５１を選択し、これによりユーザはデバイス上に記憶された他の画像ライブラリ（第２のステージ４４１０に図示される）にアクセスするためにコレクション編成ＧＵＩにナビゲートして戻ることができることを図示している。幾つかの実施形態において、デバイスがビームされた画像を受信すると、デバイスは、デバイスに対してビームされた他の画像のみからなる特定のライブラリ内にその画像を記憶する。
第２のステージ４４１０は、デバイス上に現在記憶されている画像アルバムを表示するＧＵＩ１００を図示している。この例では、ユーザはアルバムアイコン４４０７を選択して、デバイス４１１２上に現在記憶されている画像アルバムを閲覧している。デバイスは、ビームされた４４０７と標示される単一の画像アルバムのみを有する。幾つかの実施形態において、このビームされた画像アルバム４４０７は、デバイスに対してビームされた画像のみを記憶する。第２のステージはまた、ユーザがビームされた画像アルバム４４０７を選択したことを図示している。
第３のステージ４４１５は、ＧＵＩ１００と、ビームされた画像ライブラリ４４０７に記憶されたフォトのサムネイル画像４４０８とを図示している。ライブラリには現在、ユーザが表示用に選択した１つの画像４４０９のみが含まれている。
ＧＵＩ１００の第４のステージ４４２０は、ユーザが画像のサムネイル４４０９を選択した後の、ビームされた画像４４１１の表示を示す。図示のように、画像４４１１はその画像に対して為された特定の編集内容を含む。この画像における編集内容は、画像４４１１の上に表示された斜線で表されている。第４のステージ４４２０はまた、ユーザがトグルボタン１５７を選択し、（例えば、トグルボタンにタッチしてその指を画面から離さずに）引き続き選択を図示しており、その結果は第５のステージ４４２５に図示されている。
第５のステージ４４２５は、ＧＵＩ１００と、ユーザがトグルボタン１５７を選択して押し続けた後にある閾値時限範囲内で表示される元の画像４４１３とを図示している。画像表示エリア１４５内の編集されビームされた画像４４１１が、元のビームされた画像４４１３で置き換えられている。上述したように、アプリケーションは元の画像４４１３を非破壊的な様式で維持するため、アプリケーションはこのトグル操作を容易に実行できる。第１のステージ４４０５で編集されビームされた画像４４１１の上に表示されていた斜線が消えたことから、画像が編集後の画像４４１１でなくなり元の画像４４１３に変わったことが見分けられる。
その次の第６のステージ４４３０は、ユーザがトグルボタン１５７を離した後のＧＵＩ１００を図示している。これにおいて、トグルボタンが離されたため、表示対象の画像が、元のビームされた画像４４１３から編集されビームされた画像４４１１に再び戻されている。
図４５は、ビームされた画像を受信するためのビーミングサービスをブロードキャストする幾つかの実施形態のプロセス４５００を、概念的に示す。幾つかの実施形態において、画像編集アプリケーション（例えば、図１〜４４を参照することにより述べた画像編集アプリケーション）が走っている間に、この画像編集アプリケーションによりプロセス４５００が実行される。そのような幾つかの実施形態において、画像編集アプリケーションは、画像編集アプリケーションの開始時にプロセス４５００を実行する。幾つかの実施形態において、画像編集アプリケーションが走っていない時に、オペレーティングシステムによりプロセス４５００が（例えば、サービスとして）実行される。このようにして、画像編集アプリケーションが走っていない間、プロセス４５００は、別のデバイスがプロセス４５００の走っているデバイスに画像の転送要求を送信する時を検出し得る。
説明のため、第１のデバイス及び第２のデバイスという観点で以下の説明を記載している。プロセス４５００は第１のデバイス上で実行されており、第２のデバイスは幾つかの実施形態において画像編集アプリケーションを走らせている別のデバイスである。当業者によって理解されるように、任意の数の別々のデバイスにサービスをブロードキャストすることが可能であり、それにより、サービス及び画像データを第１のデバイスに送信する要求が検出されるあらゆるデバイスから、画像データが受信されるようになっている。
（４５１０において）ホスト名パラメータ、サービス名パラメータ、及びサービスタイプパラメータを指定するサービスのブロードキャストによって、プロセス４５００が開始する。ホスト名パラメータは、プロセス４５００がブロードキャストされているデバイス（例えば、画像編集アプリケーションを走らせているデバイス）のホスト名である。サービス名パラメータは、ブロードキャスト対象のサービスを識別するために用いられる名前である。幾つかの実施形態において、サービス名パラメータは画像編集アプリケーションの名前である。サービスタイプパラメータは、ブロードキャスト対象サービスの種類を指定する。幾つかの実例において、デバイス上のアプリケーションは、そのアプリケーション用の幾つかの別々のサービスを提供し得る。したがって、アプリケーションに対してブロードキャストされる幾つかのサービス間の区別を行うには、ホスト名及びサービス名を使用するだけでは不十分である。そのため、サービスタイプパラメータを使用して、デバイス上で走っている単一のアプリケーションにより提供され得る別々のサービスの間で区別が為される。
次いで、プロセス４５００は（４５２０において）第２のデバイス（the second）から接続要求を受信するかどうかを判定する。幾つかの実施形態において、プロセス４５００は、第２のデバイスとの一連の接続を確立する要求を受信し、この接続を介して第１及び第２のデバイスは通信を行う。プロセス４５００が第２のデバイスからの接続要求が受信されたことを判定した場合、プロセス４５００は４５３０に進む。それ以外の場合、プロセス４５００は４５１０に戻り、引き続きサービスをブロードキャストする。
４５３０において、プロセス４５００は（例えば、一連のネットワークソケットを確立することによって）第２のデバイスとの一連の接続を確立し、この接続を介して第１及び第２のデバイスは通信を行う。一連の接続が確立された後、プロセス４５００は（４５４０において）第２のデバイスから画像を受信する。幾つかの実施形態において、プロセス４５００は、上で図３７を参照することにより述べたデータ構造に類似する画像のデータ構造の形式にて画像を受信する。
図４６は、ビーミングサービスを検出してビームされた画像を受信するための候補デバイスを識別する幾つかの実施形態のプロセス４６００を、概念的に示す。幾つかの実施形態のプロセス４６００は、画像編集アプリケーション（例えば、上で図１〜４４を参照することにより述べた画像編集アプリケーション）により、このアプリケーションが走っている間に実行される。幾つかの実施形態において、そのような幾つかの実施形態において、画像編集アプリケーションは、画像編集アプリケーションの開始時にプロセス４５００を実行する。
プロセス４６００は（４６１０において）サービスタイプのサービスについてネットワークを検索することから開始する。上述の通り、幾つかの実施形態の画像編集アプリケーションは、アプリケーションを走らせているデバイスのサービス名及びホスト名と共にサービスタイプを指定するサービスをブロードキャストする。幾つかの実施形態において、プロセス４６００はそのような実施形態の画像編集アプリケーションによりブロードキャストされるサービスを検索する。幾つかの実施形態において、プロセス４６００は、サービスディスカバリープロトコルを使用してネットワークを検索し、サービスタイプのサービスを探す。サービスディスカバリープロトコルの例としては、Ａｐｐｌｅ Ｂｏｎｊｏｕｒ（登録商標）、ゼロ構成ネットワーキング（ｚｅｒｏｃｏｎｆ）、サービスロケーションプロトコル（ＳＬＰ）、シンプルサービスディスカバリープロトコル（ＳＳＤＰ）、Ｂｌｕｅｔｏｏｔｈ（登録商標）サービスディスカバリープロトコル（ＳＤＰ）などが挙げられる。幾つかの実施形態において、プロセス４６００が検索するネットワークは単一ブロードキャストドメインネットワークである。
次いで、プロセス４６００は（４６２０において）サービスタイプを提供するデバイスが識別されるかどうかを判定する。幾つかの実施形態において、プロセス４６００は上述のサービスディスカバリープロトコルを用いて判定を行う。プロセス４６００がサービスタイプを提供するデバイスが識別されていないと判定した場合、プロセス４６００は４６１０に戻ってネットワーク検索を続行する。
プロセス４６００がサービスタイプを提供するデバイスが識別されていると判定した場合、プロセス４６００は（４６３０において）ホストのホスト名を表示する。上述したように、幾つかの実施形態は、ホストのホスト名を指定するサービスをブロードキャストする。幾つかの実施形態において、プロセス４６００は、サービスで指定されたホスト名及び／又はサービス名をＧＵＩ（例えば、上で図４３を参照することにより述べたＧＵＩ１００）内に表示する。
次いで、プロセス４６００は（４６４０において）サービスの選択が受信されたかどうかを判定する。プロセス４６００がサービスの選択が受信されたことを判定した場合、プロセス４６００は４６５０に進む。それ以外の場合、プロセス４６００は４６１０に戻って、サービスタイプのサービスの検索を続行し、サービスタイプのサービスを提供するデバイスのホスト名を表示する。
４６５０において、プロセス４６００は、選択されたサービスをインターネットプロトコル（ＩＰ）アドレスに提供するデバイスのホスト名を解決する。幾つかの実施形態において、プロセス４６００は、上で説明したサービスディスカバリープロトコルを使用して、デバイスのホスト名を解決する。
次いで、プロセス４６００は（４６６０において）ＩＰアドレスを使用してデバイスに対する一連の接続を確立する。幾つかの実施形態のプロセス４６００は、ＩＰアドレスを使用してデバイスとの一連のネットワークソケットを確立する。
最後に、プロセス４６００は（４６７０において）画像をデバイスに転送する。幾つかの実施形態において、プロセス４５００は、上で図３７を参照することにより述べたデータ構造に類似する画像のデータ構造の形式で画像を転送する。
画像（又は画像データ構造）を転送するため、プロセス４６００は画像データを定義済みサイズ部分（例えば、６５５３６バイト）に分割して、画像データをパケット単位で転送する。幾つかの実施形態において、各パケットは、ヘッダーと画像データの一部（例えば、ペイロード）とを含む。幾つかの実施形態のパケットヘッダーは様々なフィールドを含み、これらのフィールドとしては、バージョニングを目的とするシグニチャーフィールド、パケットタイプを指定するためのタイプフィールド（例えば、ペイロードパケット、キャンセルパケット、肯定応答パケットなど）、パケットを他のパケットと突き合わせて一意に識別するためのＵＵＩＤ、パケットインデックスフィールド、パケットカウントフィールド、アイテムインデックスフィールド、アイテムカウントフィールド、ファイル名の長さフィールドなどが挙げられる。
上記の図４５及び４６は、画像を単一のデバイスから受信して単一のデバイスに画像を転送するための技術の例を図示している。当業者に認識されるように、類似する技術を利用して、複数の別々のデバイスから複数の画像を受信し得る。同様に、類似する技術を利用して、複数の画像を複数の別々のデバイスに転送し得る。
Ｖ．画像閲覧、編集及び編成アプリケーション
上述の図は、一部の実施形態に係る画像閲覧、編集及び編成アプリケーションのＧＵＩの様々な例を図示している。図４７は、画像の閲覧、編集及び編成のための幾つかの実施形態のＧＵＩ４７００の詳細図を図示している。ＧＵＩ４７００については、幾つかの実施形態のアプリケーションで記憶される画像のデータ構造４８００を概念的に示した図４８を参照することにより、部分的に説明する。
データ構造４８００は、画像ＩＤ ４８０５、画像データ４８１０、編集指示４８１５、エクスチェンジャブル・イメージ・ファイル・フォーマット（Ｅｘｉｆ）データ４８２５、キャプション４８３０、共有画像データ４８３５、画像のキャッシュ済みバージョン４８４０、画像上の任意のタグ４８４５、及び画像に関する任意の追加データ４８５０を含む。画像ＩＤ ４８０５は、画像用の一意の識別子であり、画像ＩＤ ４８０５は、幾つかの実施形態において、コレクション内に記憶された画像を参照する目的にコレクションデータ構造によって使用される。
画像データ４８１０は、画像を表示するための実際のフルサイズ画素データ（例えば、画像内の画素ごとの一連の色空間チャネル値、又はそのエンコード済みバージョン）である。幾つかの実施形態において、このデータは、画像閲覧、編集及び編成アプリケーションのデータベースに記憶することもできるし、又は同じデバイス上の別のアプリケーションデータと共に記憶することもできる。幾つかの実施形態において、この更なるアプリケーションは、画像閲覧、編集及び編成の操作が行われるデバイス上で動作する別の画像編成アプリケーションである。
そのため、データ構造は、アプリケーションに関連付けられているローカルファイルへのポインタ、又は他のアプリケーションのデータベースに対してクエリを実行するのに使用できるＩＤを記憶し得る。幾つかの実施形態において、一旦アプリケーションがジャーナル内の画像を使用したか又は画像に対して編集を行うと、アプリケーションは自動的に画像データを含む画像ファイルのローカルコピーを作成する。
編集指示４８１５は、ユーザが画像に適用した任意の編集に関する情報を含む。このようにして、アプリケーションは、随時に画像の編集済みバージョンから元の画像を容易に戻せるように、非破壊的な形式で画像を記憶する。例えば、ユーザは、彩度エフェクトを画像に適用し、アプリケーションを一旦終了してから再び開いて、別の時点でエフェクトを解除することができる。これらの指示に記憶されている編集内容は、切り抜き及び回動、フル画像露光及び色調整、特定箇所の調整及び特殊エフェクト、並びに画像の画素に影響する他の編集内容であり得る。幾つかの実施形態では、ある一連の編集のみが適用された画像の様々なバージョンをユーザが閲覧できるように、これらの編集指示が特定の順序で記憶される。
Ｅｘｉｆデータ４８２５は、画像をキャプチャしたカメラによって記憶された様々な情報（利用可能な場合）を含む。Ｅｘｉｆは、デジタルカメラに一般的に用いられる特定のファイル形式の１つであるが、当業者に認識されるように、同等の情報が他の形式で入手可能なことも、又はユーザが直接に入力可能なことさえある。Ｅｘｉｆデータ４８２５は、カメラ設定データ、ＧＰＳデータ、及びタイムスタンプを含む。カメラ設定データは、画像用のカメラ設定に関する情報（この情報が画像をキャプチャしたカメラから利用可能な場合）を含む。この情報には、例えば、絞り、焦点距離、シャッター速度、露光補正、及びＩＳＯが含まれ得る。ＧＰＳデータ４８２５は画像がキャプチャされたロケーションを示すのに対し、タイムスタンプは画像がキャプチャされた時の（カメラのクロックに準ずる）時刻を示す。
キャプション４８３０は、画像に関してユーザが入力した説明である。幾つかの実施形態において、この情報は画像閲覧エリア内にフォトと共に表示されるが、加えて、作成されたジャーナルのフォト上に表示する際に使用される場合もあれば、ソーシャルメディア又はフォト共有ウェブサイトに画像を掲示する際に使用される場合もある。ユーザがそのようなウェブサイトに画像を掲示すると、アプリケーションは、画像用の共有画像データ４８３５を生成する。この情報には、ロケーション（例えば、Ｆａｃｅｂｏｏｋ（登録商標）、Ｆｌｉｃｋｒ（登録商標）など）、並びにウェブサイトのデータベース内の画像にアクセスするためのオブジェクトＩＤが記憶される。最終アクセス日は、ソーシャルメディア又はフォト共有ウェブサイトからフォトに記載された任意のユーザコメントにアクセスするためアプリケーションがオブジェクトＩＤを最後に使用した日時である。
キャッシュ済み画像バージョン４８４０は、これらの画像をアプリケーションがフルサイズ画像データ４８１０から繰り返し生成する必要がないように、アクセス及び表示がよく行われる画像のバージョンを記憶する。例えば、アプリケーションは頻繁に、画像のサムネイル並びに表示解像度バージョン（例えば、画像表示エリアに合わせてカスタマイズされたバージョン）を記憶する。幾つかの実施形態のアプリケーションは、前のサムネイルが置き換えられて編集が適用されるたびに、新規に画像のサムネイルを生成する。幾つかの実施形態では、元の画像及び１つ以上の画像の編集済みバージョンを含む、複数の表示解像度バージョンが記憶される。
タグ４８４５は、ユーザがアプリケーションを用いて画像に関連付けることのできる情報である。例えば、幾つかの実施形態において、ユーザは画像をお気に入りとしてマークし、画像に（例えば、更にレビューするため）フラグを設定して、ユーザが画像を含むコレクションを循環させた時に、画像がコレクション用の標準サムネイルグリッド内に表示されないように、又は、画像表示エリア内に表示されないように、画像を非表示にすることができる。他の実施形態は、追加のタグを含み得る。最後に、画像データ構造４８００は、アプリケーションが画像（例えば、顔のロケーション及びサイズなど）と共に記憶し得る追加データ４８５０を含む。
画像の必須情報を記憶する目的でアプリケーションが使用し得るデータ構造としては画像データ構造４８００が１つの可能なものに過ぎないことが、当業者に認識されるであろう。例えば、異なる実施形態によって、より多い又はより少ない情報を記憶していたり、情報を異なる順序で記憶していたりなどする。
図４７に戻ると、ＧＵＩ４７００はサムネイル表示エリア４７０５、画像表示エリア４７１０、第１のツールバー４７１５、第２のツールバー４７２０、及び第３のツールバー４７２５を含む。サムネイル表示エリア４７０５は、選択されたコレクション内の画像のサムネイルを表示する。サムネイルは、フルサイズ画像を縮小サイズで表したものであり、幾つかの実施形態において、画像の一部のみを表す。例えば、サムネイル表示エリア４７０５内のサムネイルは、フルサイズ画像の横縦比には関係なく、全部正方形である。矩形画像においてサムネイルに用いられる部分を判別するため、アプリケーションはより小さな寸法を識別し、画像の中心部を長手方向に使用する。例えば、画像が１６００×１２００画素の場合、アプリケーションは１２００×１２００の正方形を使用する。サムネイルの選択された部分を更に緻密化するため、幾つかの実施形態は、画像における全ての顔の中心を（顔検出アルゴリズムを使用して）識別し、その後、このロケーションを使用してサムネイル部分をクリップされた方向に中心寄せする。そのため、理論的な１６００×１２００の画像において顔が全て画像の左側に位置している場合、アプリケーションは両側の２００列を切除するよりもむしろ左端の１２００列の画素を使用する。
サムネイルに用いられる画像部分が判別された後、画像閲覧アプリケーションは、（例えば、画素のブレンド及び他の技術を使用して）画像の低解像度バージョンを生成する。幾つかの実施形態のアプリケーションは、画像のサムネイルを画像のキャッシュ済みバージョン４８４０として記憶する。そのため、ユーザがコレクションを選択すると、アプリケーションはコレクション内の全ての画像を（コレクションデータ構造を介して）識別し、サムネイル表示エリア内に表示するために各画像データ構造内の画像のキャッシュ済みサムネイルにアクセスする。
ユーザは、サムネイル表示エリア内の１つ以上の画像を（例えば、上述の様々なタッチ式の対話操作を介して、又は他のユーザ入力を介して）選択し得る。選択されたサムネイルは、ハイライト又は他の選択インジケータと共に表示される。サムネイル表示エリア４７０５内には、サムネイル４７３０が選択されている。加えて、図示のように、幾つかの実施形態のサムネイル表示エリア４７０５には、コレクション内の幾つかの画像のうちのフラグ設定済みの（即ち、フラグを「はい（ｙｅｓ）」に設定するためのタグ４８４５を有する）画像が示される。幾つかの実施形態において、このテキストはフラグ設定済み画像のサムネイルのみを表示するため選択可能である。
アプリケーションは、画像表示エリア４７１０内に、選択された画像を対応するサムネイルよりも高い解像度で表示する。画像は通常、画像のフルサイズでは表示されないため、多くの場合は、ディスプレイデバイスよりも画像の方の解像度が高くなる。そのため、幾つかの実施形態のアプリケーションは、画像表示エリアに収まるように設計された画像のキャッシュ済みバージョン４８４０を記憶する。画像表示エリア４７１０内の画像は、フルサイズ画像の縦横比で表示される。１つの画像が選択されると、アプリケーションは画像の如何なる部分も切除することなしに、画像表示エリア内に画像をできるだけ大きく表示する。複数の画像が選択されると、アプリケーションは、画像の縦横比がそれぞれ異なる場合でも、各画像におよそ同じ画素数を使用して、それらの画像を視覚的なウェイトが維持されるような様式で表示する。
第１のツールバー４７１５は、タイトル情報（例えば、ＧＵＩ内に表示されたコレクションの名前、現在選択されている画像にユーザが追加したキャプションなど）を表示する。加えて、ツールバー４７１５は、第１の一連のＧＵＩアイテム４７３５〜４７３８と、第２の一連のＧＵＩアイテム４７４０〜４７４３とを含む。
第１の一連のＧＵＩアイテムは、戻るボタン４７３５、グリッドボタン４７３６、ヘルプボタン４７３７、及び元に戻すボタン４７３８を含む。ユーザは戻るボタン４７３５でコレクション編成ＧＵＩにナビゲートして戻ることができ、このＧＵＩで、ユーザは様々な画像のコレクション（例えば、アルバム、イベント、ジャーナルなど）から選択を行うことができる。グリッドボタン４７３６を選択すると、アプリケーションに（例えば、スライドアニメーションを介して）サムネイル表示エリアをＧＵＩ上に、又はＧＵＩから遠ざかるように移動させる。幾つかの実施形態において、ユーザはまた、スワイプジェスチャを介してサムネイル表示エリアをＧＵＩ上に、又はＧＵＩから遠ざかるようにスライドさせることもできる。ヘルプボタン４７３７は、現在アクティブになっている一連のツールを識別するコンテキスト依存ヘルプ機能をユーザのためにアクティブ化し、これらのツールについて簡潔に説明したヘルプインジケータをユーザに提供する。幾つかの実施形態において、ヘルプインジケータは、ツールに関する追加情報にアクセスできるように選択可能になっている。元に戻すボタン４７３８を選択すると、アプリケーションに画像に対して為された最新の編集内容を（切り抜き、色調整、それとも他のものであっても）解除させる。この「元に戻す」を実行するように、幾つかの実施形態は、画像と共に記憶されている一連の編集指示４８１５から最新の指示を解除する。
第２の一連のＧＵＩアイテムは、共有ボタン４７４０、情報ボタン４７４１、オリジナル表示ボタン４７４２、及び編集ボタン４７４３を含む。ユーザは、共有ボタン４７４０を使用して多様な異なる方法で画像を共有することができる。幾つかの実施形態において、ユーザは、選択した画像を同じネットワーク（例えば、Ｗｉ−Ｆｉ又はＢｌｕｅｔｏｏｔｈネットワーク）上の別の互換デバイスに送信し、画像ホスティング又はソーシャルメディアウェブサイトに画像をアップロードして、他の画像の中から選択された一連の画像を基にジャーナル（即ち、付加的なコンテンツを追加できるように配列された画像のプレゼンテーション）を作成できる。
１つ以上の選択された画像に関する追加情報を表示する表示エリアは、情報ボタン４７４１でアクティブ化される。アクティブ化された表示エリア内に表示される情報は、画像用に記憶されるＥｘｉｆデータ４８２５（例えば、カメラ設定、タイムスタンプなど）の一部又は全部を含み得る。複数の画像が選択されると、幾つかの実施形態は、選択された全ての画像に共通のＥｘｉｆデータのみを表示する。幾つかの実施形態は、（ｉ）ＧＰＳデータに従ってキャプチャされた画像（１つ又は複数）を示したマップを表示すること（この情報が利用可能な場合）と、（ｉｉ）任意のフォト共有ウェブサイト上で画像のコメントストリームを表示することと、に対応した更なるタブを情報表示エリア内に含む。この情報をウェブサイトからダウンロードするため、アプリケーションは、共有画像データ４８３５と共に画像用に記憶されたオブジェクトＩＤを使用して、この情報をウェブサイトに送信する。コメントストリーム及び、幾つかの場合では、追加情報は、ウェブサイトから受信され、ユーザに表示される。
オリジナル表示ボタン４７４２により、ユーザは、画像の元のバージョンと現在の画像の編集済みバージョンとを切り替えることができる。ユーザがボタンを選択すると、アプリケーションは、如何なる編集指示４８１５も適用されていない画像の元のバージョンを表示する。幾つかの実施形態において、適切なサイズの画像を画像のキャッシュ済みバージョン４８４０の１つとして記憶することによって、迅速なアクセスが実現されるようにしている。ユーザが再びボタンを選択すると（４７４２）、アプリケーションは再び、編集指示４８１５が適用された、画像の編集済みバージョンを表示する。
ユーザは編集ボタン４７４３で編集モードを開始又は終了することができる。図４７に示すように、ユーザがツールバー４７２０内の一連の編集ツールのうちの１つを選択すると、ユーザは編集ボタン４７４３によって、閲覧及び編成モードに戻る。閲覧モード中にユーザが編集ボタン４７４３を選択すると、アプリケーションは、ツールバー４７２０に表示された順序で最後に使用された一連の編集ツールに戻る。即ち、ツールバー４７２０内のアイテムは特定の順序で配列されており、編集ボタン４７４３は、選択された画像に編集が加えられたアイテムのうち一番右のものをアクティブ化する。
ツールバー４７２０は、言及した通り、左から右に特定の順序で配列された５つのアイテム４７４５〜４７４９を含む。切り抜きアイテム４７４５は、ユーザが不整列な画像の位置合わせ及び画像の不要部分の除去を行える切り抜き及び回動ツールをアクティブ化する。露光アイテム４７４６は、画像の黒点、影、コントラスト、明度、ハイライト、及び白点をユーザが修正できる一連の露光ツールをアクティブ化する。幾つかの実施形態において、一連の露光ツールは、様々な組み合わせで連携して画像の色調属性を修正することができる一連のスライダである。色アイテム４７４７は、この彩度及び鮮明さ、並びに色固有の彩度（例えば、青色画素又は緑色画素）及びホワイトバランスをユーザが修正できる一連の色ツールをアクティブ化する。幾つかの実施形態において、これらのツールの幾つかは、一連のスライダとして表される。ブラシアイテム４７４８は、ユーザが画像に対する修正箇所を特定できる一連の補正ツールをアクティブ化する。ユーザはブラシを使用して、画像に対してラビングアクションを行うことによって、レッドアイ及び汚点を除去することも、また画像の特定部分に対して彩度及び他の特徴を適用したり除去したりすることもできる。最後に、エフェクトアイテム４７４９は、ユーザが画像に適用できる一連の特殊エフェクトをアクティブ化する。これらのエフェクトとしては、グラデーション、チルトシフト、非写実的な低彩度エフェクト、グレースケールエフェクト、様々なフィルタなどが挙げられる。幾つかの実施形態において、アプリケーションは、これらのエフェクトを、ツールバー４７２５から外向きに扇形編出する一連のアイテムとして提示する。
記述の通り、ＵＩアイテム４７４５〜４７４９は特定の順序で配列される。この順序は、ユーザが５つの異なる種類の編集内容を最も頻繁に適用する順序に準ずる。したがって、幾つかの実施形態において、編集指示４８１５はこの同じ順序で記憶される。ユーザがアイテム４７４５〜４７４９のうちの１つを選択すると、幾つかの実施形態は、選択されたツールの左側にあるツールからの編集のみを、表示された画像に適用する（但し、他の編集は指示セット４８１５内に記憶されたままになる）。
ツールバー４７２５は、一連のＧＵＩアイテム４７５０〜４７５４、並びに設定アイテム４７５５を含む。自動補正アイテム４７５０は、画像に対する補正編集（例えば、明らかなレッドアイの除去、カラーバランシングなど）を自動的に実行する。回動ボタン４７５１は、選択された任意の画像を回動させる。幾つかの実施形態において、回動ボタンが押されるたびに、画像が特定の方向に９０°回動する。幾つかの実施形態において、自動補正は、指示セット４８１５内に収容される所定の一連の編集指示を含む。幾つかの実施形態は、画像の解析を実行した後、その解析に基づいて一連の指示を定義する。例えば、自動補正ツールは画像内のレッドアイの検出を試みるが、レッドアイが全く検出されない場合、レッドアイ修正の指示は生成されない。同様に、自動カラーバランシングは、画像の解析に基づく。回動ボタンによって生じる回動はまた、編集指示として記憶される。
フラグ設定ボタン４７５２は、選択された任意の画像をフラグ設定済みとしてタグ付けする。幾つかの実施形態において、コレクションのフラグ設定済み画像は、フラグ未設定の画像を全く含めずに表示できる。ユーザはお気に入りボタン４７５３を使用することにより、選択された任意の画像をお気に入りとしてマークすることができる。幾つかの実施形態において、このお気に入りボタンを使用することにより、画像がお気に入りとしてタグ付けされると共に、画像がお気に入り画像のコレクションに追加される。ユーザは非表示ボタン４７５４を使用して、画像を非表示としてタグ付けすることができる。幾つかの実施形態において、非表示にした画像は、サムネイル表示エリア内に表示されず、かつ／又はユーザが画像表示エリア内でコレクションの画像を循環させた場合も表示されない。図４８に示すように、これらの機能の多くは、画像データ構造内にタグとして記憶される。
最後に、設定ボタン４７５５は、現在アクティブになっているツールセットに応じて異なるメニューオプションを提供するコンテキスト依存メニューをアクティブ化する。例えば、閲覧モードにおいて、幾つかの実施形態のメニューは、新しいアルバムの作成オプション、アルバム用のキーフォト（key photo）の設定オプション、設定をあるフォトから別のフォトにコピーするオプション、及び他のオプションを提供する。別の一連の編集ツールがアクティブになっている時は、メニューは特定のアクティブなツールセットに関連するオプションを提供する。
当業者に認識されるように、画像の閲覧及び編集用のＧＵＩ４７００は、画像の閲覧、編集、及び編成アプリケーション用として考えられ得るグラフィカルユーザインタフェースに関する多くの例のうちの一例に過ぎない。例えば、別々のアイテムが別々のエリア内に又は別々の順序で配置される場合もあり、幾つかの実施形態は追加の、又は別の機能性を有するアイテムを含み得る。幾つかの実施形態のサムネイル表示エリアには、対応するフルサイズ画像の縦横比に一致するサムネイルが表示され得る、などである。
ＶＩ．電子システム
前述の機能及びアプリケーションの多くは、コンピュータ可読記憶媒体（コンピュータ可読媒体とも呼ばれる）に記録される一連の命令として指定されるソフトウェアプロセスとして実施される。これらの命令が、１つ以上の計算又は処理ユニット（例えば、１つ以上のプロセッサ、プロセッサのコア、又は他の処理ユニット）によって実行される時、それらの命令は、処理ユニットに、命令に示されたアクションを実行させる。コンピュータ可読媒体の例には、ＣＤ−ＲＯＭ、フラッシュドライブ、ランダムアクセスメモリ（ＲＡＭ）チップ、ハードドライブ、消去可能プログラム可能な読み出し専用メモリ（ＥＰＲＯＭ）、電気的消去可能プログラム可能な読み出し専用メモリ（ＥＥＰＲＯＭ）などが挙げられるが、これらに限定されない。コンピュータ可読媒体は、無線によって又は有線接続により進行する搬送波及び電子信号を含まない。
この明細書では、用語「ソフトウェア」は、プロセッサによって処理するためにメモリに読み込むことができる、読み出し専用メモリ内に存在するファームウェア又は磁気記憶装置に記憶されたアプリケーションを含むことを意図する。また、幾つかの実施形態において、複数のソフトウェア発明は、別個のソフトウェア発明をそのままにしながら、より大きいプログラムの下位区分として実施されてもよい。幾つかの実施形態において、複数のソフトウェア発明はまた、別個のプログラムとして実行され得る。最後に、本明細書で述べたソフトウェア発明を一緒に実行する別個のプログラムのあらゆる組み合わせが本発明の範囲内にある。幾つかの実施形態において、ソフトウェアプログラムは、１つ以上の電子システム上で動作するようにインストールされた時、ソフトウェアプログラムの動作を実行し行う１つ以上の特定のマシン実行を定義する。
Ａ．モバイルデバイス
幾つかの実施形態の画像の編集及び閲覧アプリケーションは、モバイルデバイス上で作動する。図４９は、そのようなモバイルコンピューティングデバイスのアーキテクチャ４９００の例である。モバイルコンピューティングデバイスの例としては、スマートフォン、タブレット、ラップトップなどが挙げられる。図示のように、モバイルコンピューティングデバイス４９００は、１つ以上の処理ユニット４９０５と、メモリインタフェース４９１０と、周辺インタフェース４９１５と、を含む。
周辺インタフェース４９１５は、様々なセンサ及びサブシステム（カメラサブシステム４９２０、無線通信サブシステム４９２５、オーディオサブシステム４９３０、Ｉ／Ｏサブシステム４９３５などを含む）に連結されている。周辺インタフェース４９１５は、処理ユニット４９０５と様々な周辺機器との間の通信を可能にしている。例えば、方向センサ４９４５（例えば、ジャイロスコープ）及び加速度センサ４９５０（例えば、加速度計）は、周辺インタフェース４９１５に連結されており、方向づけ及び加速機能を円滑にする。
カメラサブシステム４９２０は、１つ以上の光学式センサ４９４０（例えば、電荷結合素子（ＣＣＤ）光学式センサ、相補型金属酸化物半導体（ＣＭＯＳ）光学式センサなど）に連結されている。光学式センサ４９４０に連結されたカメラサブシステム４９２０は、カメラ機能（例えば、画像及び／又はビデオデータキャプチャリング）を円滑にする。無線通信サブシステム４９２５は、通信機能の円滑化に役立つ。幾つかの実施形態において、無線通信サブシステム４９２５は、無線周波数受信機及び送信機、並びに光学式受信機及び送信機を含む（図４９においては不図示）。幾つかの実施形態に係るこれらの受信機及び送信機は、ＧＳＭネットワーク、Ｗｉ−Ｆｉネットワーク、Ｂｌｕｅｔｏｏｔｈネットワークなどの１つ以上の通信ネットワークを介して作動するように実装される。オーディオサブシステム４９３０は、オーディオを出力するためのスピーカに連結されている（例えば、別々の画像操作に関連付けられている別々のサウンドエフェクトを出力する）。加えて、オーディオサブシステム４９３０は、ボイス対応機能（例えば、音声認識、デジタル録音など）を円滑にするためのマイクロフォンに連結されている。
Ｉ／Ｏサブシステム４９３５は、周辺インタフェース４９１５を介して、入力／出力周辺デバイス（例えば、ディスプレイ、タッチスクリーンなど）と処理ユニット４９０５のデータバスとの間の転送に関わる。Ｉ／Ｏサブシステム４９３５は、入力／出力周辺デバイスと処理ユニット４９０５のデータバスとの間の転送を円滑にするためのタッチスクリーンコントローラ４９５５と、他の入力コントローラ４９６０と、を含む。図示のように、タッチスクリーンコントローラ４９５５は、タッチスクリーン４９６５に連結されている。タッチスクリーンコントローラ４９５５は、複数あるタッチ感度技術のいずれかを利用して、タッチスクリーン４９６５上の接触及び動きを検出する。他の入力コントローラ４９６０は、他の入力／コントロールデバイス（例えば、１つ以上のボタン）に連結されている。幾つかの実施形態は、ニアタッチセンシティブ画面とそれに対応するコントローラとを含み、タッチ式対話操作の代わりに又はタッチ式対話操作と共にニアタッチ式対話操作を検出できるようになっている。
メモリインタフェース４９１０は、メモリ４９７０に連結されている。幾つかの実施形態において、メモリ４９７０は、揮発性メモリ（例えば、高速ランダムアクセスメモリ）、不揮発性メモリ（例えば、フラッシュメモリ）、揮発性及び不揮発性メモリの組み合わせ、及び／又は他の任意の種類のメモリを含む。図４９に図示されるように、メモリ４９７０はオペレーティングシステム（ＯＳ）４９７２を記憶する。ＯＳ ４９７２は、基本システムサービスを処理するための命令、及びハードウェア依存タスクを実行するための命令を含む。
メモリ４９７０はまた、１つ以上の追加デバイスとの通信を円滑にする通信命令４９７４と、グラフィックユーザインタフェース処理を円滑にするグラフィカルユーザインタフェース命令４９７６と、画像関連処理及び機能を円滑にする画像処理命令４９７８と、入力関連（例えば、タッチ入力）プロセス及び機能を円滑にするための入力処理命令４９８０と、オーディオ関連プロセス及び機能を円滑にするオーディオ処理命令４９８２と、カメラ関連プロセス及び機能を円滑にするカメラ命令４９８４と、を含む。上述の命令は例示的なものに過ぎず、幾つかの実施形態においてメモリ４９７０は追加の及び／又は他の命令を含む。例えば、スマートフォン用のメモリは、フォン関連プロセス及び機能を円滑にするフォン命令を含み得る。上記の特定の命令は、別個のソフトウェアプログラム又はモジュールとして実施する必要がない。モバイルコンピューティングデバイスの様々な機能は、１つ以上の信号処理及び／又はアプリケーション固有の集積回路を含むハードウェア内及び／又はソフトウェア内に実施できる。
図４９に図示されているコンポーネントは、別個のコンポーネントとして示されているが、当業者に認識されるように、２つ以上のコンポーネントを１つ以上の集積回路に統合することも可能であるし、加えて、１つ以上の通信バス又は信号ラインによって２つ以上のコンポーネントを一体に連結することも可能である。また、機能の多くに関しては１つのコンポーネントにより実行されるとして説明してきたが、当業者によって理解されるように、図４９に関して述べた機能は、２つ以上の集積回路に分割され得る。
Ｂ．コンピュータシステム
図５０は、本発明の幾つかの実施形態が実施される電子システム５０００の別の例を、概念的に示す。電子システム５０００は、コンピュータ（例えば、デスクトップコンピュータ、パーソナルコンピュータ、タブレットコンピュータなど）、電話、ＰＤＡ、又は他の任意の種類の電子若しくはコンピューティングデバイスであってもよい。そのような電子システムは、様々なタイプのコンピュータ可読媒体、及び様々な他のタイプのコンピュータ可読媒体のためのインタフェースを含む。電子システム５０００は、バス５００５、処理ユニット５０１０、グラフィック処理ユニット（ＧＰＵ）５０１５、システムメモリ５０２０、ネットワーク５０２５、読み出し専用メモリ５０３０、記憶装置５０３５、入力デバイス５０４０及び出力デバイス５０４５を含む。
バス５００５は、電子システム５０００の多数の内部デバイスを通信で接続する全てのシステムバス、周辺機器バス及びチップセットバスを集合的に表す。例えば、バス５００５は、処理ユニット５０１０を、読み出し専用メモリ５０３０、ＧＰＵ ５０１５、システムメモリ５０２０、及び記憶装置５０３５と通信で接続する。
これらの様々なメモリユニットから、処理ユニット５０１０は、本発明のプロセスを実行するため、実行対象の命令及び処理対象のデータを取得する。処理ユニットは、異なる実施形態において、シングルプロセッサ又はマルチコアプロセッサであってもよい。幾つかの命令は、ＧＰＵ ５０１５に渡され、ＧＰＵ ５０１５によって実行される。ＧＰＵ ５０１５は、処理ユニット５０１０によって提供された様々な計算をオフロードしたり、画像処理を補完したりすることができる。幾つかの実施形態において、そのような機能は、ＣｏｒｅＩｍａｇｅのカーネルシェーディング言語を使用して提供されてもよい。
読み出し専用メモリ（ＲＯＭ）５０３０は、処理ユニット５０１０及び電子システムの他のモジュールに必要とされる静的データ及び命令を記憶する。他方、記憶装置５０３５は、読み書きメモリ装置である。この装置は、電子システム５０００がオフの時でも、命令及びデータを記憶する不揮発性メモリユニットである。本発明の幾つかの実施形態は、記憶装置５０３５として大容量記憶装置（磁気又は光ディスク、及びその対応ディスクドライブなど）を使用する。
他の実施形態は、記憶装置としてリムーバブル記憶装置（フロッピディスク、フラッシュメモリデバイスなど、及びその対応ドライブ）を使用する。記憶装置５０３５と同様に、システムメモリ５０２０は、読み書きメモリ装置である。しかしながら、記憶装置５０３５と異なり、システムメモリ５０２０は、ランダムアクセスメモリなどの揮発性読み書きメモリである。システムメモリ５０２０は、実行時にプロセッサが必要とする命令及びデータのうちの幾つかを記憶する。幾つかの実施形態において、本発明のプロセスは、システムメモリ５０２０、記憶装置５０３５、及び／又は読み出し専用メモリ５０３０に記憶される。例えば、様々なメモリユニットは、幾つかの実施形態によれば、マルチメディアクリップを処理するための命令を含む。処理ユニット５０１０は、幾つかの実施形態のプロセスを実行するため、これらの様々なメモリユニットから実行対象命令及び処理対象データを取得する。
バス５００５はまた、入力デバイス５０４０及び出力デバイス５０４５に接続する。ユーザは、入力デバイス５０４０によって、電子システムに情報及び選択コマンドを送ることができる。入力デバイス５０４０には、英数字キーボード及びポインティングデバイス（「カーソル制御デバイス」とも呼ばれる）、カメラ（例えば、ウェブカメラ）、音声コマンドを受けるマイクロフォン又は類似の装置などが挙げられる。出力デバイス５０４５は、電子システムによって生成された画像を表示するか、又は他の方法でデータを出力する。出力デバイス５０４５には、プリンタ、陰極線管（ＣＲＴ）又は液晶ディスプレイ（ＬＣＤ）などのディスプレイ装置、並びにスピーカ又は類似のオーディオ出力デバイスが挙げられる。幾つかの実施形態は、入力デバイスと出力デバイスとの両方として機能するタッチスクリーンなどのデバイスを含む。
最後に、図５０に示されるように、バス５００５はまた、ネットワークアダプタ（図示せず）を介して電子システム５０００をネットワーク５０２５に結合する。このように、コンピュータは、コンピュータのネットワークの一部（ローカルエリアネットワーク（「ＬＡＮ」）、ワイドエリアネットワーク（「ＷＡＮ」）、又はイントラネットなど）、又はインターネットなどのネットワークのネットワークでよい。電子システム５０００のいずれか又は全てのコンポーネントが、本発明で使用されてもよい。
幾つかの実施形態は、マイクロプロセッサ、マシン可読又はコンピュータ可読媒体（あるいは、コンピュータ可読記憶媒体、マシン可読媒体又はマシン可読記憶媒体と呼ばれる）にコンピュータプログラム命令を記憶する記憶装置及びメモリなどの電子構成要素を含む。そのようなコンピュータ可読媒体の幾つかの例には、ＲＡＭ、ＲＯＭ、読み出し専用コンパクトディスク（ＣＤ−ＲＯＭ）、追記型コンパクトディスク（ＣＤ−Ｒ）、書き換え可能コンパクトディスク（ＣＤ−ＲＷ）、読み出し専用多目的ディスク（例えば、ＤＶＤ−ＲＯＭ、２層ＤＶＤ−ＲＯＭ）、様々な記録可能／書き換え可能ＤＶＤ（例えば、ＤＶＤ−ＲＡＭ、ＤＶＤ−ＲＷ、ＤＶＤ＋ＲＷなど）、フラッシュメモリ（例えば、ＳＤカード、ミニＳＤカード、マイクロＳＤカードなど）、磁気及び／又はソリッドステートハードドライブ、読み出し専用記録可能Ｂｌｕ−Ｒａｙ（登録商標）ディスク、超高密度光ディスク、任意の他の光学若しくは磁気メディア、及びフロッピディスクが挙げられる。コンピュータ可読媒体は、少なくとも１つの処理ユニットによって実行可能で、様々な動作を実行するための一連の命令を含むコンピュータプログラムを記憶してもよい。コンピュータプログラム又はコンピュータコードの例には、コンパイラによって作成されるようなマシンコード、及びインタープリタを使用してコンピュータ、電子構成要素又はマイクロプロセッサによって実行される高レベルコードを含むファイルが挙げられる。
上記の考察は、主に、ソフトウェアを実行するマイクロプロセッサ又はマルチコアプロセッサを参照しているが、幾つかの実施形態は、特定用途向け集積回路（ＡＳＩＣ）又はフィールドプログラマブルゲートアレイ（ＦＰＧＡ）などの１つ以上の集積回路によって実行される。幾つかの実施形態において、そのような集積回路は、回路自体に記憶された命令を実行する。更に、幾つかの実施形態は、プログラマブルロジックデバイス（ＰＬＤ）、ＲＯＭ、又はＲＡＭデバイスに記憶されたソフトウェアを実行する。
本出願のこの明細書及び任意の請求項で使用される時、用語「コンピュータ」、「サーバ」、「プロセッサ」及び「メモリ」は全て、電子又は他の技術装置を指す。これらの用語は、人又は人のグループを含まない。本明細書の目的において、用語「ディスプレイ又は表示」は、電子システム上の表示を意味する。本出願のこの明細書及び任意の請求項で使用される時、用語「コンピュータ可読媒体（単数）」、「コンピュータ可読媒体（複数）」、及び「マシン可読媒体」は、コンピュータによって読み出し可能な形式で情報を記憶する有形の物理的物体に完全に制限される。これらの用語は、無線信号、有線でダウンロードされた信号、及びあらゆる他の暫時信号を除外する。
本発明を多数の具体的な詳細に関して述べたが、当業者は、本発明を、本発明の趣旨から逸脱することなく他の具体的な形式で実施できることを理解するであろう。例えば、図の多くには、様々なタッチジェスチャ（例えば、タップ、ダブルタップ、スワイプジェスチャ、プレスアンドホールドジェスチャなど）が図示されている。しかしながら、図示されている操作の多くは、別々のタッチジェスチャを介して（例えば、タップの代わりにスワイプ、など）又は非タッチ入力を介して（例えば、カーソルコントローラ、キーボード、タッチパッド／トラックパッド、ニアタッチセンシティブ画面などを使用して）実行され得る。加えて、幾つかの図（図１６、４５及び４６を含む）は、プロセスを概念的に示す。これらのプロセスの具体的な操作は、図示され記述された厳密な順序で実行されなくてもよい。具体的な操作は、１つの連続したシリーズ操作で実行されなくてもよく、様々な具体的な操作が、異なる実施形態で実行されてもよい。更に、プロセスは、幾つかのサブプロセスを使用して、又はより大きいマクロプロセスの一部として実施されてもよい。したがって、当業者は、本発明が、上述の例示的な詳細によって制限されず、添付の特許請求の範囲によって定義されることを理解するであろう。
本発明を多数の具体的な詳細に関して述べたが、当業者は、本発明を、本発明の趣旨から逸脱しない他の具体的な形式で実施できることを認識するであろう。例えば、図１〜１５、１８〜３０、３３、３４、３８〜４１、及び４４に図示されている様々なＵＩコントロールは、タッチセンシティブ画面上での指ジェスチャ（例えば、１本以上の指を置く、ポイント、タップ操作）で設定されるものとして描画されるか、又は所定位置まで動いた様子を一切示すことなしに単にある位置に示されている。当業者に理解されるように、図１〜１５、１８〜３０、３３、３４、３８〜４１、及び４４のコントロールはまた、カーソル制御デバイス（例えば、マウス又はトラックボール）、スタイラス、キーボード、ニアタッチセンシティブ画面付近での指ジェスチャ（例えば、１本以上の指を置く、ポイント、タップ操作）、又は幾つかの実施形態において、他の任意のコントロールシステムにより、アクティブ化かつ／又は設定できる。したがって、当業者は、本発明が、上述の例示的な詳細によって制限されず、添付の特許請求の範囲によって定義されることを理解するであろう。

Claims (30)

  1. 画像を編集するための複数のユーザインタフェース（ＵＩ）コントロールを提示する方法であって、
    編集対象の画像の選択を受け付けると、前記画像に対する編集内容を表示するための表示エリアに前記画像を表示することと、
    第１のロケーションにおいて、前記複数のＵＩコントロールを含むＵＩツールをアクティブ化するための入力を受け付けることと、
    前記入力に応じて、第２のロケーションにて、前記複数のＵＩコントロールであって、少なくとも１つのＵＩコントロールが摺動領域と前記摺動領域に沿って移動するスライダとを含む前記複数のＵＩコントロールが、オーバーラップした扇形編出閉レイアウトから扇形編出開レイアウトに、徐々に前記複数のＵＩコントロールを表出させるように軸方向点周りに回動して広がる扇形編出アニメーションを表示することと、
    を含む、方法。
  2. 前記扇形編出アニメーションを表示することが、前記扇形編出アニメーションを前記表示エリアにオーバーラップさせて表示することを含む、請求項１に記載の方法。
  3. 前記第１のロケーションと前記第２のロケーションとは異なるロケーションである、請求項１に記載の方法。
  4. 前記入力が第１の入力であり、前記扇形編出アニメーションが第１の扇形編出アニメーションであり、
    前記方法が、第２の入力に応じて、前記複数のＵＩコントロールを前記扇形編出開レイアウトから前記扇形編出閉レイアウトに戻す第２の扇形編出アニメーションを前記第２のロケーションに表示するステップを更に含む、請求項１に記載の方法。
  5. 前記第２の入力が、前記複数のＵＩコントロールのうちの１つの選択を含む、請求項４に記載の方法。
  6. プログラムを記憶するコンピュータ可読記憶媒体であって、前記プログラムが、少なくとも１つの処理ユニットにより実行された場合に画像を編集するためのグラフィカルユーザインタフェース（ＧＵＩ）を提供し、前記プログラムが、
    前記画像を編集するための複数のユーザインタフェース（ＵＩ）コントロールを表示するための入力を受け付け、
    前記ＧＵＩが特定の閲覧方向にあるかどうかを判定し、
    前記ＧＵＩが前記特定の閲覧方向にあると判定すると、前記ＧＵＩにおける第１のロケーションにて、徐々に前記複数のＵＩコントロールを表出させるように、オーバーラップした扇形編出閉レイアウトから扇形編出開レイアウトに前記複数のＵＩコントロールを軸方向点周りに回動させて広がる外向き扇形編出アニメーションを表示し、
    前記ＧＵＩが前記特定の閲覧方向にないと判定すると、前記ＧＵＩ内の空間を最適化するために前記ＧＵＩにおいて第２の異なるロケーションにて、前記複数のＵＩコントロールであって、少なくとも１つのＵＩコントロールが摺動領域と前記摺動領域に沿って移動するスライダとを含む前記複数のＵＩコントロールを、オーバーラップした扇形編出閉レイアウトから扇形編出開レイアウトに軸方向点周りに回動させて広がる前記外向き扇形編出アニメーションを表示する
    ための命令群を含む、コンピュータ可読記憶媒体。
  7. 前記特定の閲覧方向が横方向である、請求項６に記載のコンピュータ可読記憶媒体。
  8. 前記ＧＵＩが前記特定の閲覧方向にないことを判定するための前記命令群が、前記ＧＵＩが縦方向であることを判定するための命令群を含む、請求項６に記載のコンピュータ可読記憶媒体。
  9. 前記ＧＵＩにおける前記第１のロケーションにて前記外向き扇形編出アニメーションを表示するための前記命令群が、前記複数のＵＩコントロールが広がっている間に、前記ＧＵＩ内のスペースを最適化するために、前記ＧＵＩにおける第３のロケーションで始まり前記ＧＵＩの第１ロケーションへと移動する前記複数のＵＩコントロールを表示するための命令群を含む、請求項６に記載のコンピュータ可読記憶媒体。
  10. ユーザインタフェース（ＵＩ）コントロールを使用して画像を編集する方法であって、
    前記画像を編集するための複数のＵＩコントロールであって、扇形編出開レイアウトを有する複数の選択可能なファンスライスとして提供され、前記ＵＩコントロールの少なくとも１つは、摺動領域とスライダとを有するスライダコントロールを対応するファンスライス内に含む前記複数のＵＩコントロールを扇形編出開レイアウトで表示することと、
    前記複数のＵＩコントロールにおいてＵＩコントロールの選択を受け付けると、軸方向点周りに、前記複数のＵＩコントロールのうちの他のＵＩコントロールを徐々に隠しながら、オーバーラップした扇形編出閉レイアウトに回動しながら戻ることにより、前記選択されたＵＩコントロールを、前記画像の編集に使用される唯一のＵＩコントロールとして提示することと、
    前記選択されたＵＩコントロールの前記スライダコントロールからスライダ調整を受け付けることと、
    受け付けた前記スライダ調整に基づき前記画像を修正することと、
    を含む、方法。
  11. 前記選択されたＵＩコントロールを前記画像の編集に使用される唯一のＵＩコントロールとして提示することが、前記選択されたＵＩコントロールのみを表示することを含む、請求項１０に記載の方法。
  12. 前記選択されたＵＩコントロールを前記画像の編集に使用される唯一のＵＩコントロールとして提示することが、前記選択されたＵＩコントロールを含む前記複数のＵＩコントロールのセットを表示することを含む、請求項１０に記載の方法。
  13. 前記ＵＩコントロールから受け付けた前記スライダ調整は、前記スライダコントロールの前記摺動領域に沿ったスライダ移動に基づく、請求項１０に記載の方法。
  14. ＵＩコントロールの前記選択を受け付けると、前記複数のＵＩコントロールの前記扇形編出開レイアウトにおける表示から、前記選択されたＵＩコントロールを前記画像の編集に使用される唯一のＵＩコントロールとして提示する表示へと遷移するアニメーションを表示することを更に含む、請求項１０に記載の方法。
  15. アプリケーションを記憶するコンピュータ可読記憶媒体であって、前記アプリケーションが、少なくとも１つの処理ユニットにより実行された場合に画像の編集を行い、前記アプリケーションがグラフィカルユーザインタフェース（ＧＵＩ）を含み、前記ＧＵＩが、
    画像を表示するための表示エリアと、
    前記画像を修正するための複数の選択可能なユーザインタフェース（ＵＩ）コントロールを含むユーザインタフェース（ＵＩ）ツールと、
    前記ＵＩツールをアクティブ化するための選択可能なＵＩアイテムと、
    を含み、
    前記ＵＩアイテムが選択されると、前記ＧＵＩに、前記複数の選択可能なＵＩアイテムが、オーバーラップした扇形編出閉レイアウトから扇形編出開レイアウトに、徐々に前記複数のＵＩアイテムを表出させるように固定位置周りに回動して広がるアニメーションを表示させ、
    少なくとも１つのＵＩアイテムが、摺動領域と前記摺動領域に沿って移動するスライダとを含む、
    コンピュータ可読記憶媒体。
  16. 前記ＧＵＩが、同一速度で開くように扇形編出する前記複数のＵＩコントロールを表示することにより前記アニメーションを表示する、請求項１５に記載のコンピュータ可読記憶媒体。
  17. 前記ＧＵＩが、別々のＵＩコントロールの扇形編出を別々の間隔で開始することによって、前記同一速度で開くように扇形編出する前記複数のＵＩコントロールを表示する、請求項１６に記載のコンピュータ可読記憶媒体。
  18. プログラムを記憶するコンピュータ可読記憶媒体であって、前記プログラムが、少なくとも１つの処理ユニットにより実行された場合に画像を編集するための複数のユーザインタフェース（ＵＩ）を提供し、前記プログラムが、
    編集対象の画像の選択を受け付けると、前記画像に対する編集内容を表示するための表示エリアに前記画像を表示し、
    第１のロケーションにおいて、前記複数のＵＩコントロールを含むＵＩツールをアクティブ化するための入力を受け付け、
    前記入力に応じて、第２のロケーションにて、前記複数のＵＩコントロールであって、少なくとも１つのＵＩコントロールが摺動領域と前記摺動領域に沿って移動するスライダとを含む前記複数のＵＩコントロールが、オーバーラップした扇形編出閉レイアウトから扇形編出開レイアウトに、徐々に前記複数のＵＩコントロールを表出させるように軸方向点周りに回動して広がる扇形編出アニメーションを表示する
    ための命令群を含む、コンピュータ可読記憶媒体。
  19. 前記扇形編出アニメーションを表示するための前記命令群が、前記扇形編出アニメーションを前記表示エリアにオーバーラップさせて表示するための命令群を含む、請求項１８に記載のコンピュータ可読記憶媒体。
  20. 前記第１のロケーションと前記第２のロケーションとは前記表示エリアにおける異なるロケーションである、請求項１８に記載のコンピュータ可読記憶媒体。
  21. 前記入力が第１の入力であり、前記扇形編出アニメーションが第１の扇形編出アニメーションであり、
    前記プログラムが、第２の入力に応じて、前記複数のＵＩコントロールを前記扇形編出開レイアウトから前記扇形編出閉レイアウトに戻す第２の扇形編出アニメーションを前記第２のロケーションに表示するための命令群を更に含む、請求項１８に記載のコンピュータ可読記憶媒体。
  22. 前記第２の入力が、前記複数のＵＩコントロールのうちの１つの選択を含む、請求項２１に記載のコンピュータ可読記憶媒体。
  23. 画像を編集するためのグラフィカルユーザインタフェース（ＧＵＩ）を提供するための方法であって、
    前記画像を編集するための複数のユーザインタフェース（ＵＩ）コントロールを表示するための入力を受け付けることと、
    前記ＧＵＩが特定の閲覧方向にあるかどうかを判定することと、
    前記ＧＵＩが前記特定の閲覧方向にあると判定すると、前記ＧＵＩにおける第１のロケーションにて、徐々に前記複数のＵＩコントロールを表出させるように、オーバーラップした扇形編出閉レイアウトから扇形編出開レイアウトに前記複数のＵＩコントロールを軸方向点周りに回動させて広がる外向き扇形編出アニメーションを表示することと、
    前記ＧＵＩが前記特定の閲覧方向にないと判定すると、前記ＧＵＩ内の空間を最適化するために、前記ＧＵＩにおいて第２の異なるロケーションにて、前記複数のＵＩコントロールであって、少なくとも１つのＵＩコントロールが摺動領域と前記摺動領域に沿って移動するスライダとを含む前記複数のＵＩコントロールを、オーバーラップした扇形編出閉レイアウトから扇形編出開レイアウトに軸方向点周りに回動させて広がる前記外向き扇形編出アニメーションを表示することと
    を含む、方法。
  24. 前記特定の閲覧方向が横方向である、請求項２３に記載の方法。
  25. 前記ＧＵＩが縦方向である場合、前記ＧＵＩが前記特定の閲覧方向にないと判定される、請求項２３に記載の方法。
  26. プログラムを記憶するコンピュータ可読記憶媒体であって、前記プログラムが、少なくとも１つの処理ユニットにより実行された場合に画像を編集するための複数のユーザインタフェース（ＵＩ）コントロールを提供し、前記プログラムが、
    前記複数のＵＩコントロールであって、扇形編出開レイアウトを有する複数の選択可能なファンスライスとして提供され、前記ＵＩコントロールの少なくとも１つは、摺動領域とスライダとを有するスライダコントロールを対応するファンスライス内に含む前記複数のＵＩコントロールを扇形編出開レイアウトで表示し、
    前記複数のＵＩコントロールにおいてＵＩコントロールの選択を受け付けると、軸方向点周りに、前記複数のＵＩコントロールのうちの他のＵＩコントロールを徐々に隠しながら、オーバーラップした扇形編出閉レイアウトに回動しながら戻ることにより、前記選択されたＵＩコントロールを、前記画像の編集に使用される唯一のＵＩコントロールとして提示し、
    前記選択されたＵＩコントロールの前記スライダコントロールからスライダ調整を受け付け、
    受け付けた前記スライダ調整に基づき前記画像を修正する
    ための命令群を含む、コンピュータ可読記憶媒体。
  27. 前記選択されたＵＩコントロールを前記画像の編集に使用される唯一のＵＩコントロールとして提示するための前記命令群が、前記選択されたＵＩコントロールのみを表示するための命令群を含む、請求項２６に記載のコンピュータ可読記憶媒体。
  28. 前記選択されたＵＩコントロールを前記画像の編集に使用される唯一のＵＩコントロールとして提示するための命令群が、前記選択されたＵＩコントロールを含む前記複数のＵＩコントロールのセットを表示するための命令群を含む、請求項２６に記載のコンピュータ可読記憶媒体。
  29. 前記選択されたＵＩコントロールの前記スライダコントロールからスライダ調整を受け付けるための前記命令群は、前記スライダコントロールの前記摺動領域に沿ったスライダ移動を受け付けるための命令群を含む、請求項２６に記載のコンピュータ可読記憶媒体。
  30. 前記プログラムは、ＵＩコントロールの前記選択を受け付けると、前記複数のＵＩコントロールの前記扇形編出開レイアウトにおける表示から、前記選択されたＵＩコントロールを前記画像の編集に使用される唯一のＵＩコントロールとして提示する表示へと遷移するアニメーションを表示するための命令群を更に含む、請求項２６に記載のコンピュータ可読記憶媒体。
JP2018080764A 2012-03-06 2018-04-19 メディア編集アプリケーション用の扇形編出ユーザインタフェースコントロール Active JP6779250B2 (ja)

Applications Claiming Priority (20)

Application Number Priority Date Filing Date Title
US201261607524P 2012-03-06 2012-03-06
US201261607554P 2012-03-06 2012-03-06
US201261607569P 2012-03-06 2012-03-06
US201261607574P 2012-03-06 2012-03-06
US201261607525P 2012-03-06 2012-03-06
US61/607,569 2012-03-06
US61/607,524 2012-03-06
US61/607,554 2012-03-06
US61/607,525 2012-03-06
US61/607,574 2012-03-06
US201261741768P 2012-05-15 2012-05-15
US61/741,768 2012-05-15
US13/629,436 US9189876B2 (en) 2012-03-06 2012-09-27 Fanning user interface controls for a media editing application
US13/629,461 2012-09-27
US13/629,436 2012-09-27
US13/629,456 US20130239051A1 (en) 2012-03-06 2012-09-27 Non-destructive editing for a media editing application
US13/629,444 2012-09-27
US13/629,456 2012-09-27
US13/629,444 US10282055B2 (en) 2012-03-06 2012-09-27 Ordered processing of edits for a media editing application
US13/629,461 US20130238747A1 (en) 2012-03-06 2012-09-27 Image beaming for a media editing application

Related Parent Applications (1)

Application Number Title Priority Date Filing Date
JP2016197524A Division JP6329230B2 (ja) 2012-03-06 2016-10-05 メディア編集アプリケーション用の扇形編出ユーザインタフェースコントロール

Publications (2)

Publication Number Publication Date
JP2018152097A JP2018152097A (ja) 2018-09-27
JP6779250B2 true JP6779250B2 (ja) 2020-11-04

Family

ID=49117180

Family Applications (3)

Application Number Title Priority Date Filing Date
JP2014560909A Active JP6047587B2 (ja) 2012-03-06 2012-12-31 メディア編集アプリケーション用の扇形編出ユーザインタフェースコントロール
JP2016197524A Active JP6329230B2 (ja) 2012-03-06 2016-10-05 メディア編集アプリケーション用の扇形編出ユーザインタフェースコントロール
JP2018080764A Active JP6779250B2 (ja) 2012-03-06 2018-04-19 メディア編集アプリケーション用の扇形編出ユーザインタフェースコントロール

Family Applications Before (2)

Application Number Title Priority Date Filing Date
JP2014560909A Active JP6047587B2 (ja) 2012-03-06 2012-12-31 メディア編集アプリケーション用の扇形編出ユーザインタフェースコントロール
JP2016197524A Active JP6329230B2 (ja) 2012-03-06 2016-10-05 メディア編集アプリケーション用の扇形編出ユーザインタフェースコントロール

Country Status (4)

Country Link
JP (3) JP6047587B2 (ja)
CN (1) CN104247392A (ja)
GB (1) GB2513763A (ja)
WO (1) WO2013133895A1 (ja)

Families Citing this family (19)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9041727B2 (en) 2012-03-06 2015-05-26 Apple Inc. User interface tools for selectively applying effects to image
US9189876B2 (en) 2012-03-06 2015-11-17 Apple Inc. Fanning user interface controls for a media editing application
US9202433B2 (en) 2012-03-06 2015-12-01 Apple Inc. Multi operation slider
US9131192B2 (en) 2012-03-06 2015-09-08 Apple Inc. Unified slider control for modifying multiple image properties
KR102063915B1 (ko) 2013-03-14 2020-01-08 삼성전자주식회사 사용자 기기 및 그 동작 방법
CN105808229A (zh) * 2014-12-31 2016-07-27 深圳Tcl数字技术有限公司 智能终端及其app处理方法
WO2016197074A1 (en) * 2015-06-04 2016-12-08 Victorious, Inc. Emotive ballistics
JP6767075B2 (ja) * 2016-09-15 2020-10-14 三菱電機エンジニアリング株式会社 画面操作装置及び画面操作方法
CN108845924B (zh) * 2017-05-10 2021-04-23 平安科技（深圳）有限公司 控制响应区域显示控制方法、电子装置及存储介质
CN109213403A (zh) * 2018-08-02 2019-01-15 众安信息技术服务有限公司 功能菜单操控装置及方法
CN109151573B (zh) * 2018-09-30 2021-06-15 Oppo广东移动通信有限公司 视频增强控制方法、装置以及电子设备
KR102007610B1 (ko) * 2018-10-15 2019-10-21 공간정보기술 주식회사 공간자료 분산 버저닝 툴 및 이를 이용하는 공간정보 분산 버전 관리 방법
CN110826720B (zh) * 2019-11-06 2023-04-07 合肥本源量子计算科技有限责任公司 一种界面的显示方法及装置、界面的切换方法及装置
US11695718B2 (en) 2019-12-31 2023-07-04 Snap Inc. Post-capture processing in a messaging system
US11750546B2 (en) 2019-12-31 2023-09-05 Snap Inc. Providing post-capture media overlays for post-capture processing in a messaging system
US11164353B2 (en) 2019-12-31 2021-11-02 Snap Inc. Layering of post-capture processing in a messaging system
EP4085322A1 (en) * 2019-12-31 2022-11-09 Snap Inc. Post-capture processing in a messaging system
US11237702B2 (en) 2019-12-31 2022-02-01 Snap Inc. Carousel interface for post-capture processing in a messaging system
CN113923353A (zh) * 2021-09-29 2022-01-11 维沃移动通信（杭州）有限公司 图像处理方法、装置、电子设备及存储介质

Family Cites Families (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6118480A (en) * 1997-05-05 2000-09-12 Flashpoint Technology, Inc. Method and apparatus for integrating a digital camera user interface across multiple operating modes
US7027836B2 (en) * 2002-09-10 2006-04-11 Eastman Kodak Company Method and system for establishing a communication network
US7363053B2 (en) * 2003-03-28 2008-04-22 Lockheed Martin Corproation System for integrated mobile devices
GB2409789A (en) * 2003-12-30 2005-07-06 Nokia Corp Interconnection of short range networks via cellular links
JP2006003603A (ja) * 2004-06-17 2006-01-05 Olympus Corp 画像表示プログラム、画像表示方法、画像表示装置及び記録媒体
EP1934772A4 (en) * 2005-09-15 2010-12-29 Fringland Ltd INTEGRATING A MOBILE DEVICE INTO A PEER-TO-PEER NETWORK
EP2017707B1 (en) * 2007-07-06 2017-04-12 Dassault Systèmes Widget of graphical user interface and method for navigating amongst related objects
KR100952306B1 (ko) * 2008-05-07 2010-04-13 성균관대학교산학협력단 선 입력 기반 영상 처리 방법 및 그 장치
US20090319897A1 (en) * 2008-06-20 2009-12-24 Microsoft Corporation Enhanced user interface for editing images
JP2010187093A (ja) * 2009-02-10 2010-08-26 Ricoh Co Ltd 画像編集装置
US8601389B2 (en) * 2009-04-30 2013-12-03 Apple Inc. Scrollable menus and toolbars
US8549432B2 (en) * 2009-05-29 2013-10-01 Apple Inc. Radial menus
JP5553230B2 (ja) * 2009-09-08 2014-07-16 株式会社リコー 撮像装置および撮像処理方法
US8468465B2 (en) * 2010-08-09 2013-06-18 Apple Inc. Two-dimensional slider control

Also Published As

Publication number Publication date
GB2513763A (en) 2014-11-05
CN104247392A (zh) 2014-12-24
JP2017062797A (ja) 2017-03-30
JP2018152097A (ja) 2018-09-27
JP6329230B2 (ja) 2018-05-23
JP2015517135A (ja) 2015-06-18
GB201413475D0 (en) 2014-09-10
JP6047587B2 (ja) 2016-12-21
WO2013133895A1 (en) 2013-09-12

Similar Documents

Publication Publication Date Title
JP6779250B2 (ja) メディア編集アプリケーション用の扇形編出ユーザインタフェースコントロール
US11119635B2 (en) Fanning user interface controls for a media editing application
EP3736676B1 (en) User interfaces for capturing and managing visual media
JP6298522B2 (ja) 画像を閲覧するためのアプリケーション
US8635549B2 (en) Directly assigning desktop backgrounds
US9811349B2 (en) Displaying operations performed by multiple users
US9299168B2 (en) Context aware user interface for image editing
US20130239049A1 (en) Application for creating journals
JP2016537744A (ja) タッチスクリーン付きスマートフォン／カメラでのビデオ編集のためのジェスチャに基づいたインタラクティブなグラフィカルユーザインターフェイス
US20140063047A1 (en) Duotone effect
JP5523119B2 (ja) 表示制御装置及び表示制御方法
US8885953B2 (en) Grain effect
EP4242812A1 (en) Picture saving method, electronic device, and storage medium
US10283082B1 (en) Differential opacity position indicator
JP6120907B2 (ja) 表示制御装置及び表示制御方法
JP5762502B2 (ja) 表示制御装置及び表示制御方法
CN114117084A (zh) 相册生成方法、装置、电子设备和可读存储介质
JP2020027467A (ja) フォトブック編集装置およびその制御方法、並びにプログラム
KR20140088753A (ko) 카메라장치 및 카메라를 구비하는 단말장치에서 동영상 이미지를 이용하여 정지이미지를 생성하는 장치 및 방법

Legal Events

Date Code Title Description
A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20180521

A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20180521

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20190716

A601 Written request for extension of time

Free format text: JAPANESE INTERMEDIATE CODE: A601

Effective date: 20191016

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20200109

A02 Decision of refusal

Free format text: JAPANESE INTERMEDIATE CODE: A02

Effective date: 20200410

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20200806

C60 Trial request (containing other claim documents, opposition documents)

Free format text: JAPANESE INTERMEDIATE CODE: C60

Effective date: 20200806

A911 Transfer to examiner for re-examination before appeal (zenchi)

Free format text: JAPANESE INTERMEDIATE CODE: A911

Effective date: 20200820

C21 Notice of transfer of a case for reconsideration by examiners before appeal proceedings

Free format text: JAPANESE INTERMEDIATE CODE: C21

Effective date: 20200824

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: 20200914

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20201013

R150 Certificate of patent or registration of utility model

Ref document number: 6779250

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250