keywords:PS教程,AI教程,炫彩立體圖標(biāo)制作,圖標(biāo)設(shè)計(jì),立體效果,圖形設(shè)計(jì),平面設(shè)計(jì),創(chuàng)意教學(xué)

關(guān)于教程

前幾天做UAG的打卡，不知道用什么選題，但是你們的肥子老師給我推薦了這個(gè)作者Vlad Tretiak。就看到了他的這張作品。于是就按照他這張作品的風(fēng)格，嘗試延展做了四張新的圖標(biāo)。這次就跟著團(tuán)長(zhǎng)老師一起來看看，這種風(fēng)格的圖標(biāo)從構(gòu)思和實(shí)際操作中是如何完成的吧。

首先在學(xué)習(xí)某種風(fēng)格的時(shí)候，一定要盡可能的對(duì)學(xué)習(xí)對(duì)象的風(fēng)格進(jìn)行分析，整體造型是這種輕擬物帶有三點(diǎn)透視視角的，配色風(fēng)格上采用霓虹配色與深色背景相得益彰，體積光影上符合光影邏輯。

一、造型部分

Step 01：首先根據(jù)分析去找圖片作為參考。

Step?02：根據(jù)參考在AI中使用形狀工具制作出輪廓色塊。

Step?03：框選所有的色塊，并添加3D-凸出的效果，調(diào)整凸出距離與透視角度。

Step?04：分別選中每個(gè)圖層，并調(diào)整位置與凸出距離的長(zhǎng)度，讓畫面有相機(jī)的基本外形。

Step?05：選中所有圖層，然后在對(duì)象中選擇拓展外觀。

Step?06：選中拓展外觀后的圖層，將同類型的結(jié)構(gòu)面合并。

?

Step?07：將圖層復(fù)制到PS中，分路徑調(diào)整好圖層順序，調(diào)整色塊顏色。

二、光影色調(diào)部分

Step?08：根據(jù)光影來向使用畫筆工具加剪貼蒙板繪制出里面的彩色漸變光影,下方是深藍(lán)色，上方為淺粉色，通過這樣的顏色對(duì)比可以制作出初步的體積。

Step 09：轉(zhuǎn)折處使用淺色畫筆增加轉(zhuǎn)折處的反光效果，增強(qiáng)體積感。

Step 10：正面也采用相同的方法，使用畫筆繪制出漸變顏色。

Step 11：繪制顏色的時(shí)候也需要遵循基本的光影規(guī)律，受光面的顏色整體要比背光面的顏色亮。

Step 12：其它部位也采用相同的方式去塑造光影顏色。一些小的形狀就不需要在AI中做。小的形狀不需要考慮太精細(xì)的透視關(guān)系，所以在PS中用形狀工具去做更節(jié)省時(shí)間。

那基本的操作流程就是這樣的，具體的參數(shù)與操作細(xì)節(jié)在視頻中會(huì)有詳細(xì)的講解。大家記得要看視頻，學(xué)會(huì)總結(jié)里面的方法，而不是對(duì)著參數(shù)抄。根據(jù)相同的思路，很快就能做出風(fēng)格相似的作品。