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

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

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

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

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

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

那么,要點(diǎn)說完我們就開始吧!

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

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

step 1 :要想富,先修路

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

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

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

step 2 :建個(gè)商店。

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

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

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

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

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

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

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

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

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

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

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

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

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