推荐阅读
(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中的应用
图5-62所示为首字下沉和嵌套样式对照图,图中快捷菜单为“段落”调板的快捷菜单。图5-62 首字下沉和嵌套样式对照图一次可以对一个或多个段落添加首字下沉。首字下沉的基线比段落第一行的基线底一行或多行。根据第一行中的首字下沉字符是半角罗马字还是全角中文,首字下沉文本的大小会有所不同。下面通过操作来学习怎样设置首字下沉。(1)将“Download.indd”文件关闭不保存,然后在“秦俑”文件中双击“段落样式”调板中的“文本”样式,打开“段落样式选项”对话框。(2)单击该对话框左侧的“首字下沉和嵌套样式”项目,然后选择“预览”复选框,这样可在视图中实时观察所设置的效果。如图5-63所示。图5-63 首字下沉和嵌套样式(3)首先对“行数”选项参数进行设置,然后在“字数”选项的文本框中单击,这时“字数”选项中的数值将直接转换为1,页面中每段第一行的首字将变为两行的高度,效果如图5-64所示。
介绍InDesign中连字选项的应用
连字是根据特定的规则,在行尾断行的单词间添加的标识符。只有在使用强制对齐(强制对齐、强制右对齐、强制中对齐和强制齐行)才会出现连字符,因为为了让左右段落长度相同,不得不断开行尾的单词。单词断开的位置是由词典来决定的。图5-50所示为连字对照图。图5-50 连字对照图(1)执行“文件”→“打开”命令,将本书附带光盘\Chapter-05\“Download.indd”文件打开,如图5-35所示。图5-51 置入文本(2)确认置入的文本框为选择状态。按下<Ctrl+T>键打开“字符”调板,设置“语言”选项为“英语:美国”。这时在文本中出现了连字符,如图5-52所示。图5-52 连字符(3)单击“段落”调板右上角的调板菜单图标,在弹出的菜单中执行“连字(H)…”命令,打开“连字设置”对话框,并选择“预览”复选框,如图5-53所示。
调整InDesign中的字距
使用“字距调整”对话框中的选项,可以设置允许InDesign偏离标准“单词间距”、“字母间距”及“字形缩放”的程度。在中文文本中,会忽略(罗马)字距调整设置的“单词间距”、“字符间距”及“字形缩放”。要设置中文文本字符间距,请使用“标点挤压”对话框。“最小值”、“最大值”和“所需值”只有在设置双齐文字时才会生效。若是其他所有段落对齐方式,InDesign将使用在“所需值”中输入得值。“最小值”和“最大值”的百分比与“所需值”的百分比差异越大,InDesign在调整每行对齐时就可以在更大范围内增大或缩小间距。书写始终都会尝试让行间距尽可能地接近“所需值”设置。图5-55所示为字距调整的对照图。图5-55 字距调整对照图(1)确认置入的文本为选择状态,单击“段落”调板右上角的调板菜单图标,在弹出的快捷菜单中执行“罗马字距调整”命令,打开“字距调整”对话框,如图5-56所示。图5-56 “字距调整”对话框(1)将“预览”选项复选,然后设置“单词间距”选项调整单词之间空格的宽度,如图5-57所示。图5-57 “单词间距”选项(2)设置“字母间距”选项参数调整字母之间的距离。包括字偶间距调整或字符间距调整,如图5-58所示。
InDesign中保持选项命令的应用
“保持选项”可以让用户防止寡行和孤行发生。寡行是指落在一栏顶部的段落作后一行,如图5-40所示。孤行是指落在一栏底部的段落第一行,如图5-41所示。当一个段落在栏的底部被分开时,可以让它保持与一个段落的文本在一起。图5-42所示出示了保持选项对照图,图中的菜单为“段落”调板中的菜单。图5-40 寡行图5-41 孤行图5-42 保持选项(1)在“段落样式”调板中“文本”样式上双击,打开“段落样式选项”对话框,在左侧选择“保持选项”项目,如图5-43所示。图5-43 “保持选项”项目
在InDesign中使用段前和段后线
段前线和段后线是嵌套在段落间的样式,可以随文本一起移动,并且可以根据字符调节线条的长短。在一个段落中可以同时添加段前线和段后线。图5-34所示为段前线和段后线对照图。图5-34 段前线和段后线对照图(1)执行“文件”→“打开”命令,打开本书附带光盘\Chapter-05\“秦俑.indd”文件,如图5-35所示。图5-35 素材光盘(2)打开“段落样式”调板,双击“小标题”样式,打开“段落样式选项”对话框,选择“预览”复选框,接着单击左侧的“段落线”项目,打开“段落线”选项,如图5-36所示。图5-36 段落线(3)单击“段前线”选项的下拉按钮,在弹出的下拉列表中选择“段后线”,然后选择“启用段落线”复选框,即可在视图中的小标题上显示出段落线,如图5-37所示。
具体应用InDesign中的缩近和间距选项
图5-10所示为缩进和间距对照图,图中菜单为“段落”调板中的菜单。图5-10 缩进和间距对照图(1)使用“选择”工具将文本选中,单击“段落”调板左上角的“左对齐”按钮,将文本框中的文本以文本左边缘为基准排列文本,如图5-11所示。图5-11 “左对齐”文本(2)然后依次单击“居中对齐”按钮和“右对齐”按钮,效果如图5-12所示。图5-12 设置对齐方式文本可以与文本框架一侧或两侧的边缘对齐。当文本与两个边缘同时对齐时,即成为两端对齐也称为双齐。可以选择对齐段落中除末行以外的全部文本,也可以对齐段落中包含末行的全部文本。如果末行只有几个字符,则可能需要使用特殊的文章末尾字符创建右齐空格。
定位符在InDesign中的使用方法
在文本中插入定位符,可以在“定位符”对话框中,根据定位符调整文本的位置,使文本左齐、居中、右齐或小数点对齐。接下来通过实际操作来学习定位符的使用方法。(1)执行“文件”→“打开”命令,打开本书附带光盘\Chapter-05\“上半年产量表.indd”文件,如图5-28所示。图5-28 素材文件(2)使用“选择”工具将文本框选中,然后执行“文字”→“定位符”命令,打开“定位符”调板。图5-29 打开“定位符”调板提示:如果“定位符”调板没有和选择的文本框对齐,可以单击该调板右侧的“将面板放在文本框架上方”按钮。(3)单击“定位符”调板左上角的“左对齐定位符”按钮,然后在定位符标尺的上侧单击,插入左对齐定位符,然后在X选项的文本框中输入数值,使该定位符精确定位,如图5-30所示。
常规选项在InDesign中的应用
如图5-3出示了“段落样式选项”对话框内的“常规”项目,该项目与“新建字符样式”对话框内的“常规”项目相比,只是多了“下一样式”选项,该选项功能在输入完本段文本后,下一段文本自动应用提前设置的段落样式。图5-3 常规选项(1)启动InDesign,执行“文件”→“打开”命令,打开本书的附带光盘\Chapter-05\“一剪梅.indd”文件,如图5-4所示。图5-4 素材图片(2)参照图5-5所示,使用“文字”工具,将相应文字选中,并在“控制”调板中对文字属性进行设置。图5-5 设置文字(3)保持选择的文字不变,执行“窗口”→“文字和表”→“段落”命令,打开“段落”调板,单击调板上的“居中对齐”按钮,将选择的文本居中对齐,如图5-6所示。
介绍InDesign中的特殊符号
特殊符号有三类:分隔符、特殊字符和空格字符,如图5-1所示。这三类特殊字符都可以从“文字”菜单中的“插入……”命令子菜单中选择。除分隔符和部分空格字符以外的其他特殊字符都可以在“字形”调板中找到。图5-1 特殊符号命令在编辑文本时,如果能看到像空格、段落结尾、索引标记和文章结尾等非打印字符,将会对排版有所帮助,如图5-2所示上图为隐藏,下图为可见。这些特殊字符只有在文档窗口和文章编辑器中可见,这些字符不会被打印出来或输出到PDF文件和XML文件中出现。执行“文字”→“显示隐含的字符”命令后,可以隐藏或显示这些字符。图5-2 隐藏和显示特殊符号分隔符中命令、快捷键和说明如表5-1所示。 命令快捷键
InDesign种描边调板的具体操作
在“描边”调板中设置对象的描边效果。如描边线条的粗细、线条的样式、线条连接、起点形状和终点形状等选项。下面通过操作学习这些选项使用的方法。(1)使用“钢笔”工具在视图相应的位置创建直线图像,如图6-79所示。图6-79 创建直线图像(2)执行“窗口”→“描边”命令,打开“描边”调板,如图6-80所示。图6-80 “描边”调板(3)在“粗细”选项的文本框中输入数值,可以调整描边图像的宽度,数值越大描边越宽,如图6-81所示。图6-81 “粗细”选项