首页 > 设计知识 > 正文

Photoshop设计扁平化风格的雷达图标 Photoshop设计立体风格的旋转式图标教程

2023-09-06 16:37:54 | 一百分素材网

今天一百分素材网小编为大家带来了Photoshop设计扁平化风格的雷达图标 Photoshop设计立体风格的旋转式图标教程,希望能帮助到大家,一起来看看吧!

Photoshop设计扁平化风格的雷达图标 Photoshop设计立体风格的旋转式图标教程

Photoshop设计扁平化风格的雷达图标

今天是天空图标教程系列的后两集,自从上一次我们的小火箭发射后,今天终于来到了外太空,找到了它的小伙伴,行星和雷达,今天的教程是搞定这两个,过程重绘制思路,挑操作重点,简洁明了,适合有基础的同学练手。

先看看效果图

行星图标

第1步:首先绘制一个淡黄色的圆形作为行星的轮廓。使用矩形工具,,星球上方绘制很多不同颜色的方框,让它们的颜色和宽度都不尽相同。你可以将这些方框编组并进行旋转,这样会显得更真实。

Photoshop设计扁平化风格的雷达图标 Photoshop设计立体风格的旋转式图标教程

第2步:现在我们来去掉方框不需要的部分。选择圆形所在的图层,选择椭圆工具并在图标上右击,在弹出的菜单中选择“创建选区”,然后在弹出的对话框中点击确定,选项都保持默认即可。

然后,选择这些矩形所在的组并单击图层面板下方的图层蒙版按钮,将不需要的部分隐藏起来。一百分素材网

Photoshop设计扁平化风格的雷达图标 Photoshop设计立体风格的旋转式图标教程

Photoshop设计立体风格的旋转式图标教程

教程源文件和视频教程:绿色渐变风格的播放器图标PS教程素材

最终效果:

下面是教程开始

步骤一:首先新建画布900px*900px画布,命名为播放按钮,为背景添加颜色#3d3835。

步骤二:使用圆角矩形工具、绘制一个615px*615px圆角半径为90px底座,并为它添加图层样式。

以上就是一百分素材网整理的Photoshop设计扁平化风格的雷达图标 Photoshop设计立体风格的旋转式图标教程相关内容,想要了解更多信息,敬请查阅一百分素材网。
与“Photoshop设计扁平化风格的雷达图标 Photoshop设计立体风格的旋转式图标教程”相关推荐
Photoshop设计扁平化风格的火箭图标 Photoshop设计立体风格的旋转式图标教程
Photoshop设计扁平化风格的火箭图标 Photoshop设计立体风格的旋转式图标教程

Photoshop设计扁平化风格的火箭图标今天的教程,不仅有超详细的步骤解说与多个技巧,而且绘制时能帮同学们深入学习Photoshop的基础形状,教程不难,作为扁平化图标入门教程再合适不过。先看看效果图绘制火箭图标这些调色板上的颜色是我们将要用到的颜色,我选择了一些不那么鲜艳的颜色,这能和扁平化的图标很好地结合,你可以将这个色板储存在你的电脑中,这样你就可以在Photoshop中创建图

2023-10-05 17:13:49
Photoshop设计扁平化风格的渐变海报教程 Photoshop设计立体风格的旋转式图标教程
Photoshop设计扁平化风格的渐变海报教程 Photoshop设计立体风格的旋转式图标教程

Photoshop设计扁平化风格的渐变海报教程今天将过程跟大家作一分享,在操作上并没有什么难度,主要是渐变的叠加,当然我们依旧提供了一个PSD以供大家参考。感兴趣的朋友让我们一起来学习吧。教程所需要的源文件:渐变风格的海报设计PS教程源文件首先,是大神的效果图(左)跟我们的山寨品(右)。新建个文档,我用的是1200X1500像素,大家随意,创建一个渐变填充,做一个渐变背景。用矩形工

2023-08-01 08:40:12
Photoshop设计创意风格的立体字教程 Photoshop设计扁平化风格的雷达图标
Photoshop设计创意风格的立体字教程 Photoshop设计扁平化风格的雷达图标

Photoshop设计创意风格的立体字教程本教程主要使用Photoshop制作在墙面上挂着的3D立体字,整体的3D效果非常的漂亮,,类似于挂在墙上的效果,大家可以自己扩展制作出霓虹效果,喜欢的朋友让我们一起来学习吧,教程要求PS是CS6完全版,必须有3D功能的。教程素材背景:超酷的3D立体字PS教程素材先看看效果图下面是教程:Photoshop设计扁平化风格的雷达图标今天是天空

2023-06-22 21:04:33
Photoshop设计扁平化风格的火箭图标 Photoshop设计扁平化风格的雷达图标
Photoshop设计扁平化风格的火箭图标 Photoshop设计扁平化风格的雷达图标

Photoshop设计扁平化风格的火箭图标今天的教程,不仅有超详细的步骤解说与多个技巧,而且绘制时能帮同学们深入学习Photoshop的基础形状,教程不难,作为扁平化图标入门教程再合适不过。先看看效果图绘制火箭图标这些调色板上的颜色是我们将要用到的颜色,我选择了一些不那么鲜艳的颜色,这能和扁平化的图标很好地结合,你可以将这个色板储存在你的电脑中,这样你就可以在Photoshop中创建图

2023-05-26 09:10:04
Photoshop设计立体质感的日历图标教程 Photoshop设计扁平化风格的雷达图标
Photoshop设计立体质感的日历图标教程 Photoshop设计扁平化风格的雷达图标

Photoshop设计立体质感的日历图标教程本教程主要使用Photoshop绘制时尚立体感的日历图标,主要使用把钢笔工具绘制形状,然后使用图层样式来调出质感,,喜欢的朋友让我们一起来学习吧。教程源文件:立体感的日历图标教程PSD源文件先看看效果图 Photoshop设计扁平化风格的雷达图标今天是天空图标教程系列的后两集,自从上一次我们的小火箭发射后,今天终于来到了外太空,找到了

2023-06-25 14:37:28
Photoshop设计扁平化风格的雷达图标 Photoshop设计立体插画风格的圆形图标
Photoshop设计扁平化风格的雷达图标 Photoshop设计立体插画风格的圆形图标

Photoshop设计扁平化风格的雷达图标今天是天空图标教程系列的后两集,自从上一次我们的小火箭发射后,今天终于来到了外太空,找到了它的小伙伴,行星和雷达,今天的教程是搞定这两个,过程重绘制思路,挑操作重点,简洁明了,适合有基础的同学练手。先看看效果图行星图标第1步:首先绘制一个淡黄色的圆形作为行星的轮廓。使用矩形工具,,星球上方绘制很多不同颜色的方框,让它们的颜色和宽度都不尽相同。你

2023-09-26 21:17:14
Photoshop设计扁平化风格的雷达图标 Photoshop设计立体风格的彩条海报教程
Photoshop设计扁平化风格的雷达图标 Photoshop设计立体风格的彩条海报教程

Photoshop设计扁平化风格的雷达图标今天是天空图标教程系列的后两集,自从上一次我们的小火箭发射后,今天终于来到了外太空,找到了它的小伙伴,行星和雷达,今天的教程是搞定这两个,过程重绘制思路,挑操作重点,简洁明了,适合有基础的同学练手。先看看效果图行星图标第1步:首先绘制一个淡黄色的圆形作为行星的轮廓。使用矩形工具,,星球上方绘制很多不同颜色的方框,让它们的颜色和宽度都不尽相同。你

2023-06-18 14:09:27
Photoshop设计扁平化风格的雷达图标 Photoshop设计银色立体效果的APP图标教程
Photoshop设计扁平化风格的雷达图标 Photoshop设计银色立体效果的APP图标教程

Photoshop设计扁平化风格的雷达图标今天是天空图标教程系列的后两集,自从上一次我们的小火箭发射后,今天终于来到了外太空,找到了它的小伙伴,行星和雷达,今天的教程是搞定这两个,过程重绘制思路,挑操作重点,简洁明了,适合有基础的同学练手。先看看效果图行星图标第1步:首先绘制一个淡黄色的圆形作为行星的轮廓。使用矩形工具,,星球上方绘制很多不同颜色的方框,让它们的颜色和宽度都不尽相同。你

2023-06-11 01:31:06