当前位置:首页>ps入门教程>ps基础教程>技巧教程>教程内容

Photoshop提图片取色彩及应用的技巧(2)

来源:PS梦工场 作者:佚名 学习:5707人次

二、提取到的色彩怎样应用

按照咱们第一步提取的颜色做了一个Metro风格改进版的页面(里面的内容可以无视,都是替代文字)。先感受下。。。

Photoshop从作品中提取色彩及应用的技巧

单纯说颜色的话,这个话题还真不好说,因为咱们最终要出的是呈现内容的界面,让图形、文字、色彩相互协调,而不是做排列颜色的色谱,所以就牵扯到框架布局和内容展示层级的问题。

Photoshop从作品中提取色彩及应用的技巧

这个页面和现在的主流网站框架差不多,从上到下主要分为三个部分,导航区域、banner、内容区。

具体颜色应用为:

导航文字及logo的颜色为最浅的蓝色。

banner区域既大背景,这里用了咱们开始的图片。上边的大标题logo则用了最深的蓝色。

内容区域出现的提取带的三个色相的色彩,如果只是排列剩下的几个颜色的话,颜色会很冲,完全不能接受。所以找了几张图片用来过渡颜色,调整画面的节奏。现在看来效果好不错,内容区域的文字颜色与导航文字一致,都是最浅的蓝色。

内容区域的几个按钮并没有用提取的颜色,而是白色叠加然后调整出透明度来的

这个技巧还望大家灵活运用,如果单纯靠机器程序的话,自己的感觉依旧很难找。如果你真的对设计感兴趣的话请不要忘记设计师的三多:多看、多想、多练,看到,理解,通过自己形式表现出来。

 

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
青春、一个梦2020-04-13 12:55
青春、一个梦2020-04-13 12:52
  亦无白??2019-01-02 02:00
赞一个
北漠无言幻如雪[emoji:00b0]2019-01-02 10:03
必须支持
5638412019-01-02 08:56
必须支持
美丽傲娇女2018-05-31 04:46
点赞
向北走2017-05-28 04:02
想来学习,新手上路
毒龙1代2017-05-28 11:35
看得云里雾里
shine2017-05-28 10:59
看得云里雾里,朩有看明白,明天继续学习。

关注大神微博加入>>

网友求助,请回答!