Photoshop快速制作透明的导航按钮教程

Photoshop快速制作透明的导航按钮教程的相关文章

• 
  Photoshop快速制作透明的导航按钮

  透明物体是通过背景进行参照，体现出质感。而本例里是讲解白色透明背景，如果背景太亮，会导致对比不明显。 最终效果 1、打开下图所示的背景素材，选择菜单：滤镜 模糊 高斯模糊，数值稍微大一点，效果如下图。 2、把前景色设置为绿色，用圆角矩形工具拉一个合适的圆角矩形，然后选择钢笔工具，在属性栏选择“合并形状”，勾出底部三角形形状，如下图。 把当前图层填充...[ 查看全文 ]

  不是绅士的流氓

  51
• 
  Photoshop制作透明大气的导航按钮

  标签：PS PS基础

  透明物体是通过背景进行参照，体现出质感。而本例里是讲解白色透明背景，如果背景太亮，会导致对比不明显。 最终效果 1、打开下图所示的背景素材，选择菜单：滤镜 模糊 高斯模糊，数值稍微大一点，效果如下图。 2、把前景色设置为绿色，用圆角矩形工具拉一个合适的圆角矩形，然后选择钢笔工具，在属性栏选择合并形状，勾出底部三角形形状，如下图。 把当前图层填充改为：0%，此时形状的颜...[ 查看全文 ]

  ding豆豆

  41
• 
  Photoshop制作简单的水晶导航按钮

  标签：PS PS基础 PS效果

  本教程的按钮制作比较简单。大致的过程：先画好想要的按钮形状，可以使任意图形。然后设置一些图层样式，后面加上高光和文字即可。 最终效果 1、把底图层填充成灰色，再创建一个新图层，在新图层上用矩形选框工具画出一个长方形(大小自己看着来) 用兰色填充(兰色值为#22aff7)。在这里顺便把选区储存起来 因为后面要用到。 最后给一个5px的下拉阴影，如下图: 2、新建一图层，起名”深色”，用深兰...[ 查看全文 ]

  lxdnb450

  111
• 
  Photoshop制作简单的蓝色导航按钮

  标签：PS PS基础 PS效果

  本教的按钮部分制作比较简单，用图层样式就可以完成。不过作者在介绍按钮的同时也介绍了背景部分的制作。这样搭配起来，做出的按钮更漂亮。 最终效果 1、新建一文件，大小自定，这里是600*400为例。设置前景色：＃1592d7，背景颜色：＃136da2，选择径向渐变工具。从中间拖动得到下面效果： 2、添加散射光条文。新建一层，左边工具栏选择-圆角矩形按钮-自定义形状按钮。找到下面这个形状，如果没有...[ 查看全文 ]

  未央静晴

  321
• 
  Photoshop样式教程：制作透明玻璃雪花按钮

  标签：PS PS基础

  本期教程中我们将设置图层样式效果来制作一个透明玻璃雪花按钮，制作中主要使用了 渐变叠加、斜面雨浮雕、光泽等图层样式效果。按钮的透明效果则是通过设置光泽样式中的图层叠加制作的，具体的方法读者可跟随教程同步制作并逐步了解。 开始实例的学习之前，可以先下载实例的配套素材，然后跟随操作步骤进行学习。 (1)运行Photoshop CS5，打开素材文件背景.psd文件。 (2)选择椭圆工具并在视图中进...[ 查看全文 ]

  寻Q757856333诟

  161
• 
  Photoshop制作漂亮的左侧导航按钮

  标签：PS PS基础 PS效果

  本教程介绍非常漂亮的导航图示按钮制作方法。按钮的效果非常大气及精美，利用图示图形来制作提示效果，感觉非常的生动。 最终效果 1、首先我们在PS里新建一文件，大小为 500x500px，白色背景。 2、使用圆角矩形（半径为10px），绘制我们的质感图标的轮廓。 3、随后我们使用钢笔工具为每条边的中点增加一个矢量点，随后用直接选择工具将四条边的中点向外拖动一点距离，目的是让图形轮廓感觉...[ 查看全文 ]

  Me兽人博士

  291
• 
  Photoshop制作精致的透明玻璃按钮

  标签：PS PS基础 PS效果

  作者寄语：本教程教大家制作一款简单又美观的玻璃按钮，不用任何图层样式就可以做出非常漂亮的效果。用最简单的方法制作最漂亮的作品。 最终效果 新建一个400 * 250像素的文档，背景填充蓝色：#106D98。 1、新建一个图层，命名为“玻璃边框”，选择矩形工具，半径设置为25，然后拉出下图所示的选区并填充白色。填色后不要取消选区。 2、把当前图层复制一层，得到图层副本，隐...[ 查看全文 ]

  491208464代购

  121
• 
  Photoshop制作质感的斜纹网页导航按钮

  标签：PS PS基础

  效果图： 大家好，下面由我来开始教如何做上图效果的简单按钮： 1.首先打开photoshop软件，Ctrl+N新建一个10 x 10px的72dpi(分辨率)的文件： ①.我们先在图层面板新建一个新的图层，然后把背景图层删除(可按del键快捷键) ②.接着在导航器把界面放到最大 可按ctrl+"+" 快捷键，然后选择矩形选框工具，再选择上面的添加到选区，然后按照下图选出那样的选区 并填充(alt+delete)为白色： ...[ 查看全文 ]

  天元打井队

  41
• 
  Photoshop制作漂亮的绿色水晶导航按钮

  标签：PS PS基础 PS效果

  按钮是网页中不可缺少的部分，好的按钮可以给网页增色不少。下面的教程介绍水晶风格的导航按钮制作。制作的时候先制作按钮的一部分，然后再复制组成导航栏。 最终效果 1、新建文件，大小500x 200px ，选择渐变工具(G)，(径向渐变)从#363636到#252525。 最左边拖动到右下角。 2、新建层， 选择选区工具(M)，固定大小为100 x 40px角。 3、填充线性渐变从 #68ad40和#4c8c2c。 4、选着图层...[ 查看全文 ]

  jinghang6

  91
• 
  Photoshop制作精致的黑光水晶导航按钮

  标签：PS PS基础 PS效果

  本教程介绍主色为黑色水晶按钮的制作方法。大致过程：做好想要的按钮形状以后，填充黑色，用图层样式做出简单的高光效果。然后再添加一些纹理和反光效果即可。 最终效果 1、打开下图所示的背景素材。 2、新建图层并命名为“按钮”，选择“矩形工具”，单击工具选项栏中的“填充像素”按钮进行绘制。 3、为“按钮”图层添加图层样式，单击“外发光”项目，设置其各项参数。 ...[ 查看全文 ]

  oijjjs

  211
• 
  Photoshop制作一个精细的导航按钮

  标签：PS PS基础 PS效果

  网页设计中按钮的制作非常重要，精致的按钮会给网页增色不少。下面的教程介绍一款非常不错的按钮的制作方法。制作过程比较简单：先用图形工具制作出按钮的形状，然后加上一些简单的图像样式做底色。然后再加上高光及文字等即可完成效果。 最终效果 1、打开photoshop，然后新建一个文档250*150，并填充背影:#252a38。 2、在工具箱上选择椭圆图标并设置如图。 3、新建一个图层...[ 查看全文 ]

  阿琼福娃

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

  标签：PS PS基础

  首先声明，这个透明的导航不是我发明的，我是借鉴和学习，其次，我在做的过程中遇到很多问题，是前辈们没有讲出来的。是通过我一点点研究出来的成果，所以解决的问题是原创，最后，希望把东西分享给更多的人，让大家少走弯路，多进步。 先发一组模拟的效果图 那么接下来我们开始吧 1. 新建一个画布(我的是1000*1000px，新手可以效仿) 背景颜色(个人喜好，我的背景是图片模糊处理过的，我会在专门...[ 查看全文 ]

  清风语士

  81
• 
  Photoshop制作金属边框的蓝色透明按钮

  标签：PS PS基础 PS效果

  本教程的按钮构成部分不多，总共为两大部分，金属外框和蓝色玻璃部分。制作的时候只要画好相应的图层，加上图层样式效果就出来了。制作过程比较简单。 最终效果 1、将背景色填充为黑色。前景色设为 #0090ff ，用“形状工具”在画布中央画一个圆。 2、对这个圆应用下面的图层属性： 3、最终，你得到这样的效果： 4、用“矩形”工具，画出下面的形状，确保矩形之间的间距是一样的； 5、...[ 查看全文 ]

  筱宇夏冷

  131
• 
  Photoshop制作漂亮的蓝色透明玻璃按钮

  标签：PS PS基础 PS效果

  按钮分为两个大的部分来制作：中间的蓝色水晶及边缘透明度玻璃部分。制作方法基本相同，只需要找出相应的高光部分并渲染出来即可。 最终效果 1、新建一个800 * 600像素的文档，背景填充暗紫色：#752874，如下图。 图1 2、先来制作中间的蓝色水晶部分，需要完成的效果如下图。 图2 3、新建一个组，选择椭圆选框工具，按住Shift键拉出一个合适的正圆选区，然后给组添加图层蒙版。...[ 查看全文 ]

  coolbreathe

  111
• 
  Photoshop制作一个质感的网页导航按钮

  标签：PS PS基础

  先看看效果图 1.填充背景为深灰色，设置前景色，新建图层1，绘制圆色矩形 2.为图层1添加图层样式(投影,内阴影,外发光,渐变叠加,描边); 3.选择图层1,使用滤镜杂色添加杂色(根据情况调整杂色的数量); 4.按CTRL键点击图层1,调出图层1的图形选区之后,新建图层2,填充任意色彩,选择矩形选框工具,按向上方向键,将选区向上移动1个像表的距离,再按删除键删除选区内的色彩.再CTRL+D,取消选区.这样我...[ 查看全文 ]

  单身高姿态

  61
• 
  Photoshop样式教程：制作多彩透明塑料按钮特校

  标签：PS PS基础

  下面我们跟随操作步骤进行学习。 (1)运行Photoshop CS5，执行文件→新建命令，新建按钮文档。 (2)选择圆角矩形工具进行绘制。 (3)选择多边形工具绘制出三角形，并与之前的圆角矩形组合。 (4)切换到路径调板将路径作为选区载入。 (5)切换回图层调板，新建图层 1并填充蓝色。 (6)为图层 1添加图层样式投影效果。 (7)新建图层 2为其填充深蓝色并取消选区选择状态。 (8...[ 查看全文 ]

  ebeecake

  91
• 
  Photoshop网页设计教程：制作简洁风格黑色导航条按钮

  标签：PS PS教程

  本文由 中国 zixuan_gzs 编译，转载请保留此信息！ 在学习中遇到问题可以到 论坛Photoshop求助研讨版块 发贴交流！ 本例为Photoshop网页设计实例教程，主要学习如何运用PS制作简洁风格黑色导航条按钮，运用的工具主要有图层样式、图层混合模式以及渐变填充的运用，制作过程比较简单，有兴趣的朋友可以动手试试哦~~ 最终效果： 练习的过程中自由发挥，多改变下参数的设置，你会得到更多意想...[ 查看全文 ]

  涔堜箞鍝掆啠

  431
• 
  Photoshop制作网站导航教程

  标签：PS PS基础

  先看效果图。 新建文档560x300像素，背景黑色，建新层，画一白色圆角矩形。 添加图层样式。 颜色请采样我的截图，效果如下(局部) 新建图层1，调出圆角矩形选区，填充白色，把选区左挪2像素。(最后的效果里我修改了一下，挪了1像素) 删除，图层模式改为叠加，重复这个步骤，做出导航2端的亮边。 输入一些白色文字，比如关于我们 联系方式博客等等，添加图层样式。 下...[ 查看全文 ]

  樱桃小园子sky

  31
• 
  Photoshop制作立体透明效果的播放器按钮

  标签：PS PS基础

  先看看效果图 1.新建文档，大小随意，用椭圆选框工具，按住shift拉一个正圆，新建图层1填充颜色，颜色随意。 2.给正圆图层设置图层样式如下： 3.用椭圆工具拉一个小椭圆，新建图层2编辑填充颜色#d1f900，ctrl+d取消选区。继续执行滤镜--模糊--高斯模糊22 4.用椭圆工具拉一个比正圆小点的圆，新建图层3编辑填充白色，添加图层蒙版，拉一个黑色到透明的渐变(从中间往上方拉) ...[ 查看全文 ]

  野趣户外617

  441
• 
  Photoshop教程：简单打造半透明按钮

  标签：PS PS教程

  1. 新建一个文件。选择一个前景色，用“圆角矩形工具”画出一个150*70的按钮主体形状，得图层“形状1”。 2. 复制该图层，得到图层“形状1 副本”，按 Ctrl+T 改变大小，将之收缩，如图。   3. 在图层“形状1”上处理“图层样式”的“渐变叠加”，参数设置如图，渐变颜色可以根据各人做合适的设置。   4. 图层“形状1 副本”处理“图层样式”。这里需要处理“渐变叠加”、“内阴影”、“...[ 查看全文 ]

  驴友部门

  21