ps制作立体效果的网站导航教程(4)插图

ps制作立体效果的网站导航教程(4)

学好Photoshop最好的方法之一是解构、再现设计,以此来激发自己的灵感。怀着这样的心情,让我们走近 LittleLines.com 导航,去看一下,从他们最初是如何设计出这么精致的导航栏中,我们能学到什么。 最终效果图:

ps制作立体效果的网站导航教程(2)插图

ps制作立体效果的网站导航教程(2)

步骤九 很显然,我们创建的渐变太强,所以设置White Gradient图层填充20%,混合模式为颜色减淡。 步骤十 接下来,在棕色按钮顶部创建双边框。新建一个图层,命名为Double Border,设置前景色和背景色分别为#644239

广告位
ps制作立体效果的网站导航教程(3)插图

ps制作立体效果的网站导航教程(3)

步骤十八 如果你做的正确,那么现在你的菜单应该如下所示。 步骤十九 在当前画布上,LittleLines当前按钮上有黑色文本,选择你的文字图层,点击T键激活文字工具,选中第一个按钮上的文字,在字符面板上将选中的文字

Photoshop制作绚丽的网站导航效果教程(3)插图

Photoshop制作绚丽的网站导航效果教程(3)

作者::小鱼 出处:UCD博客 本教程主要用Photoshop来制作一款水晶导航条,现在的网站越来越注重界面设计,当然导航条也不例外,喜欢的朋友让我们一起来开始吧 先看看效果吧! 🙂 第1步:新建文件,大小500x 200px ,选择

Photoshop制作绚丽的网站导航效果教程(2)插图

Photoshop制作绚丽的网站导航效果教程(2)

Photoshop制作绚丽的网站导航效果教程(3)作者::小鱼 出处:UCD博客 本教程主要用Photoshop来制作一款水晶导航条,现在的网站越来越注重界面设计,当然导航条也不例...
用ps制作网站导航插图

用ps制作网站导航

本 ps教程 学习如何用photoshop制作时尚耐看的网站导航条,主要用到了圆角矩形和图层样式,先看效果图。 新建文档560×300像素,背景黑色,建新层,画一白色圆角矩形。 添加图层样式。 副标题 颜色请采样我的截图,效果如下(局部) 新建图层1,调出圆角矩形选区,填充白

用ps制作一个漂亮的网站导航插图

用ps制作一个漂亮的网站导航

先看效果图。 因为是演示,所以新建小点的文档,300×100像素,如果想做一个完整的导航,建议文档尺寸600×100像素,画一个圆角矩形,填充任意颜色。 添加图层样式。 副标题 效果如下。 画一个稍大些的圆角矩形。 添加图层样式。 副标题 效果如下。 右击形状2图层

photoshop设计网站导航图片(4)插图

photoshop设计网站导航图片(4)

网站的头部大多是最值得设计的地方,因为头部往往包含导航与LOGO,而且作为一个网站的门面,头部也起到很关键的作用,可以说一个网站的头部好坏往往觉得了这个网站设计的成功与否,本文使用PS来设计一个比较简洁的

photoshop设计网站导航图片(2)插图

photoshop设计网站导航图片(2)

再用单行选区工具制作按钮鼠标移动上后的黄色滑杆 为滑杆添加渐变样式 新建图层,使用椭圆选区工具,羽化设置20px,这样之后填充的黑色将会出现羽化的效果 为之前的椭圆选区填充黑色,然后设置图层为正片叠底,使用

photoshop设计网站导航图片(3)插图

photoshop设计网站导航图片(3)

制作RSS破损纸张效果,制作2个图层,用选区勾画出纸张的轮廓,一个大的为白色,小的红色,如果觉得效果过于平滑,可以使用滤镜来让其看上去更自然 为白色的轮廓添加内阴影样式 完成后的效果图 现在进行最后的修饰,

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部