DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> 關於Fireworks >> Fireworks不摳圖實現企業標識反白效果
Fireworks不摳圖實現企業標識反白效果
編輯:關於Fireworks     

做網站的時候常需要處理客戶的企業標識。如果你的網站另有色彩背景,需要將客戶提供的標識反白處理,而客戶僅僅提供一個白底的 jpg 圖片文件時該怎麼辦呢?本文就與大家一起分享Fireworks不摳圖實現企業標識反白效果方法,希望對大家有所幫助!

通常我們會想到扣圖去底來解決,然而根據一個壓縮過的點陣圖,logo 本身的顏色已經不夠純淨了,更有些細節很難用扣圖來表現,最明顯的例子是商標一角常有的注冊標記 ® 。如果使用單純的扣圖技法, ® 字會顯得很不自然。據以往的一些工作經驗,在Fireworks環境下,發掘了一個簡單實用的企業標識反白法與大家分享,免除摳圖的煩惱。讓我們來看實例。首先我們來設置個復雜點的彩色背景,如下圖:

借用一張阿迪達斯(adidas)的標志到場景內作為實例。

在屬性面板調出實時特效濾鏡,調整色彩,色相 / 飽和度。把圖片變成黑白灰階。

調整圖層模式到屏幕。

繼續我們的實時特效濾鏡,加上色彩填充,隨便選什麼顏色,透明度選100%,混合模式改成反相。

這時我們可以看到效果已經出來了。但是 logo 有點半透明,這是因為 logo 本身色彩的明度不夠暗。如果 logo 本身是純黑色,我們的工作就可以到此為止了。現在的情況還需要改善下。

繼續實時特效濾鏡,添加亮度 / 對比度,把對比度調成64。

這個對比度的值不是固定的,以原標識的色彩明度為准調整,調整過度的話會令細節產生鋸齒。

在這個實例中64是最適合的對比度設置。

一個完美的反白標識已經做完了。

soskitty 的另一種方法:

1、轉換為Alpha
2、填充白色
3、如果想要不透明的Logo,把原來半透明的Logo原位復制幾個就行了,如果遇到透明差別比較厲害的圖,可以考慮選擇通道
4、如果經常用到,可以考慮定義成樣式

參考PNG圖:

教程結束,以上就是Fireworks不摳圖實現企業標識反白效果的全部過程,希望大家看完之後會有一定的幫助,謝謝大家觀看本教程!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved