本文作者:三岁教程网

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

三岁教程网 2022-11-08 00:00:00 97 抢沙发

效果图


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

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


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

复制出多个矩形出来。


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

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

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


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

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


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

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


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

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


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

框选数字8的一半删掉。


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

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


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

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


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

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


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

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


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

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


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


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

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


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


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

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


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

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


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

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


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

图层面板中先释放。


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

然后另存为psd文件。


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

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


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

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


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

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


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

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


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

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


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

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


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


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

文章版权及转载声明

作者:三岁教程网本文地址:http://ssjcw.com/?id=63536发布于 2022-11-08 00:00:00
文章转载或复制请以超链接形式并注明出处三岁教程网

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

评论列表 (暂无评论,97人围观)参与讨论

还没有评论,来说两句吧...