剛剛用 Photoshop 畫的，要實現這個效果需要畫三個部分：外面的氣泡框，水和鎚子科技的 Logo 。
氣泡框的繪製
1.首先建立一個 800*600 的畫布，先用漸變工具在中心靠上的位置拉一個徑向漸變（注意顏色是偏藍的灰色），然後複製圖層，在新的圖層上使用雜色濾鏡（具體參數可以自己嘗試出來）製作出紋理，接著再加一個圖層，由上至下拉一個線性漸變，顏色是純白到純黑，調節一下各個圖層的透明度到理想的效果。另外，建議在雜色的圖層上加一個蒙板，把中間位置的雜色遮住，看起來會更精緻。
2. 用鋼筆工具畫出外框和底面這兩個輪廓。
3. 把外框放置在底的圖層上方，給外框添加描邊和斜面浮雕的混合選項，給底面添加內陰影，各種參數可以自己嘗試得出。
4. 因為現實中的陰影都是不均勻漸變的，所以需要多層陰影重疊，將底面原地複製兩個圖層，將另外兩個圖層的填充設置為 0%，然後依次給這三個圖層設置投影：底層的陰影為黑色，較長且比較淡，中間的陰影也是黑色，比圖標稍微低一點，頂層的陰影為紅色，離圖標最近，顏色非常淡。
水的繪製1. 用鋼筆工具畫出水的輪廓。
2. 找一張水的紋理圖片，比如這張：
3. 將紋理圖片放在剛剛畫好的水的輪廓上方，調整色相至紅色然後創建剪貼蒙板。
4. 將水放在畫好的氣泡框上，將水的輪廓圖層複製一份，放在上方，在混合選項中選擇漸變疊加，混合模式為線性光，顏色由黑到白，透明度調低。接著再將輪廓圖層複製一次放在上面，將填充調為 0%，然後增加內陰影的混合選項，調到水與氣泡框交界的地方有一條很窄但是較重的陰影。
5. 將水的輪廓複製兩份，將其中一份向下移動一點，然後用它得到選區再剪掉另一份中的這一部分，得到水面很窄的那一條輪廓。
給輪廓添加由上到下的線性漸變疊加，另外在輪廓下方用相同的方法製作出一道高光，用蒙版遮住靠右的部分。
6. 接著將水中的氣泡畫出，所有的氣泡都是兩個橢圓組成，一個是輪廓，另一個是上面的高光，輪廓是上深下淺的線性漸變的橢圓，帶有一個像素的描邊，另一個橢圓是上為純白，下為透明的線性漸變。不同的氣泡需要調整大小、顏色深淺，另外，氣泡的位置也非常重要。
鎚子科技 Logo 的繪製找一張 Logo 的原圖，然後用鋼筆工具將其描出。Linkzero Tsang 在答案中猜測水下的 Logo 部分可能是用 Photoshop 自帶的扭曲濾鏡里的水波得到，但是經過測試，水波的確可以得到類似的效果，但電腦模擬出的效果很難讓人完全滿意，原圖標應該是參照水波濾鏡的效果重新繪製過的，所以這裡採用的方法是將 Logo 分為兩個部分來做，水上的部分用蒙版遮住原圖形，水下的部分直接用鋼筆工具畫出。
最後附上原文件，給需要具體參數的人。
http://pan.baidu.com/s/1mgCgh40
這是用 Sketch 2 來擬合繪製的，因為軟體功能所限，水紋只好使用素材，而中間標誌的扭曲也只是簡單地添加錨點來弄一下，原圖標應該是用了 Photoshop 的扭曲工具來做的。
基本的思路就是統一光源下高光和陰影的堆疊——其實，這句話說了和沒說沒什麼兩樣，然而，對光影和質感的掌控很難用文字來教授，觀察力也要多畫才能練得出來——這個圖標的質感很大程度上來自水紋的表現，而方遲繪製的水紋顯然比我找來的素材更加自然，在氣泡、內部陰影等細節上也處理得更為微妙。
完整地敘述繪製過程不大可能，這裡是 Sketch 源文件，有興趣可以看看：2015-9-27.sketch.zip_免費高速下載
最終效果 ↑
（ 超多圖！）更新於：2015.09.29 工具：Sketch 3.3.2
新建圓角矩形、調透明度，然後調大小。
水箱的角，我是直接添加描點繪製的。
接下來就是添加水箱的邊，和凹面繪製。先看一下所有樣式。
因為這個水箱的邊內外有兩個切面，所以描邊一共有三層。
第一層、第二層分別是線性漸變。
第一層比第二層短，這是因為第二層才是水箱邊的內切面。
這是第三層，這裡我使用了環形漸變，因為水箱角的上部_外切面也是高光的。
接下來是水箱凹面。
這裡使用了兩個樣式，徑向漸變+內陰影。
同樣的，外陰影也兩個。
紅陰影
黑陰影
同樣，先把水部分的輪廓勾出來，然後調整漸變色。
水與水箱之間是有「縫隙」的，所以也是要有「邊」。
接下來添加水面的波紋。
水波共兩層（ Path 21、Path 22 ）。繪製方式：Path 21 是純色面+描邊，Path 22 是線段，色彩自己看著調，這裡不上圖了。
感受一下矢量圖和點陣圖之間的差別。
直接上圖。
徑向漸變填充
描邊居中、線性漸變
外描邊、純色填充
之後就是複製、粘貼、放大縮小、變形。
水面上半部分的 LOGO 我就不說了，我直接說水影。
水影我是直接繪製的，共兩層（愚蠢的方式）。
第一層我用的高斯模糊。注意！是 Path 1 ~ Path 10 。
這是第一層 Path 24 的樣式（變焦模糊）。
第二層全部是變焦模糊。注意！變焦模糊會嚴重變形曲線，所以一定要使用蒙版（蒙到「水」里）。
也是兩層。
這是「背景」層，徑向漸變+雜色。
然後複製一層（中心背景），並添加圓形蒙版。
最後，改一下「中心背景」層的雜色。
完。（ 大半夜的，累！）鏈接: 百度雲 請輸入提取密碼 密碼: kfp2
我想如果只看圖，這東西有N種不同的畫法吧，我也畫了一個，並且用AE實現出來讓這個icon水動起來，想想也是想著蛋疼。我是全部使用形狀工具做的質感，我私下認為這是最純的UI畫法吧，當然水質感就不那麼好做了，就會用很多圖層很多很細微的調整~下圖是畫稿~
有些圖層做過些調整，為了方便做動畫效果啦~所以看起來和原圖有那麼點區別吧~下圖線稿：
做完了放入AE實現了讓水波動起來的效果，當然手動調整似乎有一點不自然，懶得調整啦~
（也許有點卡。。。特么並不知道知乎能不能gif，如果不行就轉到個人公眾號咯：鎚子論壇icon練習，並用AE實現動效演示——poupo）談談自己的看法吧~我覺得擬物化圖標吧，也就是花很多圖層去做它的質感，陰影吧，比起質感，這個icon不算複雜吧~但是當然很精美咯，比較用於手機圖標icon都會做很多細節處理~---------------------------華麗麗分割線------------------------想起前幾天畫的一個雞蛋。。細節比這個複雜多啦~當然沒細調整的~：
它的線條咯！！
阿勒！這是我自己的畫法吧~~反正每個設計師都有自己的習慣咯~有人喜歡貼圖，也有像我這樣閑著蛋疼質感要自己用形狀工具去勾畫。。。總之，畫出來就OK吧~--------------------------------華麗麗分割線------------------------------個人微信公眾號：poupo是名設計師這公眾號也就沒事幾乎每天會發點小圖，晚安~
我只是來交個作業而已（逃 ~
Update: 超過10個贊了，上步驟圖：1. 先說如何將一張藍色的水波圖調成紅色的。如第一名所說，可以用 ctrl+u 來調節色相。但是這種做法在某種情況下效果不好。就是當水波素材圖有多種色相的時候，ctr+u 調處來的紅色也是多種色相，不夠純潔。所以，我用的方法是：1）先畫一個水波形狀，圖層名為形狀1，如下；
2）把水波素材拉進來覆蓋在形狀上，然後用剪切蒙版將水波素材切成水波形狀，如下：
3）把形狀1複製一層，拉到最上方，又變成下面這樣，跟第一步圖形一樣：
4）魔法要開始了！這時，你把最上方這個 「形狀1拷貝」 圖層的圖層樣式改成「顏色」，奇蹟就出現了：
水波變成了紅色！圖層順序如下。
如果你覺得水波太亮了，可以適當降低下中間水波素材的透明度，變成下面這樣：
2. 接下來講第二個， 「濾鏡-&> 扭曲-&>置換」這個功能主要目的是讓水波底下的圖標能夠根據水波的變化而變化。方法如下：1）在以上水波做好的情況下，在這個時候將文件保存一下，源文件名為「水波icon.psd」；這時候將psd源文件複製一份，取名「水波置換.psd」。然後回到水波icon.psd文件中，將logo的位置放好，將水波中的部分單獨摳出來，水波中logo的圖層取名為「logo下」。這時候如下：
2）選中「logo下」圖層，點擊 「 濾鏡-&> 扭曲-&> 置換 」 ，然後選中之前存好的「水波置換.psd」，OK，效果就出來了。
完。更新與2015.10.15
====================================================
用自己的頭像做了個icon，水波以下部分使用 「濾鏡-&> 扭曲-&>置換」， 用水波部分psd文件來置換。
補充一個步驟：水波由原圖調成紅色不用色相調節，而是直接將水波複製一層，將水波的形狀填充成紅色，再將圖層樣式改為「顏色」，就可以將水波變為紅色了。點贊超過10個我就上步驟圖。
其他步驟參照 @李之洋
自己之前也嘗試臨摹了一下，之前臨摹水的效果，跟 @Linkzero Tsang的思路一致，難點就是水紋，也是找了許多素材，但是能力有限，實現效果都不理想，最後只有妥協，做成了可樂，233333......
@李之洋我來交作業
感謝此答主
這個有意思，我也來提供一種其他的方法吧，可以用sk建模然後用渲染器渲染，以下是sketchup+maxwell的：
，然後正立面：
最後渲染，材質用的水、烤漆、水泡用的鑽石。。。：
附上鏈接：logo.zip_免費高速下載
草草的做了一個，想要做好還是需要更多的細節處理。
最重要的是想法
自己理解著畫了一個 鎚子的icon還是要花點心思去臨摹 不過這個icon是什麼應用的icon？
3ds max 很容易渲染一個
用AI軟體，自製一枚！剛好最近在學AI，把之前學的充分運用啦！學到的不少東西，還有很多的不足！還需繼續努力！
呵呵。前幾天剛好臨摹做了二個
這不是一個寫實圖標
效果圖III
交作業
這個UI很棒，濾鏡，圖層樣式各種效果的疊加，很好實現。
推薦閱讀：
