推荐阅读

(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制作刚冲泡的咖啡泡沫层效果
在动手之前,先观察下要制作的效果有哪些比较需要重点还原的地方,然后在脑海里过一遍操作步骤,会让整个制作流程变简洁很多。 这是原图,个人观察到的重点:咖啡色的底色上面有斑驳的色块,毕竟像咖啡这样的液体很难做到非常纯净,这样的效果在制作时适当夸张也是可以的。 咖啡上的白泡,集中的地方更偏向纯白色,分散的较薄的地方偏向浅土黄色。越集中的地方气泡越紧致密集,越分散的地方气泡越大。集中的地方是一个类似小山的立体图形稍微有点高度,不是完全的平面。也就意味着要给它背光的地方加上适当的阴影。 大气泡朝向光的方向有非常小的反光,底下有投在咖啡表面的投影。 也许是刚被搅拌完,咖啡表面有很浅的螺旋纹,而且咖啡上浮着的油脂还是什么别的东西有环绕延展的趋势。 于是根据这些制作的内容,拟定制作的步骤:先做底色。 做咖啡表面的螺旋纹。(虽然是这么想的,但是我制作时忘了) 再做色块和碎气泡底色。个人想着色块和碎气泡可以一起做,毕竟色块不是那么明显。 然后做较集中的气泡底色。把底色挖空就成了气泡的效果。 最后用滤镜给整体质感进行立体感的处理。先选对底色。(下面的滤镜效果大家根据实际需要调整数值就好。大家做的情况不同,给出指定数值没什么意义。我会把每次使用滤镜的理由都写出来)。色斑和气泡边缘都比较柔和,所以把笔刷硬度调到最低,开启用笔压控制透明度。颜色选取比底色明度稍高、色相偏黄作为较稀疏的气泡。(看观察的第二点)画的方式为中间更集中、透明度更高。边缘分散的地方透明度较低。再这里我参考了一下原图调整了一下底色的颜色。然后再背光的方向给白色的气泡加上浅色的阴影,赋予初步的立体感。边缘用之前一直在用的笔刷换成清除模式擦一下,避免过硬。 在这里挖这些细碎的气泡挖得有点累,于是想了一下有没有方法快速挖空大量密集的气泡。然后想到这么一个方式:用PS自带的渲染云彩制作无序的颜色和明度。然后用杂色搭配阈值给云彩换算成斑点,再用高斯模糊将这些斑点做成柔和的圆斑。然后用通道选取这些斑点制作选区,用选区来挖空气泡图层。(补充一下想这个方法的思路:首先气泡是在气泡底色上挖空出来的,快速挖空多个地方首先想到就是用选区。那问题就是怎么制作星星点点的选区。气泡不可能是一个硬边的小点,所以这些选区还要带半透明,只能使用通道了。那方向就变成怎样生成有大量柔和密集斑点的一张图来从通道提取选。

Photoshop技巧教程:极致边界锐化
数码照片在进行完颜色校正等编辑之后保存文件之前,都要进行锐化处理,这样做主要有2个目的:其一是恢复部分在颜色校正等编辑过程中损失的细致纹理;其二是修复照片的轻微对焦不准现象。锐化处理就是提高照片的清晰度。锐化处理对图像像质是一种不可逆的有损操作,锐化不当或锐化过渡,会使图像边缘过渡生硬、干燥,甚者出现彩色光环和噪点。因此有宁可锐化不足,不可锐化过渡一说。关于锐化的方法,有很多。常用的和基本的锐化是photoshop的USM滤镜,这里要介绍的方法主要依据(美)Scott Kelby在《Photoshop数码照片制作宝典》一书中讲解的几种专业锐化技术,并增加了一些个人的理解和经验,供大家参考。明度锐化和亮度锐化这2种方法操作步骤简单,是很多专业摄影师喜欢和经常使用的方法;而极致边界锐化则可以对图像锐化边界获得更多的控制权,但操作步骤要复杂一些;美女照片的锐化有一定针对性,选择性锐化的方法同样适用于明度锐化、亮度锐化和极致边界锐化等所有的锐化方法,它是在原来锐化的基础之上的提高操作。为了增强大家的直观理解能力,在Canon的官方网站上下载了一张5D的样片,取其局部进行示范操作演示。Canon 5D 官方样片,下载地址:/Article/UploadFiles_art/201002/20100211013521589.jpg本贴使用的局部截图:ok,我们现在一步一步开始操作。第一步:在photoshop(本人用的版本是CS2)中打开需要锐化的图象。复制一个副本。按Ctrl+A全选图象,再按Ctrl+C将图象复制到内存备用。

PhotoShop简单打造时尚视觉效果
我本人喜欢这个色。不过大家可能很多人不喜欢。如果是喜欢这种色的就看看。不喜欢的就当路过了!希望有更多的朋友们分享自己的制作过程与思路。这样才会进步!使用软件:Photoshop原图效果1效果2

PS网页设计中一些像素化细节的技巧
在网页设计中细节的处理十分重要,我个人也经常观摩外国佬的网站,发现优秀的网站设计在细节方面的处理都是照顾十分周全的。今天在这里分享给大家的小技巧很简单,但是却可以很好滴增强整个网站的细节。所以我自我认为这些技巧对提升你的网站设计水平也是有帮助的。并且你会留意到这些技巧都围绕一个词,就是“像素化”,简单地说就是一些1px,2px的小线。好吧,我们开始。1.像素分隔线第一个介绍的是分隔线,请看下图,为 Pixel2Life.com 的导航栏。留意图中红圈圈中的线已经按钮之间的分隔线,这些线看起来有一种凹进去的感觉,形成一种很好的分隔线的感觉。接下来我把这张图放大,我们看看其中原理。我们可以看到这些分隔线,都是有2条相邻的1px直线构成的,并且一条颜色较背景色更深,一条较浅。接下来,看方法:PS.画线过程可以放大画布(Z)以便观察。怎么样,效果比单色的分隔线要好很多吧?接下来再看一些使用这个分隔线技巧的例子:

跨越3D革命!Photoshop CS4三维功能体验
新版本的Photoshop CS4中加入了三维建模的功能,并且可以对模型贴材质、打灯光、渲染、输出动画,本文将对此进行简单介绍。虽然现阶段Photoshop的3d能力并不强大,但是我们可以预想,在以后的版本中将逐步完善。很久很久以前…… Sorry,我不是在讲童话故事。我只是说在Photoshop的很早期版本有一个3D变换滤镜,后来不知为什么被去掉了。现在看来Adobe大概是在韬光养晦,正在策划一场2D跨越3D的革命! 这场革命从CS3就开始了,而如今它已经“占领”了我所有的视觉神经。这里用一个小例子,来体验一下Photoshop CS4的三维能力吧。用户如今不但可以导入MAYA、3dsMAX等生成的3D对象,还可以在Photoshop CS4中直接生成三维形状,比如立方体、球体、苏打罐、葡萄酒瓶等。你可以有两种选择,基于平面图像直接转换为带贴图的三维对象;或像我一样,选择主菜单3D>New Shape From Layer来新建一个三维对象,这里我新建了一个帽子形状。

很经典的PS制作虚线框文字的详细教程
先看看虚线效果 键入一个字母“B”,并设定颜色为黄绿色 执行“图层>文字>创建工作路径”,此时路径调板中出现“工作路径” 在图层调板中新建图层,选择工具箱中的画笔工具,在画布上单击右键,即可弹出画笔的选项框,在选项框里设置画笔的主直径为2px,硬度为100%。在回到路径调板中,将“工作路径”向下拖曳到“用画笔描边路径”的按钮上,我拖了两次

PhotoShop教程:实例详解可选颜色的调色方法
1、从网上任意找一张图片,我们要对其进行一些调色处理,ps里的调色工具非常多,可能有一种非常好的调色工具让你忽视了,在这里我向大家推荐一个“可选颜色”工具,并在实际应用中给大家详细介绍。2、我们要调整一下这位美女的肤色。执行 图层-〉新调整层-〉可选颜色,我们来建立一个可选颜色的调整层

Photoshop照片后期处理的色彩搭配方案剖析
本文介绍一些照片后期处理时候可以用到的一些色彩搭配方案。 一、照片主色为红色 红色色感温暖,性格刚烈而外向,是一种对人刺激性很强的色。红色容易引起人的注意,也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。 1、在红色中加入少量的黄,会使其热力强盛,趋于躁动、不安。 2、在红色中加入少量的蓝,会使其热性减弱,趋于文雅、柔和。 3、在红色中加入少量的黑,会使其性格变的沉稳,趋于厚重、朴实。 4、在红中加入少量的白,会使其性格变的温柔,趋于含蓄、羞涩、娇嫩。 二、照片主色选用黄色 黄色给人活泼、温暖、阳光的感觉,这种颜色敏感、具有扩张和不安宁的视觉印象。黄色是各种色彩中最为娇气的一种色。只要在纯黄色中混入少量的其它色,其色相感和色性格均会发生较大程度的变化。 1、 在黄色中加入少量的蓝,会使其转化为一种鲜嫩的绿色。其高傲的性格也随之消失,趋于一种平和、潮润的感觉。 2、 在黄色中加入少量的红,则具有明显的橙色感觉,其性格也会从冷漠、高傲转化为一种有分寸感的热情、温暖。 3、 在黄色中加入少量的黑,其色感和色性变化最大,成为一种具有明显橄榄绿的复色印象。其色性也变的成熟、随和。 4、 在黄色中加入少量的白,其色感变的柔和,其性格中的冷漠、高傲被淡化,趋于含蓄,易于接近。 三、 照片的主色选用蓝色 蓝色色感较冷,性格朴实而内向,是一种有助于人头脑冷静的颜色。蓝色的朴实、内向性格,常为那些性格活跃、具有较强扩张力的色彩,提供一个深 远、广埔、平静的空间,成为衬托活跃色彩的友善而谦虚的朋友。蓝色还是一种在淡化后仍然似能保持较强个性的色。如果在蓝色中分别加入少量的红、黄、黑、 橙、白等色,均不会对蓝色的性格构成较明显的影响力。 四、照片的主色调为绿色 绿色是具有黄色和蓝色两种成份的色。在绿色中,将黄色的扩张感和蓝色的收缩感相中庸,将黄色的温暖感与蓝色的寒冷感相抵消。这样使得绿色的性格最为平和、安稳。是一种柔顺、恬静、潢足、优美的色。 1、 在绿色中黄的成份较多时,其性格就趋于活泼、友善,具有幼稚性。 2、 在绿色中加入少量的黑,其性格就趋于庄重、老练、成熟。 3、 在绿色中加入少量的白,其性格就趋于洁净、清爽、鲜嫩。 五、照片的主色调为 紫色 紫色的明度在有彩色的色料中是最低的。紫色的低明度给人一种沉闷、神秘的感觉。 1、 在紫色中红的成份较多时,其知觉具有压抑感、威胁感。 2、 在紫色中加入少量的黑,其感觉就趋于沉闷、伤感、恐怖。 3、 在紫色中加入白,可使紫色沉闷的性格消失,变得优雅、娇气,并充满女性的魅力。 六、照片的主色调为 白色 白色的色感光明,性格朴实、纯洁、快乐。白色具有圣洁的不容侵犯性。如果在白色中加入其它任何色,都会影响其纯洁性,使其性格变的含蓄。 1、 在白色中混入少量的红,就成为淡淡的粉色,鲜嫩而充满诱惑。 2、 在白色中混入少量的黄,则成为一种乳黄色,给人一种香腻的印象。 3、 在白色中混入少量的蓝,给人感觉清冷、洁净。 4、 在白色中混入少量的橙,有一种干燥的气氛。 5、 在白色中混入少量的绿,给人一种稚嫩、柔和的感觉。 6、 在白色中混入少量的紫,可诱导人联想到淡淡的芳香。