下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

提取图片中的色彩及应用方法

作者:在线学习     来源: www.kokojia.com点击数:1699发布时间: 2015-06-03 10:04:24

标签: PS抠图技巧PS教程视频photoshop基础教程

想学设计?来看看大师是如何完成作品的?

在PS抠图操作当中,想要一张图片摄取想要的颜色,要进行如下PS实例操作方法。

1、PS抠图技巧之怎样提取合适的色彩

 

  主要用到Photoshop中的一个功能:存储为WEB所用格式,快捷键:Ctrl+Shift+Alt+S,如图(点击图片查看大图):

 PS抠图技巧

这里分成2个步骤

 

一、 找图

  PS抠图技巧关键步骤,确定自己想要的风格,找大量的符合风格要求的图片,进行筛选和对比,选出符合自己要求的几张图片开始色彩的提取。

  因为这次没有明确的风格和方向,我从佳作欣赏里找了一张色彩丰富,精神状态积极向上,尺寸超大(选图片是尽量找到大尺寸的图,提取色彩时颜色会很正)的图片开始咋们的教程,Galaxy S4自带壁纸。

PS抠图技巧

二、提取颜色

  把选中的图片放入PS中,点击“存储web所用格式”(如果没有色彩非常合适的图,可以在PS里适当的调整颜色再进行颜色提取)。格式宣威png-8,色块选择8(数字越大色块越多,视自己要求而定)。

  在颜色显示区域就会留下8种颜色(按照在画面中所占的单位面积程序自动筛选),点击颜色区域右侧的下拉按钮,会找到”存储颜色表“。把它存储到桌面上或者你容易找到的地方。然后用PS打开,色板中会显示刚才提取到的颜色。

 PS抠图技巧

 

三、颜色提取成功:3种色相的8种颜色

  是不是非常简单,大家感受一下,马上进入第二部分。

 PS抠图技巧

 

2、PS抠图技巧之提取到的色彩怎样应用

 

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

 PS抠图技巧

 

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

 PS抠图技巧

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

 

特定的颜色应用如下:

导航文字和图案颜色最淡蓝色。

两个背景横幅区域,在那里我们开始用图片。首页头条的标志是蓝色最深。

三色调与出现,如果设置在其余情况下,只有几个颜色内容区域提取,颜色会是红色的,完全不能接受的。于是找到了过渡色了几张照片,调整屏幕的节奏。现在看来效果很好,文字颜色和导航一致的文本区域,是最淡蓝色。

几个按钮的内容区域,不使用提取的颜色,但白色覆盖,然后调整透明度来的。

 

以上的PS抠图技巧还希望课课家在线学习的学员们灵活运用,如果单纯靠机方案的话,我的心情仍然难以找到。如果你是在设计真正感兴趣,那么请不要忘记,以上三位设计师:看,想,多练,看明白了,通过自己的实践实操表现出来。

赞(12)
踩(1)
分享到:
华为认证网络工程师 HCIE直播课视频教程