當(dāng)前位置:首頁>軟件教程>AI教程>教程內(nèi)容

AI教程,做出時下最in的扁平化圖片

來源:站酷 作者:不詳 學(xué)習(xí):10861人次

看各大網(wǎng)站及各大媒體主流的圖片效果大都是扁平化簡潔的風(fēng)格,是不是很清新,有沒有自己想動手做一做的沖動呢,這篇文章就是教大家如何制作噢,我們一起動起手來,先來做一個扁平化的小商店吧。

AI教程,做出時下最in的扁平化圖片_www.theoat.com.cn
www.theoat.com.cn

嗯,我們觀察一下,這是一個扁平的插畫,所以呢,我們做的更多是一些高光和陰影的處理。

那么,要點說完我們就開始吧!

首先,還是新建一個文檔。(800*600px,鍵盤增量設(shè)為1px)

AI教程,做出時下最in的扁平化圖片_www.theoat.com.cn

step 1 :要想富,先修路

新建一個800*120px,顏色為#706B79的矩形,然后在它上面加一個704*10px,顏色為#A8A5AA矩形和一個704*6px,顏色為#706B79的矩形。

AI教程,做出時下最in的扁平化圖片_www.theoat.com.cn

ok,路以通,我們來建個商店賺錢吧。

step 2 :建個商店。

1)新建一個314*7px,顏色為#9D9588的矩形作為商店的地面。然后建一個36*256px,顏色為#E9E7DC的矩形作為商店的側(cè)墻。再在墻上添加兩個22*53px,顏色為#F9F6E6的矩形,和一個22*125px,顏色為#F9F6E6的矩形作為墻上的裝飾(浮雕。。)然后這3個矩形都讓他們有個5px的反向圓角。

AI教程,做出時下最in的扁平化圖片_www.theoat.com.cn

2)將剛剛的3個裝飾(浮雕)編組,復(fù)制兩次,然后將上面一個向下移動2px,再選中它的下一層,布爾運算,減去頂層,改變顏色為#D6D4C3。將新得到的裝飾連同墻一起編組,復(fù)制一個,移到右邊對應(yīng)的位置。

AI教程,做出時下最in的扁平化圖片_www.theoat.com.cn

3)新建一個90*180px的矩形,顏色為#EAAB61作為門。然后再建一個62*34px,顏色為#DB9747的矩形(可能是寵物的入口。。)然后給這個寵物門做個陰影。復(fù)制兩次,減去頂層,改變顏色(平面里添加層次感)。

AI教程,做出時下最in的扁平化圖片_www.theoat.com.cn

4)新建一個62*112px,顏色為#78C4ED的矩形(門上的玻璃),然后添加一個5*112px,顏色為#64ABD5的矩形作為陰影。接著畫幾個白色的矩形,旋轉(zhuǎn)45度,改變不透明度(玻璃上添加高光)為30%,利用形狀生成器工具減去多余的部分。

AI教程,做出時下最in的扁平化圖片_www.theoat.com.cn

5)再在門上畫一個On Sale 的牌子。畫一個30*20px的白色牌子,然后畫兩個2*18px的繩子,顏色為#EAAB61,各自旋轉(zhuǎn)45°,接著畫個6*6px的白色釘子。然后畫兩個顏色為#F7DDC0的矩形充當(dāng)文字。接著給牌子做個陰影,顏色為#64ABD5,方法同寵物入口。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!