插畫製作,用PS製作科技感爆棚的立體感插畫

本篇教程用PS製作科技感爆棚的立體感插畫,主要通過分解的方式來製作此效果,整個完成圖可以看到科技感十足,是一個很有創意的插畫,感興趣的朋友可以通過教程來練習一下。


效果圖:

插畫製作,用PS製作科技感爆棚的立體感插畫

操作步驟:

step1:那麼,看見這張圖,先分解,即它是由哪幾個部分構成的呢?

大背景

插畫製作,用PS製作科技感爆棚的立體感插畫

透視的背景線

插畫製作,用PS製作科技感爆棚的立體感插畫

立體圖

插畫製作,用PS製作科技感爆棚的立體感插畫

以及一些周邊的按鈕之類的。

step2:背景製作

直接選擇矩形工具,拉漸變。

插畫製作,用PS製作科技感爆棚的立體感插畫

接著選擇橢圓工具,畫一個填充白色的正圓,設置其羽化值。

插畫製作,用PS製作科技感爆棚的立體感插畫

好了,背景完成了。

step3:背景透視的線了,這個地方我用的方法比較笨,所以畫了好久好久好久好久~

先用矩形工具畫一個矩形,填充去掉,描邊2px

插畫製作,用PS製作科技感爆棚的立體感插畫

接著,根據需要的點配合鋼筆工具的加減錨點以及小白(直接選擇工具)進行錨點的一對一修改。

插畫製作,用PS製作科技感爆棚的立體感插畫

插畫製作,用PS製作科技感爆棚的立體感插畫

插畫製作,用PS製作科技感爆棚的立體感插畫

然後用相同的方法拼出來一整個背景線條

畫好後,ctrl+G進行編組,並複製一個組,命名背景-線,第一個組隱藏掉。(這個操作是備份,以防後續需要進行修改)。

接著,在複製的組 背景-線 右鍵 - 轉為智能對象,並進行顏色疊加。

插畫製作,用PS製作科技感爆棚的立體感插畫

接下來進行透視操作,先快捷鍵ctrl+T,將圖旋轉45度,如下圖:

插畫製作,用PS製作科技感爆棚的立體感插畫

旋轉45°後,再次右鍵,選擇扭曲,並操作

插畫製作,用PS製作科技感爆棚的立體感插畫

插畫製作,用PS製作科技感爆棚的立體感插畫

那麼,背景就完成了。

step4:立體的圖了,這個我們需要先把層分出來,就跟剛剛對整個畫面分層是一樣的道理,先來看第一個。

插畫製作,用PS製作科技感爆棚的立體感插畫

插畫製作,用PS製作科技感爆棚的立體感插畫

將元素組合起來,就是模型01的樣式了。

接下來看一下有光的效果的是拆分。

插畫製作,用PS製作科技感爆棚的立體感插畫

剩下的就是疊加上去,凹進去的可以創建剪切蒙版,快捷鍵ctrl+alt+G

等幾個圖形都製作完畢後,就進行一下整體的調節,添加一些周邊的東西。剩下還有一個按鈕,疊加了兩層,原本考慮直接用內陰影,效果不理想,於是就分兩層來做了。

插畫製作,用PS製作科技感爆棚的立體感插畫

最後,成品啦!

插畫製作,用PS製作科技感爆棚的立體感插畫

是不是比較有科技感呢,感興趣可以動手來練習一下看看,是否自己也能做出如此酷炫的插畫。



分享到:


相關文章: