知乎登錄界面的 iPhone 裝在兜里的感覺是怎麼做出來的？

12-06

其實樓上已經有用ai做出來的了，那我就用Adobe* Photoshop*來試試吧！

1、新建畫板，用藍及深一點的藍，做漸變填充。

2、畫一條橫線，請用略淺的藍色

再用「橢圓工具」畫一個細長的橢圓。

然後對畫出來的橢圓用【濾鏡-模糊-高斯模糊】，點擊「柵格化」，半徑70

然後變成：

3、把模糊後的橢圓往下移動，一直到沿著直線上下對稱，然後使用選區，切掉下半部分。

成了這樣。

4、接下來就是放iPhone了，我從下載--千圖網www.58pic.com下載了一個iPhone的矢量圖形，然後放了上去，然後切掉一部分。

為什麼不切掉直線下面的全部呢？因為我們可以注意到，其實下面也是有些陰影的，作為一名認真答題的知乎er，是不願放過的。
於是我在左右兩邊放了兩個矩形。

然後用高斯模糊後，沿著紅線，切掉多餘的部分和iPhone

然後做輔助線，用「矩形選區工具」框選，在中間用藍色和深藍色填充。

去掉參考線，再模糊工具，擦一擦，調整一下。

加上字，加上圖

2.0版本的圖找不到了，iPhone里也沒有安裝知乎App客戶端，但我有「讀讀日報」，所以截了一張
將就。

就這樣啦！
小王這麼拼，贊一個再撤唄！！！

如對我其它回答有興趣，歡迎點擊這個！
這種下面立體字體要怎麼做呢？ - 知乎用戶的回答
怎樣拍出一張照片里多個自己，從拍攝到後期的步驟有哪些？ - 知乎用戶的回答

-----------------分割線-----------
感謝大家的關心，手機沒電了哈哈~~~~
歡迎關注我的公眾號哈，一起分享PS小技巧。

http://weixin.qq.com/r/PTs5IfjEv6XArbxC924v (二維碼自動識別)

作為對@王成的答案的補充。

這個問題我前幾天剛好問到作者本人，他說有空會來回答一下，結果我經過幾天的研究自己琢磨得差不多了，所以忍不住來得瑟得瑟，分享一下。
要先道歉的是，我的CS6是日文版（請不要說我裝B。。），我盡量回憶中文版/英文版中的名稱。我的答案中介紹的方法並不是唯一的，只起到提示作用。
首先是背景。先填充純色，然後應用混合選項的「漸變填充」，得到如下效果。

數值僅供參考。混合模式選擇疊加或者柔光都可以，我習慣用疊加。透明度要調整到比較不顯眼的程度，40%其實算是偏高些。漸變形狀選擇圓形，比例調整為150%是為了放大漸變的過程，整個漸變效果便不會太突兀。

然後，用直線工具畫兩條線，模式為「形狀」，不填充（沒地方給你填充。。），描邊1px，一條線白一條線黑，兩條相鄰。

但就這樣的黑白只能用突兀來形容，所以下一步就是讓它更加接近背景的顏色。疊加是一種不錯的混合方式，它結合了正片疊底和濾色兩種混合的效果，可以比較簡單地控制被混合圖層的亮度與彩度。
回到這兩條線。我們可以把這兩條直線柵格化之後合併，也可以直接作為形狀來編輯。
把這兩條直線的混合模式改成「疊加」，然後調整填充（不透明度下面的那一項）為40%左右，依照個人口味。以黑色那條線為基準調整，這樣如果覺得白色太亮可以把它換成灰一些的線。
（如果你已經柵格化了，就乖乖地CTRL+ALT+Z回去吧mua哈哈哈哈哈）

（圖中位於上面的「形狀2」圖層是我柵格化合併之後的產物）

就會變成現在這樣。有一點感覺了。如果覺得這樣子不夠明顯，就把填充調上去一些。
然後是線兩邊的淡出效果。在線的圖層上加蒙版，然後用漸變工具。

先調成兩邊黑中間白（黑白之間的距離越短，則線淡出也越快），然後用漸變工具扯一條與這條線平行的線，就得到一個這樣的蒙版，而我們來看看線的兩邊變成什麼樣子：

喲西喲西。

然後是陰影。
用AI做一個這樣的形狀，導入PS後填充黑色。

我只會用AI做，原諒我技藝不精不懂怎麼在PS裡面畫好了轉換，只會在AI裡面畫好用PS導成形狀圖層進來，畢竟我們看重的是結果（摳鼻）。畫一個扁橢圓，然後將兩端的平滑點轉換成角點就可以了。不要忘記填充黑色。。。
不過說實話，就算只畫了扁橢圓，高斯模糊15px以後也不會相差很多。

你看，是不是這樣。

應用濾鏡的過程中需要將形狀柵格化，所以現在我們手上有一個普通的像素圖層。現在將這個圖層攔腰砍斷。咔嚓！

將它放到你處理好的線上面去。可能會發現陰影太濃了，但對於來到這一步的我們已經不是問題了。對形狀不滿意的話，就CTRL+T開始自由變形，變到滿意為止。

最後，就是插iPhone。
買不起iPhone沒關係我們插一張便簽紙就好了。不管是便簽紙還是iPhone，我們都有兩種選擇。
1、還是攔腰砍斷。把圖層從中間砍斷，然後把它接在線上面，你就得到了（看起來）插在口袋裡的iPhone，或者是便簽紙。至於陰影在物體的上方還是下方，視乎物體材質與厚度而定，看哪種情況比較有真實感。知乎主頁上用到的圖片中陰影目測有兩層，不知道是否更多，這個只有原作者知道了，我們如果有需要按照剛剛的方法炮製即可。

其實到這裡，你就完成了。可以滾動到最下方看完成圖了。但是。。。是的，上面的方法只是看起來而已！如果你要真的插進去，怎麼辦？
。。。
2、還是攔腰砍斷！不是開玩笑，只是這次折斷的是背景圖層。把背景圖層的所有混合效果全部柵格化（否則分了圖層，打柔光用的漸變就錯位了），然後以那條線為界把背景圖層一分為二，CTRL+X再+V就可以新分一個圖層了。說到這裡大概都能明白了吧。圖層的重疊順序，依次是：

然後移動插縫物體們試試看。是不是想怎麼插，就怎麼插，想插多深，就多深。。。
之後下半部分的凸起感，@王成已經有回答，就不繼續贅述。寫了這麼多，純粹意在分享，只希望對關注這個問題的大家有所幫助。肯定會有很多不足的地方，但願能起到拋磚引玉的作用即可。歡迎在評論中各種吐槽與討論。
ps. 我沒有錢，所以我用小黃簽。=P