Photoshop制作金属质感的网页导航条

本教程主要使用Photoshop设计金属质感的网页导航条,大部分都是在图层样式下完成的。

效果

1, 在PS中新建文件,宽度定义为1000px,实际上我们所要用到的宽度一般在950px-980px之间。为了方便更好的展示网站的整体效果。所以文件的宽度应大于网页实际的宽度。高度自定,但最好要大于整个页面的高度,在没有办法确定页面的高度范围时,我们可以把高度定到大于网页高度。这样,整个页面制作好了。我们可以使用裁切工具。将多余的部分裁切掉。

2, 这个实例,以网站实际宽度为800像素为例进行操作。为了加快制作流程,节省制作的时间成本。我通常的做法是:a,选矩形选框工具;b,定义固定宽度800px,高度无所谓;c,新建图层;D,建立选区,填充任何一种颜色;e,选移动工具[v键],定方水平居中;f,CTRL+R,打开标尺;g,定义参考线。这样,我们就把页面的实际宽度定义完成。所有的制作,设计部分,都是在这样的区域中进行。然后,把刚建的图层删除。因为建这个层的目的是定议参考线

3, 开始制作导航部分。下面还是使用选框工具。定议高度为60px,并在文件中新建图层,创建一个矩形的选区。填充任意一种颜色。CTRL+D取消选择。对此矩形选用渐变叠加样式。如图所示

[1] [2] [3]  下一页

时间: 2024-10-04 04:38:35

Photoshop制作金属质感的网页导航条的相关文章

Photoshop制作透明风格的网页导航条

  放上一组大家先欣赏一下(第一次做原创不要喷哦!) 首先声明,这个透明的导航不是我发明的,我是借鉴和学习 其次,我在做的过程中遇到很多问题,是前辈们没有讲出来的.是通过我一点点研究出来的成果,所以解决的问题是原创 最后,希望把东西分享给更多的人,让大家少走弯路,多进步 最最后,加油! 那么接下来我们开始吧! 1. 新建一个画布(我的是1000*1000px,新手可以效仿) 背景颜色(个人喜好,我的背景是图片模糊处理过的,我会在专门发一篇关于背景的,这次先添加颜色就好) 新建一个你认为合适的导航

Photoshop制作金属质感的工具图标

Photoshop制作金属质感的工具图标 1.首先我们来坐下背景,这个背景我是先画了个圆做了些效果(投影,内阴阳)定义成图案, 2.用圆角矩形工具,画最底部的渐变,在这一步我先画个半径为47的大圆角矩形,在用剪切画个35的小圆角矩形,最后填充投影和渐变叠加. 3.这一步我们在画个半径为35的小圆角矩形和上面镂空的一样大小就可以了.做图层样式:内发光和渐变叠加.在找张苹果手机的背景填充下就可以了. 分类: PS鼠绘教程 ps图标制作教程

PhotoShop制作金属质感苹果的apple icloud图标教程

介绍用PhotoShop绘制金属质感苹果的apple icloud图标,主要就是用图层样式来实现,挺简单的,你也来学习一下吧! 先看效果图: 新建512px X 512px 文件 用圆角矩形工具 画圆角100px的 470X470px 的框 填充由白到黑渐变 如图 ctrl+j 复制图层 ctrl+t 将 宽.高缩小为98%如图 填充色#5d5d5d 设置该图层混合模式 内阴影 渐变叠加 分类: PS鼠绘教程 ps图标制作教程

PhotoShop制作金属质感立体按钮教程

教大家用PhotoShop制作紫色金属质感立体按钮效果,主要用图层样式来完成,喜欢的朋友可以一起来学习一下! 效果图: 分类: PS入门教程

Photoshop制作金属质感的艺术字教程

金属纹理字制作并不复杂.大致分为两个部分,金属字字及纹理部分.金属字用图层样式来做,纹理部分则用相关的纹理素材叠加即可. photoshop教程最终效果 1.新建文件:设定宽和高为700像素,分辨率72dpi,名称:Angel text. 2.素材Concrete Bunker texture填充画布. 3.合并背景图层与素材Concrete Bunker texture所在图层. 4.图像>调整>色相/饱和度 参数设置如下. 5.滤镜>锐化>锐化,滤镜>杂色>添加杂色

Photoshop绘制金属质感的网页界面

1. 首先给大家看下整体效果. 2. 启动本教程你将需要创建一个新文件.使用任何你想要的值,但是我建议你创建一个文件的最小宽度为1100*1163像素.背景填充# 252118. 3. 原教材玩神秘没有写怎么做,我用我的方法做了一下,你可以复制一个刚刚做的图层,选择画笔工具,大小设成1100px,硬度0%.柔光,把这个图层透明度调到60%就ok了. 4. 在中间用圆角矩形画个995*295的圆角矩形.填充#52442b. 5. 复制一个上面图形,把颜色改成#e9e9e9. 6. 在页脚创建一个新

PhotoShop制作金属质感文字效果的教程

效果 背景 详细教程 1.打开背景素材,选择文字工具,设置字体为 汉仪经典粗黑简体(点击下载),大小 280 点,颜色为白色,输入你的文字,比如:润飞天堂 2.为文字添加图层样式,选择 颜色叠加 ,颜色代码为 #79797b 分类: PS文字教程

Photoshop设计金属质感的网页按钮

一款红色按钮效果ps教程  让我们开始!创建一个新的文件,本ps教程分辨率为500×300,填补这个白色画布.然后选择圆角矩形工具(半径30像素)绘制一个形状使用#d61d23的颜色. 之后,应用下面的图层样式到这一层: 内阴影 渐变叠加 您的按钮应该看起来像我的: 分类: PS鼠绘教程

Photoshop制作银色质感的金属字教程

主要为广大爱好者详细的讲解如何利用Photoshop制作银色质感的金属字教程,本教程主要会用Photoshop巧用图层样式制作银色金属字教程,这是个非常简单的金属字体教程,只用到一次图层样式,做出来的效果无论是色泽还是色彩的更替都非常的棒.做的同时,注意图层样式每一步造成的字体的不同变换 具体效果: 素材: 具体photoshop教程: 1.新建600*450px大小的文档,我们右击背景图层--复制背景图层,得到背景图层副本. 2.我们给背景副本图层添加图层样式--图案叠加,这里的图案素材提供(