首页 » ios付费应用 » 渐变风格的图标——会以“小火箭”教程~

渐变风格的图标——会以“小火箭”教程~

 

国外苹果ID/美日韩台、新加坡、香港等——点击购买
韩国区已过年龄认证17+ 19+ 的苹果id游戏应用下载
日本区苹果商店_国外苹果ID/美日韩台新加坡等
独享美区ID小火箭账号----点击购买
正版苹果商店礼品卡、软件兑换码——点击购买

今天小编就给大家分享一组与教育培训相关的渐变样式图标,并以“小火箭”图标为例,看看如何从头到尾丰富细节,让它看起来更有质感。让我们一一解释一下。

前言

你好,UI中国的朋友,我是一只肥老虎。今天就给大家分享一组与教育训练相关的渐变样式图标,并以“小火箭”图标为例,看看胖虎我是如何从头到尾丰富细节,让它看起来更有质感的。

老规矩,我会分享这套图标的源文件,如果有小伙伴需要学习研究,可以下载,不要商业使用。

在开始之前,我们先来看看这8个图标~

iphone5使用移动4g网络破解图文教程_美区小火箭使用图文教程_扫描仪使用图文教程看看

放大版详情~

美区小火箭使用图文教程_iphone5使用移动4g网络破解图文教程_扫描仪使用图文教程

扫描仪使用图文教程_iphone5使用移动4g网络破解图文教程_美区小火箭使用图文教程

iphone5使用移动4g网络破解图文教程_扫描仪使用图文教程_美区小火箭使用图文教程

美区小火箭使用图文教程_扫描仪使用图文教程_iphone5使用移动4g网络破解图文教程

美区小火箭使用图文教程_iphone5使用移动4g网络破解图文教程_扫描仪使用图文教程

扫描仪使用图文教程_美区小火箭使用图文教程_iphone5使用移动4g网络破解图文教程

iphone5使用移动4g网络破解图文教程_扫描仪使用图文教程_美区小火箭使用图文教程

iphone5使用移动4g网络破解图文教程_美区小火箭使用图文教程_扫描仪使用图文教程

好了,看完之后,我们开始“小火箭”教程吧~

步骤01 先画小火箭线图

首先打开AI,创建一个新的画布,为了更好地观察图标并长时间显示细节,请绘制一个黑色矩形作为背景。

我们用矩形工具(M)和钢笔工具(P)绘制小型火箭的主体区域,用自由变换工具(E)绘制火箭的弹射口,如下图所示

扫描仪使用图文教程_美区小火箭使用图文教程_iphone5使用移动4g网络破解图文教程

完小火箭的主体区域,我们就画小火箭的尾部

我们先画中间的尾部,先画一个矩形,然后用直选工具(A)选择底部锚点向下拉,然后将4个角拉成合适大小的圆角,如下图所示:

iphone5使用移动4g网络破解图文教程_美区小火箭使用图文教程_扫描仪使用图文教程

让我们画两边的尾翼

首先复制一个完整的尾巴,画一个矩形,然后减去顶部数字得到一个侧尾。然后我们点击侧尾继续:右键点击>对称>>对称变换>垂直对称,选择复制,我们会得到另一个侧尾,如下图所示:

iphone5使用移动4g网络破解图文教程_美区小火箭使用图文教程_扫描仪使用图文教程

将绘制的尾部放置到位,然后用椭圆工具(L)按住Shift键,将2个圆圈画出作为小火箭的“窗口”,如下图所示:

iphone5使用移动4g网络破解图文教程_美区小火箭使用图文教程_扫描仪使用图文教程

步骤02给小火箭一个渐变色(基色)。

如下图所示,根据光源右上角的位置,

给小火箭的每个部分一个基本的渐变色,因为光源在右上角,所以从右上到左下的颜色规律是从亮到暗。

美区小火箭使用图文教程_扫描仪使用图文教程_iphone5使用移动4g网络破解图文教程

STEP 03探索丰富细节的模式

根据

胖虎自己做过几次练习后总结的规则:每个需要丰富细节的色块,按照“上、下、左、右”、“上、下、左、右”的规律依次丰富,“上、下、左、右”是左右高光、阴影、上下高光、阴影。

如果物体是圆柱形的,则需要添加整体“左右”两大区域的暗边和亮边。

这在下面的解释图中显示:

美区小火箭使用图文教程_iphone5使用移动4g网络破解图文教程_扫描仪使用图文教程

STEP 04依次为小火箭增添了丰富的细节

按照上面总结的规律,我们先把小火箭的黑暗面和光明面划分开来(光明面和黑暗面需要根据实际情况考虑是否添加),小伙伴们可以根据胖虎分享的一组图标,看看哪些是加的,哪些是没有加的。

添加暗面和亮面,如下图所示:

扫描仪使用图文教程_美区小火箭使用图文教程_iphone5使用移动4g网络破解图文教程

添加基本的暗面和亮面后美区小火箭使用图文教程,我们开始添加高光,如下图所示:

美区小火箭使用图文教程_iphone5使用移动4g网络破解图文教程_扫描仪使用图文教程添加

高光,让我们添加阴影

扫描仪使用图文教程_美区小火箭使用图文教程_iphone5使用移动4g网络破解图文教程

然后我们在高光上叠加一个白色蒙版,让高光看起来更丰富更有层次感,透明度根据实际情况从10%~30%进行调解,使其看起来不显眼,如下图所示:

扫描仪使用图文教程_美区小火箭使用图文教程_iphone5使用移动4g网络破解图文教程

在最后一步中,我们在阴影处叠加另一个阴影层并进一步添加细节,如下图所示:

扫描仪使用图文教程_美区小火箭使用图文教程_iphone5使用移动4g网络破解图文教程

iphone5使用移动4g网络破解图文教程_美区小火箭使用图文教程_扫描仪使用图文教程

显示最终结果

iphone5使用移动4g网络破解图文教程_美区小火箭使用图文教程_扫描仪使用图文教程

其他应用

iphone5使用移动4g网络破解图文教程_扫描仪使用图文教程_美区小火箭使用图文教程

写在最后

本教程,纯

技术纯教程,没有设计的理论共享。

胖虎希望想学的朋友直接在机器上操作,执行永远是第一位的。

朋友不要有误会:抄袭之后就换不了别的了,所以抄袭是没有用的。

只要小伙伴开始临摹,他就会明白其中的奥秘。金庸的武侠

剧也经常播出,学习武术技能的开始是先自己练,而不是一眼就学武侠特技(除非你收费......

所以美区小火箭使用图文教程,做

它,如果你能做到,不要动你的嘴。

细水长流的努力比3分钟的辛苦更重要~

提取代码:vbnb

国外苹果ID/美日韩台、新加坡、香港等——点击购买
韩国区已过年龄认证17+ 19+ 的苹果id游戏应用下载
日本区苹果商店_国外苹果ID/美日韩台新加坡等
独享美区ID小火箭账号----点击购买
正版苹果商店礼品卡、软件兑换码——点击购买

原文链接:渐变风格的图标——会以“小火箭”教程~,转载请注明来源!

0