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