視覺設計 ? 實用級AI、PS技能教程!

實用級AI、PS技能教程!

發表于: 視覺設計. 評論
Sponsor

平時做海報如果沒有照片素材,只有文字編排的時候,通常會比較難出彩,運用簡單的技法塑造一個圖形主體呼應主題,可以說是比較簡單高效的方式了。

實用級AI、PS技能教程!

話不多說,直接上手先吃瓜吧,哦不,做圖吧!學會這幾招,再也不要甲方爸爸提供渣渣圖片素材了。

實用級AI、PS技能教程!

這個案例我之前分享過小紅書,相信我,我不是想偷懶,我只是想把這個實用好技巧讓更多的小伙伴知道(一臉正經說的)。

看過的小伙伴也不要急,畢竟后面還有 5 個案例都是船新未公開的版本!走過路過不要錯過!

實用級AI、PS技能教程!

我們在 AI 里畫一個正方形選擇【效果】→【3D】→【凸出和斜角】得到一個正方體,然后選擇擴展,每個面填充白色透明→不透明的漸變。

實用級AI、PS技能教程!

畫一個藍白漸變色的背景,給夏日里一抹清涼的感覺~

這個桃子是我用蘋果電腦自帶的【Apple Color Emoji】輸入法打出來的,也不一定用桃子,也可以別的喲~

實用級AI、PS技能教程!

(后面的步奏都是在 PS 里完成的哦~)把桃子放在立方體下面,合并【桃子】+【立方體】圖層,選擇【濾鏡】→【濾鏡庫】→【扭曲】→【玻璃】數值參考如下。

實用級AI、PS技能教程!

復制一個,調整大小節奏,再調整一下角度,按住【ctrl+alt+shift+E】鍵,得到一個合并可見圖層的新圖層。

再復制一層(留用),選擇一個圖層【濾鏡】→【模糊】→【高斯模糊】,數值:【5】,選擇【濾鏡】→【濾鏡庫】→【扭曲】→【海洋玻璃】數值如下。

實用級AI、PS技能教程!

選擇之前復出來留用的那層置于頂層,圖層模式選擇【顏色加深】,透明度【30%】。

實用級AI、PS技能教程!

繼續細化,用圖案建立→填充的方式,加點細節,用混合方式做一個線條背景再加像素字點綴,其他文字環繞編排即可。

實用級AI、PS技能教程!

實用級AI、PS技能教程!

實用級AI、PS技能教程!

不知不覺來到了中午,夏日炎炎,我買了一根雪糕,這次的技巧可以說相當簡單,我速戰速決,畢竟我的雪糕是會融的……

在 Ai 里畫一個矩形,調整圓角,選擇【效果】→【3D】→【凸出和斜角】數值如下:

實用級AI、PS技能教程!

擴展圖形,然后調整角度,除頂部部分的形狀合并,然后填充漸變色,復制多一個形狀,添加描邊。

實用級AI、PS技能教程!

把頂部的形狀復制兩個,排好填充顏色,然后選擇三個形狀【對象】→【混合】→【建立】,如果步數不夠,就選擇混合工具,按住【ALT】鍵,輸入合適步數即可。

實用級AI、PS技能教程!

同樣的方法做一個雪糕棒吧,然后把這幾個形狀組合在一起,就得到這根可口的雪糕啦!趕快吃起來,哦不,做起來吧!

實用級AI、PS技能教程!

根據文字的大小加入色塊編排可以增加版面的色彩層次,再來點路徑文字,活躍一下版面,加上其他文案,這張海報就完成啦!

實用級AI、PS技能教程!

實用級AI、PS技能教程!

實用級AI、PS技能教程!

這次技法以文字為主體,做一個夏日凍感的文字,選擇一個圓體的文字,在 PS 里轉成智能對象,選擇【濾鏡】→【模糊畫廊】→【路徑模糊】數值路徑如下:

實用級AI、PS技能教程!

添加一個蒙版,用畫筆把邊緣擦得虛一些。

實用級AI、PS技能教程!

然后新建一個文字圖層,改成描邊效果,然后轉成智能對象,復制上面智能濾鏡的效果到這個圖層,加入漸變,這個冰塊字就做好啦!

實用級AI、PS技能教程!

接著我們來做文字編排部分,傾斜的文字能夠增強畫面動感,豐富版面,再用【!】增強情緒張力,其他文字環繞編排即可。

實用級AI、PS技能教程!

實用級AI、PS技能教程!

實用級AI、PS技能教程!

萬物皆可卷……而我選擇躺平,哦不,我選擇讓紙張自己卷,這次做一個簡單上手的紙張卷曲效果。

先做兩組簡單的文字編排,調出符號面板,直接往里面拖即可。

實用級AI、PS技能教程!

選擇螺旋線工具,畫出線條,然后選擇【效果】→【3D】→【凸出和斜角】,數值如下:

實用級AI、PS技能教程!

先別點【確定】哦,點擊左邊的【貼圖】按鈕,進入貼圖頁面,選擇其中三個表面,選擇前面做好的符號圖樣,并調整大小,即可得到這個卷曲紙張的效果啦!

實用級AI、PS技能教程!

因為文字做了卷曲的效果后,閱讀性會降低,所以我們還是要重復排一遍文字,然后我們再加入背景漸變色豐富一下,再來點質感會更好,于是我打開了 PS,找了張褶皺的紙張紋理進行疊加,最后再加點雜色即可!

實用級AI、PS技能教程!

實用級AI、PS技能教程!

實用級AI、PS技能教程!

卷完紙張,我們來卷文字吧!,天長地久有時盡,此卷綿綿無絕期……

實用級AI、PS技能教程!

選擇一個高挑的字體,然后再畫一根線進行分割,得到如下圖四組圖形,并依次拖入符號面板:

實用級AI、PS技能教程!

畫一個矩形,調整圓角,然后選擇【效果】→【3D】→【凸出和斜角】,數值如下,點擊左邊的【貼圖】按鈕,進入貼圖頁面,選擇其中三個表面,選擇前面做好的符號圖樣,并調整大小,如圖所示,即可得到這個卷曲的文字效果。

實用級AI、PS技能教程!

得到圖形后,選擇擴展,可以看到有些錨點沒有完全吻合,手動調整一下即可,另一個圖形也用同樣的方法即可得到。

實用級AI、PS技能教程!

選擇圖形其中兩面替換顏色,再添加一些有趣的圖形,增強畫面的趣味。

實用級AI、PS技能教程!

加入趣味標題,與其他文字編排,這張海報也完成啦!

實用級AI、PS技能教程!

這次的案例到這也就告一段落了,說時遲那時快,萌萌又來一句:要不再來一張?此刻的我當然是歡(mian)天(wu)喜(biao)地(qing)說:好!

實用級AI、PS技能教程!

實用級AI、PS技能教程!

于是,我打開剛剛關閉的 PS,打出文字,柵格化后,選擇【濾鏡】→【模糊畫廊】→【移軸模糊】,調整路徑,讓文字上下邊緣有模糊的效果。

實用級AI、PS技能教程!

復制一層,然后選擇【涂抹工具】,用柔邊畫筆,強度選擇【70%】,沿著文字邊緣涂抹出想要的形狀即可。

實用級AI、PS技能教程!

新建一個漸變映射圖層,添加漸變色,就可以得到這個字體流動效果啦!

實用級AI、PS技能教程!

接著,同樣的秘方,我們來加點質感,找一張做舊紋理的背景,調整合適的圖層樣式效果即可。

實用級AI、PS技能教程!

繼續添加細節,畫一些簡單的圖形豐富版面,用網格工具畫一個小網格,再加入一個酸性的手寫字裝飾一下

實用級AI、PS技能教程!

再加入簡單的文字編排,這個版面也就完成啦!

實用級AI、PS技能教程!

好了,夜已深,大家晚安,我要去吃點小龍蝦補補了!

作者 | 大熊
來源 | 胡曉波工作室(id:ziyou-design)

推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:為設計新人提供的設計交流群,請加入UI設計交流群,分享經驗、接單、求職、聊設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

{ 發表評論 }