江苏十一选五预测
当前位置: 江苏十一选五预测 > 设计教程 > 网页设计教程 > Photoshop设计移动APP应用类型网站

十一选五369每天赚一千:Photoshop设计移动APP应用类型网站

江苏十一选五预测 www.qtprf.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
  • 美极了!苏州老人用4年时间建了一座“空中爱心花园” 2019-04-26
  • 夷陵区开展“关爱女性健康 助力精准扶贫”两癌免费筛查 2019-04-26
  • “归来仍是少年” 杭州举办侯宁油画展 2019-04-25
  • 江西居民年献血量从2吨增至128吨 2019-04-25
  • 白春礼、顾行发、贺泓谈“科学治理灰霾 促进绿色发展” 2019-04-25
  • 本文我也就是简单说说自己的看法,就算没有我文章里提到的那些纠纷及难度,从回收公司如何安排车辆到顾客家里回收就成问题.另外,总部建在哪,分布网点又建在哪难道工作 2019-04-24
  • 网络促销不得先涨价后打折 2019-04-24
  • 【理上网来·喜迎十九大】海外知名专家点赞中国五年来辉煌成就 2019-04-24
  • 新余市二单位6名领导干部被纪委通报 2019-04-23
  • 为超越而起舞(名师谈艺) 2019-04-23
  • 实干树形象 实绩惠民生——“两学一做”特别关注 2019-04-23
  • 新粤牵手心连心喀什绽放木棉花 2019-04-23
  • 安徽省投资集团控股有限公司 2019-04-22
  • 加入我们中国国家地理网 2019-04-22
  • 社区 —频道 春城壹网 七彩云南 一网天下 2019-04-22
  • 974| 322| 807| 819| 525| 555| 732| 827| 512| 462|