Photoshop制作小巧的网页红色按钮

2016-02-16 06:19 33 1 收藏

想要天天向上，就要懂得享受学习。图老师为大家推荐Photoshop制作小巧的网页红色按钮，精彩的内容需要你们用心的阅读。还在等什么快点来看看吧！

【 tulaoshi.com - PS 】

先看效果图

Photoshop制作小巧的网页红色按钮,PS教程,图老师教程网

新建文档350x230像素，背景填充浅灰色#dddddd，之后建新层，前景色#f00000画一个圆角矩形。

Photoshop制作小巧的网页红色按钮,PS教程,图老师教程网

添加图层样式。

Photoshop制作小巧的网页红色按钮,PS教程,图老师教程网

效果如下。

Photoshop制作小巧的网页红色按钮,PS教程,图老师教程网

建新层，画一矩形选区，白到透明径向渐变。

Photoshop制作小巧的网页红色按钮,PS教程,图老师教程网

去掉选区，调出圆角矩形选区，添加蒙版，图层模式改为柔光。

Photoshop制作小巧的网页红色按钮,PS教程,图老师教程网

输入白色文字添加内阴影样式，效果如下。

Photoshop制作小巧的网页红色按钮,PS教程,图老师教程网

最后添加倒影，最终效果如下。

Photoshop制作小巧的网页红色按钮,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1569087.html

上一篇： Photoshop通过图层混合模式处理后期照片
下一篇： Photoshop合成可爱的河马头蜥蜴教程

看过《Photoshop制作小巧的网页红色按钮》的人还看了以下文章更多>>

Photoshop制作红色3D质感按钮

标签： PS PS基础 PS效果

本教程非常详细的介绍3D按钮的制作方法。重点在3D效果及光感的制作，有很多教程介绍过类似的方法。不过制作的时候还是要注意好高光及暗调的搭配，能更好的体现按钮的质感。最终效果 1、开始前老样子先在PS里新建一个文件，设置如下图。 2、使用圆角矩形工具，这里颜色你可以随意，因为你可以在顶部设置圆角矩形的颜色。 3、在顶...

Photoshop制作高光质感红色玻璃按钮

标签： PS PS基础

先看效果图新建文档1280x1024像素，背景白色，建新层，填充黑色，添加图层样式。效果如下。建新层，画一个黑色正圆。添加图层样式。效果如下。建新层，再画一个黑色正圆。添加图层样式。效果如下。建新层，再画一个黑色正圆。添加图层样式，效果如下。建新层，用钢笔或其它方法做2...

Photoshop制作高光胶囊效果的网页按钮

标签： PS PS基础

先看效果图。新建文档1280x1024像素，背景白色，建新层填充黑色，添加图层样式。效果如下。建新层，画一个白色圆角矩形。添加图层样式。效果如下。建新层，画一个小的圆角矩形，颜色#f7bdd6。高斯模糊一下。添加外发光样式。不透明度改为80%，效果如下。建新层，同样方法作出下图所示...

Photoshop制作精致大气的绿色网页按钮教程

标签： PS PS基础 ps平面设计教程 ps去水印教程

来源：站酷作者：酷头儿对于各界交互界面大师来说，按钮的制作无疑是不可缺少的一个组成部分，但是习惯于运用多个图层叠加出非常漂亮的效果的时候，修改极不方便。下面介绍如何用图形渐变及图层样式简化这些图层。最终效果 1、新建大小自定的文档，背景填充青色。先用钢笔建立路径，如下图。 2、创建渐变调整图层，渐变颜色位置随意，...

Photoshop制作一个漂亮的网页按钮

标签： PS PS基础

让我们一起来看看这个教程吧 Step 1 我们将首先在Photoshop创建一个新文档。让我们有1024 × 768px Step 2 为了填补你的背景，选择渐变工具(G)的渐变编辑器打开了，并输入您的颜色值按下面的图像 Step 3 让我们创造了我们的按钮的机构。使用圆角矩形工具(U)，现在只是创造了约320 × 95px，对5px半径和填充任何颜色(它的矩...

查看更多精彩>>