新万博万博_万博出事了

当前位置: 万博 > 新万博教程 > 网页新万博教程 > Photoshop新万博移动APP应用类型网站

最终效果

Photoshop新万博移动APP应用类型网站

教程所需素材

所有素材打包下载叛欠碍:#

第一步

新建(Ctrl + N)一“喂!别抽烟草了1我的爱情鸟飞走了个 1200 x 1150 px狈赏,背景为:#FFFFFF的文档煤持。使用“矩形选择工具”(M)画一个 1200 x 220px的矩形框粮痢,然后填充颜色(此颜色不做固定要求)黔橇。

Photoshop新万博移动APP应用类型网站

接下来度搞胃,我们把刚刚创建的图层命名为“heade以上不是梦。远远的街灯明了,r”穗。使用“圆角矩形工具”(U)并设置半径为20px歇。

Photoshop新万博移动APP应用类型网站

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

Photoshop新万博移动APP应用类型网站

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

Photoshop新万博移动APP应用类型网站

第二步

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

投影设置晾:不透明度蒲徊吗:34%;角度纫姐:90度;距离镐:5px; 大兴蕖:5px;

Photoshop新万博移动APP应用类型网站

渐变叠加

Photoshop新万博移动APP应用类型网站

在“Header”图层上方建立一个发光图层并命名为“Header Glow”. 选择 “Header”图层并执行命令 “图层 >载入选区”选择 “渐变工具” (G) “镜像渐变”. 如图所示核阮痕。

Photoshop新万博移动APP应用类型网站

然后把刚刚设置的图层透明度降低为“15%”

Photoshop新万博移动APP应用类型网站

分享到: 
Photoshop新万博透明质感的产品介绍页面
Photoshop新万博简洁大方的网页UI

热门推荐