推荐阅读

PS美化给森林人像照片添加魔法施法场景效果
这组片子的整体后期思路如下:1、把拍完的片子导入LIGHTROOM里面后,进行原片的分析,利用raw的特性进行初步的参数调节。原图图片挺灰的,色彩并不讨喜,让人看着不是老么舒服的说。并且人物的面部欠曝,而手中的魔法书过曝,可以说画面极为不平衡,那么我们在调整的时候就要利用raw包容度的特性把这些初期的问题进行修复。 不过咱们拍摄必然是用RAW格式进行的,所以这张片子到底包涵了哪些信息,并且咱能修到哪一步,作为摄影君咱应该会有一个预估。效果图:原图:下面两张图是LR调节完参数以后的图片,以及所用的参数。与原图的区别主要体现在了利用HSL、曲线、分离色调以及相机校准让整体色调偏红黄色,并且有胶片效果;其次,我把高光减弱,阴影提亮,这么做是为了平衡整张片子的高光阴影部分,因为你的片子在进阶的爱好者那里,必然会被拖进软件看有没有过曝或者欠曝的地方,这个一定要注意,虽然我不会这么对待别人的片子。。但是毕竟这是一个硬性的指标。。还是尽量做到吧,另外高光的降低让书页的细节通过调节找回来了,让人看着更舒服哦。关于上面提到的面部欠曝,这个属于修颜范畴了,我会留在了下一步ps里面统一进行的。

PS素材合成戴面具的美女插画
本教程介绍简单的真人插画效果的制作。制作的时候用到素材比较多,需要协调好整体的色调,也可以装饰自己喜爱的素材及笔刷等。原图 最终效果 一、打开原图把人物勾出来,然后把背景填充颜色:#FABE52,效果如图1。 二、在背景图层上面新建一个图层,选择椭圆选框工具拉出图2所示的选区,按Ctrl + Alt + D羽化,数值为60,确定后填充颜色:#EF037E,效果如图3,如果边缘还不够柔化,可以再用高斯模糊处理一下。

Photoshop制作闪烁的舞厅灯光立体字
在3D面板中,可以找到3D场景的全部元素,当选择其中一个元素的时候,属性面板就会自动转向该元素的属性面板。因此,当需要对3D场景中的元素进行操作的时候,要确保选择正确的3D元素。

select控件是如何设计的?
有几个原因促使我们使用自定义的select控件来代替原生的select控件:先把用HTML+CSS把select控件的外观模拟出来:这儿用到一张图片arrow.gif运行代码框<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <style> body, table, input, textarea, select{ margin: 0; font-size: 12px; line-height:1.5; font-family: Tahoma, SimSun, sans-serif; } .zSelect { display:inline-block; *zoom: 1; *display: inline; position:relative; height:20px; vertical-align:middle; } .zSelect .inputText { line-height: 17px; font-size:12px; background: #f7fafc; padding: 1px 17px 0 1px; border: 1px solid #68a; vertical-align: top; cursor:default; height: 17px; margin:0; } .zSelect .arrowimg { display:inline-block; *zoom: 1; *display: inline; position:relative; cursor:pointer; width:18px; height:20px; left:-18px; margin-right:-18px; vertical-align: top; outline:none; background: url(/design/UploadFiles_design/201105/2011050809104370.gif); } .zSelect .arrowimg:hover { background: url(http://www.blueidea.com/articleimg/2009/06/6794/arrow_over.gif); } .optgroup { position:absolute; z-index:666; left:0; top:19px; color: #369; } .optgroup div.optionsDiv{ padding:1px; overflow: auto; overflow-x: hidden; max-height:300px; color: #369; border: 1px solid #678; background: #f7fafc; width:auto; z-index:888; filter: Alpha(Opacity=90); opacity: 0.9; } .optgroup a, .optgroup a:visited{ font-size:12px; text-decoration:none; cursor:default; display:block; color: #369; white-space: nowrap; padding:1px 3px 2px 6px; _padding:0 3px 0 6px; height:18px; min-width:2em; } .optgroup a:hover,.optgroup a.selected:hover{ color: #dff; text-decoration:none; background:#38d; } .optgroup a.selected,.optgroup a:focus{ color: #eff; text-decoration:none; background:#49e; } </style> <script> function switchOptions(ele){ var optgroup=ele.parentNode.getElementsByTagName('div')[0]; if(optgroup.className=="optgroup")optgroup.style.display=optgroup.style.display=='none'?'block':'none'; } </script> <div>当前站点: <span id="_SiteSelector" class="zSelect"> <input type="text" class="inputText" value="请选择演示站点" style="width:100px;" unselectable="On"/><img height="20" width="18" class="arrowimg" src="http://www.ps123.net/design/UploadFiles_design/201105/2011050809104370.gif" onClick="switchOptions(this)"/> <div class="optgroup" style="width:120px;"><div class="optionsDiv"> <a href="javascript:retureValur(this);">*门户类演示站</a> <a href="javascript:retureValur(this);">新闻门户类演示站</a> <a href="javascript:retureValur(this);">企业形象类演示站</a> </div></div> </span> << </div> [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]OK,在ff3下测试通过,在ie6、ie7下有一些错位,需要加CSS hack来作小许的调整,为了代码的纯粹,在这就不展示了。 接下来试着用js实现基本功能:通过JS替换页面内原有的select,当时我们希望这个JS是非侵入式的,只要引用了select.js这个js文件的页面,就自动把页面里原有的select控件替换接管了。
最新发布

(1-5):色彩模式的选择
那么,我们到底该如何选择适当的色彩模式呢?我们先来明确一下RGB与CMYK这两大色彩模式的区别:1:RGB色彩模式是发光的,存在于屏幕等显示设备中。不存在于印刷品中。CMYK色彩模式是反光的,需要外界辅助光源才能被感知,它是印刷品唯一的色彩模式。2:色彩数量上RGB色域的颜色数比CMYK多出许多。但两者各有部分色彩是互相独立(即不可转换)的。3:RGB通道灰度图中偏白表示发光程度高;CMYK通道灰度图中偏白表示油墨含量低。反而反之。特别注意第2条:两者各有部分色彩是互相独立(即不可转换)的。如下图中绿色大圆表示RGB色域,蓝色小圆表示CMYK色域。这一大一小表示RGB的色域范围(即色彩数量)要大于CMYK。而在转换色彩模式后,只有位于混合区的颜色彩可以被保留,位于RGB特有区及CMYK特有区的颜色将丢失。这意味着如果你用RGB模式去制作印刷用的图像,那么你所用的某些色彩也许是无法被打印出来的。一般来说,RGB中一些较为明亮的色彩无法被打印,如艳蓝色、亮绿色等。如果不作修改地直接印刷,印出来的颜色可能和原先有很大差异。同样以下是一幅在RGB模式下制作的图像,在转换为CMYK模式后的比较,如下2图:可以看出,原先较为鲜亮的一些颜色都变得黯淡了,这就是因为CMYK的色域要小于RGB,因此在转换后有些颜色丢失了。注意,此时再把CMYK模式转为RGB模式,丢失掉的颜色也找不回来了。这好比原先是一个装满水的2升杯子,后来倒入了一个1.5升的杯子,流失了0.5升。即使以后再倒回2升的杯子,这杯子中装的实际只有1.5升。因此,不要频繁地转换色彩模式。转换一次就相当于倒了一次杯子,可能有些水就流失了。虽然理论上RGB与CMYK的互转都会损失一些颜色,不过从CMYK转RGB时损失的颜色较少,在视觉上有时很难看出区别。而从RGB转CMYK颜色将损失较多,视觉大部分都可以明显分辨出来。因此习惯上也有CMYK转RGB时颜色无损的说法,其实这种说法的真正所指是:宁可CMYK转RGB,不可RGB转CMYK。明白了以上道理,我们对如何选择图像的色彩模式就有了一个概念了:如果图像只在电脑上显示,就用RGB模式,这样可以得到较广的色域。如果图像需要打印或者印刷,就必须使用CMYK模式,才可确保印刷品颜色与设计时一致。

(1-4):CMYK色彩模式
前面我们都在学习有关RGB的内容,RGB色彩模式是最基础的色彩模式,所以RGB色彩模式是一个重要的模式。只要在电脑屏幕上显示的图像,就一定是以RGB模式。因为显示器的物理结构就是遵循RGB的。我们还接触了灰度色彩模式,它有自身的一些特性,使得它也被应用在了对通道的描述上。以后还会学到有关它其他的应用。除此之外还有一种CMYK色彩模式也很重要。CMYK也称作印刷色彩模式,顾名思义就是用来印刷的。它和RGB相比有一个很大的不同:RGB模式是一种发光的色彩模式,你在一间黑暗的房间内仍然可以看见屏幕上的内容;CMYK是一种依靠反光的色彩模式,我们是怎样阅读报纸的内容呢?是由阳光或灯光照射到报纸上,再反射到我们的眼中,才看到内容。它需要由外界光源,如果你在黑暗房间内是无法阅读报纸的。 前面说过,只要在屏幕上显示的图像,就是RGB模式表现的。现在加上一句:只要是在印刷品上看到的图像,就是CMYK模式表现的。比如期刊、杂志、报纸、宣传画等,都是印刷出来的,那么就是CMYK模式的了。和RGB类似,CMY是3种印刷油墨名称的首字母:青色Cyan、洋红色Magenta、黄色Yellow。而K取的是black最后一个字母,之所以不取首字母,是为了避免与蓝色(Blue)混淆。从理论上来说,只需要CMY三种油墨就足够了,它们三个加在一起就应该得到黑色。但是由于目前制造工艺还不能造出高纯度的油墨,CMY相加的结果实际是一种暗红色。因此还需要加入一种专门的黑墨来调和。点击颜色调板的按钮,在菜单中选择“CMYK滑块”,会看到CMYK是以百分比来选择的,相当于油墨的浓度。如下图:和RGB模式一样,CMYK模式也有通道,而且是4个,C、M、Y、K各一个。在Photoshop中调入如下左图。注意上面的图像输入Photoshop后是RGB模式的。图像的色彩模式和其它一些信息可以从图像窗口的标题区看到。标题区显示着图像名称、缩放比例、色彩模式和颜色通道数。图中显示着RGB/8,就表示这是一个RGB模式的图像,颜色通道为8位。如下右图。在RGB模式下只能看到RGB通道。我们需要手动转换色彩模式到CMYK后才可以看到CMYK通道。转换图像色彩模式可以从菜单【图像 模式 CMYK颜色】,注意图像色彩可能会发生一些变化,变化的原理在本课后面部分将提到。此时察看通道,就会看到CMYK各通道的灰度图像,如下4图。CMYK通道的灰度图和RGB类似,是一种含量多少的表示。RGB灰度表示色光亮度,CMYK灰度表示油墨浓度。但两者对灰度图中的明暗有着不同的定义:RGB通道灰度图中较白表示亮度较高,较黑表示亮度较低。纯白表示亮度最高,纯黑表示亮度为零。

(1-3):图像通道
在Photoshop中有一个很重要概念叫图像通道,在RGB色彩模式下就是指那单独的红色、绿色、蓝色部分。也就是说,一幅完整的图像,是由红色绿色蓝色三个通道组成的。回顾一下前面的三张通道图(顺序为RGB)。他们共同作用产生了完整的图像,如下最右图。 大家也许会问:如果图像中根本没使用蓝色,只用了红色和绿色,是不是就意味着没了蓝色通道?我们已经知道黄色和蓝色是互补色,那么一幅全部是纯黄色的图像中,是不是就不包含蓝色通道?这是错误的概念,一幅完整的图像,红色绿色蓝色三个通道缺一不可。即使图像中看起来没有蓝色,只能说蓝色光的亮度均为0,但不能说没有蓝色通道存在。“存在、亮度为零”和“不存在”是两个不同的概念。现在大家在Photoshop中调入上面那幅完整的图片。再调出通道调板。一般来说通道调板和图层调板是拼接在一起的,可以通过调出图层调板〖F7〗后切换到通道。也可以使用菜单【窗口 通道】。如果调板中没有显示出缩览图,可以右键点击调板中蓝色通道下方的空白处,在弹出的菜单中选择“小”或“中”或“大”。我们看到的通道调板类似下图。此时注意红色绿色蓝色三个通道的缩览图都是以灰度显示的。如果我们点击通道名字,就会发现图像也同时变为了灰度图像。快捷键分别是:〖CTRL ~〗〖CTRL 1〗〖CTRL 2〗〖CTRL 3〗。点击通道图片左边的眼睛图标,可以显示或关闭那个通道。可以动手试试看不同通道组合的效果。注意不要混淆:最顶部的RGB不是一个通道,而是代表三个通道的总合效果。如果关闭了红色绿色蓝色中任何一个,最顶部的RGB也会被关闭。点击了RGB后,所有通道都将处在显示状态。我们可以看到:如果关闭了红色通道,那么图像就偏青色。如下左图。如果关闭了绿色通道,那么图像就偏洋红色。如下中图。如果关闭了蓝色通道,那么图像就偏黄色。如下右图。这个现象再次印证了反转色模型:红色对青色、绿色对洋红色、蓝色对黄色。现在点击察看单个通道,发现每个通道都显示为一幅灰度图像(不能说是黑白图像)。如下3图,从左至右分别是灰度的红色、绿色、蓝色通道图像。

(1-2):灰度色彩模式
在前面讲述RGB色彩,以及在颜色调板选取颜色的时候,有没有想到过RGB值相等的情况下是什么颜色?那是一个灰度色。如下左图。现在我们将颜色调板切换到灰度方式(切换方式可参考操作速查0101),可看到灰度色谱,如下右图。所谓灰度色,就是指纯白、纯黑以及两者中的一系列从黑到白的过渡色。我们平常说所的黑白照片、黑白电视,实际上都应该称为灰度照片、灰度电视才确切。灰度色中不包含任何色相,即不存在红色、黄色这样的颜色。灰度隶属于RGB色域(色域指色彩范围)。我们已经知道,在RGB模式中三原色光各有256个级别。由于灰度的形成是RGB数值相等。而RGB数值相等的排列组合是256个,那么灰度的数量就是256级。其中除了纯白和纯黑以外,还有254种中间过渡色。纯黑和纯白也属于反转色。灰度的通常表示方法是百分比,范围从0%到100%。Photoshop中只能输入整数,在Illustrator和GoLive允许输入小数百分比。注意这个百分比是以纯黑为基准的百分比。与RGB正好相反,百分比越高颜色越偏黑,百分比越低颜色越偏白。灰度最高相当于最高的黑,就是纯黑。灰度最低相当于最低的黑,也就是“没有黑”,那就是纯白。如下2图。既然灰度和RGB一样,是有数值的,那么这个数值和百分比是怎么换算的?比如18%的灰度,是256级灰度中的哪一级呢?是否是256x18%呢?没错,灰度的数值和百分比的换算就是相乘后的近似值,由于灰度与RGB是“黑白颠倒”的,所以18%的灰度等于82%的RGB亮度。256×82%=209.92,近似算作210,我们可以先在灰度滑块选择18%,再切换到RGB滑块看数值。如下2图:注意如果没有关闭色彩管理功能,在颜色设置中的灰度标准就有可能不是GrayGamma2.2,那么上面的等式就不成立了。比如灰度的标准如果是GrayGamma1.8,18%的灰度换算成RGB就是218,218,218。印刷品与网页的区别在于色彩模式不同,印刷品必须是CMYK色彩模式,而网页主要使用RGB色彩模式。Photoshop的色彩管理功能主要是针对印刷品的,而我们目前针对网页,因此可以关闭这个功能。不用担心,即使不了解色彩管理的具体内容和灰度Gamma的标准,也不影响后面的学习和操作。在教程以后的内容中,默认都是在关闭色彩管理的前提下进行的。如果需要开启的话,会特别提到。虽然灰度共有256级,但是由于Photoshop的灰度滑块只能输入整数百分比,因此实际上从灰度滑块中只能选择出101种(0%也算一种)灰度。大家可以在灰度滑块中输入递增的数值然后切换到RGB滑块察看,可以看到:0%的灰度RGB数值是255,255,255;1%灰度的RGB数值是253,253,253;2%灰度RGB值为250,250,250。也就是说,252,252,252这样的灰度是无法用Photoshop的灰度滑块选中的。相比之下Illustrator的灰度允许输入两位小数,使得选色的精确性大大提高了 。

(1-1):RGB色彩模式
我们用放大镜就近观电脑显示器或电视机的屏幕,会看到数量极多的分为红色绿色蓝色三种颜色的小点。如下左图,下右图是左图的局部放大。屏幕上的所有颜色,也就是我们看到的所有图像内容,都是由它们调和而成的。现在我们在Photoshop中打开如下左图,打开的方法是通过菜单【文件 打开】或使用快捷键〖CTRL O〗(有关快捷键的说明将在以后的课程中出现,现在不明白也没有关系)。也可以直接从Windows目录中拖动图像到Photoshop。如果Photoshop窗口被遮盖或最小化,也可拖动到其位于任务栏的按钮上,待Photoshop窗口弹出后再拖动到窗口中。按〖F8〗或从菜单【窗口 信息】调出信息调板。如下右图。然后试着在图像中移动鼠标,会看到其中的数值在不断的变化。注意移动到蓝色区域的时候,会看到B的数值高一些;移动到红色区域的时候则R的数值高一些。电脑屏幕上的所有颜色,都由这红色绿色蓝色三种色光按照不同的比例混合而成的。一组红色绿色蓝色就是一个最小的显示单位。屏幕上的任何一个颜色都可以由一组RGB值来记录和表达。那么,在下面所看到的最左端的图片实际上是由右方的三个部分组成的。因此这红色绿色蓝色又称为三原色光,用英文表示就是R(red)、G(green)、B(blue)。可以把RGB想象为中国菜里面的糖、盐、味精,任何一道菜都是用这三种调料混合的 。在制作不同的菜时,三者的比例也不相同,甚至可能是迥异的。因此不同的图像中,RGB各个的成分也不尽相同,可能有的图中R(红色)成分多一些,有的B(蓝色)成分多一些。做菜的时候,菜谱上会提示类似“糖3克、盐1克”等,来表示调料的多少,在电脑中,RGB的所谓“多少”就是指亮度,并使用整数来表示。通常情况下,RGB各有256级亮度,用数字表示为从0、1、2...直到255。注意虽然数字最高是255,但0也是数值之一,因此共256级。如同2000年到2010年共是11年一样。按照计算,256级的RGB色彩总共能组合出约1678万种色彩,即256×256×256=16777216。通常也被简称为1600万色或千万色。也称为24位色(2的24次方)。这24位色还有一种较为怪异的称呼是8位通道色,为什么这样称呼呢?这里的所谓通道,实际上就是指三种色光各自的亮度范围,我们知道其范围是256,256是2的8次方,就称为8位通道色。为什么老是用2的次方来表示呢?因为计算机是2进制的,因此在表达色彩数量以及其他一些数量的时候,都使用2的次方。这里的色彩通道,在概念上不是一件具体的事物。我们可以把三原色光比作三盏不同颜色的可调光台灯,那么通道就相当于调光的按钮。对于观看者而言,感受到的只是图像本身,而不会去联想究竟三种色光是如何混合的。正如同你只关心电影中演员的演出,而不会去想拍摄时候导演指挥的过程。因此,通道的作用是“控制”,而不是“展现”。以上所说的是色彩通道,和后面教程中的图像通道概念上不完全相同。从PhotoshopCS版本开始增强了对16位通道色的支持,这就意味着可以显示更多的色彩数(即48位色,约281万亿)。RGB单独的亮度值为2的16次方,等于65536,65536的三次方为281474976710656。但是由于人眼所能分辨的色彩数量还达不到24位的1678万色。所以更高的色彩数量在人眼看来说并没有区别。

新建图像、快速上手感受Photoshop的魅力
2009-4-21 12:37 2009-4-21 12:37 2009-4-21 12:37 2009-4-21 12:37 2009-4-21 12:37