10大渲染構圖方式,設計師出圖必備


10大渲染構圖方式,設計師出圖必備

構圖是一個作品版面的佈局,可以說構圖的好與壞直接關乎著效果圖的最終效果,一張好效果圖的產生絕不是隨意導出就能完成的,好的構圖加上合適的角度才是一個優秀作品的關鍵。


10大渲染構圖方式,設計師出圖必備


今天,數藝君就給大家介紹10種非常好用的渲染構圖方式,項目什麼的分分鐘拿下,一起來看看吧。


01

物體居中


將主物體放置於畫面正中位置,突出主體,可以有效地吸引觀者的注意力,也是最常用的佈局方式,如圖所示。

10大渲染構圖方式,設計師出圖必備

10大渲染構圖方式,設計師出圖必備


02

平衡式構圖


類似於黃金分割點佈局,畫面中分為主要物件和次要物件,分別置於九宮格的對稱點上,配合相機景深功能,虛化後置的物體,獲得更好的空間感,如圖所示。

10大渲染構圖方式,設計師出圖必備

10大渲染構圖方式,設計師出圖必備


03

垂直重複


以畫面垂線(y軸)為軸線分佈兩個物件,常用來表達物件的動感、纖薄、便攜等特徵,如圖所示。

10大渲染構圖方式,設計師出圖必備

10大渲染構圖方式,設計師出圖必備


04

交叉分割


有效引導觀者視覺注意力,富有形式美感,如圖所示。

10大渲染構圖方式,設計師出圖必備

10大渲染構圖方式,設計師出圖必備


05

平鋪


將多個物件多次重複排列,形成平面構成中的矩陣點。這是產品美學表達的一種方式,渲染時配合適當的相機傾角及景深,可以得到更好的效果,如圖所示。

10大渲染構圖方式,設計師出圖必備

10大渲染構圖方式,設計師出圖必備


06

居中垂直豎立


常用於較薄、細長型的產品構圖,如手機、麥克風等。可以很好地表現產品的纖薄特性,富有儀式感,如圖所示。

10大渲染構圖方式,設計師出圖必備

10大渲染構圖方式,設計師出圖必備


07

居中水平


用來表達纖薄、細長的產品形態。在橫構圖中,可以較全面地展示產品的長度和比例關係,如圖所示。

10大渲染構圖方式,設計師出圖必備

10大渲染構圖方式,設計師出圖必備


08

水平重複排列


一些小型物件的展示可以如此排列,展示產品不同的配色、不同的方向,富有序列美感,如圖所示。

10大渲染構圖方式,設計師出圖必備

10大渲染構圖方式,設計師出圖必備


09

斜置露出


可以從左上、右上、右下等方向斜置,一般為露出產品一角,強調質感和特性。在電商或產品官網上,也為產品介紹文案留出了空間,如圖所示。

10大渲染構圖方式,設計師出圖必備

10大渲染構圖方式,設計師出圖必備


10

主體襯托


類似於居中佈局,為了使畫面更有視覺衝擊,使用一個正方體模型底座進行託舉主物件,提升物件的檔次感,如圖所示。

10大渲染構圖方式,設計師出圖必備

10大渲染構圖方式,設計師出圖必備


看完的以上構圖方式,是不是覺得還不夠直觀呢?那下面就跟著數藝君為你準備的實例一起,試試手?


實戰:鐘錶產品文字排版


案例素材文件:

https://pan.baidu.com/s/1DCRcmIt_omko1MPX-1lBDg

提取碼:7pbd

最終效果圖:

10大渲染構圖方式,設計師出圖必備


01:導入素材

在Photoshop中打開上面“案例素材文件當中的03.jpg”文件,這是鐘錶產品的渲染效果圖,如圖所示。

10大渲染構圖方式,設計師出圖必備


直接打開的圖片是作為“背景”圖層且被“鎖定”,如圖所示。進行圖片處理前應該保留“原始圖層”,這是為了保護原始圖片,保證有可逆的修改空間。

10大渲染構圖方式,設計師出圖必備


02:創建展示畫面

單擊“圖層”面板下的“創建新圖層”按鈕 新建一個“圖層1”圖層,如圖所示。

10大渲染構圖方式,設計師出圖必備


03:按快捷鍵Shift+F5打開“填充”對話框,設置“內容”為“黑色”,如圖1所示,單擊“確定”按鈕,將圖層內容填充為黑色,如圖2所示。

10大渲染構圖方式,設計師出圖必備

圖1

10大渲染構圖方式,設計師出圖必備

圖2


04:選擇“背景”圖層,按快捷鍵Ctrl+J複製圖層,得到一個“背景 拷貝”圖層,移動該圖層到“圖層1”圖層的上方,如圖所示。

10大渲染構圖方式,設計師出圖必備


05:劃分版面區域

在畫布中觀察,效果如圖1所示;單擊“移動工具” ,選擇“背景 拷貝”圖層,在畫布中按住鼠標向右拖曳,如圖2所示。

10大渲染構圖方式,設計師出圖必備

圖1

10大渲染構圖方式,設計師出圖必備

圖2


提示:

將鐘錶產品圖向右移動一定距離,這是為了更好地留出文字區域,如圖所示。

10大渲染構圖方式,設計師出圖必備


06:排版時可以用“參考線”工具進行約束。在窗口欄的頂部和左側有一排標尺,使用鼠標左鍵按住標尺並拖曳,可以拖出參考線。如圖所示,這裡拖曳出了4條參考線來約束排版,即文字內容都不應該超出參考線範圍,並且都應該以最左側的豎線左對齊分佈。

10大渲染構圖方式,設計師出圖必備

標尺的激活快捷鍵為Ctrl+R。


07:添加文字描述

單擊“橫排文字工具” ,在畫布中拖曳出文字區域,輸入標題,如圖·所示;繼續操作並輸入描述性文本,注意文字的字體和大小,如圖2所示。

10大渲染構圖方式,設計師出圖必備

圖1


10大渲染構圖方式,設計師出圖必備

圖2


08:選中WRIST WATCH圖層,按快捷鍵Ctrl+T激活自由變換功能,按住文本框角點並向外拖曳,將其放大,如圖所示。

10大渲染構圖方式,設計師出圖必備


09:細節處理

為了使排版更加出彩又保持簡潔,我們給它增加一條小的矩形。使用“矩形工具” 在畫布中繪製如圖1所示的黃色矩形,為畫面帶來一些動感;考慮到畫面的感覺和突出標題,將黃色矩形移動到標題上面,並按快捷鍵Ctrl+H取消顯示參考線,如圖2所示。

10大渲染構圖方式,設計師出圖必備

圖1


10大渲染構圖方式,設計師出圖必備

圖2


10:此時,文字左對齊排版已經完成了,還可以根據需要加入一些圖標強調功能,如圖所示。

10大渲染構圖方式,設計師出圖必備


分享到:


相關文章: