千锋UI学员课程笔记系列:icon设计教程

☞☞☞2019年千锋教育最新视频课程-速速收藏☜☜☜

1.打开【PS】新建400*400的画布,选择【圆角矩形工具】绘制圆角矩形,描边【8像素】圆角【10像素】【ctrl+T】右键选择【透视】选中右下角的锚点向内移动【确定】,具体如图所示。

  1. 选择【钢笔】绘制吸管,选中【圆角矩形2】选择【添加锚点工具】添加锚点,选择【直接选择工具】将多余的路径删除,选择【矩形】【描边选项】将【端点】改为圆角端点。具体如图所示。

 

 

 

 

 

 

  1. 选择【椭圆工具】绘制一个眼睛,填充为黑色,【ctrl+J】复制一个图层移动右侧,选择【椭圆工具】绘制脸蛋,填充【#ff9ba0】,【ctrl+J】复制一个图层移动到右侧,绘制一个椭圆【描边】【6像素】选择【直接选择工具】将右侧锚点删除,【ctrl+J】复制一个图层向下移动,具体如图所示。

 

  1. 新建一个图层【命名为背景】【ctrl+shift+[】将背景图层置于底层,【ctrl+delete】填充背景色,选择【图层样式】【渐变叠加】选择【#0a00b2】和【#ff0000】渐变。选择【圆角矩形工具】绘制一个360*360的圆角矩形,填充白色。选择【钢笔工具】【椭圆工具】绘制点缀。具体如图所示。

 

 

 

  1. 将文件整合并储存到一个位置中,具体如图所示

  1. 打开【AE】在项目面板双击导入做好的PS文件,选择【合成-保持图层大小】,双击图层具体如图所示。

 

 

 

 

 

 

 

 

 

7.选择【钢笔工具】沿着杯子下方绘制一个梯形填充颜色,命名为【蒙版】,选择【矩形工具】绘制一个矩形,命名为水,填充【#009CFF】选择【效果】【扭曲】【波形变形】调整波形高度【5】波形宽度【40】具体参数如图所示。

8.选择【水】图层,【ctrl+c】【ctrl+v】复制一层,调整上下位置,改变颜色为【#0066FF】选择【波形变形】调整参数波形高度【5】波形宽度【47】,具体如图所示。

 

 

 

 

 

 

 

 

9.选择【水】和【水2】右键选择【预合成】,将【预合成】图层放置到【预合成1】图层下方,选择蒙版图层的【TrkMat】【Alpha遮罩预合成1】具体如图所示。

 

10.选择【预合成1】图层按【P】把位置调出来,在0秒上给一帧并把预合成1图层调至合适的位置,具体如图所示。

 

 

 

 

 

 

11.再在1秒的位置给一帧并把预合成1图层向下移动看不见位置,具体如图所示。

 

12.选择【椭圆2】图层,按【S】把缩放调出来,在【0.4秒】位置给一帧并把缩放调至【0%】,在【0.6秒】的位置给一帧并把缩放调至【100%】。具体如图所示。

 

 

 

 

 

 

 

 

13.选择【椭圆1】把缩放调出来,在【0.6】秒的位置给一帧并把缩放调至到【0%】,在【0.8秒】的位置把缩放调至到【100%】。选择【椭圆3】把缩放调出来,在【0.8秒】的位置给一帧并把缩放调至到【0%】,在【1秒】的位置把缩放调至到【100%】。选择【形状1】把缩放调出来,在1秒的位置给一帧并把缩放调至到【0%】,在【1.2秒】的位置把缩放调至到【100%】。选择【形状2】把缩放调出来,在【1.2秒】的位置给一帧并把缩放调至到【0%】,在【1.4秒】的位置把缩放调至到【100%】.具体如图所示。

 

 

 

猜你喜欢

转载自blog.csdn.net/GUDUzhongliang/article/details/88125046
今日推荐