推荐阅读

(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.用太阳镜做偏振镜
最新发布

PS层样式详解:内侧阴影
添加了“内侧阴影”的层上方好像多出了一个透明的层(黑色),混合模式是正片叠底(Multiply),不透明度75%。 内侧阴影的很多选项和投影是一样的,这里只作简单的介绍。前面的投影效果可以理解为一个光源照射平面对象的效果,而”内侧阴影”则可以理解为光源照射球体的效果。 默认设置是正片叠底(Multiply),通常不需要修改。 颜色设置 设置阴影的颜色 不透明度(Opacity) 默认值为75%,可跟据自己的需要修改.。 角度(Angle) 调整内侧阴影的方向,也就是和光源相反的方向,圆圈中的指针指向阴影的方向,原理和“投影”是一样的。

PS层样式详解:外侧发光
外侧发光可以设置的参数包括: 结构 混合模式(Blend Mode) 不透明度(Opactity) 杂色(Noise) 渐变和颜色(Gradient or Color) 图案 方法(Technique) 扩展(Spread) 大小(Size) 品质 等高线(Contour) 范围(Range) 抖动(Ditter)混合模式(Blend Mode) 默认的混合模式是“屏幕”,上面说过,外侧发光层如同在层的下面多出了一个层,因此这里设置的混合模式将影响这个虚拟的层和再下面的层之间的混合关系。比如 不透明度(Opactity) 光芒一般不会是不透明的,因此这个选项要设置小于100%的值。光线越强(越刺眼),应当将其不透明度设置得越大。 杂色(Noise)

PS层样式详解:内侧发光
内侧发光效果在现实中并不多见,但是我们可以将其想象为一个内侧边缘安装有照明设备的隧道的截面,也可以理解为一个玻璃棒的横断面,这个玻璃棒外围有一圈光源。内侧发光可以选择的参数包括: 发光或者其他高光效果一般都用混合模式“屏幕”来表现,内侧发光样式也不例外。 不透明度是指“虚拟层”的不透明度,默认值是75%。这个值设置的越大,光线显得越强,反之光线显得越弱。 杂色用来为光线部分添加随机的透明点,设置值越大,透明点越多,可以用来制作雾气缭绕或者毛玻璃的效果。 颜色设置部分的默认值是从一种颜色渐变到透明,单击左侧的颜色框可以选择其他颜色。 你也可以单击右边的渐变色框选择其他的渐变色。

PS层样式详解:斜面和浮雕
斜面和浮雕(Bevel and Emboss)可以说是Photoshop层样式中最复杂的,其中包括内斜面、外斜面、浮雕、枕形浮雕和描边浮雕,虽然每一项中包涵的设置选项都是一样的,但是制作出来的效果却大相径庭。 一、斜面和浮雕的类型 内斜面、外斜面、浮雕、枕形浮雕、描边浮雕 二、调整参数详解 结构 样式(Style)、方式(Technique) 深度(Depth)、方向(Direction)、大小(Size)、柔化(Soften) 阴影 角度(Angle) 使用全局光(Use Global Light) 光泽等高线(Gloss Contour) 高光模式和不透明度(Hightlight Mode and Opacity) 阴影模式和不透明度(Shadow Mode and Opacity) 三、等高线和纹理一、斜面和浮雕的类型 斜面和浮雕的样式包括内斜面、外斜面、浮雕、枕形浮雕和描边浮雕。虽然它们的选项都是一样的,但是制作出来的效果却大相径庭。 内斜面 首先来看内斜角,添加了内斜角的层会好像同时多出一个高光层(在其上方)和一个投影层(在其下方),显然这就比前面介绍的那几种只增加一个虚拟层的样式要复杂了。投影层的混合模式为“正片叠底”(Multiply),高光层的混合模式为“屏幕”(Screen),两者的透明度都是75%。虽然这些默认设置和前面介绍的几种层样式都一样,但是两个层配合起来,效果就多了很多变化。 为了看清楚这两个“虚拟“的层究竟是怎么回事,我们先将图片的背景设置为黑色,然后为圆所在的层添加“内斜角”样式,再将该层的填充不透明度设置为0。这样就将层上方“虚拟”的高光层分离出来了,如下图: 类似的,我们再将图片的背景色设置为白色,然后为圆所在的层添加“内斜角”样式,再将该层的填充不透明度设置为0。这样就将层下方“虚拟”的投影层分离出来了,如下图: 这两个“虚拟“的层配合起来构成“内斜角“效果,类似于来自左上方的光源照射一个截面形为梯形的高台形成的效果。外斜面 被赋予了外斜面样式的层也会多出两个“虚拟”的层,一个在上,一个在下,分别是高光层和阴影层,混合模式分别是正片叠底(Multiply)和屏幕(Screen),这些和内斜面都是完全一样的,下面将不再赘述。 我们可以使用和前面完全一样的方法分别将“虚拟”的高光层和阴影分离出来,如下图:

PS层样式详解:光泽
光泽效果之所以容易让人琢磨不透,主要是其效果会和图层的内容直接相关,也就是说,图层的轮廓不同,添加光泽样式之后产生的效果完全不同(即便参数设置完全一样)。如果图层中的内容是一个圆,添加光泽样式后效果可能是这样的: 将同样的样式赋予一个内容为矩形的图层时,效果是这样的: 而如果赋予一个外形不规则的图层时效果更加特别: 通过不断调整这几种图形的设置值,我们可以逐渐发现光泽样式的显示规律:有两组外形轮廓和层的内容相同的多层光环彼此交叠构成了光泽效果。以下的设置值都是调整这两组光环自身的层数以及彼此的交叠方式的。为了说明清楚,我们以矩形图层的光泽效果为例对主要选项进行说明。 混合模式(Blend Mode) 默认的设置值是“正片叠底”(Multiply)。 不透明度(Opacity)

PS层样式详解:三种叠加
这是一个很简单的样式,作用实际就相当于为层着色,也可以认为这个样式在层的上方加了一个混合模式为“普通”、不透明度为100%的“虚拟”层。 例如为这样一个图层添加“颜色叠加”样式,并将叠加的“虚拟”层的颜色设置为绿色,不透明度设置为30%。 可以得到这样的效果: 注意,添加了样式后的颜色是图层原有颜色和“虚拟”层颜色的混合(这里的混合模式是“正常”)。二、渐变叠加 “渐变叠加”和“颜色叠加”的原理是完全一样的,只不过“虚拟”层的颜色是渐变的而不是平板一块。“渐变叠加”的选项中,混合模式以及不透明度和“颜色叠加”的设置方法完全一样,不再介绍。“渐变叠加”样式多出来的选项包括:渐变(Gradient)、样式(Style)、缩放(Scale),下面我们来一一讲解。 渐变(Gradient) 设置渐变色,单击下拉框可以打开“渐变编辑器”,单击下拉框的下拉按钮可以在预设置的渐变色中进行选择。在这个下拉框后面有一个“反色”复选框,用来将渐变色的“起始颜色”和“终止颜色”对调。样式(Style) 设置渐变的类型,包括线性、径向、对称、角度和菱形。这几种渐变类型都比较直观,不过“角度”稍微有点特别,它会将渐变色围绕图层中心旋转360度展开,也就是沿着极坐标系的角度方向展开,其原理和在平面坐标系中沿X轴方向展开形成的“线性”渐变效果一样。比如

PS层样式详解:描边
描边样式的主要选项包括:大小(Size)、位置(Position)、填充类型(Fill Type)。 一、大小(Size) 其实就是设置描边的宽度。 二、位置(Position) 设置描边的位置,可以使用的选项包括:内部、外部和居中,注意看边和选区之间的关系。例如: 居中描边 外部描边 内部描边三、填充类型(Fill Type) “填充类型”也有三种可供选择,分别是颜色、渐变和图案。 用来设定边的填充方式。前面的例子中使用的就是“颜色”填充,下面是渐变填充和图案填充的例子。它们的设置方法前面都已经介绍过了。渐变填充图案填充

Photoshop蒙板层样式
添加蒙板层样式需要经过以下步骤: 单击层样式面板下方的“添加新的填充或者调整层”按钮并选择“亮度/对比度”。 这时层的上方出现一个蒙板层,蒙板层左侧的方框(图层缩略图)用来调整此类蒙板层的参数,比如我们在前面选择蒙板层类型为“亮度/对比度”,那么双击这个方框可以调整亮度和对比度。 而蒙板层右侧的方框是“图层蒙板缩略图”,蒙板层中的内容在这个小方框中以缩略图的形式显示。在蒙板层上单击后可以在其中绘图,注意,这时绘图的效果在图片的工作区中是看不出来的,只有蒙板层的缩略图中有提示。 在层面板的蒙板层最右侧双击鼠标(这里没有任何标记),这时将弹出“层样式”对话框,在其中可以为蒙板层添加样式。另外按住Alt键单击“图层蒙板缩略图”可以进入蒙板编辑状态,下文介绍的在蒙板中绘图、粘贴图片、使用滤镜等等都需要在蒙板编辑状态下进行。

Photoshop 7.0图层混合模式探索(一)
图1 图2 还有一点值得注意的是,图层混合模式里的选项将会受到图像的色彩模式的影响,如图2所示为Lab颜色模式下的图层混合选项列表,其中的“变暗”、“颜色加深”等很多混合模式都是不可用的。如果选择其他的颜色模式,图层混合选项列表里的选项还会改变,大家可以自己上机试试,这里就不一一介绍了。 下面我们就开始介绍各个混合模式的使用。在图层混合选项中指定的混合模式来控制图像中的像素是如何受绘画或编辑工具的影响。在大家还在想象混合模式的效果时候,我先给大家介一下关键的三个词,大家一定要记住并理解了,因为后面会用到这三个词,请大家不要混淆。.psd源文件下载 * “基色”:“基色”是图像中的原稿颜色,也就是我们要用混合模式选项时,两个图层中下面的那个图层。 图4

Photoshop 7.0图层混合模式探索(二)
图5 如果在处理“位图”颜色模式图像或“索引颜色”颜色模式图像时,“正常”模式就改称为“阈值”模式了,不过功能是一样的。 2. 溶解(Dissolve)模式 在“溶解”模式中,主要是在编辑或绘制每个像素时,使其成为“结果色”。但是,根据任何像素位置的不透明度,“结果色”由“基色”或“混合色”的像素随机替换。因此,“溶解”模式最好是同Photoshop中的一些着色工具一同使用效果比较好,如“画笔”、“仿制图章”、“橡皮擦”工具等,也可以使用文字。 当“混合色”没有羽化边缘,而且具有一定的透明度时,“混合色”将溶入到“基色”内。如果“混合色”没有羽化边缘,并且“不透明度”为100%,那么“溶解”模式不起任何作用。如图6所示是将“混合色”的“不透明度”设为90%后产生的效果,附则“混合色”和“结果色”是不会有太大的区别的,只是边缘有一点变化。图6 如果是用“画笔”工具或文字创建的“混合色”,同“基色”交替,就可以创建一种类似扩散抖动的效果,如图7所示。图7 如果以小于或等于50%的不透明度描划一条路径,然后利用“描边路径”命令,“溶解”模式在图像边缘周围创建一种“泼溅”的效果,如图8所示。还可以制作模拟破损纸的边缘的效果等。图8 如果利用“橡皮擦”工具,可以在一幅图像上方创建一个新的图层,并填充的白色作为“混合色。然后在“溶解”模式中,用“橡皮擦”工具擦除,可以创建类似于冬天上霜的玻璃中间被擦除的效果,如图9所示。