播放器制作,用PS加AE制作一个“山寨”网易云音乐播放界面(3)
再画两个圆角矩形:
接下来添加一些细节,给杆以及两个圆角矩形添加图层样式-斜面与浮雕,参数大家看着来:
给大圆添加外发光:
再画两个装饰,方法不赘述啦,实在不会看源文件吧:
杆画完以后打个组,统一加一丢丢投影:
大体就差不多了,剩下的一些图标想画就画吧,不想网上找图标也可以。
Ps画确实太麻烦了点,所以我是用Ai画了拖进去的,不过画的也不怎么样。
然后加点文字之类,最后大概这个样子:
因为我们后面要做动图,这里的进度条组先复制出来一个,后面会用到:
接下来打开Ae,把psd文件拖进去,选择的类型如图:
大家知道,野郎的老牛机能力有限,我们就暂定把视频动画都设置为4秒吧。
在项目面板里找到唱片底座,然后选中高光,在变换里选中旋转,然后鼠标右键添加关键帧:
将滑标移动到4秒的位置,然后将旋转的角度改为360度旋转一周,高光如果你觉得过于明显可以调整它的不透明度噢:
同理在项目面板里找到网易云,然后把cd封面旋转一周,这里就不赘述了:
接下来双击红色方框出的进度条拷贝组:
作者公众号:
学习 · 提示
- 一定要打开PS,跟着教程做一遍,做完的图到这交作业: 提交作业
- 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
- 教程有看不懂的地方,可以到论坛发帖提问: 新手求助
- 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
- 关注我们学更多,每天都有新教程: 新浪微博 抖音视频 微信小程序
- d) return false;this.setAttribute('overtime', d + 5000)">上传作业
- 教程提问
- 素材在哪
相关教程
- 果冻动画,用PS制作Q弹的果冻动画
- 下雨效果,通过PS制作唯美逼真的下雨动态效果图
- 动态照片,用PS制作那种“动”起来的“Cinemagraph”类型照片
- 动画教程,用PS做一个李小龙武术动态图
- 融合动画,用PS制作一个融合效果的动态图
- 融合动图,做一个图形融合效果的图片
- 动图教程,用PS制作一款动态风景照
- 动图教程,用PS制作一只萌萌哒动态小飞机
- 烟花效果,用PS制作烟花绽放GIF动画效果
- 融合动画,用PS中的动画功能制作液体融合的效果
推荐教程
- [IR动图教程] Imageready蝶恋花 动画制作教程
- ps设计平板电脑应用程序动画模拟
- 动图技巧,分享三种调整GIF动图的方法
- 教你如何用PS做动画签名图片
- 动画图片,怎么把视频做成GIF图片
- 动图教程,用PS制作一款动态风景照
- 动画教程,制作环绕旋转动画效果
- [IR动图教程] 【为美女林志玲制作眨眼效果。】
- Photoshop打造唯美雨景动画
- 3D效果,利用TIKUWA软件制作3D立体效果
关注大神微博 加入>>
-
PS教程:运用蒙版做Gif动画
-
入门教程!新手学做Photoshop动画制作必看
-
PS叠加素材做动画物效
-
动画海报,教大家如何截取视频制作成动态海报教程
-
[IR动图教程] 精灵动画签名制作..。
-
ps霓虹灯文字
-
动图教程,制作唯美的冬季下雪动图效果
-
PS教程:运用蒙版做Gif动画