Photoshop製作可愛的雨滴下落GIF動畫教程

學習本教程過程中遇到不懂的技術問題,加QQ群:

319585767

製作動畫之前需要把雨滴單獨做出來,然後根據自己的思路設定動畫展示效果。如果雨滴過多不太好控制,可以先新建一個較大的畫布,把雨滴複製並排列好,最後用整張圖片來做動畫即可。

工具/原料

PS

方法/步驟

1、新建一個500 * 200像素,白色背景文件,新建一個圖層添加下圖所示的徑向漸變。

2、按Ctrl + Shift + N 新建一個空白圖層,快捷鍵「U」選擇自定義形狀,選擇水滴。

3、新建空白圖層,按Ctrl點擊水滴圖層載入選區,填充白色。執行:濾鏡 > 模糊 > 高斯模糊,數值自定。確定後再按Ctrl點擊水滴圖層載入選區,按Ctrl + Shift + I 反選,按Delete 刪除,如下圖。

4、按Ctrl + J 複製圖層兩次,分別用橡皮擦擦除部分,用鋼筆工具選定刪除部分。選中它們,Ctrl + E合併圖層。

5、雙擊解鎖背景圖層,按Ctrl + Alt + G修改畫布高度為2000,水滴圖層模式改為「濾色」,複製圖層4次,按Ctrl + T 自由變換。

6、按Ctrl + J 複製圖層。

7、快捷鍵「V」,移動圖層到藍色區域上面,隨機分布,如下圖所示。

8、選擇菜單:窗口 > 動畫,複製一幀,選擇第二幀。

9、移動這些圖層,到藍色區域下面(提示移動的距離越長,生成的動畫速度就越快,反之就越慢)。

10、過渡第一幀,添加幀數為35 - 40左右,設置時間為0.04,刪除前面第二幀與後面一幀。剪切工具,設置「隱藏」選擇藍色區域剪切。

11、按Ctrl + Shift + Alt + S保存為GIF圖像,完成最終效果。

注意事項

*本教程請按要求製作!
原作者:mapleleaflisa

相關文章

  1. Photoshop製作可愛的GIF動畫簽名

    用ps製作gif動畫,按照自己的喜好多操作幾次即可 效果圖如下 工具/原料 ps cs5 方法/步驟 新建文件,按自己的喜好設置大小 輸入自己喜歡的字,字體自己選擇 雙擊字體圖層,設置樣式,效果如圖 ...
  2. Photoshop製作漂亮的彩色發光字動畫

    PS基礎教程! Photoshop製作漂亮的彩色發光字動畫! 本教程介紹帶有放射光束的文字製作方法.製作的時候需要用到多種濾鏡來製作文字的放射光束, 做好後還需要調色等.最後用IR連成動畫即可. 工具 ...
  3. photoshop製作可愛的卡通字

    先睹為快,下圖就是我今天要做的一個可愛的字體效果,方法不難,就是繁瑣一點,主要時使用了圖層混合模式和一些描邊的功能,具體的方法如下: 步驟/方法 按下ctrl+n新建一個圖片文件,屬性設置圖下,點擊確 ...
  4. photoshop製作炫彩流光字GIF動畫

    炫彩流光字在很多小廣告板上是非常常見的,今天要給大家講的就是用photoshop製作炫彩流光字動畫的方法. 工具/原料 photoshop CS6 方法/步驟 首先,打開photoshop軟體,新建一 ...
  5. Photoshop製作星光閃爍的磨砂字體動畫

    Photoshop製作星光閃爍的磨砂字體動畫 工具/原料 電腦一台 方法/步驟 打開PS,新建一個文檔.文檔大小我選用600px*800px.新建成功後,選用漸變工具,沿著畫筆的對角線畫出一個直線漸變 ...
  6. 使用Photoshop製作可愛的草莓鉛筆圖

    本次教程為使用Photoshop製作可愛的草莓鉛筆,非常有趣,製作方法也非常簡單.先鋪好背景,把草莓與鉛筆摳出後拖進來:調整鉛筆筆頭大小跟草莓大致吻合:然後修改草莓的邊緣:最後加上光影和倒影即可. 工 ...
  7. 使用photoshop製作可愛的毛茸條紋文字

    如果你很喜歡毛茸茸的小玩意兒,那今天這個教程就不要錯過咯.這個教程教大家怎樣通過筆刷.圖層和濾鏡,創建可愛的毛茸茸文字,收藏起來找時間練習一下吧.同理,其他的特效文字也可以通過此方法做出來. 工具/原 ...
  8. Photoshop製作漂亮的藍色星空美女頭像教程

    製作星空人像的方法非常實用.直接把人像暗部區域摳出:然後用星空素材剪切到摳出的人像上面:後期可以微調顏色,再加上合適的背景及其它裝飾等,得到想要的效果. 工具/原料 ps軟體 方法/步驟 效果圖 首先 ...
  9. Photoshop製作充滿春意的描邊字效教程

    然後做描邊效果,在文字圖層上右鍵創建為工作路徑,在上一步的圖層下方新建圖層,找到路徑面板,右鍵描邊路徑,選擇畫筆,不要勾選模擬壓力,顏色要比上一步深一些,可以反覆調整畫筆參數以達到滿意的效果. 接下來 ...
  10. 如何利用ps製作一個3D立體球GIF動畫教程

    教大家製作一個移動的3D球體,喜歡做動畫的同學一起來學習一下吧. 工具/原料 ps軟體 方法/步驟 打開Photoshop,然後使用矩形工具(U)創建一個矩形,然後開始複製它,得到7列相同距離的矩形. ...
  11. Photoshop製作非常高檔的金色高光按鈕教程

    作者:DCTXF教程雖然沒有詳細介紹按鈕如何製作,不過作者在這裡分享了很多按鈕製作的經驗,先從一些簡單的效果入手,多嘗試,多運用圖層樣式等,就可以做出自己想要的效果. 工具/原料 Ps 方法/步驟 按 ...
  12. Photoshop製作簡單抽象效果的拼色藝術字教程

    Photoshop製作簡單抽象效果的拼色藝術字教程 工具/原料 Photoshop 方法/步驟 第一步:新建一個文檔,尺寸:1200*700px.鍵入需要的字,用喜歡的顏色.應用字體圖層樣式: 第二步 ...
  13. Photoshop製作簡潔個性的文字人像海報教程

    文字人像的方法比較實用.前期需要把人物摳出,並單獨把暗部區域選出後填色:然後新建圖層,用暗部區域選區添加蒙版:再用定義好的文字筆刷在人像部分刷上文字:最後再潤色. 工具/原料 ps軟體 方法/步驟 最 ...
  14. Photoshop製作漂亮的藍色螢光標題字教程

    作者:南辰效果圖基本用圖層樣式來完成,製作的時候需要在細節及顏色上下功夫,可以多嘗試一些圖層樣式的參數設置,把文字的發光.立體,紋理等完美表現出來. 工具/原料 ps 方法/步驟 打開Photosho ...
  15. PhotoShop製作炫酷發散光線文字效果教程

    PhotoShop製作炫酷發散光線文字效果教程 步驟/方法 先新建畫布,填充黑色,文字工具"刀光劍影" 然後將文字柵格化,按住ctrl鍵點圖層所藍圖,找出刀光劍影的選區,然後按de ...
  16. Photoshop製作3D炫酷立體效果字教程

    關於ps立體字製作的教程有很多,今天的ps 3D立體效果字教程就詳細介紹如何製作出3D立體特效文字.有興趣的朋友看完之後,可以實踐一下,用Photoshop製作製作一個立體字. 我們來看下效果圖. 視 ...
  17. PhotoShop製作簡單摺痕效果【新手教程】

    對於書籍的摺痕效果,相比不同的人採用的方法也是不盡相同,下面以個人常用方法利用PS製作簡單摺痕效果 工具/原料 PhotoShop 方法/步驟 打開PS,新建一個畫布,畫布大小隨意設置 新建一個圖層, ...
  18. 製作可愛小熊毛絨玩具圖片的PS教程

    本教程重點是皮毛紋理的製作.作者介紹了一種非常簡單的方法,用濾鏡來完成.用到的濾鏡也比較少:雜色及徑向模糊濾鏡,後期只需增加一些樣式,調節明暗就可以做出類似毛髮效果.最終效果 工具/原料 電腦 PS ...
  19. AI怎麼製作可愛小房子簡筆畫的教程

    AI怎麼畫小房子,AI中繪製矢量圖很簡單,想要畫一個簡筆畫效果的小房子,該怎麼畫呢,下面我們就來看看ai製作可愛小房子簡筆畫的教程,需要的朋友可以參考下 工具/原料 電腦 方法/步驟 1.打開電腦AI ...
  20. 製作可愛立體鋼琴圖標的PS教程

    效果圖非常有創意,用一些極簡的圖形表現出鋼琴的效果:繪製的時候先要把構造分解一下,大致了解每一部分的材質和光影:然後逐層刻畫即可.最終效果 工具/原料 電腦 PS 方法/步驟 繪製鋼琴圖標輪廓. 繪製 ...