效果图

AI+PS怎么制作Adobe Animate CC 2019启动界面效果

打开Ai,新建画板,然后用矩形工具画一个矩形,暂时给一个描边色。

AI+PS怎么制作Adobe Animate CC 2019启动界面效果(1)

复制出多个矩形出来。

AI+PS怎么制作Adobe Animate CC 2019启动界面效果(2)

把这些矩形组复制出来一份放到一边后面用,然后选择一个合适的字体轮廓化以后调整其尺寸以及位置。

字体用常见的微软雅黑粗体。

AI+PS怎么制作Adobe Animate CC 2019启动界面效果(3)

选择画板上的数字和矩形组,执行路径查找器-分割。

AI+PS怎么制作Adobe Animate CC 2019启动界面效果(4)

取消编组以后,可以先用魔棒工具选择画板上的背景矩形组删掉。

AI+PS怎么制作Adobe Animate CC 2019启动界面效果(5)

然后再次把刚才复制出来的矩形组放到画板上锁定充当背景和参考。

AI+PS怎么制作Adobe Animate CC 2019启动界面效果(6)

框选数字8的一半删掉。

AI+PS怎么制作Adobe Animate CC 2019启动界面效果(7)

以每一个矩形为单位将分割出来的图形进行垂直对称。

AI+PS怎么制作Adobe Animate CC 2019启动界面效果(8)

最中间的就不用进行对称处理。

AI+PS怎么制作Adobe Animate CC 2019启动界面效果(9)

如果把数字的对称后的部分用镜像工具垂直复制拼合起来,就已经完成了远看是数字近看不太像的视觉效果了。

AI+PS怎么制作Adobe Animate CC 2019启动界面效果(10)

进行一些字型的调整,效果-变形-鱼形。

AI+PS怎么制作Adobe Animate CC 2019启动界面效果(11)

同样还是以每一个矩形为单位来执行鱼形工具。

AI+PS怎么制作Adobe Animate CC 2019启动界面效果(12)

AI+PS怎么制作Adobe Animate CC 2019启动界面效果(13)

选择对象进行调整。将对象进行扩展,然后用平滑工具去盘一下锚点,使其圆润一点。

AI+PS怎么制作Adobe Animate CC 2019启动界面效果(14)

AI+PS怎么制作Adobe Animate CC 2019启动界面效果(15)

中间的对象给一个风格化-圆角。

AI+PS怎么制作Adobe Animate CC 2019启动界面效果(16)

用镜像工具垂直复制拼合出另外一半。

AI+PS怎么制作Adobe Animate CC 2019启动界面效果(17)

取消背景的锁定,把描边取消掉。

AI+PS怎么制作Adobe Animate CC 2019启动界面效果(18)

图层面板中先释放。

AI+PS怎么制作Adobe Animate CC 2019启动界面效果(19)

然后另存为psd文件。

AI+PS怎么制作Adobe Animate CC 2019启动界面效果(20)

在PS里操作,先简单的对背景和数字分组处理一下。

AI+PS怎么制作Adobe Animate CC 2019启动界面效果(21)

给背景添加图层样式,添加了斜面和浮雕、内发光以及投影。

AI+PS怎么制作Adobe Animate CC 2019启动界面效果(22)

再把图层样式复制给其他的背景矩形。

AI+PS怎么制作Adobe Animate CC 2019启动界面效果(23)

给一个斜面与浮雕的图层样式。

AI+PS怎么制作Adobe Animate CC 2019启动界面效果(24)

然后把复制给其他的对象图层。

AI+PS怎么制作Adobe Animate CC 2019启动界面效果(25)

也可以盖印出来一个略微的调色一下。

AI+PS怎么制作Adobe Animate CC 2019启动界面效果(26)

AI+PS怎么制作Adobe Animate CC 2019启动界面效果(27)

AI+PS怎么制作Adobe Animate CC 2019启动界面效果相关文章:

无相关信息
观看视频教程AI+PS怎么制作Adobe Animate CC 2019启动界面效果的二维码 扫码关注微信公众号