请问上海时时乐
当前位置: 请问上海时时乐 > 设计教程 > 网页设计教程 > Photoshop设计移动APP应用类型网站

上海时时乐178:Photoshop设计移动APP应用类型网站

请问上海时时乐 www.i7b7.com.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-05-23
  • 中央环保督察组:石家庄市无极县“敷衍整改” 2019-05-15
  • 五彩丝缠角粽 民族团结一家亲 2019-05-12
  • 鹿晗全新Remix专辑《Re:Play》发布 首支单曲全球上线鹿晗 专辑 2019-05-12
  • 英国新锐航母下水 将取代中国成为世界第二航母强国? 2019-05-06
  • 凤凰公映礼之《绣春刀2》 2019-05-06
  • 美军轰炸机威胁“摧毁南海岛礁” 中国怎么办? 2019-05-04
  • 回复@老老保老张工:各级计委啊!虽然有时候也征求企业的意见,但仅仅是作为制订计划的参考,权重微乎其微…… 2019-05-03
  • 【光明网专论】鞠立新:习近平新时代中国特色社会主义经济思想的内涵、逻辑和特质 2019-05-03
  • 图片故事:人民日报编辑部的一天 2019-04-29
  • 欢动市北 青岛CBD之夏足球啤酒狂欢节启幕(美图) 2019-04-29
  • 广电总局严控主持人资质 访谈节目禁用"嘉宾主持" 2019-04-26
  • 高温“烤验”,品读这些自带凉意的避暑诗词 2019-04-26
  • 珠海市香洲区:以居民需求为导向的“议治相济” 2019-04-20
  • 【记者直击】花莲地震已确认有两名失踪人员被困同一地点 2019-04-19
  • 72| 394| 442| 502| 39| 497| 76| 391| 62| 75| 729| 182| 343| 554| 770|