photoshop设计时髦水晶导航按钮

  在Photoshop教程中,我们要学习如何在Photoshop中创建一个简单的按钮。当我们通过本PS教程,我们将处理许多Photoshop 的技巧和技术!

  最终效果图


  图0

  1、选择“文件/新建”菜单,打开“新建”或者Ctrl+N对话框 名称为:按钮制作,宽度:为828像素, 高度:为547像素, “分辨率”为72 , “模式”为RGB颜色的文档,如图1所示。


  图1

  2、在图层控制面板击新建图层按钮,新建一个“背景”,选择工具箱渐变工具(快捷键G),在工具选项栏中设置为径向渐变,然后点按可编辑渐变,弹出渐变编辑器。双击如图2中的A处,设置色彩RGB分别为75、117、176。再双击图2中所示的B处,设置RGB分别为255、255、255,如图2所示,在工作区中,按住Shift键不放用鼠标左键从上到下拖动出水平线性渐变效果,如图3所示。


  图2


  图3

  3、创建新图层按钮,在工具箱中选择圆角矩形工具和多边形工具,接着在工作区拖出一个花纹形状,并按键盘Ctrl+Enter把圆角矩形工具和多边形工具形状转换为选区,设置前景为蓝色色,并按键盘Ctrl+D取消,并复制很多填满工作区,合并所有的圆角矩形工具和多边形工具图层合并成一个图层2,如图 4所示。


  图4

  4、接着右击图层2,选择混合选项,进入到图层样式,分别勾选投影、内发光、斜面与浮雕、光泽、颜色叠加、渐变叠加选项,设置图层样式各项的值,勾选投影,设置混合模式为:正片叠加,颜色为黑色,不透明度为:75%,角度为:90度,勾选使用全局光,距离为:3像素,扩展为:0%,大小为:5像素,然后点击确定按钮,效果图如图5所示。


  图5

  5、勾选内发光选项,设置混合模式为:正片叠底,不透明度为:54%,杂色为:0%,方法为:柔和,源为:边缘,阻塞为:3%,大小为:13像素,如图6所示。


  图6

  6、勾选斜面和浮雕复选项,样式:内斜面,方法:雕刻清晰,深度:1000%,方向:上,大小:16像素,软化:0像素,阴影角度:90,高度:39度,光泽等高线:环形,其他设置值参考图7,如图7所示。


  图7
分类:

  • PS入门教程
时间: 2024-10-05 17:21:01

photoshop设计时髦水晶导航按钮的相关文章

PhotoShop绘制反光水晶玻璃球按钮教程

PS教程介绍用PhotoShop绘制反光水晶玻璃球按钮,以前有这类教程,通过此教程大家可以学会如何绘制高光阴影, 让物体呈现出立体效果,喜欢的同学可以学一下! 效果图: photoshop教程绘制步骤: 分类: PS鼠绘教程

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

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

Photoshop设计一个分贝检测仪按钮图标制作教程

给各位Photoshop软件的使用者们来详细的解析分享一下设计一个分贝检测仪按钮图标的制作教程. 教程分享: 效果:   我们从背景的创建开始,我用的尺寸是1000*800像素.创建一个"渐变填充"调整层,设置如下:   画一个600*600像素的圆,设置填充为0,并添加一个斜面和浮雕.       设置前景色为#312f35,利用布尔运算,画出下图中的这个圆环.这个不多赘述,不懂的可以百度下.   为这个圆环添加一个图层样式.             设置前景色为黑色#000000,

photoshop设计紫色水晶质感字效果教程

给各位photoshop软件的使用者们来详细的解析分享一下设计紫色水晶质感字效果的教程. 教程分享: 1.新建一个1200 * 750像素,分辨率为72的画布,背景填充黑色.然后保存下面的素材,在图片上右键选择"图片另存为"保存到本机.   2.用PS打开刚才保存的文字素材,用移动工具拖进来,并调整好位置,如下图.   <图1> 2.双击图层面板,文字缩略图调出图层样式设置面板设置参数. 内阴影:混合模式"强光",颜色为蓝紫色:#741aba,其它设置如

用Photoshop制作水晶导航按钮

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

Photoshop制作透明的导航按钮

透明物体是通过背景进行参照,体现出质感.而本例里是讲解白色透明背景,如果背景太亮,会导致对比不明显. 最终效果 1.打开下图所示的背景素材,选择菜单:滤镜 > 模糊 > 高斯模糊,数值稍微大一点,效果如下图. 2.把前景色设置为绿色,用圆角矩形工具拉一个合适的圆角矩形,然后选择钢笔工具,在属性栏选择"合并形状",勾出底部三角形形状,如下图. 把当前图层填充改为:0%,此时形状的颜色就消失了,但是你会发现形状路径还在. 3.给当前形状添加图层样式,设置:内发光.内阴影,投影,

PhotoShop简单制作斜纹质感网页导航按钮教程

用PhotoShop制作一种斜纹质感的网页导航按钮效果,简单易学. 效果图: 大家好,下面由我来开始教如何做上图效果的简单按钮: 1.首先打开photoshop软件,Ctrl+N新建一个10 x 10px的72dpi(分辨率)的文件: ①.我们先在图层面板新建一个新的图层,然后把背景图层删除(可按del键快捷键) ②.接着在"导航器"把界面放到最大 可按ctrl+"+" 快捷键,然后选择矩形选框工具,再选择上面的"添加到选区",然后按照下图选出那

PhotoShop设计简洁清新的小按钮制作教程

用PhotoShop设计简洁清新的小按钮效果,只需用图层样式即可实现,练习按钮的目的就是为了增加细节的把握,没有细节就没有好的按钮, 先看 教程效果图: 首先,在PS里建一个324*324PX大小的文档,然后建立一个圆角矩形,大小随需要而定. 样式里的内阴影和渐变叠加参数(这些并不难,重要是有耐心调整,直到自已满意为止). 在里面再做一个圆角矩形,然后复制一个到下面,等着做按下去的效果用. 继续调整细节.如图: 加上文字. 然后开始做按下去的效果,注意细节,观察怎样做到凹凸两种不同的感觉. 最后

Illustrator设计简洁的水晶图标按钮制作教程

给各位Illustratror软件的使用者们来详细的解析分享一下设计简洁的水晶图标按钮的制作教程. 教程分享: 1.在Illustrator中做一个浅色直线渐变的正圆,作为图标的底部图形. 2.做两个圆,一大一小,注意选取相近色阶的填充色,进行混合 . 3.做一个白色圆,适当高斯模糊. 4.做一个渐变色的椭圆,作为半透明遮罩,同时选择二者,打开透明度面板的选项设置,建立不透明蒙板,得到半透明的高光部分. 5.绘制出一个三角形,风格化:圆角.再做高光部分,然后与前面的圆角三角形一起放置. 组合放置