当前位置: 首页 > 优图知识库  > PS教程 > PS基础教程

Photoshop制作扁平化风格的椭圆矩形图标

2019/1/3 14:47:13 人评论

最终效果准备工作:打开Photoshop,新建600 * 600的画布,其它参数默认,点确定。方法1:鼠标移至左侧工具栏矩形工具上,点击三角箭头切换成多边形工具。鼠标移至选项栏设置边:4,点击设置图标

最终效果

Photoshop制作扁平化风格的椭圆矩形图标

准备工作:

打开Photoshop,新建600 * 600的画布,其它参数默认,点确定。

Photoshop制作扁平化风格的椭圆矩形图标

方法1:

鼠标移至左侧工具栏矩形工具上,点击三角箭头切换成多边形工具。鼠标移至选项栏设置边:4,点击设置图标(齿轮),按下展开,勾选平滑拐角。

Photoshop制作扁平化风格的椭圆矩形图标

按住Shift,按住鼠标左键在画布中央绘制就可以了。

Photoshop制作扁平化风格的椭圆矩形图标

放大之后发现它的边缘是虚的像素,为了更加精确的显示,要让边缘对齐像素网格。

Photoshop制作扁平化风格的椭圆矩形图标

左击首选项 > 常规,勾选最后一条让矢量工具与变化的像素网格对齐。

Photoshop制作扁平化风格的椭圆矩形图标

设置好后,回到画布Ctrl + T选中形状,按住左键轻轻移动鼠标形状图形就自动对齐像素网格。

Photoshop制作扁平化风格的椭圆矩形图标

这个是最快速简单的一种方法,如果需要调整角度大小,精确的做法是用直接选择工具依次对四条边的锚点向内或向外进行移动。

Photoshop制作扁平化风格的椭圆矩形图标


_ueditor_page_break_tag_

方法2:

选择圆角矩形工具,点击画布,设置弹窗的参数。

Photoshop制作扁平化风格的椭圆矩形图标

点确定,绘制出一个圆角矩形。

Photoshop制作扁平化风格的椭圆矩形图标

可以看出来圆角矩形与椭圆矩形的区别,就是在四条边向外微微弯曲,所以只要在圆角矩形基础上添加向外的弧形就可以。选择椭圆工具,选项栏选择合并形状。

Photoshop制作扁平化风格的椭圆矩形图标

在圆角矩形上添加椭圆形状,椭圆两端的弧度要与圆角矩形两端的弧度重合,这样才平滑。

Photoshop制作扁平化风格的椭圆矩形图标

复制、粘贴椭圆,添加至其他三条边,完成。

Photoshop制作扁平化风格的椭圆矩形图标


_ueditor_page_break_tag_

方法3:

选择椭圆工具,点击画布,设置弹窗的参数。

Photoshop制作扁平化风格的椭圆矩形图标

点确定,绘制一个圆形。

Photoshop制作扁平化风格的椭圆矩形图标

选中圆形,复制,粘贴,按住Shift和鼠标左键向上或下移动90px。

Photoshop制作扁平化风格的椭圆矩形图标

选项栏选择与形状区域相交。

Photoshop制作扁平化风格的椭圆矩形图标


_ueditor_page_break_tag_

选中两个圆,复制,粘贴。

Photoshop制作扁平化风格的椭圆矩形图标

旋转90度。

Photoshop制作扁平化风格的椭圆矩形图标

选中左边的圆,选项栏选择与形状区域相交。

Photoshop制作扁平化风格的椭圆矩形图标

点击,形成下图的形状图形,已经像椭圆矩形了,只是四个角不是圆角。

Photoshop制作扁平化风格的椭圆矩形图标

把尖角变成圆角,选择椭圆工具,选项栏选择合并形状,添加74px的圆形,注意两个图形要重合才能圆滑。

Photoshop制作扁平化风格的椭圆矩形图标


_ueditor_page_break_tag_

选择矩形工具,选项选择“减去顶层形状”,沿着重合点减去矩形。

Photoshop制作扁平化风格的椭圆矩形图标

选中圆形,复制,然后删除圆形,粘贴,尖角变成圆角。

Photoshop制作扁平化风格的椭圆矩形图标

选中圆形和矩形,复制,粘贴,自由变换,垂直翻转。

Photoshop制作扁平化风格的椭圆矩形图标

移至右下角,边缘重合。

Photoshop制作扁平化风格的椭圆矩形图标

左边也使用同样的步骤。

Photoshop制作扁平化风格的椭圆矩形图标

内圆调整圆角大小。

Photoshop制作扁平化风格的椭圆矩形图标

外圆调整弧度大小。

Photoshop制作扁平化风格的椭圆矩形图标

最终效果:

Photoshop制作扁平化风格的椭圆矩形图标


相关资讯

  • ps美容教程之画出纤长睫毛

    1、在工具栏上选择画笔工具,或按F5会出现一个画笔浮动面板,找到一个像草的形状。  2、睫毛的长短用直径来调节,睫毛的稀密用间距的百分比来调节,睫毛的形状用角度来调节,然后我们从左眼的上眼皮开始从左至

    2019/1/3 14:47:01
  • PS怎么绘制碎冰风格海报设计

    PS怎么绘制碎冰风格海报设计

    2019/1/3 14:47:01
  • Photoshop详细解析后期图像处理五个好习惯

    由于越来越多新同学的加入,很多对PS的操作完全不熟练,所以今天野郎打算分享五个PS很重要的操作习惯,这些习惯都非常的重要,下面让我们一起来看看吧。1、Ctrl+J复制背景图层:有看野郎教程的童鞋都有注

    2019/1/3 14:46:52
  • PS新手教程之利用快速蒙版建立局部选区

    有时候我们对照片,尤其是人像照片进行局部调色时,需要精准一点,比方说我们对模特的面部进行调色时,需要建立局部选区,那么有什么方法能够快速建立呢,我们就以下图为例说明一下如何用快速蒙版选中模特的面部,其

    2019/1/3 14:46:36