首頁 web前端 PS教程 Photoshop设计制作出花瓣上滚动的水珠效果教程

Photoshop设计制作出花瓣上滚动的水珠效果教程

Jun 01, 2016 pm 02:33 PM

 经常在网上看到许多漂亮的动态花草图片,上面常常会有闪闪发亮的水珠,或者水珠滴滴滑落的动态效果。我也一直在找关于水珠的素材,目前只发现透明flash有水珠的素材。可是我把透明水珠的flash转换为GIF图片时,背景却成了白色的了。因为水珠是透明的,所以我也没办法抠下来。其实我也知道PS可以做出来的,可是一直没有去学。今天下午在网上找了一些教程,学会了怎么做水珠,然后我试着做出了几张动态的水珠效果图片来,感觉还算不错。大家在做图片,或模板时加上动态效果的水珠,一定会很漂亮。下面是我的制作过程:

Photoshop设计制作出花瓣上滚动的水珠效果教程

  一、打开喜欢的图片,双击图层解锁。在需要做水珠的地方按住Shift键不放,用圆形选框工具,在图片上画一个正圆,然后再按Ctrl+J键将选区内的图象复制到新层。

Photoshop设计制作出花瓣上滚动的水珠效果教程
Photoshop设计制作出花瓣上滚动的水珠效果教程
Photoshop设计制作出花瓣上滚动的水珠效果教程

  二、点击上方公共栏滤镜---扭曲---球面化(一次或两次),然后再点滤镜---模糊---高斯模糊(数值不要太高)

Photoshop设计制作出花瓣上滚动的水珠效果教程
Photoshop设计制作出花瓣上滚动的水珠效果教程

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

Photoshop设计制作出花瓣上滚动的水珠效果教程

  三、选择图层样式---内阴影与投影(阴影不透明度10%,投影为70%,其它数值可自定。其中颜色的选择可选黑色,也可根据图片色彩中选取最深的颜色,这样看起来比较自然一些):

Photoshop设计制作出花瓣上滚动的水珠效果教程
Photoshop设计制作出花瓣上滚动的水珠效果教程

  设置好以后点确定,下图为设置好的效果;

Photoshop设计制作出花瓣上滚动的水珠效果教程

  四、在水珠上面选取适当的位置,用圆形选取工具画一个圆或椭圆,点击渐变工具,选由白到透明,然后在选区内拉一下(从哪个方面拉,可根据光的位置及方向)

Photoshop设计制作出花瓣上滚动的水珠效果教程
Photoshop设计制作出花瓣上滚动的水珠效果教程
Photoshop设计制作出花瓣上滚动的水珠效果教程

  做好后,再在反方面或中心位置选取一个小圆,选取后点上方公共栏的选择----羽化,再点编辑---填充(白色)

Photoshop设计制作出花瓣上滚动的水珠效果教程
Photoshop设计制作出花瓣上滚动的水珠效果教程
Photoshop设计制作出花瓣上滚动的水珠效果教程

  下图为做出后的效果(如果水珠大些,羽化半径可适当调高一些):

Photoshop设计制作出花瓣上滚动的水珠效果教程

  OK啦~~水珠做出来了,可是我们还要让它变成动态的(那么我们利用变形工具,让水珠慢慢从叶子上滑落)
  首先在水珠图层上右击复制出一层来,利用编辑---自由变换工具,将水珠向下推动,也可用编辑---变换工具里的扭曲与变形,改变水珠的形状及大小,(要记住一点,每推动一次就要复制一次图层):

Photoshop设计制作出花瓣上滚动的水珠效果教程
Photoshop设计制作出花瓣上滚动的水珠效果教程
Photoshop设计制作出花瓣上滚动的水珠效果教程
Photoshop设计制作出花瓣上滚动的水珠效果教程
Photoshop设计制作出花瓣上滚动的水珠效果教程
Photoshop设计制作出花瓣上滚动的水珠效果教程

  全部做好后,我把所有图层上面的眼睛点开让大家看一下,大家可以看到水珠滚动的轨迹:

Photoshop设计制作出花瓣上滚动的水珠效果教程

  OK了,下面我们把图片转到IR里打开,打开后可看到下面的动画显示帧数,然后我们在图层面板上依次点开眼睛图标,首先,我们打开第一层的眼睛,然后再动画面板下方点新建帧按键,然后再关上图层1的眼睛,打开图层2,再新建一次动画帧。就这样依次把所有图层的眼睛打开一遍,每开一次,都要记得在动画面板上新建帧:

Photoshop设计制作出花瓣上滚动的水珠效果教程
Photoshop设计制作出花瓣上滚动的水珠效果教程
Photoshop设计制作出花瓣上滚动的水珠效果教程

  就这样,我们把所有的动画帧做好后,设置一下动画时间,然后保存为GIF图片就完成了,下面是我做的几幅动态水珠效果的图片。

Photoshop设计制作出花瓣上滚动的水珠效果教程
Photoshop设计制作出花瓣上滚动的水珠效果教程
Photoshop设计制作出花瓣上滚动的水珠效果教程

  其实还有一种做法,就是把水珠做成透明的,就是刚开始选取圆形选区的时候,不按CTRL+J新建选区内图层,而是直接按图层面板下方的新建透明图层,然后水珠上方直接使用渐变工具(由黑到白),图层选择叠加。然后再做球形---模糊---水珠上方(渐变由白到透明),后面操作都差不多是相同的,自己实践一下吧。

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

PS導出PDF有哪些常見問題 PS導出PDF有哪些常見問題 Apr 06, 2025 pm 04:51 PM

導出PS為PDF時常見問題及解決方法:字體嵌入問題:勾選"字體"選項,選擇"嵌入",或將字體轉換成曲線(路徑)。顏色偏差問題:將文件轉換成CMYK模式,並進行校色;直接用RGB導出需做好預覽和顏色偏差的心理準備。分辨率和文件大小問題:根據實際情況選擇分辨率,或使用壓縮選項優化文件體積。特殊效果問題:導出前將圖層合併(扁平化),或權衡利弊。

PS導出PDF如何設置密碼保護 PS導出PDF如何設置密碼保護 Apr 06, 2025 pm 04:45 PM

在 Photoshop 中導出帶密碼保護的 PDF:打開圖像文件。點擊“文件”>“導出”>“導出為 PDF”。設置“安全性”選項,兩次輸入相同的密碼。點擊“導出”生成 PDF 文件。

PS一直顯示正在載入是什麼原因? PS一直顯示正在載入是什麼原因? Apr 06, 2025 pm 06:39 PM

PS“正在載入”問題是由資源訪問或處理問題引起的:硬盤讀取速度慢或有壞道:使用CrystalDiskInfo檢查硬盤健康狀況並更換有問題的硬盤。內存不足:升級內存以滿足PS對高分辨率圖片和復雜圖層處理的需求。顯卡驅動程序過時或損壞:更新驅動程序以優化PS和顯卡之間的通信。文件路徑過長或文件名有特殊字符:使用簡短的路徑和避免使用特殊字符。 PS自身問題:重新安裝或修復PS安裝程序。

如何加快PS的載入速度? 如何加快PS的載入速度? Apr 06, 2025 pm 06:27 PM

解決 Photoshop 啟動慢的問題需要多管齊下,包括:升級硬件(內存、固態硬盤、CPU);卸載過時或不兼容的插件;定期清理系統垃圾和過多的後台程序;謹慎關閉無關緊要的程序;啟動時避免打開大量文件。

PS執行操作時一直顯示正在載入如何解決? PS執行操作時一直顯示正在載入如何解決? Apr 06, 2025 pm 06:30 PM

PS卡在“正在載入”?解決方法包括:檢查電腦配置(內存、硬盤、處理器)、清理硬盤碎片、更新顯卡驅動、調整PS設置、重新安裝PS,以及養成良好的編程習慣。

ps鋼筆工具怎麼用 ps鋼筆工具怎麼用 Apr 06, 2025 pm 10:15 PM

鋼筆工具是創建精確路徑和形狀的工具,使用方法為:選擇鋼筆工具(P)。設置路徑、填充、描邊和形狀選項。單擊創建錨點,拖動形成曲線,鬆開創建錨點。按 Ctrl/Cmd Alt/Opt 刪除錨點,拖動移動錨點,單擊調整曲線。單擊第一個錨點閉合路徑創建形狀,雙擊最後一個錨點創建開放路徑。

專業人士的Photoshop:高級編輯和工作流技術 專業人士的Photoshop:高級編輯和工作流技術 Apr 05, 2025 am 12:15 AM

Photoshop的高級編輯技巧包括頻率分離和HDR合成,優化工作流程可通過自動化實現。 1)頻率分離技術分離圖像的紋理和顏色細節。 2)HDR合成增強圖像的動態範圍。 3)自動化工作流程提高效率並確保一致性。

Photoshop的價值:權衡成本與其功能 Photoshop的價值:權衡成本與其功能 Apr 11, 2025 am 12:02 AM

Photoshop值得投資,因為它提供了強大的功能和廣泛的應用場景。 1)核心功能包括圖像編輯、圖層管理、特效製作和色彩調整。 2)適合專業設計師和攝影師,但業餘愛好者可考慮替代品如GIMP。 3)訂閱AdobeCreativeCloud可按需使用,避免一次性高額支出。

See all articles