前段時(shí)間，跟大家分享了一下合成中素材融圖的思路和技巧。

有小伙伴就想知道：這么酷的Gif制作，PS有哪幾種方法？

關(guān)于這個(gè)問題，我們還是把話筒交還給秋水，由他用1分鐘的時(shí)間教會大家做這種流程展示的GIF。

?

首先，我們打開一張成品海報(bào)。

我們先在腦海中對這張海報(bào)的流程有一個(gè)大概的印象。

平面字體的設(shè)計(jì)→立體字效的設(shè)計(jì)→材質(zhì)的渲染→字體底板的設(shè)計(jì)→背景的制作→輔助元素的添加→光效氛圍渲染。

?

把每一個(gè)步驟定格成一個(gè)或多個(gè)過程圖，這些圖片依次連接在一起，就是我們需要的流程gif圖了。

?

不過，由于我們打開的是最終的成品文件，為了方便操作，我們可以逆向思維，從最后一步開始定格。

?

定格流程圖需要用到蓋印，快捷鍵是ctrl+shift+alt+E。

將成稿快印后，我們按照反向的流程順序，關(guān)掉光效氛圍的渲染圖層后，再次蓋印，得到輔助元素添加后的流程圖。

按照這種方法可以得到每一個(gè)環(huán)節(jié)的流程圖，依次蓋印后，為了不影響操作，我們把源文件圖層全部刪除。

接下來，點(diǎn)擊窗口，選擇時(shí)間軸。

關(guān)閉其他圖層的可見性，僅保留第一張流程圖。

左下角點(diǎn)擊【+】號，復(fù)制所選幀，同時(shí)打開第二步流程圖。

執(zhí)行上述操作，每復(fù)制一次關(guān)鍵幀就打開一個(gè)流程圖，直到最后成品圖打開，完成關(guān)鍵幀的制作。

接下來，選中所有關(guān)鍵幀，在下方持續(xù)時(shí)間選項(xiàng)中，將時(shí)間適當(dāng)調(diào)整，點(diǎn)擊播放鍵瀏覽gif效果。

?

注意，最終成品圖的持續(xù)時(shí)間可以略微延長，左下角的循環(huán)選項(xiàng)選擇【永遠(yuǎn)】。

接下來，ctrl+shift+alt+S，在預(yù)設(shè)中選擇GIF，適當(dāng)調(diào)整大小，儲存。

這樣，一張作品的制作流程GIF就完成了~

當(dāng)然，要想GIF足夠好看，前提是最終成品足夠精致。

?

像上述這樣絢麗的字效，如何做呢？

按照現(xiàn)在電視劇的尿性，是不是該保留懸念，明天同一時(shí)間告訴大家？

?

作為一個(gè)從名字就不按套路出牌的公司，怎么會被輕易拿捏住？

沒錯(cuò)，GIF制作只是開胃小菜，剩下的時(shí)間給大家分享一下，這種綜藝標(biāo)題級別的特效制作方式。

今日教程用到的工具有：

?

PS、PS、還是PS.

?

至于原因，后面會說，先來看教程。

?

我們先在PS或AI中根據(jù)畫面的主題設(shè)計(jì)好字形，這一步可以根據(jù)文案的關(guān)鍵詞去發(fā)散元素，再將元素抽象化后進(jìn)行組合，每一個(gè)主題的具體發(fā)散方式不一樣，在這里就不過多贅述。

字形設(shè)計(jì)好后，如何增加字體的立體感？

?

我們將字體轉(zhuǎn)化為智能對象，復(fù)制一層作為字體的底部，填充一個(gè)深色。

選中底部圖層，復(fù)制，ctrl+T打開操縱變形。

在頂部的參數(shù)調(diào)整欄中，點(diǎn)擊水平縮放比例（W）和垂直縮放比例（Y）之間的鏈接按鈕，保持兩個(gè)方向的等比縮放。

之后，將水平縮放比例的數(shù)值減小0.2%，再向下移動(dòng)一個(gè)像素。

回車確定后，接下來就是最關(guān)鍵的步驟了。

?

拿出你的兩只手，左手按住ctrl+alt+shift，右手食指狂按T，字體的厚度就這么簡單地完成了。

這個(gè)功能的原理其實(shí)是重復(fù)你的上一次操作，也就是說，他會默認(rèn)重復(fù)你在上一次打開操縱變形時(shí)執(zhí)行的縮小0.2%并下移一像素的操作。

如果想讓字體的厚度結(jié)構(gòu)復(fù)雜一些，我們可以將厚度圖層分成兩組。

我們對其中一組打開圖層樣式，勾選顏色疊加，做出色彩的區(qū)分就能增加文字厚度的層次感。

用這個(gè)方法，想做3層、4層都可以，根據(jù)個(gè)人喜好和文案風(fēng)格即可。

?

厚度的處理學(xué)會了，接下來我們來嘗試一下文字的包邊和外嵌效果的制作。

?

其實(shí)文字的包邊處理只需要用到一個(gè)工具：

?

描邊。

?

在這里，我們描邊的工具用形狀中的直線工具。

這是因?yàn)閳D層樣式中的描邊在文字的內(nèi)轉(zhuǎn)角處會形成圓角：

而編輯中的直接描邊在轉(zhuǎn)折處會形成斜切：

只有勾選文字輪廓后，用形狀中的直線工具進(jìn)行描邊，在轉(zhuǎn)角處的處理才比較貼服。

調(diào)整好顏色，我們可以用同樣的辦法在描邊的基礎(chǔ)上再次描邊。

復(fù)制一層，填充深色，略微羽化邊緣，右移一像素，塑造出包邊的立體感。

我們還可以在描邊的基礎(chǔ)上再次描邊，增加細(xì)節(jié)的精致度。

按照這樣的手法把每一個(gè)字的包邊做好，整個(gè)字效的層次感就起來了。

接下來，就是材質(zhì)的添加了。

匹配機(jī)械的氛圍感，我們可以在花瓣或站酷海洛搜索一些銹跡或鋼鐵的材質(zhì)。

去色后，通過剪切蒙版套入字體中，同時(shí)，圖層模式改為疊加。

對厚度進(jìn)行貼圖時(shí)，要注意材質(zhì)匹配厚度的透視，這樣才能最大程度還原立體字的真實(shí)感。

按照這樣的方法，我們將整個(gè)字體的貼圖貼好。

材質(zhì)貼好后，整體字體的層次感會有點(diǎn)亂，我們新建曲線，將側(cè)面厚度和正面文字的對比度拉開。

接下來，為了增加字效的趣味度，我們可以在文字的筆畫中裝點(diǎn)一些能強(qiáng)化機(jī)器感的齒輪、導(dǎo)線、彈簧、螺絲等。

這一步大家就不用照本宣科了，盡情施展自己的想象力即可。

最后，我們將整個(gè)文字圖層編組，新建色彩平衡工具，對字體整體向蒸汽朋克風(fēng)格的黃銅色做偏色處理。

如果機(jī)械感不夠重，我們可以再新建一個(gè)色階工具強(qiáng)化字體的對比度。

接下來，再加六七百個(gè)圖層，繪制我們的背景即可。

最后，整體蓋印，在CAMERA中壓暗四角，調(diào)整曝光和對比度，再加上一點(diǎn)前景的火光，完結(jié)撒花~

看到這里，不少朋友肯定滿腦子黑人問號臉：

?

六七百個(gè)圖層的處理制作，就不講了？

原因有二。

?

第一是因?yàn)檫@六七百個(gè)圖層看上去復(fù)雜，實(shí)際上就是重復(fù)性的素材自制和素材融圖，在過往的教程里都有分享過，沒有必要再展開講解。

?

第二是因?yàn)殡S著電商設(shè)計(jì)的發(fā)展和硬件軟件的迭代，在掌握好設(shè)計(jì)的方法論和光影的邏輯基礎(chǔ)后，我們現(xiàn)在可以選擇一種更快捷的方法制作這類復(fù)雜的字效。

?

沒錯(cuò)，C4D+PS。

為了讓線下班的同學(xué)能迅速掌握C4D+PS這樣一套成熟的商業(yè)設(shè)計(jì)流程，前不久，我們對線下班的設(shè)備與課程進(jìn)行了新一輪升級。

全套30系列的頂級顯卡搭配全套正版的OC渲染器，結(jié)合C4D和PS各自的優(yōu)勢，幫助每一位學(xué)員更好地掌握電商設(shè)計(jì)的方法論。

?

目前的線下班，像這樣的字體特效環(huán)節(jié)，在幫助大家熟練了PS的調(diào)整層用法和光影邏輯后，我們還會教大家如何結(jié)合C4D和PS快速出圖，帶大家感受在商業(yè)實(shí)戰(zhàn)中的作圖模式。