話(huà)不多說(shuō)，直接上手先吃瓜吧，哦不，做圖吧！學(xué)會(huì)這幾招，再也不要甲方爸爸提供渣渣圖片素材了。
這個(gè)案例我之前分享過(guò)小紅書(shū)，相信我，我不是想偷懶，我只是想把這個(gè)實(shí)用好技巧讓更多的小伙伴知道（一臉正經(jīng)說(shuō)的）。
看過(guò)的小伙伴也不要急，畢竟后面還有 5 個(gè)案例都是船新未公開(kāi)的版本！走過(guò)路過(guò)不要錯(cuò)過(guò)！
我們?cè)?AI 里畫(huà)一個(gè)正方形選擇【效果】→【3D】→【凸出和斜角】得到一個(gè)正方體，然后選擇擴(kuò)展，每個(gè)面填充白色透明→不透明的漸變。
畫(huà)一個(gè)藍(lán)白漸變色的背景，給夏日里一抹清涼的感覺(jué)~
這個(gè)桃子是我用蘋(píng)果電腦自帶的【Apple Color Emoji】輸入法打出來(lái)的，也不一定用桃子，也可以別的喲～
（后面的步奏都是在 PS 里完成的哦～）把桃子放在立方體下面，合并【桃子】+【立方體】圖層，選擇【濾鏡】→【濾鏡庫(kù)】→【扭曲】→【玻璃】數(shù)值參考如下。
復(fù)制一個(gè)，調(diào)整大小節(jié)奏，再調(diào)整一下角度，按住【ctrl+alt+shift+E】鍵，得到一個(gè)合并可見(jiàn)圖層的新圖層。
再?gòu)?fù)制一層（留用），選擇一個(gè)圖層【濾鏡】→【模糊】→【高斯模糊】，數(shù)值：【5】，選擇【濾鏡】→【濾鏡庫(kù)】→【扭曲】→【海洋玻璃】數(shù)值如下。
選擇之前復(fù)出來(lái)留用的那層置于頂層，圖層模式選擇【顏色加深】，透明度【30%】。
繼續(xù)細(xì)化，用圖案建立→填充的方式，加點(diǎn)細(xì)節(jié)，用混合方式做一個(gè)線(xiàn)條背景再加像素字點(diǎn)綴，其他文字環(huán)繞編排即可。
不知不覺(jué)來(lái)到了中午，夏日炎炎，我買(mǎi)了一根雪糕，這次的技巧可以說(shuō)相當(dāng)簡(jiǎn)單，我速戰(zhàn)速?zèng)Q，畢竟我的雪糕是會(huì)融的……
在 Ai 里畫(huà)一個(gè)矩形，調(diào)整圓角，選擇【效果】→【3D】→【凸出和斜角】數(shù)值如下：
擴(kuò)展圖形，然后調(diào)整角度，除頂部部分的形狀合并，然后填充漸變色，復(fù)制多一個(gè)形狀，添加描邊。
把頂部的形狀復(fù)制兩個(gè)，排好填充顏色，然后選擇三個(gè)形狀【對(duì)象】→【混合】→【建立】，如果步數(shù)不夠，就選擇混合工具，按住【ALT】鍵，輸入合適步數(shù)即可。
同樣的方法做一個(gè)雪糕棒吧，然后把這幾個(gè)形狀組合在一起，就得到這根可口的雪糕啦！趕快吃起來(lái)，哦不，做起來(lái)吧！
根據(jù)文字的大小加入色塊編排可以增加版面的色彩層次，再來(lái)點(diǎn)路徑文字，活躍一下版面，加上其他文案，這張海報(bào)就完成啦！
這次技法以文字為主體，做一個(gè)夏日凍感的文字，選擇一個(gè)圓體的文字，在 PS 里轉(zhuǎn)成智能對(duì)象，選擇【濾鏡】→【模糊畫(huà)廊】→【路徑模糊】數(shù)值路徑如下：
添加一個(gè)蒙版，用畫(huà)筆把邊緣擦得虛一些。
然后新建一個(gè)文字圖層，改成描邊效果，然后轉(zhuǎn)成智能對(duì)象，復(fù)制上面智能濾鏡的效果到這個(gè)圖層，加入漸變，這個(gè)冰塊字就做好啦！
接著我們來(lái)做文字編排部分，傾斜的文字能夠增強(qiáng)畫(huà)面動(dòng)感，豐富版面，再用【！】增強(qiáng)情緒張力，其他文字環(huán)繞編排即可。
萬(wàn)物皆可卷……而我選擇躺平，哦不，我選擇讓紙張自己卷，這次做一個(gè)簡(jiǎn)單上手的紙張卷曲效果。
先做兩組簡(jiǎn)單的文字編排，調(diào)出符號(hào)面板，直接往里面拖即可。
選擇螺旋線(xiàn)工具，畫(huà)出線(xiàn)條，然后選擇【效果】→【3D】→【凸出和斜角】，數(shù)值如下：
先別點(diǎn)【確定】哦，點(diǎn)擊左邊的【貼圖】按鈕，進(jìn)入貼圖頁(yè)面，選擇其中三個(gè)表面，選擇前面做好的符號(hào)圖樣，并調(diào)整大小，即可得到這個(gè)卷曲紙張的效果啦！
因?yàn)槲淖肿隽司砬男Ч螅喿x性會(huì)降低，所以我們還是要重復(fù)排一遍文字，然后我們?cè)偌尤氡尘皾u變色豐富一下，再來(lái)點(diǎn)質(zhì)感會(huì)更好，于是我打開(kāi)了 PS，找了張褶皺的紙張紋理進(jìn)行疊加，最后再加點(diǎn)雜色即可！
卷完紙張，我們來(lái)卷文字吧！，天長(zhǎng)地久有時(shí)盡，此卷綿綿無(wú)絕期……
選擇一個(gè)高挑的字體，然后再畫(huà)一根線(xiàn)進(jìn)行分割，得到如下圖四組圖形，并依次拖入符號(hào)面板：
畫(huà)一個(gè)矩形，調(diào)整圓角，然后選擇【效果】→【3D】→【凸出和斜角】，數(shù)值如下，點(diǎn)擊左邊的【貼圖】按鈕，進(jìn)入貼圖頁(yè)面，選擇其中三個(gè)表面，選擇前面做好的符號(hào)圖樣，并調(diào)整大小，如圖所示，即可得到這個(gè)卷曲的文字效果。
得到圖形后，選擇擴(kuò)展，可以看到有些錨點(diǎn)沒(méi)有完全吻合，手動(dòng)調(diào)整一下即可，另一個(gè)圖形也用同樣的方法即可得到。
選擇圖形其中兩面替換顏色，再添加一些有趣的圖形，增強(qiáng)畫(huà)面的趣味。
加入趣味標(biāo)題，與其他文字編排，這張海報(bào)也完成啦！
這次的案例到這也就告一段落了，說(shuō)時(shí)遲那時(shí)快，萌萌又來(lái)一句：要不再來(lái)一張？此刻的我當(dāng)然是歡（mian）天（wu）喜（biao）地（qing）說(shuō)：好！
于是，我打開(kāi)剛剛關(guān)閉的 PS，打出文字，柵格化后，選擇【濾鏡】→【模糊畫(huà)廊】→【移軸模糊】，調(diào)整路徑，讓文字上下邊緣有模糊的效果。
復(fù)制一層，然后選擇【涂抹工具】，用柔邊畫(huà)筆，強(qiáng)度選擇【70%】，沿著文字邊緣涂抹出想要的形狀即可。
新建一個(gè)漸變映射圖層，添加漸變色，就可以得到這個(gè)字體流動(dòng)效果啦！
接著，同樣的秘方，我們來(lái)加點(diǎn)質(zhì)感，找一張做舊紋理的背景，調(diào)整合適的圖層樣式效果即可。
繼續(xù)添加細(xì)節(jié)，畫(huà)一些簡(jiǎn)單的圖形豐富版面，用網(wǎng)格工具畫(huà)一個(gè)小網(wǎng)格，再加入一個(gè)酸性的手寫(xiě)字裝飾一下
再加入簡(jiǎn)單的文字編排，這個(gè)版面也就完成啦！
作者：大熊
轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》AI & PS 夏日魔法篇
藍(lán)藍(lán)設(shè)計(jì)( m.izc.net.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司