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

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

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

【 tulaoshi.com - PS 】

最终效果


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


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


内发光:

渐变叠加:


描边:


效果如下:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)
第三步:按住Ctrl单击按钮层选择,使用使用矩形选框工具设置如下。

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


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


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


渐变叠加:

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

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


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


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

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

延伸阅读
标签: PS PS基础
先看效果图。 新建文档1280x1024像素,背景白色,建新层填充黑色,添加图层样式。 效果如下。 建新层,画一个白色圆角矩形。 添加图层样式。 效果如下。 建新层,画一个小的圆角矩形,颜色#f7bdd6。 高斯模糊一下。 添加外发光样式。 不透明度改为80%,效果如下。 建新层,同样方法作出下图所示...
最终效果 1、新建一个800 * 600 像素的文本,选择渐变工具,颜色设置如图1,拉出图2所示的线性渐变作为背景。 图1 图2 2、新建一个图层,用椭圆选框工具在画布的中间位置拉出图3所示的正圆选区。选择渐变工具,颜色设置如图4,拉出图5所示的tulaoshi径向渐变。拉好渐变后暂不要取消选区。 图3 图4...
来源:站酷 作者:酷头儿 对于各界交互界面大师来说,按钮的制作无疑是不可缺少的一个组成部分,但是习惯于运用多个图层叠加出非常漂亮的效果的时候,修改极不方便。下面介绍如何用图形渐变及图层样式简化这些图层。 最终效果 1、新建大小自定的文档,背景填充青色。先用钢笔建立路径,如下图。 2、创建渐变调整图层,渐变颜色位置随意,...
标签: PS PS基础
让我们一起来看看这个教程吧 Step 1 我们将首先在Photoshop创建一个新文档。 让我们有1024 × 768px Step 2 为了填补你的背景,选择渐变工具(G)的渐变编辑器打开了,并输入您的颜色值按下面的图像 Step 3 让我们创造了我们的按钮的机构。 使用圆角矩形工具(U),现在只是创造了约320 × 95px,对5px半径和填充任何颜色(它的矩...
    今天“流行”的,明天可能就“落伍”了。 流行的配色设计看起来挺舒服的,但却有震撼他 人目光的效果。 淡黄绿色(chartreuse)就是一个很好的例 子,色彩醒目,适用于青春有活力且不寻常的事 物上。 从棒球运动鞋到毛衣,这种鲜明的色彩在流 行服饰里创造出无数成功的色彩组合。黄绿或淡 黄绿色和...

经验教程

259

收藏

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