注:此教程为英翻教程,软件操作不娴熟的小伙伴儿,谨慎尝试哦。翻译不足之处或者有错别字,自行脑补一下哦。
步骤1
打开一个新文档,让我们先从背景开始。取矩形工具(M)并绘制600 x 400 px的矩形,然后用所示的径向渐变填充它。在外观面板中,打开弹出菜单,然后选择添加新填充。保持相同的渐变,然后进入“效果”菜单>“艺术”并应用“胶片颗粒”效果。将混合模式设置为正片叠底,将不透明度降低到50%。
步骤2
现在,使用“圆角矩形”工具,在画板上单击并输入显示的值。使用指示的颜色填充圆角矩形,然后转到“效果”菜单>“风格化”,并使用下面的设置应用“内部发光”效果。
步骤3
选择矩形后,转到“效果”菜单>“风格化”>“阴影”,然后如图所示设置值。您将在底部获得一个稀疏的高光。
对于顶部的离散高光,请返回“效果”菜单>“风格化”,然后再次应用“阴影”效果。您将收到一条警告消息,但请继续并选择“添加新效果”,然后如图所示设置值。
步骤4
接下来使用圆角矩形工具,在画板上单击并输入指示的值。用黑色填充新矩形,然后将其选中,然后从“对齐面板”(“窗口”菜单>“对齐”)中选择“水平对齐中心”和“垂直对齐中心”。
现在,使用椭圆工具(L)并绘制一个小圆圈。用所示的径向渐变填充它,然后将其放在较小矩形的右侧。这只是为了装饰。
步骤5
再次使用圆角矩形工具并绘制另一个矩形。将其在较小矩形的左侧对齐,并用所示的线性渐变填充。从现在开始,我将这种形状称为加载矩形。
步骤6
接下来,在外观面板中选择加载矩形的“填充”属性,然后转到“效果”菜单>“样式化”,并使用显示的设置应用“外发光”效果。
步骤7
用绿色笔触加载矩形,然后将权重设置为0.5 pt,然后在“笔触面板”中选择“将笔触与外部对齐”。将混合模式更改为柔光,但仅将描边属性更改为柔光,并将其拖动到填充属性下方。
步骤8
选择加载矩形后,在外观面板中打开弹出菜单,然后选择“添加新填充”。使用显示的渐变,然后转到“效果”菜单>“路径”>“偏移路径”,并应用一个负2.5像素的偏移值。将此“填充”属性的“混合模式”设置为“滤色”,因为这样黑色就变得透明了。接下来,在“外观”面板中仍选中此“填充”属性的情况下,转到“效果”菜单>“风格化”>“羽毛”并应用3像素半径。
步骤9
再次选择“添加新填充”并使用第5步中的渐变。在外观面板中选择此新“填充”属性后,转到“效果”菜单>“模糊”,并使用如下所示的设置应用“径向模糊”效果。将混合模式设置为彩色减淡,并将不透明度降低到40%。最后,将最后一个Fill属性拖动到外观面板底部,即可完成加载矩形的操作。
步骤10
现在,使用椭圆工具(L)并绘制具有所示尺寸的两个椭圆形状。按照图像的顺序排列它们,蓝色椭圆在顶部,然后选择它们,然后从“路径查找器面板”中单击从形状区域减去>展开。
将结果形状放置在加载矩形的右端,并用绿色填充。在上方添加一个新的填充并将填充颜色更改为浅绿色,然后转到“效果”菜单>“路径”>“偏移路径”,并应用一个负1.5像素的偏移值。最后一步是转到效果菜单>模糊>高斯模糊,并应用2像素半径。
步骤11
让我们继续加载滑块。取圆角矩形工具并绘制一个具有所示尺寸的矩形。接下来,转到“效果”菜单>“扭曲”>“充气”并应用8%的垂直失真,然后从“对象”菜单中选择“扩展外观”和“取消分组”。现在,返回“对象”菜单>“路径”,并使用“添加锚点”选项两次,以使三个点位于顶部。使用直接选择工具(A)仅选择中间的一点,然后将其向上移动,如图中所示。
用所示的线性渐变填充获得的形状,并将角度值设置为90度。转到“效果”菜单>“样式化”,然后应用“阴影”效果以在底部获得黑色阴影。对于顶部的高光,请使用显示的其他设置再次应用“阴影”效果。
取打字工具(T)并使用Myriad Pro Semibold(大小为15磅)键入“ 50%”。从对象菜单中选择展开,然后选择绿色作为填充颜色。接下来,转到“效果”菜单>“风格化”,并使用显示的设置和相同的绿色应用“阴影”效果。最后,将加载滑块放在加载矩形的尖端下方,进度条已准备就绪。
步骤12
您可以通过选择其他颜色以及一些小的调整来创建其他进度条。从较小的加载矩形(25%)开始,然后再次执行前面的步骤,因为所有设置均保持不变,仅更改三个渐变和笔触颜色。另外,取决于为外发光效果选择的颜色(在这种情况下为黄色,在下一种情况下为粉红色),不透明度值可能会有所不同。此处设置为100%。
对于加载矩形的尖端,您可以复制已制作的矩形,然后只需更改显示的颜色即可。这次键入“ 25%”,然后再次执行步骤11,以完成加载滑块。将指示的黄色用作填充色,也可用于阴影效果。
步骤13
这是粉红色的版本。更改渐变和颜色,如加载矩形所示。
对于加载矩形的尖端,然后对于加载滑块和粉红色进度条已准备就绪。
支持就完成啦!
评论列表(0条)