Photoshop制作網頁指示框
- 2022-12-24 19:37:21
- 來源/作者:互聯網/佚名
- 己被圍觀次
可用于盒子的標題,下面展示最終效果圖。 一、建立文件,400*100px,72dpi,背景白色。 二、畫一個長方形,選擇》修改》平滑,填入2px。 三、混合選項》漸變疊加(從R:172;G:201;B:32到R:210;G:229;B:122
可用于盒子的標題,下面展示最終效果圖。

一、建立文件,400*100px,72dpi,背景白色。
二、畫一個長方形,選擇》修改》平滑,填入2px。

三、混合選項》漸變疊加(從R:172;G:201;B:32到R:210;G:229;B:122) 角度100如下圖:

四、描邊:大小:1px,位置:外部,混合模式:正常,不透明度:100%,填充類型:顏色,顏色:(R:215;G:219;B:193)。
五、投影,數據如下圖:

六、制作外部投影,使其立體感強點,復制上面涂層,去效果,填充黑色,ctrl+t,按住ctrl拖拽至下圖

七、按住ctrl在圖層上點擊,選取這個選取,濾鏡》模糊》高斯模糊》填入數值5.0,連續四次ctrl+f,ctrl+d取消選區,再一次ctrl+f,不透明度70%。

八、用鋼筆工具勾一個尖角,填充R:192;G:216;B:80,放在合適位置

做完這步就是前面的效果圖了
*PSjia.COM 傾力出品,轉載請注明來自PS家園網(m.sz-xdd.com.cn)
標簽(TAG) 網頁圖片
上一篇:下載按鈕,設計一枚圓形的下載按鈕
下一篇:UI知識,如何確定你的UI的尺寸








