推荐阅读
(6-9):制作网页翻转按钮
大家经常在一些网页中看到一种会随着鼠标的接触而变色的按钮，参见范例网页。这称之为鼠标翻转效果，这是根据英文rollover翻译而来的，其实不是很符合中文的语境。其原理是利用两张图片，平时显示一幅，当鼠标接触后换成另外一幅图片。如下图。这样看起来好像是鼠标接触的时候按钮变亮了。现在我们来动手制作，首先在Photoshop中将它们制作成图片，然后再做成网页。首先新建一个400×300的白底图像，新建一层，利用形状工具椭圆〖U/SHIFTU〗，在公共栏选择第3种绘图方式(填充像素)，调出信息调板〖F8〗观看数值，用任意颜色在新建层中间位置画一个直径40左右的正圆(按住SHIFT保持正圆)。如下左图。0614【窗口>样式】调出样式调板，点击右上角圆三角按钮，选择“替换样式”，在出来的样式列表目录中选择“Web翻转样式”，确认目前选择的是新建层，然后使用“选中状态的蓝色胶体按钮”样式。如下中图红色箭头处。大家也可以自己选择其他颜色的。0615将新建层与背景层合并，然后【图像>修整】，如下右图所示。确定操作后图像将被裁剪为和所画的圆同等大小。这个命令的作用是根据左上角第一个像素处，或右下角最后一个像素处的颜色，在我们这幅图像中这两个地方都是白色。然后就将画面中连续的白色部分裁剪掉。这就好像现实中打印图像之后将纸张的边缘裁剪掉一样。接着将背景图层复制一层，对复制出来的图层使用曲线工具，合并高光和暗调区域(高光点229,255；暗调点60,0)，形成加亮按钮的效果。如下左图。完成后我们得到两个图层，分别是暗色按钮的背景层，和亮色按钮的背景复制层。如果以上步骤无法完成，点此下载范例文件0616使用【文件>在ImageReady中编辑】〖CTRLSHIFTM〗，或点击工具栏最下方按钮，将会跳转到ImageReady中，这是Photoshop附带的一个软件，用来制作动画和网页。我们找到Web内容和图层两个调板，如下右图。后面的操作就是由这两个调板配合完成。 在完成以上5个步骤后，我们就可以开始制作鼠标翻转效果了。开始之前我们先简要介绍一下制作的原理。范例网页大家也看过，是随着鼠标的接触而发生的。这里涉及一种概念，叫事件和方法。我们的日常生活就是由许多事件和方法组成的，比如口渴是事件，喝水就是解决这个事件的方法。肚子饿是事件，吃东西就是方法。想学习是事件，看《大师之路》就是方法等等。这其实就是一种编程的思想，和人一样，电脑也是由事件和方法组成的一套逻辑系统。所以下面我们也要按照这种思路，去创建一个事件和解决方法。这个事件就是鼠标接触事件。平时鼠标不接触，我们只显示暗色按钮层(背景层)。而在鼠标接触的事件发生后，显示亮色按钮层(背景副本层)。
AutoCAD 2007 入门教程-CAD图形的输入输出
AutoCAD 2007 提供了图形输入与输出接口。不仅可以将其他应用程序中处理好的数据 传送给 AutoCAD ，以显示其图形，还可以将在 AutoCAD 中绘制好的图形打印出来，或者 把它们的信息传送给其他应用程序。此外，为适应互联网络的快速发展，使用户能够快速有效地共享设计信息， AutoCAD 2007 强化了其 Internet 功能，使其与互联网相关的操作更加方便、高效，可以 创建 Web 格式的文件 (DWF) ，以及发布 AutoCAD 图形文件到 Web 页。 AutoCAD 2007 除了可以打开和保存 DWG 格式的图形文件外，还可以导入或导出其他格式的图形。 导入图形 在 AutoCAD 2007 的 “ 插入点 ” 工具栏中，单击 “ 输入 ” 按钮将打开 “ 输入文件 ” 对话框。在其中的 “ 文件类型 ” 下拉列表框中可以看到，系统允许输入 “ 图元文件 ” 、 ACIS 及 3D Studio 图形格式的 文件。 在 AutoCAD 2007 的菜单命令中没有 “ 输入 ” 命令，但是可以使用 “ 插入 ” | 3D Studio 命令、 “ 插入 ” | “ ACIS 文件 ” 命令及 “ 插入 ” | “ Windows 图元文件 ” 命令，分别输入上述 3 种格式的图形文件。 插入 OLE 对象 选择 “ 插入 ” | “ OLE 对象 ” 命令，打开 “ 插入对象 ” 对话框，可以插入对象链接或者嵌入对象。 输出图形 选择 “ 文件 ” | “ 输出 ” 命令，打开 “ 输出数据 ” 对话框。可以在 “ 保存于 ” 下拉列表框中设置文件输出的路径，在 “ 文件 ” 文本框中输入文件名称，在 “ 文件类型 ” 下拉列表框中选择文件的输出类 型，如图元文件、 ACIS 、平板印刷、封装 PS 、 DXX 提取、位图、 3D Studio 及块等。
自己动手制作活动菜单条
用QQ聊过天的朋友都对它的自动隐藏窗口功能爱不释手，它可以使窗口显得清爽整洁而且富有动感，笔者的几个朋友都想在自己的网页中加入类似的东东，经过共同摸索发现用Dreamweaer 就可以实现这种效果，下面我们通过一个活动菜单条的制作来看看吧。 第1步：制作菜单外貌 在Dreamweaer 中新建一个文件，绘制一个层，在该层中插入一个表格（如图1），对该表格进行修饰，然后加入菜单项并建立各项的超链接，为了去掉超链接的下划线，可以编辑超链接的Css样式，在CSS样式面板中通过CSS选择器将“Link”和“Hover”的“Decoration（装饰）”均设置为“None（无）”，将“Hover”的“Color（颜色）”设置为红色，最后将设置好的样式应用到各个菜单条中（可按“F12”键预览效果）。 第2步：设计菜单的动态效果 1、选定层面，当鼠标变成“十”字形时按住左键将层面拖动到页面右上角（使整个菜单条完全露出但上边缘正好靠拢页面上边界），在窗口菜单中打开时间线面板，选定层面将其拖动到时间线上，Dreamweaer会自动产生一个长度为15帧的动画对象，拖动该动画对象的最后一个关键帧到第30帧，将其长度设置为30帧。然后在第15帧处单击右键，在弹出的快捷菜单中选择“添加关键帧”选项插入一个关键帧，并将层面拖动到适当位置（如图2）。
数码摄影10个技巧
以前一定听过这种话：数码相机(以下用DC)无所不能。你只要按下按钮，一张伟大的照片就会变魔术般展现在你面前。相机越好，照出来的照片越好。果真如此吗?见鬼，当然不是了! 事实是你可以用一个简单的消费级傻瓜DC拍出一张伟大的照片，也可以用最贵的DC拍出一张垃圾照片。漂亮的照片不是相机搞出来的，而是摄影师搞出来的。只要有一些拍摄方面的知识，再加上不断改进的愿望，你可以用你的小DC拍出能登上时代周刊的大照片。 为了帮助你在成为伟大摄影师的道路上快步前行，这里送给你10个技巧，它们会让你即使不花大价钱买昂贵的设备也能像专业人士一样拍照。 1.暖化你的照片 你注意过有些时候你拍的照片有一种冷冷的感觉吗?如果答案是肯定的，那你并不是孤独呵呵。DC的默认白平衡设置是“自动(auto)”，虽然在大部分情况下都是适用的，但有时候却会让景物太“冷”了。 当你拍户外景物的时候，特别是当阳光充足时，试着把你的白平衡调到“多云(cloudy)”那一档。对，就是“多云”那一档，这个变化跟在你的镜头前加一个暖色滤镜的效果是一样的。它使得照片中红色和黄色的更加丰满，从而暖化了这张照片 图1a是在一个山区拍摄的，白平衡设置在“自动(auto)” 图1b 同一个场景，我把白平衡换成了“多云(cloudy)”，同时把一副Costa Del Mar太阳镜放在了镜头前(佳能PowerShot S200,程序模式program mode) 如果你不相信我，那就试试吧。在户外分别用自动白平衡和多云白平衡拍两组照片，然后在你的电脑上对比着看，我猜你一定会喜欢看上去暖洋洋的那一组的 2.用太阳镜做偏振镜
最新发布
(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