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

江苏十一选五走势图啊: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

热门推荐

  • 广州整治校外培训机构:禁止超纲教学等行为 2019-02-20
  • 定格——西部网图片频道 2019-02-20
  • 零关税后抗癌药降价为何“慢半拍”? 2019-02-20
  • 赵振民的专栏作者中国国家地理网 2019-02-19
  • 无论什么制度关键是配套措施要跟得上,权衡哪种方法更科学。 2019-02-19
  • 睡不着时数绵羊真的不靠谱?五招让你做个好梦 2019-02-18
  • 库恩:2017,站在历史长河中看中国这一年 2019-02-18
  • 最悲催的吃货:7年前花1万比特币买两个披萨现在值2亿 2019-02-17
  • 【三年决战奔小康】一封来自甘南精准扶贫户的感谢信 2019-02-17
  • 阿富汗塔利班不延长停火 停火期结束后将恢复作战 2019-02-17
  • 凯恩率“三狮军团”艰难战胜突尼斯 2019-02-16
  • 内地降关税 国际护肤品商称香港仍有优势 2019-02-16
  • 中国电视剧“抱团出海”(深聚焦) 2019-02-16
  • 2017年度湖北新闻奖新闻摄影复评结果公示 2019-02-16
  • 大零售渐入佳境 下半场转型倚重金融科技 2019-02-15
  • 963| 624| 708| 99| 549| 815| 786| 563| 486| 221|