使用PHP-Imagick快速實現(xiàn)漂亮的復(fù)古效果

walterrwu 發(fā)布于2019-06-27 16:54 / 972人閱讀

先來看下效果圖

要實現(xiàn)以上效果，我們先用Photoshop用以下步驟實現(xiàn)。

打開原圖

新建圖層，使用顏色#C0FFFF填充后，不透明度設(shè)為44%，圖層混合模式為柔光

新建圖層，使用顏色#000699填充后，不透明設(shè)置為48%，圖層混合模式為排除

合并圖層

PHP-Imagick 實現(xiàn)

用 PHP 代碼，也就只需要按照以上步驟實現(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");

附錄

源代碼倉庫

效果實現(xiàn)來源

Hebe圖片來源

GPU云服務(wù)器云服務(wù)器 js漂亮的效果 js實現(xiàn)f11的效果使用效果的數(shù)據(jù)分析如何快速的使用云服務(wù)器

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/23167.html

相關(guān)文章

10個有趣的javascript和css庫（2019年5月最新）

摘要：我們的使命是讓您了解最新和最酷的開發(fā)趨勢。強大的節(jié)點和瀏覽器庫，用于從圖像中提取文本。超過個組件的集合，采用的風(fēng)格。用于和瀏覽器的輕量級庫，使異步函數(shù)再次成為可能。通過將函數(shù)包裝在一個塊中，可以確保請求或其他異步操作在被放棄之前自動運行次。我們的使命是讓您了解最新和最酷的Web開發(fā)趨勢。這就是為什么我們每個月都會發(fā)布一些精選的資源，這些資源是我們偶然發(fā)現(xiàn)并認為值得您關(guān)注的。 1.Te...

Aceyclee 2019-08-30 11:02 評論0 收藏0
10個有趣的javascript和css庫（2019年5月最新）

摘要：我們的使命是讓您了解最新和最酷的開發(fā)趨勢。強大的節(jié)點和瀏覽器庫，用于從圖像中提取文本。超過個組件的集合，采用的風(fēng)格。用于和瀏覽器的輕量級庫，使異步函數(shù)再次成為可能。通過將函數(shù)包裝在一個塊中，可以確保請求或其他異步操作在被放棄之前自動運行次。我們的使命是讓您了解最新和最酷的Web開發(fā)趨勢。這就是為什么我們每個月都會發(fā)布一些精選的資源，這些資源是我們偶然發(fā)現(xiàn)并認為值得您關(guān)注的。 1.Te...

atinosun 2019-08-02 15:12 評論0 收藏0
10個有趣的javascript和css庫（2019年5月最新）

摘要：我們的使命是讓您了解最新和最酷的開發(fā)趨勢。強大的節(jié)點和瀏覽器庫，用于從圖像中提取文本。超過個組件的集合，采用的風(fēng)格。用于和瀏覽器的輕量級庫，使異步函數(shù)再次成為可能。通過將函數(shù)包裝在一個塊中，可以確保請求或其他異步操作在被放棄之前自動運行次。我們的使命是讓您了解最新和最酷的Web開發(fā)趨勢。這就是為什么我們每個月都會發(fā)布一些精選的資源，這些資源是我們偶然發(fā)現(xiàn)并認為值得您關(guān)注的。 1.Te...

劉永祥 2019-08-23 17:53 評論0 收藏0
67 個拯救前端開發(fā)者的工具、庫和資源

摘要：庫一個用來在中創(chuàng)建炫酷的浮動粒子的庫一個用來在中創(chuàng)建物體和空間的庫快速實現(xiàn)全屏滾動特性打字機效果滾動到某個元素位置時觸發(fā)一個功能語法高亮使用創(chuàng)建漂亮的圖表能夠明顯加速網(wǎng)站加載時間，鼠標(biāo)時預(yù)加載資源另一個圖表庫一個基于動畫和平移的雪碧圖庫實現(xiàn) Javascript 庫 Particles.js? 一個用來在 web 中創(chuàng)建炫酷的浮動粒子的庫 Three.js? 一個用來在 web 中創(chuàng)...

XiNGRZ 2019-08-22 16:00 評論0 收藏0
[譯]148個資源讓你成為CSS專家

摘要：層疊樣式表二修訂版這是對作出的官方說明。速查表兩份表來自一份關(guān)于基礎(chǔ)特性，一份關(guān)于布局。核心第一篇一份來自的基礎(chǔ)參考指南簡寫速查表簡寫形式參考書使用層疊樣式表基礎(chǔ)指南，包含使用的好處介紹個方法快速寫成高質(zhì)量的寫出高效的一些提示。迄今為止，我已經(jīng)收集了100多個精通CSS的資源，它們能讓你更好地掌握CSS技巧，使你的布局設(shè)計脫穎而出。 CSS3 資源 20個學(xué)習(xí)CSS3的有用資源 C...

impig33 2019-08-29 11:10 評論0 收藏0