Entries by andy

PS调色方法简介

在Photoshop中,调色是主要功能之一,无论是绘图、修图、设计、效果合成等,都离不开调色。 调色的工具和方法技巧也多种多样,根据不同的情况选择最佳的调色方式不仅可以提高工作效率,也能增加作品的质量。一般情况有以下几种调色方法: 选区选填色(基本填色); 画笔补色(较少用); 图层混合(较少用); 调色工具(最常用)。 一 选区填色 利用工具(选框工具、魔棒、形状工具、钢笔工具、通道等)确定具体的选区,在选定的区域中填充适合的纯色、渐变色,使选定区域的颜色达到预定效果。 二 画笔/铅笔补色 用画笔涂抹目标区域使之达到预想效果。这种方法在实例中用得最少,所以也容易被忽略,其实在修图时,某些细微的地方使用铅笔工具补画出来,得到的效果足以让人惊讶。 三 图层混合 使用软件自带的图层混合模式功能,配合使用透明度,使多个图层叠加得到预想效果。 四 调色工具 使用调色工具改变目标颜色至预想效果。Photoshop中调色的工具多种多样,最常用的有曲线、色阶、色相/饱和度、色彩平衡、通道混合器、可选颜色等,多种工具结合使用,可以使画面得到预想不到的美妙效果。 通常每种方法不会单独使用,都是结合起来使用,各种技能技巧也是由此而来,具体情况具体选择,就看软件使用熟练程度。

CorelDRAW中调和工具的应用技巧

使用corelDRAW中调和工具可以制作出多种多样的效果,每一种效果的制作又有不同的制作方法,大致分为以下几种: 1.    基本调和 首先还是从简单运用开始,如下,画一个蓝色填充,红色轮廓线的椭圆,双击,选中旋转中心点拖至底部,如下: 执行“安排>变形>旋转”,设置旋转角度为15度,连续点击“应用到再制物件”按钮23次,得到24个 椭圆组成的图案,全选,点击组合,得到如下右边图形: 点击上面右边图形同时单击右键,复制一个,改变其填充和轮廓线颜色,缩小50%,如下图右边: 选择上面两个图形,先后按C键、E键使其中心点与前面图形的中心点对齐, 现在对这两个图形使用调和工具,调和步骤设置为10,可以得到如下图案: 2.    调和成不规则渐变填充 先绘制出如下左边两个曲线图形,外面的填充白色,里面的填充粉紫色,如下右图: 选择调和工具,点击里面的粉紫色图形,拉向外边的白色图形,设置调和步数为20,得到下图: 双击,选中旋转中心点拖至底部, 执行“安排>变形>旋转”,设置旋转角度为45度,连续点击“应用到再制物件”按钮7次, 得到如下图形: 再绘制一个渐变圆放至其中心,即可得到花朵: 还可以多复制几个花朵,改变颜色并稍作变形,可以得到一个简易花盆: 怎么样,还不错吧^_^ 3.    线条调和成强空间感的变换线条 a.    天使翅膀 绘制一根线条和一个椭圆,其位置关系及形状如下: 使用调和工具,点击线条拉向椭圆,可以得到如下图形: 复杂一个对称形即得: 还算像一对翅膀吧^_^简单易得! b.    立体走廊 制作一个大矩形填充黑色作为背景,再绘制一个正方形白色边框无填充,稍稍倾斜,再复制一个,适当缩小,如下图: 使用调和工具点击大正方形拉向小正方形,得到下图: 此时还不具备很强的立体感,可以设置调和工具的“对象与颜色加速”属性,如下: 向左拉动滑块至适合位置,可得到如下图所示图形: 再使用贝塞尔工具,沿着调和图形边角绘制几条轮廓线,如下: 立体感是不是很强了?继续绘制更多线条,使其成为真正的“空间走廊”,如下: 此时效果即可以直接应用到设计中了。 CorelDRAW中调和工具

CorelDRAW中调和工具的本质

在平面设计领域,photoshop也许拥有无可比拟的图像处理功能,形、色、质感、光影效果均可以做到非常完美的程度,但正因为其功能强大,工具种类也随之变得多种多样,因此软件操作起来也变得复杂,各种技能技巧也是多不胜数,使得许多初学者望而却步。相比之下,corelDRAW软件来得要简单易学得多,虽然corelDRAW没有强大的图像处理功能,但其排版功能和图形制作功能比photoshop要简单实用很多,形成其独有的特性和优势。因此在行业内使用corelDRAW的人也不在少数。本文就着重讲解corelDRAW中的一种重要的造型工具——调和工具。 其实corelDRAW中有许多实用的造型工具,但喜欢并熟练用CorelDRAW绘图的人肯定会爱上其中的调和工具,因为用好调和工具,可以制作出贝塞尔等一系列绘图工具无法做到的漂亮的图形,而且快速方便简洁,如下图几种图形: 上面的图形看似复杂,倘若用贝塞尔工具去绘制,不仅耗时耗力,还不一定能得到如此好的效果,其实使用调和工具很快就可以实现,主要就看软件应用熟练不熟练了。要掌握好调和工具的使用方法,可以先从简单的应用开始,以如下两个简单图形为例,探索一下调和工具的独特之处: 选中调和工具,点击矩形,按住鼠标不放,拖到椭圆上,得到如下左边图形,我们可以看到,不仅图形从矩形逐渐变化成椭圆,颜色也一起演变,将调和步骤改成4,更容易看到这种演变趋势,如下图右: 由上我们可以看到,调和工具的本质实际上是对两个不同的对象,将其中一个的所有属性逐步改变成另一个对象属性的过程。 实际上当非常熟练使用CorelDRAW软件后还会发现,调和工具不只是对两个简单图形可以调和,对复杂图形照样也能进行调和;而且参与第一组调和的图形,同时可以参与到第二组调和,即同一个对象可以多次参与调和。 有了以上知识,巧妙运用调和工具就会发现,原来许多只有Photoshop等软件才可以做到的不规则填充效果,在CorelDRAW里照样可以实现! 下一节将具体讲解调和工具的使用技巧。

AI绘制锥形渐变

在图形绘制中,渐变色是比较重要的一种填充工具,特别是金属一类的表面光滑的物体,恰当的使用渐变色,可以增加物体质感及逼真程度。常见绘图软件(CorelDRAW、Adobe Illustrator、Photoshop等)都自带有渐变填充工具,渐变填充一般分为:线性渐变、径向渐变、锥形渐变(也称角度渐变)、菱形渐变等,其中前三种是最常用的渐变。 熟悉使用AI的朋友都知道,AI里面只自带了线性和径向两种渐变,并没有常用的第三种锥形渐变,如下图: 那么,如何在AI内制作如下图的锥形渐变? 方法其实很简单,也很实用,现与大家分享如下: 1、先绘制一个矩形,任意填充一种线性渐变,可以多使用几种颜色(为后面改变锥形渐变颜色方便),但首尾两种颜色必须一样,保证锥形渐变过渡自然,如下图: 2、再绘制一个2色径向渐变填充的圆(2色是为了减少网格,方便后面操作,单色填充不能实现锥形填充效果,具体原因说实话,我也不知道),如下图: 3、对径向渐变圆执行“对象>扩展”命令,具体选项设置如下图: 4、在图层面板中我们可以看到多了一个编组对象,由剪切路径和网格组成,如下图: 5、选择剪切路径,删除,得到下图: 6、剩下的网格由内圆和外圆组成,使用直接选取工具(A)选择内圆上任一节点,按Del键删除内圆,得到下图: 7、同时选中圆和前面画好的线性渐变矩形,执行“对象>封套扭曲>用顶层对象建立”命令,即可得到如下锥形渐变填充图形: 上面制作好的锥形渐变填充有两种方法可对其进行编辑,改变它的渐变颜色,分别表述如下: A.    直接使用“编辑内容”命令 选中制作好的锥形填充圆,点击AI界面上部的“编辑内容”按钮,如下图: 在渐变面板中即可对其颜色控制节点进行编辑,此时跟常规渐变填充类似,就不多表。 B.    使用“重新着色”工具 这种方法不能直接编辑,先进行如下操作:选中制作好的锥形填充圆,再次执行“对象>扩展”命令,如下图: 再删除“剪切路径”,得到下图: 选中此时的锥形填充圆,点击“重新着色”按钮打开重新着色面板,点击“编辑”,如下图示步骤: 上面右图面板中颜色控制节点与左上角色块是一一对应的,可以单独对某一种颜色进行改变,也能同时改变所有颜色,“重新着色”功能具体应用此处就不细讲,现随意编辑得到以下几种颜色: 怎么样,不算复杂吧,熟练了也就一两分钟的事情,比借助其他软件来实现要快多了,效果也更佳。

AI 中绘图小技巧

在绘图软件领域, Adobe Illustrator 可谓是一方霸主,其多样的工具,不仅可以轻松绘制各式各样的图形,甚至有延伸到3D的趋势,本人甚是钦佩。运用多年,稍有心得,现略举一二,分享分享。 Illustrator 中有一种自定义画笔的功能,绘制复杂的旋转对称形特别有效,不仅简单,而且非常容易。用一种基本型,再定义不同的艺术画笔,就可以画出千变万化的旋转对称形,如下列图形: 上面几个图形实际上就是由一种基本型加上不同艺术画笔描绘出来的,现在将其制作步骤详解给大家,如下: 1、  绘制出一个如下基本形, 方法:先绘制一个正圆,绿边无填充,用剪刀工具剪开其一个节点(如果是闭合图形,不剪开,后面用混合工具将不会均匀变化),选中该正圆,右键点击选缩放,填30%,点击复制即可。再使用混合工具,双击,选“指定步数”,填2,即可得到如上基本形; 2、  绘制如下图形, 方法:绘制一个矩形,大小按需设定,选择右侧两个节点,按ctrl+alt+J平均节点,默认为“两者兼有”,得到三角形,再往右复制两个即可。 选中该图形,在艺术画笔里面点击新建,在新建画笔对话框中选中“新建艺术画笔”,得到艺术画笔,如下图 3、  将得到的艺术画笔拖放到上面的基本形上,即可得到图一。 按照以上步骤即可得到图二、三、四,它们对应的艺术画笔分别为: 需要强调的是,艺术画笔只能针对线条、边框进行编辑,画笔图形大小会影响最终的图形,所以需要按情况设定。灵活运用艺术画笔,可以轻松绘制许多各式各样的图形,使你的作品多姿多彩。

PS中图层混合模式的应用

在PS中,我们可以通过不同工具多种方法来获得自己想要的效果,但对一个熟练使用PS的高手来说,在获得效果的同时,还必须考虑最优方法,提升工作质量和效率。所以,选择一个快速达到预想效果的方法才是关键之举。 不可否认,ps处理图片和合成效果的强大能力在平面设计领域是其他软件无法比拟的,特别是其图层处理方式,运用得好,几乎可以合成一切想要的效果。这里仅对图层面板自带的图层混合模式进行实例分析。 打开photoshop,在图层面板的图层混合模式选项卡,我们可以看到软件自带了许多种混合效果,其合成原理在我前面的文章里已有简说,此处仍以最常用的“正片叠底”和“滤色”进行举运用。 如下两图: (图一) (图二) 要将图一更改为图二效果,直觉上有两种方法: 1、  选出文字; 2、  键盘输入文字。 第一种方法可行,但因为文字线条很细,很难精确选出来,故达不到理想效果; 第二种方法可以达到很好的效果,但先打出文字再调整格式,绝对是事倍功半之举。 现在我们使用图层混合模式,可以快速达到理想效果,步骤如下: 1、 用photoshop 打开图片,ctrl + J复制一层“背景副本”,在“背景副本”下面新建一层“图层一”,填充黄色,如下图: 2、  选择“背景副本”,将“背景副本”去色(ctrl + shift + U),图层混合模式改为“正片叠底”,按ctrl + M打开曲线,调整使文字突出变得更加清晰,如下图: 3、  在最上面新建“图层二”,填充红色,图层混合模式改为“滤色”,搞定。 由上看出,此种方法不仅简单高效,而且非常灵活,“图层一”可以自由控制底色,“图层二”可以任意改变文字颜色,绝对是上上之选。

Photoshop中图层混合模式全解

相信玩photoshop的人,都知道图层面板中有一个“图层混合模式”选项。为当前图层选择不同的混合模式,可以跟下面可见图层合成许多不同的效果。但是大多数人当中,对于图层混合模式的原理,却一知半解。 事实上,图层混合模式就是一种简单的数学运算。下面我将列举计算公式,并以实例演示运用,希望可以加强大家对图层混合模式概念的理解。 ========================================================== 定义:白色色彩值=1,黑色色彩值=0,A 为色彩值,A=像素值/255,0≤A≤1 设 A 为当前图层图像像素的色彩值,B 为下层图像像素的色彩值,混合结果图像像素色彩值为 J,则各种混合模式计算公式如下: 1、叠加:  J=2*A*B,(B≤0.5);J=1-2*(1-A)*(1-B),(B>0.5),上层决定了下层中间色调偏移的强度: A=0.5,结果将完全为下层像素的值,即J=B; A<0.5,则下层的中间色调将向暗部偏移; A>0.5,则下层的中间色调将向亮部偏移。 2、变暗:J=B(B≤A);J=A(B≥A),通过比较上下层像素后取相对较暗的像素输出 3、变亮:J=B(B≥A);J=A(B≤A) ,通过比较上下层像素后取相对较亮的像素输出 4、正片叠底:J=A*B,将两层像素的标准色彩值(基于0~1之间)相乘输出,其效果可形容为两个幻灯片叠加在一起然后放映,透射光需要通过两个   幻灯片从而被削弱了两次 5、滤色: J=1-(1-A)*(1-B),将两层像素的标准色彩值分别反相后,相乘再反相输出 6、颜色减淡: J=B/(1-A) 7、颜色加深:J=1-(1-B)/A 8、线性减淡: J=A+B ,将上下层色彩值相加,结果更亮 9、线性加深: J=A+B-1 ,如果上下层像素之和小于255,即A+B<1,输出为纯黑色 ========================================================== 为了让大家更好的理解这些公式,现用最常用的两个混合模式进行举例:正片叠底、滤色。 正片叠底:J=A*B 分析: 上层图像为白色,即像素色彩值 A=1,则 J=B,结果为“上层白色区域完全透明,显示为下层图像”; 上层图像为黑色,即像素色彩值 A=0,则 J=0,结果为“上层黑色区域仍为黑色,显示为黑色”; 滤色: J=1-(1-A)*(1-B) 分析: 上层图像为白色,即像素色彩值 A=1,则 J=1,结果为“上层白色区域仍为白色,显示为白色”; 上层图像为黑色,即像素色彩值 A=0,则 J=B,结果为“上层黑色区域完全透明,显示为下层图像”; 灵活运用这两个混合模式的特性,在抠图实战中还可以起到事半功倍的效果,这是题外话,此处不表,以后另述。

网页banner广告的几种设计技巧

在网站开发项目中,页面效果设计是首当其冲的一环,除非是一些大项目,客户一般不会给设计师太多的时间。所以,如何在短时间内设计出好的效果图,搞定客户,便成了设计师的重要问题。解决这一问题的有效方法之一便是设计出精致简单的banner广告添加到页面适合位置,增加页面亮点。下面是几种常用的banner广告设计技巧,稍稍整理出来以供大家分享。 1. 主题明确 广告设计最好是一副图片表达一个主题,主题之外的元素尽量做到最简,以突出主题,让人第一时间识别广告含义,内容繁多的广告画面往往不被访问者接受。 2. 关键字突出 表达广告意图的关键字要突出显示,让用户第一眼就能知道我们想要做什么,有什么活动,或者商品有多少优惠等等,其他信息则要弱化处理。 3. 构图符合阅读习惯 人类视线一般是从左到右、从上到下的浏览习惯,所以构图时一定要考虑到这个问题,如下图: 如下不可取: 4. 短时间内产生点击欲望 我们一般浏览网页时视线基本就是一扫而过,对感兴趣的内容注意力也就集中几秒钟,所以过场化形式化的东西就不要放上去了,直奔主题是最好的选择,并搭配鼓动人心的词句即可。 5. 色彩适宜 通常很多广告借助“亮”色来吸引眼球,但实际上可能会起反作用,太过亮丽的色彩会让人感觉刺眼、甚至产生反感,所以应该尽量采用比较柔和友好的色彩更合适些。 6.信息数量不宜过多 其实这点还是跟第1点一样,还是强调“主题”,因为banner尺寸有限,过多的信息或者过多的产品数量会让人分不清主次,容易产生视觉混乱,从而让访问者产生反感。 取产品局部特征图,同时配合宣传语,简洁明确,易于识别 产品数量过多,没有亮点,页面堆的太满 7. 留白 按广告设计习惯,适当的留白可以收到事半功倍的效果,切忌画面太满。

网页工作原理

自从Internet诞生以来,其发展速度之迅猛前所未有,越来越多的公司或者个人都在网络上建立了自己的网页和站点,而且在可预见的未来里,将会有更多的人利用网络来开展自己的工作甚至改变自己的生活。虽然有如此之多的人每天都在浏览网页,或者设计网页,但是网页是如何显示在浏览器上的?是通过什么原理进行工作的?能回答这两个问题的人却并不多。下面说一说几种常见的网址输入格式不同的网页的基本原理。

网页设计标准之“不过三”

从事网页设计也有些时日了,颇有一些心得,与之前的平面设计比起来,网页设计更多的强调了功能性和结构性。下面是自己常用来设计网页的一些标准,记录下来与大家共同分享。