推荐阅读

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

用Coreldraw制作节日贺卡
当今通讯科技发展迅速,电话、E-MAIL的往来问候虽然更加迅速但却无法替代信笺间流露的亲情和爱意。如果能自己制作一张小小的贺卡,虽然只言片语,但传递的是对远方亲友感同身受的思念,这不是几个冷冰冰的字符可以替代的。下面就让我们用Coreldraw设计制作并打印出一张贺卡,在寒冷的冬日为我们的亲友带去我们炙热的爱。 既然是冬季的节日贺卡,我想主题不外乎圣诞、新年、春节、情人节之类。以圣诞为例,其传统内容构成不外乎圣诞树及一些附属装饰物,诸如:彩球,彩灯等等。我们接下来的工作就从这些方面入手绘制贺卡的装饰画。 接下来,我们将选好并略微调整尺寸的松树导入Coreldraw。选取工作面中的松树,然后在“位图”下拉菜单中选择“编辑位图”功能。这样一来该图将出现在随之引出的Corel—Paint中。在CorelPaint中新建一个页文件并将其页面长宽设为4×5英寸(该过程可在页面设置对话窗中完成)。在“窗口”下拉菜单中勾选“对象管理”和“笔刷设置”泊坞窗,打开相应的属性窗口以备后面使用。将“松树”复制并粘贴到新文件中,然后以圣诞树(ChristmasTree)为名保存该文件。为很好地投入后续工作,可先将其置于工作条中待用。 下面我们来处理圣诞树上的装饰物——彩球。其实下面的工作并不是简单的图像编辑,而是直接将他们变成了工具。从我们特定的文件夹中找出如(图2)所示的多个彩球图片,并分别缩小其尺寸至1英寸见方,然后,逐个将它们导入Coreldraw中。 如上文所述的同样方法,继续使用“位图编辑”工具。但这次当彩球出现在CorelPaint中时,各位需点选工具列上位于“笔刷”栏中的“图象喷涂”工具,如(图3)。此时,“图像喷涂”工具将出现在你的属性栏中。点击位于属性栏尾部的“图像喷涂”设置图标并选取“保存选项为图形列表(Save Options as image lists)”的设置。对于其它选项,诸如:“保存为方向性图形列表”,因在本次习作中不涉及,则不做选择。到这里,我们还应该设立一个新文件夹来保存喷涂图形和圣诞彩球,否则,在具体喷涂使用时会造成麻烦。说到这,我要讲讲上述工作的意图,其实就是为“喷涂工具”制作“弹药”,来制造我们想要的效果,从而达到装饰圣诞树的目的。(到这里我们完成了一个喷涂文件的制作) 制作了“武器”,我们就要实际的应用一下。重新打开“圣诞树”文件,并点击激活它。与此同时被一红框围绕的该图像将出现在“物件管理泊坞窗”中。选取工具列中的“图像喷涂”工具,然后点击其属性条左侧的黄色文件夹图标见(图4)。

用Coreldraw绘制自己的掌上电脑
如果拥有一个掌上电脑,工作学习、出差开会的确会方便很多,可我现在还买不起,不如自己先设计一个,随心所欲,说不定哪一天我设计的会在市场上卖得很红火哟。好了,光说不做也不行,跟我来吧! 1.打开coreldraw 软件 ,用“矩形工具”画一个大约 12*0.9cm 的长方形(掌上电脑外壳),然后用“矩形圆角程度”工具(画矩形时属性栏会出现此工具)将方角处理成圆角是不是好看得多了,再用“交互式透明工具”进行黑白渐变,您也可以选择其它颜色。如图A: 2.建两个0.7*0.8左右的矩形,注意第二个矩形稍微小一点(它就是屏幕了),再用“交互式透明工具”进行蓝白渐变,如图B,再将它群组起来 (快捷键 ctrl+g ) 3.下面我们来做掌上电脑的按钮和手写器,其实我们上一步都做过了,用上图B的方法做一个图C的效果 ,大约在 7*2.4cm 内 做按钮和手写器,打上文字 ,群组一下。 4.有了上面的这些还不够,我们再做上屏幕内的菜单,用“符号工具” 再在下面配上文字,在把它们群组一下。如图D: 5.将做好的东西集中起来,给它组装起来吧!!如图E: 6.把刚才做的菜单放到屏幕上,再做上麦克风、耳塞、电池盖和名字。 如图F 7.再添上手写笔,就大功告成啦!

用CorelDRAW制作自己的贺卡
圣诞来临,元旦、春节也即将到来,远方是否有自己牵挂的人呢?发封电子邮件问候一下吧,祝她(他)节日快乐。贺卡站去找一张贺卡吧,又觉得这么多的贺卡中要么就不能表达自己的心意,要么在贺卡上有原作者的名字,很难找一张真正中意的贺卡。怎么办呢!Do it yourself!贺卡也来DIY!当远方的她(他)收到这张有你自己签名的贺卡,心里别提有多感动…… 要制作贺卡,我们有很多软件可以选择,Flash、Photoshop、Fireworks、Corel DRAW等都是贺卡制作的好工具,下面我们就用Corel DRAW软件为远方的她(他)制作一张代表自己心意的贺卡。一起来吧! 制作一张代表自己心意的贺卡,这一步很是重要,要不然还不如到网上去找一张呢?这一步主要是构思一下用这张贺卡表达一种什么情意,并设计这张贺卡的大致布局,或用什么样的图案来表现。 相信很多人跟我一样,思念之人远在天边,即使买了一大堆节日礼物,也无法送到她的手中,寄托自己思念的唯一方法就只能是在电脑屏幕上敲上问候,深深祝福她。那就将自己的这种思念用贺卡的方式告诉她,呵,创意不就有了。 下面我们主要考虑用什么样的图案和颜色来表现,圣诞节来了,送上一张圣诞卡,圣诞老人的图案当然少不了,而且是一个扛了一大袋礼物的那种。表达自己的思念,创意中提到的电脑当希望是少不了,要不然,她怎么会知道你是在电脑前想她呢! 主角已经敲定,其它的配角如图案填充、辅助线条、辅助图案,就等最后来根据需要来制作它了。 二、绘制主角图案 先绘制扛着一大包礼物的圣诞老人,如果对Corel DRAW不是很熟悉,你最好在纸上先画好造形。 (1)先用贝塞尔工具勾出圣诞老人的帽子及边缘,并填充为红色,边缘部分填充为白色,如图01所示。 图01 (2)分别绘出圣诞老人的脸庞、眉毛、眼睛和胡子,具体造型如图02所示,同时将各个部位进行组合,并调整每个部位的层次,使之如图03所示。

用CorelDraw制作转动的立体齿轮
这个灵感来源于我的机械书课本,作为一本专业的机械书,用啮合的齿轮作为封面的设计元素似乎很有代表性。当然除了做机械书封面的主角,你大可把它放进你前卫的设计作品中去充当配角,或者干脆直接用它来做主题。 现在我们要制作的是两个啮合转动的齿轮,并且有意识的从几个空间方向上观察这种转动效果的一个动画,动画部份我会用Corel R.A.V.E.(CorelDraw10中新增的组件)实现。 首先我们先来制作两个啮合的齿轮,以下是详细操作步骤。 1. 打开CorelDraw10,新建一个文件。首先在绘图区画一个长方形,并设置其各个角的圆角为45度。双击这个矩形,将它的旋转中心移至最下边的中心,暂为这个矩形取名为A。 2. 通过敲击小I盘上的“+”号复制这个矩形,将复制得到的矩形B移到一旁,点选“交互式调合工具”按扭: 将A、B进行调合,调合步数为10。将调合方向的角度参数设为360: 这样我们会得到一个很夸张的效果,如图 两个箭头用来指明A、B矩形的位置)。为了改变这种“奇形”,首先按Esc键取消全部选择,然后辅以Shift键将A、B两矩形选中,顺序按C键、E键,从而将A、B矩形水平垂直中心对齐。取得的效果如图 3. 按Ctrl+A选中所有对象,然后按组合键Alt+A,再按B键,将所有调合对象分离。选中A、B矩形任意一个将它删除。选中剩下所有对象,按Ctrl+G组合键将它们群组。

用Coreldraw制作晶莹剔透苹果风格按钮
浏览过苹果公司主页的人,想必对其晶莹剔透,流光溢彩的网页按钮有深刻的印象(图0)。记得看过介绍制作苹果风格按钮的文章,不过那是用PHOTOSHOP做出来的,在Coreldraw中又是如何制作呢?请看我的制作方法: 虽然心动不如行动,但是在行动之前还要“运筹帷幄”,仔细观察一下,我们会发现按钮主要分为以下几部分: 1)按钮主体。 2)按钮上面的高光部分。 3)按钮阴影部分。 4)文字及文字阴影。 这样一分析,就会胸有成竹,做起来自然得心应手。好,打开心爱的Coreldraw 10,新建一个文档,开始苹果风格按钮的设计。 1.选择矩形工具,绘制一个细长的矩形A。刚绘制的矩形会保持在选择状态,看看属性栏,单击并关闭“Round Coners Together”小锁状按钮,这样可以单独调节某个矩形的圆角而不影响其它的。在属性栏中作如图2的设置,调整左上和右上两个圆角。需要说明的是,这里的圆角数值并不是绝对的,其数值视你要制作的按钮大小而定。

融会CorelDRAW9之一:浮雕图案
当我在写《实例学用CorelDRAW9》时,压根儿就没有想过会写CorelDRAW9的另一篇教程,因而那时就将肚子里的东西全部掏出来了。到现在写这一篇教程时,却发现要找一点点新的东西真的好难。 朋友安慰我,她说:上一篇教程讲述了CorelDRAW9的使用方法,为什么这一篇就不会讲一点融会的知识呢? 所以,就把这一篇教程叫做:融会CorelDRAW9 和上一篇教程一样,这里仍然以实例作为载体,不过这里却更注重实例!并且我会试图用两种或两种以上的不同方法来实现在个实例。当然,效果可能不完全是一模一样,但我只要你知道:CorelDRAW9中实现一种效果可能会不止一种方法!也希望你能对种种不同方法作一个比较,从而达到融会知识的目的。 但愿,你能在这里找到你需要的…… 这是教程的第一小节,准备讲的内容是:“浮雕图案”。 先看看图案效果吧。(如图1) 首先:画一个矩形,点取“互动式填充工具”,在“填充类型”中选择“材质填充”,然后在“材质库8”中选择一种坚硬的石壁材质。 我们已经得到了图片的背景,接下来,我们就应该生成文字“CorelDRAW9”了。 接下来,点取文字工具,在画面中任意一处点击鼠标,输入文字“CorelDRAW9”(美术字文本),然后在属性条中进行字体(因较粗的字体力度较强,更能够体现浮雕感觉,所以建议使用粗体字)、大小、位置的设置,取消文字的边框。这时得到如图2的效果。

打造属于自己的字体
不少做平面的朋友可能都有过这样的经历:在自己的作品中要使用某种特效字体,但是到处都找不到符合自己要求的。于是有些朋友选择了自己绘制,这当然解决了当时的问题,可你有没有想过,把你绘制的字符图形制作成为真正意义上的、能够在Windows系统中使用的字体呢?或许你会认为这是专业软件公司的事,个人制作是不是太困难了? 其实只要我们选好工具,掌握方法,制作自己的字体并不困难。 一、字体基本知识 平时我们常见的字体格式主要有以下几种: 1.光栅字体(.FON) 这种字体是针对特定的显示分辨率以不同大小存储的位图,用于Windows系统中屏幕上的菜单、按钮等处文字的显示。它并不是以矢量描述的,放大以后会出现锯齿,只适合屏幕描述。不过它的显示速度非常快,所以作为系统字体而在Windows中使用。 2.矢量字体(.FON) 虽然扩展名和光栅字体一样,但是这种字体却是由基于矢量的数学模型定义的,是Windows系统字体的一类,一些windows应用程序会在较大尺寸的屏幕显示中自动使用矢量字体来代替光栅字体的显示。 3.PostScript字体(.PFM)

在InDesign设置文本框架和路径
路径是矢量图形,类似于在绘图程序(如Illustrator、CorelDRAW)中创建的图形。可以使用“工具箱”中的矢量绘图工具和钢笔工具直接绘制路径。用户可以沿路径放置文本,文本会按照路径的形状进行摆放,如图3-20所示。图3-21 沿路径输入文本使用钢笔工具以及图形工具绘制的框架图形,可以容纳图片或文本,在没有指定内容或置入内容时对这种对象的总称为框架或图文框。用户除了可以沿路径放置文本以外,还可以将路径图形作为文本框架,这时图形就像一个容器,框架内输入的文本将按照框架的形状进行摆放,如图3-21所示。图3-22 在路径中输入文本在路径内部输入文本内容后,路径将转化为文本框架。由于框架由路径组成,因此框架可以按照路径的设置方法进行操作,例如为其设置填色或描边颜色。同时,可以使用“钢笔”等路径编辑工具对框架的形状进行调整,如图3-23所示。图3-23 设置框架属性文本框是由“文字”工具所创建,专门用于输入和管理文本的框架区域。分为框架网格和纯文本框架两类。框架网格是中文排版特有的文本框架类型,其中字符的全角字框和间距都显示为网格。在框架网格中设置网格的属性,文本在网格上的分布方式也会做出相应的改变,该框架是中文排版特有的文本框架类型。纯文本框架是不显示任何网格的普通文本框架。图3-24出示了框架网格和纯文本框架。

在InDesign设置文本框架选项
文本框架选项可以对文本框属性进行设置,例如设置框架中的分栏数、框架内文本的对齐方式或内边框外观等等。下面通过操作来学习文本框架选项的设置方法。(1)使用“文字”工具,在文档中创建文本框,并在文本框中输入文字,如图3-33所示。图3-33 创建文本框(2)确认文本框为选择状态。执行“对象”→“文本框架选项”命令,打开“文本框架选项”对话框,如图3-34所示。图3-34 “文本框架选项”对话框在打开的“文本框架选项”对话框中默认情况下显示“常规”面板的相关选项,在该面板中有三个选项组,分别为“分栏”、“内边距”和“垂直对齐”,每个选项组中的选项用法各有不同,接下来详细介绍各个选项组的使用方法。“分栏”选项组可以设置文本框中的分栏数、栏间距和栏宽。(1)单击对话框左下角的“预览”复选框,可以在文档中显示设置的效果。

在InDesign中删除或储存书籍
(1)单击“书籍”调板底部“存储书籍”按钮,将创建的书籍存储。(2)选择“空白”文档选项卡,单击“书籍”调板底部“移去文档”按钮,将选择的文档从书籍中删除,如图12-68所示。图12-68 删除文档(3)单击“书籍”调板的按钮,在弹出的菜单中执行“将书籍存储为”命令,打开“将书籍存储为”对话框,设置书籍存储的位置和名称,如图12-69所示。图12-69 “将书籍存储为”对话框(4)单击“保存”按钮,关闭对话框,在“书籍”调板中打开的为刚刚存储的书籍,如图12-70所示。图12-70 将书籍存储为