Photoshop制作透明的导航按钮

  透明物体是通过背景进行参照,体现出质感。而本例里是讲解白色透明背景,如果背景太亮,会导致对比不明显。

  最终效果


  1、打开下图所示的背景素材,选择菜单:滤镜 > 模糊 > 高斯模糊,数值稍微大一点,效果如下图。


  2、把前景色设置为绿色,用圆角矩形工具拉一个合适的圆角矩形,然后选择钢笔工具,在属性栏选择“合并形状”,勾出底部三角形形状,如下图。

  把当前图层填充改为:0%,此时形状的颜色就消失了,但是你会发现形状路径还在。


  3、给当前形状添加图层样式,设置:内发光、内阴影,投影,参数及效果如下图。


  4、输入想要的文字,文字用白色,再添加投影样式,如下图。


  5、按照下面的过程给顶部边框,边角位置增加高光效果。


  6、这样一个透明的质感就完成了,导航的技法是一样的。


  最终效果:

分类:

  • PS入门教程
时间: 2024-11-16 15:14:38

Photoshop制作透明的导航按钮的相关文章

Photoshop制作透明的玻璃按钮教程

  这就是我们最终的结果.好了,让我们开始吧.在photoshop中新建文档,尺寸为430×430,白色背景. STEP-01 新建图层,命名为 box.用圆角矩形工具 (U)创建一个圆角矩形.点击ctrl+回车创建选区,填充为白色. STEP-02 给这个形状创建图层属性-渐变叠加,内发光和描边. STEP-03 给这个形状创建渐变叠加.渐变颜色为-左边(#B1DB08) 中间(#66AB04) 右边(#B1DB08). STEP-04添加内发光,设置颜色为(#D9FF4E). STEP-05

PhotoShop制作透明质感塑料字效果教程

ps教程学习如何用photoshop制作透明质感塑料字效,高光质感比较强,主要用到了图层样式. 先看效果图: 新建文档680x500像素,背景白色,百度随便搜一个纹理,拖入文档中作为背景. 输入白色字母ps,尺寸540点,字体CommercialScript BT,字体下载 3个文字层的填充都归零,选择ps层添加样式. 我们会得到下图效果. 选择中间的ps层. 添加图层样式. 分类: PS文字教程

PhotoShop制作win7移动导航网页界面设计教程

用PhotoShop制作window7移动导航网页界面效果,简洁大方的效果,喜欢的同学可以试着做一下! photoshop教程效果图: 1.创建一个新的文档600 × 400像素 2.前景色为#1592d7和背景颜色为#136da2.选择渐变工具,径向渐变. 3.选择自定义形状 4.画出如图路径 5.新建一层,前景色设置为白色,选择钢笔工具,然后在路径上面右键,选择填充路径 6.右键路径,选择删除路径 分类: PS入门教程

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

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

Coreldraw制作透明小水滴按钮

大家知道,用PHOTOSHOP可以制作漂亮的按钮,其实用Coreldraw同样也可以制作出亮丽的按钮来.下面我们结合一个小水滴透明按钮的例子来看看在Coreldraw中的制作过程,通过这个实例练习,举一反三,触类旁通. 在制作之前,首先要分析一下按钮的各部分组成及其形状,典型的按钮大致分为以下几部分: 按钮主体: 按钮阴影部分: 光泽区: 光泽区的透明渐变: 高亮区: 文本字符及其阴影. 具体请看图1. 首先,我们要创建基本图形:按钮主体,高亮区,光泽区. 1.选择椭圆工具,按住CTRL键,绘制

Photoshop制作透明水印文字教程

Photoshop利用填充工具制作透明水印文字教程. 图层面板中不难看到填充这东东,但应该有不少朋友视它而不见吧!尽管是坊间的书籍或者是官方网站都只有简单的文字说明,明明写的都是中文,却是有看而没有明白,也没实际的范例来作说明,同时觉得它的功能跟不透明度完全一样,这就大错特错啦!所以今日就抽空为各位好好介绍一下,到底要怎么样正确来使用图层面板中的填充,本教程用透明浮雕字的制作来作解说. Step1 第一步,先开啟任意的图档,并运用工具箱/ 文字工具,并於画面中输入文字.   Step2 接下来开

Photoshop制作透明咖啡桌图标

本教程我们用Photoshop制作一个华丽的透明咖啡桌图标,最终效果是一个非常不错的时髦咖啡桌. 本教程我们用Photoshop制作一个华丽的透明咖啡桌图标,最终效果是一个非常不错的时髦咖啡桌. 最终效果. 首先我们创建文档,如果您创建高清晰的图标,那么建立文档时设置的大一些,下面我们添加一些辅助线. 西面我们使用钢笔工具按下图示例绘制一个形状,并且设置图层样式.     复制图层,然后设置图层样式,当做背景层,然后设置填充色. 选择一个区域设置图层样式. 绘制一个形状,然后调整图层顺序,复制图

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

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

Photoshop制作透明水滴教程

给各位Photoshop软件的使用者们来详细的解析分享一下制作透明水滴的教程. 教程分享: 其实做起来很简单 没想的那么难 先知道水滴是透明的 其他透明的东西也一样 像玻璃 冰块 我们先用画笔勾勒出轮廓   然后我们用涂抹工具去涂抹一下 和里面的颜色很好过度 记得打开散布   然后我们加高光 也是画轮廓 边缘橡皮擦一下 因为高光过度比较硬 有些过度的地方也涂抹一下   画中间的高光   然后加一点点的小点 散布和画笔预设设置一下   调整间距   调整一下 然后画笔硬度调整100绘制   别忘记