欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

如何繪制立體感的科技圖形?用PS繪制立體感的科技圖形插畫教程

UI中國   發(fā)布時間:2021-05-11 14:34:13   作者:設(shè)計遇上思想   我要評論
本教程主要使用Photoshop繪制立體感的科技圖形插畫,教程主要通過分解的方式來告訴大家如何完成效果,希望大家可以喜歡,現(xiàn)在就開始我們今天的教程吧

本教程主要使用Photoshop繪制立體感的科技圖形插畫,教程主要通過分解的方式來告訴大家如何完成效果,希望大家可以喜歡。

先把最后的效果圖拋出來。

如何繪制立體感的科技圖形?用PS繪制立體感的科技圖形插畫教程

step1:那么,看見這張圖

先分解,即它是由哪幾個部分構(gòu)成的呢?

大背景

如何繪制立體感的科技圖形?用PS繪制立體感的科技圖形插畫教程

透視的背景線

如何繪制立體感的科技圖形?用PS繪制立體感的科技圖形插畫教程

立體圖

如何繪制立體感的科技圖形?用PS繪制立體感的科技圖形插畫教程

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

step2:背景制作

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

如何繪制立體感的科技圖形?用PS繪制立體感的科技圖形插畫教程

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

如何繪制立體感的科技圖形?用PS繪制立體感的科技圖形插畫教程

好了,背景完成了。

step3:背景透視的線

這個地方我用的方法比較笨,所以畫了好久好久好久好久~

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

如何繪制立體感的科技圖形?用PS繪制立體感的科技圖形插畫教程

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

如何繪制立體感的科技圖形?用PS繪制立體感的科技圖形插畫教程

如何繪制立體感的科技圖形?用PS繪制立體感的科技圖形插畫教程

如何繪制立體感的科技圖形?用PS繪制立體感的科技圖形插畫教程

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

畫好后,ctrl+G進行編組,并復(fù)制一個組,命名背景-線,第一個組隱藏掉。(這個操作是備份,以防后續(xù)需要進行修改)。

接著,在復(fù)制的組 背景-線 右鍵 - 轉(zhuǎn)為智能對象,并進行顏色疊加。

如何繪制立體感的科技圖形?用PS繪制立體感的科技圖形插畫教程

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

如何繪制立體感的科技圖形?用PS繪制立體感的科技圖形插畫教程

旋轉(zhuǎn)45°后,再次右鍵,選擇扭曲,并操作

如何繪制立體感的科技圖形?用PS繪制立體感的科技圖形插畫教程

如何繪制立體感的科技圖形?用PS繪制立體感的科技圖形插畫教程

那么,背景就完成了。

step4:立體的圖

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

如何繪制立體感的科技圖形?用PS繪制立體感的科技圖形插畫教程

如何繪制立體感的科技圖形?用PS繪制立體感的科技圖形插畫教程

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

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

如何繪制立體感的科技圖形?用PS繪制立體感的科技圖形插畫教程

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

等幾個圖形都制作完畢后,就進行一下整體的調(diào)節(jié),添加一些周邊的東西。剩下還有一個按鈕,疊加了兩層,原本考慮直接用內(nèi)陰影,效果不理想,于是就分兩層來做了。

如何繪制立體感的科技圖形?用PS繪制立體感的科技圖形插畫教程

最后,成品啦!

如何繪制立體感的科技圖形?用PS繪制立體感的科技圖形插畫教程

附上一張應(yīng)用立體感覺設(shè)計的圖,放在網(wǎng)頁上面,網(wǎng)站看起來就比較專業(yè)啦~

如何繪制立體感的科技圖形?用PS繪制立體感的科技圖形插畫教程

相關(guān)文章

最新評論