龙虎娱乐官网

当前位置: 首页 > 龙虎娱乐城 > 网页龙虎娱乐城 > Photoshop设计移动APP应用类型网站

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

最终效果 Photoshop设计移动APP应用类型网站 教程所需素材 所有素材打包下载:http://urlxf.qq.com/?JRbqE37 第一步 新建(Ctrl + N)一个 1200 x 1150 px,背景为:#FFFFFF的文档。使用“矩形选择工具”(M)画一个 1200 x 220px的矩形框,然后填充颜色(此颜色不做固定要求)。 Photoshop设计移动APP应用类型网站 接下来,我们把刚刚创建的图层命名为“header”。使用“圆角矩形工具”(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

热门推荐

我要评论

龙虎娱乐官网qy8千亿国际手机版qy6千亿国际娱乐开户武松娱乐城
优发娱乐官网齐乐娱乐优发娱乐官网梦之城娱乐
优发娱乐官网qy8千亿国际手机版qy6千亿国际娱乐开户梦之城娱乐
龙虎娱乐官网龙虎娱乐平台龙虎娱乐城武松娱乐城
优发娱乐官网齐乐娱乐优发娱乐官网梦之城娱乐