ui插畫設(shè)計教程

ui插畫設(shè)計教程：其實插畫并沒有那么難，很多同學(xué)覺得困難主要是因為平時積累太少，缺乏原創(chuàng)性思維，那么我們不妨就從基本的開始做起，今天小編主要給大家分享ui插畫設(shè)計教程，希望對你們有幫助!

給主要物體上色

有了基本的明暗關(guān)系，我們將進(jìn)一步著色。首先，選擇其固有顏色，調(diào)整飽和度和亮度作為基本色，然后使用漸變模式根據(jù)光向?qū)�齊來填充顏色。

(1)使用路徑選擇工具選擇圖形，點擊左上角屬性欄中的填充，選擇漸變填充;

(2)雙擊漸變條上的色標(biāo)，用吸管工具吸取圖片中相應(yīng)部分的顏色;

(3)調(diào)整剛剛被吸取的顏色的亮度和飽和度，并沿著物體表面的照明方向填充漸變顏色;

(4)草、臺階等光線變化不明顯的地方要用純色填充。

對于那些配色不好的小伙伴，我建議你選擇一些色彩感強(qiáng)的圖片作為參考，這是學(xué)習(xí)配色非常好的方法。

這里需要注意的是不要太注重細(xì)節(jié)，相同的色調(diào)應(yīng)盡可能用于相同類型的材料，飽和度和亮度之間的差異不應(yīng)太大。顏色的使用應(yīng)該盡量減少，以確保畫面的簡單。

優(yōu)化背景天空

既然我們已經(jīng)處理了建筑的主體，接下來集中精力刻畫背景部分的天空。

(1)選擇天空圖形，填充線性漸變，分別用顏色值為# F8EA6A和#FF2116;

(2)選擇鋼筆工具，在天空左側(cè)為晚霞創(chuàng)建一個三角形，顏色填充為#FE8F70，復(fù)制兩次，調(diào)整圖片右側(cè)的大小，透明度設(shè)置為65%左右;

(3)再次使用鋼筆工具創(chuàng)建一個較小的三角形，向下移動上錨點使其壓扁，顏色填充文#FE8F70，透明度設(shè)置為100%。

在建筑物和植物前面，我們使用了許多冷色，為了突出主體，可以選擇紅色、黃色這類暖色作為天空的背景色，并適當(dāng)添加一些云彩作為裝飾，以免過于空蕩。

添加雜色紋理

這里我們的插圖已經(jīng)基本完成，但是建筑的表面看起來非常光滑，所以我們可以給整幅畫增加一些噪點，使它更有質(zhì)感。

(1)點擊鍵盤上的D鍵，將前景色和背景色設(shè)置為默認(rèn)的黑白，點擊X鍵，切換背景色和前景色;

(2)創(chuàng)建一個新的空白圖層，點擊OPTION+DELETE鍵，用黑色填充;

(3)選擇濾鏡-雜色-添加雜色;

(4)建議數(shù)量設(shè)置為50%，選擇平均分布和單色，然后單擊確定;

(5)將雜色層的混合模式設(shè)置為柔光。

柔光模式可以使雜色層更自然地融入插圖，使整個畫面更具對比度，看起來更有質(zhì)感。

現(xiàn)在我們終于結(jié)束了!怎么樣，是不是很簡單！