首頁技術(shù)文章正文

UI設計之用彩色半調(diào)打造愛不釋手的麥色榴蓮特效

更新時間:2018-01-10 來源:黑馬程序員 瀏覽量:

UI設計之用彩色半調(diào)打造愛不釋手的麥色榴蓮特效

最終效果圖如下:

UI設計

1、新建一個1200×1200的新畫布,背景白色,如下圖:

UI設計

2、將已扣好的榴蓮圖片導入畫布中。

UI設計

3、拷貝榴蓮圖層到新圖層,并將其去色或色相飽和度調(diào)到黑白灰狀態(tài)。

UI設計

4、為去色的圖片添加曲線,調(diào)節(jié)對比度使明暗對比更加強烈。

UI設計

5、切換到通道面板,選擇一個顏色通道并拷貝:

UI設計

6、對拷貝的藍通道執(zhí)行濾鏡——像素化——彩色半調(diào),最大半徑數(shù)值設置根據(jù)文檔大小和圖像疏密情況而定,5~15像素效果會比較理想。

UI設計

7、反向并載入得到的彩色半調(diào)選區(qū),選擇RGB混合通道。

UI設計
UI設計

8、回到圖層面板,新建圖層,填充黑色,取消選區(qū),并將下方的圖層影藏。

UI設計

9、新建空白圖層并設置榴蓮成熟后的漸變顏色,根據(jù)榴蓮的受光背光情況搭配出深淺變化,為圖層添加線性漸變。

UI設計

UI設計

10、將漸變圖層制作剪貼蒙版到下方圖層,選擇線性減淡模式。

UI設計

11、蓋印可見圖層,選擇柔光混合模式,增強對比度。這樣一個既有榴蓮原本肌理細節(jié)和明暗關(guān)系又不失藝術(shù)效果的半調(diào)榴蓮就做好了。

UI設計

最終效果完成:

UI設計


本文版權(quán)歸黑馬程序員UI設計綜合設計師學院所有,歡迎轉(zhuǎn)載,轉(zhuǎn)載請注明作者出處。謝謝!

作者:黑馬程序員UI設計綜合設計師培訓學院

首發(fā):http://ui.itheima.com/


分享到:
在線咨詢 我要報名
和我們在線交談!