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

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

Adobe Photoshop 2020 v21.2.12.215 ACR14.0 中文版+安裝教程
- 類型:圖像處理
- 大?。?/span>1.93GB
- 語言:簡(jiǎn)體中文
- 時(shí)間:2022-05-13
先把最后的效果圖拋出來。
step1:那么,看見這張圖
先分解,即它是由哪幾個(gè)部分構(gòu)成的呢?
大背景
透視的背景線
立體圖
以及一些周邊的按鈕之類的。
step2:背景制作
直接選擇矩形工具,拉漸變。
接著選擇橢圓工具,畫一個(gè)填充白色的正圓,設(shè)置其羽化值。
好了,背景完成了。
step3:背景透視的線
這個(gè)地方我用的方法比較笨,所以畫了好久好久好久好久~
先用矩形工具畫一個(gè)矩形,填充去掉,描邊2px
接著,根據(jù)需要的點(diǎn)配合鋼筆工具的加減錨點(diǎn)以及小白(直接選擇工具)進(jìn)行錨點(diǎn)的一對(duì)一修改。
然后用相同的方法拼出來一整個(gè)背景線條
畫好后,ctrl+G進(jìn)行編組,并復(fù)制一個(gè)組,命名背景-線,第一個(gè)組隱藏掉。(這個(gè)操作是備份,以防后續(xù)需要進(jìn)行修改)。
接著,在復(fù)制的組 背景-線 右鍵 - 轉(zhuǎn)為智能對(duì)象,并進(jìn)行顏色疊加。
接下來進(jìn)行透視操作,先快捷鍵ctrl+T,將圖旋轉(zhuǎn)45度,如下圖:
旋轉(zhuǎn)45°后,再次右鍵,選擇扭曲,并操作
那么,背景就完成了。
step4:立體的圖
這個(gè)我們需要先把層分出來,就跟剛剛對(duì)整個(gè)畫面分層是一樣的道理,先來看第一個(gè)。
將元素組合起來,就是模型01的樣式了。
接下來看一下有光的效果的是拆分。
剩下的就是疊加上去,凹進(jìn)去的可以創(chuàng)建剪切蒙版,快捷鍵ctrl+alt+G
等幾個(gè)圖形都制作完畢后,就進(jìn)行一下整體的調(diào)節(jié),添加一些周邊的東西。剩下還有一個(gè)按鈕,疊加了兩層,原本考慮直接用內(nèi)陰影,效果不理想,于是就分兩層來做了。
最后,成品啦!
附上一張應(yīng)用立體感覺設(shè)計(jì)的圖,放在網(wǎng)頁上面,網(wǎng)站看起來就比較專業(yè)啦~
相關(guān)文章
如何用PS繪制C4D軟件圖標(biāo)呢?用PS繪制立體的C4D軟件圖標(biāo)教程
本來只是個(gè)小練習(xí),不過挺多小伙伴希望出教程,所以就有了今天這篇教程,因?yàn)樗玫募记刹欢?,基本都是靠畫筆和形狀工具做的,本次教程會(huì)寫的很詳細(xì)并標(biāo)注出參數(shù)2021-05-06PS怎么設(shè)計(jì)漸變顏色的立體心? ps心形的畫法
PS怎么設(shè)計(jì)漸變顏色的立體?ps中想要設(shè)計(jì)一款立體心形,該怎么操作呢?想要顏色越來越深,最下面是紅黑色,下面我們就來看看ps心形的畫法,需要的朋友可以參考下2021-04-28如何用PS設(shè)計(jì)立體元素的風(fēng)景海報(bào)呢?PS設(shè)計(jì)立體元素的山谷風(fēng)景海報(bào)教程
本教程主要使用Photoshop制作獨(dú)特的潮流立體元素海報(bào),非常獨(dú)特的勵(lì)志海報(bào),具體教程請(qǐng)看下文,大家如果覺得教程還不錯(cuò)的話,也可以推薦給朋友們一起學(xué)習(xí),現(xiàn)在就開始我們今2021-04-19- 前幾天才看了蜘蛛俠的電影,今天我們就一起來學(xué)習(xí)蜘蛛俠的電影海報(bào),海報(bào)主要以打散的風(fēng)格為主題,希望大家可以喜歡,現(xiàn)在開始我們今天的教程吧2021-04-16
- 這篇教程是向朋友們分享用PS繪制一組太空系列的扁平立體圖標(biāo),教程繪制出來的圖標(biāo)非常漂亮,方法很簡(jiǎn)單,喜歡的朋友可以一起來學(xué)習(xí)一下2021-04-14
- 把人物和背景融為一體,使人物從照片中穿出來,這種想法是不是很神奇,這種操作在我們的PS軟件里就可以實(shí)現(xiàn),人物與背景的穿插效果,相信很多同學(xué)們都喜歡,具體如何制作,2021-04-06
用AI結(jié)合PS設(shè)計(jì)3D立體風(fēng)格的超炫酷游戲LOGO教程
游戲LOGO設(shè)計(jì)首先要滿足一點(diǎn),就是酷炫,有卡通范兒。經(jīng)常在網(wǎng)上看到一些炫酷到爆的游戲logo設(shè)計(jì)教程,大體上一看都是非常困難不容易上手,但是只要我們?cè)敿?xì)的將他們拆分開2021-04-02用PS制作3D立體風(fēng)格的震撼視覺效果的高樓大廈海報(bào)
本篇教程通過凸出濾鏡來制作一張比較有震撼視覺效果的海報(bào),制作起來比較簡(jiǎn)單,但是需要細(xì)心操作,需要用鋼筆工具去描出制作物體的輪廓,這一步相當(dāng)考驗(yàn)?zāi)托?,同學(xué)制作的時(shí)2021-04-01PS教程 如何使用3D功能制作橡膠和玻璃質(zhì)感的3D立體字效呢
這個(gè)教程,我們會(huì)用到PS里的矢量編輯和3D功能來做一個(gè)玻璃和橡膠的3D文本,這個(gè)過程中,會(huì)展現(xiàn)怎樣去制造材質(zhì),更改燈光,渲染場(chǎng)景,最后怎樣去調(diào)整整個(gè)結(jié)果的顏色,開始吧2021-03-29PS鼠繪 制作一個(gè)逼真的立體儀表APP圖標(biāo)
本教程主要使用Photoshop繪制立體感十足的儀表盤擬物圖標(biāo),非常逼真的一個(gè)擬物圖標(biāo),推薦給朋友學(xué)習(xí),希望大家可以喜歡2021-03-25