推荐阅读

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

使用InDesign设置切换和翻转对象
切变可以使对象沿着水平、垂直轴或水平垂直轴倾斜。在InDesign中,还允许用户将对象水平或垂直翻转。(15)使用“选择”工具,将两个组合好的图片框选,然后选择工具箱中的“切变”工具,然后在页面中水平拖动光标,可在水平方向对选择的图片进行切变,同时“控制”调板中的“X切变角度”参数随着光标的位置发生变化,如图9-15所示。图9-15切变图像提示:通过在“切变角度”参数栏中输入值,并按<Enter>键,可快速切变对象。(16)在“控制”调板中通过“水平翻转”按钮和“垂直翻转”按钮,可将选择对象垂直或水平翻转。单击“水平翻转”按钮,效果如图9-16所示。图9-16水平翻转图像(17)执行“窗口”→“对象和版面”→“变换”命令,打开“变换”调板,如图9-17所示。

使用InDesign设置沿对象形状绕排
(1)将绕排方向设置成“左侧和右侧”,然后单击“沿对象形状绕排”按钮,绕排边缘将与图片形状相同,所以又称之为“轮廓绕排”,如图9-113所示。图9-113沿对象形状绕排(2)将唯一可用的“上位移”参数设置为0,然后在“轮廓选项”的“类型”下拉列表中选择“检测边缘”选项,系统将自动检测图片的边缘,生成文本绕排边界,如图9-114所示。图9-114通过“检测边缘”生成文本绕排边界(3)此时,文字会随着绕排边界的变化而变化,还有一部分文字被图片所遮盖,这时可使用“选择”工具选择页面中的图片,然后执行“对象”→“排列”→“置为底层”命令,将图片移动文字的下方,效果如图9-115所示。图9-115调整图片顺序(4)通过“文本绕排”调板中的轮廓选项,并不能隐藏绕排边界外的图片。只有再通过使用“检测边缘”选项创建剪切路径,才能够将绕排边界外的图片隐藏。保持对象的选择状态,执行“对象”→“剪切路径”→“选项”命令,参照图9-116所示设置对话框,创建剪切路径。

使用InDesign调整定位对象
当用户在文本流中创建出多个定位对象后,有时还需要对定位对象的位置和格式进行相应的调整,从而使定位对象与文本流相适应。(1)接着上一节的操作,按下<Ctrl+Z>键撤消对象的释放操作。保持文本流末端的定位对象为选择状态,执行“对象”→“定位对象”→“选项”命令,打开“定位对象选项”对话框,如图9-104所示,通过该对话框中的“自定”位置选项可以设置对象的精确位置。图9-104“定位对象选项”对话框(2)由于最后一个按钮图标不符合我们的版式要求,所以需要将其调整到文本流的字符中间。在“位置”下拉列表中选择“行中或行上”选项,如图9-105所示。图9-105设置“位置”选项(3)保持默认选项“行中”为选择状态,通过“Y位移”参数可设置对象与文字行的垂直偏移距离,在此保持默认设置,单击“确定”按钮关闭对话框,对象将固定到文本流的最末端,如图9-106所示。图9-106设置对象位置

使用InDesign设置吸管工具
使用“吸管”工具可以从置入的图片或对象上吸取颜色属性,并将其应用到其他对象上,免去了重复设置相同颜色的麻烦。用户还可以使用“吸管”工具来拷贝字符、段落、填充和笔画等属性,然后将这些属性应用到其他文字。(1)执行“文件”→“打开”命令,打开本书附带光盘\Chapter-09\“吸管.indd”文件,使用“文字”工具,选择第一段文字的起始几个字符,如图9-88所示。图9-88选择字符(2)打开“字符”调板,将字体改为“黑体”,字体大小设置为16点,并把字符颜色设置为红色,如图9-89所示。图9-89设置字体、字体大小和字符颜色(3)在工具箱中双击“吸管”工具,打开“吸管选项”对话框,在该对话框中可设置吸管工具影响的文本属性。参照图9-90所示取消“字符设置”选项中的“颜色和色调”复选框的选择状态,然后单击“确定”按钮,退出对话框。图9-90设置吸管的影响属性

使用InDesign执行多重复制和直接复制对象
“多重复制”命令是将选定对象按照指定的行偏移距离或列偏移距离一次性沿某个方向创建出多个副本对象。通过直接复制对象,可快速创建出对象的副本。副本对象与原对象间的距离由“多重复制”对话框中的“水平位移”和“垂直位移”值决定。(1)执行“文件”→“打开”命令,打开本书附带光盘\Chapter-09\“多重复制.indd”文件,如图9-71所示。图9-71打开素材(2)使用“选择”工具选择页面中的按钮图形,然后执行“编辑”→“多重复制”命令,打开“多重复制”对话框,参照图9-72所示设置对话框。图9-72“多重复制”对话框提示:在“多重复制”对话框中,如果设置“水平位移”或“垂直位移”参数为正值,表示向右或向上多重复制对象;如果为负值,表示向左或向上复制对象。(3)单击“确定”按钮关闭对话框,对选择对象进行多重复制,取消对象选择状态后,效果如图9-73所示。

在InDesign中执行编组和锁定对象命令
通过将多个对象编辑成一个组,可以方便用户一次性将该组选中,并将其作为一个单元进行变换操作,从而减少了选择多个对象的麻烦。(1)执行“文件”→“打开”命令,打开本书附带光盘\Chapter-09\“编组.indd”文件,如图9-53所示。图9-53打开素材(2)页面的小装饰物是通过多个对象组成的,我们必须将所有对象选中,才能对整个装饰物进行变换调整,而且如果不小心很容易就对装饰物上的卡通图形进行了修改,为了避免这些不必要的麻烦,用户可将其编组。使用“选择”工具框选页面中的所有图形,执行“对象”→“编组”命令,将选定对象编辑成一个组对象。图9-54所示为编组前后的图形选择状态。图9-54编组前后的图形选择状态技巧:用户也可以通过按下<Ctrl+G>键,快速执行“编组”命令。(3)在页面空白处单击取消对象的选择状态,使用“选择”工具在任意一个图形上单击,即可将整个编组对象选中,这时用户可使用变换调整工具对其进行调整。图9-55所示为使用“自由变换”工具调整对象缩放比例和角度后的效果。

在InDesign中执行分布对象
(1)执行“文件”→“打开”命令,打开本书附带光盘\Chatper-09\“分布.indd”文件,如图3-94所示。图9-40素材文件(2)使用“选择”工具,框选页面左侧的一列矩形,然后在“对齐”调板中单击“按顶分布”按钮,系统会按照各选定对象的顶边在选择范围内进行均匀分布,如图9-41所示。图9-41按顶分布(3)单击“按底分布”按钮,系统会按照各选定对象的底边在选择范围内进行均匀分布,效果如图9-42所示。图9-42按底分布(4)单击“垂直居中分布”按钮,系统会根据选定对象各自的垂直中心位置在选择范围内均匀分布,如图9-43所示。

在InDesign设置显示内容位移选项
“变换”调板中的“显示内容位移”选项可供用户查看图像与图片框之间的相对位置,以及图像所在页面中的绝对位置。(1)执行“文件”→“打开”命令,打开本书附带光盘\Chapter-09\“别墅01.indd”文件,如图9-29所示。图9-29打开素材(2)使用“选择”工具,选择在页面中选择图片框,然后在“变换”调板中观察该图片框的变换中心在页面中的位置,如图9-30所示。图9-30图片框的位置(3)使用“直接选择”工具在图像上单击,将图像选中,在“变换”调板中可看到X和Y值变成了X+和Y+,此时为选择“显示内容位移”选项状态下,图像与图片框之间的相对距离值,如图9-31所示。图9-31图像相对图片框的位置

在InDesign中自定义拼合预设
在“透明度拼合预设”对话框中可以设置拼合预设。(1)执行“编辑”→“透明度拼合预设”命令,打开“透明度拼合预设”对话框,如图10-75所示。图10-75 “透明度拼合预设”对话框(2)单击“新建”按钮,打开“透明度拼合预设选项”对话框,如图10-76所示。图10-76 “透明度拼合预设选项”对话框栅格/矢量平衡:指定栅格化量。该设置越高,对图片执行的栅格化就越少。若选择最高设置,会将图片尽可能多的部分保留为矢量数据;若选择最低设置,会将整幅图片栅格化。栅格化量取决于页面的复杂程度和重叠对象的类型,如图10-77所示。图10-77 “栅格/矢量平衡”选项

在InDesign中创建渐变羽化效果
“渐变羽化”可以使对象由一侧到另一侧创建出线性渐隐效果,也可以使对象由中心到边缘创建出径向渐隐或渐显效果。(1)选择页面底部的深蓝色图形,然后单击“效果”调板底部的“向选定的目标添加对象效果”按钮,在弹出的菜单中选择“渐变羽化”选项,打开“效果”对话框的“渐变羽化”设置选项,如图10-69所示。图10-69 “渐变羽化”设置选项(2)在“选项”设置组中将“角度”参数设置为90°,更改渐变羽化的角度,如图10-70所示。图10-70 更改渐变羽化的方向(3)在“渐变色标”选项组中单击“反向渐变”按钮,将渐变的方向反转,效果如图10-71所示。图10-71 反向渐变