推荐阅读

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

Photoshop绘图工具之修复画笔工具使用方法
photoshop修复画笔工具 photoshop的修复画笔工具内含四个工具,它们分别是污点修复画笔工具、修复画笔工具、修补工具、红眼工具,这个工具的快捷键是字母J。 photoshop的修复画笔工具 修复画笔工具 1、使选择修复画笔工具 。 2、点按选项栏中的画笔样本,并在弹出式调板中设置画笔选项。 从选项栏的“模式”菜单中选取混合模式。 选取“替换”可以保留画笔描边的边缘处的杂色、胶片颗粒和纹理。 在选项栏中选取用于修复像素的源:“取样”可以使用当前图像的像素,而“图案”可以使用某个图案的像素。 如果选取了“图案”,请从“图案”弹出式调板中选择一个图案。 3、在选项栏中选择“对齐”,会对像素连续取样,而不会丢失当前的取样点,即使您松开鼠标按键时也是如此。 如果取消选择“对齐”,则会在每次停止并重新开始绘画时使用初始取样点中的样本像素。

PS初学者使用Photoshop钢笔抠图的方法教程
如何利用PS中的钢笔抠图?本人感觉很多ps高手分享的经验太深奥,对于PS菜鸟来说几乎看不懂!故本教程以浅显易懂为主!下面讲一下用钢笔抠取弧形轮廓图像并换背景的方法。希望对菜鸟们有所帮助!PS钢笔抠图步骤:1、双击打开PS-------文件----打开需要处理的图片:(此图片仅仅为了展示用钢笔抠取弧线的方法,其实用其他方法抠取有可能更方便)2、选择左边工具栏里的钢笔工具钢笔工具配置要求: 3、为啥首先复制一层呢?因为如果弄着背景层一味的处理,结果处理效果不满意咋办?想要对比下处理前和处理后的效果咋办?所以留一个背景层(留下后路)嘿嘿。。。个人这么理解滴,建议养成这么这么个好习惯吧。

Photoshop绘图工具之切片工具使用教程
photoshop绘图工具之切片工具使用教程?切片工具对于网站的美工和淘宝美工都非常的重要,下面就向大家介绍ps切片工具切图技巧,一起看看吧! 在网页中处理图片时,有时会想要加载一个大的图像,比如页面上的主图,或者是背景。如果文件很大,它加载的时候需要的时间就会长,尤其是用户网速比较慢的时候。你可以通过压缩来减小文件大小,但是这会使图像质量受到影响,压缩文件也要适可而止。因此你需要注意以下几个问题:一是实际文件的大小;二是分辨率;三是压缩。 解决这个问题的方法就是把图片分割,它将允许你在加载图片的时候可以一片一片地加载,直到整个图像出现在你的屏幕上。 一、它的使用原理 首先概述下它的工作原理,当你有一个需要花很长时间来加载的大图像时,你可以使用Photoshop中的切片工具把图像切成几个小图。这些图像将被作为一个单独的文件保存,还可以进行优化通过保存为中Web所用格式。 此外,Photoshop生成HTML和CSS以便用来显示切片图像。在网页中使用时,图像通过使用前面提到的HTML或CSS在浏览器中重新组合以便达到一个平滑流畅的效果。下面是一个关于图像切片的例子。 二、切片的基础知识 为了简单起见,我们只在一个图上使用切片工具。在这个例子中,我使用的图片大小为960 x722px。在我们开始之前你需要了解一些知识: a.在创建切片时,你可以使用切片工具或构建使用层。 b.切片可以选择使用选择工具来选中。

在CorelDRAW中节点的选择
通常在对路径编辑调整之前,都必须先选择其路径上的节点,然后对其进行编辑调整。在CorelDraw中为用户提供了多种选择节点的操作方法。读者可根据实际情况灵活地选择节点并对其进行编辑调整。接下来将向读者分别介绍几种常用选择节点的操作方法。(1)启动CorelDRAW,新建一个工作文档,接着对属性栏中的参数进行设置,更改纸张的大小,如图3-87所示。图3-87 设置属性栏(2)双击工具箱中的“矩形”工具,创建一个与页面相同大小的矩形,为其填充颜色,如图3-88所示。图3-88 绘制矩形并填充(3)使用“选择”工具,选择绘制的矩形,按下小键盘上的号键将其原位置再制,接着按下键将其转换为曲线。(4)在对曲线编辑时,通常会选取其曲线上的节点,然后再进行编辑。接下来将通过以下几种常用的方法,从而使读者掌握选择节点技巧和方法。①通过单击的方法选择单个或多个节点。使用“形状”工具,单击曲线上的节点,可选择单个节点,按住键盘上的键,可依次选中多个节点。如图3-89所示。

CorelDRAW中度量工具的应用教程
在创建技术图表、建筑施工图等需要精确度量尺寸,严格把持比例的绘图任务时,使用曲线工具组中的“度量”工具可以帮助用户轻松完成任务。下面将通过一组操作,从而使读者掌握该工具的使用方法和操作技巧。(1)执行“文件”→“导入”命令,导入本书附带光盘/“Chapter-03/”“蛋壳.cdr”文件,参照图3-73所示调整图形的位置。图3-73 导入文件(2)选择工具箱中的“度量”工具,在属性栏中单击“自动尺度”工具按钮,在蛋壳的左侧单击鼠标,自动吸附到对齐点。移动鼠标到右侧的对齐点后单击,出现一条直线。然后再向上移动鼠标,并在直线的中点单击,即可建立一条尺寸线,并显示度量的尺寸数据,如图3-74所示。图3-74 度量蛋壳宽度(3)按下键返回到建立尺度线前的状态,单击属性栏中的“倾斜尺度”工具。在蛋壳的左上角对齐点上单击,然后移动鼠标到右下角的对齐点上。单击鼠标并沿尺度线水平移动,将指针移动到度量的*,再次单击就会出现倾斜度量的尺寸数值,如图3-75所示。图3-75 建立倾斜度量线

Photoshop文本工具之文本工具使用教程
photoshop的文本工具内含四个工具,它们分别是横排文本工具、竖排文本工具、横排文本蒙版工具、竖排文本蒙版工具,这个工具的快捷键是字母T。 photoshop的文本工具 横排文本工具、竖排文本工具 输入文本: 1、选择文字工具。 2、在图像上欲输入文字处单击,出现小的“I”图标,这就是输入文字的基线。 3、输入所需文字,输入的文字将生成一个新的文字图层。 在文本框中输入文字:

CorelDRAW中多点线工具的应用教程
“多点线”工具使绘制自由路径的操作更加随意。当用户在工具箱中选择“多点线”工具后,在绘图页面上单击并拖动鼠标就可像使用“手绘”工具那样绘制自由曲线。但与“手绘”工具绘制出的路径不同的是,释放鼠标路径并没有成为单独的对象,再拖动鼠标还可以继续路径的绘制。使用该工具在绘图页面不同的位置单击就可创建连续的折线,单击并拖动鼠标可在折线的基础上绘制连续的曲线。如图3-62所示。 图3-62 使用“多点线”绘制曲线A 绘制折线 B绘制曲线1. 绘制折线选择工具箱中的“多点线”工具,将光标移至绘图页面中,此时光标变为十字右下方带一多点折线的图标,单击鼠标左键以确定第一点,逐步单击绘制多点折线,绘制完毕后双击鼠标即可。如图3-63所示。

在CorelDRAW中使用交互式连接工具
交互式连接线工具可以通过一条线将创建的对象连接起来,非常适合流程图的创建。连接线通过连接对象上的特殊点(对齐点)而将对象连接在一起,拖动连接在一起的一个或两个对象,连接线会做出相应的变化,以使连线的长度和角度与连接对象相匹配。(1)运行CorelDraw,执行“文件”→“打开”命令,打开本书附带光盘/Chapter-03/“图书插画背景.cdr”。如图3-68所示。图3-68 打开光盘文件(2)选择工具箱中的“交互式连线”工具,设置其属性栏参数,接着将鼠标放置在圆环的中心点处,会出现一个蓝色的方块表明位于对齐点上。单击并拖动鼠标到矩形的一个端点上,当鼠标每经过一个对齐点,都会显示一个蓝色方框。然后释放鼠标左键完成连线的绘制,如图3-69所示。图3-69 绘制连线提示:在使用“交互式连线”工具,移动鼠标时,会自动寻找端点,在端点上单击即可连接对象。在连接好两个端点后,连线会自动避开连接点间的障碍物,因此连线的形状会有所改变。(3)这时连接线是不能够移动的,读者只能移动连接的对象。接着使用“形状”工具,对连接线上的节点位置进行调整,然后设置连接线的颜色和宽度,如图3-70所示。

使用Photoshop打造炫酷线条人物穿插效果的电影海报
先看看效果图好的,开始我们的教程。1、将素材拖拽进PS并将人物抠取出来(今天的素材非常好抠)新建背景填充白色。2、在背景上绘制等宽等距的矩形,全选按CTRL+E合并成一个矩形3、将我们的图案图层拖拽进来,置于矩形上方

Photoshop合成教程:打造科幻风格的神秘房屋场景图
效果图:主要过程:新建一个文档,大小如图所示。创建一个浅棕色(#6a5c45)的纯色图层。新建个图层组,命名为墙,用钢笔工具画出如下的房间形状,无压力吧!将我们素材包中提供的地板素材放进来,将它置于墙的底层,纯色层的上层,并添加蒙版,让路的尽头与我们所预留的通道口平齐,将图层混合模式更改为柔光。