椭圆矩形介于圆和圆角矩形中间的形状,主题图标绘制最流行的形状之一;有一些新人和身边朋友问我怎么制作这形状,所以,分享一下我的绘制方法。
最终效果
打开Photoshop,新建600 * 600的画布,其它参数默认,点确定。
鼠标移至左侧工具栏矩形工具上,点击三角箭头切换成多边形工具。鼠标移至选项栏设置边:4,点击设置图标(齿轮),按下展开,勾选平滑拐角。
![Photoshop制作标准椭圆矩形的三种方法](//images.sj33.cn/uploads/allimg/201510/195125J50-4.jpg)
左击首选项 > 常规,勾选最后一条让矢量工具与变化的像素网格对齐。
![Photoshop制作标准椭圆矩形的三种方法](//images.sj33.cn/uploads/allimg/201510/1951252T9-5.jpg)
设置好后,回到画布Ctrl + T选中形状,按住左键轻轻移动鼠标形状图形就自动对齐像素网格。
![Photoshop制作标准椭圆矩形的三种方法](//images.sj33.cn/uploads/allimg/201510/1951254N5-6.jpg)
这个是最快速简单的一种方法,如果需要调整角度大小,精确的做法是用直接选择工具依次对四条边的锚点向内或向外进行移动。
![Photoshop制作标准椭圆矩形的三种方法](//images.sj33.cn/uploads/allimg/201510/1951256345-7.jpg)
方法2:
选择圆角矩形工具,点击画布,设置弹窗的参数。
![Photoshop制作标准椭圆矩形的三种方法](//images.sj33.cn/uploads/allimg/201510/1951252339-8.jpg)
点确定,绘制出一个圆角矩形。
![Photoshop制作标准椭圆矩形的三种方法](//images.sj33.cn/uploads/allimg/201510/195125F26-9.jpg)
可以看出来圆角矩形与椭圆矩形的区别,就是在四条边向外微微弯曲,所以只要在圆角矩形基础上添加向外的弧形就可以。选择椭圆工具,选项栏选择合并形状。
![Photoshop制作标准椭圆矩形的三种方法](//images.sj33.cn/uploads/allimg/201510/1951253B5-10.jpg)
在圆角矩形上添加椭圆形状,椭圆两端的弧度要与圆角矩形两端的弧度重合,这样才平滑。
![Photoshop制作标准椭圆矩形的三种方法](//images.sj33.cn/uploads/allimg/201510/1951256246-11.jpg)
复制、粘贴椭圆,添加至其他三条边,完成。
![Photoshop制作标准椭圆矩形的三种方法](//images.sj33.cn/uploads/allimg/201510/1951251459-12.jpg)
最终效果
打开Photoshop,新建600 * 600的画布,其它参数默认,点确定。
![Photoshop制作标准椭圆矩形的三种方法](http://images.sj33.cn/uploads/allimg/201510/195125F25-1.jpg)
方法1:
鼠标移至左侧工具栏矩形工具上,点击三角箭头切换成多边形工具。鼠标移至选项栏设置边:4,点击设置图标(齿轮),按下展开,勾选平滑拐角。
![Photoshop制作标准椭圆矩形的三种方法](http://images.sj33.cn/uploads/allimg/201510/195125L07-2.jpg)
按住Shift,按住鼠标左键在画布中央绘制就可以了。
![Photoshop制作标准椭圆矩形的三种方法](http://images.sj33.cn/uploads/allimg/201510/1951253493-3.jpg)
放大之后发现它的边缘是虚的像素,为了更加精确的显示,要让边缘对齐像素网格。
![Photoshop制作标准椭圆矩形的三种方法](http://images.sj33.cn/uploads/allimg/201510/195125J50-4.jpg)
左击首选项 > 常规,勾选最后一条让矢量工具与变化的像素网格对齐。
![Photoshop制作标准椭圆矩形的三种方法](http://images.sj33.cn/uploads/allimg/201510/1951252T9-5.jpg)
设置好后,回到画布Ctrl + T选中形状,按住左键轻轻移动鼠标形状图形就自动对齐像素网格。
![Photoshop制作标准椭圆矩形的三种方法](http://images.sj33.cn/uploads/allimg/201510/1951254N5-6.jpg)
这个是最快速简单的一种方法,如果需要调整角度大小,精确的做法是用直接选择工具依次对四条边的锚点向内或向外进行移动。
![Photoshop制作标准椭圆矩形的三种方法](http://images.sj33.cn/uploads/allimg/201510/1951256345-7.jpg)
方法2:
选择圆角矩形工具,点击画布,设置弹窗的参数。
![Photoshop制作标准椭圆矩形的三种方法](http://images.sj33.cn/uploads/allimg/201510/1951252339-8.jpg)
点确定,绘制出一个圆角矩形。
![Photoshop制作标准椭圆矩形的三种方法](http://images.sj33.cn/uploads/allimg/201510/195125F26-9.jpg)
可以看出来圆角矩形与椭圆矩形的区别,就是在四条边向外微微弯曲,所以只要在圆角矩形基础上添加向外的弧形就可以。选择椭圆工具,选项栏选择合并形状。
![Photoshop制作标准椭圆矩形的三种方法](http://images.sj33.cn/uploads/allimg/201510/1951253B5-10.jpg)
在圆角矩形上添加椭圆形状,椭圆两端的弧度要与圆角矩形两端的弧度重合,这样才平滑。
![Photoshop制作标准椭圆矩形的三种方法](http://images.sj33.cn/uploads/allimg/201510/1951256246-11.jpg)
复制、粘贴椭圆,添加至其他三条边,完成。
![Photoshop制作标准椭圆矩形的三种方法](http://images.sj33.cn/uploads/allimg/201510/1951251459-12.jpg)
![](http://images.sj33.cn/img/gzh10.png )
扫码关注公众号 获取更多设计资源...
↓↓↓
【白嫖福利 | 限时领取】
摹客超级版会员(价值1250元)解锁摹客协作、摹客RP、摹客DT所有功能。
公众号主页发送 “激活” 免费获取 激活码
↓↓↓
公众号主页发送 “字体” 获取 全套可商用字体包...
↓↓↓
公众号主页发送 “vi” 获取 500个著名品牌vi设计手册...
↓↓↓
【白嫖福利 | 限时领取】
摹客超级版会员(价值1250元)解锁摹客协作、摹客RP、摹客DT所有功能。
公众号主页发送 “激活” 免费获取 激活码
↓↓↓
公众号主页发送 “字体” 获取 全套可商用字体包...
↓↓↓
公众号主页发送 “vi” 获取 500个著名品牌vi设计手册...
标签:椭圆矩形