先來看下效果圖
要實(shí)現(xiàn)以上效果,我們先用Photoshop用以下步驟實(shí)現(xiàn)。
打開原圖
新建圖層,使用顏色#C0FFFF填充后,不透明度設(shè)為44%,圖層混合模式為柔光
新建圖層,使用顏色#000699填充后,不透明設(shè)置為48%,圖層混合模式為排除
合并圖層
PHP-Imagick 實(shí)現(xiàn)用 PHP 代碼,也就只需要按照以上步驟實(shí)現(xiàn)即可,代碼如下:
//打開圖片 $im = new Imagick("./hebe.jpg"); //新建圖層,使用顏色`#C0FFFF`填充后,不透明度設(shè)為`44%` $layer = new Imagick(); $layer->newImage($im->getImageWidth(), $im->getImageHeight(), "#C0FFFF"); $layer->setImageOpacity (0.44); //疊加到原圖上,圖層混合模式為`柔光` $im->compositeImage($layer, Imagick::COMPOSITE_SOFTLIGHT, 0, 0); //新建圖層,使用顏色`#000699`填充后,不透明設(shè)置為`48%` $layer = new Imagick(); $layer->newImage($im->getImageWidth(), $im->getImageHeight(), "#000699"); $layer->setImageOpacity (0.48); //疊加到原圖上,圖層混合模式為`排除` $im->compositeImage($layer, Imagick::COMPOSITE_EXCLUSION, 0, 0); //完成! $im->writeImage("./vintage.jpg");附錄
源代碼倉庫
效果實(shí)現(xiàn)來源
Hebe圖片來源
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/23167.html
摘要:我們的使命是讓您了解最新和最酷的開發(fā)趨勢。強(qiáng)大的節(jié)點(diǎn)和瀏覽器庫,用于從圖像中提取文本。超過個(gè)組件的集合,采用的風(fēng)格。用于和瀏覽器的輕量級庫,使異步函數(shù)再次成為可能。通過將函數(shù)包裝在一個(gè)塊中,可以確保請求或其他異步操作在被放棄之前自動運(yùn)行次。 我們的使命是讓您了解最新和最酷的Web開發(fā)趨勢。這就是為什么我們每個(gè)月都會發(fā)布一些精選的資源,這些資源是我們偶然發(fā)現(xiàn)并認(rèn)為值得您關(guān)注的。 1.Te...
摘要:我們的使命是讓您了解最新和最酷的開發(fā)趨勢。強(qiáng)大的節(jié)點(diǎn)和瀏覽器庫,用于從圖像中提取文本。超過個(gè)組件的集合,采用的風(fēng)格。用于和瀏覽器的輕量級庫,使異步函數(shù)再次成為可能。通過將函數(shù)包裝在一個(gè)塊中,可以確保請求或其他異步操作在被放棄之前自動運(yùn)行次。 我們的使命是讓您了解最新和最酷的Web開發(fā)趨勢。這就是為什么我們每個(gè)月都會發(fā)布一些精選的資源,這些資源是我們偶然發(fā)現(xiàn)并認(rèn)為值得您關(guān)注的。 1.Te...
摘要:我們的使命是讓您了解最新和最酷的開發(fā)趨勢。強(qiáng)大的節(jié)點(diǎn)和瀏覽器庫,用于從圖像中提取文本。超過個(gè)組件的集合,采用的風(fēng)格。用于和瀏覽器的輕量級庫,使異步函數(shù)再次成為可能。通過將函數(shù)包裝在一個(gè)塊中,可以確保請求或其他異步操作在被放棄之前自動運(yùn)行次。 我們的使命是讓您了解最新和最酷的Web開發(fā)趨勢。這就是為什么我們每個(gè)月都會發(fā)布一些精選的資源,這些資源是我們偶然發(fā)現(xiàn)并認(rèn)為值得您關(guān)注的。 1.Te...
摘要:庫一個(gè)用來在中創(chuàng)建炫酷的浮動粒子的庫一個(gè)用來在中創(chuàng)建物體和空間的庫快速實(shí)現(xiàn)全屏滾動特性打字機(jī)效果滾動到某個(gè)元素位置時(shí)觸發(fā)一個(gè)功能語法高亮使用創(chuàng)建漂亮的圖表能夠明顯加速網(wǎng)站加載時(shí)間,鼠標(biāo)時(shí)預(yù)加載資源另一個(gè)圖表庫一個(gè)基于動畫和平移的雪碧圖庫實(shí)現(xiàn) Javascript 庫 Particles.js? 一個(gè)用來在 web 中創(chuàng)建炫酷的浮動粒子的庫 Three.js? 一個(gè)用來在 web 中創(chuàng)...
摘要:層疊樣式表二修訂版這是對作出的官方說明。速查表兩份表來自一份關(guān)于基礎(chǔ)特性,一份關(guān)于布局。核心第一篇一份來自的基礎(chǔ)參考指南簡寫速查表簡寫形式參考書使用層疊樣式表基礎(chǔ)指南,包含使用的好處介紹個(gè)方法快速寫成高質(zhì)量的寫出高效的一些提示。 迄今為止,我已經(jīng)收集了100多個(gè)精通CSS的資源,它們能讓你更好地掌握CSS技巧,使你的布局設(shè)計(jì)脫穎而出。 CSS3 資源 20個(gè)學(xué)習(xí)CSS3的有用資源 C...
閱讀 2025·2021-11-15 11:38
閱讀 2058·2019-08-30 15:55
閱讀 2192·2019-08-30 15:52
閱讀 3177·2019-08-30 14:01
閱讀 2693·2019-08-30 12:47
閱讀 1160·2019-08-29 13:17
閱讀 1072·2019-08-26 13:55
閱讀 2640·2019-08-26 13:46