优艾设计网

photoshop设计一个漂亮的网站导航

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:bbs.16xx8.com
作者:佚名   出处: 内容提要:用photoshop制作一个漂亮的网站导航,主要应用了图层样式和图层蒙版。

作者:佚名   出处:

photoshop设计一个漂亮的网站导航

内容提要:用photoshop制作一个漂亮的网站导航,主要应用了图层样式和图层蒙版。

先看效果图。

photoshop设计一个漂亮的网站导航

因为是演示,所以新建小点的文档,300x100像素,如果想做一个完整的导航,建议文档尺寸600x100像素,画一个圆角矩形,填充任意颜色。

photoshop设计一个漂亮的网站导航

添加图层样式。

photoshop设计一个漂亮的网站导航

photoshop设计一个漂亮的网站导航

photoshop设计一个漂亮的网站导航

效果如下。

photoshop设计一个漂亮的网站导航

画一个稍大些的圆角矩形。

photoshop设计一个漂亮的网站导航

添加图层样式。

photoshop设计一个漂亮的网站导航

 

photoshop设计一个漂亮的网站导航

photoshop设计一个漂亮的网站导航

效果如下。

photoshop设计一个漂亮的网站导航

右击形状2图层,栅格化,画一个椭圆,变换选区,回车确定。

photoshop设计一个漂亮的网站导航

 

点击红框图标,添加蒙版,调出椭圆选区,往右侧挪一段距离,选择蒙版,填充黑色,效果如下。

photoshop设计一个漂亮的网站导航

重复上一步骤,输入文字,背景做一渐变,最终效果如下。

photoshop设计一个漂亮的网站导航

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消