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


  一款红色按钮效果ps教程 

  让我们开始!创建一个新的文件,本ps教程分辨率为500×300,填补这个白色画布。然后选择圆角矩形工具(半径30像素)绘制一个形状使用#d61d23的颜色。


  之后,应用下面的图层样式到这一层:

  内阴影

  渐变叠加


  您的按钮应该看起来像我的:

分类:

  • PS鼠绘教程
时间: 2024-09-09 03:39:29

Photoshop设计金属质感的网页按钮的相关文章

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

本教程主要使用Photoshop设计金属质感的网页导航条,大部分都是在图层样式下完成的. 效果 1, 在PS中新建文件,宽度定义为1000px,实际上我们所要用到的宽度一般在950px-980px之间.为了方便更好的展示网站的整体效果.所以文件的宽度应大于网页实际的宽度.高度自定,但最好要大于整个页面的高度,在没有办法确定页面的高度范围时,我们可以把高度定到大于网页高度.这样,整个页面制作好了.我们可以使用裁切工具.将多余的部分裁切掉. 2, 这个实例,以网站实际宽度为800像素为例进行操作.为

PhotoShop绘制高光质感水晶网页按钮教程

教程学习如何用Photoshop制作一款可以变换颜色的质感水晶按钮,主要用到了圆角矩形和图层样式,喜欢的朋友就一起来学习吧. 先看效果图. 新建文档500x300像素,背景黑色,新建图层,画一半径200的白色圆角矩形. 添加图层样式. 效果如下. 新建图层,再画一个小的白色圆角矩形,图层不透明度50%. 下面制作倒影,复制大的圆角矩形图层,新建图层1,然后合并2个图层得到图层1,ctrl+T垂直翻转挪到底部. 添加蒙版黑白直线渐变,图层不透明度80%左右,输入白色文字,效果如下. 如果你觉得蓝色

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

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

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

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

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

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

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

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

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

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

Photoshop教程:制作玻璃效果网页按钮

Photoshop入门教程,制作玻璃风格的网页按钮. [步骤一]新增一个图层1,并用圆形选取工具画出一个圆形选区,如下图:   [步骤二]先将前景色和背景色分别设定为浅蓝和深蓝色,再用渐层工具拉出圆形渐层,如下图:   [步骤三]先按「ctrl」+「D」取消选取,再使用图层样式功能加上阴影和描上黑边,如下图:   [步骤四]再新增一个图层2,并用圆形选取工具画出一个圆形选区,这个圆形选区要画的比蓝色的圆形小一点,如下图:   [步骤五]将渐层工具调整为白色到透明的色彩,如下图:   [步骤六]在

photoshop设计金属效果的圣诞节文字教程

给各位photoshop软件的使用者们来详细的解析分享一下设计金属效果的圣诞节文字的教程. 教程分享: 最终效果   1.打开PS,新建一个1000 * 650像素,分辨率为72的画布,设置如下图.   <图1> 2.用油漆桶工具把背景填充暗蓝色:#020729,如下图.   <图2> 3.打开下面的文字素材图片,然后右键选择"图片另存为"保持到本机.   再用PS打开,文字为PNG格式,用移动工具拖进来,调整好位置,再把图层命名为"文字",