当前位置:首页>ps实例教程>ps制作实例>广告包装>教程内容

Photoshop设计动态APP演示动画(2)

来源:uicn 作者:MartinRGB 学习:8244人次

步骤6

在128和220px水平参考线之间的区域创建选区,填充颜色和上一选区颜色一样。

然后在两个区域之间添加2px,不透明度80%的亮色的分割线。

Photoshop制作流畅的动态APP演示动画

步骤7

选择文字工具,添加分类。

为了暗示所选中的分类,所选中的分类要用粗体、亮色。

其他用普通粗细,暗色。

然后“杂志”复制一份,使用粗体+亮色,然后不透明度设置为0%,暂时隐藏

“首页复制一份”,常规体+暗色,不透明度设置为0%,暂时隐藏

Photoshop制作流畅的动态APP演示动画

Photoshop制作流畅的动态APP演示动画

步骤8

在菜单项的左右添加箭头,使用圆角矩形即可。

Photoshop制作流畅的动态APP演示动画

步骤9

背景填充为标题栏和菜单栏的颜色,确保背景图层处于GUI元素下方。

Photoshop制作流畅的动态APP演示动画

步骤10

在主题区域中,划出如下图选区,填充颜色#3f464e

Photoshop制作流畅的动态APP演示动画

添加图层样式,描边,内阴影,外发光。具体参数如下。

Photoshop制作流畅的动态APP演示动画

Photoshop制作流畅的动态APP演示动画

Photoshop制作流畅的动态APP演示动画

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!