PS设计教程网欢迎你!

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

文章来源于 飞特网,感谢作者 情非得已 给我们带来经精彩的文章!
设计教程/PS教程/动画教程2012-11-02
第九步:添加搜索框 1、在头部编组中新建一个编组,命名为搜索 2、用圆角矩形工具(U),绘制一个白色圆角矩形(圆角半径为50px),添加内阴影,渐变描边 3、添加灰色放大镜(颜色#ABABAB),文字,字体选Helvetica,颜色

第九步:添加搜索框

1、在”头部“编组中新建一个编组,命名为”搜索“

2、用圆角矩形工具(U),绘制一个白色圆角矩形(圆角半径为50px),添加内阴影,渐变描边

3、添加灰色放大镜(颜色#ABABAB),文字,字体选”Helvetica“,颜色 #ABABAB,字体大小16px

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

第十步:添加搜索按钮

1、用圆角矩形工具(U),绘制搜索按钮(圆角半径为5px)

2、添加文字

3、设置按钮的图层样式,渐变叠加,斜面和浮雕,描边

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

第十一步:ipad应用程序工具栏

1、用矩形工具(U),在ipad屏幕的底部绘制一个黑色长方形,命名为“工具条背景”,高度 50px,然后添加渐变样式

2、按ctrl+G编组,命名为“底部工具条”

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

第十二步:ipad 顶部状态栏

1、把编组“头部”,向下移动24px

2、在ipad的顶部状态栏 默认有 信号,时间,电池3个图标,打开纯色图标ipad_used.psd(本文素材中下载),把编组“顶部状态栏”,拖到ipad应用程序.psd中并且在图层“ipad”的上方

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

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