看完這篇,你也能做出立體感滿滿的3D效果字#PS19
Hello,大家好
我是小桃紅
最近看了許多美國大片,有一個慣常現象,就是每次大腦不停思考的時候,就會失眠。
震撼於人與機器的神奇結合之中不能自拔,所以最近小桃紅一直在失眠,當然,不僅僅是人與機器之間的關聯讓人震撼,軟體之間功能的共通也是讓人充滿興趣的。
這種共通,讓我們在設計的過程中似乎感受到了什麼是真正的條條大路通羅馬。
所以,為了這條羅馬之路,小桃紅又在PS中研究起了3D這個功能。
和上次單一材質的紀念碑谷有些不同,這次我看到了這樣的一張圖,甚至還附有教程。
所以今天的主要內容是對PS中3D功能的進一步探究。繼「PS烹飪頻道」之後,開啟了一個一本正經的叫做「PS人與科學」的頻道。
一. 故事的開始
PS中3D功能的第一次出現,是在Photoshop CS3 & 4版本中,相對於現有的發展,早期的PS3D功能相對簡陋,隨著時間的推移,3D功能慢慢的被完善,也就慢慢的走入了設計師的視野。
但是在最初,這項本該屬於三維軟體的功能來到平面設計領域時,我們通常,用它來進行一些素材的製作,或者是3D空間感的搭建來輔助空間感構圖。
比如這些可以查到的早期教程:
當我們的電腦配置逐步提升,厭倦了軟體間頻繁切換的我們開始了對他更深層次的探究,於是,在探究中,有了桃紅版的ONEWEEK紀念碑谷
以及更多的來自許許多多設計師的PS-3D作品。
二. 沉澱
也隨著軟體版本的更新換代,PS的3D功能更加趨向完整,雖然還是對電腦配置存在許多硬性要求,但是PS的3D功能開始慢慢的向主流3D軟體學習和完善,我們可以替換光源、場景、製造空間交錯的感覺,這些功能的多樣化開始慢慢的不再束縛我們的設計思想。
比如對於三維空間的合併,那麼今天就是要一起來做一次這樣的探索。
三. 再出發
這一次的技能分享需要建立在上一次「桃紅版紀念碑谷」的基礎上,在基本了解了PS中3D的大概功能之後,我們來一起製作這個新一次出發的ONEWEEK紀念碑谷。
需要準備的工具仍然非常簡單,不需要航空服,精準而快速的創建一個比較小比較小的畫布,並且敲上去一個字體合適的ONEWEEK即可~
參照著頂部第一張圖的樣式,給文字做一些效果。為了讓這個描邊更加的形象,需要對文字做一些手腳。右鍵文字圖層,找到【轉化為形狀】
轉化完成之後,給圖層取一個名字「ONEWEEK-1」,然後對這個圖層進行複製,再給新的圖層取名「ONEWEEK-2」,(真是一個隨便的名字啊)
那麼現在,就擁有了兩個形狀文字層,檢查一下確定兩層是重合的。
給-1層的形狀填充改為無,描邊改成虛線。
之後以同樣的速度,把-2層的填充改為隨機一個顏色,描邊改為無
於是乎,我們有了兩個預備層。之後是一個比較容易搞錯的步驟了。
點擊-1層,在菜單欄找到【3D】-【從所選圖層創建3D】,注意不要對方向位置做任何改變。
然後去修改一下這個由虛線拓展出來的3D層的材質(具體方法參照桃紅版紀念碑谷製作方式),對如圖框內的部分比如漫射、反光、環境等顏色進行修改。
選擇出一個存在感適中的顏色樣式
之後,點擊右上角3D切換選項卡回到【基本功能】,單機-2層,重複一次剛剛-1的步驟,但是這次對於材質,我增加了透明度,選擇了一個有透明度的預設素材,對顏色稍加修改
這時,我們在屏幕上看到的,就是兩個重合的,處在不同空間內的ONEWEEK,為了讓他移動到相同的方向,我們需要對他們進行合併。
但是又不同於普通的圖層合併,在PS中關於3D圖層的合併,並不在圖層區域,而是在菜單欄。
所以我們需要同時選中ONEWEEK-1和ONEWEEK-2兩個圖層,點擊菜單欄【3D】-【合併3D圖層】,將存在於兩個獨立的空間坐標系中的ONEWEEK合併在一起。
之後,繼續在PS界面右上角,從【基本功能】切換到【3D】,並且在圖層區域(這時候應該叫3D層區域)找到兩個模型的選項卡
一同選中,用移動工具的工具菜單欄中【旋轉3D對象】對整體的方位進行旋轉
找到一個合適角度,然後確認下來,點擊菜單欄中【3D】-【渲染】,這個步驟比較耗費內存,並且對電腦的要求很高,傷害很大,所以,如果本身對3D模型的精度要求不高,可以不做這一步。
由於選擇了透明材質,所以我的渲染時間異常漫長,我甚至感受到了這漫長的一個小時里,隨著電腦的嗚嗚作響,我的心在滴血。
之後,這個渲染好的素材,終於完成了,先隱藏掉所有無關圖層,保存一張PNG做紀念,畢竟這是用電腦的血和淚換來的。
之後,可以開始創造些場景對剛剛這珍貴的素材進行使用和美化了,可以當做素材也可以當做主要形象,美化之後,桃紅版ONEWEEK紀念碑谷新關卡,完工~
真是一個漫長的等待啊。
友情提醒:為了減少心痛,要記得隨時保存和慎選透明材質。如果你有台式機,做這個練習的時候,請關掉你的筆記本~
保護電腦,從我做起。
小桃紅·敬上
推薦閱讀:
※哪些技術突破導致 3D 列印近些年來如此熱門?
※Three.js 入門:如何使用並繪製基礎 3D 圖形
※類似於這種摺紙3d海報是怎麼做出來的?
※3D綠幕和藍幕有什麼區別?
※零門檻!像素化3D建模入門攻略