(57)【要約】【課題】  デザイン編集において、テンプレートのレイアウト枠に嵌め込む画像をトリミングする基準の簡素化された表示手段、および、簡単な設定手段を提供し、トリミング領域を指定する矩形のアスペクト比に依存せずに画像全体をレイアウト枠に嵌め込む手段を提供することである。【解決手段】  画像２０３をテンプレートの選択されたレイアウト枠に嵌め込む場合に、画像２０３上でトリミングの基準点２０４を設定し、基準点２０４を中心に選択された画像枠のアスペクト比を用いて画像２０３上で最大領域になるようにトリミング領域５０１を決定する。トリミング領域５０１でトリミングした画像を、テンプレートの選択されたレイアウト枠に嵌め込んで編集後のデザインを生成する。【選択図】  図６
2008147850.tif 000002
【特許請求の範囲】
【請求項１】
画像を嵌め込むレイアウト枠を有するデザイン編集方法であって、
レイアウト枠に嵌め込まれる画像に基準点を設定する基準点設定工程、
前記画像の嵌め込み先として異なるアスペクト比の複数のレイアウト枠のいずれかを選択するレイアウト枠選択工程、
前記画像に設定された基準点と選択された前記レイアウト枠のアスペクト比に基づいて前記画像のトリミングを行うトリミング工程、
トリミング後の前記画像を選択された前記レイアウト枠に嵌め込むレイアウト工程を備えることを特徴とするデザイン編集方法。
【請求項２】
複数の前記画像を一覧表示する画像一覧表示工程と、
前記画像一覧表示工程で一覧表示された画像の基準点を一覧表示されている画像上に表示する基準点表示工程を備えることを特徴とする請求項１に記載のデザイン編集方法。
【請求項３】
前記基準点設定工程は、前記一覧表示された画像上で前記原稿画像の基準点を設定することを特徴とする請求項２に記載のデザイン編集方法。
【請求項４】
前記一覧表示された画像に対して、基準点の表示と非表示を切り替える基準点表示切替工程を備えることを特徴とする請求項２に記載のデザイン編集方法。
【請求項５】
前記一覧表示された画像の表示上のサイズを変更する画像サイズ変更工程を備えることを特徴とする請求項２に記載のデザイン編集方法。
【請求項６】
画像を嵌め込むレイアウト枠を有するデザイン編集装置であって、
レイアウト枠に嵌め込まれる画像に基準点を設定する基準点設定手段、
前記画像の嵌め込み先として異なるアスペクト比の複数のレイアウト枠のいずれかを選択するレイアウト枠選択手段、
前記画像に設定された基準点と選択された前記レイアウト枠のアスペクト比に基づいて前記画像のトリミングを行うトリミング手段、
トリミング後の前記画像を選択された前記レイアウト枠に嵌め込むレイアウト手段を備えることを特徴とするデザイン編集装置。
【請求項７】
複数の前記画像を一覧表示する画像一覧表示手段と、
前記画像一覧表示工程で一覧表示された画像の基準点を一覧表示されている画像上に表示する基準点表示手段を備えることを特徴とする請求項６に記載のデザイン編集装置。
【請求項８】
前記基準点設定手段は、前記一覧表示された画像上で前記原稿画像の基準点を設定することを特徴とする請求項７に記載のデザイン編集装置。
【請求項９】
前記一覧表示された画像に対して、基準点の表示と非表示を切り替える基準点表示切替手段を備えることを特徴とする請求項７に記載のデザイン編集方法。
【請求項１０】
前記一覧表示された画像の表示上のサイズを変更する画像サイズ変更手段を備えることを特徴とする請求項７に記載のデザイン編集装置。
【請求項１１】
請求項１乃至請求項５に記載のデザイン編集方法をコンピューターに実行させるデザイン編集プログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、画像を含んだデザインを作成するデザイン編集装置に関する。
【背景技術】
【０００２】
近年、コンピューターの普及に従い、画像を配置したデザインを作成するためにコンピューターを用いるケースが増えている。コンピューターを用いたデザインの作成方法として、画像を嵌め込む枠が予め配置されたテンプレート（型）に対して、前記枠に任意の画像を嵌め込んでデザインを作成する方法がある。以下の説明において、画像を嵌め込む枠が予め配置された型（ひながた）をテンプレートと呼び、テンプレート上に配置された、画像を嵌め込む枠のことをレイアウト枠と呼ぶ。上述の方法において、嵌め込みたい画像のアスペクト比（縦横比）と、テンプレート上に配置されたレイアウト枠のアスペクト比が異なる場合は、レイアウト枠のアスペクト比を用いて画像をトリミングする必要がある。そして、従来、画像をトリミングする場合、画像の重要な部分がレイアウト枠に収まるよう、画像に対してトリミングの位置を矩形等でユーザーが指示するものがあった（例えば、特許文献１参照）。
【特許文献１】特許第２９１７７８１号公報
【発明の開示】
【発明が解決しようとする課題】
【０００３】
しかし、テンプレートが多数ある場合、ユーザーはどのテンプレートを利用するか迷う。そこで、ユーザーがテンプレートに嵌め込む画像を選べば、自動的にテンプレートを選択して画像を嵌め込み、ユーザーに提示することが考えられる。このとき、選択した画像のどこを嵌め込みたいかという指示を、従来と同様、ユーザーが矩形指定することにより「トリミング領域」として設定出来るようにし、設定された「トリミング領域」をレイアウト枠に内接するように拡大縮小して表示する方法が考えられる。
【０００４】
この方法では、レイアウト枠のアスペクト比がユーザーには不明なため、レイアウト枠のアスペクト比と大きく異なるアスペクト比の「トリミング領域」をユーザーが設定してしまうことが考えられる。さらに、その「トリミング領域」を画像端部近く（特に四隅近く）に設定した場合、レイアウト枠の内部に画像の端部が入り込んでしまい、レイアウト枠内に画像がない領域ができてしまうことが考えられる。
【課題を解決するための手段】
【０００５】
本発明のデザイン編集装置は、嵌め込む原稿画像に基準点を設定する基準点設定手段、前記原稿画像の嵌め込み先として異なるアスペクト比の複数のレイアウト枠のいずれかを選択するレイアウト枠選択手段、前記原稿画像の基準点と選択された前記レイアウト枠のアスペクト比に基づいて前記原稿画像のトリミングを行うトリミング手段、トリミング後の前記原稿画像を選択された前記レイアウト枠に嵌め込むレイアウト手段を備えることを特徴としている。
【発明の効果】
【０００６】
本願発明によれば、嵌め込まれる画像に基準点を設定し、設定された基準点を中心にレイアウト枠のアスペクト比に応じて画像のトリミング領域を決定するので、矩形によりトリミング領域を設定し、画像の端部がレイアウト枠の内側に入ることがある従来技術に比べ、レイアウト枠全体に画像を嵌め込むことができる。
【０００７】
また、トリミングの基準点の設定は画像上の任意の点を指定するだけであるため、トリミング領域の上下左右の位置をそれぞれ指定する特許文献１の従来技術よりも操作が簡単になる。これにより、複数の画像を表示して、複数の画像に対して基準点の設定を行う場合の作業量も従来の矩形を指定するものより削減される。
【発明を実施するための最良の形態】
【０００８】
（実施例）
図１は、本発明を適用できるデザイン編集装置１０１の構成を示すブロック図である。図１において、デザイン編集装置１０１は、モニタ１０２、および、指示入力装置１０３で構成される。デザイン編集装置１０１では、ＣＰＵ１１１、メモリ１１２、ハードディスクドライブ等の補助記憶装置１１３、および、外部インターフェース１１４が、内部インターフェース１１５でお互いに接続され、外部インターフェース１１４を通して、モニタ１０２、および、マウスやキーボード等の指示入力装置１０３が接続される。メモリ１１２には実行されるプログラム１２１がロードされる。
【０００９】
図２は、図１のデザイン編集装置における、テンプレートに画像を嵌め込む動作を示したフローチャートである。図２のフローチャートの詳細は、後述する。以下の説明において、画像を嵌め込む枠が予め配置された型（ひながた）をテンプレートと呼び、テンプレート上に配置された、画像を嵌め込む枠のことをレイアウト枠と呼ぶ。
【００１０】
ここで、嵌め込まれる画像の種類は、基本的には以下のものがある。
（ａ）ラスタデータ
（ｂ）ベクターデータ
【００１１】
さらに、具体的なデータフォーマットの例としてとしては以下のものがある。
（１）ＢＭＰ
（２）ＪＰＥＧ
（３）ＴＩＦＦ
（４）ＰＮＧ
（５）ＧＩＦ
（６）ＳＶＧ
（７）ＥＭＦ
（８）ＷＭＦ
（９）その他汎用画像フォーマット
（１０）アプリケーションプログラム独自のデータフォーマット
ここで、（１）〜（５）はラスタデータであり、（６）〜（８）はラスタデータとベクターデータの両方をこれらのデータフォーマットにすることができる。（１０）はアプリケーションプログラムに依存するアプリケーションプログラム独自のデータフォーマットである。
【００１２】
図３は、画像を表示して基準点を設定するための基準点設定画面を示す図である。画像表示画面２０１の画像表示領域２０２に、画像２０３が表示される。画像２０３上には、現在のトリミング基準点２０４が表示される。
【００１３】
図４は、デザインの基になるテンプレートとテンプレート表示画面の図である。テンプレート３０１には、画像を嵌め込むレイアウト枠３０２が定義されており、それぞれのレイアウト枠３０２は任意の位置、サイズ、および、アスペクト比を持つ。デザイン編集画面３１１のデザイン表示領域３１２にテンプレート３０１が表示される。
【００１４】
図５は、テンプレート３０１において、選択された画像を嵌め込むためにユーザーの操作によりレイアウト枠３０２が選択された状態を示した図である。図５において４０１はこのレイアウト枠が選択中であることを示すために枠線が点線表示に変更されたことを示す。
【００１５】
図６は、トリミング基準点２０４を中心として、選択された画像枠４０１のアスペクト比を基に決定したトリミング領域５０１を示した図である。
【００１６】
図７は、デザイン表示画面３１１において、トリミングした画像６１１をテンプレート３０１の選択されたレイアウト枠４０１に嵌め込んで生成した編集後のレイアウト６１２を、デザイン表示領域３１２に表示した図である。
【００１７】
以下、これら図１および図２〜図７を参照しながら、図２のフローチャートに従ってデザイン編集装置１０１の動作を説明する。なお、以下の説明は、一例として、図３に示すような画像を用いて、図７に示すようなデザインを作成する場合について説明する。
【００１８】
指示入力装置１０３から入力されたデザイン開始指示に従って、ＣＰＵ１１１は補助記憶装置１１３に格納されているプログラムをメモリ１１２にロードし、ロードされたプログラム１２１に従ってデザイン編集処理を行う。ＣＰＵ１１１は、指示入力装置１０３から指示を受け付け、補助記憶装置１１３に対してデータのロードまたはセーブを行い、モニタ１０２に情報を表示する。
【００１９】
デザイン編集装置１０１のＣＰＵ１１１は、モニタ１０２にデザイン編集画面３１１を表示し、補助記憶装置１１３からテンプレート３０１をロードし、ロードしたテンプレート３０１をデザイン表示領域３１２に表示する（ステップ１００１）。次に、ＣＰＵ１１１は、指示入力装置１０３で入力された指示に従って画像を嵌め込む画像枠４０１を選択する（ステップ１００２）。次に、ＣＰＵ１１１は、画像表示画面２０１を表示し、補助記憶装置１１３から画像２０３をロードし、画像表示領域２０２に表示する（ステップ１００３）。次に、ＣＰＵ１１１は、指示入力装置１０３で入力された指示に従って基準点２０４を設定し、画像２０３上に表示する（ステップ１００４）。次に、ＣＰＵ１１１は、テンプレート３０１の選択されたレイアウト枠４０１のアスペクト比を取得する（ステップ１００５）。次に、ＣＰＵ１１１は、画像２０３の基準点２０４を中心に、ステップ１００４で取得したアスペクト比を維持しながら、画像に欠落が起きない範囲で画像２０３上で最大領域となるトリミング領域５０１を決定し、画像のトリミングを行う（ステップ１００６）。次に、ＣＰＵ１１１は、テンプレート３０１で選択されたレイアウト枠４０１に、トリミングした画像６１１を嵌め込んで、画像嵌め込み後のレイアウト６１２を表示する。
【００２０】
なお、ステップ１００１、および、ステップ１００２においては、テンプレート３０１のレイアウト枠３０２を、指示入力装置１０３で選択する必要のない場合はこの限りではなく、これらのステップを省略することができる。例えば、図８のように、画像２０３の数と、レイアウト枠３０２の数が等しいときで、任意の順番で画像２０３をレイアウト枠３０２に嵌め込んでいけばよい場合である。このとき、画像２０３を基準点２０４を中心にレイアウト枠３０２のアスペクト比と同じトリミング領域５０１でトリミングして各レイアウト枠３０２に嵌め込めば、結果として任意の順番で画像を嵌め込んだレイアウト６５１が得られる。
【００２１】
図３では１枚ずつ画像を表示する例を示したが、さらに、図９のように、画像を一覧表示して基準点を設定することも出来る。図９において、画像一覧表示画面７０１の画像一覧表示領域７０２に、画像２０３を一覧表示し、各画像２０３の基準点２０４も同時に表示することができる。また、画像一覧表示画面７０１で表示されている全ての画像２０３に対して、同時に基準点２０４を設定することができる。
【００２２】
さらに、図１０のように、ユーザー操作により設定を変更することで、画像一覧表示画面８０１において基準点を非表示にすることができる。
【００２３】
さらに、図１１のように、画像一覧表示画面９０１において、ユーザー操作により設定を変更することで、画像２０３を拡大して表示することにより、基準点２０４を設定しやすくすることができる。
【００２４】
以上の様に本実施例によれば、嵌め込まれる画像に基準点を設定し、設定された基準点を中心にレイアウト枠のアスペクト比に応じて画像のトリミング領域を決定するので、矩形によりトリミング領域を設定し、画像の端部がレイアウト枠の内側に入ることがある従来技術に比べ、レイアウト枠全体に画像を嵌め込むことができる。
【００２５】
また、トリミングの基準点の設定は画像上の任意の点を指定するだけであるため、トリミング領域の上下左右の位置をそれぞれ指定する従来技術よりも操作が簡単になる。これにより、複数の画像を表示して、複数の画像に対して基準点の設定を行う場合の作業量も従来の矩形を指定するものより削減される。
【００２６】
トリミングの基準点の設定は画像上の点の位置を表示するだけなので、複数の画像を基準点と共に表示してもトリミング領域を表示するときよりも表示が簡素化される。
【図面の簡単な説明】
【００２７】
【図１】本発明を適用できるデザイン編集装置の構成を示すブロック図である。
【図２】図１のデザイン編集装置における、テンプレートに原稿画像を嵌め込む動作を示したフローチャートである。
【図３】原稿画像と、原稿画像を表示して基準点を設定するための基準点設定画面の図である。
【図４】デザインの基になるテンプレートとデザイン編集画面の図である。
【図５】テンプレートにおいて、選択された原稿画像を嵌め込む画像枠を示した図である。
【図６】トリミング基準点を基に、選択された画像枠のアスペクト比を基に決定したトリミング領域を示した図である。
【図７】デザイン表示画面で、トリミングされた画像をテンプレートの選択された画像枠に嵌め込んで生成した編集後のテンプレートを、デザイン表示領域に表示した図である。
【図８】原稿画像の数と、原稿画像を嵌め込む画像枠の数が等しいときで、任意の順番で原稿画像を嵌め込んだレイアウトの図である。
【図９】原稿画像一覧表示画面に複数の原稿画像を一覧表示した図である。
【図１０】図９の原稿画像一覧表示画面で基準点を非表示にした図である。
【図１１】図９の原稿画像一覧表示画面で原稿画像を拡大して表示した図である。
【符号の説明】
【００２８】
１０１  デザイン編集装置
１０２  モニタ
１０３  指示入力装置
１１１  ＣＰＵ
１１２  メモリ
１２１  プログラム
２０１  原稿画像表示画面
２０２  原稿画像表示領域
２０３  原稿画像
２０４  トリミング基準点
３０１  テンプレート
３０２  レイアウト枠
３１１  デザイン編集画面
３１２  デザイン表示領域
４０１  選択されたレイアウト枠
５０１  トリミング領域
６１１  トリミングした画像
６１２  画像を嵌め込んだ後のレイアウト
【図１】
2008147850.tif 000003
【図２】
2008147850.tif 000004
【図３】
2008147850.tif 000005
【図４】
2008147850.tif 000006
【図５】
2008147850.tif 000007
【図６】
2008147850.tif 000008
【図７】
2008147850.tif 000009
【図８】
2008147850.tif 000010
【図９】
2008147850.tif 000011
【図１０】
2008147850.tif 000012
【図１１】
2008147850.tif 000013