設(shè)計(jì)干貨 杜絕注水
大家好，我是小凹，是的，你沒(méi)看錯(cuò)，這期沒(méi)視頻。
因?yàn)槲覀冇嗛喬?hào)后臺(tái)經(jīng)常會(huì)收到，同學(xué)們關(guān)于設(shè)計(jì)技法的留言，所以本期教程旨在分享一些新奇有趣并且實(shí)用的技法。本期技法都是以為主的實(shí)際操作，希望能幫助到大家解決工作中的一些問(wèn)題。那么，請(qǐng)打開你的PS跟我一起“玩”起來(lái)！
怎樣做出這種文字互融的動(dòng)態(tài)效果？
1/新建兩個(gè)矢量圓形，顏色選擇對(duì)比大一些的色彩。
2/ 分別羽化兩個(gè)矢量圓形，這里我給了30像素。
3/ 成組兩個(gè)羽化后的圓形和背景的白色，在組的上方建立一個(gè)色階，把色階兩邊的滑塊向中間重合，能得到一個(gè)邊緣為銳利的圓形。
4/現(xiàn)在用鼠標(biāo)拖拽圓形，讓它們相互靠近，就出現(xiàn)了融合的效果。
動(dòng)態(tài)步驟圖
根據(jù)這個(gè)原理
我們?cè)O(shè)計(jì)一張動(dòng)態(tài)海報(bào)
先把畫面的版式設(shè)計(jì)好，由于這是一篇主推技法的教程，所以關(guān)于海報(bào)思維推導(dǎo)我們就不多贅述了。
為了讓識(shí)別性更好一些，我們需要在上面步驟基礎(chǔ)上再降低飽和度，可以看到文字中間區(qū)域黑化，文字識(shí)別性增加。
動(dòng)圖制作：
打開窗口——時(shí)間軸——在時(shí)間軸里找到“融”“合”兩個(gè)字。
①先在時(shí)間軸左邊的面板里找到“融”字，然后在時(shí)間線起始點(diǎn)，點(diǎn)擊一下變換前面的小圖標(biāo)；
②之后把時(shí)間線（紅線）拖到時(shí)間軸末端，再點(diǎn)擊一下變換前面的小圖標(biāo)加個(gè)錨點(diǎn)，這樣代表這個(gè)字一來(lái)一回是回到了原點(diǎn)；
③然后時(shí)間軸拉到中間，用鼠標(biāo)把字向上拖動(dòng)到一定位置（無(wú)論什么位置，自己覺(jué)得合適就成），再點(diǎn)擊變換前面的圖標(biāo)，添加一個(gè)錨點(diǎn)。
這樣整個(gè)時(shí)間動(dòng)線就設(shè)置完成了，點(diǎn)擊播放按鈕，看下動(dòng)態(tài)是否順滑舒適，覺(jué)得可以之后就調(diào)整“合”字，方法一樣。
最終效果
其實(shí)PS當(dāng)中的時(shí)間軸和幀動(dòng)畫都很適合用來(lái)做簡(jiǎn)單的動(dòng)態(tài)效果，所以不會(huì)AE的小伙伴不妨試試這個(gè)方法。
在做書法字或者一些手寫字的時(shí)候，我們?yōu)榱俗屛淖峙c背景更加融合，會(huì)把背景復(fù)制一層放到文字上方，用剪切蒙版置入到文字中，然后調(diào)整色階，讓它們之間更加融合。
這個(gè)方法我相信很多同學(xué)都會(huì)運(yùn)用，其實(shí)還有一個(gè)更簡(jiǎn)便的方式
直接在文字層點(diǎn)擊混合選項(xiàng)——最下方「下一圖層」，左邊有兩個(gè)三角形的滑塊，按住ALT鍵，拖動(dòng)右邊的滑塊向白色區(qū)域移動(dòng)——邊拖動(dòng)邊觀察，這樣文字與背景就會(huì)完美融合了。并且無(wú)論背景改變什么顏色，它都不用再做調(diào)整，非常方便。
怎樣把一張質(zhì)感不錯(cuò)的照片無(wú)損放大？
1/ 首先找到首選項(xiàng)里的技術(shù)預(yù)覽，點(diǎn)選「啟用保留細(xì)節(jié)2.0放大」
2/選擇圖像——圖像大小，寬和高的單位都改成百分比，重新采樣選擇「保留細(xì)節(jié)2.0」
3/ 寬度高度改成更大的數(shù)值，減少雜色調(diào)大，這樣放大的圖片幾乎就是無(wú)損的了。
怎樣把一張照片處理成素描畫的效果？
1/首先復(fù)制一個(gè)背景層，然后轉(zhuǎn)換為智能對(duì)象。選擇濾鏡——風(fēng)格化——查找邊緣。
2/Ctrl++U去色，然后調(diào)整色階，讓對(duì)比度稍微大一些。
3/選擇濾鏡——濾鏡庫(kù)——噴色描邊，描邊長(zhǎng)度20，半徑1，這樣就基本完成了。
最終的效果
怎樣做出類似于這種的扭曲文字效果？
1/ 首先把文字轉(zhuǎn)換為智能對(duì)象，執(zhí)行濾鏡——模糊——高斯模糊（數(shù)值自定，只要邊緣稍微模糊即可），然后存成一個(gè)PSD文件。
2/ 然后選擇圖形的圖層，執(zhí)行濾鏡——扭曲——置換（水平和垂直都設(shè)置為20），然后選擇剛才儲(chǔ)存的PSD文件。
最終就會(huì)得到這樣一個(gè)扭曲的文字效果。別盯太久，小心頭暈。
根據(jù)這個(gè)方法還能用圖形做出各種扭曲效果
除了在圖形上應(yīng)用，
我們?cè)趫D像上怎樣做出扭曲的文字效果呢？
1/首先復(fù)制背景畫布，Ctrl++U去色，再執(zhí)行濾鏡——模糊——高斯模糊，讓邊角轉(zhuǎn)折不那么銳利即可。然后給它存成一個(gè)PSD文件。
2/選擇文字層，執(zhí)行濾鏡——扭曲——置換（水平垂直數(shù)值10），選擇剛才儲(chǔ)存的文件，得到扭曲的文字，把下面黑白的畫布隱藏。
3/為了讓文字與背景更加融合，就選擇上面我們教給大家肌理融合的方法，選擇扭曲的文字層，點(diǎn)開混合選項(xiàng)，在下一圖層的左邊三角形，按住Alt鍵，向右調(diào)大，慢慢就會(huì)顯現(xiàn)布料紋理啦。
如果在人物圖像的背景上呢？
又該怎么做？
1/找一張背景干凈的人物圖片，最好是近景或者是特寫鏡頭。
2/給人物圖像去色，添加高斯模糊，儲(chǔ)存一個(gè)PSD文件。然后在上方鋪滿文本型文字，字號(hào)要小一些，鋪滿整個(gè)畫面。
3/這步和之前的例子稍有不一樣，選擇文字層，執(zhí)行置換命令，然后把扭曲后的文字載入選區(qū)，選擇人物圖層，Ctrl+J，提取人物圖層的扭曲文字，隱藏人物層和文字層，在提取后的扭曲文字下方新建一個(gè)黑色背景，然后調(diào)整文字的色階增強(qiáng)對(duì)比度，這樣就完成了。
最終效果
模擬案例
當(dāng)把照片放到不同尺寸的畫布中時(shí)，通常需要對(duì)背景進(jìn)行延伸，才能讓主體更符合畫面比例。
最常用的做法是把背景顏色復(fù)制一塊出來(lái)，然后進(jìn)行拉伸，那有沒(méi)有更好更快速的辦法呢？
選擇裁剪工具——點(diǎn)選上面的「內(nèi)容識(shí)別」，然后左右進(jìn)行拉伸，雙擊確定，背景就自然的延伸了。
還有一個(gè)方法
選擇圖片——編輯——內(nèi)容識(shí)別縮放，直接拉伸圖片即可。
注：這兩種方法更適用于背景干凈的純色或漸變色
很多酷炫的背景的圖片，有時(shí)候很難在素材網(wǎng)站上找到合適的，怎樣利用3D軟件實(shí)現(xiàn)想要的畫面呢？
熟悉我們訂閱號(hào)的小伙伴應(yīng)該還記得，我們?nèi)ツ瓿鲞^(guò)一系列的關(guān)于PS3D教程，里面給大家提供了一些新鮮有趣的技法和思路。今天我們就繼續(xù)利用PS的3D進(jìn)行創(chuàng)作，看看還有哪些新奇的技法。
往期教程傳送門
1/首先選擇一張星空背景和一張老虎的頭像（其他動(dòng)物也可以），合并兩個(gè)圖層，然后給圖層執(zhí)行——3D——從圖層新建網(wǎng)格——深度映射到——平面，這個(gè)時(shí)候會(huì)得到一個(gè)立體的老虎，繼續(xù)點(diǎn)擊選擇場(chǎng)景——選擇未照亮的紋理，這樣老虎的形象就一目了然了。
2/想要在其基礎(chǔ)上做一些變化，可以先柵格化3D，然后在圖層上方添加一個(gè)漸變映射，或者添加一個(gè)純色也是可以的，完全根據(jù)你自己的需要。
模擬案例
這個(gè)功能還可以怎么用呢？
還可以選擇一張色彩豐富的圖片，執(zhí)行3D——從圖層新建網(wǎng)格——深度映射到——平面，選擇未照亮的紋理，再旋轉(zhuǎn)一個(gè)適合的角度，就完成了。
利用這個(gè)方法可以做出各種凸出的背景
接下來(lái)我們繼續(xù)利用3D功能做個(gè)液態(tài)金屬立體字。過(guò)程稍微復(fù)雜一些，所以大家可以按照步驟嚴(yán)格執(zhí)行，就會(huì)得到想要的效果。
首先可以在網(wǎng)上找一些色彩豐富的背景圖片，記得圖片要干凈，不要帶有文字。
1/選擇一款個(gè)性字體，筆畫變化比較大的那種，然后調(diào)整字距，讓筆畫貼合在一起（這一步在動(dòng)圖里省略了，相信大家都能搞定），之后執(zhí)行3D——從所選圖層新建3D模型，這個(gè)時(shí)候會(huì)得到一個(gè)簡(jiǎn)單立體字。
介于很多同學(xué)對(duì)PS3D功能不熟悉，我簡(jiǎn)單介紹一下
3D面板中的“圖層”，分別對(duì)應(yīng)屬性面板的功能參數(shù)，比如，文字層，它會(huì)有5個(gè)面的材質(zhì)設(shè)置，再比如，當(dāng)我們把畫面轉(zhuǎn)向一個(gè)迷之角度，這個(gè)時(shí)候就可以點(diǎn)擊“默認(rèn)相機(jī)”，就能調(diào)回成正常的角度。當(dāng)然，每一個(gè)屬性參數(shù)的作用我就不細(xì)講了，大家可以回看之前的相關(guān)教程。
選擇3D面板中的文字層，在屬性面板中找到網(wǎng)格——形狀預(yù)設(shè)——選擇膨脹，凸出深度調(diào)整到0.4，我們會(huì)得到一個(gè)圓滑的文字面。
2/這一步調(diào)整文字角度，讓它俯視貼近地面，可以直接在坐標(biāo)系里把X角度設(shè)置為90度，然后移動(dòng)到地面上，接著把畫面調(diào)整成俯視的視角。
在右上角小窗口中，找到“俯視圖”，點(diǎn)擊，然后再點(diǎn)擊一下右邊的“互換主副視圖”。
之后選擇“無(wú)限光”，用鼠標(biāo)拖動(dòng)它，移動(dòng)光源角度，讓文字投影小一些。
3/選擇環(huán)境中IBL后面的三角形，點(diǎn)擊之后會(huì)在下拉列表里看到“替換紋理”，點(diǎn)擊一下，我們之前準(zhǔn)備好的圖，就可以隨意選擇了，選好之后，發(fā)現(xiàn)文字并沒(méi)有什么變化，這個(gè)時(shí)候需要選中5個(gè)材質(zhì)圖層，然后在屬性面板中把反射增加到80%左右，閃亮60%左右，現(xiàn)在就能清晰看到紋理了。
再去選擇“環(huán)境”，鼠標(biāo)拖動(dòng)環(huán)境球，就能看到紋理在文字上的變化，旋轉(zhuǎn)到自己滿意的角度就可以了。
4/用這個(gè)方法可以替換不同的紋理，以達(dá)到不同的質(zhì)感效果，試驗(yàn)過(guò)程是非常有趣的，大家不妨嘗試一下。
所有都調(diào)整好后，點(diǎn)擊渲染按鈕，進(jìn)行渲染，渲染需要一些時(shí)間，對(duì)于電腦的要求也比較高。
渲染好之后不要再移動(dòng)畫面，直接選擇圖層——右鍵轉(zhuǎn)換為智能對(duì)象。
這個(gè)時(shí)候發(fā)現(xiàn)，好像質(zhì)感不太好，別著急，我們給它銳化。
執(zhí)行濾鏡——銳化——銳化，然后再次執(zhí)行濾鏡——銳化——進(jìn)一步銳化。
放大看看細(xì)節(jié)，質(zhì)感不錯(cuò)就可以了。
把做好的文字置入畫面中，設(shè)計(jì)一個(gè)“酸性案例”。請(qǐng)把手機(jī)橫過(guò)來(lái)觀看
為了照顧到有些同學(xué)的電腦沒(méi)辦法順利的運(yùn)行3D功能，這里給大家分享一些立體字的素材，只需要替換文字內(nèi)容，就能達(dá)到效果，雖然不及3D做出的質(zhì)感，但是對(duì)于我們平時(shí)的工作來(lái)說(shuō)還是有幫助的。
百度網(wǎng)盤下載鏈接：
提取碼：xc80
這種偽3D效果的立體字你是不是覺(jué)得比較復(fù)雜難做？其實(shí)方法非常簡(jiǎn)單，跟我學(xué)就可以了。
1/首先，新建圖層，用橢圓選框工具創(chuàng)建一個(gè)圓形，然后，在圓形內(nèi)做一個(gè)漸變，可以兩個(gè)顏色的漸變，也可以是多個(gè)。
2/ 選擇畫筆工具里面的——混合器畫筆工具，在圓形上方，調(diào)整筆尖的大小，讓它正好和圓形大小一致，然后按住Alt鍵，鼠標(biāo)變成十字，這個(gè)時(shí)候點(diǎn)擊一下鼠標(biāo)，畫筆就變成圓形的漸變色了，隨便畫幾筆就能看出效果。
最后用手繪板或者鼠標(biāo)繪制圖像就完成了
下面分享一下這種酷酷的雙色調(diào)圖像的做法
1/選擇兩張圖片，可以是同一個(gè)人物不同角度。也可以是不同人物的照片。給它們都Ctrl++U去色。
2/選擇上面的圖像層，添加圖層樣式——在混合選項(xiàng)里面，把通道的“G和B”點(diǎn)掉，現(xiàn)在就能看到圖像呈現(xiàn)雙色調(diào)的樣子了。其實(shí)這步就已經(jīng)算是可以了，不過(guò)我們?yōu)榱烁茫梢岳^續(xù)調(diào)整。
3/復(fù)制圖像1圖層，放到圖層上方，執(zhí)行——濾鏡——其他——高反差保留，半徑3像素。
4/給高反差圖層設(shè)置“疊加”的混合模式，還有40%不透明度。
5/在所有圖層的上方添加一個(gè)“可選顏色”，具體顏色設(shè)置如上圖。
模擬案例
這個(gè)方法還可以怎么玩呢？
文字層復(fù)制一個(gè)，第一個(gè)文字混合選項(xiàng)，把“G和B”點(diǎn)掉，第二個(gè)文字層混合選項(xiàng)把“R”點(diǎn)掉，把上面文字圖層移動(dòng)3-4個(gè)像素，就能出現(xiàn)酷酷的閃爍字體。
放在圖像上還能怎么玩呢？
方法其實(shí)是一樣的，復(fù)制一個(gè)圖像圖層，然后混合選項(xiàng)，點(diǎn)選掉“G和B”，把上面圖層移動(dòng)幾個(gè)像素，就能出現(xiàn)閃爍感的效果。
合成設(shè)計(jì)是比較難的，但是很多做電商的同學(xué)平時(shí)又不得不面臨合成圖片，有時(shí)候圖片與背景怎么也沒(méi)辦法融合，讓人頭疼，下面教大家一個(gè)快速融圖的辦法。
首先選擇一個(gè)場(chǎng)景圖片，然后再選擇一個(gè)主體放到場(chǎng)景中，選擇主體圖層，執(zhí)行圖像——調(diào)整——匹配顏色，下方源：選擇你當(dāng)前的文件名，圖層：選擇背景，也就是你的場(chǎng)景圖層，適當(dāng)調(diào)整上方的明亮度、顏色強(qiáng)度、漸隱，確定，就完成了。
tips：這個(gè)技法只是在色調(diào)上進(jìn)行的融圖，不能算最終效果，后期還得靠你繼續(xù)修飾光影、質(zhì)感、體積感等等，所以當(dāng)你手頭上有急活兒的時(shí)候不妨試試這個(gè)方法，會(huì)讓你事半功倍哦~
還是那句話，技法一定是為設(shè)計(jì)本身服務(wù)的，不要沉迷于技法。如果想要靠“炫技”去獲得認(rèn)可，那在設(shè)計(jì)這條路上是不持久的，在版式達(dá)標(biāo)的基礎(chǔ)上，做一些技法上的烘托，會(huì)帶來(lái)錦上添花的效果。
我們訂閱號(hào)一直在豐富教程內(nèi)容，這次推出的十個(gè)技法就是希望讓更多有需要的設(shè)計(jì)師能從中獲取一些幫助，喜歡的同學(xué)麻煩請(qǐng)點(diǎn)贊&在看。
往期教程導(dǎo)讀：
標(biāo)簽： 時(shí)間動(dòng)線設(shè)置 播放按鈕 動(dòng)態(tài)順滑舒適 調(diào)整“合”字 時(shí)間序列
