JPH0777417B2 - Layout scanner-Character and figure input device - Google Patents

Description

【発明の詳細な説明】 〔発明の技術分野〕 本発明はレイアウトスキャナーへ割り付け台紙上の文
字、図形をその色情報、割り付け台紙上での絶対位置情
報と共に入力するレイアウトスキャナー文字、図形入力
装置に関する。Description: TECHNICAL FIELD OF THE INVENTION The present invention relates to a layout scanner character and graphic input device for inputting characters and graphics on a layout mount to a layout scanner together with their color information and absolute position information on the layout mount. .

〔従来技術とその問題点〕[Prior art and its problems]

最近、色分解と同時に最終仕上り時のレイアウトまでも
行なう、いわゆる編集機能すなわちフルページの集版機
能を備えたカラースキャナーが知られている。2. Description of the Related Art Recently, a color scanner having a so-called editing function, that is, a full-page plate collecting function, which performs color separation and layout at the time of final finishing is known.

このような編集機能を備えたカラースキャナーは一般的
にレイアウトスキャナーと称されており、原稿画像を入
力後、指定された位置に指定されたトリミングでフィル
ム上に露光して出力を行なうことができる。A color scanner having such an editing function is generally called a layout scanner, and after inputting an original image, it is possible to perform exposure by exposing the film on a film with a specified trimming at a specified position. .

レイアウトスキャノーでページメイクを行なうに際して
のひとつの問題に、文字、図形の入力及び色文字等に対
しての平アミふせがある。One of the problems when making pages with the layout scanout is inputting letters, figures, and color letters.

以下この問題について図面を用いて説明する。ページメ
イクは割り付け指定紙に従い、トンボと呼ばれる仕上り
サイズを示している基準線（８）と、原稿が入る位置と
サイズを示すトリミングのわく組と写植文字（９）が１
枚の台紙上に第４図のごとく描かれる。This problem will be described below with reference to the drawings. The page make is in accordance with the designated layout paper, and has a reference line (8) called a register mark indicating the finished size, a trimming frame indicating the position and size of the original and a typesetting character (9).
It is drawn as shown in Fig. 4 on a sheet of paper.

第４図で写植文字（９）は白黒の文字で、これが色文字
である場合は別にその色を示す網％、又はカラーチャー
トの何番とか別に指定しておく。In FIG. 4, the typesetting character (9) is a black and white character, and when it is a color character, it is designated by a halftone dot% indicating the color or by a number in the color chart.

次に、第４図のような台紙を製版カメラで撮影し、一枚
のネガ、又はポジフィルムを作成し、このフィルムをカ
ラースキャナーで分解して、レイアウトスキャナーへ入
力をする。Next, a backing sheet as shown in FIG. 4 is photographed by a plate making camera, one negative or positive film is prepared, this film is disassembled by a color scanner, and input to a layout scanner.

入力された台紙画像は第５図のようにモニター上に写し
出され色文字、平アミふせを行ないたい場合は第５図の
ようにカーソルを（10）の位置にもって行き、色指定を
行なう領域を指定する。そしてその指定した領域ごとに
カラーナンバを“Col＃1"、“Col＃2"のようにつけて行
き、次に（40）のようにその色を網％でＹが100、Ｍが
０、Ｃが50、Ｋが０という具合にキーボードで指定して
行く。The input mount image is displayed on the monitor as shown in Fig. 5, and if you want to perform color letters or flat dots, move the cursor to the position (10) as shown in Fig. 5 and specify the color. Is specified. Then, for each of the designated areas, add a color number such as "Col # 1" or "Col # 2", and then, as shown in (40), the color is halftone, Y is 100, M is 0, C Specify 50 with K and 0 with the keyboard.

又、第６図のような図形の場合で、（１）の丸わく量が
黒100％、（２）の文字が赤100％、（３）の領域がシア
ンの50％などの指定がある場合は、前記のような色指定
の方法を使う色ごとに３回の指定が必要であり、さらに
（１）の丸の罫線の有無等も指定しなければならない。Also, in the case of the figure as shown in Fig. 6, the rounding amount of (1) is 100% black, the character of (2) is 100% red, and the area of (3) is 50% of cyan. In this case, it is necessary to specify three times for each color using the color specifying method as described above, and it is also necessary to specify the presence / absence of the round ruled line in (1).

以上のような色指定が終了したところでレイアウトスキ
ャナーのCPUは上記色指定をしたデータから演算を行な
い、１つの出力用のファイルを作成する。When the color designation as described above is completed, the CPU of the layout scanner calculates from the data designated by the color and creates one output file.

以上の作業工程においていくつかの問題が存在してい
る。まず第一に、台紙を一度カメラどりしてモノクロフ
ィルムにして、スキャナーにかけるという工程のむだが
ある。There are some problems in the above work process. First of all, there is a waste of the process of turning the mount once into a monochrome film with a camera and then applying it to a scanner.

第二に、レイアウトスキャナーに入力するため上記の台
紙フィルムをスキャナーで分解するのであるが、文字を
美しく出す必要があるため、スキャナーでの分解時に
は、スキャナーのもつ最高の分解能でスキャニングして
いくため、分解に要する時間をふつのカラー原稿を分解
するよりはるかに長い時間を要してしまい、その間他の
原稿の入力等の作業はいっさいできず、レイアウトスキ
ャナーの作業能率を著しく低下させてしまう。Secondly, the above-mentioned mount film is disassembled by the scanner for input to the layout scanner, but it is necessary to make the characters beautiful, so when disassembling with the scanner, scanning is performed with the highest resolution that the scanner has. However, the time required for disassembling is much longer than the time required for disassembling two color originals, and during that time, operations such as inputting other originals cannot be performed and the work efficiency of the layout scanner is significantly reduced.

第三に、レイアウトスキャナーへ入力された上記台紙フ
ィルムの画像をモニターへ写し、色文字に対する色指定
や平アミふせをする場合、レイアウトスキャナーのワー
クステーション、及びCPUは、上記色文字指定の作業に
専有されてしまい、他のカラー原稿の入力、レイアウト
等の作業はすべて行なえなくなり、レイアウトスキャナ
ーの作業能率を著しく低下させてしまう。Thirdly, when the image of the above-mentioned mount film input to the layout scanner is displayed on the monitor and the color designation and flat printing for the color letters are performed, the workstation and CPU of the layout scanner perform the above-mentioned color letter designation work. Since it is monopolized, it cannot perform all other work such as input of color originals and layout, which significantly reduces the work efficiency of the layout scanner.

以上のように従来のような文字、図形をレイアウトスキ
ャナーへ入力し、色指定や平網ふせの作業を行なうと、
余分な工程が必要となったり、長時間を要したりしてレ
イアウトスキャナーの作業能率を大きく低下させている
という問題があった。As described above, when inputting characters and figures as in the past to the layout scanner and performing color designation and flat screen covering work,
There is a problem that the work efficiency of the layout scanner is greatly reduced by requiring an extra process or taking a long time.

〔発明の目的〕[Object of the Invention]

本発明は上記問題点を解決すべくなされたものであり、
割り付け台紙より直接文字、図形を専用にレイアウトス
キャナーより独立して読み取り、データファイルとして
レイアウトスキャナーへ送ることにより、レイアウトス
キャナーをカラー原稿の入力と、ページメイクのみに専
念させ、上記レイアウトスキャナーの作業能率を大幅に
向上させるレイアウトスキャナー文字、図形入力装置を
提供することを目的とする。The present invention has been made to solve the above problems,
By directly reading characters and figures directly from the layout board independently from the layout scanner and sending them as a data file to the layout scanner, the layout scanner is dedicated to inputting color originals and making pages, thus improving the work efficiency of the layout scanner. It is an object of the present invention to provide a layout scanner character and figure input device that significantly improves the layout.

〔発明の概要〕[Outline of Invention]

本発明は、レイアウトスキャナーへ割り付け台紙上の文
字、図形を入力するレイアウトスキャナー文字、図形入
力装置であって、レイアウトスキャナーとは独立した形
で、ラインセンサーカメラ等の高解像度テレビカメラを
用いて割り付け台紙を２値化画像として専用コンピュー
タへとり込み、モニターテレビ上に写し出し画像処理技
術を利用して、指定した文字、図形の割り付け台紙上の
絶対位置の算出、文字、図形の色指定、平アミふせ等を
行ない、フロッピーディスク、マグネティックテープ等
の記憶媒体にデータファイルとして記憶させ、レイアウ
トスキャナー本体に送る事により、レイアウトスキャナ
ーを、割り付け台紙のカラースキャナーからの入力作
業、入力した割り付け台紙上の文字、図形の色指定、平
アミふせの作業から解放し、レイアウトスキャナーの作
業能率を大幅に向上させるレイアウトスキャナー文字、
図形入力装置に関する。The present invention is a layout scanner character and graphic input device for inputting characters and graphics on a layout mount to a layout scanner, which is allocated independently of the layout scanner using a high-resolution TV camera such as a line sensor camera. Import the mount as a binary image into a dedicated computer and display it on a monitor TV. Using image processing technology, assign the specified characters and figures, calculate the absolute position on the mount, specify the color of the characters and figures, and specify the flat pattern. Perform layout, store as a data file in a storage medium such as a floppy disk, magnetic tape, etc., and send it to the layout scanner main unit. From specifying the color of the figure and the work of flat Release, layout scanner character greatly improve the work efficiency of the layout scanner,
The present invention relates to a graphic input device.

〔発明の実施例〕Example of Invention

以下、本発明の一実施例を第１図乃至第４図を用いて説
明する。An embodiment of the present invention will be described below with reference to FIGS.

第１図は本発明の一実施例を示した概略図である。まず
割り付け指定台紙をＸ方向及びＹ方向の水平２方向に移
動可能なＸ−Ｙテーブル（120）上に乗せ、Ｘ−Ｙテー
ブル（120）上に描かれた基準線に割り付け台紙のトン
ボマーク等の基準線を合わせて固定する。FIG. 1 is a schematic diagram showing an embodiment of the present invention. First, the layout-designated mount is placed on an XY table (120) that is movable in two horizontal directions, the X-direction and the Y-direction, and the registration mark on the mount-board is placed on the reference line drawn on the XY table (120). Align and fix the reference line of.

次にモニターテレビ（170）を見ながら、第５図のよう
にモニターテレビ（170）の画面いっぱいに入るように
コントローラ（130）のＸ−Ｙステージ（120）の位置コ
ントロールを行う。即ちコントローラ（130）の操作に
より、Ｘ−Ｙテーブル（120）をＸ方向又はＹ方向に移
動させ、またカメラ（110）の倍率コントロールを行い
倍率を変化させる。カメラ（110）は現在の倍率を、内
蔵されたエンコーダより常に発生しており、コンピュー
タ（140）に送っている。Next, while watching the monitor TV (170), as shown in FIG. 5, the position control of the XY stage (120) of the controller (130) is performed so that the screen of the monitor TV (170) is filled. That is, by operating the controller (130), the XY table (120) is moved in the X direction or the Y direction, and the magnification of the camera (110) is controlled to change the magnification. The camera (110) constantly generates the current magnification from the built-in encoder and sends it to the computer (140).

第２図のような状態で、割り付け台紙上での各図形の絶
対位置の算出を行なう。In the state shown in FIG. 2, the absolute position of each figure on the layout mount is calculated.

モニター上にはカーソル（210）が表示され、カーソル
（210）はマウス又はデジタイザー（180）で自由に移動
でき、上記カーソルで第２図のようにトンボマーク（20
0）を原点とするならカーソル（210）を（200）のトン
ボマークにところにもって行き、原点入力を行ない、そ
の座標は第１図のコンピュータ（140）へ送られる。次
に文字“AB"の座標指定を行ないたい時は第２図のよう
にカーソル（210）を文字“AB"の参照点となる位置へも
って行き、その値をコンピュータ（140）へ送る。カメ
ラ（110）内のエンコーダから常に現在の倍率が与えら
れているので原点としたトンボマークの参照点（200）
と文字“AB"の参照点の相対座標はコンピュータ（140）
で計算して求められる。前述の動作を各文字、図形ごと
にくり返し、各文字、図形の割り付け台紙上の絶対位置
を記憶しておく。尚、各文字、図形の参照点を指定する
時に、その文字、図形の整理番号や、名前をキーボード
（190）より入力して、上記参照点とともに記憶してお
き、そのデータとともに第２図の画面をフレームメモリ
（150）に記憶しておけば、後ほど確認を行なおうとし
た時に容易に行なえる。A cursor (210) is displayed on the monitor, and the cursor (210) can be freely moved with a mouse or a digitizer (180). With the cursor, a registration mark (20) can be displayed as shown in FIG.
If the origin is 0), the cursor (210) is moved to the registration mark of (200), the origin is input, and the coordinates are sent to the computer (140) in FIG. Next, when it is desired to specify the coordinates of the character "AB", the cursor (210) is moved to the position serving as the reference point of the character "AB" as shown in FIG. 2, and the value is sent to the computer (140). Since the current magnification is always given from the encoder in the camera (110), the reference point (200) of the registration mark that was the origin
And the relative coordinates of the reference point of the letters "AB" are computer (140)
Calculated by The above-described operation is repeated for each character and figure, and the absolute position on the mount of each character and figure is stored. When designating the reference point of each character or graphic, the reference number or name of the character or graphic is entered from the keyboard (190) and stored together with the reference point. If the screen is stored in the frame memory (150), it will be easier to confirm later.

以上のような各文字、図形の位置を入力が終了したら、
次に文字図形の入力、色指定、平アミふせを行なう。When you have finished entering the positions of each character and figure as above,
Next, input characters and graphics, specify colors, and add flat dots.

第３図のようにモニターテレビ（170）を見ながらコン
トローラ（130）を操作し、所望の文字、図形がモニタ
ーテレビ（170）の画面の中央に大きく写し出されるよ
うにする。この状態でカーソル（230）を移動させ、処
理を行ないたい領域を指定する。第３図を例にとれば、
まず（240）の位置へカーソル（230）をもって行き、次
に（250）の位置へカーソル（230）をもって行き、（25
0）、（240）を対角線の両端とする平行四辺形である点
線（220）に示された領域の画像入力を行なう。この領
域（220）内の画像は直ちに２値化されフレームメモリ
ー（150）記憶され、同時にモニターテレビ（170）上へ
第６図の様に写し出される。次にカーソル（230）を色
指定を行ないたい部分、例えば文字“AB"の“A"、又は
“B"の黒い部分を指定し、希望する色を網％でキーボー
ド（190）等で入力、指定してゆく。また上記（220）の
領域内で文字以外の所を平アミふせしたい場合はカーソ
ル（230）で上記第６図内で文字部以外の白の部分を指
定し、上記の色指定と同じように行なえば良い。入力後
２値化された画像データは文字の画素部分と文字以外の
画素部分が区別されている。そこで、指定された文字ま
たは背景の部分に対して色の指定を行い（通常Y:イエロ
ー、M:マゼンタ、C:シアン、B:ブラックの色成分値を０
〜100％の範囲で指示する）、メモリー上の文字や背景
の画素位置に指定された色情報を書き込む。また、色指
定をしたい領域を指示する方法は、既知の画像処理技術
として知られているので、ここではこれ以上は述べな
い。As shown in FIG. 3, the controller (130) is operated while watching the monitor TV (170) so that desired characters and figures are largely projected in the center of the screen of the monitor TV (170). In this state, the cursor (230) is moved to specify the area to be processed. Taking Figure 3 as an example,
First, move the cursor (230) to the position (240), then move the cursor (230) to the position (250), and (25
An image is input in a region indicated by a dotted line (220) which is a parallelogram having diagonal ends of (0) and (240). The image in this area (220) is immediately binarized and stored in the frame memory (150), and is simultaneously displayed on the monitor television (170) as shown in FIG. Next, specify the color you want to specify with the cursor (230), for example, the black part of the letters "A" or "B" of the letters "AB", and enter the desired color with the dot% on the keyboard (190), etc. Specify. In addition, if you want to highlight areas other than characters in the area of (220) above, use the cursor (230) to specify a white area other than the character area in Figure 6 above, and follow the same procedure as above for color specification. You can do it. In the image data binarized after the input, the pixel portion of the character and the pixel portion other than the character are distinguished. Therefore, the color is specified for the specified character or background part (normally Y: yellow, M: magenta, C: cyan, B: black color component value is 0.
Write in the specified color information at the pixel position of the character or background on the memory. Further, the method of designating a region for which color designation is desired is known as a known image processing technique, and will not be described here any further.

色指定が終了した所で、前述した各図形の割り付け台紙
上での絶対座標を求めた時の参照点と同じ位置へ第３図
のカーソル（230）をもって行き参照点入力を行なう。
このとき、第２図で全体を写して参照点座標を入力した
時のカメラ（110）の倍率と第３図の拡大して文字、図
形を写した時のカメラ（110）の倍率から、第２図の状
態と第３図の状態の相対倍率がコンピュータ（140）で
計算され、第３図で示された色指定を行なった領域（22
0）が割り付け台紙上でどの位置にくるか計算で求める
事ができる。When the color designation is completed, the reference point is input by moving the cursor (230) shown in FIG. 3 to the same position as the reference point when the absolute coordinates of each figure on the layout mount are obtained.
At this time, from the magnification of the camera (110) when the reference point coordinates are input by copying the whole in FIG. 2 and the magnification of the camera (110) when the enlarged character or figure is copied in FIG. The relative magnification between the state shown in FIG. 2 and the state shown in FIG. 3 is calculated by the computer (140), and the area (22) where the color designation shown in FIG.
It is possible to calculate the position of 0) on the layout board.

またカメラのもつ特徴である画像のゆがみは倍率により
決まってくるので、コンピュータ（140）で修正計算を
行ない、カーソル（210）の座標値を修正する事により
正確な位置決めを行なう事ができる。さらにコンピュー
タ（140）にて新たにトリミングわくを描いたり、図形
の移動を行うことにより、完全な版下台紙ファイルを作
成する事が可能である。Further, since the distortion of the image, which is a characteristic of the camera, is determined by the magnification, it is possible to perform accurate positioning by performing correction calculation in the computer (140) and correcting the coordinate value of the cursor (210). Further, it is possible to create a complete block mount file by newly drawing a trimming frame or moving a figure on the computer (140).

以上の作業をくり返す事により、各文字、図形の入力と
色指定、平アミふせ、位置決めを行なう事ができる。ま
たトンボマークについては、上記の作業で入力しても良
いし、パターンメモリをコンピュータ（140）に設け、
図形として登録しておき第２図で、台紙上での位置をカ
ーソル（210）で指示して行き、トンボマークの座標の
みを指示し、最終データファイル作成時に合成できるよ
うにしても良い。By repeating the above work, it is possible to input each character and figure, specify the color, shift the screen, and position the character. The register mark may be input by the above work, or a pattern memory is provided in the computer (140),
It may be registered as a figure and the position on the mount is designated by the cursor (210) in FIG. 2, and only the coordinate of the register mark may be designated so that it can be combined when the final data file is created.

上記の作業がすべて終了したらレイアウトスキャナー用
のデータファイルを作成する。When all the above work is completed, create a data file for the layout scanner.

このデータファイルは、１つの画像に対して通常Y:イエ
ロー、M:マゼンタ、C:シアン、B:ブラックの色成分ごと
の画像データの組合せから成っており、各画像データは
画像を構成する画素毎に色成分の濃度値（１画素につい
て例えば８ビット即ち０〜255の範囲の濃度値）が書き
込まれているものである。This data file consists of a combination of image data for each color component of Y: yellow, M: magenta, C: cyan, and B: black, and each image data consists of pixels that make up the image. The density value of the color component (for example, 8-bit density value for one pixel, that is, the density value in the range of 0 to 255) is written for each pixel.

このデータファイルは、レイアウトスキャナーのフォー
マットに合わせてコンピュータ（140）で作成し、外部
記憶装置（160）に記録されレイアウトスキャナーへ、
マグネティクテープ、フロッピーディスク等の媒体を通
して送られる。This data file is created by the computer (140) according to the format of the layout scanner and is recorded in the external storage device (160) to the layout scanner,
It is sent through media such as magnetic tape and floppy disks.

以上説明したように本実施例によればレイアウトスキャ
ナーとは独立に割り付け第台紙上の文字、図形の入力を
行ない、入力した文字、図形の色指定、平アミふせを行
なう事ができるので、レイアウトスキャナーの作業能率
を向上させる等の効果が期待できる。As described above, according to the present embodiment, it is possible to input characters and figures on the layout mount independently of the layout scanner, specify the color of the entered characters and figures, and shift the layout. Effects such as improving the work efficiency of the scanner can be expected.

また本発明は、本実施例に限定されることなく本発明の
趣旨を逸脱しない範囲での種々の変更が可能である。Further, the present invention is not limited to the present embodiment, and various modifications can be made without departing from the spirit of the present invention.

〔発明の効果〕〔The invention's effect〕

以上に述べたように、本発明によれば、割り付け台紙か
らの文字、図形の入力、色文字の作成、平アミふせ等の
作業がレイアウトスキャナーとは全く独立した作業で行
なえ、さらに文字図形の位置情報も求められるので、レ
イアウトスキャナー用の完全な版下作成が可能であり、
レイアウトスキャナーはカラー原稿の入力を行ない、本
発明で作成した割り付け台紙のデータファイルと合わせ
るだけでページメイキングと必要な処理だけを行なえば
良いことになるので、一枚のページを作成する時間が大
幅に短縮できる等の優れた効果がある。As described above, according to the present invention, operations such as inputting characters and figures from the layout mount, creating color characters, and flattening can be performed completely independently of the layout scanner. Since position information is also required, it is possible to create a complete artwork for a layout scanner,
The layout scanner only needs to input color originals and perform page making and necessary processing only by combining with the data file of the layout mount created by the present invention, so it takes a lot of time to create one page. It has an excellent effect that it can be shortened to

【図面の簡単な説明】[Brief description of drawings]

第１図は本発明装置にかかる装置の説明図、第２図及び
第３図はモニターテレビ上の表示される画像の説明図、
第４図は割り付け台紙の説明図、第５図は従来のシステ
ムにおける画像処理の説明図、第６図は入力すべき画像
の例を示す説明図である。 （８）……トンボマーク、（９）……写植文字、（11
0）……カメラ、（120）……Ｘ−Ｙテーブル、（130）
……コントローラ、（140）……コンピュータ、（150）
……フレームメモリー、（160）……外部記憶装置、（1
70）……モニターテレビ、（180）……マウス又はデジ
タイザー、（190）……キーボード、（200）……投光光
源、（210）（230）……カーソルFIG. 1 is an explanatory view of a device according to the device of the present invention, FIGS. 2 and 3 are explanatory views of images displayed on a monitor television,
FIG. 4 is an explanatory view of the layout mount, FIG. 5 is an explanatory view of image processing in the conventional system, and FIG. 6 is an explanatory view showing an example of an image to be input. (8) …… Dragonfly mark, (9) …… Typesetting letters, (11
0) …… Camera, (120) …… XY table, (130)
...... Controller, (140) …… Computer, (150)
…… Frame memory, (160) …… External storage device, (1
70) ... monitor TV, (180) ... mouse or digitizer, (190) ... keyboard, (200) ... floodlight source, (210) (230) ... cursor

Claims (1)

【特許請求の範囲】[Claims] 【請求項１】レイアウトスキャナーへ割り付け台紙上の
文字、図形をその色情報、割り付け台紙上での絶対位置
情報と共に入力するレイアウトスキャナー文字、図形入
力装置において、割り付け台紙上の文字、図形をとりこ
むためのズームカメラと、前記ズームカメラの下方に設
けられた水平２方向に移動可能な割り付け台紙載置台
と、前記ズームカメラでとらえた画像を写し出すモニタ
ーテレビと、前記モニターテレビ上での文字、図形の座
標を得る手段と、前記モニターテレビ上での文字、図形
の座標と前記ズームカメラの倍率とから前記文字、図形
の割り付け台紙上での絶対位置を算出する手段と、モニ
ターテレビ上で画像中から文字、図形領域を選択し、そ
の領域について色情報を付与する手段と、前記色情報が
付与された領域の画像データとその領域の前記割り付け
台紙上での絶対位置とを組み合わせ、文字、図形に色情
報が与えられたレイアウトスキャナー入力用の割り付け
台紙の画像データに変換する手段とを備えることを特徴
とするレイアウトスキャナー文字、画像入力装置。1. A layout scanner character for inputting characters and graphics on a layout mount to a layout scanner together with their color information and absolute position information on the layout mount, and a character and a graphic on the layout mount in a graphic input device. Zoom camera, a layout mount table that is provided below the zoom camera and is movable in two horizontal directions, a monitor TV that displays an image captured by the zoom camera, and a character or figure on the monitor TV. A means for obtaining the coordinates, a means for calculating the absolute position of the character / graphic on the mount board from the coordinates of the character / graphic on the monitor TV and the magnification of the zoom camera, and from the image on the monitor TV. A means for selecting a character or graphic area and adding color information to the area, and a screen for the area to which the color information is added. A layout comprising a combination of data and the absolute position of the area on the layout mount, and converting into layout layout image data for input to a layout scanner in which color information is given to characters and graphics. Scanner character, image input device.