PS制作标准的椭圆矩形

显示全部楼层 · 2023-3-10 03:31:49

　椭圆矩形介于圆和圆角矩形中间的形状，主题图标绘制最流行的形状之一;有一些新人和身边朋友问我怎么制作这形状，所以，分享一下我的绘制方法。
　　最终效果

22314461Q-0.jpg (14.57 KB, 下载次数: 0, 售价: 1 金钱)

2023-3-10 03:31 上传

点击文件名下载附件
22314461Q-0.jpg
　　准备工作：
　　打开Photoshop，新建600 * 600的画布，其它参数默认，点确定。

2231443252-1.jpg (40.82 KB, 下载次数: 0, 售价: 4 金钱)

2023-3-10 03:31 上传

点击文件名下载附件
2231443252-1.jpg
　　方法1：
　　鼠标移至左侧工具栏矩形工具上，点击三角箭头切换成多边形工具。鼠标移至选项栏设置边：4，点击设置图标(齿轮)，按下展开，勾选平滑拐角。

2231442W4-2.jpg (36.06 KB, 下载次数: 0, 售价: 4 金钱)

2023-3-10 03:31 上传

点击文件名下载附件
2231442W4-2.jpg
　　按住Shift，按住鼠标左键在画布中央绘制就可以了。

22314420G-3.jpg (13.98 KB, 下载次数: 0, 售价: 6 金钱)

2023-3-10 03:31 上传

点击文件名下载附件
22314420G-3.jpg
　　放大之后发现它的边缘是虚的像素，为了更加精确的显示，要让边缘对齐像素网格。

2231441411-4.jpg (42.71 KB, 下载次数: 0, 售价: 3 金钱)

2023-3-10 03:31 上传

点击文件名下载附件
2231441411-4.jpg
　　左击首选项 > 常规，勾选最后一条让矢量工具与变化的像素网格对齐。

2231442N0-5.jpg (47.14 KB, 下载次数: 0, 售价: 2 金钱)

2023-3-10 03:31 上传

点击文件名下载附件
2231442N0-5.jpg
　　设置好后，回到画布Ctrl + T选中形状，按住左键轻轻移动鼠标形状图形就自动对齐像素网格。

2231446434-6.jpg (34.48 KB, 下载次数: 0, 售价: 2 金钱)

2023-3-10 03:31 上传

点击文件名下载附件
2231446434-6.jpg
　　这个是最快速简单的一种方法，如果需要调整角度大小，精确的做法是用直接选择工具依次对四条边的锚点向内或向外进行移动。

2231444392-7.jpg (32 KB, 下载次数: 0, 售价: 1 金钱)

2023-3-10 03:31 上传

点击文件名下载附件
2231444392-7.jpg
　　方法2：
　　选择圆角矩形工具，点击画布，设置弹窗的参数。

2231443c4-8.jpg (20.45 KB, 下载次数: 0, 售价: 3 金钱)

2023-3-10 03:31 上传

点击文件名下载附件
2231443c4-8.jpg
　　点确定，绘制出一个圆角矩形。

2231442501-9.jpg (8.3 KB, 下载次数: 0, 售价: 4 金钱)

2023-3-10 03:31 上传

点击文件名下载附件
2231442501-9.jpg
　　可以看出来圆角矩形与椭圆矩形的区别，就是在四条边向外微微弯曲，所以只要在圆角矩形基础上添加向外的弧形就可以。选择椭圆工具，选项栏选择合并形状。

22314424L-10.jpg (34.04 KB, 下载次数: 0, 售价: 2 金钱)

2023-3-10 03:31 上传

点击文件名下载附件
22314424L-10.jpg
　　在圆角矩形上添加椭圆形状，椭圆两端的弧度要与圆角矩形两端的弧度重合，这样才平滑。

2231446233-11.jpg (45.38 KB, 下载次数: 0, 售价: 3 金钱)

2023-3-10 03:31 上传

点击文件名下载附件
2231446233-11.jpg
　　复制、粘贴椭圆，添加至其他三条边，完成。

2231446443-12.jpg (23.64 KB, 下载次数: 0, 售价: 2 金钱)

2023-3-10 03:31 上传

点击文件名下载附件
2231446443-12.jpg
　　方法3：
　　选择椭圆工具，点击画布，设置弹窗的参数。

2231443J5-13.jpg (18.32 KB, 下载次数: 0, 售价: 6 金钱)

2023-3-10 03:31 上传

点击文件名下载附件
2231443J5-13.jpg
　　点确定，绘制一个圆形。

22314455R-14.jpg (11.12 KB, 下载次数: 0, 售价: 3 金钱)

2023-3-10 03:31 上传

点击文件名下载附件
22314455R-14.jpg
　　选中圆形，复制，粘贴，按住Shift和鼠标左键向上或下移动90px。

22314455K-15.jpg (25.68 KB, 下载次数: 0, 售价: 2 金钱)

2023-3-10 03:31 上传

点击文件名下载附件
22314455K-15.jpg
选项栏选择与形状区域相交。

22314411M-16.jpg (25.24 KB, 下载次数: 0, 售价: 4 金钱)

2023-3-10 03:31 上传

点击文件名下载附件
22314411M-16.jpg
　　选中两个圆，复制，粘贴。

2231441Y8-17.jpg (18.76 KB, 下载次数: 0, 售价: 1 金钱)

2023-3-10 03:31 上传

点击文件名下载附件
2231441Y8-17.jpg
　　旋转90度。

223144O12-18.jpg (28.76 KB, 下载次数: 0, 售价: 6 金钱)

2023-3-10 03:31 上传

点击文件名下载附件
223144O12-18.jpg
　　选中左边的圆，选项栏选择与形状区域相交。

2231443M6-19.jpg (35.61 KB, 下载次数: 0, 售价: 4 金钱)

2023-3-10 03:31 上传

点击文件名下载附件
2231443M6-19.jpg
　　点击，形成下图的形状图形，已经像椭圆矩形了，只是四个角不是圆角。

223144EY-20.jpg (23.26 KB, 下载次数: 0, 售价: 4 金钱)

2023-3-10 03:31 上传

点击文件名下载附件
223144EY-20.jpg
　　把尖角变成圆角，选择椭圆工具，选项栏选择合并形状，添加74px的圆形，注意两个图形要重合才能圆滑。

2231445A4-21.jpg (72.39 KB, 下载次数: 0, 售价: 2 金钱)

[ps] PS制作标准的椭圆矩形