久久国产成人av_抖音国产毛片_a片网站免费观看_A片无码播放手机在线观看,色五月在线观看,亚洲精品m在线观看,女人自慰的免费网址,悠悠在线观看精品视频,一级日本片免费的,亚洲精品久,国产精品成人久久久久久久

分享

Adobe Photoshop科技感QQ軟糖海報(bào)圖片 炫彩科技網(wǎng)頁(yè)立體插畫教程

 百合仔 2019-05-07

PS教學(xué)第41期

第一篇

用PS和AI設(shè)計(jì)科技感很強(qiáng)的QQ軟糖海報(bào)圖片

本教程主要使用Photoshop結(jié)合AI設(shè)計(jì)科技感十足的QQ軟糖海報(bào),開(kāi)車主要通過(guò)AI和PS兩個(gè)軟件來(lái)完成,,推薦給大家學(xué)習(xí),,希望大家可以喜歡。

先看看效果圖

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

首先,打開(kāi)ai,,并新建畫布,。選擇矩形工具,畫出一個(gè)矩形,,只要填充,,色值如圖:

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

選擇網(wǎng)格工具,在矩形上點(diǎn)擊創(chuàng)建網(wǎng)格,。我就自己隨意點(diǎn)擊,,創(chuàng)建了一個(gè)6X6的網(wǎng)格:

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

選擇直接選擇工具,通過(guò)點(diǎn)擊網(wǎng)格交點(diǎn),,可設(shè)置該點(diǎn)范圍內(nèi)顏色:

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

你也可以按住shift鍵點(diǎn)擊各點(diǎn),,可以同時(shí)選中并統(tǒng)一上色:

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

按照這樣的方法,得到如圖效果:

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

繼續(xù)使用直接選擇工具,,通過(guò)拖動(dòng)各點(diǎn)適當(dāng)混合下顏色:

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

個(gè)人感覺(jué)效果還不滿意,選擇皺褶工具,,進(jìn)行涂抹混合下:

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

將漸變圖層拖至橢圓圖層上方,,創(chuàng)建剪切蒙版,如圖:

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

ai部分的操作也就結(jié)束了

隨后打開(kāi)ps,,新建畫布,。

接下來(lái)我們將做好的漸變效果導(dǎo)入ps中,記住導(dǎo)入時(shí)我們最好選擇“智能對(duì)象”:

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

選擇橢圓工具,,按住shift,,拉出一個(gè)只有填充的正圓,如圖:

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

選擇漸變圖層,,ctrl+t自由變換,。進(jìn)行適當(dāng)調(diào)整位置,建議最好選擇如圖這種左右顏色分區(qū)的位置:

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

接著,,我們將橢圓圖層以及漸變圖層打上組,,并ctrl+j拷貝一份出來(lái),如圖:

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

并將拷貝的組右鍵,,選擇“合并組”,。將原始組隱藏,得到如圖效果:

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

選擇拷貝組圖層,,ctrl+t并右鍵選擇變形:

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

通過(guò)對(duì)圖形變形處理,,得到如圖效果:

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

達(dá)到滿意效果后,執(zhí)行濾鏡—雜色—添加雜色,,參數(shù)如圖:

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

新建透明圖層1,,選擇柔性畫筆,在合適位置點(diǎn)擊添加一個(gè)黃光效果,。

新建透明圖層2,,將畫筆大小設(shè)置大概為8px,,畫出一些紅線。

這些主要都是作為裝飾,,不會(huì)使畫面整體過(guò)于單調(diào):

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

碼字排版,,導(dǎo)入樣機(jī)看看效果:

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

第二篇

制作炫彩科技網(wǎng)頁(yè)立體插畫圖片的PS教程

本教程主要使用Photoshop繪制立體感的科技圖形插畫,教程主要通過(guò)分解的方式來(lái)告訴大家如何完成效果,,推薦給朋友學(xué)習(xí),,希望大家可以喜歡。

先把最后的效果圖拋出來(lái),。

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

step1:那么,,看見(jiàn)這張圖,先分解,,即它是由哪幾個(gè)部分構(gòu)成的呢?

大背景

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

透視的背景線

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

立體圖

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

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

step2:背景制作

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

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

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

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

好了,,背景完成了。

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

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

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

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

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

然后用相同的方法拼出來(lái)一整個(gè)背景線條

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

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

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

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

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

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

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

那么,,背景就完成了,。

step4:立體的圖了,這個(gè)我們需要先把層分出來(lái),,就跟剛剛對(duì)整個(gè)畫面分層是一樣的道理,,先來(lái)看第一個(gè)。

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

將元素組合起來(lái),,就是模型01的樣式了,。

接下來(lái)看一下有光的效果的是拆分。

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

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

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

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

最后,成品啦!

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

Adobe Photoshop科技感QQ軟糖海報(bào)圖片+炫彩科技網(wǎng)頁(yè)立體插畫教程

圖片來(lái)源/百度

記得關(guān)注哦

記得點(diǎn)贊哦

記得評(píng)論哦

記得轉(zhuǎn)發(fā)哦

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,,所有內(nèi)容均由用戶發(fā)布,,不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式,、誘導(dǎo)購(gòu)買等信息,,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,,請(qǐng)點(diǎn)擊一鍵舉報(bào),。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類似文章 更多