《图形图像处理技术第七单元.docx》由会员分享，可在线阅读，更多相关《图形图像处理技术第七单元.docx（22页珍藏版）》请在三一文库上搜索。
1、图形图像处理技术第七单元7.1 ：本节课的内容是矩形圆角矩形， 椭圆多边形直线以及自定义形 状的绘制方法掌握在同一个图层内，绘制形状组合对象的方法。如果要 绘制举行，首先我们需要去选择举行工具，然后在画布上拖动，可以自 由绘制举行的形状，也可以单击左键在弹出的创建举行对话框中输入具 体的宽度和高度的值，来绘制精确尺寸的机型。在右侧的属性面板中， 我们可以调整矩形的宽高坐标，填充色以及描边色等相关的属性。在矩 形的属性面板中还有可以修改的圆角半径。属性它默认的半径值为零， 不过要会址正方形，可以按住 shift 的键，不松开的情况下，拖动来绘 制相应的正方形。需要注意的是选择矩形工具后，举行工具
2、的上方的属 性选项卡中没有拜金的参数。而在右侧的属性面板中有这一点，我们要 跟圆角矩形的绘制操作要区分开来。下面我们来看一下圆角举行要绘制 圆角矩形，我们先选择圆角矩形工具，在画布中拖动自由绘制，也可以 单击在排除了创建圆角举行对话框中输入宽高值，还可以设置。四个角 的半径值来绘制精确尺寸的圆角矩形。那按住 shift 键呢可以来绘制相 应的快高比例相等的圆，叫举行我们在右侧的属性面板中，可以是指圆 角矩形的相关属性。同时在属性当中，我们选中链接四个角的按钮，可 以统一修改四个角的圆角半径。如果关闭厌倦按钮，就可以单独的去修 改每一个角的边角。外界如果要绘制椭圆或正圆可以使用。原工具在画 布上
3、拖动自由绘制相应的椭圆。那如果要绘制的是正源可以按住性的剑 去拖动来绘制。如果要绘制多边形，比如如果我们要绘制五角星，他可 以在选择了多边形工具后，在属性选项卡中甚至边数为五，不设半径勾 选新型，然后在画布上拖动自由绘制相应的五角星形状，也可以设定相 应的背景尺寸。修改修订依据值来绘制指定大小的五角星。也可以单击 在弹出的对话框中输入宽高值设置边数来绘制相应的五角星。要想来绘 制箭头，那我们是使用直线工具来绘制选择直线工具后，在上方属性选 项卡中可以设置直线的颜色，锲形形状、大小、线条粗细尺寸。然后在 我们对应的设置按钮中勾选起点或者是终点作为箭头的位置。赤经箭头 的宽高比在画布上拖动， 就可
4、以绘制出箭头的形状了。 不过要绘制一些。 自定义的形状。除了我们软件中的预设的自定义形状外，我们还可以载 入外部的形状文件，选择扩展名为 c s h 的文件，可以载入外部的形状。 那如果要显示所有的形状呢，我们在上方属性选项卡中，单击形状现象 在右上角单击设置按钮，选择全部就可以显示全部了。如果要复位的话 呢，在相应的菜单中选择复位形状，就可以完成他的部位。如果要在图 层中绘制多个形状，我们选择要添加形状的图层，然后选择形状绘制工 具，并设置相关的属性在。选项栏中选择形状的组合选项，绘制相应的 形状，就可以绘制多个形状了，也可以使用。可能是在 x 的方式剪切已 经绘制的形状，然后选择需要组合的
5、形状图层设置组合选项， 使用 q q 微 的方式进行粘贴就可以了。 形状的组合选项， 如果要添加到形状的区域， 那我们可以在形状的组合选项中选择合并形状，讲新的区域，添加到现 有形状或者路径中去。如果要从形状区域中减去，那我们可以选择减去 顶层形状像重叠区域， 从现有的形状或路径中移除。 那如果要交叉形状。 去我们可以选择与形状区域相交，将区域限制为新区域与现有形状和路 径的交叉区域。那要重叠形状区域除外呢，则选择排除重叠形状，从新 区域和现有区域的合并区域中排除重点区域在形状的组合或绘制过程中 有几个有用的操作在图层中组合的形状的选择中，我们可以实现单选和 多选。如果单选的话呢，使用路径选择
6、工具单击就可以实现单选。那框 选或按住 shift 的键点击租给形状呢可以实现它的多选要完成形状的复 制。啊，可以使用快捷键 ctrl+v 的方式进行复制。 粘纤也可以按住 alt+g 使用路径，选择工具拖动形状来实现他的复制。如果要对部分形状进行 变形的话呢，是使路径选择、工具选择需要变形的形状生成支架。 t 快 捷键对形状进行变形并确认就可以了。形状组合选项的更改，我们可以 复制移动或便携性组合的形状后，再在属性选项卡中修改组合的选项。 对于行中的碧琪， 我们选择需要对其的多个形状使用属性选项卡中的 c p 选项进行对齐就可以了。下面我们来完成本课的案例。绘制微信图标。 在绘制过程中，我们
7、将使用到圆角矩形椭圆形状的组合等这样一些操作 下面我们一起来练习一下。 接下来我们来绘制如图所示的微信图片效果。 微信图标它是由绿色的背景图标和上方的两个卡通造型的聊天气泡鼠标 来共同构成。 那首先我们先来制作他的背部， 选择其中的圆角矩形工具。 在填充册当中，我们采用对应的绿色来制作这里的参考值为七十八，一 百八十三，二十八。单击确定设置相应的颜色没有。小编其他的相关属 性不修改，然后回到最后的半径上将圆角半径呢修改为八十。这里我们 要绘制一个较大尺寸的微信图标。因此我们设定了较大的拜禁止在我们 的画布上按住 shift 的键，按下鼠标左键拖动，可以拉出一个较大的微 信图标的背景。圆角矩形可
8、以使用移动工具调整它的位置。我们在此基 础上来进行绘制微信图标，它其实有一定的色彩渐变。因此在背景图上 我们要制作这样的色彩渐变效果这里。我们采用图层样式进行叠加的方 式来进行操作。在操作之前我们可以把背景的圆角矩形改名，我们将名 字改为背景。然后双击背景图层打开图层样式，在图层样式当中勾选渐 变叠加三渐变叠加，切换到他的属性设置面板。在这中间我们选择黑白 渐变叠加叠加的样式选择镜像，并在不透明度当中修改，不透明度改为 百分之十。 在此基础上叠加百分之十的色彩渐变， 构造出中心颜色较浅。 两边颜色教。真的这样一种渐变效果，完成了背景制作后，我们来绘制 这样的气泡图标。 气泡图标包括一个椭圆的脸
9、带部分， 还有一个小尾巴， 以及用正圆形代表的聊天人物的眼睛的部分呀绘制。首先我们来会诊大 椭圆讲工具，切换到椭圆工具，移动到背景上来进行绘制，可以按住左 键拖动方式来得到大的椭圆气泡。我们把其中的颜色修改为白色颜色修 改可以在右侧的属性面板修改，也可以在上方的属性来进行修改。修改 完毕后，我们来会使气泡图左下角的小尾巴图标。可以使用钢笔工具来 绘制选择钢笔工具在上方属性来中设置为形状填充色采用白色。然后回 到我们的气泡图上来绘制他的小尾巴。那么我们在这里使用钢笔工具， 该机的方式来绘制相应的形状。绘制完毕之后可以使用路径，选择工具 拖动调整它的位置来建议修改。这里有两个涂层，我们需要把形状音
10、合 并到椭圆。一年来，那我们如何来进行合并呢？我们为了更好的表达， 把驼原因改为大气泡，选择形状一。涂层使用路径选择工具选中相应的 路径。然后用孔雀站 x 的方式剪切，也吃完亏之后选择大气泡。通过你 就这样 v 的方式粘贴进来。那默认的情况选择了合并形状名词，我们的 小尾巴的三角形形状呢就合并到了咱们对应的椭圆当中来。所以调整他 的位置来查看，完成了对应的尾巴会之后，如果你觉得形状的构造还不 能够满足你的要求，可以使用直接选择工具双击其中某一个保险。然后 我们进行拖动，调整形状，完成底部小尾巴的会制。那接下来我们要来 绘制其中的眼睛部分，这里采用的是椭圆工具绘制自然的方式来完成绘 制的证源将会
11、在我们的大气泡上产生打孔的效果。要完成这种打孔的效 果，我们在上方的组合模式当中，要选择减去顶层形状，减去顶层形状， 会默认作用到对应的小三角部分。我们可以在历史记录面板当中回撤一 步返回到之前的模式。在我们对应的大气泡上进行绘制，相应的眼睛， 先按下对应的鼠标左键，然后再去按住 shift 的键绘制正圆行。那这个 会这个正远呢就在大气泡上呈现出打孔效果。因为一只眼睛我们可以通 过路径选择工具，选中路径 at org 的方式拖动来进行复制，找到合适 的位置可以松开来。如果你没有进，对其可以继续使用 shift 的键，然 后去单击选中相应的两个正源在上方的对齐当中选择垂直居中就可以 了。绘制完大
12、汽泡后，我们来制作右侧的小气泡。那左侧的大气泡和右 侧的小气泡，除了小尾巴的方向不同外，其他都类似。因此我们在这里 可以使用复制的方法来快速的制作右侧的小气泡。首先还是选择路径选 择工具我们。把这里所有的路径都选上，将他的位置移动一下，调整大 气跑的位置好，按住 alt 键拖动可以得到气泡的复制品使用恳切加披进 行自由变换。按住 shift 的键条对角缩小气泡的大小，拖动调整它的位 置。在自由变化的模式下，单击右键选择水平翻转，将整个气泡翻转过 来。艾回车确认其中的变化。现在是一个合并的模式。那未来出现两个 气泡之间。有空隙的这种状态，我们可以将现在复制出来的这个小气泡 在路径的组合上，选择减
13、去顶层形状进去按住 alt 键，将小气泡拖动进 行复制。而到第二组小气泡图标，在上方的路径组合中改为合并形状。 那我们可以看到了这个图标的效果，我们在调整它的位置。黑熊用键盘 上的方向键来进行调整，调整好位置之后，我们可以分开来选择其中的 第 5 页 共 18眼睛部分在下方的组合模式中改为减去顶层可以看到這其中的大同效 果。那使用移动工具取消其中的路径的轮廓后，我们就可以看到完整的 微信图片效果了。我们今天学习了基本形状的绘制方法。随着我们这是 积累，现在我们可以尝试来设计 u i 界面了。作品产生后，同学们的成 就感也会慢慢的提升。那在课后呢，我们来绘制如图所示效果的铅笔图 标。今天的内容就
14、到这里了，我们下节课再见。7.2 ：同学们，大家好，前面我们学习了常规形状的绘制方法。但我 们也知道，不是所有的形状都是规则的。今天我们就来学习不规则路径 的绘制方法。我们今天要掌握的内容是使用钢笔工具组绘制和修改路径 的操作方法，掌握焦点到平滑转换方法，已经路径点位置修改的方法， 既能使用相应的工具来绘制特殊形状和路径。我们先来了解一下路径的 相关基础知识。什么是路径呢？路径就是有一个或多个直线段或取现段 组成的对象。在路径上有一些标记，其中锚点呢标记的是路径上的端点 在左图中亦可日就表示相应的锚点。其中选中的锚点，以黑色的方框表 达，亦是未选中的锚点。以白色的方框表达在曲线段上，每个选中的
15、锚 点，这样显示一条或者是两条方向线。方向线呢是以方向点结束在左图 中， e 和 c 就表示相应的方向线，哪方向性和方向点的位置，这样决定 取线段的大小和形状移动方向。卸荷方向点将改变路径中曲线的形状。 左图中 a 就是一段去现在我们路径的形态，他可以是闭合的，没有起点 或者是终点。例如圆圈他也可以是开放的，有明显的观点，比如波浪线 左侧就是一个开放的路径段，在形态上没有明显的拐角点的曲线，我们 叫它平滑曲线连接平滑曲线的锚点就叫做平滑典当。在平滑点上移动方 向现时我们将同时调整平滑点两侧的去线段而。在形态上有明显的拐角 点的曲线呢，我们就把它叫做是锐化曲线连接润滑曲线的锚点就叫交点 当在角点
16、上移动方向现时之调整与方向线同侧的曲线段左图中，我们可 以看到其中的调整效果。在路径的选择中，有选择路径组件和路径作案 两种选择路径组件我们是使用路径选择工具。 单击路径组件中任何位置。 如果路径有几个路径指尖组成， 那只有指针所指的路径组件将会被选中。 如果需要多选的话呢，我们可以按住 shift 键去。多个路径组件来实现 多选选择路径段， 我们是使用直接选择工具， 单击路径赛上的某个锚点， 或在该段的一部分上拖动选框来选送部分物品带入境的赋值有两种方 法，一种是使用路径选择工具选中要复制的路径。按住 alt 键，拖动路 径完成复制。第二种方法呢就是用路径选择工具选中要复制的路径。从 快捷键
17、可是 c 完成复制使用快捷键， ctrl+v 完成入境的分析路径。段 杰路径在上面。考点和芳香线可以被删除，需要删除路径段时，我们可 以使用直接选择工具，选择要删除的路径。哎，退格键删除所选段，再 次爱退格键，可以删除入境的其余部分。如果要删除锚点的话呢，就使 用删除锚点工具移动到要删。随着锚点上单击就可以了，要删除方向线 则使用转换点工具。单击方山县的锚点的平滑点会变成九点方向线被删 除。那如何在平滑点和角点之间转换呢？我们选择要修改的路径，可以 选择转换点工具。如果你当前选择的是钢笔工具，可以按住。好，再见， 不松开。切换到转换点工具。那如果你按住 continue 就不松开的话呢， 对可
18、以切换到直接选择工具。如果要将焦点转化为平滑点，我们就这样 转换点工具放置在要转换的锚点上。像小点外拖动，拉出方山县，并调 整原来的折线呢就会变成实现。那如果要像平滑点转换为小点，是可以 直接去三平滑点，实现氢化点到角简单转换下面我们来完成本课的案例 绘制雷雨天气图标。在操作过程当中，我们将使用到钢笔工具转换点工 具。直接选择工具和路径选择工具。我们来看一下图标的绘制思路。雷 雨图标的绘制可以分成两部分，第一部分是云朵的绘制思路，我们可以 使用钢笔工具在上方的属性选项卡中，将路径甲为形状填充颜色设为白 色描边颜色设为无参考。我们的效果图通过三 g 的方式在云朵的形状， 路径转折点，醋呢创建多个
19、锚点来绘制角点入境经闭合路径区间。然后 选择转换点工具， 将转换点工具放置到要转换的小点上， 像矫点外拖动， 拉出方向馅饼调整就可以得出云朵的轮廓。此处拉出方向线的时候，方 山县线的长度要控制，只要线拉出较短的方向键，再根据需要去进行方 向性的细微调整，使用直接选择工具，双击需要调整位置的锚点呢，可 以来拖动调整锚点的位置。以优化我们形状的轮廓图标绘制的第二部分 是闪电部分，它的绘制思路是使用钢笔工具。同样在属性栏中设置路径 为形状，颜色为白色，描边颜色为无。然后我们可以在上方的属性栏中 设置路径的组合方式，为减去顶层形状，以绘制其中的漏。部分，但是 将路径的组合方式调整为合并形状。参考效果图
20、。通过三在闪电形成路 径转折点出创建多个锚点来绘制闪电的形状，使用直接选择工具，双击 选中需要调整位置的锚点，拖动来调整锚点的位置，以达到闪电形状调 整的目的。最后我们在调整镂空的形状来匹配闪现的轮廓，就可以完成 图标的绘制了。下面我们一起来练习一下，我们用来绘制如效果图所示 的雷雨天气的图标。那首先我们要从它的背景止损开始。现在我们给他 制作一个蓝色的背景选择文件新建。这里是这个花六百到五百分辨率， 七十二白色背景的这样一个画布。标题的名称改改为雷雨，如果需要效 果图参考，我们可以把效果图放在它的左上角，然后我们进来参考，我 们将效果图放在视图的左上角来进行参考。那接下来对背景的处理，我 们
21、选择雷雨对应的文档，找到他的背景图层，单击右侧的小锁按钮，就 会检索将背景图层转换为图层零。双击图层零打开图层样式，我们来制 作他的肺。有效果这类采用渐变解家的方式来制作它的渐变色，渐变色 参考的值左侧的参考值我们采用对应的浅蓝色这类参考职位七十三，一 百九十四，两百四十四对应的右侧的颜色参考值。我们采用了相对来说 要深一点的蓝色。这里的参考值为时一百三十八哈一百九确定采用线性 渐变不透明度一百角度九十构造一个由上至下，由深入浅的一个效果。 我们在这个背景上来绘制蓝色的雷电图标。关于这个不规则形状的图标 的绘制，那我们判断他的绘制方法应该是使用钢笔工具来绘制选择钢笔 工具。在上方选择形状填充颜
22、色设为白色，我们来绘制对应的图标。这 个图标看它拆分一下，它分成云朵和我们对应的闪电两部分。我们先来 绘制云朵。绘制的思路是先使用钢笔工具构造出对应的云朵的轮廓。这 里我们采用角点的方式来进行勾勒。我们可以单击的方式创建其中的转 折的锚点。最后回到起点闭合路径。接下来我们可以使用转换点工具， 将其中的小姐转为平滑点。从而实现我们取现的绘制。绘制完毕之后， 我们可以使用直接选择工具来调整他某些某点的位置，来调整整个云朵 的形状。由这里我们可以把这个矛盾往上挪，把左侧的这个锚点再往上 移一下。调整过程当中也可以使用直接选择工具，直接调整其中的方向 线，拉长方山县增加曲线弯曲的程度。调整好后，我们就
23、可以完成这个 云朵的绘制了。最后我们把云朵的底部的线条改成在同一水平线上的效 果。绘制完云朵后，我们来制作闪电的效果。首先需要会指出对应闪电 出现的镂空区域。这个镂空区域我们将在我们的组合形式中选择减去顶 层形状的模式来完成。这里首先我们还是先使用钢笔工具绘制做镂空的 区域。我们在这里可以通过在我们图层上进行单击创建锚点的方式来勾 勒出对应的闪电的轮廓区域。我们将在这个镂空区域进行操作。如果你 对你绘制的路径或行踪不满意的话呢，也可以使用直接选择工具。你们 要准。位置完毕之后，转换为我们对应的路径选择工具，选择整个路径。 然后通过剪切的方式选择云朵所在的形状，一进行三千完毕，默认的是 合并形状
24、，我们将它改为减去顶层形状就可以了，完成其中的打孔。接 下来我们来绘制对应的闪电图标，同样也是使用钢笔工具绘制的方法来 绘制闪电图标，闭合。如果对绘制的形状不满意，然后继续使用，直接 选择工具来调整它，双击选中其中的锚点，拖动它，调整它的位置。如 果需要对部分形状进行调整，我们也可以通过框选的方式选中其中的某 点，通过上下拖动的方式来调整。 他确认变换后转换到我们的路径选择 工具调整它的位置，微调可以使用我们键盘上的方向键来完成。绘制完 闪电后，我们可以对他的镂空的形状进行调整，使它符合我们对应的闪 电的走货。同样可以使用直接选择工具，选择对应的镂空部分，调整上 面的锚点位置。好，绘制完毕。如
25、果想要把闪电的形状组合到我们的云 朵当中，我们可以选择闪电的路径。同样使用剪切的方式，选择形状一 进行粘贴。这里将我们的组合模式改为合并形状就可以了。好，可以完 成我们对于闪电的绘制。通过本课的学习，我们掌握了钢笔工具，转换 点工具，直接选择工具和路径，选择工具的使用方法。那么在课后呢， 我们把其他的天气图标也一并绘制出来。绘制过程当中，我们可以充分 利用形状绘制以及形状的组合来完成图标的制作。今天的内容就到这里 了，我们下节课再见。实战 7：同学们好，经过前面的学习，我们掌握了基本形状和不规 则形状路径的绘制方法。今天我们要运用这些知识进行综合项目实战。 今天的任务是设计音乐 app 中的音
26、乐播放界面。同学们可以利用所学知 识来绘制界面中的各个元素。我们要来制作蓉效果图所示的。因为程序 的。音乐播放界面。那我们首先需要对整个界面的布局呢有所了解。在 这个界面的底部呢，是播放的控制按钮中间这一块是进度条，上方是收 藏下载等一些功能按钮在界面的中间偏上部位是模拟的音乐播放唱片旋 转的界面效果图。因此有一个圆形的唱片以及对应的播放头，再往上是 对应播放歌曲的名称作者以及返回县顶部是我们的状态来接下来我们来 制作相应的按钮。首先我们需要去打开对应的素材图，在素材中的准备 当中，已经将所有的背景见面以及状态来呢制作好了。接下来我们可以 在这个上面来绘制相应的图标。在绘制之前，我们跟刚。所开
27、展的效果 一样，也是借助于我们对应的辅助线，对整个界面呢做一个规划。所有 的页面内容将放在左右两跟辅助线中间，从上往下是预留对应的状态来 相应的标题来。然后从底部开始往上有预留相应的我们的播放按钮，播 放的进度控制，还有对应的收藏型等按钮。在页面居中的位置放置我们 对应的播放的唱片。好，规划好节过后，接下来来开始制作，从现有的 素材开始制作。打开素材后，我们找到了他的播放头，可以先把播放头 放进来。大家见他播放的界面可以通过拖动复制的方法将它拖动到我们 的界面当中，放在我们的中轴线上。接下来来绘制唱片的部分，唱片部 分比较简单， 它是一个圆形的区域， 它包括唱片背景唱片的黑胶点效果， 以及唱片
28、封面的图片效果。那在这里我们将使用对应的椭圆工具来进行 绘制。绘制的时候选择单色填充，我们选择一个较浅的灰色调设的时候第 13 页 共 18可以在做。测的灰色区域当中，选择一个较淡的颜色，作为我们胶片的 背景色来使用。 回到我们的画布中， 按住 shift 键，拖动绘制一个正源。 然后我们可以使用移动工具调整它的位置。它将出现在我们对应的页面 居中的位置上，我们对应的图层二是对应播放头，他将放在最上方椭圆 一我们把它叫做对应的唱片背景。 好，接下来我们对唱片背景进行复制， 制作黑胶点的效果，使用垦区加 t 自由变换。按住 alt+shift 键，可以 这个中心点为集中点进行放大，缩小我们缩小几
29、像素来更糟。他一个白 色的背景边框效果。开回车对黑鲷点效果呢，我们将给他使用图层样式 的方式进行颜色的叠加。这里我们勾选渐变叠加在叠加中，选择黑白渐 变，选择左侧的黑色颜色滑块到右侧单击复制一个相同颜色的滑块。我 们把左侧的颜色滑块的位置调整到二十五，把右侧的黑色滑块位置调整 到七十五，把白色滑块的位置调整到五十。同时我们把白色的颜色修改 一下，改为一个稍微偏深一点的灰色区。好，我们就以这种身份为基础 产生，让他产生一个光晕变化的效果。当然这些确定样式当中选择线性 渐变，这里可以调整他的角度。这是一个光照在焦点上的产生的光线变 化的效果。这里有个缩放值，可以缩小可以缩小他渐变的过程也可以放 大
30、。让他看到这个光线的散发出去的效果。这里我们选择一百二设置完 毕之后，我们在黑胶碟的基础上再次复制一个对应的原型，用来存放我 们对应的封面， 可以继续使用 ctrl+j 的方式复制一份。 将它进行以中心 点为知识点进行缩小，得到我们黑胶的轮廓，敲回车中心点的部分。我 们将用来制作它对应的封面选择文件打开选背景，导入一张背景图，拖 动复制到我们的画布中，关闭原素材。我们复制进来的图片的大小，使 它能够覆盖着我们中心的圆就可以了。 按回车键选中我们对应的图层二， 第 12 页 共 18这里作为我们的封面图，选中图层，单击右键，选择创建解禁门板，把 它作为我们黑胶碟的文本来使用。我们看不到效果呢，是
31、因为这里有了 对应的图层样式关闭，或者是单击右键清除掉上方的图层样式，就可以 开到我们这个坐在简介门板内的封面图效果了。你可以拖动它，调整它 的位置，好完成了对应的播放唱片的制作。我们可以把这些内容呢放置 在一个文件夹当中，选择播放头赤道在网上。啊，我们从播放头涂层艾 特 shift 的键一直选到唱片背景，并将这些内容放置在对应的组当中， 给主改个名字叫做唱片。这样可以使我们这个图层面板当中的图层结构 看起来更加清晰一点。 下方对应的状态图标以及我们善意对应的这几层。 作为我们的背景来用的图层，也可以放置在主当中，给他取个名字渐变 好。我们接下来继续来制作我们剩余的内容。在这上方我们要制作一个
32、 返回键，并且呢这里要有一个播放歌曲的名称和作者的名称。那我们可 以在这里使用文字。工具在输入歌曲的标题这里我们选择微软雅黑赖刺 激输入相应的歌曲名称。输完之后，我们在对应的字符面板当中，把他 的文字间的距离调整为零，调整我们对应的自己的大小，受移动工具拖 动调整它的位置。如果你觉得太紧凑，也可以也适当给他一定的文字符 进去。好，下面可以依此写下作者的名声。这边要有一个返回键，返回 键，我们没有现成的箭头，所以我们要来绘制。返回箭头绘制返回箭头 的时候，我们需要在上把它放到上方去。在我们的标题图层的上方，然 后我们来绘制对应的箭头。这里我们将使用直线工具来绘制，可以事先 先放大对应的视图来绘制
33、相应的箭头，选择直线工具粗细先使用次。然 后我们俩绘制一个较长的直线，这里的尺寸我们采用一个较容易记的旨 意。八十像素的宽度为例嗯，对应的直线的颜色应该改为对应的白色。 我们以白色来作为它箭头的展示颜色。好，接下来对我们绘制的形状。 ctrl 加 j 的方式复制一份复制一封。将他宽度改为他的一番更改为四 十，并对它应用对应的变形调整它的角度。我们做像逆时针方向旋转四 十五度角的操作。如果是设置中输入四十五，如果是逆时针，我们要输 入副词食物，应用它的变形，敲回车使用对应的移动工具，拖动它放置 到我们对应的横向直线的左侧。对拷贝再次做复制并应用变形，做对应 的垂直翻转应用， 拖动它拼凑出箭头的另
34、外一番构造出相应的建材效果。 那为了使整个形状当中的三个组成部分构成一个整体。我们这里可以使 用形状的组合方式进行组合。我们选择形状低拷贝二，然后利用路径选 择工具，选择相应的这个线段剪切，选择形状一拷贝图层三千到新专一 拷贝部分中所对应的形状的合并。接下来我继续使用路径选择工具，选 中箭头的两根弦上的线条使用权，劝劝 x 的方式剪切带选中形状，一进 行专线继续合并到行政。一最后可以把形状一改名为箭头，就完成了返 回箭头的制作。我们缩小视图来看一下，可能这个箭头有点大，我们可 以对它再次运用变形的方式去对他进行变形。这里我们要使用移动或选 的整个图层，对他进行大小的控制上回车。我们将对应的箭头
35、图层移动 到我们的返回键的部位，靠左顶到对应的辅助线上，并在我们文字的中 间做水平对齐操作。好这就是我们对应的返回键，做完了返回键。我们 接下来往下来做底部的对应的播放按钮。播放按钮的话呢包括。现在正 在播放庄桐中的暂停按钮，向后退的向前进的。那都是作为我们要求来 绘制的部分，我们先来绘制正中间的播放按钮。播放按钮，我们将使用 对应的椭圆工具来绘制，因为是线条轮廓性的图标，所以我们选择填充 色为透明色，使用相应的白色来进行描边。选择白色描边设计描边值为 二，在底部绘制一个正圆形，可以使用移动工具拖动它，调整它的位置。 移动的时候呢，要确保我们选中对应的箭头。如果你不好选，可以使用 平均价 t
36、的方式去选中他。这个我们这样作为我们的暂停按钮来用选择 暂停图层，使用准确的方式做变形。然后可以在这种情况下去投。动态 是可以达到一个比较方便的拖动过程。好放到我们的中线上，按回车。 接下来我们要在原型当中来绘制暂停键的图标，再警戒。我们可以使用 直线工具来进行绘制，选择直线工具。这里是指相应的粗细为四，用描 边值进行描边，然后我们来绘制，绘制的时候可以按一下鼠标左键再按 着 shift 的键去绘制我们对应的垂直线段绘制完毕后，可以使用我们对 应的路径选择工具。选中它并按住 alt 拖动复制出另外一根按住 shift 的键，选中两种路径，可以使他们做一个垂直居中的操作。操作完毕后， 我们可以使
37、用对应的移动工具，将他挪动到我们对应的圆圈中间。构造 他中间的暂停键的图标，缩小视图观察效果，完成了暂停键的制作。那 相同的方法我们可以去完成对应的其他播放控制的按钮的绘制。我们可 以把两个图层合并起来，放在一个组当中，叫他暂停。那把箭头和我们 的文字可以合并起来，更砸出一个标题组。就接下来我们再来绘制相应 的其他的控制按钮。我们继续可以对他来做相应的绘制，也可以将暂停 键进行拷贝，得到赛艇件拷贝的图层。我们把它改成后退。打开后退组， 选择对应的形状，一座形状一本修改我们放大视图来进行修改。使用路 径选择工具，选中右侧的这个线条，删除隐藏暂停键。我们可以看到这 个现在呢被我们删除掉了。接下来我
38、们还需要在他的右侧转换成一个三 角形的按钮。这里我们使用多边形工具，这里把边数改成三来绘制相应 的三角形。我们来做一个实心填充。所以我们这里选择白色描边的改成 无色，但这会之一的三角形。拖动它合并到我们对应的图层当中去，可 以调整一下它的大小，各抓出对应的后退标记。那我们选择后退组进行 复制，可以选择复制组，单击右键选复制组， ctrl+j 的方式都可以。我 们把后退拷贝改成前进，但其确定得到前进。在前进组当中，我们把整 个组选中使用水平发展的方式得到我们对应的前进组。好呃，接下来我 们把钱进组，整个组选中选择上方改为组，将整个组移动到我们的暂停 键的右侧。 可以在这里缩小他选择缩小我们锁定宽
39、高比， 缩小改为七十。 再继续想一些好改为他的六十应用，它的变换完成前进按钮的制作。那 我们用相同的方式去完成后退键的操作，选择组使用 conjunc+t ，你可 以也可以先应用它的变化。我们百乘六十应用变换并拖动整个主挪动到 我们对应的暂停键的左侧。然后我们下面再做一个对应的循环播放键的 按钮。循环播放件呢，我们将使用一个循环的标记。这里我们采用一个 圆角矩形的方式来进行绘制。在圆角矩形有较大的背景，我们使用描边 方式进行绘制，绘制一个用于循环播放的椭圆。对相应的椭圆图层进行 对相应的椭圆图层添加图层蒙板使用我们的选框工具，把对应的椭圆的 右上角步右上角部分选中填充对应的黑色。这样就完成了这
40、个部分的隐 藏。那我们在这个图层的上方，我还要需要增加一个循环的箭头箭头， 我们这里继续使用对应的多边形工具来绘制。那我们绘制一个三角形。 艾特 shift 的键也可以帮助大家快速的定位这个三角形的区域。我们可 以对他进行操作，我们修改它改为对应的白色填充，可以利用我们对应 的移动工具，将三角形拖动到椭圆顶部这一端调整他的位置。然后使用 文本工具 t 在里面输入文字，比如说循环一调整自己的大小，这样我就 完成了对应的循环按钮的制作。同样我们把这三个图层选中放置到对应 的组当中，修改组名，找循环播放。好拖动整个组跟我们其他的按钮构 造一个对齐的关系。调整按钮之间的间距。最后呢再来绘制一个链表的
41、按钮列表。按钮呢它是有原因和对应的线条构成。我们可以选文本工具 的方式在这里输入对应的圆点就英文句点。好，来代替他，选中他。选 中对应的去点图层，然后调整它自己的格式。这里我们选加粗的格式来 进行设置。行距改为十。如果需要要调整到更大，也可以在这里把他的 指甲大好调整好高度之后，我们在对应的据点右侧输入对应的横线。这 里可以使用直线工具来进行绘制。 同样使用描边两点的方式来进行绘制， 把粗细改为二绘制出一根直线，可以调整它的位置。这里我们可以使用 对应的移动工具来调整它。 在使用路径选择工具选中， 他可以按住 out 键 进行拖动复制的方式，绘制出另外两根 id shift 的键。将这三根线段
42、 选中，在上方设定他对应的 i 高度均匀分布，调整它的位置。位置好之 后，我们可以将整个形状和据点一起选中放置在组当中，构造出对应的 列表，使用移动工具，选择组的方式选中它进行拖动。调整好之后，我 们把对应的列表前进，循环播放，后退暂停这五个组全部选中采用一个 全部选中采用垂直居中的方式调整他的在垂直角度上的对齐关系，并做 均匀的分布。好，调整完毕位置外顶部的播放控制按钮。接下来我们来 绘制相应的播放进度条， 播放进度条会处在对应的中间。 这个辅助线上， 我们继续使用直线工具，这就可以把粗细稍微改大一像素从左至右绘制 对应的播放进度条不会转完毕之后，我们可以把中间的这个线条删掉， 观察他在这个
43、播放进度条上，我们再使用对应的椭圆工具选择填充色为 白色绘制一个较小的椭圆。用它来表示我们对应的播放位置，可以按住 shift 的键的方式绘制一个正圆摆放。相应的位置上好，可以使用路径 选择工具，选中它，拖动调整它的位置。因为我们大概模拟它播放到一 半的位置吧。好，再使用文本工具在左侧和右侧输入对应的时间可做就 可以了。这里我们采用对应的输入对应播放到小时零二分五十八秒首英 文输入的方法，输入选中对应的文字组成，放到我们播放进度，挑战左 侧调整字体的大小。利用相同的方法，我们复制一份将它放置到我们对 应的右侧，用来模拟时间的总长度。修改一下。假设我这首曲子的长度 是六分零二秒。修改完毕，缩小视
44、图观察效果，播放净土会转完之后， 我们可以在上方位置他的其他的选项按钮，如我们可以来制作一个收藏 按钮。收藏按钮的话，这里我们可以使用它对应的自定义形状来绘制。 选择自定义形状后，从中选择爱心到我们对应的画布中来进行绘制。绘 制的时候，我们继续使用呃，秒变为两点，没有填充色的方式来绘制。 那我们可以在我们可以在旁边先绘制一个较大的爱心，然后使用对应的 转换点工具去删掉他对应上面的可以熊转换点工具， 删掉对应的方向线， 使用删除锚点工具，删除掉爱心上的两个锚点，就完成了收藏按钮的位 置。使用唇线夹 t 的方式将高度稍微调整一下，这就完成了我们的收藏 按钮。在使用腾讯 gt 缩小，我们可以把整个形状挪动到底下来。第 21 页 共 18