Photoshop製作科技感十足的動態環繞動畫效果
本教程主要使用PhotoshopCC2017製作科技感十足的纏繞動畫,這個教程需要比較高版本的Ps,不然沒有時間軸窗口。感興趣的朋友一起來學習吧。
效果圖:
GIF/141K
這個教程需要比較高版本的PS,不然沒有時間軸窗口。我的是CC 2017。
首先打開你的Ps,新建一個畫布,最好是方形。接著拉出參考線。
填充之後,蒙版看起來是這樣,圓環隱藏了一半。
之後,「Ctrl+S」保存,回到原工程。
畫布這時候什麼也沒有,因為都被隱藏了。
轉到時間軸窗口。 時間線拉到開頭,點擊紅框內按鈕,可以看到右邊多出一個關鍵幀。
我們把時間線拉到15f處,點小菱形,再新建一個關鍵幀。(圖中為了給大家看到15f,把紅線拉到旁邊了) 之後紅線保持在15f處。
選中圖層。執行"Ctrl+T"變換.
這時候拖動紅線,可以看到大致效果,圓環動起來了。
靠近尾部的地方再新建關鍵幀,不要完全在邊上,不然無法調整圖形!
到這裡,半個圓環的動態基本製作完成。 咱們繼續,複製一層,把蒙版反過來。
這個時候再把關鍵幀拖到底。
播放一下,你會得到這樣的動態!
GIF/11K
你會發現,即使轉成智能對象,它依然會動。
而智能對象是可以編輯的,比如放大,縮小,旋轉,變形..... 你可以把它整個放大,縮小,它還是會動!
重要的是,這個動圖是智能對象,裡面的圓也是智能對象,我們可以一級一級往上跳,調整它的屬性,比如線改成白色,改成虛線。
圓環遮一半,或者遮四分之三。或者給它加上投影,描邊,等等。
我簡單舉個栗子:
GIF/31K
最終效果圖!
GIF/141K
友情平台
平台自營微店
點擊展開全文
※Photoshop製作復古風格的發光立體字教程
※Photoshop製作3D立體字質感的岩石字
※Illustrator製作時尚的旅行日記本圖標
※photoshop製作可愛的毛茸條紋文字
※Photoshop結合SAI軟體把人像轉為粉嫩手繪效果
TAG:學習PS |
※Mulligan 動態關節鬆動術
※S-nitrosylation 通過控制線粒體的動態和自噬促進衰老
※物流信息的動態 Dashboard 展示
※使用Photoshop複合動態幻想冬季場景
※Highcharts 動態圖
※PowerBI技巧:製作動態坐標軸
※星ins更新Soul動態
※Heartrate:如追綜心跳般實時動態可視化監測Python程序運行
※「TensorFlow重大升級」自動將Python代碼轉為TF Graph,大幅簡化動態圖處理!
※動態logo設計靈感
※flash製作的gif動態萌趣插畫10節課,讓靈感爆棚
※mybatis框架的動態sql語句
※TensorFlow Fold:用動態計算圖實現深度學習
※python入門——動態語言
※Alexa、Google Assistant 動態全盤點:功能強化與市場開拓「並駕齊驅」
※Media Kobo推真人動態容積攝影系統Supertrac
※技術分享:Activiti動態修改流程
※Python動態類型簡介
※「消失」動態磁貼,愛上Windows Phone理由
※Tactical Haptics將推新版VR手柄,能動態調節握持手感