推荐阅读
(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打造闪亮的钻石效果文字
新建一个文档,填充背景色为黑色,这样我们的文字就会更突出一点,也更好的对文字进行编辑. 输入文字并把其颜色设置为白色 在菜单中选择 图层> 图层样式 > 斜角和浮雕, 渐变填充 效果图: 按住CTRL 键右击文本层建立选区.然后 进入菜单 选择> 修改> 收缩 数值设置为5. 先不要删除选区
用Photoshop制作魔幻岩石文字效果
今天带给大家使用Photoshop打造岩石文字的效果,希望可以对大家有所帮助…… 先看一下效果: 这个特效主要使用了Photoshop的滤镜功能,非常简单,效果却非常不错。下面是具体步骤。 1.首先运行Photoshop,新建一个600x350像素的RGB图像。如图1所示。 2.将背景图层填充黑色,接着使用文字工具输入我们需要的文字,这里我输入了“网络学院”四个字,这个特效需要选择字体比较粗的文字来实现。如图2所示。 3.选中文字图层进行操作,执行滤镜/模糊/高斯模糊,将模糊半径设置为5像素,按下确定。如图3所示。 4.新建图层1,将其置于所有图层上方,选中图层1进行操作,执行滤镜/渲染/云彩。将图层1制作成为云彩的效果,如果不满意可以通过反复按下Ctrl+F重复执行云彩滤镜来进行选择。如图4所示。
用 Photoshop 打造塑料文字特效
Photoshop可以制作很多种特效,塑料效果在制作的时候介于“水晶”与“金属”效果之间。今天笔者就带给大家制作塑料文字特效的过程,希望大家可以喜欢。 1.运行Photoshop,新建一个600x400像素、72dpi的RGB图像。如图1所示。 图1 图2 图3
初级教程 用Photoshop制作蚕丝文字特效
“春蚕到死丝方尽,蜡炬成灰泪始干。”这是一首千百年来传送的诗句,春蚕的那种奉献精神令人感动。而蚕丝是一种纯天然的动物蛋白纤维,经过染织而成的各种色彩绚丽的丝绸面料,下面我们用Photoshop来制作一款蚕丝文字…… 先看一下效果: 最终效果图 制作工具:Photoshop CS 制作过程: 1、新建一个宽度为9厘米,高度为5厘米,分辨率为300的文件。 2、填充背景色为黑色,选择工具箱中的“文字工具”,在窗口中输入文字效果如图01所示。 图01
Photoshop质感文字系列之:蟒纹字
最近看到一则颇为有趣的报导:在多种令人恐惧的东西比较之后(包括具体的和抽象的),蛇竟然成为大部分美国人最害怕的东西!相对来说,中国人对蛇的恐惧程度远远没有美国人高(勇敢的中华民族!)。不过,那种……(连形容词都令人毛骨悚然~)生物,在我看来也实在不能作为衡量胆色的依据。所以,这一次,我不得不违反常规,凭记忆而不是具体观察,来作为绘图的依据。在座诸位有勇力者,请在确保人身安全的情况下仔细观察,再来提出你的宝贵意见! 既然如此,为什么还要写这篇似是而非的文章呢?好吧!没错,Photoshop是很强大,只要肯下功夫,用Photoshop也能做出那些如同3D软件渲染的,足以和实物相媲美的逼真物件。但你知道,用一个软件的短处和另一种软件之所长去比较,是没有意义的。造型方面不如Lightwave、Rhino强悍,在手绘方面Photoshop的好评也不如Painter、Expression。但如果说到对图像的加工、后期处理,即使最挑剔的人也不得不承认,Photoshop在这个领域内当之无愧的稳坐第一把交椅,目前为止,无人能望其项背。图像处理,这就是Photoshop最大的长处。回到这篇文章中,也许你会在这些图像中挑出许多错误的地方,但它的目的,不是在你面前展示一条栩栩如生的蟒蛇,而是带给你一种装饰作用很强的文字效果。如果你理解并接受了这一点,就请继续向下阅读。 1.打开你的Photoshop,新建一个文档,RGB模式,白色背景,图像大小需要大一些。这个例子的大小为1000×400像素。 选择文字工具,查看你的字体列表,找到一种比较粗大的字体,复位色板,用黑色在背景上写上文字。记得为文字设置消除锯齿。调整好文字的位置之后,栅格化文字。将这一层命名为text。本例中的字体是Minion,字型为Bold,大小为500点,消除锯齿的方式为平滑。由于文字比较大,所以边缘的锯齿也较为明显。为了使文字的边缘更平滑,在栅格文字之后,载入文字层的选区,羽化,半径为1像素,反选,删除两次,再取消选择。这样,文字的边缘会变得更整齐。(图01) 2.新建一层,命名为top,载入text层选区,设置前景色为RGB(52,230,56),用前景色填充选区,保持选择状态不变。 从纹理滤镜组中选择颗粒滤镜,设置强度为22,对比度为41,颗粒类型为软化;然后从艺术效果滤镜组中选择干画笔滤镜,设置画笔大小为2,画笔细节为8,纹理为3,用以简化图像;(图02a)
用Photoshop教你打造蛇皮文字效果
利用PS能够打造出很多特效字体,但是你见过蛇皮字吗?制作出的每一个字体都想蜿蜒爬行的毒蛇,虽然有点吓人,但还是很有意思的哦! 制作工具:Photoshop CS 制作过程 1、新建宽度为16厘米,高度为8厘米,分辨率为200像素,颜色模式为RGB,背景内容为白色的文件。 2、将前景色设置为黑色,选择工具箱中的“文字”工具,在画面中输入如图01所示的英文字母。 图01 3、选取菜单栏中的“图层”“栅格化”“文字”命令,将文字层转换为普通层,然后按住“Ctrl”键,单击“图层”面板中的文字层,为其添加选区。 4、选取菜单栏中的“选择”“羽化”命令,在弹出的“羽化选区”对话框中,将“羽化半径”参数设置为1像素,然后单击好。 5、按“Shift+Ctrl+I”键,将添加的选区反选,然后连续两次按“Delete”键,删除选区中的文字边缘内容,使文字的边缘更加圆滑。 6、按“Ctrl+D”取消选区,然后将工具箱中的前景色设置为绿色C:65,Y:100,新建图层1,按住“Ctrl”键单击“文字”层,为其添加选择区域,然后为图层1选区填充绿色,效果如图02所示。
PhotoShop 石头上的自然风化文字
1.假如我们要在如(图1)类型的岩石图片的石头表层加上雕刻后又经过风吹雨打而形成自然风化的文字,要如何才能做的自然呢?下面介绍一种简单的方法。 NO.1 2.先输入需要处理的文字,字体最好选择笔画粗一点的,那样做起来效果会强些(图2)。 NO.2 3.将文字层删格化,再到菜单-图象-旋转画布,将画布顺时针旋转90度,再到菜单-滤镜-扭曲-切变,将文字的形状作一下调整,完成后再将画布逆时针旋转90度,再按CTRL+T将文字形状作进一步调整,使它尽量与岩石的形状和谐自然(图3)。 NO.3 4.将文字图层的混合模式设置为溶解,按住CTRL点击文字层,让它的选区浮起,再回到背景层,执行复制粘贴操作,将最上面的文字层隐藏,回到刚才粘贴后产生的图层,选择魔术棒工具,在图象的颜色稍亮处点击,再执行菜单-选择-选取相似的(图4)。