Using signed distance fields in multicolored vector approximation
Techniques and systems are described in which signed distance fields (SDFs) can be used to approximate multicolored vector art. A source image, represented as multicolored vector art is received and processed to provide a multicolored planar graph. The graph is processed to provide a SDF mask for each of the colors in the graph. For each of the colors in the graph, a color plane is generated, paired with the corresponding mask and represents the source image's color underneath the mask. Each color plane can be dilated and then one or more of the color planes or masks can be down sampled and then used to synthesize a source image which provides an approximated source image which retains the hard edges of the original image.
1. In a digital medium environment to perform image processing, a method implemented by at least one computing device, the method comprising:
receiving, by the at least one computing device, a source image represented as multicolored vector art using three or more colors;
processing, by the at least one computing device, the source image to provide a multicolored planar graph;
processing, by the at least one computing device, the multicolored planar graph to provide a mask for a color of the multicolored planar graph;
generating, by the at least one computing device, a color plane for the color in the multicolored planar graph;
pairing, by the at least one computing device, the mask with the color plane;
down sampling, by the at least one computing device, at least one of the color plane and the mask; and
synthesizing, by the at least one computing device, an approximation of the source image as a plurality of pixels by sampling the mask for values associated with a pixel of the plurality of pixels, and selecting a particular color from the color plane based on the values.
2. The method as described in claim 1 , wherein the mask comprises a signed distance field (SDF) mask.
3. The method as described in claim 1 , further comprising dilating the color plane.
4. The method as described in claim 1 , wherein no two regions that touch within the multicolored planar graph have a same color.
5. The method as described in claim 1 , wherein the multicolored planar graph uses four colors to represent the source image.
6. The method as described in claim 1 , wherein the multicolored planar graph uses five colors to represent the source image.
7. The method as described in claim 1 , wherein the color plane represents color data of the source image associated with the color in the multicolored planar graph.
8. The method as described in claim 1 , wherein the approximation of the source image retains hard edges of the source image.
9. In a digital medium environment to perform image processing, a system comprising:
a graph builder module implemented at least partially in hardware of at least one computing device to process a source image to provide a multicolored planar graph, the source image being other than monochrome and represented as multicolored vector art;
a signed distance field mask builder module implemented at least partially in hardware of at least one computing device to process the multicolored planar graph to provide a signed distance field (SDF) mask for a color of the multicolored planar graph;
a color plane generation module implemented at least partially in hardware of at least one computing device to generate a color plane for the color in the multicolored planar graph effective to enable pairing of the SDF mask with the color plane; and
a down sample module implemented at least partially in hardware of at least one computing device to enable use of the color plane and SDF mask to synthesize an approximation of the source image as a plurality of pixels by down sampling at least one of the color plane and the SDF mask and processing the at least one of the color plane and the SDF mask by sampling the SDF mask for values associated with a pixel of the plurality of pixels, and selecting a particular color from the color plane based on the values.
10. The system as described in claim 9 , wherein the multicolored vector art uses three or more colors.
11. The system as described in claim 9 , further comprising a color plane dilation module implemented at least partially in hardware of at least one computing device to dilate the color plane.
12. The system as described in claim 9 , wherein no two regions that touch within the multicolored planar graph have a same color.
13. The system as described in claim 9 , wherein the multicolored planar graph uses four colors to represent the source image.
14. The system as described in claim 9 , wherein the multicolored planar graph uses five colors to represent the source image.
15. The system as described in claim 9 , wherein the color plane represents color data of the source image associated with the color in the multicolored planar graph.
16. The system as described in claim 9 , wherein the approximation of the source image retains hard edges of the source image.
17. In a digital medium environment to perform image processing, a system comprising:
means for processing a source image to provide a multicolored planar graph, the source image being represented as multicolored vector art using three or more colors, the multicolored planar graph employing at least five colors to represent the source image;
means for processing the multicolored planar graph to provide a signed distance field (SDF) mask for a color of the multicolored planar graph;
means for generating a color plane for the color in the multicolored planar graph;
means for pairing the SDF mask with the color plane; and
means for using the color plane and SDF mask to synthesize an approximation of the source image as a plurality of pixels by down sampling at least one of the SDF mask and the color plane and processing the at least one of the SDF mask and the color plane for values associated with a pixel of the plurality of pixels, and selecting a particular color from the color plane based on the values.
18. The system as described in claim 17 further comprising means for dilating the color plane.
19. The system as described in claim 17 , wherein no two regions that touch within the multicolored planar graph have a same color.
20. The system as described in claim 17 , wherein the color plane represents color data of the source image associated with the color in the multicolored planar graph.