官方微信 手机客户端

澳洲ABC

搜索
查看: 1714|回复: 4

[后期制作] Photoshop教程:如何从图中提取色彩

[复制链接]

3

主题

3

帖子

30

积分

新手上路

Rank: 1

积分
30
发表于 2014-12-29 14:34:34 | 显示全部楼层 |阅读模式
  刚接触ps技术的朋友都会对ps色彩提取感不知所措,很多时候都是靠自己的感觉走,然而久而久之会发现,其实在选择色彩的时候是有一些技巧的。下面就从下面的作品上调出配色技巧,有需要的朋友不妨阅读一下。
  一、怎样提取合适的色彩
  主要用到PS中的一个功能:存储为WEB所用格式
  快捷键:Ctrl+Shift+Alt+S
  如图(点击图片查看大图)
1.jpg
  这里分成2个步骤
  1. 找图
  关键步骤,确定自己想要的风格,找大量的符合风格要求的图片,进行筛选和对比,选出符合自己要求的几张图片开始色彩的提取。
因为这次没有明确的风格和方向,我从佳作欣赏里找了一张色彩丰富,精神状态积极向上,尺寸超大(选图片是尽量找到大尺寸的图,提取色彩时颜色会很正)的图片开始咱们的教程,Galaxy S4自带壁纸。
2.jpg
  2. 提取颜色
  把选中的图片放入PS中,点击存储web所用格式”(如果没有色彩非常合适的图,可以在PS里适当的调整颜色再进行颜色提取)。格式宣威png-8,色块选择8(数字越大色块越多,视自己要求而定)
在颜色显示区域就会留下8种颜色(按照在画面中所占的单位面积程序自动筛选),点击颜色区域右侧的下拉按钮,会找到存储颜色表。把它存储到桌面上或者你容易找到的地方。然后用PS打开,色板中会显示刚才提取到的颜色。
3.jpg
  3. 颜色提取成功:3种色相的8种颜色
  是不是非常简单,大家感受一下,马上进入第二部分。

 二、提取到的色彩怎样应用
按照咱们第一步提取的颜色做了一个美俏风格改进版的页面(里面的内容可以无视,都是替代文字)
4.jpg
光说颜色的话,这个话题还真不好说,因为最终要出的是呈现内容的页面的内容,是让图形、文字、色彩相互协调,而不是做排列颜色的色谱。所以就牵扯到框架布局和内容展示层级的问题,当然我们今天只说色彩,想知道更深层次的ps技巧可以去现在最专业的软件培训平台“秒秒学”观看与学习。
5.jpg
  这个页面和现在的主流网站框架差不多,从上到下主要分为三个部分,导航区域、banner、内容区。
  具体颜色应用为:
  导航文字及logo的颜色为最浅的蓝色。
  banner区域既大背景,这里用了咱们开始的图片。上边的大标题logo则用了最深的蓝色。
  内容区域出现的提取带的三个色相的色彩,如果只是排列剩下的几个颜色的话,颜色会很冲,完全不能接受。所以找了几张图片用来过渡颜色,调整画面的节奏。现在看来效果好不错,内容区域的文字颜色与导航文字一致,都是最浅的蓝色。
  内容区域的几个按钮并没有用提取的颜色,而是白色叠加然后调整出透明度来的
这个技巧还望大家灵活运用,如果单纯靠机器程序的话,自己的感觉依旧很难找。如果你真的对设计感兴趣的话请不要忘记多看,多练,多想,多将脑海的想法已自己的形式表现出来,也可以去交互式软件培训平台秒秒学进行专业的学习与巩固。希望这个ps教程能帮到你!





上一篇:看不够的瑞士马特宏峰18图
下一篇:如何简单操作PS让照片更漂亮

0

主题

6911

帖子

6913

积分

江湖老手

Rank: 6Rank: 6

积分
6913
发表于 2015-7-3 03:48:01 | 显示全部楼层
不错不错!
回复 支持 反对

使用道具 举报

13

主题

1万

帖子

1万

积分

江湖老手

Rank: 6Rank: 6

积分
11226
发表于 2015-9-5 03:25:08 | 显示全部楼层
好吧,
回复 支持 反对

使用道具 举报

13

主题

1万

帖子

1万

积分

江湖老手

Rank: 6Rank: 6

积分
11179
发表于 2015-10-2 05:47:30 | 显示全部楼层
路过,过来看看
回复 支持 反对

使用道具 举报

0

主题

1万

帖子

1万

积分

江湖老手

Rank: 6Rank: 6

积分
11006
发表于 2015-11-14 03:54:05 | 显示全部楼层
路过,过来看看
回复 支持 反对

使用道具 举报

发表回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

联系客服 关注微信 下载APP 返回顶部 返回列表