推荐阅读

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

制作马赛克错位文字
4、将操作到现在的效果图保存为置换滤镜的素材。按“Ctrl+J”复制马赛克图案,然后将新生成的图层隐藏,选择背景图层将其填充为白色。 5、下面我们就来输入文字,使用“Ctrl+T”键将其调节到与背景图层一样大小,然后合并文本图层和背景图层。 6、现在在菜单栏中执行“滤镜”→“扭曲”→“置换”命令,在弹出对话框中分别设置水平比例和垂直比例为26。 7、显示刚才隐藏的瓷砖图层,将其混合模式改为正片叠底。

制作拼贴文字
4、再次复制文字层,移到最上面,设置前景色为#157a15,然后按Shift+Alt+backspace填充图层。顺时针旋转画布90度 5、我们同样执行拼贴滤镜,按Ctrl+F重复应用,用魔棒选择白色区域按Del删除,效果如下。 6、再次复制原始文字层,放到最上面,然后填充为#43a743,再顺时针旋转画布90度,然后执行拼贴滤镜,按Ctrl+F重复应用一次,删除白色区域后效果。 7、同样方法再次复制原始文字层,放到最上面,选择更亮一些的颜色,填充图层,然后执行顺时针旋转90度画布命令,然后执行拼贴滤镜,按Ctrl+F重复应用一次。删除白色区域。

幻影文字的制作
4、接着执行滤镜/渲染/光照效果,将纹理通道设置为红,其他设置保持默认值不变,单击确定按钮应用。如图4所示。 图45、按下Ctrl+U键打开色相/饱和度调版进行调整,将明度值调整为-50,单击确定按钮应用调整。如图5所示。 图56、进行到这里背景就制作完成了,接下来就开始制作文字。使用文字输入工具输入需要的文字,选择合适的字体。如图6所示。 图67、将文字图层复制一层。如图7所示。 图7 8、执行滤镜/模糊/动感模糊,将角度设置为90度,距离设置为50像素,单击确定按钮应用。如图8所示。 图8 9、再次复制一个文字图层。如图9所示。 图9 10、选中文字副本2图层进行操作,执行滤镜/模糊/动感模糊,角度将角度设置为0度,距离设置为50像素,单击确定按钮应用。如图10所示。 图10 11、将文字图层放置于最上层。如图11所示。 图11 12、双击文字图层打开图层样式面版进行设置。添加外发光样式,扩展10%,大小15像素。如图12所示。 图12 13、添加渐变叠加样式,自行设置一个渐变样式,将不透明度设置为50%。如图13所示。 图13 14、添加图案叠加,选择一个合适的图案,将不透明度设置为85%。如图14所示。 图14

压纹残缺字的制作
制作过程: 1、新建一个宽度为100像素,高度为100像素,分辨率为350像素的文件。 2、新建图层1,单击工具箱中的“自定义形状工具”,在其属性栏中单击路径按钮,并在形状下拉面板中选择五角星图案,然后在窗口中拖拽创建一个五角星路径,如图01所示。 5、在文字图层上单击右键,在弹出的快捷菜单中选择“栅格化文字”命令,将文字层转换为普通层。双击文字层,弹出图层样式对话框,在对话框中选择内阴影、外发光、内发光、颜色叠加、图案叠加样式,设置参数如图04-08所示,设置后的效果如图09所示。 图04 图05 图06 图07 图08 图09

PS制作油彩混合文字
4、按Ctrl+L键,打开色阶对话框,设置参数如图04所示,图像效果如图05所示。 图04 图05 5、在工具箱中选择魔棒工具,在图像中的黑色部分单击,然后隐藏图层2,选择图层1,设置前景色的RGB分别为159、211、223,执行菜单栏中的“编辑”“填充”命令,在弹出的对话框中设置参数如图06所示,图像效果如图07所示。 图06 图07 6、按Ctrl+D键取消选区,新建图层3,按D键将前景色和背景色恢复默认设置,执行菜单栏中的“滤镜”“渲染”“云彩”命令,效果如图08所示。 图08 7、按Ctrl+L键,打开色阶对话框,设置参数如图09所示。 图09 8、在工具箱中选择魔棒工具,在图像中的白色部分单击,然后隐藏图层3,选择图层1,效果如图10所示。 图10 9、选择图层1,在图层面板底部单击“创建新的填充或调整图层”按钮,在弹出的菜单中执行“色相/饱和度”命令,在弹出的对话框中设置参数如图11所示,单击确定,取消选区,效果如图12所示。 图11 图12 10、在图层1上双击,打开图层样式对话框,分别选择斜面和浮雕和光泽效果,设置参数如图13-14所示,图像效果如图15所示。 图13 图14

妙用PS打造玉雕文字
四、再新建一层,把前景色设为深绿色,选择编辑菜单中的填充(如下图): 五、选择图层1,保持前景色为刚才深绿色,背景为白色,选择渐变工具,从左至右拉下渐变(如下图): 六、合并图层2和图层1。七、确定选择图层2,可以用手按住CTRL键,再用鼠标点击文字图层,调出它的选区,再反选(CTRL+Shift+I)Delele删除。 八、好了,现在开始添加图层样式,进入图层样式,具体设置如下图: 九、觉的不够亮的话,要以按Ctrl+J键复制一层,再把图层模式改为滤色,不透明度调到40%,再加个背景色和红绳子,就做完了。

塑料字
(1)按CTRL+N新建一个文件,然后用渐变工具在背景由上至下做淡黄――黄的渐变。(2)设置前景色为红色,用文字工具输入“塑料字”三个字,(3)打开图层面板用鼠标右键单击文字层右边的“T”,选择其中的转换图层命令。(4)按住CTRL键并单击文字层使之被选取。(5)选择(滤镜/素描/基底凸现)命令,所有选项保持默认值,单击OK完成,按CTRL+D去掉选择,最终效果如图所示。

双层边缘凸出效果
在本例中,我们将制作一个双层边缘凸出的效果,所运用到的主要命令有:Maximum;Gaussian Blur;Auto Levels; Contract; Lighting Effects 命令步骤:1. 创建一个新文件,并填充为黄色。2. 创建新通道Alpha 1,输入文字,并拖放到适当的位置,取消选择范围,执行Filter>Other>Maximum,设定Radius:2 pixels。3. 复制Alpha 1 通道成为Alpha 2 通道,执行Filter>Blur>Gaussian Blur命令,对文字制作模糊效果。设定Radius:3 pixels,确认后按OK。4. 执行Select>Load Selection命令,载入Alpha 1 通道。5. 执行Filter>blur>Gaussian Blur命令,设定Radius:3 pixels。6. 执行Image>Adjust>Auto Levels命令, 系统将自动调整文字的色调。

Photoshop美食系列之糖果文字
这里的红色,就是糖果藤的颜色,你也可以换成其它自己其爱的颜色。 5. 在candy cane层之上新建一层,命名为highlights 1,用白色填充图层。载入通道orig选区,收缩选区4像素,将色板复位,用黑色填充选区后取消选择。执行高斯模糊命令,半径为8像素;载入RGB通道中的任意一个,反相选择,应用位移命令,将水平和垂直数值都设为-8,未定义区域为折回(注意:这一点的位移命令不可用移动来代替),取消选择(图05a)。用高斯模糊滤镜稍加模糊,半径为2.0像素;用风格化>浮雕命令形成立体效果,设置角度为135,高度为4像素,数量为150%;采用进一步模糊命令,将画面模糊,随即用曲线命令调节画面,将曲线设置如图05b所示,这时的图像如图05c所示;载入通道orig的选区,稍微收缩选区,收缩量为1像素,羽化选区,半径为2像素,反选删除后取消选择。然后将图层混合模式设为屏幕,将图层不透明度降低为60%,完成第一个高光效果,这层高光的作用是为图像添加立体效果。(图05d,05e)