推荐阅读
(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步:点击图层面板上被复制图层前的眼睛,使这个图层被隐藏起来,再选中原先的文字图层,再次运用混合选项,选择投影,给这个图层加上投影效果。选择距离为4 px,大小为8 px,其余的不变。如图4所示。图4 第5步:为背景层加入一些抽线效果。新建一个文件,宽1px,高5px,用颜色#C0C0C0,如图5般填充。图5 第6步:然后按ctrl + A全选图形,选择编辑 /定义图案,取名为line。回到原来那个图形文件,选中背景图层后,选择编辑/ 填充,在弹出的窗口里选择内容/使用/图案,在下面的混合/模式处选择line图形,按OK完成此操作。如图6所示。图6 第7步:选择被复制的那个文字图层,选择混合选项 / 描边功能来为该文字描边。描边颜色为黑色,选择粗细为2 px,位置为:外部。如图7所示。图7 第8步:继续选择混合选项 /投影,选择不透明度为20%,其余的不变。最后效果如图8所示。 图8 第9步:选择原始的文字图层,然后选择图层/新建 / 图层,新建一个图层,取名 layer1,保证layer1在原始文字图层的上面,在复制文字图层的下面。选中layer1图层,按住ctrl键,单击原始文字图层。如图9所示。 图9 第10步:选择编辑/描边,选择宽度为1px。位置为居外。然后新建一个文件,宽,高为100 px,做成如图10的样子。然后按ctrl + A全选,选择编辑 /定义为图案,取名为abc。 图10 第11步:选择图层/(图层样式)/(描边),选择大小为:3px,(填充类型)为图案,在图案处选择图案abc,按OK完成操作。如图11所示。 图11
超酷金属质感文字制作
2、把文字的图层的不通明度调为30%(可直接按数字3),调出文字的选区,再新建一层,选择菜单 : 选择 > 修改 > 收缩 数值为9,再填充为浅灰色颜色数值为:F3F3F3,效果如图5 <图4> <图5> 3、调出文字的选区,在最上面的新建一个图层,选择 > 修改 > 收缩 数值为8,然后按 Ctrl + Alt + D 羽化数值为:4,选择渐变工具,设置如图6,按照图7所示的红色箭头方向线性渐变。 <图6> <图7> 4、新建一个图层,把图层适当的放大,在"M"的左上角位置用矩形选取工具绘制一个矩形。选择渐变工具设置如图8,渐变方式选对称渐变,效果如图9,再用矩形选取工具,选区图形的上大部分如图10,按 Ctrl + X 剪切然后粘贴到新的一层。把这层隐藏。 <图8> <图9> <图10> 5、用椭圆选取工具绘制图11所示的椭圆,然后反选 按 Delete删除效果如图12 ,再在图形的上面新建一个图层绘制一个椭圆填充颜色值:D8D8D7 效果如图12。然后显示刚才隐藏的图形如图13 <图11> <图12> <图12> <图13> 6、按Ctrl + T 把圆柱的宽度缩小15%如图14,然后在变形区域按鼠标右键选择透视,把最上面的部分合并到一点如图15,用圆形选取工具绘制图16所示的椭圆,然后反选 按Delete删除多余部分。 <图14> <图15> <图16> 7、把图形显示到实际大小,合并刚才制作的小锥帽的部分。然后通过一系列的复制,变换角度,缩小过程如图17-22,效果如图23 <图17> <图18> <图19> <图20> <图21> <图22> <图23> 8、制作斜角部分先不图形复制变换合适的角度如图24,然后用橡皮工具把多余的部分删除如图25,在用同样的方法制作其他的部分。效果如图26.最后如图17所师示把小锥帽缩成很小防到高光的位置完成最终效果。 <图24> <图25> <图26> <图27> <图28> <图29>
PS制作金属质感字
3.回到图层面版,选择菜单 : 滤镜 > 渲染 > 光照效果 参数设置如图5 效果如图6 <图5> <图6> 4.按 Ctrl + M 调节曲线,设置如图7 效果如图8 <图7> <图8>
用PS制作金属水盈文字
三、再次按CTRL点击福字图层得到选区,打开通道面板,点击如图按钮生成Alpha1通道,然后点击此通道,不要取消选区,执行三次高斯模糊,模糊值8、4、4(三次模糊比一次模糊到位效果要好,经验之谈) 四、不要取消选区,回到图层,在最上方新建图层,填充黑色,取消选区,将本层混合模式改为滤色,这时你会发现本层看不到了跟隐藏起来一样,不要管,执行滤镜-渲染-光照,参数如图,然后高斯模糊,半径1.0,调整曲线增加阴暗效果。 五、在最上方新建图层,按CTRL点击福字图层得到选区,填充50%灰,滤镜-素描-铬黄,参数默认,混合模式叠加,合并背景之外图层。
PS制作金属铁链字
2.调出文字的选区,新建一层选择菜单:选择 > 修改 > 收缩 数值为:8,在按Ctrl + Alt + D羽化数值为4,选择渐变工具颜色设置如图6,由正上方向下绘制渐变,如图7 <图4> <图5> <图6> <图7> 3.调出文字的选区,在背景图层上面新建一层,选择菜单:选择 > 修改 > 扩展 数值为:3,填充暗灰色:#474747,效果如图9 <图8> <图9> 4.把背景图层除外的所有图层合并,然后选择套索工具把文字中的"G"扣出来如图10,按Ctrl + T 稍微变换角度如图11,同样的方法扣出"T"在变换方向如图12 <图10> <图11> <图12> 5.适当的把图层放大,新建一个图层,选择单列选框工具如图13,绘制一条选区填充:#595959,然后复制一条向右移动两个象素如图15,同样的方法把整个画布上都复制为相距一个象素的线条,然后把所有的线条图层合并,按Ctrl + J 复制一层,选择菜单:编辑 > 变换 > 顺时针旋转90度,如图16,把线条的这两个图层合并. <图13> <图14> <图15> <图16> 6.调出文字图层的选区,选择菜单:选择 > 修改 > 收缩 数值为11,然后回到线条的图层,按Ctrl + shift + I 反先再按Delete删除效果如图17,然后把这层的图层混合模式改为:颜色加深,如图18 <图17> <图18> 7.在最上面新建一个图层,适当的放大图层,用椭圆选框工具绘制一个正圆,填充浅灰色:#AEAEAE 如图19,不要取消选区,用铅笔工具在圆的中心绘制两条线条,一条黑色一条白色如图20,调出图层样式选择投影参数设置如图21,然后把他移到"T"字的右角上如图22,在多复制几个效果如图23 <图19> <图20> <图21> <图22> <图23>
Photoshop制作金属铁链字
本教程步骤比较详细,重点在制作文字的质感和光感,铁链部分的制作比较繁琐,制作的过程中一定要细心。 最终效果 1.新建一个300px * 300px的文件,背景填充为黑色,选用文字工具打上文字,文字大小为150px,字体选择:Arial Black/明晰。颜色:#575757,然后调出图层样式,选择斜面和浮雕参数设置如图2,效果如图3 <图1> <图2> <图3> 2.调出文字的选区,新建一层选择菜单:选择 > 修改 > 收缩 数值为:8,在按Ctrl + Alt + D羽化数值为4,选择渐变工具颜色设置如图6,由正上方向下绘制渐变,如图7
Photoshop图层样式打造染漆金属特效文字
Photoshop图层样式打造染漆金属特效文字,文中提供了一种特殊字体的下载。 先看下效果。 新建立一个500*300的文档,然后输入几个符号,在这里我使用的是 Dementia 英文字体。 点击这里下载Dementia英文字体,下载后解压缩,然后复制到C:/windows/fonts目录下!然后重新启动Photoshop就会出现这种字体了! 然后在Photoshop中输入你喜欢的符号。 下面就是添加图层样式了!
用Photoshop简单方法制作金属字
这个文件我做的大了些,新建文件:画布尺寸18厘米X7厘米,分辨率:300 打入文字,调整字大小,为了使效果明显些,先在背景层填充渐变色 (两端深蓝色:C:100 M:50 中间浅色:C:100) 双击文字图层,进入图层样式选项:描边(白色):10 点击进入渐变叠加项:使文字产生光感效果,渐变色设置为:(两端灰色:C:26 M:21Y:21 中间为白色),点击进入斜面浮雕项:各设置如图所示 金属字的效果完成,呵呵,为了看起来漂亮些,加些光点点缀一下,有人说这种字效果有点过时了,不过我喜欢!~~~
Photoshop快速制作金属特效文字
金属效果是非常富有质感的特效,使用Photoshop可以有很多种制作方法,今天笔者就带给大家使用Photoshop快速制作金属文字的方法,希望对大家有所帮助。 最终效果图 图1 图2