說(shuō)起“濾鏡”這個(gè)已經(jīng)不再陌生的詞匯。伴隨著高性能移動(dòng)終端的普及，其作為一種可以自動(dòng)快速修飾圖片的技術(shù)在短短幾年內(nèi)已然成為眾多移動(dòng)終端拍攝類應(yīng)用的標(biāo)配。但是在目前拍攝類應(yīng)用里，大部分濾鏡仍然停留于先拍攝后處理的靜態(tài)處理流程，也有部分應(yīng)用進(jìn)一步實(shí)現(xiàn)了實(shí)時(shí)濾鏡技術(shù)，但是兩者的濾鏡處理過(guò)程對(duì)用戶來(lái)說(shuō)是不可干預(yù)的，在交互上也相對(duì)單一，效果也比較單調(diào)。 

為了解決目前濾鏡不可定制、功能單一缺乏交互等技術(shù)和體驗(yàn)上的不足，騰訊CDC的開發(fā)團(tuán)隊(duì)和設(shè)計(jì)團(tuán)隊(duì)一起配合，在實(shí)現(xiàn)高清實(shí)時(shí)濾鏡的渲染技術(shù)基礎(chǔ)上，提出了一種利用用戶手勢(shì)與終端交互改變?yōu)V鏡效果，實(shí)時(shí)預(yù)覽界面中或拍攝完成后更改濾鏡效果的解決方案，比起傳統(tǒng)的無(wú)濾鏡拍照應(yīng)用和圖片美化應(yīng)用，拍攝成品質(zhì)量有了巨大的提升，通過(guò)這種技術(shù)滿足了用戶個(gè)性化的需求和交流，也大大降低了圖片美化的成本。

手勢(shì)交互DIY你的濾鏡

目前無(wú)論實(shí)時(shí)濾鏡還是靜態(tài)濾鏡，濾鏡效果都是不可定制、功能比較單一，針對(duì)這個(gè)問(wèn)題我們提出了一種新的嘗試，用戶通過(guò)手勢(shì)與終端進(jìn)行交互，終端響應(yīng)用戶的交互行為，在濾鏡變換過(guò)程中根據(jù)這些用戶手勢(shì)操作來(lái)動(dòng)態(tài)調(diào)整濾鏡效果。如下圖

圖1. 運(yùn)用縮放手勢(shì)調(diào)整魚眼扭曲強(qiáng)度大小

通過(guò)這種交互手段，我們可以通過(guò)終端所具有的手勢(shì)操作來(lái)動(dòng)態(tài)改變?yōu)V鏡的效果，包括濾鏡顏色濃度特效強(qiáng)度等等。讓使用者用最直觀的方式來(lái)DIY自己喜歡的濾鏡效果，濾鏡處理將變成一個(gè)更加有趣更加個(gè)性化的體驗(yàn)過(guò)程。

圖2. 平移手勢(shì)控制濾鏡過(guò)濾的顏色值

所見即所得實(shí)時(shí)渲染

大部分拍照應(yīng)用都是采用先拍照后選擇的濾鏡處理流程，對(duì)拍照后圖片每個(gè)像素點(diǎn)數(shù)據(jù)進(jìn)行運(yùn)算處理，整個(gè)過(guò)程依賴終端CPU的串行計(jì)算，處理效率低，依靠這種方案難以實(shí)現(xiàn)實(shí)時(shí)動(dòng)態(tài)預(yù)覽濾鏡。
為此我們采用了OpenGL ES技術(shù)將圖象處理工作交予GPU進(jìn)行。圖形系統(tǒng)采用特有的管道(Pipeline)機(jī)制來(lái)運(yùn)算處理圖像數(shù)據(jù)，對(duì)像素點(diǎn)的處理為并行進(jìn)行，大大提升了效率，OpenGL ES 2.0 允許提供編程來(lái)控制管道中一些重要的工序，其中包括shader著色器。著色器包含了允許在頂點(diǎn)上進(jìn)行一般操作的頂點(diǎn)著色器，以及允許在片段上進(jìn)行一般操作的片段著色器。我們利用著色器這一環(huán)節(jié)來(lái)編寫shader程序運(yùn)用圖片處理算法來(lái)實(shí)時(shí)處理圖像數(shù)據(jù)，并將結(jié)果輸出，達(dá)到實(shí)時(shí)渲染所見所得的濾鏡效果。

圖3. OpenGL ES 2.0管道(Pipeline)機(jī)制

百聞不如一見，我們錄制了一段演示視頻來(lái)展示以上提及的濾鏡創(chuàng)新點(diǎn)帶來(lái)的體驗(yàn)：

移動(dòng)終端便捷快速的特性帶來(lái)的是拍照成本的極大降低，同時(shí)終端圖像處理性能的不斷升級(jí)提升也讓更加絢麗的圖片處理變?yōu)榭赡�。我們CDC也在不斷通過(guò)體驗(yàn)和技術(shù)上的實(shí)踐和嘗試，將濾鏡圖片處理變得更加友好和快捷。以上所做的濾鏡研究和實(shí)踐方案將很快出現(xiàn)在如Q拍等騰訊移動(dòng)端產(chǎn)品上，敬請(qǐng)期待和體驗(yàn)。

One more thing，目前CDC實(shí)時(shí)濾鏡已入選騰訊創(chuàng)意月榜5月號(hào)復(fù)選名單，歡迎大家訪問(wèn) http://djt.qq.com/thread-29001-1-1.html 參與投票支持我們的研究成果（實(shí)時(shí)濾鏡是A號(hào)作品），并有機(jī)會(huì)獲得年費(fèi)藍(lán)鉆哦:)

文章來(lái)源：騰訊CDC

標(biāo)簽： 交互設(shè)計(jì) 創(chuàng)新 視覺(jué)設(shè)計(jì) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。