变态另类在线观看资源网站-欧美在线一区视频播放-中文字幕国产一区在线播放-成人av传媒在线观看

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

logo文字描邊動(dòng)畫演譯如何制作?

時(shí)間:2021-04-11   訪問(wèn)量:0

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



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

1.jpg


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

image.png


第三步:將圖層隱藏后導(dǎo)出路徑到AI

image.png


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

image.png


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


image.png


第六步:選擇路徑,選擇導(dǎo)出SVG

image.png


要說(shuō)明的是有的文字比如說(shuō)O這種,它會(huì)有兩個(gè)路徑,外圈和內(nèi)圈,那么需要在導(dǎo)出之前設(shè)置一下路徑模式。

image.png



導(dǎo)出之后我們就得到了一個(gè)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;            
            }
        }  
    


 
 

 

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  





    
    


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

有關(guān)我們服務(wù)的更多信息,請(qǐng)聯(lián)系項(xiàng)目經(jīng)理

15899750475 楊先生

连南| 环江| 江口县| 习水县| 怀宁县| 南岸区| 花莲县| 伊宁县| 河西区| 荥阳市| 彭泽县| 晋江市| 安阳市| 海宁市| 富阳市| 承德市| 清河县| 阿克苏市| 河西区| 阿勒泰市| 湖北省| 呼和浩特市| 盐城市| 仁布县| 静安区| 潮安县| 玉龙| 马鞍山市| 共和县| 桦南县| 嵊州市| 闽清县| 武平县| 中方县| 枝江市| 红原县| 柳州市| 丽江市| 曲靖市| 道孚县| 咸宁市|