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

上海时时乐中彩网: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-03-19
  • 新时代迎来新峰会(钟声) 2019-03-12
  • 【学习时刻】中央党校徐浩然:把“人民”二字镌刻在党的旗帜上 2019-03-12
  • 世界杯打破孤立预言,开启俄罗斯荣耀时刻,普京献词“地球盛会”——感受足球的力量……巩固世界和平,促进相互了解。 2019-03-07
  • 个人信息保护的政府监管模式探析 2019-03-07
  • 中国城市信用建设高峰论坛 2019-03-05
  • 中关村科技公民论坛创新全民科学素质建设 2019-03-04
  • 美国的目的是获取朝鲜的利益,以退为进,或声东击西,是完全可能的,美国不可能放弃自己的利益让朝鲜安然的 2019-03-04
  • 精打细算会过日子 这三款小型SUV保养很便宜 2019-02-26
  • 冰川旅行地中国国家地理网 2019-02-26
  • 吕梁:临县青塘“粽叶香”非遗艺术节开幕 乡土节目很吸睛 2019-02-21
  • 张德江:着力加强重点领域立法,完善以宪法为核心的中国特色社会主义法律体系 2019-02-21
  • 香港山西商会胡晓明会长一行在右玉县考察“旅游+”项目 2019-02-20
  • 数说版 “获得感”是种什么感?数数民生“大红包”! 2019-02-20
  • 北京进入旅游旺季 警察提示游客需防揽客者连环设套忽悠购物 2019-02-17
  • 136| 642| 738| 962| 87| 252| 819| 635| 546| 958| 596| 410| 849| 383| 911|