ps制作一个简单又时尚的UI按扭插图

ps制作一个简单又时尚的UI按扭

在这个教程里,将和童学们分享如何使用Photoshop制作一个简单又时尚的UI按扭,这个按扭可以用在电子商务网站,或者是网店上 来看下效果。 1.新建一个文档(ctrl+N)大小为:600*600(虽然我们按扭的大小:170*50,但是尺寸大方便我们的修改) 2.选择“圆角矩形工具”并设圆

Photoshop教程:设计质感时尚网页导航按扭插图

Photoshop教程:设计质感时尚网页导航按扭

作者:夕木木 出处:ximumu 本教程主要用Photoshop制作一个立体质感的时尚按钮,银灰色的质感表现的非常完美,下面一起来为自己的网页设计一个漂亮的按钮吧. 像以前一样,我们先来看效果图.漂亮不,心动不,那就就跟夕木木一起来学习创建这个 时尚的按扭 . 1.打开photoshop,然后新

广告位
ps制作一个简单又时尚的UI按扭(5)插图

ps制作一个简单又时尚的UI按扭(5)

在这个教程里,将和童学们分享如何使用Photoshop制作一个简单又时尚的UI按扭,这个按扭可以用在电子商务网站,或者是网店上 来看下效果。 1.新建一个文档(ctrl+N)大小为:600*600(虽然我们按扭的大小:170*50,但是

ps制作一个简单又时尚的UI按扭(2)插图

ps制作一个简单又时尚的UI按扭(2)

按ctrl+空格键,放大文档到1600%。新建一个图层并删掉背景图层。 在工具箱选择铅笔工具并设置笔尖大小为1px;前景色为白色。画出如下图效果: 在菜单栏找到,编缉定义图案;并给图案命个名字:diagonal line pattern.

ps制作一个简单又时尚的UI按扭(4)插图

ps制作一个简单又时尚的UI按扭(4)

5.选择文字工具并找一个你自己喜欢的字体,字体大小:24pt,颜色:#ffffff.输入文字Buy Now。 双击文字图层,添加一个投影样式(投影颜色:#2877ac)。 6.在工具箱选择自定形状工具,并在选项栏找到如下的图形。 绘制

ps制作一个简单又时尚的UI按扭(3)插图

ps制作一个简单又时尚的UI按扭(3)

更改混合模式柔光并调不透明度:20%

photoshop制作按钮教程:荧光按扭插图

photoshop制作按钮教程:荧光按扭

出处:活力盒子翻译 先看看效果图: 第一步: 把底图层填充成灰色 再创建一个新图层 在新图层上用矩形选框工具画出一个长方形(大小自己看着来) 用兰色填充(兰色值为#22aff7) . 在这里顺便把选区储存起来 因为后面要用到