Ps野教程:Ae初体验 用Ps+Ae山寨一个网易云音乐播放界面吧!

接连分享了好多篇Ai的内容,2群里面已经有童鞋吵着让分享Ps的内容了:

嘛~主要是我最近没有找到合适的Ps题材。

倒不是没有童鞋问过Ps方面的问题,只是大家知道野郎作图是属于兴趣使然。

自己觉得好玩,才会感兴趣,感兴趣才会去好奇,才会去研究学习。

例如野郎一直很喜欢使用的音乐App网易云音乐:

它的这个唱片我就非常喜欢。(ps:大爱万能青年旅店!)

所以今天我们就用Ps来制作一个网易云音乐App播放界面的样机,并且首次尝试用Ae让它动起来吧!

新建画布,可以选用预设好的尺寸,我这里就选择1080*1920:

为了方便观察,先随意的填充一个颜色,然后先画唱片吧。

在合适的位置先画一个黑色的正圆:

然后双击调出图层样式,选择径向渐变,渐变类型选择为杂色,粗糙度大家可以看着调。

然后将RBG左侧的三个滑标移到最右边并且勾选选项中的限制颜色和增加透明度:

点击随机化,选择一个自己觉得比较合适一点的纹路,然后降低渐变的不透明度:

再给唱片来点质感吧,选择形状工具,把圆形的填充色改为渐变。

至于渐变色大家其实可以凭自己的感觉来,我这里是选择的从000000到1d1b1b到000000到1d1b1b再到000000的渐变,角度试着来:

再画高光,形状工具画一个透明到白色到透明的矩形:

ctrl+t自由变换,鼠标右键选择透视:

将矩形变换成如图交叉的形状,并且调整其整体的位置:

将其转为智能对象以后,执行滤镜-模糊-高斯模糊,参数大家看着办:

再将混合模式改为柔光,这样高光的样式基本上也就做好了:

把他们打个组,将之前的圆形复制出来一份拖到组的外面,并且在图层面板上鼠标右键-清除图层样式:

ctrl+t自由变换缩放到合适的大小:

接着就是制作样机部分了,拖入CD封面素材,将其转为智能对象:

将其复制2份出来,1份隐藏,另外一份拖到背景层的上面:

背景层上的CD封面ctrl+t变换其大小,然后执行滤镜-模糊-高斯模糊,参数大家看着办吧:

你想和原图一样给背景再调色搞暗点也可以,我这里偷懒就不调了。

然后把红色方框出的封面对下方的圆形创建剪贴蒙版:

再将最上方的专辑封面更名为样机按钮,并将不透明度和填充度改为0,这样样机部分就做好了:

可以测试一下,双击样机按钮,更换一张图以后,ctrl+s保存:

再回到原psd文件上看看,封面和背景就已经被替换了:

查漏补缺一下,原图唱片应该还加了个外发光:

接着画杆吧,两个圆形,一个灰色一个白色:

再用钢笔工具画杆,不赘述了,注意描边大小:

再画两个圆角矩形:

接下来添加一些细节,给杆以及两个圆角矩形添加图层样式-斜面与浮雕,参数大家看着来:

给大圆添加外发光:

再画两个装饰,方法不赘述啦,实在不会看源文件吧:

杆画完以后打个组,统一加一丢丢投影:

大体就差不多了,剩下的一些图标想画就画吧,不想网上找图标也可以。

Ps画确实太麻烦了点,所以我是用Ai画了拖进去的,不过画的也不怎么样。

然后加点文字之类,最后大概这个样子:

因为我们后面要做动图,这里的进度条组先复制出来一个,后面会用到:

接下来打开Ae,把psd文件拖进去,选择的类型如图:

大家知道,野郎的老牛机能力有限,我们就暂定把视频动画都设置为4秒吧。

在项目面板里找到唱片底座,然后选中高光,在变换里选中旋转,然后鼠标右键添加关键帧:

将滑标移动到4秒的位置,然后将旋转的角度改为360度旋转一周,高光如果你觉得过于明显可以调整它的不透明度噢:

同理在项目面板里找到网易云,然后把cd封面旋转一周,这里就不赘述了:

接下来双击红色方框出的进度条拷贝组:

选中椭圆对象,点击变换-位置添加关键帧,调整好关键帧的时间后,用移动工具将椭圆移动到进度条的最右边:

再选中矩形对象,在效果和预设里搜索填充,然后修改一个填充色:

然后选中矩形对象中的变换-缩放,分别在0秒和4秒的地方打上关键帧,把0秒关键帧的缩放数值改为0:

选中进度条对象组:

将椭圆隐藏:

这样基本上就搞定了,过程中你可以不断的预览效果,以免出错。

把它直接成gif格式吧,选中对象以后,执行合成-添加到Adobe Media Encoder队列。

当然,前提是你得先把Adobe Media Encoder安装上:

启动Adobe Media Encoder后,稍等片刻队列中就会出现你的对象了,点击红色方框处:

将格式改为动画gif,然后你可以修改自己想要导出的尺寸和时间,点确定:

再来点击红色方框出的图标渲染即可:

这里野郎只是分享一下Ae直接导出gif的方法,不过这种导出来的gif通常体积都很大。

我是选择的导出视频以后再用Ps创作帧动画的方式弄的。

最后来看看效果吧:

手贱又把它弄长了点加了点音乐,老牛机还是挺争气的:



undefined_腾讯视频

好了,今天的分享就到这里。

第一次用Ae搞视频,只能弄些简单的动画,尺寸好像弄得不太好,不管啦!

等老牛机升级以后再慢慢研究吧!

想要练习的童鞋后台撩我获取所有源文件吧!

本文由“野鹿志”发布

转载前请联系作者“马鹿野郎”

私转必究

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,921评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,635评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,393评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,836评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,833评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,685评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,043评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,694评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,671评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,670评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,779评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,424评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,027评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,984评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,214评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,108评论 2 351
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,517评论 2 343

推荐阅读更多精彩内容