小男孩‘自慰网亚洲一区二区,亚洲一级在线播放毛片,亚洲中文字幕av每天更新,黄aⅴ永久免费无码,91成人午夜在线精品,色网站免费在线观看,亚洲欧洲wwwww在线观看

分享

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

 百合仔 2019-05-07

PS教學(xué)第41期

第一篇

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

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

先看看效果圖

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

隨后打開ps,新建畫布。

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

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

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

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

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

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

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

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

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

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

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

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

通過對圖形變形處理,得到如圖效果:

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

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

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

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

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

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

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

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

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

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

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

第二篇

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

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

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

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

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

大背景

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

透視的背景線

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

立體圖

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

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

step2:背景制作

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

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

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

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

好了,背景完成了。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

那么,背景就完成了。

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

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

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

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

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

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

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

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

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

最后,成品啦!

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

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

圖片來源/百度

記得關(guān)注哦

記得點(diǎn)贊哦

記得評論哦

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

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

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多