網頁設計透明ps_網頁設計中如何設置圖像透明色

1、圖示的網頁透明效果，是怎樣實現的？

第一種：加入帶有顏色的遮罩一樣的半透明效果。
源代碼為:
<STYLE type=text/css>
.bodyBg {background:#transparent;filter:progid:DXImageTransform.Microsoft.gradient(GradientType ='1',enabled='true',startColorstr=#AAFFFFFF, endColorstr=#AAFFFFFF);}
</STYLE>
代碼中：startColorstr=#AAFFFFFF 前面的AA是透明度，修改成FF是不透明，00是全透明，後面的 FFFFFF 是顏色，就是說在上面蒙什麼顏色的東西，正常使用這個效果startColorstr=#AAFFFFFF和 endColorstr=#AAFFFFFF 後面的=#AAFFFFFF數值要一樣!

2.簡易透明效果。
將上面的渲染方式改為：filter:alpha(opacity=80)，80是透明值，100為不透明，0為全透明。

3.其實CSS還有很多其他的渲染方式~付上其他的一些渲染代碼。
黑白照片 filter: gray;
X光照片 filter: Xray;
風動模糊 filter: blur(add=true,direction=45,strength=30);
正弦波紋 filter: Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3);
半透明效果 filter: Alpha(Opacity=50);
線型透明 filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140);
放射透明 filter: Alpha(Opacity=10, FinishOpacity=100, Style=2, StartX=30, StartY=30, FinishX=200, FinishY=200);
白色透明 filter: Chroma(Color=#FFFFFF);
降低色彩 filter: grays;
底片效果 filter: invert;
左右翻轉 filter: fliph;
垂直翻轉 filter: flipv;
投影效果 filter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,positives=true);
馬賽克 filter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3);
發光效果 filter:progid:dXImageTransform.Microsoft.Glow(color=#cccccc,Strength=5);
柔邊效果 filter:alpha(opacity=100, finishOpacity=0,style=2

2、網頁設計中如何設置圖像透明色？

告訴你了給個分吧

3、怎樣把網頁的背景圖像設置得透明一點啊？

用dreamweaver設計啊,這個工具的前台美化功能本來就很強大,不必要用到PS.下面是處理圖像的步驟:
1、先在DW設計頁面中插入你要處理的圖像，記住是插入圖像，不要在頁面屬性那添加背景，現在還沒到添加背景那一步；
2、選中圖像，在下面屬性欄里你就會看到一組可以編輯圖像的工具；
3、選擇第5個「亮度和對比度」工具，打開之後將亮度調高，將對比度調低就OK的了，要透明的程度你自己把握就行；
4、這一點是需要特別注意的：你調整好圖片按保存之後，那麼這張圖像將不可以再恢復原樣，如果你還想保留原圖，你可以在調整之前復制一份出來；
5、圖像已經處理完畢，將插入的這張圖像刪掉，再在「頁面屬性」那添加背景即可。

4、如何用PS製作透明圖片

將素材圖片壓在主圖片後，單擊窗口菜單下的圖層，打開圖層面板，調整期中的不透明度，可直接觀看效果。就像他說的一樣然後合並圖層在保存就可以了

5、怎樣用ps做光滑透明質感的網頁按鈕

幾乎沒有哪種按紐的受歡迎程度能與透明質感按紐相比。自這種風格的按紐一問世，立刻風靡全球，從龐大的商務網站到簡單的個人小站，處處都能看到剔透的風采。這種漂亮按紐最大的作用就是修飾網頁，僅僅使用幾個這樣的按紐，就會給你的網頁像水晶糖果一樣誘人。透明質感的按鈕種類之多，製作方法之廣，無法盡數。在這里，我總結了幾種較為好看的卻又比較簡單的，供大家作為參考。
第一款：Aqua按紐
這是最常見的一種透明按紐了，如果運用的好的話，效果是非常理想的。這種按紐的做法有很多種，有些真的是相當相當的麻煩。當然，效果也是相當相當的漂亮，漂亮到你會不捨得把它用於網頁按鈕。實際上，如果用那種耗費大量時間做成的按鈕裝飾網頁的話，需要小心喧賓奪主：遊客會不自覺的把注意力集中到漂亮奪目的按紐上，網頁最重要的內容卻會被忽略掉。說了這么多，好像偷懶是理所當然的了。那麼這一次，我們應用圖層樣式來打造這個按鈕，這樣我們就可以一勞永逸，以後都可以坐享其成了。更重要的是，我們製作的是可以裝飾你的網頁的按紐，它僅僅起到了點綴的作用，就像是做菜時使用的雞精，一點足以勾出鮮味，過多反而不好了。
1. 新建文檔，RGB模式，白色背景。建立圖層1，設置前景色為RGB（51，143，206）。然後選擇圓角矩形工具，在工具選項中，設置繪圖方式為填充像素，將矩形的圓角半徑設為50像素，選擇消除鋸齒。點擊幾何選項，將矩形的大小設為91×27像素，在畫布正中點擊一下，即會出現一個藍色的圓角矩形。（圖01）

2.現在我們開始添加圖層樣式了。首先選擇投影：將投影的不透明度降低為33％，取消全局光，角度為134度，距離和大小均為1像素，擴展為0，品質不變；
然後是內陰影樣式：將內陰影的顏色設為RGB（0，56，113），不透明度為100％，取消全局光，角度為90度，距離為6像素，阻塞為15％，大小為16像素，品質保持不變，這樣，按紐就具有了立體感。（圖02）

3. 接下來我們要製作光線從按紐中透出的感覺。選擇內發光樣式，將混合模式設為顏色減淡，不透明度為30％，顏色為白色，方法為較柔軟，居中，阻塞為31％，大小為21像素，要特別注意等高線的形狀，打開默認的等高線編輯器，將曲線設為圖03的形狀，選擇消除鋸齒，范圍為31％；（圖03，04）

4. 下面是最關鍵的一步——添加強烈的反光效果。選擇斜面和浮雕樣式，將樣式設為內斜面，方法為平滑，深度為81％，方向為上，大小為9像素，軟化為1像素，陰影的角度為90度，高度為73度，高光和暗調的不透明度均為100％，暗調的模式為正常，顏色為RGB（4，126，188），這樣高光效果就出來了。

但這樣是不夠的，我們希望高光效果更為貼切。選擇等高線，注意是斜面等高線，而不是光澤等高線，將等高線類型選擇為預設類型中的半圓，消除鋸齒，范圍為69％，這樣就能得到逼真的反光效果。（圖05）

5. 為了使按鈕看起來更好，我們添加一些簡單的陰影效果。但我們的樣式中已經採用了投影樣式，所以要另外想辦法。按住Ctrl鍵，載入按紐的不透明度區域，從編輯菜單中選擇合並拷貝命令，在圖層1之下新建一層，按Ctrl+V，將圖像粘貼到新層中，取消選擇。
合並拷貝命令可以復制選區內所有圖層的圖像，包括圖層樣式在內，這里，我們所用這個命令就是為了拼合圖層樣式的效果。此外，在粘貼前，如果沒有取消選擇，那麼圖像會粘貼入選區中，否則的話，圖像會被自動粘貼到圖層的正中。
對圖層2使用高斯模糊，半徑大概為5.5像素左右。再用移動工具將圖層移動到按紐的右下方，作為透明陰影。（圖06）

6. 最後，在按紐上寫上文字即可。如果你更喜歡淡灰色的透明按鈕，這里有個簡單的法子：打開通道面板，點擊藍色通道，僅顯示這一個通道的圖像，由於我們的按紐是藍色調的，所以這個通道內的圖像最能體現按紐的情況。如果你的按紐是紅色調或是綠色調的，那麼同樣，分別選擇紅色通道和綠色通道，就能得到灰色的透明按鈕了。（圖07）

6、如何製作在網頁上半透明的PNG純色圖?

用抄photoshop，新建一個圖像，純色填充。在圖層面板裡面雙擊再確定解鎖這個圖層，然後將這個圖層的透明度調成50%（可根據需要自己調整）。保存格式為png。網頁裡面將div的背景圖像設置為這個png即可。
PS：png透明在IE6下不可用。IE6下如果要實現這種效果比較麻煩。
如果有問題可以追問或者Hi聯系。

7、PS怎麼做透明的圖片

1、打開PS，新建一個畫布，背景內容選擇「透明」，一定要透明；