陌北默

mobeimo1

夏天来了,暑假来了,大海我们来了。好吧,暂时到不了海边的,先来画个贝壳沾点海风的气息吧。

1.新建一个空白文档。然后去“编辑>首选项>常规>键盘增量设为1px”以及“单位”选项卡的单位如图所示。我通?;崾褂谜庑┥柚?,因为它们会在你的绘图过程中起到帮助的作用。

diana_Seashells_QT_1

2.创建的贝壳的形状

步骤1:选择矩形工具(M)绘制一个2×97px矩形,然后给它一个填充一个你喜欢的颜色。现在,放大矩形的顶部,然后选择添加锚点工具(+),使用它在中间添加锚点,如下图中特写镜头显示的那样。在矩形底部做同样的事情。 diana_Seashells_QT_2

步骤2:使用直接选择工具,选择上一步添加的上方锚点,将它向上移动4px。然后用转换点工具(shift+C),移动手柄,使路径圆滑,如下图放大镜内所示。别忘了矩形底部也要做这样做。

diana_Seashells_QT_3

步骤3:路径选中状态,执行“效果>变形>凸壳”,设置如下图参数 diana_Seashells_QT_4

步骤4:为了做出扇形,首先去“对象>扩展外观”,然后执行“对象>取消编组(shift+ctrl+G)”,保持上图所示路径处于选中状态,执行“对象>变换>旋转”设置如下图参数

diana_Seashells_QT_5

步骤5:现在选择第二个路径,然后转到“对象>变换>旋转”,再次执行步骤4中的数值,你将得到第三个路径,将它向左和向下分别移动一点点。这些路径必须紧挨着且不重叠。

diana_Seashells_QT_6

步骤6:你明白了吧。现在,选择第三个“路径”,并将其旋转5度,以获得下一个路径(1)。将其移动到它的地方,然后继续做同样的事情(2)。直到你得到足够多的路径,你可以为了得到较小的形状去重叠的最后几个形状(3)。此时我已经切换到绿色填充,以便可以更好的看到贝壳的形状叠在一起。不要担心贝壳的底部,我们将在后面处理。

diana_Seashells_QT_7

步骤7:选中左侧所有的路径,将它们复制到右边,执行”对象>变换>对称“如下图所示数值,也可根据情况做相应数据的调整。 diana_Seashells_QT_8

步骤8:选择所有路径,在路径查找器里合并所有路径,得到如下图 diana_Seashells_QT_9

步骤9:选择钢笔工具(P)或直线工具(\),画出如下图所示的直线路径。然后选中所有路径,在路径查找器里分割路径,删除底部形状,因为你不需要它。然后执行”对象>取消编组”。

diana_Seashells_QT_10

步骤10:使用直接选择工具拖动贝壳底部的锚点,然后用转换点工具移动手柄,使贝壳底部成圆润的弧度 diana_Seashells_QT_11 ?

3.加上贝壳的光影

步骤1:选择”星形工具”点击画板,弹出面板,设置如下图数值。然后用直接选择工具选择底部锚点,执行“对象>变换>移动”设置如下图数值。 diana_Seashells_QT_12

步骤2:用钢笔工具画出一个菱形的顶部(1)。选择两个路径,在路径查找器合并路径(2)。使用转换点工具(shift+c)移动手柄使2个内锚点成光滑,如图中放大镜内所示(3)。你需要它呈光滑圆弧,在下面的步骤中有用。我给它命名为“遮光形”。 diana_Seashells_QT_13

步骤3:移动你上一步得到的路径,合理将它安排在贝壳形状中,如下图放大镜中所示。我设置遮光形的不透明度为50%,这样你可以清楚的看到它们重叠情况。但是你没有必要设置,这只是为了让你看懂。 接着,复制这个形状,稍微旋转,并安排接下来路径的位置。 diana_Seashells_QT_14

步骤4:继续重复步骤3,贝壳的左侧完成后(1),你得把右侧也做完。 diana_Seashells_QT_15

步骤5:用直接选择工具(A)选中其中一个形状的下方锚点。你可以把它变短或变长一点。重复此步骤,是为了使它们到达贝壳底部的不同长度。 diana_Seashells_QT_16

步骤6:不透明度设置回100%。原地分别复制和粘贴(ctrl+F)贝壳形状图层和遮光图层。选中所有的前面的遮光形。编成一个组(ctrl+G)。?然后选择一层贝壳形状和遮光形组,执行路径查找器里的相交(记得按住alt键再执行哦)。选中遮光层,执行”对象>扩展外观“。设置遮光形组,填充为黑色,混合模式为叠加和25%的透明度(在透明度面板)。 diana_Seashells_QT_17

步骤7:复制你上一步所做的并移动,取消复制组的编组(shift+ctrl+G)。使用直接选择工具选中其中一个形状,将其做如下图所示压缩。 diana_Seashells_QT_18

步骤8:继续压缩其他形状,它们必须比原始的形状纤细。 diana_Seashells_QT_19

步骤9:给这些纤细的形状填充黑色,并进行编组(ctrl+G)。复制并粘贴贝壳形状之上。然后选中贝壳复制的形状和纤细形状的复制组,在路径查找器中进行相交。将得到的新形状填充黑色,混合模式改为叠加,不透明度50%。 diana_Seashells_QT_20

4.增加贝壳的高光

步骤1:用钢笔工具(P)或直线段工具(\)和绘制一个路径,通过一个中间的“路径”(1)。继续绘制其他路径,每一个“路径”的贝壳(3)。 diana_Seashells_QT_21

步骤2:选中所有这些路径,运用笔刷名为“锥形-圆角”。你可以在“窗口>画笔库>艺术效果>艺术效果_油墨”下找到。找到后,去外观面板,双击画笔后会弹出选项面板,设置好宽度为15%,确保笔刷的尖端向下翻转。 diana_Seashells_QT_22

步骤3:减少贝壳边缘路径的宽度,在上一步中我们设置所有宽度为15%,现在如下图依次修改路径的宽度。 diana_Seashells_QT_23

步骤4:选择描边路径,执行“对象>扩展外观”,然后取消组合2次(1)。将所有的路径,填充白色到黑色的径向渐变(2),然后设置混合模式为滤色(黑色变成透明)和50%的不透明度。此时,你可以对它们进行编组(ctrl+G)。 diana_Seashells_QT_24

5.五颜六色的贝壳和阴影

步骤1:选中贝壳,对其使用径向渐变,并移动它的高光点到贝壳的底部。 diana_Seashells_QT_25

步骤2:保持贝壳选中状态,到“外观”面板中选择现有的渐变填充。然后进行复制,得到新的填充图层,然后执行“效果>风格化>投影”再进行复制两次当前填充,并更改投影参数。

diana_Seashells_QT_26

三个投影参数如下

diana_Seashells_QT_27

步骤3:绿色的贝壳已经完成。现在可以创建颜色的贝壳。复制一个贝壳。然后可以使用橙色色调替换现有的绿色渐变。由于使用的是鲜艳的颜色,可以增加不透明度为的重点从50%至70%(步骤4.4)。 diana_Seashells_QT_28

步骤4:这是另一个贝壳,使用第一个贝壳一个副本,然后使用如下图所示的渐变色取代现有的渐变色所示。亮点几乎看不到,因为使用的是较浅的颜色,因此从50%的不透明度提高为90%。

diana_Seashells_QT_29

至此我们已经完成3个贝壳. diana_Seashells_QT_30 mobeimo3

原文作者:?Diana Toma

原文地址:tuts+

翻译作者:陌北默

本文由学UI网原创翻译,转载请注明出处。

=========================关于学ui网=========================

ccopus.com 学ui网发布高质量ui设计教程和设计分享经验,希望打造一个最好的ui学习教程平台!

APP截图站:app.ccopus.com? 海量APP截图,让你灵感爆发!

转载请注明:学UI网—UI设计师学习教程平台 » AI画个简单贝壳(AI教程)

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.ccopus.com?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.ccopus.com” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.ccopus.com” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.ccopus.com” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@ccopus.com,也可以找各个群的管理】

 
你可能喜欢的:
大合集!最新版iPhone X 展示模板样机下载!大合集!最新版iPhone X 展示模板样机下载!
圆润可爱MBEstyle!教你绘制MBE风格图标圆润可爱MBEstyle!教你绘制MBE风格图标
教你用AI绘制Hello summer贺卡教你用AI绘制Hello summer贺卡
教你用AI绘制汉堡包速食组合教你用AI绘制汉堡包速食组合
如何使用PS和AI创建正义联盟LOGO如何使用PS和AI创建正义联盟LOGO
如何在Adobe Illustrator中绘制水果图案如何在Adobe Illustrator中绘制水果图案
教你用AI绘制喝咖啡的女孩教你用AI绘制喝咖啡的女孩
如何用AI绘制一个简单的办公桌?如何用AI绘制一个简单的办公桌?
用AI绘制单线装饰风格海报用AI绘制单线装饰风格海报
教你用AI制作灯泡文本效果教你用AI制作灯泡文本效果
?