如何创建太阳系行星图标包【AI教程】

作者&投稿:锻泽 (若有异议请与网页底部的电邮联系)
~

小编:@4FIRE今天我们有一个特别的任务,将太阳系的行星以图标的形式重新创建,我们将使用强大的Illustrator,在今天的教程里你可以学到一些新的技能。文章有点长,步骤非常细致,根据以下步骤,相信你可以学到新的东西。

我们先来看看最终的效果:

嗯,分析一下子:

1.漂亮的色彩,很梦幻,真实的太空代入感;2.插画风格的图标;3.八个图标的形式很相似(废话,谁都看得出啊);

OK,接下来我们开始动手制作:

首先,新建一个文档,命名宇宙行星,800*600像素,颜色模式为RGB,分辨率为72ppi

STEP1创建默认的“空白”图标

(1)选择矩形工具(M),绘制一个128 x 128像素的红(116 x 116像素

(2)选择矩形工具(M),创建一个22 x 14像素的矩形圆角为7像素圆角半径,颜色为(6像素间距,从顶部留下11像素间距。

创建一个68 x 14像素圆角矩形(7像素角半径,并将其放置在先前创建的形状的右侧,保留4像素的间距。

(3)绘制一个58 x 6像素的圆角矩形,圆角半径为3像素。在两边创建两个6×6像素的圆窗口路径查找器,在弹出的面板中,选择减去顶部。

(4)将调整后的形状置于先前创建的形状的底部,并使用“对齐”对齐“水平中心”

(5)创建一个110 x 14像素的圆角矩形,圆角半径为7像素

(6)添加另一个86像素×6像素圆角矩形(除去两个大小为6×6像素的圆)和放在前面的形状下方位置,留下到右侧14像素的距离。

(7)使用圆角矩形工具(M),创建一个108 x 14像素的形状,圆角半径为7像素

(8)留一个空的间隙6像素,然后添加90×14像素圆角矩形(7像素。接着添加一个18×14像素圆角矩形7像素。两个矩形间距为4像素,然后将其与可绘制区域的左侧对齐。

温馨提示:如果你想知道为什么空6像素的间距,因为我们会把星球放在它的中心,这意味着它最终将被掩盖,所以不要担心它。

(9)创建一个52 x 6像素的圆角矩形3像素。放在我们先前创建的宽圆角矩形的右侧,这样就可以得到与可绘制区域右侧间距为32像素。

(10)创建一个76 x 14像素圆角矩形(7像素,放在上个圆角矩形下方,与右侧区域间距为16像素

背景的整体形状绘制完成,现在选择所有的形状并将它们组合在一起(Control+G),这样可减少我们的误操作。

(11)使用椭圆工具(L),创建一个16 x 16像素的圆(5像素

(12)添加一个微妙的亮点,复制(Control+CControl+F)一个我们刚刚创建的圆形,然后应用一个-2像素的偏移量(对象路径偏移路径-2像素),选择生成的形状和复制的圆形,减去顶层路径查找器减去顶层),将其颜色变为白色(混合模式更改为柔光,将其不透明度更改为80%

(13)添加高亮部分后,通过使用4像素偏移量(选择黄色形状对象路径偏移路径 4像素),将圆形投射到外部阴影。(不透明度降低到10%

完成后,选择所有三种形状(阴影,黄色和高亮),使用Control+G键盘快捷键对其进行分组。

(14)直接选择工具(A)选择左上角的圆角矩形,复制一个副本(Control+C),将其移动到顶层(Control+Shift+])。

选中副本和圆形组合,鼠标右键单击建立剪切蒙版

(15)选择底部的圆角矩形,并创建一个圆24 x 24像素

(16)使用椭圆工具(L),创建一个“空白”伪行星,绘制一个68 x 68像素的圆(

(17)选中空白伪行星,通过三次连续的4像素偏移量得到圆,将其颜色设置为黑色(不透明度降低到10%,将三个透明的圆组合(Control+G)。

(18)选择后面的所有圆角矩形,复制副本置于顶层,双击删除里面的圆。全选副本圆角矩形,然后转到对象复合路径建立(Control+8),然后按住Shift加选不透明圆组合,鼠标右键单击建立剪切蒙版

(19)选中所有形状,鼠标右键变换移动,(水平:178像素、垂直:0像素、角度:0°,点击复制按钮)。再按两次(Control+D)得到水平四个空白伪行星。

选中四个行星,鼠标右键变换移动,(水平:0像素、垂直:178像素、角度:0°,点击复制按钮)。再按两次(Control+D)得到垂直四个空白伪行星。

温馨提示:可以在每个行星下面加上名字,以便继续我们的工作。

我们将重命名如下:

水星金星地球火星木星土星天王星海王星

(20)由于我们不希望所有的图标看起来都是一样的,所以我们可以选择第二个,第四个,第六个和第八个,并且水平翻转(鼠标右键单击变换 对称垂直确定),这样画面更真实丰富。

我们终于完成了创建空白图标,这意味着我们现在可以继续添加其中每一个的细节。

STEP2创建行星图标细节创建水星图标

(1)由于水星的表面具有大量的陨石坑,我们可以通过创建一堆可变尺寸的圆圈来轻松地反映在我们的图标中,我们将使用稍微较暗的灰色(

(2)接下来,我们将创建一个戒指般的亮点给水星。

首先,选择主灰色并创建一个副本(Control-C Control-F),然后对该副本应用-2像素偏移量(对象 路径偏移路径)。

选择所得到的偏移量和副本,鼠标右键建立剪切蒙版混合模式柔光,将其不透明度降至70

完成后,选择所有图标的元素使用Control+G键盘快捷键编组。

创建金星图标

金星上可谓火山密布,表面反映了它的暴力历史;金星是一个有趣的星球,因为它的云层主要是由二氧化硫和硫酸组成,完全覆盖整个进行表面,这给它带来了有趣的纹理。这让我们的图标脱颖而出,只需要几个细节。

(1)选中第二个空白行星,讲圆形的颜色从灰色改变为泥泞的黄色(

(2)使用钢笔工具(P),创造性地绘制一个稍微弯曲的部分,朝向行星的中心,我们将使用它来进行着色(

(3)使用钢笔工具(P),再画出两条弯曲的线条,一条朝向顶端,另一条弯曲的线条正好在我们之前创建的较大的线条上(

(4)复制(Control+CControl+F)黄色的圆置于顶层,加选前面钢笔绘制的形状,鼠标右键建立剪切蒙版。

(5)使用椭圆工具(L),向行星表面的中心和顶部添加几个细长形状,颜色为(

(6)添加相同的2像素厚的环状在行星的表面上,就像我们与水星一样。

(7)选中背景,鼠标右键隔离选中的剪切蒙版鼠标左键双击两下,选择左下角黄色内圆设置颜色(

完成后,选择所有图标的元素使用Control+G键盘快捷键编组。

创建地球图标

与所有其他行星相比,地球是特别的,地球外部有水圈、大气圈以及磁场。而且目前它也是唯一已知存在生命的星球。地球表面的独特性永远烙在我们的头脑深处,这使得这个图标真的很有趣,很容易创建。

(1)与以前的图标一样,将“空白”行星的颜色设置为(

(2)选择笔工具(P),绘制一些“地球”大陆,我们将使用颜色(建立剪切蒙版

(3)复制金星图标的高光圆环,或者使用与之前相同的过程新创建的一个高光圆环。

(4)按照与背景相同的过程添加一堆云,颜色(柔光

(5)选中背景,鼠标右键隔离选中的剪切蒙版鼠标左键双击两下,选择黄色内圆设置颜色(2 x 2像素的撞击坑(

完成后,选择所有图标的元素使用Control+G键盘快捷键编组。

创建火星图标

地球上的邻居是“火星”,这个星球几千年来一直引发人类的想象,因为许多人仍然希望再次星球上发现类似于地球能承载生命迹象。

现在,这个星球大多覆盖着与其他天体的撞击造成的峡谷和火山口,这使得它很容易被重新创建为一个图标。

(1)选择黄色的圆,将其颜色改变为(

(2)使用椭圆工具(L),设置颜色(

(3)在顶部添加一个椭圆18 x 6像素建立剪切蒙版

(4)复制地球图标的高光圆环,或者使用与之前相同的过程新创建一个高光圆环。

(5)选中背景,鼠标右键隔离选中的剪切蒙版鼠标左键双击两下,选择左下角黄色内圆设置颜色((给它一个细节小圆

完成后,选择所有图标的元素使用Control+G键盘快捷键编组。

创建木星图标

我们现在已经到了我们的第二行行星,木星是一个没有实体表面气态巨行星。

与所有其他行星相比,木星可能是我们的小太阳系最美丽有趣的行星之一,也是最可怕的行星之一(大气压力等于1MPa(10bar)),因为强大的风暴正在不断塑造。

(1)选择灰色圆,将颜色变为(

(2)使用钢笔工具(P),绘制几条更亮的线条细节线,(建立剪切蒙版。

(3)使用椭圆工具(L),使用与上一步相同的颜色,在行星表面添加一些椭圆形状。

(4)复制上面图标的高光圆环,或者使用与之前相同的过程新创建一个高光圆环。

(5)通选中背景,鼠标右键隔离选中的剪切蒙版鼠标左键双击两下,选择左上角黄色内圆设置颜色(

完成后,选择所有图标的元素使用Control+G键盘快捷键编组。

创建土星图标

土星是太阳的第六颗行星,也是少数几个在它周围有冰块和岩石的地球之一,给它一个独特的形状。

与木星类似,天体是由大气覆盖,它赋予它有趣的纹理,使它更容易重现为一个图标。

(1)选择较大的圆,颜色变为(

(2)使用矩形工具(M),创建一些高度不等的水平矩形,较浅的水平矩形(

(3)复制木星图标的高光圆环,或者使用与之前相同的过程新创建一个高光圆环。

(4)创建一个98 x 26像素的椭圆(78 x 18像素椭圆(建立剪切蒙版。旋转24°右键单击变换旋转 24),并置于顶层。

(5)复制黄色大圆至于皮带后面,加选行星皮带(路径查找器分割),取消编组删除多余形状,保留有用的形状,(路径查找器联集)。

(6)通选中背景,鼠标右键隔离选中的剪切蒙版鼠标左键双击两下,选择左下角黄色内圆设置颜色(

完成后,选择所有图标的元素使用Control+G键盘快捷键编组。

创建天王星图标

太阳系中的第三大行星,天王星是一个特别有趣的行星,由于其有趣的轨道和颜色。这是我们地球附近最冷的星球,这使得它很容易描绘,正如我们将在以下时刻看到的。

(1)选择大圆将颜色改变为(

(2)使用钢笔工具(P),绘制三个垂直线段(

(3)使用椭圆工具(L),创建两个垂直细长的椭圆形状,颜色为(

(4)复制土星图标的高光圆环,或者使用与之前相同的过程新创建一个高光圆环。

(5)接下来,我们需要添加一个垂直带,通过创建一个12 x 90像素的椭圆(8 x 86像素的椭圆((路径查找器减去顶层)。置于顶层。

(6)复制蓝色大圆至于垂直带后面,加选行星皮带(路径查找器分割),取消编组删除多余形状,保留有用的形状,(路径查找器联集)。

(7)选中背景,鼠标右键隔离选中的剪切蒙版鼠标左键双击两下,选择左上角黄色内圆设置颜色(Control+G键盘快捷键编组。

创建海王星图标

这是一个漫长的旅程,但我们现在在海王星附近,看到美丽鲜艳的海之蓝。

太阳系最远的已知行星,最密集的行星,其气氛主要由氢和氦组成,赋予其特征的蓝色。

(1)将较大圆的颜色更改为(

(2)使用钢笔工具(P),绘制两个高度可变形状(建立剪切蒙版。

(3)选择椭圆工具(L),在海王星表面创建一些浅色斑点(

(4)复制天王星图标的高光圆环,或者使用与之前相同的过程新创建一个高光圆环。

(5)通过从土星图标抓取一个正确的天体的副本来完成图标,并替换我们目前的天体。

并且,一如往常,不要忘记选择所有图标的元素使用Control+G键盘快捷键编组。

STEP3 制作彩色渐变

在这一点上,我们需要添加的是平滑的“糖果”渐变,这将使图标更具视觉吸引力。

(1)对于每个图标,识别主要的构图形状,并创建它们的副本(Control+CControl+F),将其置于顶层。我们正在谈论的形状是空间背景,代表行星较大圆,以及行星后面的圆角矩形组合的形状。

对于每个副本,转到(对象复合路径创建/Control+8),使形状作为一个整体。

(2)选择副本,对它们应用线性渐变,紫色(90°

(3)继续选中渐变色形状,打开(窗口外观)面板,将混合模式设置为叠加不透明度降低到80%

完成后,选中单个行星和对应的渐变色形状分组Control+G),以使它们不会被错误地分开。

最后删除所有红色和灰色矩形

你拥有了一个漂亮的图标包,准备用于任何任务,无论是在这里还是超出空间的深度。

我希望你能够跟上这些步骤,最重要的是在途中学到新的东西。

看完教程咱们交作业咯!点我直达作业提交页面

tutsplus

作者:Andrei Stefan

译者:学UI网翻译社-4FIRE




Illustrator绘制卡通风格的太阳系行星图标
首先,新建一个文档,命名宇宙行星,800*600像素,颜色模式为RGB,分辨率为72ppi。STEP1 创建默认的“空白”图标 (1)选择矩形工具(M),绘制一个128 x 128像素的红(#f97373)正方形。再添加一个较小的116 x 116像素(#f2f2f2)的矩形,选中两个矩形,水平垂直居中。(2)选择矩形工具(M),创建一个...

太阳系平面图怎么画
1、中心画一个圆,周围发出光芒,代表太阳。2、给太阳画出灿烂的微笑。3、在太阳旁边画出三个圆,地球(体积最大)、火星(有两条深沟)、水星(体积最小)。4、给地球画上小小的笑脸,还有大陆和海洋的轮廓。5、再在旁边画出一个圆,这是带着美丽光环的土星。6、继续画出几个圆,分别代表金星...

设计出太阳系中各个行星的位置图,并把各个行星的英文名称表示清楚,另绘 ...
太阳系九大行星与太阳的位置排列图。从左到右分别是太阳、水星、金星、地球、火星

太阳系九大行星模式图
金星是太阳系中离太阳第二近的行星,也是太阳系第六大行星。其轨道最接近圆,偏差不到1%。金星的自转非常不同寻常,一方面它很慢,另一方面它是倒转的。另外,金星自转周期与它的轨道周期同步,所以当它与地球达到最近点时,金星朝地球的一面总是固定的。三、地球 地球是太阳系从内向外第三颗行星,也...

太阳系八大行星示意图
八大行星地理位置顺序示意图水星金星地球火星木星土星天王星海王星如图谁有八大行星在天空中的位置图?八大行星按照离太阳的距离从近到远,它们依次为水星、金星、地球、火星、木星、土星、天王星、海王星。八大行星自转方向多数也和公转方向一致。只有金星和天王星两个例外。金星自转方向与公转方向相反,天王星则...

太阳系八大行星示意图
天文学家在太阳系内以天文单位(AU)来测量距离。1AU是地球到太阳的平均距离,大约是1.5亿公里(9300万英里)。冥王星与太阳的距离大约是39AU,木星则约是5.2AU。最常用在测量恒星距离的长度单位是光年,1光年大约相当于63240天文单位。行星与太阳的距离以公转周期为周期变化着,最靠近太阳的位置称为...

有谁能给我提供一下太阳系行星的详细分布图啊??
5. 木星:太阳系中最大的行星,轨道半径约为5.2天文单位,质量约为地球的318倍,轨道倾角和偏心率分别为3.12度和0.0483,密度为1.33克\/立方厘米。6. 土星:以其壮观的环系统而闻名,轨道半径约为9.5天文单位,质量约为地球的95倍,轨道倾角和偏心率分别为26.73度和0.0560,密度为0.69克\/...

太阳系行星位置图
例如,用望远镜可以观测到木星上的四颗伽利略卫星,以及土星上的环系。结语 太阳系行星位置图是天文学爱好者和科学家深入了解太阳系、研究行星运动规律的重要工具。通过观测和研究太阳系中的行星,人们可以更好地了解行星形成的历史、太阳系的演化以及宇宙中的奥秘。

太阳系八大行星示意图
太阳系八大行星示意图 水星:太阳系中体积和质量最小的行星,常与太阳同时出没,中国古代称之它为“辰星”。水星在直径上小于木卫三和土卫六。金星:按照距离太阳的远近次序是第二颗行星,在日落的任何时间里,在西方的上空看见一个发光的天体就是金星。金星自己不会发光,它是反射了太阳的光才发亮的。...

太阳系行星群图
木星是一个气态巨行星,主要由氢组成,其次为氦,占总质量的25%,占所有太阳系行星的70%,岩核则含有其他较重的元素。人类所看到的通常是大气中云层的顶端,压强比1个大气压略高。土星(英文Saturn,拉丁文Saturnus),为太阳系八大行星之一,至太阳距离(由近到远)在第六,体积只排在木星以后。并...

宁化县17221363318: 在AI软件中皇冠形状在哪里 -
雀勇乳腺: 窗口--符号 --窗口左下角图标单机--至尊矢量包--会看到皇冠直接拖动姐可以了

宁化县17221363318: 如何制作PPT -
雀勇乳腺: 4. 开m始→程序→Microsoft Word→选“模板”→确定→选“演示2文3稿设计8”卡片8→“彩晕型模板” →“确定”选第一t行第二d列的幻2灯片2→确定. 2.将工w具栏的“40%”改为1“60%” 2.插入g→文2本...

宁化县17221363318: 太阳系争夺战3黑洞武器怎么占领 - 太阳系争夺战3黑洞武器攻略
雀勇乳腺: 太阳系争夺战3黑洞武器怎么占领?在这款星际游戏中我们要面对的是AI敌人,而AI无法看见黑洞,我们可以黑洞将其消灭.那么要怎么使用呢,跟着小编来看看吧.太阳...

宁化县17221363318: 穿越火线 卡BUG -
雀勇乳腺: 地图:沙漠2 地点:B点的小门,有两个台阶的楼梯, 先上去 按A 慢慢的后退 就可以卡进去, 然后半透视土匪基! 地点:B点的小天台的小口子,跳上箱子后 往山上爬,爬不动的时候一个小跳就进去了, 透视半全屏! ...

宁化县17221363318: 怎么操作连网 -
雀勇乳腺: 找到internet选项点击上面的链接,然后选择从不进行拨号链接就行了(求最佳)

宁化县17221363318: 关于麒麟桌面操作系统以下错误的说法是( ) - 上学吧
雀勇乳腺: 需要三样: 驱动程序+刷机软件+刷机的系统程序

宁化县17221363318: 用photoshop图层建立新文件 -
雀勇乳腺: 菜单栏中文件——脚本——将图层导出到文件然后再选择格式和路径,点击确定就可以了勾选了“仅可见图层”选项后你可以用显示和隐藏控制要导出的图层了CS3中就有这个功能,其他版本就不知道...

宁化县17221363318: 太阳系争夺战3脉冲炮有什么用 - 太阳系争夺战3脉冲炮介绍
雀勇乳腺: 太阳系争夺战3脉冲炮有什么用?太阳系争夺战3是一款星际游戏,我们想要获得其他星球的资源或者保护自己就需要战斗.脉冲炮拥有很强的战斗力,具体有什么作用呢,跟着小编来看看吧.太阳系争夺战3脉冲炮介绍【脉冲炮】:旧称“激光炮”.每隔5秒扩散出一道波,攻击范围内天体上的飞船,每次5艘.占领后,处在脉冲炮攻击范围内的天体就不需要害怕小股敌人部队的骚扰了.这对敌人产生一种心理威慑.敌人若不想受到太大损失地进攻,只能先派大部队把脉冲炮占成中立.AI一般会对脉冲炮的攻击置之不理,所以经常发生AI主力在脉冲炮的攻击下损伤大半的情况.所以说,脉冲炮在对付AI时很有作用.

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网