推荐阅读

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

PSP4(8)闪电交加的习作
注∶在此过程您可能什么都看不到,不要紧,您可试著另开个新档把它叫出来( Masks/Load) ,在(View/Through mask)打勾,现在您就可以看到刚才存的 闪电状的遮罩,OK,再将 此图关闭。】【注∶用滑鼠的网友,欲画出这些线条,可要考验您的功力了:)】 接下去要做出闪电周围的蓝色霓光。先将背景色换成白色,前景为淡蓝色。 将上图的白色闪电扩展(Image/Special filters/Dilate)⒉~⒊次,(如左图) 接著用颜色替换工具,在图中快按二下,结果线条都娈成淡蓝色了。(如右图) 【注∶您可用(Image/Special filters/Despackle)去除边缘白色残斑】 然後将此霓光给模糊掉,选(Image/Normal filters/Blur more),完成。 至此霓光制作算是完成。 下一步骤把原来闪电载进来合成。 看过刚刚所存的遮罩形状了吗?现在把它(Masks/Load)进来。 接著使用画笔工具(前景换成白色,笔触调很大当刷子用),沿著霓光轨迹涂去, 於是原来的闪电线条便显现出来了。完成後记得把遮罩去掉!(Masks/Delete) 最後用喷枪工具在上方源头处点出一片白色的光芒。

PSP4(9)透明度的实作用
自行作好一张底色图案(左图),先选全图 Selections/All 再 Selections/Modify/Overall opacity+40, 然後剪贴之 Edit/Cut;Edit/Paste/As new image 成为一个新图案(如右图)。 上述步骤乃增加透明度後,彷佛呈现出浮水印的效果。 要作下一步合成时,请先将遮罩编辑功能 Mask/Edit 给关掉。 现在您可打开 View/Through mask 作预视, 接下来开启另一个您喜欢的图档。 并以填涂工具设定为 Pattern,如左图。 最後直接填充至上图,再记得删掉遮罩 Mask/Delete,完成(右图)。

PSP4(12)影像融合的研究
先准备好两张欲合成的图片,如图左。 这次会用到的两种工具∶橡皮擦 (eraser)复制笔 (clone brush) 把人像全选(Selections/Select all)後复制之(Edit/Copy) 启动风景图片,用距形工具选择一个块,使用贴入选取区(Edit /Paste/ Transparent selection) 的方式, 将人像贴入,如左图。 第二种为您介绍的是"复制笔"的用法。方法不难,先按下此工具纽 再按下shift键,同时在人像图(约脸部*)点一下,放掉shift键。 把工具调整选项的不透明度调到约五左右,其形状大小可设大些。

PSP4(13)撕裂效果的运用
先开启一图档,使用套索选取工具 先试著圈出一不规则的区域来,如下图所示。 接著在主选单下拉 Image/special effects/Add drop shadows,对话盒出现。此项功能 原本是用来产生阴影,在这 不妨拿来模拟撕裂的效果。其上面的不透明度及阴影 模糊程度自订,至於阴影的偏移度就由X、Y两滑杆来决定。设定好後离开,您便可 以看到效果(记得按右键以消除选取)。主要诀窍在於您所圈选的形状及阴影偏移 度的控制。换换区域并重复上述步骤,即可得到如下的结果来。为求较艺术化的表现,我们利用负片效果来变化一下单调的图形。方法非 常简单, 同样应用套索选取工具圈出您要的范围出来,接下来就使用 Colors/ Negative image 的功能产生反相的结果。接著,就是多做几次直到满意为止。范例之

PSP4(14)雕凿效果的展示
雕凿的功能是在 Image/Special Effects/Cutout 的选项中,它的设定面板与 阴影化的功能很类似,但做出的效果则是截然不同。如右图所示,呈现出被挖凿的下凹感觉。

PSP4(15)影像选取的魔术
当我们想在图片上做物件选取,PSP 提供了三种好用的工具,分别是几何选取、 手绘选取及颜色选取(参考工具设定单元的图示说明)。您可曾注意到在各个工具的 设定栏中皆有 Feather 的调整项,而魔术棒(颜色选取工具)更多了 Tolerance 的调 整项,这些是做什么用的呢?现在,先从 Tolerance 的用法开始介绍。 所谓 Tolerance 就是「容忍度」,较科学的讲法是「容错度」。它的值愈小,就是对颜色是否 相同愈挑剔,於是在绿色背景中一些不是纯绿的小污点,它都不放过。(试著将 Tolerance 调到最小看看,当您以魔术棒点下背景时,就可以看到更多的非绿污点被圈了起来) 相反的,值愈大就是容忍度愈大,愈能包容相近的颜色值,所以不但背景的非绿污点都 被选了进去,就连边缘发间的淡色区域亦被囊括。经反选取的结果,大部分的边缘淡色部分 自然地都被排斥掉,因此最右图的周围看起来就显得乾净多了。

PSP4(16)文字变化的探讨
拓碑字 白字贴入/..Dilate x2/..Blur more x3/黑字贴入原位置 圆弧立体字 白字定位後/Selection/Modify/feather (+10) /..Dilate x2/..Blur more x3/..Emboss/Selection none

PSP4(17)虚拟光影的世界
等四个基本选项(如右图)。 图左、这是由圆形笔触所点成。中间较大,周围较小且井然有序的重叠排列。 图右、这个就是由垂直、水平、左斜、右斜四种笔触所组成。这 用到二个小技巧, (设定项中调为暗化 Darken),在适当地方涂抹以产生焦黑的味道。 以上原则可将 opacity 先调至最高,它就会造成中间光亮而向周围暗去的渐层效果。 若您不太计较的话,是不是觉得有点立体感呢?

PSP4(18)常见问题的摘要
在此我要先做说明的是,本教学网站原是定位在PAINT SHOP PRO的进阶使用,因此在基础说明及入门介绍方面比较阙如,盼望网友能予以谅解! 如果您看了本站所介绍的而产生兴趣,我想,在文件中也没用到太艰涩难懂 的字句(除了文笔不顺外),所以新来的朋友,非常欢迎您一起来到PSP的园地 共同耕耘。 不知您是否己download这个shareware?如果手边己经有的话,建议您不妨 直接动手,先抓个图档来玩玩。在 PSP 己内建不少的滤镜功能 即在主功 能表Image下的大部分选项都是),可以让您做出一些变形、变色等特效出来,但 这些功能算是比较基本而且普遍存在各类影像处理软体中。至於其它千奇百怪 的特效外挂模组(Plug-in),只是专业制作厂商所发展出来的滤镜程式 当然 有些是商业性质的,有些则免费提供)可供使用者用以扩充更多的特殊变化。 基本上在本教学站台上所提供的,很少是用滤镜一步完成的,一方面比较没 啥"意思",另一方面也表现不出使用者的心得来。(别误会,我不是在自夸啦!) 相信如果您玩得愈久就不太会依赖这些滤镜。当然啦,从另一观点来看,这些滤镜却 倒也给初学者造就出很简便而且即时性的效果出来。对高手而言,运用某些滤镜 也能增进趣味性进而提高作品的价值。至於外挂滤镜的取得及安装方式请直接参 考基本设定中的说明,在此不予赘述。 所以,还是先建议您拿些图来试试,并对整个PSP的操作介面(环境),以及 使用方法作一番认识,这可能是比较恰当的。本教学网页内容的编排虽然没有特定的顺序, 不过仍希望能由上而下(当然,不感兴趣的就暂且跳过)来习作,可能是比较好的学习方式。 底下就是在网友的来信中所提到较具代表性或经常遇到的问题,在此提出,希 望您在发问前先浏览一番,说不定正是您心中的疑惑哦! 问题精选 问题一 不小心把 Toolbar 和 Tool palette 推出 PSP 视窗的边界,然後它们就 "不见了" 如何挽回?解答 问题二 想做阴影字,但将文字贴入然後在用special effect郄都不会出现 add drop shadow 的选项(全是在不可选取的状态),Why?又为何我的 psp 中的一些功能,例如在image下的选项都是无法使用? 解答说明 问题三 希望你可以介绍几本关於PSP的应用书籍(中文的喔) 毕竟在这里学的很有限,而且线上阅读很麻烦... 解答说明 问题四 在做两张图片融合过程中,我发现用ê个eraser不能把前面 的图片抹掉,这是什么缘故? 请问是否有别的方法可以做出这种融合的效果呢? 解答说明 问题五 请问怎样制作逐渐变色的图?(例: 由红色渐变绿色) 解答说明 问题六"选取工具的进阶应用"这一篇中,倒底是在什么情况下什么地方和 SHIFT或 CTRL键一起按呢?不大了解这个意思。 解答说明 问题七 你说用mouse画闪电要花一些功夫,ê么你用什么 画闪电?是数位板吗? 解答说明 问题八 Resize和 Resample有什不同? 解答说明 问题九 我照您的方法试了好多遍...还是没办法把背景弄成透明的。为什么透明图片的背景在browser中看起来很不乾净呢? 解答说明 问题十 把图片做成透明底色後,用GifCon要把他们变成动画时, 组合之後,动画却不是透明背景耶?! 解答说明 问题十一为何输入文字後(还在虚线状态时),移动时会破坏到底下的图呢?解答说明 问题十二在特殊字型完成後想把某些颜色给换成其他颜色,有什么比较快速的方法?解答说明 问题十三 在PSP中开了一堆图档也做了一些图,想把它们统统储成同一 种格式,要如何做呢? 解答说明 说明辑要 说明一 在4.12版之前的确存在这种"工具列被推出工作区视窗而告消失"的问题,其解决之道如下∶一、按 CTRL + SHIFT + I 把所有开启的浮动面板弹回工作区*。二、直接到PSP的家下载修正档,位址如下∶ http://www.jasc.com/psp4tech.html 说明二要使用预设快速建影的功能,必需在图中该物件或文字仍处於 (设成)选取(select)的状态,亦即记得浮动的边线还不能按掉!然 後才能用special effect.....您瞧,现在前四项的功能是不是 enable了呢?另外 PSP 是设定在全彩模式*(1677万色 24bit)下才能启动所有的 特效功能选项,所以请您在开启新/旧档时皆一律先转成全彩的模式 (用选项 Colors/Increase color depth)。 待图档处理完成後再存成您要的256色 GIF 档或其他格式。*256色 gray灰阶模式亦可,视您需求而定 说明三 就我所知,市面上似乎尚无一本 PSP 的参考书籍(无论中英文),但以前曾有看到一本老旧的中文化使用册子 但内容则是 PSP 2.0版的老古董! 在那时候的PSP只是一个超级的转档程式,并无绘图/影像处理的能力, 所以并不太实用。若您觉得网上阅读不太方便的话,建议将整个 Page用浏览器 抓下来(含图、文),离线後就可慢慢研究了!其实比较一般的商业绘图软体,PSP算是很容易入门且也很实惠的。它 所提供的工具及特效,只要直接去使用应该就能上手的。若非不得己要查阅 线上说明,也不必畏惧,因为那些英文都是短短的而且浅显易懂,绝难不倒 人,要有信心唷!(有热心网友告知,已有中文介面的程式出现,若您有兴 趣不妨去明察暗访)此外若觉得敞站仍无法满足您的需要,最好的方式就是自己实地去TRY, 相信可以累积一些心得。如果您常上网,应该可以找到其他一些相关的教学 站台可供参考。 说明四 请记得eraser的用法是只能针对"上回最後一次动作"有效。 例如当图片贴入时(己移好位置且去虚线後),立即使用之。 或者在其他绘图工具使用後,立即做擦拭的动作。另外也可以用"复制笔"的方法来模拟图片融合,这在同一篇 的第二部分有介绍可参考看看! 说明五 用填涂工具(倾倒桶,Flood Fill),在它的工具设定浮动栏 (知道吧?)中有个 Fill的选项下拉就有线性渐层、幅射渐层、 圆形渐层、方形渐层等四种。在旁边的option钮按下後可调整渐层方 向。然後在画面上一点就可做出前、後景的二种颜色所形成的渐层了。 用此方法再花点功夫重复数次,就可做成多色的的渐层效果。 说明六 在此再详细说明清楚。 请按下选取工具(上排那个方形虚线或套索图钮都算是)随意拉个形状。 例如圆圈好了,接著我们要再做一个圆要与之部分重叠(有交集), 这要如何做呢? 很简单,左手先按著shift键不放,同样再以滑鼠拉出一个圆来,最後 再放掉左手。结果,是不是看到这两个圆圈交叠的部分连在一起了? 对啦,这就是加成(联集)。同理,若改成按ctrl键的话,则结果 交叠的部分被第二个圈圈给挖掉了,这就是消去(差集)。 说明七 如果您只是对绘图有兴趣,想玩玩看,建议买中文手写系统就好了 既可做中文输入又可把笔当渭鼠用,很实用。 但若您将来想走专业美工的路,那么一块绘图数位板(ex.wacom)是 不可缺的。 但无论如何,抓著滑鼠是不是很难作画呢? 说明八 Resize主要是用在较简单的几何图形上较佳。 (即有明显的色块相邻的边界)Resample则用於较复杂且不规则色边的图档如影像 的处理(需全彩下才能使用) 说明九 再详细解说一下。 请直接在您的图形背景地方按右键(PSP的背景是不是也变色了呢?) 然後再照网页上指示的 save as 选 gif格式/按下右方的options钮 /选 set the transpancy value to the background color, 设好档名确定就完成了。 还有,若在背景色中含有渐层颜色(如阴影),ê透明化後出来的效果 会令人很失望,建议将 browser的背景与图像背景设成一样应该也是不 错的变通方法! 说明十 这完全是色盘(palette)转换所产生的问题。 有二个解决的方法∶一、一开始就用gifcon.本身的底色透明功能。 亦即,在 PSP中存成普通的 gif or jpg档便可。二、若您已做好透明底图档,且用wizard做好了动画。 这时烦请您在序列中把图档依次delete,再依次insert进来。 每次叫图进来时会出现一个palette的对话盒,建议选第一项 (use a local palette..),如此逐次替换全部之图档。 最後再选每个control项,用滴管设成透明底色就可。 方法∶(一)、按下CONTROL列,会出现一对话盒(二)、把Transparent color项打勾(三)、按下旁边的滴管,然後在图片背景点一下,OK! 说明十一 在文字输入的对话盒中,右方有个 Floating的小框框请打勾, 这样输入的文字暂时呈"飘浮"的状态,移动时不会干扰到下方的图层。 说明十二 很简单,字型完成後,用颜色取代工具(COLOR REPLACER)在图中例如 背景部分快点二下即可。这时与背景相同颜色的所有区域都被替换了。 但记得先将色盘给设好∶前景色∶想要的颜色後景色∶要替换的颜色 说明十三 在PSP 有个多档案格式转换的批次处埋功能, 可以不需开启图档就能将档案目录中的不同格式(可复选) 一次全转成同一格式的图档∶ (如1677万色的 jpg,tif,tga...全部转成256色的 gif) 方法∶在File/Batch conversion下,弹出一box, 选出您要转换的档案(分别按shift或ctrl键做复选、消去) 填好输出格式(ex.256色的gif)及输出路径,好,start. 但若是己开启在工作区的图档,只有一张张的转存档了。