在界面設(shè)計(jì)中我們經(jīng)常會(huì)看到像晶格化效果的背景樣式。讓界面看起來豐富而有細(xì)節(jié)。那么這樣的效果是用形狀工具繪制出來的呢?還是有其他什么簡(jiǎn)單的方法?所以這一期MICU教大家圖和快速制作晶格化的界面效果。喜歡的朋友一起來學(xué)習(xí)吧。
教程里需要的素材:208張三角幾何低多邊形高清背景(383M)
先看看效果圖

第1步
建立漸變背景
首先在PS中新建一個(gè)iphone6(750X1334)的畫布。

然后新建一個(gè)圖層并雙擊圖層,在【圖層樣式】中選擇【漸變疊加】,“混合模式”為正常,“樣式”為線性,“角度”為-90度。

點(diǎn)擊“漸變條”,設(shè)置為深藍(lán)色到黑藍(lán)色的漸變,兩個(gè)顏色不要過度要太強(qiáng)烈。

使用工具欄中的【橢圓工具】繪制一個(gè)200x200的正圓形。


找一張照片素材Ctrl+T縮放發(fā)到合適的大小,按住Alt鍵在照片與圓形形狀圖層中點(diǎn)擊,添加剪切蒙版。


情非得已
Photoshop設(shè)計(jì)撕紙?zhí)匦У娜宋锖?bào)教程2020-10-28
Photoshop制作立體風(fēng)格的國慶節(jié)海報(bào)2020-10-10
Photoshop設(shè)計(jì)撕紙?zhí)匦У娜讼窈?bào)2020-03-27
圖標(biāo)設(shè)計(jì):用PS制作奶油質(zhì)感手機(jī)主題圖標(biāo)2019-11-06
圖標(biāo)設(shè)計(jì):用PS制作中國風(fēng)圓形APP圖標(biāo)2019-11-01
手機(jī)圖標(biāo):用PS設(shè)計(jì)兒童貼畫風(fēng)格的APP圖標(biāo)2019-08-09
電影海報(bào):用PS制作蜘蛛俠海報(bào)效果2019-07-09
創(chuàng)意海報(bào):用PS合成鐵軌上的霸王龍2019-07-08
電影海報(bào):用PS設(shè)計(jì)鋼鐵俠電影海報(bào)2019-07-08
立體海報(bào):用PS制作創(chuàng)意的山川海報(bào)2019-05-22
Photoshop設(shè)計(jì)獼猴桃風(fēng)格的APP圖標(biāo)2021-03-10
Photoshop制作逼真的毛玻璃質(zhì)感圖標(biāo)2021-03-09
Photoshop結(jié)合AI制作抽象動(dòng)感的絲帶2021-03-16
Photoshop結(jié)合AI制作炫酷的手機(jī)貼紙2021-03-16
Photoshop結(jié)合AI制作炫酷的手機(jī)貼紙
相關(guān)文章652021-03-16
Photoshop結(jié)合AI制作抽象動(dòng)感的絲帶
相關(guān)文章1782021-03-16
Photoshop制作逼真的毛玻璃質(zhì)感圖標(biāo)
相關(guān)文章2102021-03-09
Photoshop結(jié)合AI制作炫麗的網(wǎng)格效果
相關(guān)文章10302020-10-28
Photoshop制作立體風(fēng)格的國慶節(jié)海報(bào)
相關(guān)文章7132020-10-10
Photoshop制作時(shí)尚大氣的足球比賽海報(bào)
相關(guān)文章11832020-07-09
Photoshop合成加勒比海盜風(fēng)格電影海報(bào)
相關(guān)文章17202020-04-02
Photoshop制作花朵穿插文字海報(bào)教程
相關(guān)文章24942020-04-02
