我有我的網站是通過設計師設計的,我有這個圖片,我想用同一種圖片作爲我現在要添加的其他導航菜單,我的設計師不是爲我提供psd的。在photoshop上識別文字效果
http://i42.tinypic.com/2afc4fm.jpg http://i42.tinypic.com/2afc4fm.jpgalt text http://i44.tinypic.com/ixtann.jpg
我怎麼能知道什麼文本效果和字體,我應該在Photoshop中使用來達到同樣的樣的結果?
謝謝。
我有我的網站是通過設計師設計的,我有這個圖片,我想用同一種圖片作爲我現在要添加的其他導航菜單,我的設計師不是爲我提供psd的。在photoshop上識別文字效果
http://i42.tinypic.com/2afc4fm.jpg http://i42.tinypic.com/2afc4fm.jpgalt text http://i44.tinypic.com/ixtann.jpg
我怎麼能知道什麼文本效果和字體,我應該在Photoshop中使用來達到同樣的樣的結果?
謝謝。
這是瀏覽器來實現不是一個編程問題,儘管我想我可以幫助你。
我玩過陰影角度和突出顯示你應該能夠複製效果。
圖層>圖層樣式>斜面和浮雕
,但這樣做需要的圖像在支持文字陰影CSS屬性
像這樣的事情
text-shadow: 0px 1px 0px #B5B5B5;
What the font已經滿足了我的字體識別需求。
它實際上看起來像處理文本是有點不一致。在左側的圖像中,效果是一個凸起的斜角正在朝向您,右側是一個字母按壓效果。
從文字處理的角度來看,右側的圖像更爲複雜。在Photoshop中選擇文本圖層,然後朝着圖層菜單的底部查找「fx」。選擇'fx'並彈出一個窗口。
選擇漸變疊加,並使用白色作爲前景顏色和黑色作爲背景顏色設置漸變(它應該默認爲此)。將不透明度降低到15%左右。
接下來看左邊的邊欄來投影並選擇。從下拉菜單中選擇疊加而不是普通,並將您的顏色更改爲白色(單擊下拉菜單旁邊的黑色樣本)。所有你的角度/方向應該是120度。雖然仍然在下拉選項中,您將距離設置爲2px,將尺寸設置爲3px。
最後,應用內部陰影。可能的距離和大小應該與上面給出的投影陰影相反。
對於標籤背景,看起來他們正在做兩件事。首先在選項卡上應用漸變疊加層,然後獲得輕微的照明效果。事實上,這種微妙的照明效果可能很難複製,所以做兩件事情之一。在選項卡頂部創建另一個圖層,並從現有選項卡創建選區(您必須確保第一個選項卡圖層已柵格化以執行此操作)並填充白色。然後應用照明效果並調整圖層的不透明度以獲得所需的效果。或者如果你有點藝術性,你可以使用低填充和不透明重量的畫筆工具來使中間的標籤在白色區域顯示。
對於右側的圖像,使用相同的過程來處理選項卡,只需更改填充顏色或漸變疊加前景和背景顏色,文本使用距離爲2或3px且大小爲2px的簡單投影。
有關於凸版效果的good tutorial here(向下滾動一下以查看指令)。
希望有所幫助。