這個網站的圖片效果是如何實現的?

圖中風景照片的效果是如何實現的呢?


謝邀。我儘可能地試試。

註:圖片資源來自網路。

可能步驟較多,我寫得可能不會太詳細:

素材:

1、新建一個2:1的畫布,例如900 * 450。然後將兩個素材都拖進畫布里。

2、然後給冰川圖層加一個白色蒙版,用黑白漸變拉蒙版,使兩張圖的過渡稍微自然一點。

3、合併所有圖層。然後新建一個空白圖層,繪製一個白色多邊形,並調整不透明度,如下:

4、選中橡皮擦,在畫筆庫裡面選擇一個噴濺的畫筆,實施天馬行空的塗抹大法,體現你藝術創作力的時候到了!!!你有耐心的話當然可以慢慢塗抹,如果沒有耐心的話,那就會像我這樣:

5、畫出邊角的白條,同樣用橡皮擦運用上面的方法亂擦一氣。

6、貌似圖右部色調不對,可以調調色。

7 、加一點字就行了。

(感想:選圖要慎重,別搞成我這樣了,太難看,╮(╯▽╰)╭)


1.PS新建一個畫布。
2.畫3個正方形,如圖。合併。

3.按照原圖的樣子擺一擺

4.Ctrl+j 複製一個,放在對稱的位置。
接下來可以用反向選取得到如下圖的樣子。
也可以同布爾運算減一下。

5.在這個圖層上建立蒙版,用如下畫筆,畫出效果。

再擱兩圖,中間用蒙版羽化過渡。

最後就是這個樣子。


……從設計的方面來說用ps形狀工具加上一個筆刷就可以實現。從前端代碼的角度來說可以導出png格式的圖片直接設置為div背景


試了一下,就是噴濺那裡老弄不好,有點臟髒的感覺,咻~


我以為要html.js.css等高大上的工具才能實現....


PS或者Ai或者coreldraw都能實現


推薦閱讀:

如何做出這種樣子的海報?
請問這種酷炫的圖是怎麼做出來的?
怎麼用 Ps 做出這種類似盜夢空間的效果?
這種字體漸變效果是怎麼做出來的?

TAG:AdobePhotoshop | 設計 | 設計師 | 平面設計 | Photoshop使用技巧 |