當前位置:
首頁 > 設計 > Photoshop製作科技感十足的動態環繞動畫效果

Photoshop製作科技感十足的動態環繞動畫效果

本教程主要使用PhotoshopCC2017製作科技感十足的纏繞動畫,這個教程需要比較高版本的Ps,不然沒有時間軸窗口。感興趣的朋友一起來學習吧。

效果圖:

GIF/141K

這個教程需要比較高版本的PS,不然沒有時間軸窗口。我的是CC 2017。

首先打開你的Ps,新建一個畫布,最好是方形。接著拉出參考線。

填充之後,蒙版看起來是這樣,圓環隱藏了一半。

之後,「Ctrl+S」保存,回到原工程。

畫布這時候什麼也沒有,因為都被隱藏了。

轉到時間軸窗口。 時間線拉到開頭,點擊紅框內按鈕,可以看到右邊多出一個關鍵幀。

我們把時間線拉到15f處,點小菱形,再新建一個關鍵幀。(圖中為了給大家看到15f,把紅線拉到旁邊了) 之後紅線保持在15f處。

選中圖層。執行"Ctrl+T"變換.

這時候拖動紅線,可以看到大致效果,圓環動起來了。

靠近尾部的地方再新建關鍵幀,不要完全在邊上,不然無法調整圖形!

到這裡,半個圓環的動態基本製作完成。 咱們繼續,複製一層,把蒙版反過來。

這個時候再把關鍵幀拖到底。

播放一下,你會得到這樣的動態!

GIF/11K

你會發現,即使轉成智能對象,它依然會動。

而智能對象是可以編輯的,比如放大,縮小,旋轉,變形..... 你可以把它整個放大,縮小,它還是會動!

重要的是,這個動圖是智能對象,裡面的圓也是智能對象,我們可以一級一級往上跳,調整它的屬性,比如線改成白色,改成虛線。

圓環遮一半,或者遮四分之三。或者給它加上投影,描邊,等等。

我簡單舉個栗子:

GIF/31K

最終效果圖!

GIF/141K

友情平台

平台自營微店

點擊展開全文

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 學習PS 的精彩文章:

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手柄,能動態調節握持手感