Photoshop設計制作出花瓣上滾動的水珠效果教程
發(fā)布時間:2012-10-12 14:48:29 作者:佚名
我要評論

經(jīng)常在網(wǎng)上看到許多漂亮的動態(tài)花草圖片,上面常常會有閃閃發(fā)亮的水珠,或者水珠滴滴滑落的動態(tài)效果。我也一直在找關于水珠的素材,目前只發(fā)現(xiàn)透明flash有水珠的素材。
經(jīng)常在網(wǎng)上看到許多漂亮的動態(tài)花草圖片,上面常常會有閃閃發(fā)亮的水珠,或者水珠滴滴滑落的動態(tài)效果。我也一直在找關于水珠的素材,目前只發(fā)現(xiàn)透明flash有水珠的素材??墒俏野淹该魉榈膄lash轉(zhuǎn)換為GIF圖片時,背景卻成了白色的了。因為水珠是透明的,所以我也沒辦法摳下來。其實我也知道PS可以做出來的,可是一直沒有去學。今天下午在網(wǎng)上找了一些教程,學會了怎么做水珠,然后我試著做出了幾張動態(tài)的水珠效果圖片來,感覺還算不錯。大家在做圖片,或模板時加上動態(tài)效果的水珠,一定會很漂亮。下面是我的制作過程:

一、打開喜歡的圖片,雙擊圖層解鎖。在需要做水珠的地方按住Shift鍵不放,用圓形選框工具,在圖片上畫一個正圓,然后再按Ctrl+J鍵將選區(qū)內(nèi)的圖象復制到新層。



二、點擊上方公共欄濾鏡---扭曲---球面化(一次或兩次),然后再點濾鏡---模糊---高斯模糊(數(shù)值不要太高)


這是做出后的效果:(我放大了一些)

三、選擇圖層樣式---內(nèi)陰影與投影(陰影不透明度10%,投影為70%,其它數(shù)值可自定。其中顏色的選擇可選黑色,也可根據(jù)圖片色彩中選取最深的顏色,這樣看起來比較自然一些):


設置好以后點確定,下圖為設置好的效果;

四、在水珠上面選取適當?shù)奈恢?,用圓形選取工具畫一個圓或橢圓,點擊漸變工具,選由白到透明,然后在選區(qū)內(nèi)拉一下(從哪個方面拉,可根據(jù)光的位置及方向)



做好后,再在反方面或中心位置選取一個小圓,選取后點上方公共欄的選擇----羽化,再點編輯---填充(白色)



下圖為做出后的效果(如果水珠大些,羽化半徑可適當調(diào)高一些):

OK啦~~水珠做出來了,可是我們還要讓它變成動態(tài)的(那么我們利用變形工具,讓水珠慢慢從葉子上滑落)
首先在水珠圖層上右擊復制出一層來,利用編輯---自由變換工具,將水珠向下推動,也可用編輯---變換工具里的扭曲與變形,改變水珠的形狀及大小,(要記住一點,每推動一次就要復制一次圖層):






全部做好后,我把所有圖層上面的眼睛點開讓大家看一下,大家可以看到水珠滾動的軌跡:

OK了,下面我們把圖片轉(zhuǎn)到IR里打開,打開后可看到下面的動畫顯示幀數(shù),然后我們在圖層面板上依次點開眼睛圖標,首先,我們打開第一層的眼睛,然后再動畫面板下方點新建幀按鍵,然后再關上圖層1的眼睛,打開圖層2,再新建一次動畫幀。就這樣依次把所有圖層的眼睛打開一遍,每開一次,都要記得在動畫面板上新建幀:



就這樣,我們把所有的動畫幀做好后,設置一下動畫時間,然后保存為GIF圖片就完成了,下面是我做的幾幅動態(tài)水珠效果的圖片。



其實還有一種做法,就是把水珠做成透明的,就是剛開始選取圓形選區(qū)的時候,不按CTRL+J新建選區(qū)內(nèi)圖層,而是直接按圖層面板下方的新建透明圖層,然后水珠上方直接使用漸變工具(由黑到白),圖層選擇疊加。然后再做球形---模糊---水珠上方(漸變由白到透明),后面操作都差不多是相同的,自己實踐一下吧。

















首先在水珠圖層上右擊復制出一層來,利用編輯---自由變換工具,將水珠向下推動,也可用編輯---變換工具里的扭曲與變形,改變水珠的形狀及大小,(要記住一點,每推動一次就要復制一次圖層):













相關文章
- 今天我們繼續(xù)來介紹ps基礎教程,這篇我們主要講橡皮擦工具組和填充工具組,這兩個工具在修圖的時候是比較常用的,下面我們就來看看基礎教程2024-12-23
- ps圖層是什么?簡單來說,ps軟件中的圖層就好比是一張“透明紙”,將圖像的各個部分繪制在不同的“透明紙”上,可以看到紙后的東西,而且每層紙都是獨立的,下面我們就來看2024-12-23
- ps零基礎之圖層樣式的講解,在使用ps的時候,我們經(jīng)常會在圖層上添加一些效果,這就是圖層樣式,該怎么應用呢?詳細請看下文介紹2024-12-23
ps如何把一張長圖切成幾張小圖片? ps把長圖切成短圖的技巧
有時候,我們希望能把一張圖片均勻地分成幾張圖片,就像拼圖一般的效果,需要某一部分隨時可以拿出來使用,該怎么操作呢?詳細請看下文介紹2024-09-10- PS調(diào)整字體大小是一個非?;A的操作,但也是非常實用的技能,在Photoshop中,調(diào)整字體大小的方式有多種,詳細請看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時發(fā)現(xiàn)窗口界面的字體比較小,使用起來非常的不方便,因此有不少用戶想將其大小進行調(diào)節(jié),具體該如何操作呢?詳細請看下文介紹2024-02-02ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦?ps中圖層解鎖失敗,提示圖層被父圖層鎖定該怎么辦呢?下面我們就來看看詳細的解決辦法2023-12-19ps描邊最大只有288怎么辦? Photoshop描邊只能調(diào)到288像素的解決辦法
ps描邊最大只有288怎么辦?ps描邊在使用的過程中,發(fā)現(xiàn)只能調(diào)到288像素,該怎么操作呢?下面我們就來看看Photoshop描邊只能調(diào)到288像素的解決辦法2023-11-30PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦?ps工具欄中有很多工具,但是發(fā)現(xiàn)有些工具不見了,該怎么辦呢?下面我們就來看看Photoshop工具欄不全的多種解決辦法2023-11-30Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝?ps2024發(fā)布以后,很多朋友想要嘗試信工鞥,該怎么下載安裝呢?下面我們就來看看ps2024安裝圖文教程2023-11-30