UI / UIÉè¼Æ½Ì³Ì / UIͼ±ê½Ì³Ì /
uimaker
UIÉè¼Æʦ / ½ËÕ ÄϾ©
À´Ô´:ÍøÂç ×÷Õß:ØýÃû
·¨ÏßÌùͼÀàËÆ£¬Ö»ÊÇÓɻҶȱíʾµÄ°¼Í¹ÎÆÀí»»ÎªÓɲÊÉ«±íʾµÄ±íÃæ·¨ÏßÎÆÀí£¬Ã¿¸öÏñËصÄ[R,G,B]ÑÕÉ«¶ÔÓ¦¸Ãµã·¨Ïß[X,Y,Z]·ÖÁ¿µÄ´óС¡£Í¨¹ý°¼Í¹ÌùͼºÍ·¨ÏßÌùͼ£¬¿ÉÒÔ´ó´óÔö¼Ó¼ÆËã»úÊÀ½çÀïÎïÌåµÄÕæʵ¸Ð£¬ÇÒ²»»áÏñÖ±½Ó´´½¨¶à±ßÐÎÄÇÑù¹ý¶àµÄÔö¼ÓÎïÌ弸ºÎϸ½Ú¶ø¹ý¶ÈÔö¼Ó¼ÆËã»úäÖȾ¸ºµ££º
ÈçÉÏÃæÕâ¸öCrazyBumpÈí¼þ½Øͼ£¬ÔÚÕâÀïÓÃÁËʯǽÎÆÀí£¬²¢Í¨¹ýʯǽÎÆÀí±¾ÉíµÄ»Ò¶ÈÉú³ÉÁË°¼Í¹ÎÆÀí£¬¼ÆËã»ú¸ù¾Ý°¼Í¹ÎÆÀí¡¢ÑÕÉ«ÎÆÀíÒÔ¼°ÈëÉä¹âÏßÑÕÉ«¡¢·½Ïò£¬»¹ÓÐÊӽǵķ½Ïò£¬Éú³ÉÁË×îÖÕ¾ßÓÐÕæʵ¸ÐµÄÑÕɫͼÏñ¡£
ÔÚAIÀʹÓÃSVGÂ˾µ£¬Ò²¿ÉÒÔ×ö³öÀàËƵÄЧ¹û¡£´úÂëÈçÏ£º
<filter id="BumpDiffuse"> <feColorMatrix <feDiffuseLighting <feDistantLight </feDiffuseLighting> <feBlend <feComposite </filter>
type="luminanceToAlpha"
in="SourceGraphic"
result="img1"
/>
lighting-color="white"
in="img1"
surfaceScale="12"
diffuseConstant="1"
kernelUnitLength="1,1"
result="bumped">
azimuth="135"
elevation="135"
/>
in="bumped"
in2="SourceGraphic"
mode="multiply"
result="img2"
/>
in="img2"
in2="SourceGraphic"
operator="in"
result="output"
/>
Õâ¸öÂ˾µÊ¹ÓÃԴͼÏñµÄ»Ò¶È£¬Éú³É°¼Í¹ÎÆÀí£¬ÔÙÓð¼Í¹ÎÆÀíÉú³ÉÓɹâÏßÕÕÉäϵݼ͹¸ÐͼÏñ£¬×îºó½«°¼Í¹¸ÐͼÏñÓëԴͼÏñÆ´ºÏ£¬Éú³É¸ü¼Ó´øÓа¼Í¹¸ÐµÄͼÏñ£º
Èçͼ£¬ÉÏͼΪӦÓÃÉÏÊöÂ˾µµÄͼÏñ£¬ÏÂͼΪԴͼ£¬¶Ô±Èһϼ´¿É¿´µ½²î±ð¡£
È»ºó£¬»¹¿ÉÒÔÕâÑùÍ棬Èç¸Ä±ä¹âÔ´µÄ·½Ïò£º
¸Ä±ä¹âÔ´µÄÑÕɫΪϦÑôÎÂůµÄÓà¹â£º
¸Ä±ä¹âÔ´µÄÀàÐÍ£º
ÉõÖÁÊÇΪÎÆÀíÔö¼Ó¡¸ÁÁ¾§¾§¡¹µÄЧ¹û£º
ÓÉ´Ë£¬ÎÒÃÇ¿ÉÒÔ¿´µ½£¬SVGÂ˾µËäÈ»ÊÇAI×î²»³£ÓõŦÄÜÖ®Ò»£¬µ«Êǹ¦ÄÜÈ´Ï൱ǿ´ó¡£ÓÐÁËSVGÂ˾µÕâ¸ö¹¦ÄÜ£¬ÎÒÃÇÄܹ»×Ô¼º±àдËùÏëÒªµÄÂ˾µ£¬´Ó¶ø´ó´óÔöÇ¿AIµÄ¹¦ÄÜ£¬ÉõÖÁ¿ÉÒÔ½«AI±ä³ÉÒ»¸öͼÏñ´¦ÀíÈí¼þ¡£²»¹ýAIµÄSVGÂ˾µÒ²Óкܶà¾ÖÏÞÐÔ£º
Ê×ÏÈÊÇSVGÂ˾µ²»ÄÜ·½±ãµ÷½Ú²ÎÊý£¬ÈôÐèÒªµ÷½Ú²ÎÊý£¬±ØÐëҪͨ¹ýÊÖ¹¤¸ü¸Ä´úÂëÀ´µ÷½Ú¡£»¹ÓУ¬AIÖеÄSVGÂ˾µ²»Äܹ»ÏñÔÚWebÄÇÑù£¬Í¨¹ý¿ªÆôenable-backgroundÊôÐÔÀ´»ñÈ¡µ±Ç°Í¼Ðεı³¾°Í¼¡£ÒÔ¼°£¬AIÖÐËƺõ²»¿ÉÒÔÓÃSVGÂ˾µÒýÓÃÆäËûͼÏñ»òʸÁ¿¶ÔÏó¡£
×îºó£¬¹À¼ÆÒòΪAdobeÒ²¾õµÃÕâ¸ö¹¦ÄÜ¿ÉÄÜû¶àÉÙÈË»áÓã¬Ã»Ôõô¶ÔÕâ¸ö¹¦ÄÜ×öÈí¼þ²âÊÔ£¬SVGÂ˾µÕâ¸ö¹¦ÄÜÓÐһЩbug£¬Èç¹ûÊäÈëһЩÎÞЧµÄSVGÃüÁî¿ÉÄÜ»áÒýÆðAI±ÀÀ£¡£Òò´ËÔÚÓ¦ÓÃSVGÂ˾µÇ°£¬±ØÐëÒª±£´æÎļþ¡£