Photoshop简单绘制圆角矩形翻转网页按钮

2016-02-16 08:48 21 1 收藏

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享Photoshop简单绘制圆角矩形翻转网页按钮,希望可以让热爱学习的朋友们体会到PS的小小的乐趣。

【 tulaoshi.com - PS 】

形状工具画一个圆角矩形:

Photoshop简单绘制圆角矩形翻转网页按钮,PS教程,图老师教程网

添加一个锚点并删除这个新添加的锚点:

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

Photoshop简单绘制圆角矩形翻转网页按钮,PS教程,图老师教程网

选择左下角的2个锚点:

Photoshop简单绘制圆角矩形翻转网页按钮,PS教程,图老师教程网

CTRL+T并将中心点定位到左边线:

Photoshop简单绘制圆角矩形翻转网页按钮,PS教程,图老师教程网

右键,水平翻转:

Photoshop简单绘制圆角矩形翻转网页按钮,PS教程,图老师教程网

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

同理翻转右边:

Photoshop简单绘制圆角矩形翻转网页按钮,PS教程,图老师教程网

适用:

Photoshop简单绘制圆角矩形翻转网页按钮,PS教程,图老师教程网

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

延伸阅读
标签: PS PS基础
如果你是设计师,那么创建界面元素是非常重要的技能。本次教程中,我们会创建一个简单漂亮的切换开关按钮。切换开关经按钮常用于某项功能的启用与关闭,他们经常出现在UI设计与网页应用设计中,好了,来开始我们的教程吧。 先看看效果图 下面是教程 第1步: 打开Photoshop,Ctrl+N新建一个文档,尺寸选择600×500px。 第2步: 按住...
标签: PS PS基础
效果图和绘制方法如下:
标签: Web开发
所谓的CSS高级技巧...其实是一些对基本技巧的创意组合, 任何手段和技巧都是解决问题的方法. 只要学会这种思考问题的方法, 你也能拥有属于自己的CSS秘籍. CSS2 还没有办法创造出曲线边框, 明显的, 仅仅方框是没办法满足我们设计师的. 所以CSS圆角技术到现在还是那么的火. 1. 固定宽度的纯色圆角矩形 在众多圆角技术中, 固定宽度的圆角矩...

经验教程

893

收藏

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