1. 兔课网
  2. 资讯
  3. 平面设计教程
  4. UI教程,三维立体圆形旋涡图形图标

UI教程,三维立体圆形旋涡图形图标

3819人阅读 2020-06-09 收藏

先画一个普通的圆,然后用CTRL T自由变换来制作漩涡效果。如果你愿意,你可以手工练习这项技能。首先,我想说这不是原创,而是总结。为了让新手看得更清楚,增加了许多详细的步骤。

没有进一步的麻烦,上面的图片。对方不是剽窃,毕竟每个人的方法都不一样!如果有什么遗漏,请原谅我!

效果图:

UI教程,三维立体圆形旋涡图形图标_

1.首先,打开效果图,观察这幅图的构成。可以想象它由三个圆组成。

最外面的大圆圈是一种颜色,中间的小圆圈是白色,中间的圆圈是渐变的颜色!

UI教程,三维立体圆形旋涡图形图标_

2、根据尺寸,画大圆、中圆和小圆,中圆做出如下渐变效果,如图所示

UI教程,三维立体圆形旋涡图形图标_

大圆和小圆在中心对齐,逐渐变化的中圆和大圆在左边对齐。

UI教程,三维立体圆形旋涡图形图标_

此外,精确的映射是非常必要的,这里只提到制造方法。

选择大圆ctrl t,根据大圆的位置画一条辅助线,确定大圆的中心点!如图所示

UI教程,三维立体圆形旋涡图形图标_

按ctrl键复制3个相同的圆,然后调整第二个圆的中心点和大圆的中心点之间的重叠。

UI教程,三维立体圆形旋涡图形图标_

输入90度以上的旋转角度,然后按回车键确认。结果如图所示!

UI教程,三维立体圆形旋涡图形图标_

6.依次旋转另外两个圆。第三个中圆的角度是180度,第四个中圆的角度是-90度(这里是-90度,请特别说明)

结果如图所示。

UI教程,三维立体圆形旋涡图形图标_

这不是调整图层位置的方式,例如,谁在顶部,谁在底部。

7、为了方便新手在这里说得更仔细

UI教程,三维立体圆形旋涡图形图标_

为了便于解释,四个中圈根据它们的位置被赋予不同的名称,这样便于解释。

低于1是最低的中圆,低于2是最右边的中圆。首先,添加一个图层蒙版到左边4,也就是第一张图片的中间圆圈。

按住Ctrl键,用鼠标左键单击2个右图层,选择2个右图层,用4个左图层蒙版中的橡皮擦擦除小圆下的重叠部分。

下图

UI教程,三维立体圆形旋涡图形图标_

8.与步骤7类似,按住ctrl键,用鼠标左键单击1下的图层,然后选择1。蚂蚁线出现后,用鼠标左键点击4层左边的蒙版。

用橡皮擦擦掉多余的部分。

UI教程,三维立体圆形旋涡图形图标_

9.为3的中上圆创建一个图层蒙版。选择1,擦去3图层蒙版上剩余的3部分!

UI教程,三维立体圆形旋涡图形图标_

10.最后,为第二个右侧创建一个图层蒙版,按住ctrl键单击第一个图层,选择第一个图层,并删除第二个右侧图层蒙版上的多余部分。

UI教程,三维立体圆形旋涡图形图标_

最后,与原始图像相比

UI教程,三维立体圆形旋涡图形图标_

结束花朵的散落!

UI教程,三维立体圆形旋涡图形图标_

相关文章推荐

设计资讯,PS CC 2015新特性详解
设计师的杀手锏!形象思维
Photoshop教程:文字中的文字特效
图标设计,用PS制作橡皮泥质感萌萌哒图标
烟雾效果,用PS制作人物虚幻的烟雾效果
品牌设计的六项基本原则!
Photoshop匹配颜色功能快速打造复古艺术色调
Photoshop打造阿宝色颓废花朵效果
Photoshop教程:制作汤姆·克鲁斯的阿凡达形象
PS中的旋转图像、畸变校正和等比裁剪应用实例

特别推荐

上一篇>> 情人节海报,设计红色玫瑰情人节节日主题海报

下一篇>> 闪电教程,快速制作出闪电效果

新人大礼包

1
咨询客服

交流Q群

微信公众号
返回顶部