Photoshop设计移动APP应用类型网站
Photoshop设计移动APP应用类型网站
发布时间:2015-05-12 来源:查字典编辑
摘要:利用photoshop打造完美的APP'S网站。最终效果教程所需素材下载地址:http://urlxf.qq.com/?JRbqE37第一步...

利用photoshop打造完美的APP'S网站。

最终效果

Photoshop设计移动APP应用类型网站1

教程所需素材下载地址:http://urlxf.qq.com/?JRbqE37

第一步

新建(Ctrl + N)一个 1200 x 1150 px,背景为:#FFFFFF的文档。使用“矩形选择工具”(M)画一个 1200 x 220px的矩形框,然后填充颜色(此颜色不做固定要求)。

Photoshop设计移动APP应用类型网站2

接下来,我们把刚刚创建的图层命名为“header”。使用“圆角矩形工具”(U)并设置半径为20px。

Photoshop设计移动APP应用类型网站3

画一个950 x 60px 的圆角矩形

Photoshop设计移动APP应用类型网站4

命名圆角矩形图层“Navigation“。重新选择圆角矩形工具(U)然后在“Navigation“右上方再次拖出一个圆角矩形作为搜索框。把该层命名为 “Search”。

Photoshop设计移动APP应用类型网站5

第二步

选择 “Header” 图层 按照如下设置添加”图层样式“

投影设置:不透明度:34%;角度:90度;距离:5px; 大小:5px;

Photoshop设计移动APP应用类型网站6

渐变叠加

Photoshop设计移动APP应用类型网站7
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新PS入门实例教程学习
热门PS入门实例教程学习
ps子分类