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

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

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

【 tulaoshi.com - PS 】

先看效果图

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

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

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

添加图层样式。

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

效果如下。

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

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

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

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

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

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

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

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

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

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

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

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

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

标签： PS PS基础

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

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

标签： PS PS基础

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

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

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

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

Photoshop制作网页常用质感按钮图标

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

来源：腾龙视觉作者：不详本教程介绍较为精致的圆形按钮的制作方法，由于图层较多，制作的时候需要注意好图层的顺序。另外按钮以水质质感为主，需要用图层样式控制好光感。最终效果 1、新建一个大小适当的文档，背景填充灰色。 2、新建图层，选择“椭圆”工具进行绘制。 3、为“形状 1”添加图层tulaoShi...

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

标签： PS PS基础

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

查看更多精彩>>