推荐阅读
(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.用太阳镜做偏振镜
最新发布
photoshop CS3合成教程:向往的人间天堂
本教程主要应用photoshop CS3把几张素材图片合成一张，制作向往的人间天堂，效果很不错哦！ 先看看最终效果图和素材： 效果图 素材图 1 素材图 2 素材图 3
Photoshop CS3绘制“困斗”过程全记录
工具：Photoshop+绘影2 昨天做梦貌似梦到了这个场面~~~今天早起赶紧拿笔，试着恢复一下记忆力。（在这个作品中我是那个给演员端茶水的- -b）。这次是用仿透明画法，进行创作的。因为可以不必考虑色感，只需集中精力把心中的构想表现出来。 [小知识] 透明画法包括： （1）透明色重显。一般在背景及主体物的暗部用不调粉或少调粉的油彩进行多层罩色，透露布纹及底色。 （2）薄底透明罩色。在中间调子的灰棕色底上用深棕色或银灰色画出较严格的素色油画，待干后罩上透明色，透明色避免过多调入白色，以免影响透明度。为此，底画的素色油画需要预先提高明度，为多层罩色留下余地。 （3）厚底透明罩色。指在底画厚涂平滑的表面及底画厚涂凹凸的表面上罩透明色。厚涂平滑的表面指先用厚色待未干时扫平，干后罩透明色。此法多用于古典风油画。例如肌肤受光部分多用厚涂颜料，使其与背景等暗色部分的厚薄拉开距离。厚涂颜料未干时用毛笔轻轻扫匀笔触进行平滑处理，干透后再罩透明色，能达到既厚实又透明晶莹的效果。 效果图 1、当然是新建画布：）在背景层选用一些大笔触的画笔，然后在画笔属性（F5）里选择叠加纹理，为整幅画确定基本颜色，用圆头笔刷绘制人物。这步不要纠结在具体上，只要快速的把你的想法表现出来就可以了。
Photoshop CS3制作火红的特效线框字
本教程将告诉你如何使用Photoshop中的云彩滤镜、模糊滤镜、色阶以及曲线工具制作一个火红的特效线框字。这个制作方法不仅仅适用于字体效果的表现，实际上，你可以用它制作任意形状的特效图案，例如一颗火气腾腾的心形特效图。 说明：本文以Photoshop CS3版本为例进行讲解，其他版本（6.0以上）操作上或许存在一点小小的差别。 下图是教程中示例的最终完成的效果： 最终效果图 值得注意的是，由于Photoshop云彩滤镜生成的效果是随机的，所以即使是使用同一方法，每次制作出来的效果都会不尽相同。好了，下面我们来介绍具体的实现方法： 1、首先根据自己的需要新建一个合适尺寸的Photoshop图像文档，背景色不限。做为示例，我们这里仅设置为450×338像素。图像像素设置得越高，也就越容易得到更多的图像细节。 图1：新建Photoshop图像文档 2、点击图层面板底部的“创建新图层”按钮，新增一个图层，选择油漆桶工具，使用白色填充。然后选择字体工具，在字体面板中选择字体、字号，输入文本。当然，也可以绘制其他你希望得到的图案形状。这里我们以输入文本“HOT”为例，字体为Arial Black，字号150像素。这时Photoshop自动新建一个名称为“HOT”的文字图层。
Photoshop CS3简单三步制作动态QQ表情
Adobe Photoshop CS3可以帮你DIY一个极具创意的动态QQ表情，在群友面前炫耀一下。 借助Photoshop CS3强大的功能和方便的操作界面，我们可以制作出gif格式的动态QQ表情。即使是对于没有图形处理经验的用户来说，只要简单的三步就能轻松完成!看看我们制作的搞笑图片，你还在等什么(图1)?快来跟我们一起试试吧! 图1 提示：动画是静态图片的连续播放。在制作动画之前，我们必须设计好每个关键帧对应的静态图片。关键帧的显示时间设置也很重要。这一参数也直接影响了播放的效果。对于刚刚上手的用户来说，用不同的参数多试几次也会得到意想不到的效果。 第一步、图形制作 打开Adobe Photoshop CS3软件进入到工作界面，在工作空间双击，并在弹出的“打开”对话框中打开选择好的素材。我们可以使用自己拍摄的照片，也可以使用电影剧照或者卡通人物图片做素材。我们选择了某经典喜剧片中的搞笑剧照作为素材。 调整并裁减大小后执行“窗口―动画”命令，打开“动画”调板开始制作夸张的眼泪。首先，我们在图层调板下方单击“创建新图层”图标新建一个图层。它的默认名称为“图层1”，我们可以在图层调板中双击缩览图后面的“图层1”文字，把它变成可编辑状态，重新命名为“眼泪1”，以免把图层搞混。 接下来，我们在工具箱中双击“设置前景色”图标，在弹出的“拾色器”对话框中设置前景色较浅的蓝色(R=232，G=250，B=255)，确定后在工具箱中选择“矩形工具”，并在“矩形工具”选项栏中勾选“填充像素”图标，这样就可以直接在“眼泪1”图层上人物眼睛的下方画出一个浅蓝色矩形(图2)。
PS CS3制作平面动画：图层样式做雷达动画
现在我们来讲解一下上节课的作业。比起以前“石器时代”的作业，它的难度有明显的增加。一个是动画元素的增多，不再是由少数的简单物体构成。再就是要求在制作前要成竹在胸，事先就要计划好步骤。 新建图像，约100×100，用椭圆形状工具的形状图层方式绘制一个矢量正圆，填充为绿色(数值19631c，可在拾色器下方的#区域内填入，这其实就是用十六进制来表示十进制的0~255，不必深究)或其他颜色。然后复制该图层(CTRL+J，复制出来的应位于原图层上方)，对复制出来的图层用自由变换功能，将其参照中心点(ALT+SHIFT)缩小。接着为其定义描边样式(大小为1像素，白色)并将填充不透明度设置为0%，得到一个线圆。适当降低该图层的不透明度(约15%)已达到较好的视觉效果。将这个线圆图层再次复制并依照之前再次缩小，得到两个同心的线圆。大家也可依次列推制作更多的同心线圆。此时图像应类似于下左图所示。 然后新建一个普通图层，使用直线工具的填充像素方式(粗细1像素，关闭消除锯齿)在圆的*位置绘制一横一竖组成十字。绘制的时候可将图像放大便于对齐，绘制后也可使用多图层对齐功能调整。此时图像类似于下中图所示，图层调板如下右图所示。 在这个前期的动画元素准备过程中，我们先使用了矢量绘制圆是因为其需要缩小，矢量方式可保证质量。后面的十字理论上也可以使用矢量方式绘制，但由于矢量直线在1像素这样小的单位时，会由于自身的抗锯齿功能而可能导致边缘模糊，结果看上去就像是2像素粗细。大家可以自己动手试试看。除了这种极微小单位的情况以外，都应尽量使用矢量绘制，这个前提是不会变的。 雷达扫描效果的实现是第一个难点，这其实就是渐变叠加样式，关键是要选择角度的渐变方式，以及相应的渐变设定，分别如下左图和中图所示。渐变色标为96de8a。渐变色标也可用白色，再通过更改混合模式或降低不透明度来融合图像。此时图像应如下右图所示。如果看不懂这里的内容，请复习基础教程的相应章节。
Photoshop CS3制作动画：图层样式的妙用
今天我们介绍Photoshop CS3制作平面动画的第九讲：巧用图层样式制作动画。 在学习了如何使用时间轴方式制作动画之后，我们就完成了动画制作的基础部分。在这里要再次强调，注意不要随意在时间轴方式下切换到帧方式，因为这会导致时间轴定义的失效。若是误操作，可使用撤销命令挽回。 在前面的课程中，在使用帧过渡的时候，有3个参数(蒙版情况下有5个)，分别是位置、不透明度、样式。我们已经知道位置就是图层的坐标，比如一个文字的移动，就是改变文字图层的位置。不透明度则可实现图层半透明变化。而所谓的样式就是指图层样式。在Photoshop基础知识中我们已经学习过如何为图层定义样式，在定义样式中有许多的参数都直接影响最终的效果。如阴影的高度、角度等。这些参数中的绝大多数，都可以作为动画的变量来使用。可以做出效果非常好的动画。 在制作静态的作品时，图层样式中使用频率最高的就是投影，那我们就先从投影开始，将其做成动画来看看效果。 做动画前先要构思好怎么做，这个构思可称为剧本，这次的剧本设定，是让一个圆形浮起。而要在一个平面上表现物体浮起，就需要借助投影来引导视觉。新建一个100×100的空白图像，在文档设置(点击动画调板右上角的 按钮)中将动画持续时间改为1秒，帧率改为15。如下图所示。这样动画总共就是15帧。需要注意的是：由于帧数是从1开始，而时刻是从0开始，因此开始时刻即00:00就是第1帧，那么第15帧应位于00:14时刻，而非00:15。这个问题以前已经提到过，这里重复一下。 新建图层，接着使用椭圆工具的填充像素方式(非矢量)画出一个圆，颜色自定，然后对其设定投影样式。分别如下各图所示。
Photoshop CS3制作平面动画：初识时间轴
本文示例源代码或素材下载 今天我们介绍Photoshop CS3制作平面动画的第七讲：初识时间轴。 通过前面的课程，我们已经学会了利用关键帧过渡，以及利用独立图层这两种制作动画的方式。它们可以用来制作一些简单的单物体动画，在很长一段时间内也是Photoshop唯一的动画制作方式。今天我们要学习一种新的利用时间轴制作动画的方式。时间轴方式广泛运用在许多影视制作软件中，如Premiere、AfterEffects等，包括Flash也是采用这种方式。 关键帧过渡动画中还有许多操作我们没有提及，这是由于它们与时间轴方式并无关系，而时间轴将是我们今后制作动画的主要方式，因此予以略过。 为统一素材，请点击此处下载素材文件，并解压出PSD文件，在Photoshop中开启，这是一个没有帧设定的文件(大家也可以利用自己制作的代替)。如下图所示。由于使用了文字图层，可能在开启后会由于字体缺失而出现替换选项，选择用默认字体替换即可，默认字体虽然不够漂亮，但教学性是一样的。 PSD文件中包含3个图层(背景层不算)，其中两个是文字层，一个是矢量形状层。如果不知矢量形状图层为何物，说明基础部分没有掌握好。 点击动画调板右下角的按钮，即可切换到时间轴方式，如下图所示。细心的读者会注意到调板的名称变为了“动画(时间轴)”，而之前的是“动画(帧)”。右下角的按钮变为了，点击将会切换到原先的帧方式。
PS CS3制作平面动画：过渡帧动画的局限性
本文示例源代码或素材下载 今天我们介绍Photoshop CS3制作平面动画的第六讲：过渡帧动画的局限性。 到现在为止我们制作动画的过程都是事先建立好所需要的图层(文字也是一种图层)，再建立各个关键帧，之后进行过渡。如果每个动画都能有这样充足的事先计划那当然最好，但如果在已有的动画基础上新增图层会怎样呢? 打开( anisample01.rar)，会看到该动画总共有20个帧。点击动画调板右上角的 按钮就能看到“新建在所有帧中都可见的图层”一项。这样在已经为图像建立了多个帧的前提下，若新增图层，则该图层默认在所有帧中都可见，位置及不透明度也相同。 现在选择第1帧，在图像左上角新增一个矢量圆角矩形层及文字(如果看不懂这句话，则说明没有掌握基础知识)。就会看到所有帧中都出现相同的内容。如下图所示。其实在选择其他帧时新建层也可以达到同样目的，但圆角矩形及文字未必能直接就位于指定位置，总是需要使用移动工具作调整的。所以此时要利用“传播帧 1”的特性来确保在所有帧中的位置相同。如果在其他帧中调整位置，就只对一帧有效。 通常情况下都应开启“新建在所有帧中都可见的图层”选项。如果关闭，新建的图层只会出现在当前所选择(多选无效)的帧中。如果想在所选择的多个帧中可见，可以在图层调板中先隐藏再显示该层，此时动画调板中所选择的多个帧就会同时出现该层的内容。