Photoshop實(shí)例解析簽名作品中的空間感
Photoshop實(shí)例解析簽名作品中的空間感
首先聲明,個(gè)人對空間感表現(xiàn)得并沒有那么得心應(yīng)手,與各位高手之間存在巨大且難以逾越的差距,只是偶爾可能會(huì)有一些看上去很像有空間感的圖被磨嘰出來??臻g感的制作,不一定非要使用鋼筆畫出那么多的東西,也不一定非要用多么高大上的素材,一些細(xì)節(jié)部分的處理,同樣能幫助我們制作出空間感覺。
這里只是把自己對自己所理解的 【 對所謂的偽空間感的丁丁點(diǎn)感受】表達(dá)一下,不一定對,但個(gè)人認(rèn)為也許會(huì)對某些能理解如此莫名其妙的偽教程的孩紙有一些小小的幫助。因?yàn)樗邢?,技術(shù)有限,所以講解也就沒那么復(fù)雜,只是簡單滴來幾句,分成3個(gè)部分,用3張圖來講解。
以下用到的所有圖均來自個(gè)人,也全都有主,包括各種講解圖,也請手下留情,請自重,謝謝。再次重申,不是高大上的東西,只是簡單滴提示,有幫助更好,沒有幫助就全當(dāng)看了一些無聊文字一笑而過就算了吧,以下內(nèi)容純屬原創(chuàng),盜用撓臉。
第一,素材的細(xì)節(jié)處理。
這張圖我們要看的是這一部分:
重點(diǎn)要說的是這個(gè)素材:
圖中的相框,經(jīng)過了透視、斜切的基本處理。但是,這張圖怎么說也只是一個(gè)平面圖,就算是透視、斜切,它也只是在平面上有了一定的斜面效果而已。但想要表達(dá)的是一個(gè)類似于真實(shí)的相框,為了讓它看上去不再那么平面,就需要進(jìn)行細(xì)節(jié)上的處理了。
其實(shí)處理起來很簡單,來看下面的過程:
1、透視、斜切出一個(gè)斜面。
2、復(fù)制一層,留底備用,再復(fù)制一層,拉低曝光度,這樣就產(chǎn)生了3層。為了方便顯示,將3層距離拉大了,其實(shí)應(yīng)該都知道吧,復(fù)制完了之后是在同一個(gè)位置的。
3、將3層之間稍微拉出距離,只要有一個(gè)內(nèi)凹相框的感覺就可以了。
4、再加上橢圓形的灰色填充和碎裂玻璃紋路之類的處理,添加上陰影,看一個(gè)破裂的鏡面框就出現(xiàn)了。
5,最后再加上成圖時(shí)的各種背景及光線的處理,雖然不那么高明,但至少,有沒有覺得它有一點(diǎn)點(diǎn)滴遠(yuǎn)近空間感?
6,如果再加上一些從諸如碎玻璃這樣的素材圖上隨便截取下來的幾個(gè)小塊塊,同樣復(fù)制幾層做出一定的厚度,加上陰影,就是這個(gè)碎裂鏡框的簡單布局。
這就是關(guān)于素材的細(xì)節(jié),它很小,如果不說,可能有一部分孩紙就不會(huì)注意到這里。雖然能想到利用透視或者斜切去制作一個(gè)斜面,但忽略了真實(shí)情況下這個(gè)鏡面可能會(huì)有的凹陷以及陰影,那么不管其他部分再怎么表現(xiàn),這個(gè)遠(yuǎn)近產(chǎn)生的小小的真實(shí)感也是沒辦法完全表現(xiàn)出來的。
同樣的,如果沒有那幾塊小小的碎玻璃,這個(gè)場景的表現(xiàn)力也會(huì)變得薄弱一些,這也同樣是一個(gè)小小的細(xì)節(jié)之處。如果能注意到,那么一些圖的表達(dá)會(huì)更豐滿。
關(guān)于素材的細(xì)節(jié)處理,其實(shí)可說的東西還有很多,這里只是借用一張圖來簡單滴講解一下。各位不妨也找一些素材試一試,當(dāng)做出這樣的感覺時(shí),一些圖的空間感……嗯,更確切些說是真實(shí)感,就會(huì)幫各位把圖的感覺提升一個(gè)層次。
第二,投影的細(xì)節(jié)處理。
這張圖要說的是這個(gè)部分:
電視機(jī)的素材是這樣的:
顯然,這個(gè)電視機(jī)不符合制作想要的那個(gè)樣子,那就要進(jìn)行一系列的修改:
1、先把電視機(jī)摳出來,折騰掉天線,調(diào)整大小,去色處理,屏幕部分其實(shí)也摳下來了,摳下來的那個(gè)屏幕沒有丟掉哦,后面用來做提亮素材了,形成現(xiàn)在這個(gè)樣子,陰影部分是后加的。
2、找一盆花的素材擺在電視機(jī)旁邊。但是回想一下,現(xiàn)實(shí)情況中,如果能反光的電視機(jī)外殼旁有花,那么就一定會(huì)有投影的存在。所以,就有了這樣的處理:將花復(fù)制,然后反向,再柔光,調(diào)整合適的位置,要注意花與花要對應(yīng),葉與葉要對應(yīng),接著使用矢量蒙版,或者干脆就用橡皮,將左側(cè)電視機(jī)外殼以外的部分弄掉。
3、這樣還不算完哦!!看看電視機(jī)的上面外殼,如果擺放的花沒有超過電視機(jī),這一部分就不用處理了,可是花超過了電視機(jī)的高度,有一部分的葉子和花伸了出來,那么它就有可能在上面也留下投影,所以同樣道理,也復(fù)制一層,但要注意這次要垂直翻轉(zhuǎn)了,然后同2一樣的處理,得到一個(gè)在電視機(jī)外殼上有投影的畫面。
看,這樣是不是就顯得真實(shí)許多了呢?空間感什么的,小小的細(xì)節(jié)注意到了,再加上本身電視機(jī)這個(gè)素材就是空間感的素材,所以完善了細(xì)節(jié)之后,這個(gè)空間自然就有所體現(xiàn)。
關(guān)于投影的細(xì)節(jié)很多孩紙會(huì)忽略掉,但這也就會(huì)讓圖變成典型的堆疊素材。簡單滴一個(gè)復(fù)制+翻轉(zhuǎn),然后再簡單滴要么柔光要么減少透明度,然后再涂抹掉不需要的部分,有了投影的畫面,是不是也會(huì)自然許多呢?
第三,倒影的細(xì)節(jié)處理。
這里要說的是這個(gè)部分:
這張圖沒有用其他更多的素材,除了背景一些質(zhì)感以外,其他的要么是原圖,要么是簡單滴用了一下鋼筆,就是那4塊不正經(jīng)滴淺色滴東西。接下來能體現(xiàn)這個(gè)空間感的最重要的部分,就是這張圖的倒影處理了,至少個(gè)人如此認(rèn)為。
那么具體怎么辦呢?可不是簡單滴復(fù)制再垂直翻轉(zhuǎn)。
1、先說這一部分,不知道有么有注意到兩邊的那兩個(gè)小小的豎條條,那也是制作出厚實(shí)的紙板感覺所必須的。
2、然后,的確是整體垂直翻轉(zhuǎn),下拉至合適的位置,但是這時(shí)我們會(huì)發(fā)現(xiàn),翻轉(zhuǎn)之后的部分和原有的部分是對稱的,那么這時(shí)就需要我們再次重新將所有的圖層經(jīng)過斜切進(jìn)行調(diào)整,讓翻轉(zhuǎn)之后的圖的上邊和原有的圖的下邊平行,從而才能調(diào)整至真正的倒影狀態(tài)。同樣是要回想一下真實(shí)情況下,這個(gè)倒影是怎樣的,然后再去動(dòng)手。這就形成了真正的倒影。之后再加上一個(gè)向后的陰影。
3、接著加上這只手臂,手里提著一串果實(shí),想象一下在桌面上它可能有的倒影。那么我們要處理的就是這樣幾個(gè)部分:果實(shí)在2中的那部分圖上的陰影,一定要加上,直接復(fù)制,拉低曝光度,調(diào)整透明度、模糊,調(diào)整遠(yuǎn)近距離,放置合適位置即可;果實(shí)在桌面上的倒影,簡單滴翻轉(zhuǎn)拉漸變即可;手臂在桌面上的倒影,同樣是翻轉(zhuǎn)拉漸變,還要注意的是手臂會(huì)在桌面上形成的陰影,也不要忘記加上,簡單滴拉一個(gè)斜面的填充小黑色就好。然后就形成現(xiàn)在這樣的圖面。
4、接著就是這些落在桌面上的小果實(shí),同樣也不要認(rèn)為只是簡單滴翻轉(zhuǎn)然后拉漸變就能處理了。要注意到果實(shí)與桌面之間的角度,這就意味著翻轉(zhuǎn)之后的小果實(shí)們都要調(diào)整角度,以保證果實(shí)與倒影之間合理的連接,之后再加上一些小陰影,完成。
關(guān)于倒影的處理,有些孩紙也習(xí)慣簡單滴翻轉(zhuǎn)漸變,包括水波紋上的倒影也是同樣道理,要注意到倒影存在的合理性,這樣制作出來的倒影才能更貼近空間感所需的效果。
以上這就是個(gè)人對細(xì)節(jié)之處的一些理解,至少個(gè)人認(rèn)為這些細(xì)節(jié)在體現(xiàn)空間感這方面會(huì)有一些小小的幫助。在制作的時(shí)候,只要對一些細(xì)節(jié)部分多加注意,多進(jìn)行一些處理,哪怕圖不那么復(fù)雜,也一樣會(huì)讓看圖的人感覺眼前一亮的。
當(dāng)然,這些都只是個(gè)人小小的心得體會(huì),也許不一定適用于所有孩紙作圖的習(xí)慣,只是給出一個(gè)小小的建議。
在交流區(qū)點(diǎn)評的時(shí)候,也經(jīng)常習(xí)慣于對各位說“請多注意細(xì)節(jié)”,就是這個(gè)意思,多一些小小的細(xì)節(jié)處理,圖的感覺會(huì)更加細(xì)膩,哪怕只是一個(gè)小小的倒影,相信也能讓圖有不一樣的味道。
本文地址:http://m.pkvc.cn/tutorial/ps2739.html
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢
- 10個(gè)智能對象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏