江苏11选五开奖结果
当前位置: 江苏11选五开奖结果 > 设计教程 > 网页设计教程 > Photoshop设计移动APP应用类型网站

广东十一选五走势图:Photoshop设计移动APP应用类型网站

江苏11选五开奖结果 www.dfl1y.cn 最终效果

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

教程所需素材

所有素材打包下载://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; 大?。?px;

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

渐变叠加

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

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

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

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

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

分享到: 
Photoshop设计透明质感的产品介绍页面
Photoshop设计简洁大方的网页UI
  • 联播快讯:俄罗斯世界杯国际广播中心启用 2019-04-24
  • 印巴首次同时参加上合 日媒:是时候认真看待了 2019-04-19
  • 法意因难民接收问题掐架!马克龙这句话让意大利彻底怒了 2019-04-06
  • 怒江贡山成立全州首支僧人志愿消防队 2019-04-06
  • 端午假期全国迎客8910万人次 传统文化活动受青睐 2019-04-04
  • 介休交警为企业职工送平安 2019-04-04
  • 便道汛期被淹学生上学遇阻 来凤老伯坚持背娃过河40年 2019-03-29
  • 吉利连续五年携手韩红 助力“百人援宁”行动 2019-03-28
  • 诗经中的“簧”长什么样?石峁遗址出土的骨制口弦琴告诉你 2019-03-28
  • 顺义农村娃坐上安全校车 2019-03-22
  • 人民日报社习近平新闻思想理论研讨会发言摘编 2019-03-22
  • 黄山市今天将有一次大到暴雨 20日起梅雨到来 2019-03-13
  • I动19运动习惯养成大赛 2019-03-13
  • В Пекине закрылась первая сессия ВСНП 13-го созыва 2019-03-12
  • 专家谈当前市场预期 信心持续攀升预期比较乐观 2019-03-12
  • 417| 381| 930| 37| 769| 813| 198| 475| 526| 211|