JP7043819B2 - 操作表示装置及びプログラム - Google Patents

Description

本発明は、操作表示装置及びプログラムに関する。

スマートフォンやタブレット端末等の携帯機器で撮影した画像をネットワーク上にアップロードし、フォトブックを注文するサービスが提供されている。フォトブックの注文に際し、ユーザは、携帯機器に保存されている多数の画像の中から好みの画像を選択してテンプレートに配置し、文字（コメント）を入力する。

入力した文字のサイズは、図１０に示すようなドロップダウンリストから選択したり、スライダで調整したりして、変更していた。しかし、スマートフォンやタブレット端末等のタッチパネルのサイズが大きくない機器では、ドロップダウンリスト内の数値の表示が小さく、指先で所望の数値を選択することが困難であった。タッチパネルの画面全体を使用してドロップダウンリストをできるだけ大きく表示した場合、サイズ変更後の文字と画像のバランスを確認するために、文字サイズ変更の度にドロップダウンリストの開閉を行う必要があり、手間がかかっていた。

また、タッチパネルのサイズの制限上、カラーチャート等の色の微調整インタフェースを表示することが困難であるため、文字の色は少数の基本色の中からしか選択できなかった。

特開２００５－１２８９５４号公報 特開２００６－３０２１８４号公報

本発明は、タッチパネル上で画像に合成する文字の編集を容易に行うことができる操作表示装置及びプログラムを提供することを課題とする。

本発明の操作表示装置は、編集対象の画像を表示するタッチパネルと、前記タッチパネルを介して文字の入力及び前記文字の合成位置の指定を受け付け、指定された位置に入力された文字を合成する文字編集部と、を備え、前記文字編集部は、前記タッチパネルの文字領域が押下されていることが検出されている間、前記文字のサイズ又は色を連続的に変化させ、前記文字領域の押下が検出されなくなると、サイズ又は色の変化を停止するものである。

本発明の一態様では、前記文字編集部は、前記文字領域の押圧力に応じた速度で、前記文字のサイズ又は色を変化させる。

本発明の一態様では、前記文字編集部は、前記文字領域の押圧力が所定値以上の場合に、前記文字のサイズ又は色を変化させる。

本発明の一態様では、前記文字編集部は、複数の基本色の中から文字の色の選択を受け付け、前記文字領域が押下されていることが検出されている間、選択された基本色の濃淡を変化させる。

本発明の一態様では、前記文字編集部は、前記文字領域の押下が検出されている間、所定の上限まで文字色を濃くする処理と、所定の下限まで文字色を淡くする処理とを交互に行う。

本発明の一態様では、前記文字編集部は、前記文字領域の押下が検出されている間、所定の最大サイズまで文字を徐々に大きくする処理と、所定の最小サイズまで文字を徐々に小さくする処理とを交互に行う。

本発明のプログラムは、タッチパネルを備えるコンピュータを制御するプログラムであって、編集対象の画像を前記タッチパネルに表示するステップと、前記タッチパネルを介して文字の入力及び前記文字の合成位置の指定を受け付け、指定された位置に入力された文字を合成するステップと、前記タッチパネルの文字領域が押下されていることが検出されている間、前記文字のサイズ又は色を連続的に変化させ、前記文字領域の押下が検出されなくなると、サイズ又は色の変化を停止するステップと、を前記コンピュータに実行させるものである。

本発明によれば、タッチパネル上で画像に合成する文字の編集を容易に行うことができる。

画像選択画面の例を示す図である。 文字入力画面の例を示す図である。 （ａ）～（ｃ）は文字編集画面の例を示す図である。 文字サイズの変遷例を示す図である。 実施の形態に係る操作表示装置の概略構成を示すブロック図である。 フォトブック作製プログラムを実行することで実現される機能ブロック図である。 実施の形態に係る文字編集方法を説明するフローチャートである。 別の実施の形態に係る文字編集方法を説明するフローチャートである。 （ａ）～（ｃ）は文字編集画面の例を示す図である。 文字サイズ変更用のドロップダウンリスト及びスライダの例を示す図である。

以下、図面を参照して実施の形態について説明する。

図１～図３は、本発明の実施の形態に係る操作表示装置１でフォトブックの注文を行うにあたり、画像に文字を入力する編集処理を行う場合の表示画面を示す。操作表示装置１は、例えばスマートフォンやタブレット端末であり、タッチパネル１８により各種の操作を受け付ける。

フォトブックの注文にあたり、まず、ユーザは、フォトブックのサイズやページ数、テンプレート等を選択し、操作表示装置１内に保存されている画像の中から好みの画像を選択し、テンプレート内に配置する。

画像配置後、画像編集を行う場合、ユーザは編集モードを選択する。編集モードが選択されると、タッチパネル１８には、図１に示すような画像選択画面が表示される。ユーザは、編集を行う画像を指（又はタッチペン）で押して選択する。続いて、ユーザは編集メニューを選択する。編集メニューには、文字の追加、画像の拡縮・回転などがあるが、本実施形態では、編集処理として文字の追加を行う。

編集メニューとして文字の追加が選択されると、タッチパネル１８には、図２に示すような文字入力画面が表示される。ユーザは、追加したい文字を入力する。

文字を入力すると、タッチパネル１８には、図３（ａ）に示すような文字合成画面が表示される。ユーザが、編集対象の画像２内の所望の位置を選択すると、図３（ｂ）に示すように、選択した位置に文字が追加される。

ユーザが、追加された文字（テキストボックス３）を押すことで、文字の大きさが変化する。

ユーザがテキストボックス３を押し続けている間、操作表示装置１は、文字の大きさを連続的に変化させる。例えば、図４に示す基本サイズから徐々に大きくなり、最大サイズに達した後は、最小サイズに達するまで徐々に小さくなる。その後、文字の大きさは徐々に大きくなり、基本サイズに戻る。

操作表示装置１は、テキストボックス３が押し続けられている間、最大サイズまで文字を徐々に大きくする処理と、最小サイズまで文字を徐々に小さくする処理とを交互に繰り返す。ユーザが、テキストボックス３から指を離すと、図３（ｃ）に示すように、操作表示装置１は、文字サイズの変化を止める。

ユーザは、タッチパネル１６に表示される文字の大きさを確認しながら、好みの大きさになったらテキストボックス３から指を離す。文字サイズの調整後、ＯＫボタンを押すことで文字追加処理が終了する。

図１０に示すようなドロップダウンリストをタッチパネルに表示して文字の大きさを調整することは困難であった。タッチパネルのサイズが小さい場合は、特に困難であった。これに対し、本実施形態では、テキストボックス３（文字領域）を押し続けている間、文字の大きさが徐々に変化する。好みの文字サイズになった時にタッチパネル１８から指を離すだけでよい。そのため、文字サイズの調整を容易に行うことができる。

画像編集後、操作表示装置１は、フォトブックの全ページを画像化し、画像データを注文受付サーバへ送信する。注文受付サーバは、画像データを工場へ転送する。工場においてプリント処理が行われ、フォトブックが製造される。

図５は、操作表示装置１の概略構成を示すブロック図である。操作表示装置１は、操作表示装置１の動作を統括的に制御する制御部としてのＣＰＵ（Central Processing Unit）１０を有している。ＣＰＵ１０には、バスを介して、ＲＯＭ（Read Only Memory）１１、ＲＡＭ（Random Access Memory）１２、不揮発性メモリ１３、操作部１４、表示部１５、撮影部１６、通信部１７等が接続されている。

ＣＰＵ１０は、ＯＳ（Operating System）プログラムをベースとし、その上で、ミドルウェアやアプリケーションプログラムなどを実行する。ＲＯＭ１１には、各種のプログラムが格納されており、これらのプログラムに従ってＣＰＵ１０が各種処理を実行することで操作表示装置１の各機能が実現される。

ＲＡＭ１２は、ＣＰＵ１０がプログラムに基づいて処理を実行する際にデータを一時的に格納するワークメモリとして使用される。

不揮発性メモリ１３は、画像データの保存などに使用される。不揮発性メモリ１３は、例えばフラッシュメモリである。

操作部１４は、ユーザから各種の操作を受け付ける。表示部１５は、各種の操作画面を表示する。この実施の形態では、タッチパネル１８が、操作部１４及び表示部１５の機能を有する。

撮影部１６は例えばデジタルカメラである。撮影部１６で撮影した画像データは不揮発性メモリ１３に格納される。

通信部１７は、インターネット等を介して注文受付サーバと通信を行う。

ＲＯＭ１１（又は不揮発性メモリ１３）にはフォトブック作製プログラムが格納されており、ＣＰＵ１０がフォトブック作製プログラムを実行することで、図６に示すように、テンプレート選択部２０、画像配置部２１、文字編集部２２、及びフォトブックデータ送信部２３が実現される。

テンプレート選択部２０は、フォトブックの商品サイズやページ数、背景等のテンプレートの選択を受け付ける。

画像配置部２１は、不揮発性メモリ１３に格納されている画像データのサムネイルをタッチパネル１８に表示し、フォトブックに使用する画像の選択を受け付ける。画像配置部２１は、選択された画像をテンプレートに自動配置する。

文字編集部２２は、ユーザから、テンプレートに配置された画像のうち文字を追加する画像の選択を受け付け、選択された画像に文字を追加する文字編集処理を行う。文字編集部２２は、入力された文字を、画像２内の指定された位置に合成する。

文字の合成後、文字編集部２２は、テキストボックス３（文字）が押されたことを検知すると、文字サイズの調整を開始する。文字編集部２２は、テキストボックス３が押されている間、画像に合成されるテキストボックス３内の文字の大きさを僅かに変える処理を繰り返す。

例えば、文字編集部２２は、所定の最大サイズまで文字を徐々に大きくし、所定の最大サイズに達した後は、所定の最小サイズまで文字を徐々に小さくする。

文字の基本サイズ、最小サイズ、最大サイズは、フォトブックの商品サイズ毎に予め設定されている。

次に、図７に示すフローチャートに沿って、文字サイズ変更方法について説明する。ユーザが、テンプレートに配置された画像から、文字を追加したい画像を選択する。画像選択後、ユーザにより編集メニューの中から文字追加モードが選択されると、操作表示装置１は、図２に示すような文字入力画面をタッチパネル１８に表示する。入力する文字の決定後、文字編集部２２は、画像２内のユーザ指定の位置に文字を合成する（図３（ｂ）参照）。

文字サイズを変更する場合、ユーザは画像２に合成された文字（テキストボックス３）を押す。文字編集部２２は、テキストボックス３が押されたことを検知すると、最大サイズに達するまで文字を徐々に大きくする。最大サイズに達すると、文字編集部２２は、最小サイズに達するまで文字を徐々に小さくする。最小サイズに達すると、文字編集部２２は、再び最大サイズに達するまで文字を徐々に大きくする。

文字編集部２２は、テキストボックス３が押し続けられている間、最大サイズまで文字を徐々に大きくする処理と、最小サイズまで文字を徐々に小さくする処理とを交互に繰り返す。

テキストボックス３から指が離れ、テキストボックス３の押圧が検知されなくなると、文字編集部２２は、文字サイズ変更処理を停止する。

本実施形態によれば、文字が好みのサイズになるまで文字（テキストボックス３）を押し続けるだけでよい。ドロップダウンリストやスライダ（図１０参照）を用いる場合と比較して、文字サイズを容易に調整できる。特に、タッチパネル１８のサイズが大きくない場合に効果的である。

上記実施形態では、文字の大きさを調整する例について説明したが、文字の色（濃淡）を調整できるようにしてもよい。図８は、文字色変更方法を説明するフローチャートである。

ユーザが、テンプレートに配置された画像から、文字を追加したい画像を選択する。画像選択後、ユーザにより編集メニューの中から文字追加モードが選択されると、操作表示装置１は、図２に示すような文字入力画面をタッチパネル１８に表示する。入力する文字の決定後、文字編集部２２は、画像２に合成する文字の基本色の選択を受け付ける。文字の基本色は、赤、緑、青、黄、紫、茶、ピンク、黒、白など１０色程度である。文字編集部２２は、選択された色の文字を、画像２内のユーザ指定の位置に合成する。

文字の合成後、文字色を変更する場合、ユーザは画像２に合成された文字（テキストボックス３）を押す。文字編集部２２は、テキストボックス３（文字）が押されたことを検知すると、文字色の調整を開始する。文字編集部２２は、テキストボックス３が押されている間、画像に合成されるテキストボックス３内の文字色の濃淡（彩度）を僅かに変える処理を繰り返す。ＲＧＢ２５６値を整数範囲で変化させることで、色の濃淡が変化する。

例えば、文字編集部２２は、所定の上限値まで文字色を徐々に濃くし（彩度を上げ）、所定の上限値に達した後は、所定の下限値まで文字色を徐々に薄くする（彩度を下げる）。下限値に達すると、文字編集部２２は、再び上限値に達するまで文字色を徐々に濃くする。

文字色の濃淡の上限、下限は、基本色毎に予め設定されている。

テキストボックス３から指が離れ、テキストボックス３の押圧が検知されなくなると、文字編集部２２は、文字色変更処理を停止する。基本色の選択後、文字が好みの色になるまで文字（テキストボックス３）を押し続けるだけで色の微調整を行うことができる。

図９（ｂ）に示すように、ドロップダウンリスト（プルダウンメニュー）５から、文字サイズを調整するか、文字色を調整するか切り替えられるようにしてもよい。図９（ａ）に示す画面では、テキストボックス３を押し続けている間、文字サイズが連続的に変化する。図９（ｃ）に示す画面では、テキストボックス３を押し続けている間、文字色（濃淡）が連続的に変化する。

操作表示装置１は、テキストボックス３が押下（ユーザによる接触操作）されているか否かだけでなく、押されている力（押圧力）を検出してもよい。操作表示装置１は、押圧力に応じて、文字サイズや文字色の変化の速度を変える。例えば、押圧力が大きい程、文字サイズや文字色を速く変化させる。

これにより、例えば、テキストボックス３を押して文字サイズを変更している際に、所望のサイズで指を離せなかった場合、テキストボックス３を強く押すことでサイズ変化が速くなり、所望の文字サイズに速やかに到達する（戻す）ことができる。

また、テキストボックス３の押圧力が所定値以上になった場合に文字サイズや文字色を変化させるようにしてもよい。ユーザは、テキストボックス３の位置を変更したい場合、テキストボックス３に軽く触れてドラッグ操作を行う。テキストボックス３を押している時間が所定時間以上になったら、文字サイズや文字色を変化させるようにしてもよい。

上記実施形態では、画像に合成した文字のサイズや色を変化させる例について説明したが、例えば、編集処理において画像にスタンプを合成し、合成したスタンプを押し続けている間、スタンプのサイズが連続的に変化するようにしてもよい。

上記実施形態では、文字を画像に重ねるように合成する例について説明したが、余白部分に文字を合成してもよい。

上記実施形態では、文字色の濃淡を調整する例について説明したが、テキストボックス３が押し続けられている間、赤、緑、青、黄、・・・のように選択可能な基本色の中で文字色を変化させてもよい。

フォトブックでなく、カレンダー、ポスター、ポストカードなど他の印画物の注文を行ってもよい。

印画物の注文時の画像編集処理でなく、操作表示装置１内に保存されている画像に文字を追加する場合にも、本実施形態に係る方法を適用できる。

なお、本発明は上記実施形態そのままに限定されるものではなく、実施段階ではその要旨を逸脱しない範囲で構成要素を変形して具体化できる。また、上記実施形態に開示されている複数の構成要素の適宜な組み合わせにより、種々の発明を形成できる。例えば、実施形態に示される全構成要素から幾つかの構成要素を削除してもよい。さらに、異なる実施形態にわたる構成要素を適宜組み合わせてもよい。

１ 操作表示装置
２ 画像
３ テキストボックス
１８ タッチパネル

Claims (6)

1. 編集対象の画像を表示するタッチパネルと、
   前記タッチパネルを介して文字の入力及び前記文字の合成位置の指定を受け付け、指定された位置に入力された文字を合成する文字編集部と、
   を備え、
   前記文字編集部は、前記タッチパネルの文字領域が所定値以上の押圧力で押下されていることが検出されている間、前記文字のサイズ又は色を連続的に変化させ、前記所定値未満の押圧力で前記文字領域が押下された状態でドラッグ操作を受け付けると、前記文字領域の位置を変更することを特徴とする操作表示装置。
2. 前記文字編集部は、前記文字領域の押圧力に応じた速度で、前記文字のサイズ又は色を変化させることを特徴とする請求項１に記載の操作表示装置。
3. 前記文字編集部は、複数の基本色の中から文字の色の選択を受け付け、前記文字領域が前記所定値以上の押圧力で押下されていることが検出されている間、選択された基本色の濃淡を変化させることを特徴とする請求項１又は２に記載の操作表示装置。
4. 前記文字編集部は、前記文字領域が前記所定値以上の押圧力で押下されていることが検出されている間、所定の上限まで文字色を濃くする処理と、所定の下限まで文字色を淡くする処理とを交互に行うことを特徴とする請求項３に記載の操作表示装置。
5. 前記文字編集部は、前記文字領域が前記所定値以上の押圧力で押下されていることが検出されている間、所定の最大サイズまで文字を徐々に大きくする処理と、所定の最小サイズまで文字を徐々に小さくする処理とを交互に行うことを特徴とする請求項１又は２に記載の操作表示装置。
6. タッチパネルを備えるコンピュータを制御するプログラムであって、
   編集対象の画像を前記タッチパネルに表示するステップと、
   前記タッチパネルを介して文字の入力及び前記文字の合成位置の指定を受け付け、指定された位置に入力された文字を合成するステップと、
   前記タッチパネルの文字領域が所定値以上の押圧力で押下されていることが検出されている間、前記文字のサイズ又は色を連続的に変化させるステップと、
   前記所定値未満の押圧力で前記文字領域が押下された状態でドラッグ操作を受け付けると、前記文字領域の位置を変更するステップと、
   を前記コンピュータに実行させることを特徴とするプログラム。

Images