平面设计
位置:首页>> 平面设计>> Photoshop教程>> 关于图片索引色之Photoshop版

关于图片索引色之Photoshop版

作者:思扬 来源:思绪飞扬 发布时间:2009-05-21 17:46:00 

标签:Photoshop,ps,索引色

说到索引色,也许很多朋友都没有接触过这一块儿。

首先,我们要说,为什么要用索引色图片?我们在设计PC界面的时候,用的几乎都是真彩色,不受颜色的限制,可以直接生成PNG;或者BMP加一个透明色,由工程师直接透掉。可是,我们设计的域很广,我们不止要在PC机上做设计,还要在很多受限制的电子产品类上做设计,比如手机、数码相框、电视盒等等。这一类产品的蕊片不如我们的PC机的性能(当然,我说的也不是全部,有一些还是很高端),在这种类似的情形下,我们就需要牺牲一些绚丽的真彩色图片,而采用小而容易更换色盘的索引色图片。

我们要问什么是索引色图片,索引色图片是如何购成?索引,顾名思义,就是有一个东西在指索着它,而这个东西就是颜色表。说到颜色表,我们来了解一下较基础点的知识,大家知道,我们现在使用的图片格式,大至分为两类存储方式,一类点阵存储,计算机在存这一类图片的时候,对每一点存储的是位置和相对应的颜色值。像BMP、Png24、Tiff等图片格式都是采用这一种,这种图片的特点是颜色可以表现的很丰富,色感好,图片占用空间较大(png24采用了无损压缩技术,相对已经小了很多);另一类是在图片文件内包含了一个颜色表,计算机在存图片上的每一个点阵的颜色时,存储的是点阵的坐标和相对应的颜色表上的位置。Gif、Png8等采用的是这一种,这种图片的特点是图片占用空间小,可直接更换色盘来更换图片颜色风格,缺点受色盘限制,使用的颜色较少,不像真彩色可以把颜色表现的这么丰富。我们所说的索引色图片,其实就是第二类图片,我这么讲,不知道大家是否明白了呢?

索引色图片的制做方式。要做一个好的索引色图片,首先要设计一组好的色盘,注意,我说的是一组,不是一个,这一组色盘有统一的规格、颜色规律,以方便我们随时更换。(我们在刚开始做这一类图片的时候,就应该养成一个好的习惯,要为图片的扩展做好准备,所以我们设定的色盘一定要有规律,不能是杂乱无章的。)

先看一组我已经做好的色盘吧......

这是一组4位色的色盘,每一个总共16种颜色,其中第一个格里的颜色是要留做透明色用,所以,可用的颜色只有15种。由于每一款电子产品的设计模式都不同,有一些,在同一个界面内,是不能同时使用多个色盘的,当我们在设计这一类需求的色盘时,记得要留出字体颜色,所以我很习惯性的把每个色盘上都留有黑、白、灰的过渡色。色盘的制做模式很简单,只是有时需求不同,模式和规律比较难定,这就要在最开始做的时候,想的周全一些,因为后期色盘模式的修改将会是一件非常痛苦的事情。步骤如下:

一、随意新建一个PS空白文件;

二、图像菜单---->模式---->索引颜色,打开如下面板

0
投稿

猜你喜欢

  • 先上素材 1.打开素材图片,并打开通道面板把绿色通道复制一份,在复制的绿色通道里做如图1的选区(除纱以外的地方都选中)2.把选区填充白色,
  • 前面看到一个讨论的挺火的贴子是关于黑白照片上色的,总体来看都存在一些小问题。但是关于这种上色的理论联盟也有不少,各种方法也是百花齐放,但是为
  • 本教程介绍绚丽的效果制作方法。教程介绍有点简单,部分高光需要较多的时间去细化。只要把握好作者的思路基本上操作就比较容易。最终效果1、首先打开
  • 本教程的效果比较适合外景照片,这类照片比较有层次感,处理的时候先把背景部分柔化处理,再适当润色。然后用画笔及滤镜装饰一些梦幻元素即可。原图最
  • 这是一篇新写的教程,首发Blueidea,最近很忙,这篇教程写好后也搁置两三天了,不过由于之前已经整理好了,发上来也只是Copy Paste
  • 本教程作者调出的色调非常有层次感,用较暗的背景衬托出鲜丽的人物。再配上一些装饰翅膀及星星笔刷,效果显得非常梦幻。原图最终效果1、打开素材图片
  • Fireworks是网页原型和网页效果图设计利器,在最新的CS5版本中,新增了如下的功能:1、自定义笔刷,Fireworks CS5终于能够
  • 最终效果1、打开Photoshop并创建一个新文件。尺寸我用的1920×1200(像素),之后,选择背景层,打开它的混合选项,选渐变叠加,颜
  • 本教程效果有点怀旧的味道。图片色调以淡淡的灰色为主。画面看上去就干净很多。同时用黑色作为暗角,人物部分就显得非常突出。整体视觉效果非常不错。
  • 原文来自:AdobeTutorialz 翻译:S.ShekA detailed tutorial on how to create
  • PS合成--让阳光透过云层(这个教程,主要运用曲线来做出光的效果,所以要对曲线有一定的了解。)在本教程里,我将给大家展示,如何在一个阴雨的天
  • 图层样式可以说是Photoshop针对质感的专用工具了,在经过针对性的设置之后,所创造出的质感可以做到乱真的效果,它还可以隐藏某一或全部效果
  • 绚烂多彩的立体星星,红的,蓝的,黄的,紫的……那么,到底是怎样制作出来的呢?现在,就请大家随我一起,使用AI来学习一下吧~ 1.画出一个五
  • 粗糙的质感往往都由一些不规则的形状来组成的,立体感的构成也是由视觉观察到的平整、凸起或凹陷等部分构成,本案例就是一个典型的粗糙质感案例,通过
  • 本教程更重要的是介绍人物美化的思路和创意制作。教程中没有很详细的过程介绍,很多素材也没有提供。大家可以去网上下载相关素材。原图最终效果1、打
  • 本教程主要是通过可选颜色和图层混合模式来调色,不同的照片有不同的调色方法,调色的时候完全可以按照自己的习惯去调。效果自己满意就可以了!原图最
  • 质感表现之硬币质感首先在新图层制作出硬币的纹饰部分。首先载入纹饰部分的选区,对“背景”图层执行“通过拷贝的图层”命令。添加图层样式,“斜面与
  • 立体字的制作需要配合光源方位来渲染效果。先制作好文字的立体效果,方法有很多,注意好表面的高光机暗部的制作。然后再制作背景效果,再利用光照效果
  • 上次发的绿色网页教程反应不错 这次 再发一篇 算是新手教程吧photoshop制作色彩丰富的网页『psd源文件』作者:UCD博客 
  • 你说的是photoshop的”编辑-首选项“里面的设置吧不知道你用的哪个版本,不过也没关系,都是大同小异。在编辑-首选性里面其实重要的设置就
手机版 平面设计 asp之家 www.aspxhome.com