Photoshop制作网页指示框

可用于盒子的标题,下面展示最终效果图。 一、建立文件,400*100px,72dpi,背景白色。 二、画一个长方形,选择》修改》平滑,填入2px。 三、混合选项》渐变叠加(从R:172;G:201;B:32到R:210;G:229;B:122

做不好网页设计的十大原因

一个好的网页设计,不仅吸引眼球,也是实用的、直观的、层级简单却足够复杂到保持用户的兴趣。但在设计一个网页时,有许多地方会让许多设计师误入歧途,现在我们就来聊聊网页设计这件事儿。

可用于盒子的标题,下面展示最终效果图。

Photoshop制作网页指示框插图

一、建立文件,400*100px,72dpi,背景白色。

二、画一个长方形,选择》修改》平滑,填入2px。

Photoshop制作网页指示框插图(1)

三、混合选项》渐变叠加(从R:172;G:201;B:32到R:210;G:229;B:122) 角度100如下图:

Photoshop制作网页指示框插图(2)

四、描边:大小:1px,位置:外部,混合模式:正常,不透明度:100%,填充类型:颜色,颜色:(R:215;G:219;B:193)。

五、投影,数据如下图:

Photoshop制作网页指示框插图(3)

六、制作外部投影,使其立体感强点,复制上面涂层,去效果,填充黑色,ctrl+t,按住ctrl拖拽至下图

Photoshop制作网页指示框插图(4)

七、按住ctrl在图层上点击,选取这个选取,滤镜》模糊》高斯模糊》填入数值5.0,连续四次ctrl+f,ctrl+d取消选区,再一次ctrl+f,不透明度70%。

Photoshop制作网页指示框插图(5)

八、用钢笔工具勾一个尖角,填充R:192;G:216;B:80,放在合适位置

Photoshop制作网页指示框插图(6)

做完这步就是前面的效果图了

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部