ps加載動(dòng)畫(huà)圖片
來(lái)源:SDC翻茄匠
作者:TAT.sheran
學(xué)習(xí):18599人次
作為一個(gè)混跡互聯(lián)網(wǎng)的IT人士,如果想各方面都了解點(diǎn)得話,那么設(shè)計(jì)gif動(dòng)畫(huà)也是個(gè)不錯(cuò)的學(xué)習(xí)方向哦。
下面就step by step 教大家如何設(shè)計(jì)一個(gè)loading.gif的加載動(dòng)畫(huà)圖:
先看效果圖:
1、創(chuàng)建一個(gè)圖層100×100 PX,背景顏色#2d2d2d
2 、在背景文件上用直線工具繪制一條1px的白色縱線:
注意,這條直線要水平居中對(duì)齊,具體方法如下:
同時(shí)選中這兩個(gè)浮層:
點(diǎn)擊排列方式中的‘水平居中對(duì)齊‘圖標(biāo):
3、選擇直線圖層,用命令行Control+ T對(duì)直線旋轉(zhuǎn)45°
4 、選中變換后的直線浮層,用快捷鍵Control + Alt + Shift + T復(fù)制旋轉(zhuǎn)該直線到如下效果:
5 、創(chuàng)建一個(gè)1px半徑的圓角矩形,如下圖所示,這里加上參考線是為了更好的讓圓角矩形與直線都水平居中
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- Photoshop
- 動(dòng)畫(huà)教程
- 制作
- 網(wǎng)頁(yè)
- TAT.sheran
學(xué)習(xí) · 提示
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
小螞蟻_SM-G9008V2018-05-11 06:46
很不錯(cuò)
回復(fù)
一只帥羊羊2016-11-21 10:17
一只帥羊羊2016-11-21 10:11
相關(guān)教程
- 動(dòng)畫(huà)教程,用PS做一個(gè)李小龍武術(shù)動(dòng)態(tài)圖
- 動(dòng)畫(huà)教程,快速繪制加載效果動(dòng)態(tài)圖片
- 動(dòng)畫(huà)教程,制作旋轉(zhuǎn)動(dòng)態(tài)八卦圖
- 動(dòng)畫(huà)教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫(huà)效果
- 漸變動(dòng)畫(huà),教你做漸變GIF動(dòng)圖教程
- 動(dòng)畫(huà)教程,秋葉變綠葉的動(dòng)漫效果
- 動(dòng)畫(huà)教程,PS如何制作GIF動(dòng)畫(huà)圖片
- 動(dòng)畫(huà)教程,制作一個(gè)3D立體球GIF動(dòng)畫(huà)教程
- 動(dòng)畫(huà)教程,利用PS和AI做出超酷的霓虹燈動(dòng)態(tài)圖片
- 動(dòng)畫(huà)教程,制作卡通化的移動(dòng)云動(dòng)畫(huà)圖片教程
推薦教程
- PS擴(kuò)散碎片動(dòng)畫(huà)圖片
- PS教程-GIF動(dòng)畫(huà)篇
- [IR動(dòng)圖教程] 用PS的“動(dòng)作”制作下雨GIF動(dòng)畫(huà)(詳盡版)
- 融合動(dòng)圖,做一個(gè)圖形融合效果的圖片
- 非主流動(dòng)態(tài)簽名效果
- PS制作--字體(物體)旋轉(zhuǎn)動(dòng)畫(huà)效果
- photoshop打造“星月花”藝術(shù)字
- 動(dòng)畫(huà)技巧,七個(gè)GIF動(dòng)畫(huà)的小提示
- ps仿3D立體移動(dòng)圖片
- [IR動(dòng)圖教程] Photoshop制作水珠滑落動(dòng)畫(huà)
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!