打造两款常用的网页按扭 PS按扭制作教程

软件发布|下载排行|最新软件

当前位置:首页photoshop教程入门实例

打造两款常用的网页按扭 PS按扭制作教程

PS新手入门学习-技巧   2021-08-24 我要评论
PS按扭制作教程:打造两款常用的网页按扭。最终效果1

PS按扭制作教程:打造两款常用的网页按扭

最终效果2

PS按扭制作教程:打造两款常用的网页按扭

效果1制作过程: 1、新建一个500 * 300的文件,背景填充颜色:#242424深灰色。 2、新建一个图层,选择圆角矩形工具,画一个矩形,然后把前景颜色设置为:#007dee,背景颜色设置为:#023f78,选择渐变工具,从左至右拉渐变。 3、双击图层1,调出图层样式,选择描边,在这里描边大小为5像素,颜色比背景稍微深一些即可。

PS按扭制作教程:打造两款常用的网页按扭

4、选择魔棒工具,按Shift键连续选择蓝色区域,点击:选择 > 修改 > 收缩,数位2。

PS按扭制作教程:打造两款常用的网页按扭

5、新建图层2,填充白色。 6、选择椭圆选框工具画一个椭圆,按Delete删除。 7、设置图层2的图层混合模式为“柔光”,图层不透明度为:30%。

PS按扭制作教程:打造两款常用的网页按扭

8、最后打上喜爱的文字,完成最终效果。

PS按扭制作教程:打造两款常用的网页按扭

效果2制作过程: 1、新建一个300 * 150像素的画布,背景填充颜色:#242424深灰色。 2、新建一个图层,选择圆角矩形工具,设固定大小,宽5厘米,高为2厘米,半径200像素,画一个椭圆。

PS按扭制作教程:打造两款常用的网页按扭

3、选择矩形选框工具在椭圆的右上角画一个框,填充白色。 4、分别设置图层样式,参数设置如下图。

PS按扭制作教程:打造两款常用的网页按扭

5、写上文字,完成最终效果。

PS按扭制作教程:打造两款常用的网页按扭

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们