當(dāng)前位置:首頁>ps入門教程>ps文字教程>3D立體字>教程內(nèi)容

ps設(shè)計立體巖石字教程(5)

來源:優(yōu)設(shè) 作者:Mok 學(xué)習(xí):7504人次

各位視覺設(shè)計師,你們好。從很早前我一直在計劃一個系列的分享,名字叫“執(zhí)行力強(qiáng)心劑”。顧名思義,這是一種直接,甚至是機(jī)械的填鴨教程,目的就是為了使我們的視覺執(zhí)行能力在短期內(nèi)有一個質(zhì)的提升。這個分享針對的人群可能是實(shí)習(xí)設(shè)計師至中級設(shè)計師之間,在自己的表現(xiàn)手法進(jìn)入到一個瓶頸期的時候,用于強(qiáng)制突破的教程。我們的目的不在于強(qiáng)迫使用,而是從中吸取靈感,掌握技術(shù)。這個教程是分期的,每一期,我會針對一種設(shè)計形式進(jìn)行表現(xiàn)手法,與拓展聯(lián)想的講解。希望設(shè)計師朋友找到自信,慢慢突破這個教程,最終達(dá)到技不壓身,真正的使用創(chuàng)意,而不被能力絆腳。

閑話不多說,進(jìn)入這期的內(nèi)容:字體特效執(zhí)行。

在設(shè)計字體的時候,除了間架結(jié)構(gòu)可以優(yōu)化文字以外,字體的質(zhì)感,色調(diào),細(xì)節(jié),等,都可以輔助提升文字的辨識度和可看性。有時候用對了特效后,文案的意義會更加直觀明確。對于字體結(jié)構(gòu)設(shè)計,之前已經(jīng)有很多設(shè)計師發(fā)不過非常優(yōu)秀的分享。在這里,我們只借鑒特效執(zhí)行的部分。

參考一:銹鐵金屬,光線等效果的執(zhí)行

Photoshop設(shè)計3D巖石字教程

電影哈利波特海報中出現(xiàn)的視覺效果起到了非常好的,對內(nèi)容渲染的作用。略顯陳舊的銹鐵材質(zhì)文字,搭配放射的光線,和一些字體上電閃火馳的細(xì)節(jié)效果,使整個畫面氣氛更加神秘,具有魔法氣質(zhì)。當(dāng)這種氣質(zhì)的字體與效果延續(xù)到任何一個文字上時,受眾一樣會感受的到。就如同上圖這個阿拉伯?dāng)?shù)字,其實(shí)內(nèi)容是與電影無關(guān)的。現(xiàn)在,我們來把這個文字特效的制作過程分解。

Photoshop設(shè)計3D巖石字教程

我們勾出一個需要的形體。在這里我有哈利波特字體,如果有設(shè)計師想嘗試一下,無需自己勾勒,我可以提供這個字體給大家。

Photoshop設(shè)計3D巖石字教程

淺浮雕效果制作出圖形的立體效果,由于這個是一個國外網(wǎng)站的截圖,里面的參數(shù)我建議不用參照,一切效果的數(shù)值,是通過自己的眼睛來把握的。

Photoshop設(shè)計3D巖石字教程

調(diào)整陰影部分的簡便效果

Photoshop設(shè)計3D巖石字教程

找一張銹蝕肌理的圖片,選擇正片疊底效果附著在形體上面。

Photoshop設(shè)計3D巖石字教程

選擇圖形本身外延作為遮罩形體,隔離出多余的肌理圖片

Photoshop設(shè)計3D巖石字教程

使用鋼筆工具勾勒明暗交接處形狀,圖畫出高光,在這里,我多說兩句。對于物體材質(zhì)的理解,每個人都有差異,但只要在生活中多去觀察事物,我們很容易的在自己深層意識中記住材質(zhì)的視覺感受。在這里,這種高光是略顯夸張的,原因并不是執(zhí)行者希望金屬的材質(zhì)更加突出(銹蝕的金屬上高光是不可能那么明亮的),而是營造出一種魔法的電掣感受。

Photoshop設(shè)計3D巖石字教程

相對的,我們把細(xì)節(jié)完善到位

Photoshop設(shè)計3D巖石字教程

相同的方法,我們把主題物制作完成。(在這個步驟前,我悄悄的收起了一個截圖,讓大家參考,看看可不可以說出到上圖截至,還有哪個步驟被我收起來了)腦筋只要一動起來,或許更多的靈感就涌現(xiàn)了出來。

Photoshop設(shè)計3D巖石字教程

光線的處理,1-物體本身的外發(fā)光微量 2-物體背后的主光源一顆 這是一種常用的打光手法,可以使物體的空間感倍增。希望可以掌握這個原理。

Photoshop設(shè)計3D巖石字教程

光線也是有細(xì)節(jié)的,設(shè)想我們在一片魔法森林里面,逆光的情況下我們會看到光線穿過空氣中塵埃的微粒,這種空氣感,是通過灰塵對光線產(chǎn)生的焦散達(dá)到的,我們制作的時候,在這種細(xì)節(jié)的處理上做的越多,我越能看出一個設(shè)計者的企圖心。其實(shí)寇心自問一下,本人自己制作逆光元的時候,何曾不是傻傻的掠過這種精彩的細(xì)節(jié)。這一點(diǎn),我們一起學(xué)習(xí)起來。

Photoshop設(shè)計3D巖石字教程

細(xì)節(jié),細(xì)節(jié),光線的穿透力和空間距離對眼睛的刺激是可以復(fù)制的。放射形式的光線在這里就是直接的體現(xiàn)。

Photoshop設(shè)計3D巖石字教程

好了把一切總結(jié)在一起的時候,我們看到了一個很突出的文字效果,真實(shí)感相信大家學(xué)習(xí)后可以做的比這個更加擲地有聲。著名設(shè)計師兼奶爸Max先生曾經(jīng)呼吁北京地區(qū)設(shè)計師進(jìn)行10好10壞設(shè)計區(qū)分練習(xí),一個好的作品,就要這樣吧細(xì)節(jié)分解開。我們捕捉到的細(xì)節(jié)越多,說明我們得到的東西越多。細(xì)致的對一個簡單的光線進(jìn)行分析后,大家有沒有發(fā)現(xiàn),僅僅是10分鐘,我們獲得了更加細(xì)致,精確,科學(xué)的執(zhí)行方法。

Photoshop設(shè)計3D巖石字教程

遠(yuǎn)景環(huán)境和近景的對比可以拉出空間感,環(huán)境的氣質(zhì)也可以映襯出主題需要表達(dá)的更多內(nèi)容

Photoshop設(shè)計3D巖石字教程

 

環(huán)境的處理手法每人不同,我們快速跳過,直奔環(huán)境的完成效果。

Photoshop設(shè)計3D巖石字教程

虛化處理-景深,視覺焦點(diǎn)當(dāng)然就放在了近景。

Photoshop設(shè)計3D巖石字教程

色調(diào)調(diào)整這里我不建議使用色彩平衡,這是一幅比較簡單的背景,但如果在今后處理更復(fù)雜的背景環(huán)境時候,使用可選顏色才是王道,所以,這個步驟,只是讓大家看到色調(diào)改變后的效果。

Photoshop設(shè)計3D巖石字教程

光線的蔓延路徑寬度會影響主體物的吸引力,過多的背景會影響畫面,導(dǎo)致畫面雜亂。

Photoshop設(shè)計3D巖石字教程

現(xiàn)在,再猜猜我把哪個步驟藏起來了。最終效果已經(jīng)完成了,現(xiàn)在這個圖像,已經(jīng)成功的帶給我們意境,軟件和手法訓(xùn)練純熟的情況下,這個畫面的執(zhí)行時間不超過20分鐘(素材收集除外)但畫面的細(xì)節(jié)已經(jīng)足夠觀眾駐足觀看超過5秒的時間,這是非常成功的。

Photoshop設(shè)計3D巖石字教程

執(zhí)行者簽上了自己的大名,我簡單的對視覺執(zhí)行做一個總結(jié)。

在這段不到15分鐘的閱讀時間里,我們可以學(xué)到的點(diǎn)不同,有人掌握到光線的處理,有人明白了質(zhì)感的制作方法。但我最想看這個分享的人發(fā)掘的,是自身的潛力。我們大腦中都已經(jīng)存儲了太多的光線,質(zhì)感,形式,但是我們沒有方法表現(xiàn)出來。我現(xiàn)在將一種方法解刨,大家會發(fā)現(xiàn)執(zhí)行起來是多么簡單。既然學(xué)會了銹蝕金屬的質(zhì)感制作,我們何不自己嘗試一些其他質(zhì)感,使用相同的觀察細(xì)節(jié)的方法,我們可以把這個相同的電型阿拉伯?dāng)?shù)字做成美味的牛奶糖效果,Colorful的繽紛效果,F(xiàn)ancy的嬉皮效果等。如果掌握了觀察東西的方式,學(xué)會了靈活運(yùn)用工具。還有什么好怕?我們的創(chuàng)意已經(jīng)不再被執(zhí)行能力局限。這才是一個合格的設(shè)計師。

這一次分享我只用一個例子來闡述我的觀點(diǎn)-觀察能力,執(zhí)行的思路!秷(zhí)行力強(qiáng)心針》還會繼續(xù)下去,今后還會有3-4次的字體特效執(zhí)行力分析,然后我們把視野擴(kuò)大到整體畫面(大概3-4次),希望逐漸幫到正在苦惱的設(shè)計師們。

在日后的分享中,我還有可能發(fā)布一些設(shè)計師學(xué)習(xí)畫面表現(xiàn)的成果,希望大家從中一起進(jìn)步。執(zhí)行力是一個設(shè)計師首要的素質(zhì),它包括的不只是軟件精通,而是能否創(chuàng)造出自己最適應(yīng)的表現(xiàn)手法。不管是借助插件還是素材,也不管是抄襲還是自創(chuàng),只要能夠得心應(yīng)手,都是優(yōu)秀的執(zhí)行。我們在今后的工作中會遇到各種各樣的挑戰(zhàn),只要先有了執(zhí)行的自信,相信困難會更加快速的被排除。

 

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!