日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

gif透明背景动画_PS教程:制作动态界面展示GIF动画效果

發布時間:2023/12/20 编程问答 39 豆豆
生活随笔 收集整理的這篇文章主要介紹了 gif透明背景动画_PS教程:制作动态界面展示GIF动画效果 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

很多時候我們在網站上看到很多炫酷的動態界面效果,他們呈現著立體的效果,不僅是界面有著動畫,并且在側面我們也能清晰的看到隨著頁面動畫也在發生變化。這么炫酷的效果到底是如何制作出來的呢?今天我們就一起來學習吧。

效果圖:

1、導入GIF轉為智能對象

首先把GIF動畫圖丟入到PS中,在【窗口】里面的打開【時間軸】面板。

點擊時間軸面板里左下角點擊【轉為時間軸】按鈕,將幀動畫顯示調整到時間軸的顯示效果。

選中所有的圖層,右擊圖層【轉換為智能對象】

2、制作展示透視圖

新建一個800x600像素,分別率為72的畫布。

選擇一個合適的前景色,Alt+Delete將前景色填充到畫布中。

使用路徑工具中的【矩形工具】繪制一個正方形,大小改成和之前GIF圖的同樣大小。

雙擊路徑圖層可以將路徑形狀改為白色。

右擊形狀圖層將圖層【轉為智能對象】

【Ctrl+T】對矩形圖層進行自由變換,按住【Alt】鍵對智能對象的四個邊角進行定位,調整到合適的透視效果。

調整好透視后,【Ctrl+J】復制矩形圖層。

雙擊圖層類別后半區域,調出【圖層樣式面板】,勾選【斜面和浮雕】在樣式上選擇內斜面,調整效果為

(方法:平滑,深度:00%,大小:1像素。陰影的角度:45°,陰影模式:黑色正片疊底,不透明度10%。)

【ALT+J】對圖層進行復制位移,重復操作,厚度就會越來越厚。

3、將GIF智能對象置入到透視展示圖中

厚度制作好后把最初的無圖層樣式的矩形圖層放在最上面,對齊頂部的面。

“雙擊”圖層中的【智能對象】,打開智能對象后,將之前的GIF圖的智能對象拖拽到畫板中。

點擊時間軸面板進行創建時間軸。然后【Ctrl+S】對文件進行保存。

保存完畢后我們回到之前的透視展示的畫布中,可以看到所有的智能對象都進行同步了,

再次在時間面板中點擊創建時間軸,這時候GIF動畫就置入到透視的效果中了。

4、調整展示細節,加強頁面效果

為了讓界面的透視感更為真實我們可以對所有的智能對象Ctrl+G進行編組,編組好后,雙擊編組添加圖層樣式【投影】

在豐富一下背景光源的顏色,讓整體變得更為完整。

最后在時間面板上調整動畫【工作區域】的開始結束,從而保證動畫的開始和結束是循環的。【空格鍵】可以進行動畫預覽。

制作完畢后【Ctrl+shift+Alt+S】對動畫進行保存,選擇GIF格式,在面板下方的循環選項中【選擇永遠】,這樣導出的GIF才是循環播放的。

操作完成!

總結

以上是生活随笔為你收集整理的gif透明背景动画_PS教程:制作动态界面展示GIF动画效果的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。