平面高手課堂!用一篇干貨幫你徹底全面掌握「投影」知識點! - 優設網 - UISDC

平面高手課堂!用一篇干貨幫你徹底全面掌握「投影」知識點!

2019/07/29 25632評論 11

?:之前我們更新過如何做投影的文章:《投影一直做欠好?看這篇文章就搞定!》云南体彩网,主要針對的是投影的原理進行講解,包含如何用圖層樣式去做投影,怎樣用工具繪制投影,這些都是我們了解投影的一個基礎。教程發布之后,很多同學留言,表示沒看夠,希望針對其他投影形式再進行更深入的講解,那這次我們就來滿足人人要求。其實投影的設計不難,只要符合畫面的光影邏輯,然后加上制作投影的方法,基本就能搞定很多基礎的投影形式,話不多說,我們開始今天的教程。

其實投影在設計中的應用是非常廣泛的,好比這些海報,都運用了投影的形式。

什么情況用投影

云南体彩网在平面設計中,除了合成設計之外,我們在什么情況下會選擇用投影?

1. 增加識別性

云南体彩网好比,在顏色比較混亂的配景上添加文字,或者添加圖片,為了區分他們之間的主次關系,我們會添加一個投影。

2. 增加空間感和條理感

云南体彩网這兩個畫面,通過投影與主體的位置關系,發生較強的空間感和條理感。

3. 提升畫面格調

反應產品質感的投影形式,會提升畫面的格調,這類比較多的是化妝品與奢侈品。

4. 增加形式感

云南体彩网如果你的畫面缺少創意性,不妨試試這類投影形式,通常來說它們都是用投影作為畫面中的主體,以此來傳遞出很強的形式感與故事性。

5. UI設計

云南体彩网UI 設計中使用投影。

投影的類型

1. 慣例投影

慣例型投影包含了普通投影,弧形投影,接觸投影,彌散投影。

普通投影

普通投影就是我們最常見的一個投影形式,它可以用圖層樣式來設置,它的特點就是在圖像的四周都邑有點陰影的感覺,讓畫面與配景形成前后景的關系,就像這里的案例。

弧形投影

弧形投影,它的投影是在物體的一側,像翹起的邊沿。

接觸投影

接觸投影,是物體立面與底面的關系,會有一種三維立體的感覺。

彌散投影

云南体彩网彌散投影,與普通投影的區別在于,它更有深度,也是現如今比較流行的投影形式。

2. 長投影

長投影主要分兩種,一種是色塊投影,一種是在色塊的基礎上的漸變投影。

比較常用在圖標的設計,還有海報的設計。

3. 倒影

倒影,這類型陰影應該是比較難處理的了,想必人人在做設計的時候,大多數情況會規避倒影這種形式,除非是拍好的照片自帶倒影,否則很少有同學愿意觸碰這塊。因為它比較考驗人人對圖形的認知能力,以及對透視基礎的掌握,之前我們有講過一篇關于素描知識的文章,在里面介紹過關于物體的基本結構,我們所看到的任何一個物體都有一個結構或者形狀,好比立方體、圓柱體、圓錐體、球體。任何一個物體都可以視為這四種幾何形狀中的一種或幾種的組合。那在倒影傍邊,這些基本形狀同樣適用。

云南体彩网首先來看二維的倒影,二維的倒影比較簡單了,也都很好做,復制一個下來,加個蒙版做漸變處理就可以了。

云南体彩网三維物體,最基本的就是這幾個形狀,或者幾種形狀的組合,掌握幾種形狀的倒影,就能應付大部分倒影的形式。

立方體為基礎型的倒影。

圓柱體為基礎型。

圓錐體為基礎型。

云南体彩网球體為基礎型。

組合型。

4. 懸空投影

懸空投影,這類投影給人很強的空間感,而且大多數情況,投影都邑成為畫面中的主角。

分為三種類型,二維的懸空投影,2.5D 的懸空投影,三維懸空投影。

二維的懸空投影

云南体彩网先來看看二維懸空投影,是二維的平面懸空,添加一個彌散投影。

2.5D的懸空投影

2.5D 沒有消失點,但是會有立體感,在下方添加一個投影,就會有懸空的感覺。

三維懸空投影

三維懸空投影能有很多創意形式。

5. 創意投影

創意投影,它不會根據物體自己的形態去表示,而是根據文案和設計構思而發生的很有創意的投影形式,這個主要靠人人發散思維的聯想了。

云南体彩网最常見的就是片子海報中的投影表示。

6. 場景合成投影

一種情況是接近真實的投影,和實際照片是一樣的事理,一種情況是類似于創意投影,合成的投影算是這幾種投影傍邊最難的。

合成中的投影要自己發明一個光源,也就是想象出一個光源,根據光源關系,繪制出投影效果。

投影在這里都是很真實的表示。

云南体彩网合成也可以做創意投影,這三張公益海報的主角是動物的影子,但是形成影子的是前面的物體,這是很有創意的表示方式。

制作投影的方法

制作投影的方法比較多,好比說利用圖層樣式,用矢量圖形做投影,高斯模糊設置投影,手繪投影等,每一種方法都適用分歧的投影類型,我們想更有效率的完成工作,就要對這些技法有個較深的了解。下面我就帶人人來了解下每種方法。

1. 圖層樣式

云南体彩网第一個,也是最簡單的,用 ps 傍邊的圖層樣式來做。

模式一般我們就選擇默認正片疊底,這是在正片疊底文章中講到過,后面的顏色,如果是主體與配景顏色差別比較大的時候,我們可以選擇環境色;如果差別不大,我們可以選擇主體的相近的顏色,很少有選擇純黑色的投影。

不透明度就是陰影的透明水平,也是很好理解。下面角度,是光線照射的方向。全局光,選擇之后,畫面中其他元素添加投影,就會默認為一個光源,這樣畫面中投影會更和諧。

距離,物體和投影之間的距離,數值越大越遠。擴展,就是陰影面積的巨細。巨細,就是陰影的虛化水平。

等高線,可能很多同學不太理解,其實很簡單的,我們來看下,縱向,越向上,越實,越向下越虛化。橫向,最右側是投影的中心位置,越向左,離中心越遠。根據畫面中的等高線,我們來分析下。

這樣就好理解了,我們看畫面中藍色圓點的位置,代表中心位置很實,黃色圓點的位置代表遠離中心的位置很虛化,最后就得出右側的投影。

云南体彩网那如果說,我想讓投影的周圍都變得很實,該怎么調劑?

就是把虛的那個點向上調劑,這樣,就代表外圍投影變得相對較實,我們會獲得這樣一個投影。

如果我想,投影靠近外圍的位置,變得比較實,靠近中心的位置,變得比較虛,就可以這樣調劑。

獲得的投影是這樣的,我們看到中間白色的區域,就是虛化之后的效果,接近了透明。這個搞懂了,利用圖層樣式做投影也就基本沒什么問題了。

ps 還自帶了這么多等高線的樣式,人人可以去實驗一下。

那什么類型投影,比較適合用圖層樣式來做?

普通的投影和彌散投影。

云南体彩网畫面中人物的投影設置。

2. 矢量圖形做投影

畫一個矢量圖形,之后選擇實時形狀屬性,然后點擊蒙版,通過調劑羽化值,來調劑投影的虛化水平,用這個方法會比較直觀的觀察到,而且因為是矢量圖形,所以還很方便我們隨時調劑它的形狀。

高斯模糊和矢量圖形做投影,所適用的投影類型是一樣的,同樣適用于普通投影,弧形投影,接觸投影,彌散投影。

還有懸空投影,它和矢量圖形投影的區別就是,矢量圖形更方便改顏色和形狀,還有虛化水平。

在主體下方加一個小面積的虛化陰影,就會有懸空的感覺。

3. 高斯模糊做投影

云南体彩网添加高斯模糊之前,一定要記得給圖層轉換為智能對象,因為高斯模糊對圖層是有弗成逆的破壞性的,所以添加智能對象之后會很方便我們隨時去調劑它的顏色和模糊水平,動感模糊同理。

高斯模糊做投影,適用的投影類型。

4. 手繪投影

最后一個,用鋼筆工具或者畫筆工具來繪制投影,這個是比較難的,在投影那篇文章中,我們已經講過在一個場景中,怎樣分析投影的位置,巨細,形狀,方向,以及如何用鋼筆工具去繪制投影,這里我們就不再重復了,如果有不懂的同學,回看之前的文章《投影一直做欠好?看這篇文章就搞定!》

云南体彩网那我們來看一下,手繪投影適合什么類型的設計。

第一種就是合成設計,這個要考慮光源的位置,投影的透視,投影的顏色等,一般會采取畫筆和鋼筆工具的結合。

創意的投影同樣適合,因為它和合成投影基本一樣,只不過不會根據對象的實際特征去繪制。

倒影適合用鋼筆工具和畫筆工具來制作,這里就涉及到了透視,我們能看到物體在基面上的倒影,實際上是物體在基面上的投影的倒立映像。

云南体彩网在平時的工作生活中,我們要學會觀察,好比積水的路面,反射建筑的倒影是什么樣子的,鏡子里的自己,或者可以多看看攝影照片,慢慢養成習慣,提高對倒影的敏感度。

倒影的做法

做倒影最重要就是兩個字──拆分,我們給這個立方體做倒影,首先要思考的是,它的倒影是由哪幾個面發生的,找到物體與承影面接觸的線,然后把這兩個面提取出來,沿著這個線把所在的面拆分出來。

然后向下鏡像,根據實際情況再翻轉,要注意,倒影的透視和原本物體的透視要一致,也就是平行原本對象的邊線。

然后給倒影添加一個蒙版,做一個漸變,就可以了。

用剛才的方法給魔方做一個倒影

同樣把與底邊接觸的面裁剪出來,可以看到透視關系還是紛歧樣的,我們應該讓倒影的面和上面的魔方透視一致。

云南体彩网用調劑巨細里的斜切,調劑倒影的透視。

云南体彩网添加蒙版,然后在與地面接觸的位置添加一個閉塞陰影就可以了。

云南体彩网再做一個復雜點的,給包做倒影。

同樣,找到底面接觸面,然后把相應的面裁切出來。這里注意的是,每個面要零丁拆分,這樣才方便為每個面設置倒影。

把所有拆分的面復制一個出來上下鏡像。

云南体彩网調劑透視,就用調劑巨細工具,斜切,合并倒影的圖層。

云南体彩网用蒙版漸變,別忘了閉塞陰影。

倒影規律及特點:

投影在分歧材質上的表示

好了,前面介紹了每一種投影形式,以及適合的場景。那接下來,我們來看看在同一光源的前提下,分歧承影面,也就是投影在分歧的材質上是如何表示的吧。

1. 布面

布面材質是軟性材質,在光源下會吸收光的反射,所以投影的邊沿會相對模糊,不會過于鋒利。

案例演示

我們來看下在布面材質上的投影的做法,首先在物品與布面底部繪制一個閉塞陰影:

然后新建圖層,根據光源繪制出陰影的長度與形狀:

給長投影做高斯模糊,然后用蒙版把邊沿處理得柔和一些:

云南体彩网統一光影,把產品修飾一下:

整體調劑下色調,就可以了:

2. 鏡面

云南体彩网鏡面是光滑的,所以光照射之后,會形成和物體一樣的影像,也就是倒影。

設計之前,先參考下帶有鏡面倒影的照片。

案例演示

云南体彩网第一步,閉塞陰影:

云南体彩网第二步,拆分圖像,拿到下方,調劑透視,這是之前我們講過步調,這里就不重復了。

調劑產品的光影與色調:

加點小裝飾,烘托氛圍:

云南体彩网最后是整體調劑下色折衷明暗:

3. 水面

水面和鏡面類似,但是水面會存在水波紋,所以在做投影時候要注意投影的形態要與水波紋一致。

參考一些帶有水面倒影的照片。

案例演示

依然先畫閉塞陰影:

繪制出整個投影形態:

高斯模糊處理,因為是水面,所以陰影和倒影要共存:

云南体彩网下面就是倒影了,方法步調同樣。

云南体彩网那么問題來了,是怎么做到彎曲的效果的?其實就是用 PS 傍邊的置換來做,這是置換的參數與水面素材。

關于置換的教程我們也發布過,《平面高手課堂!如何用扭曲工具快速強化作品設計感?》

最后統一色折衷光影就完成了。

4. 底地板

云南体彩网地板有的會打一層蠟,這個時候,就會存在一些倒影,所以在這樣的地板上倒影和投影是并存的。

先看一下在分歧地板上的投影樣貌。

案例演示

云南体彩网這個我們選擇大理石材質,首先閉塞陰影:

繪制投影的形態:

給投影高斯模糊,添加蒙版做漸變:

云南体彩网然后,依照光影和環境色,處理產品的明暗和色調:

5. 漸變色/純色

云南体彩网這也是我們設計中遇到比較多的情況,在純色或漸變色的配景中,為了讓畫面具有空間感,我們經常會給物體加投影,這個投影可以是慣例投影,也可以是倒影。

案例演示

閉塞陰影:

根據光源繪制投影:

高斯模糊,然后添加蒙版做漸變:

修飾產品的色折衷光影:

統一光影色調:

教程到這里就結束啦,估計有的同學會納悶,為什么我們沒有細講怎樣根據光源繪制投影?因為在之前投影文章中已經手把手給人人演示過了,沒看過的同學趕緊去補課,可閱讀《投影一直做欠好?看這篇文章就搞定!》

云南体彩网總結下今天的內容,第一,投影在畫面中作用。第二,我們給投影形式做了分類,有慣例型,長投影,倒影,懸空投影,合成投影。然后是制作投影的方法,著重介紹了倒影該怎樣做,最后是投影在分歧材質上的表示。通過關于投影的這兩篇教程,相信人人已經能掌握一些原理和技巧了,其實最快速學習投影的方法,就是要學會觀察生活中的事物。

歡迎關注研習社的微信公眾號:「Yanxishe2017」

非特殊說明,本文版權歸原作者所有,轉載請注明出處
本文地址:http://www.7daer.cn/projection-design

發表評論 加載中....

評論加載中....

uisdc

云南体彩网評論區都快餓癟了,看看我期盼的小眼神...

您還沒有登錄

優設啟用更平安省心的 微信掃碼登錄

微信掃碼

300萬設計師聚集地!優設網是極具人氣的設計師平臺
云南体彩网 2012年成立至今,一直專注于設計師的學習成長交流

把好文章收藏到微信

打開微信,掃碼分享
學設計 優設網 在這里