首页 相关文章 photoshop设计导航条:黑色蓝色光影效果

photoshop设计导航条:黑色蓝色光影效果

photoshop设计导航条:黑色蓝色光影效果,提示,简单入门,适合新手练习

最终效果

step9

第一步:基本要领
创建新的psd文档,宽度700px,高度160px,背景色以黑灰色(#2b2b2b)填充。
新建图层,图层属性为“导航条”,选择圆角矩形工具,设置前景色为黑色(#000000)如下图一样画一矩形条(长度和宽度可自行处理)。

step1

第二步:设置...[ 查看全文 ]

  • 标签:PS PS教程
    本文由 中国 zixuan_gzs 编译,转载请保留此信息! 在学习中遇到问题可以到 论坛Photoshop求助研讨版块 发贴交流! 本例为Photoshop网页设计实例教程,主要学习如何运用PS制作简洁风格黑色导航条按钮,运用的工具主要有图层样式、图层混合模式以及渐变填充的运用,制作过程比较简单,有兴趣的朋友可以动手试试哦~~ 最终效果: 练习的过程中自由发挥,多改变下参数的设置,你会得到更多意想...[ 查看全文 ]
  • 预览效果 本节通过两个小示例,介绍导航条按钮的制作过程,效果如图所示。 导航条按钮预览效果图 知识提要 ◇      交互式阴影工具、交互式透明工具的应用 ◇ 渐变填充设置技巧 制作步骤 1. 导航条按钮效果 1 步骤 1 新建一个空白文件 执...[ 查看全文 ]
  • 标签:PS PS基础
    效果 1, 在PS中新建文件,宽度定义为1000px,实际上我们所要用到的宽度一般在950px-980px之间。为了方便更好的展示网站的整体效果。所以文件的宽度应大于网页实际的宽度。高度自定,但最好要大于整个页面的高度,在没有办法确定页面的高度范围时,我们可以把高度定到大于网页高度。这样,整个页面制作好了。我们可以使用裁切工具。将多余的部分裁切掉。 2, 这个实例,以网站实际宽度为800像素...[ 查看全文 ]
  • 标签:PS PS基础
    来看看效果图: PS:教程中涉及的颜色可以根据自己喜欢来设定,改变下参数,会做出大家意想不到的效果哦,所以请练习的朋友灵活运用! 制作步骤: 1:新建一个700*300的文件 2:用圆角矩形工具画一个稍等小一点的形状 3:转换为选区 4:新建一层,填充为任意颜色 5:给新建的层添加图层样式,1---投影效果 6:继续增加图层样式,2--内阴影 7:3---外发光 8:4--内发光 ...[ 查看全文 ]
  • 标签:PS PS基础
    先看看效果图 步骤一:黑底白字 步骤二:外发光,蓝色。 步骤三:把素材打开,改变图层模式为滤色,不同的模式会有不同的效果,可以试试 步骤四:放入第二个素材图片,改变图层模式为叠加 步骤五:放入闪电素材,图层模式同样为叠加。在处理这步的时候,2个闪电的图片灵活运用。我里面比较密集的闪电是把两个图片叠在一起,一个缩小些,这样看起会有疏密边画。 步骤六:为了让...[ 查看全文 ]
  • 来源:昵图社区 作者:凤儿 本教程立体字有点tulaoShi.com特别,作者加上了一个比较奇幻的尾部。做好立体字后,根据透视关系选择文字的一个方向加上一些彩色线条等,可以更好的美化文字。 最终效果 1、新建文件。 2、径向渐变(颜色根据自己喜好)这里我选的是蓝色。 3、输入字体(字体方正一些好看)。 4、复制一个文字图层,对另一个图层栅格化。 5、通过透视,斜切,使字体有透视效果。 6、新...[ 查看全文 ]
  • 最终效果: 1.新建一个600*150的文件,背景填充黑色。选择“圆角矩形工具”画一个同样填充黑色的圆角矩形, 选择“添加图层样式—斜面浮雕—描边”: 得到如下效果: 2.制作高光区。新建图层,选择钢笔工具,绘出一个方框如下: 右键单击钢笔路径转换成选取并填充白色。 黑色的圆角矩形框载入选区--ctrl+左击图层,选择白色图层,反选—删除,删除多余的部分。 添加由(#4a4tula...[ 查看全文 ]
  • 教程重点是光影部分的制作,基本上是用滤镜来完成的,需要用多种滤镜组合做出光影的底色,然后用加深,减淡工具调整明暗,局部再通过复制或手工绘制一些装饰即可。 最终效果     1、创建一个新的文件大小为600px * 800px。打开背景层,填充深蓝色的颜色(#091417)。   2、创建一个新层,填充黑色,然后改变混合模式为颜色减淡。然后滤镜>渲染>纤维。...[ 查看全文 ]
  • 标签:PS PS基础
    最终效果 步骤 步骤2,创建导航背景,下面忘记写了,颜色是#5a5a5a 设置灰色块的图层样式,内阴影+渐变 设置完渐变的时候效果出来啦 好,复制背景,行距是3px 为导航条写上标题 下面设置圆圈的样式 图层样式设置完毕把图层不透明°设置为70% 加上箭头得到效果 最终效果 [ 查看全文 ]
  • 我们所说的多维度导航是指能够引导用户通过不同纬度:运营维度、商品自然属性维度、搜索等维度,快速浏览目标商品的导航,我们称之为多维度导航。 本次薯片会一改以往低调、沉稳之作风,先瑜伽团美女show上阵,再是以臭为首的吃喝团上阵,两轮下来大家情绪Hight到了极点,自然讨论的时候思维也是相当的敏捷,O(∩_∩)O! 本次薯片会以QQ商城网站为例,对多维度导航进行了深入探讨 我们所说的多维度...[ 查看全文 ]
  • 来源:站酷 作者:苦逼少年black 本教程文字制作方法比较实用。重点是彩色光影部分的制作,用路径等工具做好光影路径,转为选区后填色,再用图层样式等加上绚丽的效果。把这些色块应用到文字里面,就可以做出漂亮的文字。 最终效果 1、创建文档,参数设置如下图。 2、背景混合选项,渐变设置- 角度。 3、选择文字工具,文字设置,如下图,然后当上想要的文字。 4、给文字添...[ 查看全文 ]
  • 电子商务网站的主导航设计是整个网站最最最核心的模块之一。导航需要解决的问题就是,告诉用户如何快速准确的到达他想要去的任何地方。 本文主要想表达的内容是: 如果某个组件具有某个属性,那就把这个属性发挥到极致;如果某个组件不具备某个属性,那么就不要把它伪装成具备这个属性,并用这个属性来诱奸用户。 简单说, 设计就是要解决问题,这是设计的本质与落脚点 。 电子商务网站的主导航设计是整...[ 查看全文 ]
  • 标签:PS PS基础
    最终效果 1、新建一个1500 * 1200像素,分辨率为72的画布。把背景图层填充黑色,如下图。 2、新建一个组,在组里新建一个图层,选择椭圆选框工具,按住Alt + Shift + 鼠标左键拖动拉一个较小的正圆选区,如下图。 3、点击前景色调出拾色器面板,把颜色设置为青蓝色,如下图。确定后按Alt + 删除键填充前景色,取消选区后效果如图4。 4、按Ctrl + T 对圆形变形处理,先压扁一点,然后再拉...[ 查看全文 ]
  • 标签:PS PS基础
    首先声明,这个透明的导航不是我发明的,我是借鉴和学习,其次,我在做的过程中遇到很多问题,是前辈们没有讲出来的。是通过我一点点研究出来的成果,所以解决的问题是原创,最后,希望把东西分享给更多的人,让大家少走弯路,多进步。 先发一组模拟的效果图 那么接下来我们开始吧 1. 新建一个画布(我的是1000*1000px,新手可以效仿) 背景颜色(个人喜好,我的背景是图片模糊处理过的,我会在专门...[ 查看全文 ]
  • 网站制作中导航栏的设置非常重要。漂亮的导航按钮和菜单会给网站增色不少。下面介绍一款精致的水晶风格按钮的制作。作者不仅介绍了按钮的制作还介绍了文字部分的制作方法,非常值得学习。 最终效果 1、创建一个新文件600  * 140px。现在选择圆角矩形工具制作一个圆角矩形如下图。 2、应用层样式:内发光,混合模式:滤色,方法:柔和。 3、渐变叠加:颜色设置为:#5e80a3,#839db8,#b8c7d...[ 查看全文 ]
  • 标签:Web开发
        创建导航条     如果不使用框架,可以在每个页面设置导航条,导航条设一组链接按钮,供浏览者选择使用。按钮有多种形式,下边介绍由鼠标经过图像变换按钮的组成的导航条制作:(导航条在页面顶部)     “鼠标经过图像”是当访问者用鼠标指针指向该图像时,该图像发生变化。     “鼠标经过图像”由两个图片组成:页面最初载入时显示的...[ 查看全文 ]
  • 来源:PS联盟 作者:Sener 光斑壁纸的制作方法有很多,常用的是用自定义笔刷来制作,操作起来比较简单。下面介绍的方法是用全手工来制作,相当来说复杂一点,不同的光斑需要调整好混合模式及不透明度,局部还需要渲染高光。这样画面层次感会更强。 最终效果 1、新建一个壁纸大小的文档,如1024 * 768像素,背景填充颜色:#05132A。确定后新建一个图层,选择椭圆选框工具,按住Shift键拉出下图所示的正圆...[ 查看全文 ]
  • 本教程立体字有点特别,作者加上了一个比较奇幻的尾部。做好立体字后,根据透视关系选择文字的一个方向加上一些彩色线条等,可以更好的美化文字。 最终效果 1、新建文件。 2、径向渐变(颜色根据自己喜好)这里我选的是蓝色。 3、输入字体(字体方正一些好看)。 4、复制一个文字图层,对另一个图层栅格化。 5、通过透视,斜切,使字体有透视效果。 6、新建通道...[ 查看全文 ]
手机页面 收藏网站 回到头部