2011-05-24 74 views
0

我想提出一種簡單的方法讓用戶更改爲png文件的顏色(例如顯示調色板並顯示結果的實時預覽)。png文件上的顏色掩碼

我的圖形設計師給我發送了只改變顏色的相同UI元素,那麼我應該向他詢問什麼文件?像白色只有PNG的東西?

例如(的圖像是不是100%相似,但你的想法:光線路隨後的梯度從打火機更暗,並且最後一個暗線):

first image second image

我寧願一個通用的PNG,我可以在其上應用面具或編程方式

回答

0

你想要一個.png包含一個alpha通道的細節。對於 「任何」 彩色漸變

示例圖片:

由於它出現在Photoshop:

而且這裏有一個如何使用HTML圖像的例子/ CSS:

http://jsfiddle.net/wbk8d/

<div class="red"></div> 
<div class="magenta"></div> 
<div class="blue"></div> 

div { 
    background: url(http://i.stack.imgur.com/LliRn.png); 
    width: 320px; 
    height: 60px; 
    margin: 0 0 10px 0 
} 
.red { 
    background-color: red 
} 
.magenta { 
    background-color: #f0f 
} 
.blue { 
    background-color: blue 
} 
0

據我瞭解,你需要一個通用的方式來創建網站。在這種情況下,我建議檢查一下您的設計師是否能夠在HSL範圍內與您一起工作。如果不是,你可以自己點。這意味着,他崇尚色彩和亮度。

看看這個設計師找到DOTNET的一個簡單的方法,通過使用HSL methodes改變任何圖像:

http://colorschemedesigner.com

+0

那麼我的目標是比那小。我只需要一種通用的方法來改變包含陰影的特定圖像的顏色。您提供的網站完全符合我的要求。我將試圖找出如何 – 2011-05-24 07:24:27

+0

我知道和我工作的唯一方法是:創建System.Drawing.Bitmap,使用System.Drawing.Graphics和Matrix並將其作爲System.Drawing.Bitmap再次存儲。然後,您可以將其用作WriteableBitmap並將其作爲ImageSource共享給WPF。 – goldengel 2011-05-24 07:29:02

+0

如果您只需要亮度,另一種方法是在圖像上方覆蓋一個「黑色」或「白色」矩形,不透明度從0%到100%。但是,然後,你不能改變色調。 – goldengel 2011-05-24 07:30:47

0

也許你可以嘗試SVG而不是PNG。這是一種xml格式,您可以在其中輕鬆更改顏色。