Photoshop设计移动APP应用类型网页黑色风格网站教程

最终效果

教程所需素材

所有素材打包下载：http://urlxf.qq.com/?JRbqE37

第一步

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

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

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

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