欧美日韩人妻,无码精品少妇,成人H动漫精品一区二区三区蘑菇

    284292114@qq.com 中國站
    行業(yè)新聞 網(wǎng)站建設 網(wǎng)絡推廣 首頁>新聞中心>網(wǎng)站建設

    logo文字描邊動畫演譯如何制作?

    時間:2021-04-11   訪問量:0

    演示效果:http://www.zuoan.com.cn/static/d.html



    弟一步:PS中導入LOGO,選擇載入選區(qū)。

    1.jpg


    第二步:在選區(qū)里點鼠標右鍵,建立工作路徑

    image.png


    第三步:將圖層隱藏后導出路徑到AI

    image.png


    第四步:導入到AI中。我們發(fā)現(xiàn)它是白色的,看不見。選擇一下看到了路徑線條,先去掉背景框。

    image.png


    第五步:選擇描邊框,選擇顏色,再回去看,路徑就有顏色了。


    image.png


    第六步:選擇路徑,選擇導出SVG

    image.png


    要說明的是有的文字比如說O這種,它會有兩個路徑,外圈和內圈,那么需要在導出之前設置一下路徑模式。

    image.png



    導出之后我們就得到了一個SVG文件了。 可以在編輯器中打開看到其SVG代碼路徑。


    image.png


    醉后合成代碼。


    
    
    
        
        logo演譯
          
        
            html,body{background: #000;}
            svg{
              width:100%;height:200px;
              margin-top: 20%;
             
            }
    
            .st0{fill: none;            
            stroke-width:2;            
            stroke:#fff;            
            stroke-dasharray: 250;            
            animation: lineMove 10s ease-out infinite;                 
            }
            svg g{ margin-left: -100px;  }
            @keyframes lineMove {
                0%{                
                stroke-dasharray: 0, 250;            
                }
                100%{                
                stroke-dasharray: 250, 250;            
                }
            }  
        
    
    
     
     
    
     
    
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
    
    
    
    
    
        
        


    服務咨詢
    1對1咨詢,專業(yè)客服為您解疑答惑
    聯(lián)系銷售
    15899750475
    在線咨詢
    聯(lián)系在線客服,為您解答所有的疑問
    ARE YOU INTERESTED IN ?
    感興趣嗎?

    有關我們服務的更多信息,請聯(lián)系項目經理

    15899750475 楊先生