diff --git a/README.MD b/README.MD index 7f63279..3051a6c 100644 --- a/README.MD +++ b/README.MD @@ -1,5 +1,5 @@ # ComfyUI Layer Style -A set of nodes for ComfyUI that generate image like Adobe Photoshop's Layer Style. +A set of nodes for ComfyUI that can composite layer and mask to achieve Photoshop like functionality. ![image](image/title.png) @@ -13,8 +13,8 @@ Nodes are divided into four groups according to their functions: LayerStyle, Lay [中文说明点这里](./README_CN.MD) ## Update -* Add new types of [blend mode](#blend) between images. now supports up to 19 hybrid modes. add **color_burn, color_dodge, linear_burn, linear_dodge, overlay, soft_light, hard_light, vivid_light, pin_light, linear_light** and **hard_mix**. -The newly added hybrid mode is applicable to all nodes that support hybrid mode. +* Add new types of [blend mode](#blend) between images. now supports up to 19 blend modes. add **color_burn, color_dodge, linear_burn, linear_dodge, overlay, soft_light, hard_light, vivid_light, pin_light, linear_light** and **hard_mix**. +The newly added blend mode is applicable to all nodes that support blend mode. * Commit [ColorMap](#ColorMap) filter node to create a pseudo color heatmap effect. * Commit [WaterColor](#WaterColor) and [SkinBeauty](#SkinBeauty) nodes。These are image filters that generate watercolor and skin smoothness effects. * Commit [ImageShift](#ImageShift) node to shift the image and output a displacement seam mask, making it convenient to create continuous textures. @@ -515,7 +515,7 @@ Node options: * mode: The output format is available in hexadecimal (HEX) and decimal (DEC). Output type: -* string +* value: String format. ### GetColorTone Obtain the main color or average color from the image and output RGB values. @@ -526,7 +526,8 @@ Node options: * mode: There are two modes to choose from, with the main color and average color. Output type: -* string +* RGB color in HEX: The RGB color described by hexadecimal RGB format, like '#FA3D86'. +* HSV color in list: The HSV color described by python's list data format. ### ExtendCanvas Extend the canvas diff --git a/README_CN.MD b/README_CN.MD index 16497d8..e9f129b 100644 --- a/README_CN.MD +++ b/README_CN.MD @@ -1,5 +1,5 @@ # ComfyUI Layer Style -ComfyUI²å¼þ£¬Í¨¹ýÒ»×é½ÚµãʵÏÖ·ÂÕÕAdobe PhotoshopµÄͼ²ãÑùʽ¡£ +Ò»×éΪComfyUIÉè¼ÆµÄ½Úµã£¬¿ÉÒԺϳÉͼ²ã´ïµ½ÀàËÆPhotoshopµÄ¹¦ÄÜ¡£ ![image](image/title.png) ½Úµã°´ÕÕ¹¦ÄÜ·ÖΪ4×飺LayerStyle, LayerMask, LayerUtilityºÍLayerFilter¡£ @@ -10,7 +10,7 @@ ComfyUI * [LayerFilter](#LayerFilter)½Úµã×éÌṩͼÏñЧ¹ûÂ˾µ¡£ ## ¸üÐÂ˵Ã÷ -* ͼÏñÖ®¼äµÄ[»ìºÏģʽ](#»ìºÏģʽ)Ôö¼ÓÐÂÀàÐÍ£¬ÐÂÔöcolor_burnÑÕÉ«¼ÓÉî, color_dodgeÑÕÉ«¼õµ­, linear_burnÏßÐÔ¼ÓÉî, linear_dodgeÏßÐÔ¼õµ­, overlayµþ¼Ó, soft_lightÈá¹â, hard_lightÇ¿¹â, vivid_lightÁÁ¹â, pin_lightµã¹â, linear_lightÏßÐÔ¹â, hard_mixʵɫ»ìºÏ¡£ÐÂÔöµÄ»ìºÏģʽÊÊÓÃÓÚËùÓÐÖ§³Ö»ìºÏģʽµÄ½Úµã¡£ +* ͼÏñÖ®¼äµÄ[»ìºÏģʽ](#»ìºÏģʽ)Ôö¼ÓÐÂÀàÐÍ£¬ÏÖÔÚÖ§³Ö¶à´ï19ÖÖ»ìºÏģʽ¡£ÐÂÔöcolor_burnÑÕÉ«¼ÓÉî, color_dodgeÑÕÉ«¼õµ­, linear_burnÏßÐÔ¼ÓÉî, linear_dodgeÏßÐÔ¼õµ­, overlayµþ¼Ó, soft_lightÈá¹â, hard_lightÇ¿¹â, vivid_lightÁÁ¹â, pin_lightµã¹â, linear_lightÏßÐÔ¹â, hard_mixʵɫ»ìºÏ¡£ÐÂÔöµÄ»ìºÏģʽÊÊÓÃÓÚËùÓÐÖ§³Ö»ìºÏģʽµÄ½Úµã¡£ * Ìí¼Ó[ColorMap](#ColorMap) Â˾µ½Úµã£¬ÓÃÓÚÖÆ×÷α²ÊÉ«ÈÈÁ¦Í¼Ð§¹û¡£ * Ìí¼Ó[WaterColor](#WaterColor) ºÍ [SkinBeauty](#SkinBeauty) ½Úµã¡£ÕâÊÇÁ½¸öͼÏñÂ˾µ£¬Éú³ÉË®²Ê»­ºÍĥƤЧ¹û¡£ * Ìí¼Ó[ImageShift](#ImageShift) ½Úµã£¬Ê¹Í¼Æ¬²úÉúÎ»ÒÆ£¬¿ÉÊä³öÎ»ÒÆ½Ó·ìÕÚÕÖ£¬·½±ãÖÆ×÷Á¬ÐøÌùͼ¡£ @@ -502,7 +502,7 @@ mask * mode£º Êä³ö¸ñʽ£¬¿ÉѡʮÁù½øÖÆ(HEX)»òÊ®½øÖÆ(DEC)¡£ Êä³ö: -* string +* value: ×Ö·û´®¸ñʽ¡£ ### GetColorTone ´ÓͼƬÖлñÈ¡Ö÷ÑÕÉ«»òƽ¾ùÉ«¡£ @@ -513,7 +513,8 @@ mask * mode£º ģʽ£¬ÓÐÁ½ÖÖ¿ÉÑ¡Ôñ£¬Ö÷ÑÕÉ«main_colorºÍƽ¾ùÉ«average¡£ Êä³ö: -* string +* RGB color in HEX: ʹÓÃ16½øÖÆRGB×Ö·û´®¸ñʽÃèÊö£¬ÀýÈç '#FA3D86'¡£ +* HSV color in list: HSVÑÕɫֵ£¬Ê¹ÓÃlist¸ñʽÃèÊö¡£ ### ExtendCanvas À©Õ¹»­²¼¡£ @@ -657,7 +658,7 @@ mask ## ½Úµã×¢½â 1 image¡¢maskºÍbackground_image(Èç¹ûÓÐÊäÈë)ÕâÈýÏî±ØÐëÊÇÏàͬµÄ³ß´ç¡£ 2 mask²»ÊDZØÐëµÄÊäÈëÏĬÈÏʹÓÃimageµÄalphaͨµÀ£¬Èç¹ûimageÊäÈë²»°üº¬alphaͨµÀ½«×Ô¶¯´´½¨Õû¸öͼÏñµÄalphaͨµÀ¡£Èç¹ûÊäÈëmask£¬Ô­±¾µÄalphaͨµÀ½«±»mask¸²¸Ç¡£ -3 »ìºÏģʽ°üÀ¨normal¡¢multply¡¢screen¡¢add¡¢subtract¡¢difference¡¢darker¡¢lighter¡¢color_burn¡¢color_dodge¡¢linear_burn¡¢linear_dodge¡¢overlay¡¢soft_light¡¢hard_light¡¢vivid_light¡¢pin_light¡¢linear_light¡¢hard_mix¡£ +3 »ìºÏģʽ°üÀ¨normal¡¢multply¡¢screen¡¢add¡¢subtract¡¢difference¡¢darker¡¢lighter¡¢color_burn¡¢color_dodge¡¢linear_burn¡¢linear_dodge¡¢overlay¡¢soft_light¡¢hard_light¡¢vivid_light¡¢pin_light¡¢linear_light¡¢hard_mix, ¹²19ÖÖ»ìºÏģʽ 4 ÑÕɫʹÓÃ16½øÖÆRGB×Ö·û´®¸ñʽÃèÊö£¬ÀýÈç '#FA3D86'¡£ 5 imageºÍmaskÕâÁ½Ïî±ØÐëÊÇÏàͬµÄ³ß´ç¡£ 3 »ìºÏģʽԤÀÀ diff --git a/image/RGB_node.png b/image/RGB_node.png new file mode 100644 index 0000000..41bffd1 Binary files /dev/null and b/image/RGB_node.png differ diff --git a/image/YUV_node.png b/image/YUV_node.png new file mode 100644 index 0000000..8ff49cc Binary files /dev/null and b/image/YUV_node.png differ diff --git a/image/get_color_tone_node.png b/image/get_color_tone_node.png index c776201..57c2fff 100644 Binary files a/image/get_color_tone_node.png and b/image/get_color_tone_node.png differ diff --git a/image/layerfilter_nodes.png b/image/layerfilter_nodes.png index 5204e5c..7678d7b 100644 Binary files a/image/layerfilter_nodes.png and b/image/layerfilter_nodes.png differ diff --git a/image/layerutility_nodes.png b/image/layerutility_nodes.png index b6476c8..683f3e7 100644 Binary files a/image/layerutility_nodes.png and b/image/layerutility_nodes.png differ