TWI671709B - Picture component generating device - Google Patents
Picture component generating device Download PDFInfo
- Publication number
- TWI671709B TWI671709B TW104136161A TW104136161A TWI671709B TW I671709 B TWI671709 B TW I671709B TW 104136161 A TW104136161 A TW 104136161A TW 104136161 A TW104136161 A TW 104136161A TW I671709 B TWI671709 B TW I671709B
- Authority
- TW
- Taiwan
- Prior art keywords
- color
- image
- conversion
- reference image
- hue
- Prior art date
Links
Classifications
-
- G—PHYSICS
- G05—CONTROLLING; REGULATING
- G05B—CONTROL OR REGULATING SYSTEMS IN GENERAL; FUNCTIONAL ELEMENTS OF SUCH SYSTEMS; MONITORING OR TESTING ARRANGEMENTS FOR SUCH SYSTEMS OR ELEMENTS
- G05B19/00—Programme-control systems
- G05B19/02—Programme-control systems electric
- G05B19/04—Programme control other than numerical control, i.e. in sequence controllers or logic controllers
- G05B19/05—Programmable logic controllers, e.g. simulating logic interconnections of signals according to ladder diagrams or function charts
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
- G09G5/02—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the way in which colour is displayed
- G09G5/022—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the way in which colour is displayed using memory planes
Landscapes
- Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Automation & Control Theory (AREA)
- Computer Hardware Design (AREA)
- Theoretical Computer Science (AREA)
- Image Processing (AREA)
- Processing Or Creating Images (AREA)
- Color Image Communication Systems (AREA)
- Controls And Circuits For Display Device (AREA)
- Programmable Controllers (AREA)
- Editing Of Facsimile Originals (AREA)
Abstract
用於減輕作成用色之構件畫像的作業的負擔。 It is used to reduce the burden of creating portraits of colored members.
基準畫像記憶部(11)係預先記憶任意項目相關之任意形狀‧設計的任意色系之構件畫像即基準畫像。任意色指定部(13)係讓使用者指定任意色。畫像資料作成處理部(14)係依據該指定色與前述基準畫像，產生具有反映該指定色的色系且基準畫像的設計等(明亮的部分及成為影子的部分)之各色的構件畫像。 The reference image storage unit (11) is a reference image in which members of an arbitrary shape and design of any color system related to an arbitrary item are stored in advance. The arbitrary color specifying section (13) allows the user to specify an arbitrary color. The image data creation processing unit (14) generates a component image of each color having a color system reflecting the specified color and the reference image design (bright portion and shadow portion) based on the specified color and the reference image.
Description
本發明係關於作成程式化顯示器用的畫面的作成所用之構件畫像的工具。 The present invention relates to a tool for creating a picture of a component used to create a screen for a stylized display.
例如，專利文獻1的發明係提供提升任意合成顯示區域內等的圖形畫像資料之可顯示色的畫像合成處理裝置。在本發明中，具有後述的各構造。 For example, the invention of Patent Document 1 provides an image composition processing device that enhances the display color of graphic image data in an arbitrary composite display area or the like. In the present invention, each structure will be described later.
‧色資訊表部13，係具有可擴張位元寬度之複數色資訊表；‧濾鏡部14，係使從色資訊表輸出之畫像資料可變倍率；‧畫像合成部18，係合成從濾鏡部14輸出之畫像資料與第2畫像資料；‧區域產生部17，係可產生至少1個合成顯示區域；色資訊表控制部20，係輸入圖形畫像資料與合成顯示區域的區域訊號，對於被顯示於合成顯示區域的畫像資料與被顯示於合成顯示區域以外之顯示區域的畫像資料， 個別使不同色資訊表對應；又，在專利文獻2的發明中，對於保持的畫面資料，實施座標轉換處理，產生旋轉後之新的畫面資料。因此，利用者不需要做成縱‧橫顯示用的資料，亦即例如旋轉後之新的畫面資料。 ‧Color information table section 13 is a complex color information table with expandable bit width; ‧Filter section 14 is used to change the magnification of the image data output from the color information table; ‧Image synthesis section 18 is used to synthesize the filter The image data and the second image data output by the mirror unit 14; the area generating unit 17, which can generate at least one composite display area; the color information table control unit 20, which inputs the graphic image data and the area signal of the composite display area. Portrait data displayed in the composite display area and portrait data displayed in a display area other than the composite display area, Corresponding to different color information tables individually; in the invention of Patent Document 2, coordinate conversion processing is performed on the held screen data to generate new screen data after rotation. Therefore, the user does not need to make data for vertical and horizontal display, that is, for example, new screen data after rotation.
[專利文獻1]日本特開2002-23733號公報 [Patent Document 1] Japanese Patent Laid-Open No. 2002-23733
[專利文獻2]日本特開2011-164475號公報 [Patent Document 2] Japanese Patent Laid-Open No. 2011-164475
先前，有設置讓使用者任意作成程式化顯示器之顯示畫像(操作顯示畫面)的作畫編輯裝置之狀況。 Previously, there has been a situation where a drawing editing device is provided that allows a user to arbitrarily create a display image (operation display screen) of a stylized display.
於作畫編輯裝置，預先記憶有對應各種項目所預先作成之各種構件畫像(畫面零件，例如開關、按鈕、燈、計表等)。使用者係在作成前述操作顯示畫面時，進行從前述各種構件畫像中選擇所希望的構件畫像，並將該構件畫像配置於所希望的位置的作業。 In the drawing editing device, various component images (screen parts such as switches, buttons, lamps, meters, etc.) created in advance corresponding to various items are stored in advance. When the user creates the operation display screen, the user selects a desired component image from the various component images and arranges the component image at a desired position.
前述各種構件係例如以按鈕為例的話，例如藉由方形或圓形等的形狀、設計、顏色等，預先作成並登記有各式各樣的形狀‧設計‧顏色的按鈕。使用者係進行從其中選擇所希望的形狀‧設計‧顏色的按鈕，將該按鈕 配置於所希望的位置的作業。 The aforementioned various components are, for example, buttons. For example, buttons of various shapes, designs, and colors are prepared and registered in advance using shapes, designs, colors, and the like of squares or circles. The user selects a button of a desired shape, design, and color from the button, and then selects the button. Placed at the desired position.
圖6係用以說明先前之構件選擇‧配置作業的圖。 Fig. 6 is a diagram for explaining the previous component selection and configuration operation.
在此，作為任意的項目，以圖示之方形的按鈕為例。關於該方形按鈕，預先藉由開發者等作成圖示之8色的構件畫像，並記憶於作畫編輯裝置。作畫編輯裝置係具有色指定部。色指定部係將前述8色作為選擇項目，讓使用者選擇任意顏色。由此，從前述8色的構件畫像群中，取出使用者選擇之顏色的構件畫像，該構件畫像藉由使用者配置於所希望的位置。在圖示的範例中，因為指定黃色，取出前述方形的按鈕且黃色的構件畫像，配置於任意位置。 Here, as an arbitrary item, a square button shown in the figure is taken as an example. About this square button, an 8-color component image of the icon is created in advance by a developer or the like, and stored in the drawing editing device. The drawing editing device includes a color designation unit. The color designation unit uses the aforementioned eight colors as selection items and allows the user to select an arbitrary color. Accordingly, a component image of a color selected by the user is taken out of the component image groups of the eight colors, and the component image is arranged at a desired position by the user. In the example shown in the figure, because the yellow color is specified, the square button is taken out and the yellow member image is placed at an arbitrary position.
在前述先前技術中，使用者只能從前述預先準備之8色中選擇。雖也可準備更多色的構件畫像，但是，耗時耗力，為了構件畫像的保存所需的記憶容量也會增大。 In the foregoing prior art, the user can only select from the eight colors prepared in advance. Although it is possible to prepare a multi-colored component image, it is time-consuming and labor-intensive, and the memory capacity required to save the component image increases.
在此，近年來，作為前述設計，也增加立體/3D的設計，也有意識到光澤及陰影的設計等。又，對應各形狀‧設計，作成不同色的構件之狀況多。尤其是前述立體/3D的設計之狀況中，例如即使是「紅色按鈕」、「藍色按鈕」等，也不是單純的紅一色或藍一色，例如「紅色按鈕」之狀況，有通常的紅色的部分，也有暗紅色的部分，也會有亮紅色的部分。亮紅色的部分係例如光線照射的部分，暗紅色的部分係例如成為影子的部 分。 Here, in recent years, as the aforementioned design, a three-dimensional / 3D design has been added, and there are also designs that are aware of gloss and shadow. In addition, there are many cases in which members with different colors are made according to each shape and design. Especially in the situation of the aforementioned three-dimensional / 3D design, even if it is "red button", "blue button", etc., it is not simply red or blue. For example, in the case of "red button", there is usually red There are also dark red parts and bright red parts. The bright red part is, for example, a part illuminated by light, and the dark red part is, for example, a part that becomes a shadow. Minute.
根據此種情況，不是只要單純指定任意顏色即可，因應設計之顏色的設定作業成為複雜者。因此，即使不準備各種顏色的構件畫像，現實上作業量也會變成膨大的量，所以，現狀中，限度是對應各形狀‧設計，作成8色程度。 In this case, it is not necessary to simply designate an arbitrary color, but setting the color according to the design becomes complicated. Therefore, even if component images of various colors are not prepared, the amount of work will actually increase. Therefore, in the current situation, the limit is 8 colors corresponding to each shape and design.
本發明的課題，係提供於作畫編輯裝置中，可減輕程式化顯示器的操作顯示畫面作成作業所用之各種構件畫像的作成作業，尤其是作成顏色不同之構件畫像的作業的負擔的作畫編輯裝置等。 The object of the present invention is to provide a painting editing device, which can reduce the burden of creating various component portraits used for creating the operation display screen of the stylized display, especially the workload of creating the portraits of components with different colors. Device, etc.
本發明的畫面構件產生裝置，係具有後述的各手段。 The screen component generating device of the present invention includes various means described below.
‧基準畫像記憶手段，係預先記憶任意項目相關之任意色系之構件畫像的基準畫像；‧色指定手段，係指定任意色；‧代表色決定手段，係從前述基準畫像的色系來決定代表色；‧轉換量計算手段，係計算出用於使該代表色轉換成前述色指定手段所致之指定色的轉換量；及‧轉換手段，係使用前述轉換量分別將前述基準畫像的色系之各色轉換。 ‧Reference means for memorizing reference pictures, which is a reference picture for memorizing component pictures of arbitrary color system related to any item in advance; ‧Color specifying means for assigning arbitrary colors; ‧Representative color determination means for determining representatives from the aforementioned reference image's color system ‧ conversion amount calculation means for calculating the conversion amount for converting the representative color into the specified color by the aforementioned color designation means; and ‧ conversion means, which respectively use the foregoing conversion amount to convert the color system of the aforementioned reference image Color conversion.
然後，藉由該轉換手段，針對前述項目，產 生前述基準畫像的色系以外之色系的構件畫像。 Then, with this conversion method, A component image of a color system other than the color system of the aforementioned reference image.
依據本發明的作畫編輯裝置等，於作畫編輯裝置中，可減輕程式化顯示器的操作顯示畫面作成作業所用之各種構件畫像的作成作業，尤其是作成顏色不同之構件畫像的作業的負擔的作畫編輯裝置等。然後，藉此，可對應各形狀‧設計，容易作成多數顏色不同的構件畫像。 According to the painting editing device and the like of the present invention, in the painting editing device, the burden of creating various component portraits used for creating the operation display screen of the stylized display, especially the work of creating component portraits with different colors, can be reduced. Painting editing device, etc. Then, according to various shapes and designs, it is easy to create many portraits of members with different colors.
10‧‧‧畫像構件產生裝置 10‧‧‧Image component generating device
11‧‧‧基準畫像記憶部 11‧‧‧ Reference Image Memory
12‧‧‧遮罩畫像記憶部 12‧‧‧Mask image memory
13‧‧‧任意色指定部 13‧‧‧Arbitrary color designation department
14‧‧‧畫像資料作成處理部 14‧‧‧Image data creation and processing department
21‧‧‧代表色決定部 21‧‧‧ Representative color decision department
22‧‧‧轉換量計算部 22‧‧‧Conversion amount calculation department
23‧‧‧轉換部 23‧‧‧ Conversion Department
24‧‧‧遮罩處理部 24‧‧‧Mask processing department
[圖1]本範例之畫像構件產生裝置的功能區塊圖。 [Figure 1] Functional block diagram of the image component generating device of this example.
[圖2](a)~(c)係基準畫像、遮罩用畫像等之一例。 [Fig. 2] (a) to (c) are examples of reference images, mask images, and the like.
[圖3]畫像資料作成處理部的處理流程圖。 [Fig. 3] A processing flowchart of the image data creation processing unit.
[圖4]HSV彩色模型。 [Fig. 4] HSV color model.
[圖5]揭示因應圖2之範例的轉換處理之圖形的圖。 [Fig. 5] A diagram showing a pattern corresponding to the conversion process of the example of Fig. 2. [Fig.
[圖6]用以說明先前之構件指定方法的圖。 [Fig. 6] A diagram for explaining a conventional component designation method.
以下，參照圖面，針對本發明的實施形態進行說明。 Hereinafter, embodiments of the present invention will be described with reference to the drawings.
圖1係本範例之畫像構件產生裝置10的功能區塊圖。 FIG. 1 is a functional block diagram of the portrait component generating device 10 of this example.
畫像構件產生裝置10係任意作成程式化顯示器之操作顯示畫面的作成所用之各種項目相關的畫像(構件畫像)的裝置。各種構件畫像係因應各項目，作成各式各樣形狀、設計的畫像者，進而也有作成複數個形狀‧設計相同而顏色不同的構件畫像之狀況。 The portrait component generating device 10 is a device for arbitrarily creating portraits (component images) related to various items used for creating an operation display screen of a stylized display. Various component portraits are created in various shapes and designs in response to each item, and there are also situations where multiple component shapes with the same design and different colors are created.
本範例的畫像構件產生裝置10可減輕此種形狀‧設計相同而顏色不同之構件畫像的作成作業負擔。因此，開發者等預先作成任意形狀‧設計的項目畫像，並將其登記為基準畫像。 The image component generating device 10 of this example can reduce the burden of creating such component images with the same shape and different designs. Therefore, developers and others create project images of arbitrary shapes and designs in advance and register them as reference images.
該基準畫像的顏色作為開發者等任意決定的顏色亦可，但是，根據上述狀況，有設計等影響顏色之狀況。例如，因為3D設計等的影響，光線照射到的部分成為亮色表現，成為影子的部分成為“暗”色等的顏色表現之狀況。例如作為一例，關於任意形狀‧設計的項目畫像，可能是具有普通紅色的部分、“暗”紅色的部分、亮紅色的部分的構件畫像。再者，將此種畫像稱為紅色係的構件畫像。當然，不限於紅色系，也可能是藍色系、黃色系、紫色系等，各式各樣色系的構件畫像。 The color of the reference image may be a color arbitrarily determined by a developer or the like. However, depending on the situation described above, there are cases where the design or the like affects the color. For example, due to the influence of 3D design and the like, a part where light is irradiated becomes a bright expression, and a part which becomes a shadow becomes a color expression such as a "dark" color. For example, as an example, a portrait of a project with an arbitrary shape and design may be a portrait of a component having a normal red portion, a "dark" red portion, and a bright red portion. In addition, such an image is called a red component image. Of course, it is not limited to the red color, but may also be blue, yellow, purple, etc., and various types of color component image.
畫像構件產生裝置10係關於任意形狀‧設計的構件畫像，預先準備任意色系的基準畫像等，藉此可容易產生顏色不同(其他色系)的構件畫像。 The image component generating device 10 is a component image of an arbitrary shape and design, and prepares a reference image of an arbitrary color system in advance, thereby easily generating a component image of a different color (other color system).
畫像構件產生裝置10係使用者指定任意顏色的話，依據基準畫像，使該基準畫像的設計等反映於指定色，產生因應該指定色的構件畫像。如此一來，可自動產 生與基準畫像顏色不同的構件畫像。亦即，使用者只要進行指定任意顏色的作業即可，可減輕作業負擔。 When the user designates an arbitrary color, the image member generating device 10 reflects the design of the reference image to the specified color based on the reference image, and generates a component image corresponding to the specified color. In this way, Produce a component image with a different color from the reference image. That is, the user only needs to perform the operation of designating any color, which can reduce the workload.
畫像構件產生裝置10係例如作畫編輯裝置所具備者。但是，並不限於此例。作畫編輯裝置係如上所述，是具有讓使用者任意作成程式化顯示器的操作顯示畫面等之功能的電腦裝置等。 The image element generating device 10 is, for example, a person having a painting editing device. However, it is not limited to this example. As described above, the drawing editing device is a computer device or the like having a function of allowing a user to arbitrarily create an operation display screen or the like of a programmed display.
圖示的畫像構件產生裝置10係具有基準畫像記憶部11、遮罩畫像記憶部12、任意色指定部13、畫像資料作成處理部14的各種功能部。再者，如圖示般，畫像資料作成處理部14係由代表色決定部21、轉換量計算部22、轉換部23、遮罩處理部24等所成者，但是，針對該等於後敘述，在此，針對作為總括該等構件的畫像資料作成處理部14的處理功能，進行說明。 The illustrated image member generating device 10 includes various functional units including a reference image memory unit 11, a mask image memory unit 12, an arbitrary color designation unit 13, and an image data creation processing unit 14. In addition, as shown in the figure, the image data creation processing unit 14 is formed by the representative color determination unit 21, the conversion amount calculation unit 22, the conversion unit 23, and the mask processing unit 24. Here, the processing function of the image data creation processing unit 14 as a summary of these components will be described.
在本手法中，預先最少作成並記憶1種類之任意項目相關的構件畫像。並將其稱為基準畫像。基準畫像係前述任意項目相關之任意形狀‧設計‧顏色的構件畫像。基準畫像係預先開發者等任意作成，並儲存於前述基準畫像記憶部11。將前述任意項目相關的構件畫像，更預先作成一種類亦可，並將其稱為色差分檢測用畫像。色差分檢測用畫像預先儲存於遮罩畫像記憶部12。 In this technique, a component image related to an arbitrary item of one type is created and memorized at least in advance. This is called the benchmark portrait. The reference portrait is a portrait of any shape, design, and color related to any of the above items. The reference image is arbitrarily created by a developer or the like in advance, and is stored in the reference image memory unit 11. A component image related to any of the aforementioned items may be made into a kind in advance, and it may be referred to as a color difference detection image. The color difference detection image is stored in the mask image storage unit 12 in advance.
於圖2(a)揭示該等基準畫像、色差分檢測用畫像的具體例，在之後說明。色差分檢測用畫像係例如形狀‧設計與基準畫像相同，但是顏色不同的畫像。但是，在所有畫像中不限於顏色不同，有具有與基準畫像相同顏 色部分者亦可。再者，色差分檢測用畫像並不是必須，僅為基準畫像亦可，但是，在本說明中所用之一例(圖1、圖2等)中，對應各項目，預先記憶前述兩種類的構件畫像，亦即基準畫像、色差分檢測用畫像。 Specific examples of the reference image and the color difference detection image are disclosed in FIG. 2 (a), and will be described later. The color difference detection image is, for example, an image having the same shape and design as the reference image but different colors. However, in all portraits, the colors are not limited. Color parts are also available. Moreover, the color difference detection portrait is not necessary, and it is only a reference image. However, in the example used in this description (FIG. 1, FIG. 2, etc.), the aforementioned two types of component portraits are stored in advance for each item , That is, the reference image and the image for color difference detection.
然後，畫像資料作成處理部14對應各項目，依據該等兩種類的構件畫像，作成該等兩種類之構件畫像的色系以外的其他色系的構件畫像。畫像資料作成處理部14係自動作成因應藉由任意色指定部13任意指定之顏色的構件畫像。畫像資料作成處理部14係依據該指定色與前述基準畫像，產生具有反映該指定色的色系且基準畫像的設計等之各色的構件畫像。此係例如產生具有反映成為亮色部分及影子部分之各色的構件畫像。 Then, the image data creation processing unit 14 creates component component images of a color system other than the color system of the two types of component images based on the two types of component images. The image data creation processing unit 14 automatically generates a member image corresponding to a color arbitrarily designated by the arbitrary color specifying unit 13. The image data creation processing unit 14 generates a component image having each color having a color system reflecting the specified color and the design of the reference image based on the specified color and the reference image. This system generates, for example, a member image having each color reflected in a bright portion and a shadow portion.
於圖2(a)揭示前述基準畫像、色差分檢測用畫像之一例。 An example of the reference image and the image for color difference detection is disclosed in FIG. 2 (a).
於圖2(a)揭示項目種別是按鈕，形狀是如圖示般之方形的項目相關之基準畫像與色差分檢測用畫像。圖上、左側是基準畫像，右側是色差分檢測用畫像。 In FIG. 2 (a), it is disclosed that the item type is a button, and the reference image and the color difference detection image related to the item having a square shape as shown in the figure. The reference image is on the left and right, and the color difference detection image is on the right.
更詳細說明圖示之按鈕的形狀的話，是由框與該框內的按鈕本體部分所構成。框是兩方都相同顏色(例如銀色)，按鈕本體部分則兩者色系不同。在此，按鈕本體部分為基準畫像是紫色系，遮罩用畫像是藍色系。 To explain the shape of the button in the figure in more detail, it is composed of a frame and a button body portion in the frame. The frame is the same color on both sides (for example, silver), and the button body part has different color systems. Here, the reference image of the button body is purple, and the mask image is blue.
在此例中，畫像資料作成處理部14係產生該按鈕本體部分是紫色系、藍色系以外的任意色系的構件畫像。在本範例中，產生因應任意色指定部13所致之指定 色的構件畫像。 In this example, the image data creation processing unit 14 generates a member image in which the button body portion is an arbitrary color system other than the purple system and the blue system. In this example, the designation caused by the arbitrary color designation section 13 is generated. Colored building portrait.
任意色指定部13係讓使用者指定任意之所希望的顏色。 The arbitrary color designation unit 13 allows the user to designate any desired color.
畫像資料作成處理部14係依據前述兩種類的構件畫像亦即基準畫像與色差分檢測用畫像，產生因應以任意色指定部13指定之顏色的新的構件畫像。但是，不限於此例，例如色差分檢測用畫像及後述的遮罩用畫像等，不一定是必要者。亦即，作為僅依據基準畫像，產生因應指定色之新的構件畫像的構造亦可。關於該狀況於後進行說明，在此，針對也使用色差分檢測用畫像及後述之遮罩用畫像等的範例進行說明。 The image data creation processing unit 14 generates a new component image corresponding to the color specified by the arbitrary color specifying unit 13 based on the two types of component images, that is, the reference image and the color difference detection image. However, the present invention is not limited to this example. For example, a color difference detection image and a mask image described later are not necessarily required. That is, a structure that generates a new component image corresponding to a designated color based on only the reference image may be used. This situation will be described later. Here, examples in which an image for color difference detection and an image for masking described later are also used will be described.
在此，如上所述，不是單純產生以任意色指定部13指定之顏色的構件畫像即可。如圖2(a)所示，例如基準畫像之按鈕本體部分的顏色，如上所述是紫色系。紫色系並不是全部都是單純的紫，按鈕本體部分的上側係為了表現光澤等而成亮紫，按鈕本體部分的下側係為了表現影子等而成為“暗”紫色。此係不僅基準畫像，關於色差分檢測用畫像也相同。例如，前述藍色系之狀況中，基本上是藍色，此外還存在有亮藍色的部分，與“暗”藍色的部分。 Here, as described above, it is not necessary to simply generate a member image of a color designated by the arbitrary color specifying unit 13. As shown in FIG. 2 (a), for example, the color of the button body of the reference image is purple as described above. The purple system is not all pure purple. The upper side of the button body part is bright purple for expressing gloss and the like, and the lower side of the button body part is "dark" purple for expressing shadows and the like. This system is not only the reference image, but also the image for color difference detection. For example, in the aforementioned blue system, it is basically blue, and there are also a light blue part and a "dark" blue part.
藉此，在以任意色指定部13指定的顏色假設是黃色時，因應該指定色所產生的構件畫像，成為形狀‧設計與前述基準畫像相同之黃色系的構件畫像。亦即，前述按鈕本體部分的顏色基本上是黃色，其上側成為表現光 澤等的亮黃色，其下側成為表現影子等的“暗”黃色的構件畫像，藉由畫像資料作成處理部14產生。 Thus, when the color designated by the arbitrary color designation unit 13 is assumed to be yellow, the component image generated by the specified color becomes a component image of a yellow system having the same shape and design as the reference image. That is, the color of the body of the button is basically yellow, and the upper side of the button becomes the expression light. The bright yellow color of Ze et al. Has a member image of a "dark" yellow color representing a shadow or the like on the lower side, and is generated by the image data creation processing unit 14.
關於此種新構件畫像的產生處理，詳細後述，但利用例如對於基準畫像執行後述之轉換處理來產生新構件畫像。此時，利用使用色差分檢測用畫像，對基準畫像的一部分進行遮罩，僅將未被遮罩的部分作為轉換處理對象亦可。並於後詳述。 The generation process of such a new component image will be described in detail later, but a new component image is generated by, for example, performing a conversion process described later on a reference image. In this case, by using the image for color difference detection, a part of the reference image is masked, and only a part that is not masked may be used as a conversion processing target. It will be described in detail later.
再者，畫像構件產生裝置10雖未特別圖示，但具有例如CPU/MPU等的運算處理器、記憶體等的記憶部等。然後，於未圖示的記憶部，預先記憶有所定應用程式。前述未圖示的運算處理器利用執行該應用程式，實現例如前述任意色指定部13、畫像資料作成處理部14(代表色決定部21、轉換量計算部22、轉換部23、遮罩處理部24)等的各種功能。又，前述未圖示之記憶部的記憶區域的一部分當作基準畫像記憶部11或遮罩畫像記憶部12等亦可。 In addition, although the image element generating device 10 is not particularly shown in the figure, it includes an arithmetic processor such as a CPU / MPU, a memory unit such as a memory, and the like. Then, a predetermined application is memorized in advance in a memory section (not shown). The arithmetic processor (not shown) executes the application program to realize, for example, the arbitrary color designation unit 13, the image data creation processing unit 14 (representative color determination unit 21, conversion amount calculation unit 22, conversion unit 23, and mask processing unit). 24) and other functions. In addition, a part of the storage area of the storage unit (not shown) may be used as the reference image storage unit 11 or the mask image storage unit 12.
於圖3，揭示畫像資料作成處理部14的處理流程圖。 A processing flowchart of the image data creation processing unit 14 is shown in FIG. 3.
於圖3中，例如藉由使用者指定任意項目的話，則讀入對應該項目之前述基準畫像與色差分檢測用畫像(步驟S11，S12)。 In FIG. 3, for example, if an arbitrary item is designated by the user, the reference image and the color difference detection image corresponding to the item are read in (steps S11 and S12).
然後，首先比較基準畫像與色差分檢測用畫像，檢測出兩者顏色相同的部分，並將該部分進行遮罩。亦即，前述兩種類畫像中同色的部分，係從處理對象除 外，將其以外的部分作為處理對象(步驟S13)。此係例如比較相同座標的像素(畫素)彼此，判定顏色是否相同，相同的畫素則進行遮罩。然後，未被遮罩的部分作為“處理對象畫像”。 Then, first, the reference image and the color difference detection image are compared, a part having the same color is detected, and the part is masked. That is, the same-colored parts of the two types of portraits are divided from the processing object. In addition, the other parts are set as processing targets (step S13). This system compares, for example, pixels (pixels) with the same coordinates to determine whether the colors are the same, and masks the same pixels. Then, the unmasked portion is referred to as a "processing target portrait".
前述步驟S13的處理係在前述圖2所示範例之狀況中，首先，比較基準畫像與色差分檢測用畫像，檢測出兩者中顏色相同的部分，將該部分如圖2(b)所示般，抽出作為遮罩用畫像。在此例中，圖示的框部分被抽出作為遮罩用畫像。然後，利用進行藉由該遮罩用畫像對基準畫像進行遮罩的處理，在此例中框部分被遮罩，藉此，實質上圖2(c)所示部分(在此例中為前述按鈕本體部分)成為“處理對象畫像”。 The processing of the above step S13 is in the situation of the example shown in FIG. 2. First, the reference image and the color difference detection image are compared, and a portion having the same color is detected. The portion is shown in FIG. 2 (b). Generally, it is extracted as a mask image. In this example, the frame portion shown in the figure is extracted as a mask image. Then, the reference image is masked by using the mask image. In this example, the frame portion is masked. As a result, the portion shown in FIG. 2 (c) (in this example, the foregoing is substantially the same). The button body part) becomes the "processing target image".
再者，不限於此例，作為例如預先產生前述遮罩用畫像(在圖2(b)的範例中為框部分)，並將其預先記憶於前述遮罩畫像記憶部來代替前述色差分檢測用畫像的形態亦可。 Furthermore, it is not limited to this example. For example, the aforementioned mask image (the frame portion in the example of FIG. 2 (b)) is generated in advance, and it is stored in the mask image memory in advance instead of the color difference detection. It can be in the form of a portrait.
上述之步驟S13的處理之後，係使用以任意色指定部13指定的顏色(指定色)與前述“處理對象畫像”，來執行處理。 After the processing of step S13 described above, the processing is performed using the color (designated color) specified by the arbitrary color designation unit 13 and the aforementioned "processing target image".
亦即，首先判別於“處理對象畫像”中成為代表的顏色，來作為“代表色”(步驟S14)。該處理係例如判別“處理對象畫像”的全像素(畫素)的顏色，將最多的顏色作為“代表色”。換句話說，將於處理對象畫像中面積最大的顏色作為“代表色”。 That is, first, the color that becomes a representative in the "processed object image" is determined as the "representative color" (step S14). This processing system determines, for example, the colors of all pixels (pixels) of the “processed target image”, and uses the most significant colors as “representative colors”. In other words, the color with the largest area in the image of the processing target is taken as the "representative color".
在前述圖2(a)的範例中，按鈕本體部分的顏色係概略來說由普通的紫色、亮紫色、“暗”紫色所成，作為按鈕本體部分的顏色，最多的顏色是普通的紫色。因此，普通的紫色成為“代表色”。 In the foregoing example of FIG. 2 (a), the color of the button body is roughly composed of ordinary purple, bright purple, and "dark" purple. As the color of the button body, the most common color is ordinary purple. Therefore, ordinary purple becomes the "representative color".
接下來，將該代表色從RGB值轉換成HSV值(步驟S15)。又，指定色也從RGB值轉換成HSV值(步驟S16)。公知一般來說，顏色大多是藉由RGB值表示之狀況。前述基準畫像及色差分檢測用畫像也藉由RGB值表示各像素的顏色。在步驟S15的處理中，將其轉換成HSV值。此RGB-HSV轉換處理本身是既有技術，在此不特別詳細說明。 Next, the representative color is converted from the RGB value to the HSV value (step S15). The designated color is also converted from the RGB value to the HSV value (step S16). It is known that, in general, colors are mostly expressed by RGB values. The reference image and the color difference detection image also indicate the color of each pixel by an RGB value. In the process of step S15, it is converted into an HSV value. This RGB-HSV conversion process itself is an existing technology and will not be described in detail here.
在此，針對HSV值，參照圖4來說明。 Here, the HSV value will be described with reference to FIG. 4.
HSV彩色模型是將顏色以“色相(H)”、“彩度(S)”、“明度(V)”的3個指標來數值化者，公知有圖4(a)所示之圓錐型HSV模型、圖4(b)所示之圓筒型模型等。 The HSV color model is a person who quantifies the color with three indexes: "Hue (H)", "Saturation (S)", and "Lightness (V)". It is known that the cone-shaped HSV shown in Fig. 4 (a) Model, cylindrical model shown in Fig. 4 (b), etc.
“色相(H)”是表示色調的指標，如圖4(a)、(b)所示，使用圓之0°~360°的角度來數值化者。例如0°(360°)是紅色，120°是綠色，240°是藍色。 "Hue (H)" is an index indicating hue, and as shown in Figs. 4 (a) and 4 (b), it is digitized using an angle of 0 ° to 360 ° of a circle. For example, 0 ° (360 °) is red, 120 ° is green, and 240 ° is blue.
“彩度(S)”是表示顏色的鮮豔度的指標，以0.0~1.0(0%~100%)來數值化。數值越大，越接近純色，數值越小，越接近白、黑、灰色。 "Saturation (S)" is an index indicating the vividness of a color, and is digitized by 0.0 to 1.0 (0% to 100%). The larger the value, the closer to the solid color, and the smaller the value, the closer to the white, black, and gray.
“明度(V)”是表示顏色的亮度的指標，以0.0~1.0(0%~100%)來數值化。 "Lightness (V)" is an index indicating the brightness of a color, and is digitized by 0.0 to 1.0 (0% to 100%).
例如在上述之普通的紫色與亮紫色與“暗”紫色中， “色相(H)”幾乎相同，但是，“彩度(S)”及“明度(V)”不同。將此種關係的色群稱為紫色系。利用其，“彩度(S)”及“明度(V)”設為基準畫像之狀態，僅變更“色相(H)”的處理係後述之步驟S19等的處理。並於後詳述。 For example, in the common purple and light purple and "dark" purple mentioned above, "Hue (H)" is almost the same, but "Saturation (S)" and "Lightness (V)" are different. The color groups in this relationship are called purple. With this, the “saturation (S)” and “lightness (V)” are set to the reference image, and the process of changing only the “hue (H)” is a process of step S19 and the like described later. It will be described in detail later.
本手法可說是從任意色系的基準畫像，產生指定色之色系的構件畫像者。此係在前述具體例之狀況中，可說是從紫色系的基準畫像，產生黃色系的構件畫像者。 This technique can be said to produce a component portrait of a color system of a specified color from a reference image of an arbitrary color system. In the situation of the foregoing specific example, it can be said that a member image of a yellow system is generated from a reference image of a purple system.
回到圖3的說明。 Returning to the description of FIG. 3.
使用藉由前述步驟S15、SI6所得之HSV值，求出從代表色至指定色的變更值(偏移值)(步驟S17)。亦即，計算出使代表色轉換成指定色的轉換量。 Using the HSV values obtained in the aforementioned steps S15 and SI6, a change value (offset value) from the representative color to the designated color is obtained (step S17). That is, a conversion amount for converting a representative color into a specified color is calculated.
該變更值係在本範例中，關於“色相(H)”係求出代表色與指定色的差分，關於“彩度(S)”與“明度(V)”求出代表色與指定色的比率。亦即，藉由以上各式計算出各變更值(偏移值)。 In this example, the change value is to determine the difference between the representative color and the specified color with respect to the “hue (H)”, and to determine the difference between the representative color and the specified color with respect to the “saturation (S)” and “lightness (V)”. ratio. That is, each change value (offset value) is calculated from the above formulas.
‧「色相(H)的偏移值」=「指定色的色相(H)」-「代表色的色相(H)」 ‧ "Hue (H) offset value" = "Hue of specified color (H)"-"Hue of representative color (H)"
‧「彩度(S)的偏移值」=「指定色的彩度(S)」÷「代表色的彩度(S)」 ‧ "Offset value of Saturation (S)" = "Saturation of specified color (S)" ÷ "Saturation of representative color (S)"
‧「明度(V)的偏移值」=「指定色的明度(V)」÷「代表色的明度(V)」 ‧ "Offset value of lightness (V)" = "Lightness of specified color (V)" ÷ "Lightness of representative color (V)"
但是，並不限於此例。前述變更值的計算處理，係例如於“色相(H)”、“彩度(S)”、“明度(V)”全部中，求出代表 色與指定色的差分。但是，相較於此方法，前述「關於“彩度(S)”與“明度(V)”求出比率」方法可獲得更好的結果，已藉由本申請人利用實驗等確認。 However, it is not limited to this example. The calculation process of the aforementioned change value is, for example, obtaining a representative value from all of “Hue (H)”, “Saturation (S)”, and “Lightness (V)”. The difference between the color and the specified color. However, compared with this method, the aforementioned method of "calculating the ratio of" saturation (S) "and" brightness (V) "can obtain better results, which has been confirmed by the applicant through experiments and the like.
接下來，關於前述“處理對象畫像”(例如按鈕本體部分等)，針對前述代表色以外的其他顏色，全部從RGB值轉換成HSV值(步驟S18)。關於在前述一例中代表色的“普通的紫色”已經求出HSV值，所以，關於其他顏色的「亮紫色」、「“暗”紫色」也分別將其RGB值轉換成HSV值。 Next, with regard to the "processing target portrait" (for example, the button body part), all colors other than the aforementioned representative colors are converted from RGB values to HSV values (step S18). The HSV value has been obtained for the "ordinary purple" which is the representative color in the previous example. Therefore, the "light purple" and "dark" purple for other colors have their RGB values converted into HSV values.
然後，關於前述“處理對象畫像”的所有顏色，分別對於前述HSV值使用前述變更值(偏移值)，進行顏色轉換(步驟S19)。 Then, with respect to all the colors of the "processing target image", the aforementioned change value (offset value) is used for the HSV value to perform color conversion (step S19).
前述顏色轉換處理係將前述“處理對象畫像”的各色，依序坐為轉換對象色，藉由以下式子來進行顏色轉換。 The color conversion processing is to sequentially convert each color of the "processing target portrait" into a conversion target color, and perform color conversion by the following formula.
‧「轉換後的色相(H)」=「轉換對象色的色相(H)」+「色相(H)的偏移值」 ‧ "Hue after conversion (H)" = "Hue of conversion target color (H)" + "Offset value of hue (H)"
‧「轉換後的彩度(S)」=「轉換對象色的彩度(S)」×「彩度(S)的偏移值」 ‧ "Saturation (S) after conversion" = "Saturation (S) of conversion target color" × "Offset value of saturation (S)"
‧「轉換後的明度(V)」=「轉換對象色的明度(V)」×「明度(V)的偏移值」 ‧ "Converted Lightness (V)" = "Lightness (V) of Conversion Target Color" × "Offset Value of Lightness (V)"
在前述一例中，關於「普通的紫色」、「亮紫色」、「“暗”紫色」個別，求出前述「轉換後的色相(H)」及「轉換後的彩度(S)」及「轉換後的明度(V)」。 In the previous example, the "converted hue (H)" and "converted chroma (S)" and " The converted lightness (V) ".
然後，使該轉換後的HSV值，反映至前述“處 理對象畫像”的像素(畫素)(步驟S19)。例如，關於「“暗”紫色」的像素的顏色，係變更成關於「“暗”紫色」所求出之前述「轉換後的色相(H)」及「轉換後的彩度(S)」及「轉換後的明度(V)」。 Then, the converted HSV value is reflected in the above-mentioned "processing" Pixels (pixels) of the processing target image (step S19). For example, the color of the pixel of "dark" purple is changed to the aforementioned "converted hue (" dark "purple) H) "and" converted chroma (S) "and" converted lightness (V) ".
最後，針對所有畫素，將前述轉換後的HSV值轉換成RGB值(步驟S20)。藉此，自動產生與基準畫像相同形狀‧設計，且因應指定色的色系之新的構件畫像。在前述一例中，藉由步驟S19的處理，「普通的紫色」係顏色轉換成「普通的黃色」，「亮紫色」係顏色轉換成「亮黃色」，「“暗”紫色」係顏色轉換成「“暗”黃色」。然後，藉由步驟S20的處理，「普通的紫色」的畫素係全部顏色轉換成「普通的黃色」，「亮紫色」的畫素係全部顏色轉換成「亮黃色」，「“暗”紫色」的畫素係全部顏色轉換成「“暗”黃色」。藉此，產生前述新的構件畫像。 Finally, for all pixels, the aforementioned converted HSV value is converted into an RGB value (step S20). With this, a new component image with the same shape and design as the reference image and corresponding to the color system of the specified color is automatically generated. In the previous example, through the processing of step S19, "ordinary purple" is converted into "ordinary yellow", "bright purple" is converted into "bright yellow", and "dark" purple is converted into "Dark" yellow. Then, through the processing of step S20, all the pixels of the "ordinary purple" pixel series are converted into "ordinary yellow", and the pixels of the "bright purple" pixel series are converted into "bright yellow" and "dark" purple All pixels of the "" are converted to "" dark "yellow". Thereby, the aforementioned new component portrait is generated.
再者，前述步驟S18、S19的處理係作為對於前述“處理對象畫像”的所有像素(畫素)，將其顏色使用前述變更值(偏移值)來進行顏色轉換的處理亦可。 The processing of steps S18 and S19 may be a process of performing color conversion using the change value (offset value) for all pixels (pixels) of the "processing target image".
又，再者，H值是弧度值，所以，於前述步驟S19的轉換處理中，前述「轉換後的色相(H)」超過最大值(360°)時利用減去360°則可收斂於範圍內。再者，範圍內係指0°~360°之間。 In addition, the H value is a radian value. Therefore, in the conversion processing of step S19, when the "converted hue (H)" exceeds the maximum value (360 °), it can be converged to the range by subtracting 360 °. Inside. Moreover, the range is between 0 ° and 360 °.
亦即，在「轉換後的色相(H)」>360時，設為「轉換後的色相(H)」(修正值)=「轉換後的色相(H)」-360 That is, when "converted hue (H)"> 360, set "converted hue (H)" (correction value) = "converted hue (H)"-360
同樣地，前述「轉換後的色相(H)」低於最小值(0°)時亦即成為負值時，則利用加算360°而收斂於範圍內。 Similarly, when the aforementioned "converted hue (H)" is lower than the minimum value (0 °), that is, when it becomes a negative value, it is converged within the range by adding 360 °.
亦即，在「轉換後的色相(H)」<0時，設為「轉換後的色相(H)」(修正值)=「轉換後的色相(H)」+360 That is, when "converted hue (H)" <0, set "converted hue (H)" (correction value) = "converted hue (H)" + 360
於圖5，揭示因應圖2之範例的前述轉換處理之圖形。 In FIG. 5, a graph of the aforementioned conversion process corresponding to the example of FIG. 2 is disclosed.
於圖5中，於左側表示基準畫像，於右側表示轉換畫像亦即因應指定色的構件畫像。如上所述，作為一例，基準畫像為紫色系，轉換畫像為黃色系。於基準畫像中光線照射到的部分即使於轉換畫像中也成為有如光線照射到的色彩。亦即，成為前述「亮黃色」。同樣地，於基準畫像中成為影子的部分即使於轉換畫像中也成為如影子般的色彩。亦即，成為前述「暗黃色」。 In FIG. 5, a reference image is shown on the left, and a converted image, that is, a member image corresponding to a specified color, is shown on the right. As described above, as an example, the reference image is purple and the converted image is yellow. The portion of the reference image illuminated by light becomes a color that is illuminated by light even in the converted image. That is, it becomes the aforementioned "bright yellow". Similarly, the portion that becomes a shadow in the reference image becomes a shadow-like color even in the converted image. That is, it becomes the aforementioned "dark yellow".
又，於此例中，假設指定色是「暗黃色」時，「普通的紫色」的畫素係全部轉換成「暗黃色」，「暗紫色」的畫素係全部轉換成「更暗的紫色」，「亮紫色」的畫素係全部例如轉換成「普通的黃色」。如此，在本手法中，可一邊維持原畫像(基準畫像)的設計性，一邊自動產生因應任意指定色的構件。所謂設計性系例如有光線照射到的部分及影子的部分等，但是並不限於此例。 Also, in this example, when the designated color is "dark yellow", all the pixel systems of "ordinary purple" are converted to "dark yellow", and the pixel systems of "dark purple" are all converted to "darker purple" The pixels of "bright purple" are all converted into "ordinary yellow", for example. In this way, in this technique, while maintaining the design of the original image (reference image), a member corresponding to an arbitrary designated color can be automatically generated. The designability refers to, for example, a portion to which light is irradiated, a portion to be shadowed, and the like, but is not limited to this example.
例如如前述一例般，計算出用以將「普通的紫色」轉換成「普通的黃色」的轉換值(色相(H)=-240°)， 其他同色系(在此為紫色系)的部分亦即「暗紫色」的部分及「亮紫色」也利用相同轉換值，僅變更色相。藉此，可一邊留下「普通的紫色」的部分與表現光澤及影子的部分之相對彩度、明度的差，一邊改變成黃色系。亦即，可一邊留下原來的設計所致之光線照射到的感覺及顏色暗沉的感覺，一邊自動產生黃色系的構件畫像。亦即，可實現自然的色調變更。換句話說，可藉由直接維持原來畫像的設計所致之顏色的亮度/鮮豔度的方式，產生與原來畫像不同之色系的構件畫像。 For example, as in the previous example, calculate the conversion value (hue (H) = -240 °) used to convert "ordinary purple" to "ordinary yellow". Other parts of the same color system (here, the purple system), that is, the "dark purple" part and the "bright purple" also use the same conversion value and change only the hue. Thereby, it is possible to change to a yellow system while leaving a difference in the relative chroma and lightness between the "ordinary purple" portion and the portion expressing gloss and shadow. That is, while leaving the feeling of light and dull color caused by the original design, it can automatically generate a yellow-based component portrait. That is, a natural hue change can be achieved. In other words, a component image of a color system different from the original image can be generated by directly maintaining the brightness / brilliance of the color caused by the design of the original image.
又，改變畫像整體的明暗，或改變鮮豔度時，也同樣地，利用藉由相同轉換值來變更所有像素的S值及V值，一邊留下各像素間的相對之H、S、V值的差，一邊進行色調變更，藉此產生新的構件畫像。 In addition, when changing the overall brightness of the image or changing the vividness, the same conversion value is used to change the S value and V value of all pixels while leaving the relative H, S, and V values between the pixels. The difference in color is changed while generating a new component portrait.
再者，不限於上述的範例，例如作為以下說明的變形例亦可。 In addition, it is not limited to the above-mentioned example, For example, it is good also as a modified example demonstrated below.
在變形例中，未使用前述色差分檢測用畫像。以預先產生並記憶前述“處理對象畫像”來代之。再者，處理對象畫像的作成方法為前述步驟S11~S13的處理亦可。亦即，在此範例中，當作並不是逐一執行前述步驟S11~S13的處理，而是預先執行，並記憶處理結果亦可。進而，預先作成並保存前述遮罩用畫像(例如框部分)。 In the modification, the aforementioned color difference detection image is not used. Instead, the aforementioned “processed object portrait” is generated and memorized in advance. It should be noted that the method of creating the processing target image may be the processing in steps S11 to S13 described above. That is, in this example, it is assumed that the processing of the foregoing steps S11 to S13 is not performed one by one, but is performed in advance, and the processing result may be memorized. Furthermore, the mask image (for example, a frame portion) is prepared and stored in advance.
然後，執行讀出該預先記憶之“處理對象畫像”的處理，來代替前述步驟S11、S12、S13的處理。進而，執行步驟S20的處理後，利用進行對於產生的工具畫 像，合成前述遮罩用畫像(在前述一例中為框的畫像)的處理，完成工具畫像。 Then, a process of reading out the “process target image” stored in advance is executed instead of the processes of steps S11, S12, and S13 described above. Further, after the processing of step S20 is performed, the generated tool drawing is performed by using The image is combined with the mask image (frame image in the previous example) to complete the tool image.
以上是變形例的處理例，但並不限於此例，作為其他變形例亦可。 The above is a processing example of the modified example, but it is not limited to this example, and other modified examples may be used.
又，在前述一例中將RGB值轉換成HSV值來執行處理，但並不限於此例。例如，將RGB值轉換成HLS值來執行處理亦可。 In the foregoing example, processing is performed by converting RGB values to HSV values, but the present invention is not limited to this example. For example, it is also possible to perform processing by converting an RGB value into an HLS value.
又，如上所述，從RGB值至HSV值的轉換處理、從HSV值至RGB值的轉換處理雖是既存技術，但以下進行簡單說明。 As described above, the conversion processing from the RGB value to the HSV value and the conversion processing from the HSV value to the RGB value are existing technologies, but they will be briefly described below.
例如，Microsoft Foundation Class(MFC)之狀況中，準備有以下兩種函數。 For example, in the case of Microsoft Foundation Class (MFC), the following two functions are prepared.
CDrawingManager：：RGBtoHSV(將顏色從RGB表現轉換成HSV表現) CDrawingManager :: RGBtoHSV (converts colors from RGB representation to HSV representation)
CDrawingManager：：HSVtoRGB(將顏色從HSV表現轉換成RGB表現) CDrawingManager :: HSVtoRGB (Converts colors from HSV to RGB representation)
因此，使用該等函數的話，可實現從RGB值至HSV值的轉換處理、從HSV值至RGB值的轉換處理。 Therefore, by using these functions, conversion processing from RGB values to HSV values and conversion processing from HSV values to RGB values can be realized.
又，以下揭示從RGB值至HSV值的轉換式。 A conversion formula from an RGB value to an HSV value is disclosed below.
設為Imax=Max(R，G，B) Set Imax = Max (R, G, B)
Imin=Min(R，G，B)時 When Imin = Min (R, G, B)
‧R=Imax時， ‧When R = Imax,
H=60×(G-B)/(Imax-Imin) H = 60 × (G-B) / (Imax-Imin)
‧G=Imax時， ‧When G = Imax,
H=60×(B-R)/(Imax-Imin)+120 H = 60 × (B-R) / (Imax-Imin) +120
‧B=Imax時， ‧When B = Imax,
H=60×(R-G)/(Imax-Imin)+240 H = 60 × (R-G) / (Imax-Imin) +240
S=(Imax-Imin)/Imax S = (Imax-Imin) / Imax
V=Imax V = Imax
又，以下揭示從HSV值至RGB值的轉換式。 A conversion formula from an HSV value to an RGB value is disclosed below.
h=floor(H/60)...floor()係()內的計算值的小數點以下的捨去處理 h = floor (H / 60) ... floor () is rounded down to the decimal point of the calculated value in ()
設為P=V×(1-S) Set to P = V × (1-S)
Q=V×(1-S×(H/60-h)) Q = V × (1-S × (H / 60-h))
T=V×(1-S×(1-H/60+h)) T = V × (1-S × (1-H / 60 + h))
因應h之值，如後述般決定。 Depending on the value of h, it is determined as described later.
‧h=0時 ‧H = 0
R=V，G=T，B=P R = V, G = T, B = P
‧h=1時 ‧H = 1 hour
R=Q，G=V，B=P R = Q, G = V, B = P
‧h=2時 ‧H = 2
R=P，G=V，B=T R = P, G = V, B = T
‧h=3時 ‧H = 3
R=P，G=Q，B=V R = P, G = Q, B = V
‧h=4時 ‧H = 4
R=T，G=P，B=V R = T, G = P, B = V
‧h=5時 ‧H = 5 hours
R=V，G=P，B=Q R = V, G = P, B = Q
在此，在上述的說明中，已作為畫像資料作成處理部14的處理，總括說明，但如圖1所示般，畫像資料作成處理部14係由代表色決定部21、轉換量計算部22、轉換部23、遮罩處理部24等的各種功能部所成者。因此，以下，使用該等各種處理功能部21~24，說明前述畫像構件產生裝置10的處理。 Here, in the above description, the processing of the image data creation processing unit 14 has been described in summary, but as shown in FIG. 1, the image data creation processing unit 14 is composed of the representative color determination unit 21 and the conversion amount calculation unit 22. , Conversion unit 23, mask processing unit 24, and the like. Therefore, in the following, using the various processing function sections 21 to 24, the processing of the image member generating device 10 will be described.
首先，前述基準畫像記憶部11係預先記憶任意項目相關之任意形狀‧設計的任意色系之構件畫像即基準畫像。此係作為一例，例如作為基準畫像，預先記憶任意形狀‧設計且紫色系的構件畫像。此時，該紫色系係例如由普通的紫色、亮紫色、“暗”(深沉)紫色等所成者。 First, the aforementioned reference image storage unit 11 is a reference image that is a member image of an arbitrary shape and design of any color system related to an arbitrary item in advance. This series is used as an example. For example, as a reference image, a purple-shaped component image with arbitrary shape and design is memorized in advance. At this time, the purple line is made of, for example, ordinary purple, bright purple, or "dark" (dark) purple.
任意色指定部13係如上所述，讓使用者指定任意色。 As described above, the arbitrary color specifying unit 13 allows the user to specify an arbitrary color.
代表色決定部21係從前述基準畫像的色系來決定代表色；在前述一例中，從普通的紫色、亮紫色、“暗”(深沉)紫色的3色中選擇代表色。決定方法係例如將面積最大的顏色亦即畫素數最多的顏色設為代表色，但並不限於此例。 The representative color determination unit 21 determines the representative color from the color system of the reference image. In the foregoing example, the representative color is selected from three colors of ordinary purple, bright purple, and “dark” (dark) purple. The determination method is to set, for example, the color with the largest area, that is, the color with the largest number of pixels, as the representative color, but it is not limited to this example.
轉換量計算部22係計算出用以使代表色轉換成前述任意色指定部13所致之指定色的轉換量(轉換值)。 The conversion amount calculation section 22 calculates a conversion amount (conversion value) for converting a representative color into a specified color by the aforementioned arbitrary color specifying section 13.
此係例如將任一皆為RGB值的前述代表色與前述指 定色，分別轉換成由色相(H)、彩度(S)、明度(V)的3個指標所成之HSV值後，使用該HSV值來進行前述轉換量的計算。在此例中，藉由轉換量計算部22所計算出之前述轉換量，係用以將代表色的色相(H)轉換成指定色的色相(H)的轉換量、用以將代表色的彩度(S)轉換成指定色的彩度(S)的轉換量、用以將代表色的明度(V)轉換成指定色的明度(V)的轉換量等。但是，並不限於此例。 This is, for example, a combination of the aforementioned representative colors and The fixed color is converted into HSV values formed by three indexes of hue (H), chroma (S), and lightness (V), and then the HSV value is used to calculate the aforementioned conversion amount. In this example, the aforementioned conversion amount calculated by the conversion amount calculation section 22 is the conversion amount used to convert the hue (H) of the representative color to the hue (H) of the specified color, and the The amount of conversion of the chroma (S) into the specified color, the amount of conversion to convert the lightness (V) of the representative color into the lightness (V) of the specified color, and the like. However, it is not limited to this example.
轉換量的計算係在前述一例中，關於色相(H)，求出代表色與指定色的差分，但並不限於此例。同樣地，在前述一例中，關於彩度(S)與明度(V)，求出代表色與指定色的比，但並不限於此例。 The calculation of the conversion amount is based on the hue (H) in the previous example, and the difference between the representative color and the specified color is obtained, but it is not limited to this example. Similarly, in the aforementioned example, the ratio of the representative color to the specified color was obtained for the chroma (S) and the lightness (V), but it is not limited to this example.
轉換部23係使用以前述轉換量計算部22計算出之轉換量(轉換值)，轉換前述基準畫像的各色。例如在前述一例中，使用前述轉換量(轉換值)，轉換普通的紫色、亮紫色、“暗”(深沉)紫色的各色。藉此，關於前述任意項目，產生前述基準畫像的色系以外之色系的構件畫像。亦即，產生與基準畫像在形狀‧設計上相同但顏色不同的構件畫像。尤其，因應基準畫像之形狀‧設計的光澤及影子的部分，也反映於產生的構件畫像。 The conversion unit 23 converts each color of the reference image using the conversion amount (conversion value) calculated by the conversion amount calculation unit 22. For example, in the aforementioned example, the aforementioned conversion amount (conversion value) is used to convert the colors of ordinary purple, bright purple, and "dark" (dark) purple. Thereby, regarding any of the aforementioned items, a member image of a color system other than the color system of the reference image is generated. That is, a component image with the same shape and design as the reference image but with different colors is produced. In particular, the gloss and shadow of the design corresponding to the shape and design of the reference image are also reflected in the generated component image.
再者，根據前述內容，作為一例，可當作前述基準畫像的色系之各色係色相(H)大致相同，但是，前述彩度(S)與明度(V)不同。在前述一例中，明顯在「普通的紫色」與「亮紫色」與「“暗”紫色」中，色相(H)大略相同(紫色)，但是，彩度(S)及明度(V)不同。 In addition, according to the foregoing, as an example, the hue (H) of each color system of the color system that can be used as the reference image is substantially the same, but the chroma (S) and the lightness (V) are different. In the previous example, it is obvious that in the "ordinary purple", "bright purple" and "dark" purple, the hue (H) is almost the same (purple), but the chroma (S) and lightness (V) are different.
然後，由此作為一例，藉由轉換部23所產生之前述構件畫像，係由指定色相關之色系的各色所成，該等各色係指定色與色相(H)相同，但是，彩度(S)與明度(V)不同。 Then, as an example, the aforementioned component portrait generated by the conversion unit 23 is made of each color of the color system of the specified color, and the specified color of each color system is the same as the hue (H), but the chroma (H S) is different from brightness (V).
又，如上所述，雖不是必須，但更具有遮罩畫像記憶部12與遮罩處理部24亦可。於遮罩畫像記憶部12，預先記憶有前述基準畫像相關的畫像即關聯畫像。該關聯畫像係例如作為前述圖2(a)所示之色差分檢測用亦可，作為圖2(b)所示之遮罩用畫像亦可。後者之狀況中，預先進行步驟S13的處理，產生遮罩用畫像，並予以記憶即可。再者，由此，遮罩畫像記憶部12稱為關聯畫像記憶部亦可。 As described above, the mask image storage unit 12 and the mask processing unit 24 may be included, although not necessarily required. The mask image storage unit 12 previously stores an image related to the reference image, that is, a related image. This related image may be used, for example, for color difference detection shown in FIG. 2 (a), or may be used for a mask image shown in FIG. 2 (b). In the latter case, the process of step S13 is performed in advance to generate a mask image and memorize it. In addition, from this, the mask image storage unit 12 may be referred to as a related image storage unit.
遮罩處理部24係使用前述關聯畫像，對基準畫像的一部分進行遮罩。例如對圖2(b)所示之遮罩用畫像(框部分)進行遮罩。由此，代表色決定部21與轉換量計算部22與轉換部23係將被遮罩的部分以外作為處理對象，執行前述之各種處理。在前述一例中，對於圖2(c)所示之處理對象畫像，執行上述之各種處理。當然，產生因應前述指定色的構件畫像的話，最後會解除遮罩。 The mask processing unit 24 masks a part of the reference image using the related image. For example, the mask image (frame part) shown in FIG. 2 (b) is masked. As a result, the representative color determination unit 21, the conversion amount calculation unit 22, and the conversion unit 23 perform processing other than the masked portion as the processing target, and perform the aforementioned various processes. In the foregoing example, the above-mentioned various processes are performed on the processing target portrait shown in FIG. 2 (c). Of course, if a member image corresponding to the aforementioned specified color is generated, the mask will be finally released.
Claims (7)
Applications Claiming Priority (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2014240618A JP6347731B2 (en) | 2014-11-27 | 2014-11-27 | Screen parts generator |
| JP2014-240618 | 2014-11-27 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| TW201621878A TW201621878A (en) | 2016-06-16 |
| TWI671709B true TWI671709B (en) | 2019-09-11 |
Family
ID=56089488
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| TW104136161A TWI671709B (en) | 2014-11-27 | 2015-11-03 | Picture component generating device |
Country Status (3)
| Country | Link |
|---|---|
| JP (1) | JP6347731B2 (en) |
| CN (1) | CN105652779B (en) |
| TW (1) | TWI671709B (en) |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPH07154582A (en) * | 1993-11-29 | 1995-06-16 | Fuji Xerox Co Ltd | Color image edit device |
| US5615320A (en) * | 1994-04-25 | 1997-03-25 | Canon Information Systems, Inc. | Computer-aided color selection and colorizing system using objective-based coloring criteria |
| CN101155250A (en) * | 2006-09-28 | 2008-04-02 | 精工爱普生株式会社 | Document edit device, program, and storage medium |
| CN101197046A (en) * | 2006-12-07 | 2008-06-11 | 佳能株式会社 | Editing apparatus and editing method |
| WO2014070914A1 (en) * | 2012-10-30 | 2014-05-08 | Stylyze Llc | Automated color processing and selection platform |
Family Cites Families (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP3009934B2 (en) * | 1991-04-22 | 2000-02-14 | 富士通株式会社 | Color adjustment method and color adjustment device |
| US6137903A (en) * | 1997-06-03 | 2000-10-24 | Linotype-Hell Ag | Color transformation system based on target color image |
| JP2003150212A (en) * | 2001-11-12 | 2003-05-23 | Digital Electronics Corp | Picture editor device, picture editor program and recording medium with its program recorded thereon |
| JP4124084B2 (en) * | 2003-10-02 | 2008-07-23 | セイコーエプソン株式会社 | Image processing apparatus, image processing method, and image processing program |
| KR100714395B1 (en) * | 2005-02-22 | 2007-05-04 | 삼성전자주식회사 | Apparatus for adjusting color of input image selectively and method the same |
| KR101329125B1 (en) * | 2007-08-13 | 2013-11-14 | 삼성전자주식회사 | Rgb to rgbw color decomposition method and system |
| CN103137096A (en) * | 2011-11-24 | 2013-06-05 | 林振慧 | Color converter |
| KR101977066B1 (en) * | 2012-09-11 | 2019-05-13 | 삼성디스플레이 주식회사 | Method for driving image and apparatus for driving image using the same |
-
2014
- 2014-11-27 JP JP2014240618A patent/JP6347731B2/en active Active
-
2015
- 2015-11-03 TW TW104136161A patent/TWI671709B/en active
- 2015-11-10 CN CN201510758468.1A patent/CN105652779B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPH07154582A (en) * | 1993-11-29 | 1995-06-16 | Fuji Xerox Co Ltd | Color image edit device |
| US5615320A (en) * | 1994-04-25 | 1997-03-25 | Canon Information Systems, Inc. | Computer-aided color selection and colorizing system using objective-based coloring criteria |
| CN101155250A (en) * | 2006-09-28 | 2008-04-02 | 精工爱普生株式会社 | Document edit device, program, and storage medium |
| CN101197046A (en) * | 2006-12-07 | 2008-06-11 | 佳能株式会社 | Editing apparatus and editing method |
| WO2014070914A1 (en) * | 2012-10-30 | 2014-05-08 | Stylyze Llc | Automated color processing and selection platform |
Also Published As
| Publication number | Publication date |
|---|---|
| JP2016103120A (en) | 2016-06-02 |
| JP6347731B2 (en) | 2018-06-27 |
| CN105652779B (en) | 2019-06-28 |
| CN105652779A (en) | 2016-06-08 |
| TW201621878A (en) | 2016-06-16 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106548455B (en) | Apparatus and method for adjusting brightness of image | |
| US10217244B2 (en) | Method and data processing device for computer-assisted hair coloring guidance | |
| EP2478695B1 (en) | System and method for image processing and generating a body model | |
| CN106504264B (en) | Video foreground image extraction method and device | |
| CN108846869B (en) | Automatic clothes color matching method based on natural image colors | |
| JP3141245B2 (en) | How to display images | |
| JP6027581B2 (en) | Image composition device, image composition method, control program for image composition device, and recording medium storing the program | |
| US10810776B2 (en) | Image processing device and image processing method | |
| JP2010165058A (en) | Gradation creation method, program and device | |
| KR20150032176A (en) | Color video processing system and method, and corresponding computer program | |
| US10055824B2 (en) | Image correction device, image correction method and storage medium | |
| JP2021144582A (en) | Makeup simulation device, makeup simulation method and program | |
| CN113436284A (en) | Image processing method and device, computer equipment and storage medium | |
| JP2006332908A (en) | Color image display apparatus, color image display method, program, and recording medium | |
| CN111383320A (en) | Virtual model processing method, device, equipment and storage medium | |
| TWI671709B (en) | Picture component generating device | |
| JP2006203595A (en) | Device for partially replacing color in image color space and color partially replacing system | |
| KR101958263B1 (en) | The control method for VR contents and UI templates | |
| JP2007299113A (en) | Hair coloring and makeup simulation system | |
| JP6975878B2 (en) | A display terminal used for a space plan proposal system, a space plan proposal method, a program for executing a space plan proposal system, and a space plan proposal system. | |
| WO2023171174A1 (en) | Image processing device and image processing method | |
| JP5757463B2 (en) | 2D color gradation display device | |
| Lindsay et al. | Automatic multi-light white balance using illumination gradients and color space projection | |
| US10747809B2 (en) | Color information display device | |
| JP2011035815A (en) | Color gamut chart and system for evaluating evaluation object image using the same |