PS设计教程网欢迎你!

Photoshop制作iPad应用程序动画模拟教程(5)

文章来源于 飞特网,感谢作者 情非得已 给我们带来经精彩的文章!
设计教程/PS教程/动画教程2012-11-02
第十六步:订阅栏标题 1、用圆角矩形工具(U),在阴影层上方,绘制半径为5px ,白色圆角矩形,名为订阅栏标题 2、用路径选择工具(A),选择右上角两个节点,向左移15px 3、添加投影 第十七步:订阅栏背景 双击图层订

第十六步:订阅栏标题

1、用圆角矩形工具(U),在”阴影“层上方,绘制半径为5px ,白色圆角矩形,名为“订阅栏标题”

2、用路径选择工具(A),选择右上角两个节点,向左移15px

3、添加投影

Photoshop制作iPad应用程序动画模拟教程

第十七步:订阅栏背景

双击图层“订阅栏标题”,设置渐变 (#BEBEBE – #FFFFFF),描边 白色 1px

Photoshop制作iPad应用程序动画模拟教程

第十八步:选项卡

1、复制图层“订阅栏标题”,图层颜色为#014373,描边 1px #016CB4,并右移 55px

2、再复制一次图层“订阅栏标题”,调整图层顺序,设置图层颜色为 #011A2E,描边 1px #0B4B79,并右移 55px

Photoshop制作iPad应用程序动画模拟教程

第十九步:新闻标题

添加订阅新闻标题,字体颜色 #034170

Photoshop制作iPad应用程序动画模拟教程

第二十步:加入图标

在订阅栏标题上加入"刷新",“定制”图标(从本文素材中下载),并给图标添加 渐变,投影样式

Photoshop制作iPad应用程序动画模拟教程

第二十一步:加入关闭图标

在订阅栏的右上角选项卡加入关闭图标,操作同上一步

Photoshop制作iPad应用程序动画模拟教程

第二十二步:为实现动画效果,添加蒙版

1、选择图标和文字层,按ctrl+G编组,名为“订阅栏标题”,选择其余的图层,按ctrl+G编组,名为“订阅栏背景”

2、在编组“订阅栏背景”上方,用矩形工具(U),绘制一个矩形,名为“蒙版”,大小为订阅栏的大小,设置图层的混合模式为“正片叠底”

Photoshop制作iPad应用程序动画模拟教程

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa