ps加載動畫圖片
- 2022-12-24 19:26:40
- 來源/作者:互聯網/佚名
- 己被圍觀次
本教程主要使用Photoshop制作網頁加載動畫教程,作為一個混跡互聯網的IT人士,如果想各方面都了解點得話,那么設計gif動畫也是個不錯的學習方向哦。
作為一個混跡互聯網的IT人士,如果想各方面都了解點得話,那么設計gif動畫也是個不錯的學習方向哦。
下面就step by step 教大家如何設計一個loading.gif的加載動畫圖:
先看效果圖:

1、創建一個圖層100×100 PX,背景顏色#2d2d2d

2 、在背景文件上用直線工具繪制一條1px的白色縱線:

注意,這條直線要水平居中對齊,具體方法如下:
同時選中這兩個浮層:

點擊排列方式中的‘水平居中對齊‘圖標:

3、選擇直線圖層,用命令行Control+ T對直線旋轉45°


4 、選中變換后的直線浮層,用快捷鍵Control + Alt + Shift + T復制旋轉該直線到如下效果:

5 、創建一個1px半徑的圓角矩形,如下圖所示,這里加上參考線是為了更好的讓圓角矩形與直線都水平居中
*PSjia.COM 傾力出品,轉載請注明來自PS家園網(www.sz-xdd.com.cn)
標簽(TAG) Photoshop TAT.sheran 動畫教程 網頁 制作
上一篇:設計知識,新手詳情頁制作誤區








