本教程主要使用Photoshop結(jié)合AI設(shè)計(jì)科技感十足的QQ軟糖海報(bào),開車主要通過AI和PS兩個軟件來完成,推薦給大家學(xué)習(xí),希望大家可以喜歡。
先看看效果圖
首先,打開ai,并新建畫布。選擇矩形工具,畫出一個矩形,只要填充,色值如圖:
選擇網(wǎng)格工具,在矩形上點(diǎn)擊創(chuàng)建網(wǎng)格。我就自己隨意點(diǎn)擊,創(chuàng)建了一個6X6的網(wǎng)格:
選擇直接選擇工具,通過點(diǎn)擊網(wǎng)格交點(diǎn),可設(shè)置該點(diǎn)范圍內(nèi)顏色:
你也可以按住shift鍵點(diǎn)擊各點(diǎn),可以同時選中并統(tǒng)一上色:
按照這樣的方法,得到如圖效果:
繼續(xù)使用直接選擇工具,通過拖動各點(diǎn)適當(dāng)混合下顏色:
個人感覺效果還不滿意,選擇皺褶工具,進(jìn)行涂抹混合下:
將漸變圖層拖至橢圓圖層上方,創(chuàng)建剪切蒙版,如圖:
ai部分的操作也就結(jié)束了
隨后打開ps,新建畫布。
接下來我們將做好的漸變效果導(dǎo)入ps中,記住導(dǎo)入時我們最好選擇“智能對象”:
選擇橢圓工具,按住shift,拉出一個只有填充的正圓,如圖:
選擇漸變圖層,ctrl+t自由變換。進(jìn)行適當(dāng)調(diào)整位置,建議最好選擇如圖這種左右顏色分區(qū)的位置:
接著,我們將橢圓圖層以及漸變圖層打上組,并ctrl+j拷貝一份出來,如圖:
并將拷貝的組右鍵,選擇“合并組”。將原始組隱藏,得到如圖效果:
選擇拷貝組圖層,ctrl+t并右鍵選擇變形:
通過對圖形變形處理,得到如圖效果:
達(dá)到滿意效果后,執(zhí)行濾鏡—雜色—添加雜色,參數(shù)如圖:
新建透明圖層1,選擇柔性畫筆,在合適位置點(diǎn)擊添加一個黃光效果。
新建透明圖層2,將畫筆大小設(shè)置大概為8px,畫出一些紅線。
這些主要都是作為裝飾,不會使畫面整體過于單調(diào):
碼字排版,導(dǎo)入樣機(jī)看看效果:
本教程主要使用Photoshop繪制立體感的科技圖形插畫,教程主要通過分解的方式來告訴大家如何完成效果,推薦給朋友學(xué)習(xí),希望大家可以喜歡。
先把最后的效果圖拋出來。
step1:那么,看見這張圖,先分解,即它是由哪幾個部分構(gòu)成的呢?
大背景
透視的背景線
立體圖
以及一些周邊的按鈕之類的。
step2:背景制作
直接選擇矩形工具,拉漸變。
接著選擇橢圓工具,畫一個填充白色的正圓,設(shè)置其羽化值。
好了,背景完成了。
step3:背景透視的線了,這個地方我用的方法比較笨,所以畫了好久好久好久好久~
先用矩形工具畫一個矩形,填充去掉,描邊2px
接著,根據(jù)需要的點(diǎn)配合鋼筆工具的加減錨點(diǎn)以及小白(直接選擇工具)進(jìn)行錨點(diǎn)的一對一修改。
然后用相同的方法拼出來一整個背景線條
畫好后,ctrl+G進(jìn)行編組,并復(fù)制一個組,命名背景-線,第一個組隱藏掉。(這個操作是備份,以防后續(xù)需要進(jìn)行修改)。
接著,在復(fù)制的組 背景-線 右鍵 - 轉(zhuǎn)為智能對象,并進(jìn)行顏色疊加。
接下來進(jìn)行透視操作,先快捷鍵ctrl+T,將圖旋轉(zhuǎn)45度,如下圖:
旋轉(zhuǎn)45°后,再次右鍵,選擇扭曲,并操作
那么,背景就完成了。
step4:立體的圖了,這個我們需要先把層分出來,就跟剛剛對整個畫面分層是一樣的道理,先來看第一個。
將元素組合起來,就是模型01的樣式了。
接下來看一下有光的效果的是拆分。
剩下的就是疊加上去,凹進(jìn)去的可以創(chuàng)建剪切蒙版,快捷鍵ctrl+alt+G
等幾個圖形都制作完畢后,就進(jìn)行一下整體的調(diào)節(jié),添加一些周邊的東西。剩下還有一個按鈕,疊加了兩層,原本考慮直接用內(nèi)陰影,效果不理想,于是就分兩層來做了。
最后,成品啦!
圖片來源/百度