ui插畫設計教程

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

給主要物體上色

有了基本的明暗關系，我們將進一步著色。首先，選擇其固有顏色，調整飽和度和亮度作為基本色，然后使用漸變模式根據光向對齊來填充顏色。

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

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

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

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

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

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

優化背景天空

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

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

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

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

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

添加雜色紋理

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

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

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

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

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

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

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

現在我們終于結束了!怎么樣，是不是很簡單！