首頁技術文章正文

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

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

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

最終效果圖如下:

UI設計

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

UI設計

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

UI設計

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

UI設計

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

UI設計

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

UI設計

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

UI設計

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

UI設計
UI設計

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

UI設計

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

UI設計

UI設計

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

UI設計

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

UI設計

最終效果完成:

UI設計


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

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

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


分享到:

Java培訓班課程javaee

Python培訓機構python大數(shù)據(jù)

web前端培訓課程升級V8.5web

AI+設計培訓課程ui

大數(shù)據(jù)培訓課程cloud

軟件測試培訓課程test

c

新媒體運營培訓netmarket

產品經(jīng)理培訓課程pm

linux培訓Linux

movies

智能機器人培訓robot

電商視覺設計課程uids

AI

集成電路應用開發(fā)(嵌入式)培訓課程jdbc

在線咨詢 我要報名
和我們在線交談!