萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps文字教程 >> PS制作出漂亮的雙向流光字動畫效果

PS制作出漂亮的雙向流光字動畫效果

   雙向流光字,用PS其實很好制作出來的,沒有很多細節的東西

  下圖是在效果圖的基礎上修改了一下(把圖層1和圖層2的改為白色)

PS制作出漂亮的雙向流光字動畫效果教程

  方法/步驟

  1、按快捷鍵“CTRL+N”新建一個畫布 大小根據自己要制作的文字來設定 這裡小編設定700x400像素

PS制作出漂亮的雙向流光字動畫效果教程

  2、然後我們選擇“文字工具” 打出你要制作的文字 顏色字體根據你的喜好來定 這裡小編輸入“平生不會相思,才會相思,便害相思。。。。。。“然後按快捷鍵”CTRL+T“調整字的大小 (不要在字體工具使用的情況下用此快捷鍵)

PS制作出漂亮的雙向流光字動畫效果教程

  3、然後我們右擊“文字圖層” 選擇“柵格化文字”(這裡點擊的時候注意不要點擊此圖層的前面 要點擊後面一部分才會看到“柵格化文字”的選項)

PS制作出漂亮的雙向流光字動畫效果教程

  4、然後我們新建一個圖層 (在最右下角)

PS制作出漂亮的雙向流光字動畫效果教程

  5、選擇“畫筆工具”選用一個顏色 這裡小編選擇藍色 設置如下圖(右擊畫布就會出現以下畫面 然後選擇)

PS制作出漂亮的雙向流光字動畫效果教程

  6、然後我們按著shift鍵 托拉一下 如下圖

PS制作出漂亮的雙向流光字動畫效果教程

  7、然後我們選擇“濾鏡——模糊——高斯模糊” 高斯模糊的半徑 我這裡設置為6 最後確定

PS制作出漂亮的雙向流光字動畫效果教程

  8、我們按快捷鍵”CTRL+T“把它的位置擺放如下 擺放後 我們雙擊左鍵確定

PS制作出漂亮的雙向流光字動畫效果教程

  9、然後我們再建立一個新的圖層 換個顏色(小編這裡選擇紅色) 跟上面的方法一樣托拉一個

  後面托拉的時候 我們可以比對藍色的那個傾斜度(下圖1) 然後再把他拖到文字的右邊(下圖2)

PS制作出漂亮的雙向流光字動畫效果教程

  10、然後我們選擇“窗口——時間軸”(這裡注意 有些版本不是時間軸,而是“動畫”)

PS制作出漂亮的雙向流光字動畫效果教程

  11、然後我們點擊下圖的下三角形 選擇“創建幀動畫”

PS制作出漂亮的雙向流光字動畫效果教程

  12、我們點擊“創建幀動畫” 這時候會出現如下圖

PS制作出漂亮的雙向流光字動畫效果教程

  13、然後我們調一下幀的時間 小編這裡選擇0.2s

PS制作出漂亮的雙向流光字動畫效果教程

  14、我們復制一下 點擊下圖所示的地方

PS制作出漂亮的雙向流光字動畫效果教程

  15、然後我們在復制的這桢上面 我們用“移動工具”移動成下圖的樣式

PS制作出漂亮的雙向流光字動畫效果教程

  16、選擇“第一幀” 點擊下面的“過渡動畫幀” 會出現一個窗口 然後我們改變要添加的幀數 這裡小編添加為8 (幀數越多 動的 就越慢) 然後確定

PS制作出漂亮的雙向流光字動畫效果教程

  17、我們對圖層一和圖層二創建剪貼蒙版 分別選擇圖層按快捷鍵“CTRL+ALT+G” 圖層會變成下圖樣式

PS制作出漂亮的雙向流光字動畫效果教程

  18、當然 你覺得太空洞了的話 我們可以新建一個圖層 在上面用畫筆工具弄出一些樣式

  這裡小編用得是原來小編自己弄畫筆預設

PS制作出漂亮的雙向流光字動畫效果教程

  19、為了美觀 我們還可以改變背景的 我們按快捷鍵“CTRL+O”打開一張背景圖

  然後使用“移動工具”把它拖進去

PS制作出漂亮的雙向流光字動畫效果教程

  20、然後我們選擇拖進來的這個圖層 按CTRL+T 調整大小 在調整的時候最好按著shift鍵

  調整後我們會看到這樣的畫面

PS制作出漂亮的雙向流光字動畫效果教程

  21、最後我們來保存這個動畫選擇“文件——存儲為web所用格式“(快捷鍵“ctrl+alt+shift+s”)

  設置如下圖

PS制作出漂亮的雙向流光字動畫效果教程

  注意:

  在存儲的時候 如果出現“adobe存儲為web所用格式警告” 我們可以把存儲名改為英文的

  如果在網頁中上傳動圖不會動的話 那麼我們得把它的圖像大小改小一些 因為網站對GIF動圖有大小的限制

PS制作出漂亮的雙向流光字動畫效果教程

  注意事項:GIF動圖的大小自己要注意下

  以上就是PS制作出漂亮的雙向流光字動畫效果教程,希望能對大家有所幫助!

        .

copyright © 萬盛學電腦網 all rights reserved