Photoshop渲染濾鏡打造云彩特效
在開發(fā)Photoshop的最初,程序員就加入了這個(gè)在當(dāng)初很不被看好的功能。從嚴(yán)格意義上來說濾鏡屬于外部插件,它的效果雖然多變,但實(shí)際上都是利用Photoshop本身內(nèi)在的圖像處理功能。它的存在與否也不是Photoshop運(yùn)行的必要條件。同樣它也不能做出超過Photoshop能力范圍的事情,比如無法像Illustrator那樣提供純矢量漸變。
濾鏡的使用雖然簡單,卻能經(jīng)常得到一些很好的效果。這些效果大都比較隨意和虛幻,且可調(diào)整性很強(qiáng),稍微修改一下參數(shù)就可以形成另外的效果,特別是多個(gè)濾鏡組合使用時(shí)。不過切記對(duì)于一幅完整的作品而言,濾鏡只是其中一個(gè)部分。在基礎(chǔ)部分我們沒有對(duì)濾鏡的實(shí)際使用作太多的介紹,一來是因?yàn)槠?,二來就是不希望大家在初學(xué)階段就過多的使用濾鏡,從而形成對(duì)濾鏡的依賴。
大部分濾鏡是在原圖像的基礎(chǔ)上添加效果,添加之后并不影響圖像的總體輪廓(極端的設(shè)定除外),如使用頻率很高的高斯模糊,還有如馬賽克、減少雜色、波浪等。他們都有一個(gè)共同的特點(diǎn)那就是必須依賴于現(xiàn)有圖像。而有一類濾鏡較為特殊,就是渲染類濾鏡,位于濾鏡菜單中專門一個(gè)渲染的類別,它們的特點(diǎn)就是其自身可以產(chǎn)生圖像,典型代表就是云彩濾鏡,它利用前景和背景色來生成隨機(jī)云霧效果。由于是隨機(jī),所以每次生成的圖像都不相同。
云彩濾鏡有一個(gè)兄弟是分層云彩濾鏡,兩者的不同是前者只依據(jù)前景和背景色產(chǎn)生圖像 。而后者除了顏色以外,還參照原有的圖像。因此云彩濾鏡連續(xù)使用十次后效果和第一次使用后看起來差不多,而分層云彩連續(xù)使用的次數(shù)越多,圖像中的云霧邊緣會(huì)越發(fā)顯得銳利。纖維濾鏡的原理也相近,只是產(chǎn)生出來的圖像風(fēng)格有別于前面兩者。這三個(gè)都是用來制作特殊時(shí)最常使用到的濾鏡。我們之后的特效實(shí)例大都以它們?yōu)槠瘘c(diǎn)。
同屬于渲染類別的光照效果濾鏡由于效果一般(類似于漸變)而較少使用,鏡頭光暈濾鏡需要有原圖像才能有明顯的效果,也較少使用。
一個(gè)典型的云彩類特效的制作流程是這樣的:
1、新建圖像,將前景色和背景色設(shè)置為默認(rèn)的前黑后白,用云彩濾鏡制作出灰度圖像。
2、然后使用曲線或色階等色彩調(diào)整命令提升對(duì)比度。
3、使用其它的濾鏡作進(jìn)一步加工。
4、用色彩調(diào)整命令或漸變映射為灰度圖像著色。
5、其它的一些后期處理。
6、對(duì)圖像進(jìn)行區(qū)域裁剪。
在這其中,步驟2、3、4、5、6都不是必須的,順序也不是固定的,可自由發(fā)揮。最后一個(gè)步驟6看起來似乎有些牽強(qiáng),但對(duì)于網(wǎng)頁制作而言它是很重要的,因?yàn)槲覀儾荒茏屢粋€(gè)特效圖像占用太大的網(wǎng)頁面積。此外一個(gè)制作完的特效整體看上去如果平平無奇,千萬不要隨意丟棄,如果用心裁剪同樣能得到很不錯(cuò)的最終圖像。這就好比攝影的取景一樣,攝影大師未必非要拍攝名山大川,下水道甚至垃圾堆同樣可以出意境。
大家首要記住的就是要先以灰度制作,后期再進(jìn)行著色,這樣能對(duì)效果有較多的控制。還有就是要遵循保留最大可編輯性原則,使用調(diào)整圖層和智能對(duì)象(必須為Photoshop CS3版本)進(jìn)行其他操作。這樣隨時(shí)可以更改參數(shù)作出風(fēng)格迥異的效果。
再就是掌握漸變映射的原理和使用方法,它位于基礎(chǔ)教程的第14章節(jié)末尾,那個(gè)看似與濾鏡無關(guān)的小節(jié)其實(shí)是為大家能繼續(xù)學(xué)習(xí)現(xiàn)在的內(nèi)容而做的先行鋪墊。
下面我們就按照上面的流程來制作一個(gè)簡單的云彩特效 。
1、新建一個(gè)300×300的白底圖像,以默認(rèn)的前黑后白使用【濾鏡>渲染>分層云彩】,然后〖CTRL+F〗重復(fù)5到10次,得到大致如下圖所示的灰度圖像。
圖1
2、使用漸變映射調(diào)整層,漸變?cè)O(shè)定為黑紅黃白,為灰度圖像著色,效果大致如下圖所示。
圖2
3、通過【圖層>智能對(duì)象>轉(zhuǎn)換為智能對(duì)象】或直接在圖層調(diào)板中該圖層上點(diǎn)擊右鍵后選擇“轉(zhuǎn)換為智能對(duì)象”。再對(duì)其使用【濾鏡>模糊>徑向模糊】,效果大致如下左圖所示。此時(shí)的圖層調(diào)板大致如下右圖所示,點(diǎn)擊紅色箭頭處的濾鏡名稱可調(diào)整濾鏡參數(shù),點(diǎn)擊藍(lán)色箭頭處的標(biāo)志則可改變?yōu)V鏡的混合選項(xiàng)。
圖3
圖4
如下作圖所示,將徑向模糊的混合選項(xiàng)改為“變亮”,圖像效果如下右圖所示。我們稱其為1號(hào)效果。
圖5
圖6
如果改為“正片疊底”則效果如下作圖所示,改為“差值”則效果如下作圖所示。稱它們?yōu)?號(hào)和3號(hào)效果。
圖7
圖8
3蒙版應(yīng)用回頂部
4、對(duì)圖像進(jìn)行裁剪,如下左圖和右圖所示,分別是在1號(hào)與2號(hào)效果中取一個(gè)80×80的正方形區(qū)域,可用來做網(wǎng)頁上圖標(biāo)。
圖9
至于3號(hào)效果,我們通過蒙版將其變?yōu)橐粋€(gè)正圓形,圖像效果如下左圖所示。圖層調(diào)板如下右圖所示。如果看不懂這里的圖層調(diào)板,說明基礎(chǔ)部分沒有掌握好。這個(gè)圖像適合在大面積的黑色背景中營造神秘氣氛,大家可自己動(dòng)手試試看。
到此為止,濾鏡的任務(wù)就算是完成了,正如同大家所看到的,要想作出好的效果,單純的濾鏡是不夠的,還需要配合一些其他的手段。在整個(gè)制作流程中,稍微更改或替換一些步驟就可以形成完全不同的最終成品,有一些教材標(biāo)榜擁有300例、500例的,其實(shí)都是殊途同歸(準(zhǔn)確地說是殊歸同途),大家只要掌握了其中的原理,多多變換思維,自己都可以創(chuàng)造出很多實(shí)例來的。就上面這個(gè)過程中,在第3步改用其他濾鏡,換一個(gè)就是一個(gè)新效果,作出四五十個(gè)效果那是很容易的。
在后面的教程中我們將每一個(gè)效果作為一個(gè)小篇章,其中有一些是作者自創(chuàng),有一些是從國外翻譯而來。但無論是怎樣的方式和效果,大家都應(yīng)當(dāng)向剛才的例子一樣做到舉一反三。那才是我們撰寫教程的真正目的。
圖10
圖11
在激動(dòng)人心的“濾鏡時(shí)間”過去之后,不妨冷靜下來用已有的成品進(jìn)行創(chuàng)意組合,如下圖所示。描邊樣式、兩段線條以及一些小號(hào)文字,就可以制作出一個(gè)類似科幻簡報(bào)的效果了。大家自己多多動(dòng)手,看看能做出怎樣的作品。
圖12
本文地址:http://m.likemindfilms.com/tutorial/ps2351.html
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏