首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

AI邮件提醒图标

注:此教程为英翻教程,软件操作不娴熟的小伙伴儿,谨慎尝试哦。翻译不足之处或者有错别字,自行脑补一下哦。

步骤1

Ctrl + N创建新文档,如图设置。

步骤2

使用矩形工具(M),创建一个200x125px的形状,用下图所示的线性渐变填充它,然后转到效果>样式>圆角。输入10px半径,单击确定,然后转到对象>展开外观。

步骤3

重新选择前一步所做的形状,并在前面复制(Ctrl + C > Ctrl + F)。使用矩形工具(M),创建一个220x95px的形状,用R=119 G=154 B=99填充它,并按第二张图片所示放置。专注于这个绿色矩形的顶部,切换到直接选择工具(A)。选择两个锚点(在第二张图片中突出显示),然后转到对象>路径>平均(Alt + Ctrl + J)。选中“两个”按钮,然后单击“确定”。这应该把你的绿色矩形变成三角形。选择它与步骤开头的副本一起选择,打开路径查找器,然后单击交叉按钮。最后,你的绿色形状应该像第四张图片。

步骤4

编辑>首选项>通用,并确保键盘增量设置为1px。选择前一步做的绿色形状,在前面做两个副本(控制+C>控制+F>控制+F)。移动到图层面板,选择底部副本,并使用键盘上的向上箭头向上移动2px。重新选择此步骤中制作的两个副本,然后单击路径查找器的减按钮。专注于结果形状,抓取删除锚点工具(-),并删除第三张图像中箭头指向的两个锚点。用最终图像中显示的线性渐变填充这个薄形状,然后将其不透明度降至15%,并将混合模式更改为乘法。渐变图像中的黄色数字(“55”)代表不透明度百分比。

步骤5

选择绿色形状,然后转到对象>路径>偏移路径。输入-1px偏移量,然后单击确定。选择结果形状,并在前面复制。选择此副本,并使用键盘上的向上箭头向上移动1px。重新选择此步骤中制作的两种形状,然后单击键盘上的减前部按钮。用下图所示的线性梯度填充结果形状。请记住,渐变图像中的黄色零代表不透明度百分比。

步骤6

重新选择第二步做的圆角矩形,在前面复制两个。选择顶部的副本,向上移动1px。重新选择两个副本,然后单击路径查找器减按钮。选择结果形状,将其带到前面(Shift + Ctrl + ]),用下图所示的线性渐变填充它,并将其混合模式更改为柔光。

步骤7

重新选择绿色形状,并将用于填充的平面颜色替换为下图所示的线性渐变。渐变图像中的白色数字(“50”)代表位置百分比。

步骤8

重新选择第二步所做的圆角矩形,并在前面复制。使用矩形工具(M),创建一个220x80px的形状,用R=119 G=154 B=99填充,然后按照第二张图片所示放置。专注于这个绿色矩形的底部,切换到直接选择工具(A)。选择两个锚点(在第二张图片中突出显示),然后转到对象>路径>平均(Alt + Ctrl + J)。选中“两个”按钮,然后单击“确定”。选择生成的三角形和步骤开头的副本,然后单击路径查找器中的“交叉”按钮。最后,你的绿色形状应该像第四张图片。

第9步

选择前一步做的绿色形状,在前面做两个副本。选择顶部副本,并使用键盘上的向上箭头向上移动2px。重新选择两个副本,然后单击路径查找器减按钮。

专注于结果形状,抓取删除锚点工具(-),并删除第三张图像中箭头指向的两个锚点。最后,用下图所示的线性渐变填充这个锐利的形状。

步骤10

重新选择绿色形状,并在前面复制两个副本。选择顶部的副本,向下移动1px。重新选择两个副本,然后单击路径查找器减按钮。用第三张图片中显示的线性渐变填充结果形状,将其不透明度降至50%,并将混合模式更改为柔光。

步骤11

重新选择绿色形状,并在前面复制。选择它,向下移动1px,然后复制它。选择第二个副本,向下移动1px。重新选择两个副本,然后单击路径查找器减按钮。用下图所示的线性梯度填充结果形状。

步骤12

选择绿色形状,在前面复制两个副本。移动到图层面板,选择底部副本,并使用键盘上的向下箭头向下移动1px。重新选择此步骤中制作的两个副本,然后单击路径查找器中的减按钮。专注于结果形状,抓取删除锚点工具(-),并删除第三张图像中箭头指向的两个锚点。最后,用下图所示的线性梯度填充这个锐利的形状,将其不透明度降低到10%,并将混合模式更改为乘法。

第13步

使用矩形工具(M),创建一个180x75px的形状,用R=173 G=149 B=116填充它,然后按照第一张图片所示放置。专注于这个棕色矩形的底部,切换到直接选择工具(A)。选择两个锚点(在第一张图片中突出显示),然后转到对象>路径>平均(Alt + Control + J)。选中“两个”按钮,然后单击“确定”。移动到图层面板,选择这个棕色三角形,将其不透明度降至15%,将其拖到绿色形状下方,然后转到效果>模糊>高斯模糊。输入4px半径,点击确定。

步骤14

重新选择绿色形状,并将用于填充的平面颜色替换为下图所示的线性渐变。

步骤15

重新选择第二步中所做的圆角矩形,然后转到对象>路径>偏移路径。输入-1px偏移量,然后单击确定。选择结果形状,并在前面复制。选择此副本并将其移动到左侧1px。重新选择此步骤中制作的两种形状,然后单击路径查找器中的减按钮。用下图所示的线性梯度填充结果形状。

步骤16

重新选择第二步中所做的圆角矩形,然后转到对象>路径>偏移路径。输入-1px偏移量,然后单击确定。选择结果形状,并在前面复制。选择此副本并将其移动到右侧1px。重新选择此步骤中制作的两种形状,然后单击路径查找器中的减按钮。用下图所示的线性梯度填充结果形状。

步骤17

选择第二步中制作的圆形矩形,打开外观面板,使用“添加新填充”按钮(由蓝色小箭头指向)添加第二个填充,并将其拖动到面板底部。继续关注外观面板,选择此新填充物,添加下图所示的复杂线性梯度,然后转到效果>失真和转换>转换。输入如下所示的数据,然后单击“确定”。

第18步

重新选择第二步做的圆角矩形,添加第三个填充,并将其拖到外观面板底部。选择它,将颜色设置为R=235 G=231 B=216,然后转到效果>失真和变换>变换。输入如下所示的数据,然后单击“确定”。

步骤19

重新选择第二步做的圆形矩形,加入两个,黑色填充,在外观面板底部拖动。选择顶部,黑色填充,将其不透明度降至5%,然后转到效果>路径>偏移路径。输入1px偏移量,单击确定,然后转到效果>失真和转换>转换。输入如下所示的数据,然后单击“确定”。选择底部,黑色填充,将其不透明度降至5%,然后转到效果>路径>偏移路径。输入1px偏移量,然后单击确定。

步骤20

选择椭圆工具(L),创建一个45px的圆,用如下图所示的线性梯度填充它,按第一张图片所示放置,然后转到对象>路径>偏移路径。输入-1px偏移量,然后单击确定。选择结果形状,在前面复制,并禁用Snap to Grid(View > Snap to Grid)。选择此副本并向下移动1px。重新选择两个较小的圆圈,然后单击路径查找器中的减按钮。用R=255 G=104 B=109填充结果形状。

第21步

重新选择前一步做的圆圈,转到效果>样式>下拉阴影。输入左侧窗口中显示的数据,单击“确定”,然后再次转到效果>样式>下拉阴影。输入右侧窗口中显示的数据,然后单击确定。确保仍然选中此圆圈,专注于外观面板,并添加1pt笔画。将它对齐到内部,并将颜色设置为R=135 G=30 B=45。

步骤22

选择类型工具(T),并添加如下图所示的简单数字。使用尺寸设置为22pt的“American Purpose”字体。选择这段小文本,专注于外观面板,并使用“添加新填充”按钮添加两个新填充。选择顶部填充并将其设置为白色,然后选择底部填充,添加下图所示的线性渐变,将混合模式更改为叠加,然后转到效果>路径>偏移路径。输入1px偏移量,单击确定,然后转到效果>样式>下拉阴影。输入下图所示的数据,点击确定。

步骤23

对于这些最后步骤,您将需要每1px一个网格。因此,转到编辑>首选项>指南和网格,并在网格线每个框中输入1。如果你不喜欢那个简单的圆圈,你可以很容易地用丝带代替它。专注于信封的底部、右角,并使用矩形工具(M),创建一个50x10px的形状,用如下所示的线性渐变填充它。放置如下图所示,然后转到效果>样式>圆角。输入5px半径,点击确定。选择此圆形矩形并将其发送回(Shift + Ctrl + [ )。

步骤24

使用矩形工具(M),创建一个40x65px的形状,用如下所示的线性梯度填充它,并按下图所示放置。

步骤25

重新选择前一步所做的矩形,然后转到对象>路径>添加锚点。切换到直接选择工具(A),选择顶部、中间锚点,并将其向下拖动15px。最后,你的形状应该像第二张图片。

步骤26

重新选择前一步所做的形状,聚焦于外观面板,选择填充,然后转到效果>翘曲>外壳上部。输入如下所示的数据,单击确定并返回外观面板。添加两个,黑色填充,并将其拖入外观面板底部。选择顶部,黑色填充,将其不透明度降至15%,然后转到效果>失真和转换>转换。输入如下所示的数据,然后单击“确定”。选择底部,黑色填充,将其不透明度降至25%,然后转到效果>路径>偏移路径。输入-1px偏移量,单击确定,然后转到效果>失真和转换>转换。输入如下所示数据,单击确定,然后转到效果>模糊>高斯模糊。输入2px半径,然后单击确定。

步骤27

重新选择前一步编辑的形状,聚焦外观面板,并使用“添加新笔画”按钮(由蓝色小箭头指向)添加两笔画。选择顶部笔画,使其宽1pt,使其与内部对齐,将颜色设置为R=135 G=30 B=45,将其不透明度降至80%,将混合模式更改为颜色燃烧,然后转到效果>经线>外壳上部。输入如下所示的数据,然后单击“确定”。选择另一个笔画,使其宽2pt,对齐内部,将颜色设置为白色,将其不透明度降至75%,将混合模式更改为叠加。

步骤28

最后,复制第二十二步中添加的一小段文本,并按下图所示放置此副本。

至此就完成了。

  • 发表于:
  • 原文链接https://page.om.qq.com/page/OoL0nInnbg9_Dt_L11X5gajw0
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券