Photoshop制作流行的配色网页按钮

2016-03-18 06:04 1 1 收藏

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享Photoshop制作流行的配色网页按钮,希望可以让热爱学习的朋友们体会到PS的小小的乐趣。

【 tulaoshi.com - PS 】

最终效果


第一步:使用圆角矩形制作一个红色的矩形。


第二步:然后我们给该矩形形状添加下面图层样式,阴影:


内发光:

渐变叠加:


描边:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
效果如下:


第三步:按住Ctrl单击按钮层选择,使用使用矩形选框工具设置如下。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

第四步:使用矩形选框工具把选区移动到左部,如下图所示。


第五步:创建一个新层,然后填充#E1CA57。


第六步:在新建的层中添加图层样式,内发光: www.tulaoshi.com


渐变叠加:

第七步:创建新层,然后放大到1600%,然后使用铅笔工具创建下面图形,很简单的!


现在我们的按钮出现下面的形状了。


第八步:加上文字,在这里我设置的Trebuchet MS英文字体、加粗、大小14pt、白色。当然你也可以在字上添加一些你认为好的效果。

来源:http://www.tulaoshi.com/n/20160318/1874068.html

延伸阅读
来源:站酷 作者:酷头儿 对于各界交互界面大师来说,按钮的制作无疑是不可缺少的一个组成部分,但是习惯于运用多个图层叠加出非常漂亮的效果的时候,修改极不方便。下面介绍如何用图形渐变及图层样式简化这些图层。 最终效果 1、新建大小自定的文档,背景填充青色。先用钢笔建立路径,如下图。 2、创建渐变调整图层,渐变颜色位置随意,...
标签: PS PS基础
让我们一起来看看这个教程吧 Step 1 我们将首先在Photoshop创建一个新文档。 让我们有1024 × 768px Step 2 为了填补你的背景,选择渐变工具(G)的渐变编辑器打开了,并输入您的颜色值按下面的图像 Step 3 让我们创造了我们的按钮的机构。 使用圆角矩形工具(U),现在只是创造了约320 × 95px,对5px半径和填充任何颜色(它的矩...
    今天“流行”的,明天可能就“落伍”了。 流行的配色设计看起来挺舒服的,但却有震撼他 人目光的效果。 淡黄绿色(chartreuse)就是一个很好的例 子,色彩醒目,适用于青春有活力且不寻常的事 物上。 从棒球运动鞋到毛衣,这种鲜明的色彩在流 行服饰里创造出无数成功的色彩组合。黄绿或淡 黄绿色和...
来源:腾龙视觉 作者:不详 本教程介绍较为精致的圆形按钮的制作方法,由于图层较多,制作的时候需要注意好图层的顺序。另外按钮以水质质感为主,需要用图层样式控制好光感。 最终效果 1、新建一个大小适当的文档,背景填充灰色。 2、新建图层,选择“椭圆”工具进行绘制。 3、为“形状 1”添加图层tulaoShi...
前面我们介绍过时尚靓丽的绿宝石颜色是2013年的流行配色,翡翠绿适用很多行业的设计,比如服装设计、室内设计、家具设计等,甚至网页设计也很适合。今天设计达人网整理2013流行的绿宝石配色的网页设计,让我们一起看看网页设计师是如何运用翡翠绿来配色。 Popular color for 2013 这里也有一些关于翡翠绿的介绍以及作品欣赏 Owoceiwar...

经验教程

75

收藏

73
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部