首页 > 设计知识 > 正文

Photoshop设计扁平化风格的火箭图标 Photoshop设计蓝色通透的游戏开始按钮效果

2023-06-06 10:24:30 | 一百分素材网

Photoshop设计扁平化风格的火箭图标

今天的教程,不仅有超详细的步骤解说与多个技巧,而且绘制时能帮同学们深入学习Photoshop的基础形状,教程不难,作为扁平化图标入门教程再合适不过。

先看看效果图

绘制火箭图标

这些调色板上的颜色是我们将要用到的颜色,我选择了一些不那么鲜艳的颜色,这能和扁平化的图标很好地结合,你可以将这个色板储存在你的电脑中,这样你就可以在Photoshop中创建图形的时候直接用吸管工具选取这些颜色了。

第1步

首先,让我们从背景开始做起。我们的icon是圆形的,所以在工具面板中选择椭圆工具,在画布上单击以弹出创建椭圆的对话框,将高度和宽度都设置为512px——OK,现在我们有了一个正圆。让我们用深蓝色来填充它吧,深蓝色也是代表太空的标志性颜色。保持椭圆工具的选择,在顶部的控制面板上找到颜色填充按钮,然后选择你保存的色板中相应的颜色。没有创建色板?好吧,也有参数值,点击右上角的小标志就可以弹出颜色选择对话框。注意,我用的是HSB颜色制式。

第2步一百分素材网

现在我们开始来做火箭的大致轮廓了。开始,在背景中间绘制一个椭圆形。单击直接选择工具,在创建出来的椭圆边缘点击来使得创建除了路径和锚点可见。选择转换点工具(你可以在钢笔工具系列中找到它),并且在上方的锚点单击,将顶部调节成一个较尖锐的角度。

第3步

保持当前图形的选择状态,在上方的形状控制面板中选择路径操作,然后选择相交。

选择矩形工具并且绘制一个矩形,要包含椭圆的绝大部分,而在地面留出一小部分不要覆盖。操作的最终成果就是,矩形选框之外的内容就会变得不可见了,这样我们就切掉了火箭的底部。

第4步

让我们为椭圆的右半部分添加一点阴影。

首先,打开智能参考线(视图——显示——智能参考线),它们可以帮助你将图形放置在合适的位置上。继续使用矩形工具创建一个浅灰色的矩形并把它放在所有图层的上方,覆盖住火箭的右半部分。

Photoshop设计蓝色通透的游戏开始按钮效果

按钮制作不难,首先确立具体形状,,然后再用图层样式为其加上效果,最后加强下质感,给底部和顶部一些高光,然后再加上文字就大功告成了,接下来就跟DearSalt一起学习这篇按钮教程吧。

一、分析图层

在复杂的图形效果也是一层一层叠加起来的,想要做出它的效果必须分析它每一个图层的构成,这样才能做出更好的设计作品,首先我们将整个按钮分解开来,观察到共有四部分组成,“底层”是用一个图层完成的,并不是多个图层叠加,其它三个图层相对简单,接下来我们分层制作。

二、制作背景

新建600px*600px,72分辨率的RGB画布,然后在使用渐变工具(G)做一个径向渐变图层,颜色数值如下,之后在其上方填充一个纹理图层,并适当降低不透明度以增加背景的质感。

三、制作按钮“底层”

新建图层,命名为“底层”,使用圆角矩形工具在画布上绘制一个圆角矩形,圆角的半径大家可以多多尝试以达到自己想要的效果,如果是CC版本的话就非常方便了,因为可以在实时形状属性中调整,然后双击打开图层样式进行如下设置(数值仅供参考)

与“Photoshop设计扁平化风格的火箭图标 Photoshop设计蓝色通透的游戏开始按钮效果”相关推荐
Photoshop设计扁平化风格的雷达图标 Photoshop设计蓝色通透的游戏开始按钮效果
Photoshop设计扁平化风格的雷达图标 Photoshop设计蓝色通透的游戏开始按钮效果

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

2023-06-11 04:33:07
Photoshop设计扁平化风格的铅笔软件图标 Photoshop设计蓝色通透的游戏开始按钮效果
Photoshop设计扁平化风格的铅笔软件图标 Photoshop设计蓝色通透的游戏开始按钮效果

Photoshop设计蓝色通透的游戏开始按钮效果按钮制作不难,首先确立具体形状,,然后再用图层样式为其加上效果,最后加强下质感,给底部和顶部一些高光,然后再加上文字就大功告成了,接下来就跟DearSalt一起学习这篇按钮教程吧。一、分析图层在复杂的图形效果也是一层一层叠加起来的,想要做出它的效果必须分析它每一个图层的构成,这样才能做出更好的设计作品,首先我们将整个按钮分解开来,观察到共有

2023-06-17 13:08:30
 Photoshop设计蓝色通透的游戏开始按钮效果
Photoshop设计蓝色通透的游戏开始按钮效果

photoshop设计制作圆形质感纽扣式按钮效果图: 纽扣式按钮设计效果图设计制作方法:1.先铺个背景,如果你已经想好要基础的按钮颜色最好。(选定颜色,滤镜-杂色)2.一层层的画。从底部最下面一层开始。3.①第一个圆盘:这个圆饼就是开山鼻祖了!这个圆饼后面的走势一开始可能已经有人想好了,或者没有想好,就是随手一画的那样的也可以,未知的可能更有意思。渐变,投影。&nb

2023-06-01 20:59:49
Photoshop设计蓝色通透的游戏开始按钮效果 Photoshop设计紫色风格的圆形按钮图标
Photoshop设计蓝色通透的游戏开始按钮效果 Photoshop设计紫色风格的圆形按钮图标

Photoshop设计蓝色通透的游戏开始按钮效果按钮制作不难,首先确立具体形状,,然后再用图层样式为其加上效果,最后加强下质感,给底部和顶部一些高光,然后再加上文字就大功告成了,接下来就跟DearSalt一起学习这篇按钮教程吧。一、分析图层在复杂的图形效果也是一层一层叠加起来的,想要做出它的效果必须分析它每一个图层的构成,这样才能做出更好的设计作品,首先我们将整个按钮分解开来,观察到共有

2023-09-20 11:37:55
Photoshop设计蓝色通透的游戏开始按钮效果 Photoshop设计透明风格的蓝色泡泡
Photoshop设计蓝色通透的游戏开始按钮效果 Photoshop设计透明风格的蓝色泡泡

Photoshop设计蓝色通透的游戏开始按钮效果按钮制作不难,首先确立具体形状,,然后再用图层样式为其加上效果,最后加强下质感,给底部和顶部一些高光,然后再加上文字就大功告成了,接下来就跟DearSalt一起学习这篇按钮教程吧。一、分析图层在复杂的图形效果也是一层一层叠加起来的,想要做出它的效果必须分析它每一个图层的构成,这样才能做出更好的设计作品,首先我们将整个按钮分解开来,观察到共有

2023-09-22 05:35:23
Photoshop设计蓝色通透的游戏开始按钮效果 Photoshop设计火焰燃烧的篮球效果图
Photoshop设计蓝色通透的游戏开始按钮效果 Photoshop设计火焰燃烧的篮球效果图

Photoshop设计蓝色通透的游戏开始按钮效果按钮制作不难,首先确立具体形状,,然后再用图层样式为其加上效果,最后加强下质感,给底部和顶部一些高光,然后再加上文字就大功告成了,接下来就跟DearSalt一起学习这篇按钮教程吧。一、分析图层在复杂的图形效果也是一层一层叠加起来的,想要做出它的效果必须分析它每一个图层的构成,这样才能做出更好的设计作品,首先我们将整个按钮分解开来,观察到共有

2023-07-25 14:43:47
Photoshop设计蓝色通透的游戏开始按钮效果 Photoshop设计粉色风格的大白图标教程
Photoshop设计蓝色通透的游戏开始按钮效果 Photoshop设计粉色风格的大白图标教程

Photoshop设计蓝色通透的游戏开始按钮效果按钮制作不难,首先确立具体形状,,然后再用图层样式为其加上效果,最后加强下质感,给底部和顶部一些高光,然后再加上文字就大功告成了,接下来就跟DearSalt一起学习这篇按钮教程吧。一、分析图层在复杂的图形效果也是一层一层叠加起来的,想要做出它的效果必须分析它每一个图层的构成,这样才能做出更好的设计作品,首先我们将整个按钮分解开来,观察到共有

2023-07-29 23:58:53
Photoshop设计蓝色通透的游戏开始按钮效果 Photoshop设计颓废风格的软件APP图标
Photoshop设计蓝色通透的游戏开始按钮效果 Photoshop设计颓废风格的软件APP图标

Photoshop设计蓝色通透的游戏开始按钮效果按钮制作不难,首先确立具体形状,,然后再用图层样式为其加上效果,最后加强下质感,给底部和顶部一些高光,然后再加上文字就大功告成了,接下来就跟DearSalt一起学习这篇按钮教程吧。一、分析图层在复杂的图形效果也是一层一层叠加起来的,想要做出它的效果必须分析它每一个图层的构成,这样才能做出更好的设计作品,首先我们将整个按钮分解开来,观察到共有

2023-06-20 00:38:37