推荐阅读

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

Illustrator使用混合和透明度制作发光按钮
效果图步骤1以CMYK模式新建一个文件(色彩模式以后更改)。使用矩形工具(m)建立一个矩形,使其与你需要创建的按键尺寸大致相同。如果需要,可以以合适的数值,使用 滤镜-风格化-圆角 使矩形圆角化,我用的值是0.125。(译者注:搞不清楚老外为什么总爱用滤镜创建圆角,干嘛不直接用圆角矩形工具,难道AI的早期版本没有圆角矩形工具?)步骤2这一步我们来建立按钮的发光区域,用矩形工具(m)在按钮形状的下方一半的地方,再拉出一个矩形,新矩形比按钮形状的左右边及底边都稍长一些,它的位置差不多应该在按钮的中下部。复制(ctrl+C)按钮形状,粘贴在上方(ctrl+F)。选择要发光的部分和按钮的副本,取这两部分的交集,然后点扩展交集(路径查找器里的最右边的一个按键)。步骤 3现在添加渐变:这里是制作发光的精华部分了。首先在渐变面板里选择线性渐变,在按钮形状里拉出一个渐变。点击渐变里的第一个颜色样本,在颜色面板里把颜色改为20%的蓝绿。可能须点击颜色面板顶部右方的选项来改变CMYK色条。接下来,点渐变面板中的另一个颜色样本,改为100%的蓝绿。选中按钮形状,使用渐变工具(g),从按钮形状的顶部向下拉出渐变直到发光形状的上部。

ps怎么做曲线文字跟着路径曲线走
曲线文本在海报中相对常见的一种设计,ps软件可以轻松做到,使用路径工具,绘制出线条之后,添加上文本后,在进行样式的设定即可,并不复杂,即使小白朋友们,也可以轻松掌握设计方法,下面通过步骤截图,加上文字描述,希望能够帮到你。 1、曲线文本的设计,首先需要绘制曲线,可以使用钢笔工具,也可以使用矩形工具,先说一下钢笔工具的用法,切换到钢笔工具之后,上端选项中,要选为【路径】,绘制出一个图形,或者线条都可以, 2、然后切换至文字工具后,鼠标会变成文字图标,当移动到路径上之后,可以显示为两种样式,一种是文字图标外围有个圆形, 3、点击之后,输入文字可以看到,是在路径图形内,并非是我们需要的曲线文本, 4、移动鼠标之后,可以看到文字图标下方有个曲线图形,此时为曲线文本状态,点击之后开始输入文字, 5、笔者连续输入字母t之后,最终的效果如下图所示, 6、除了钢笔工具绘制路径,还可以使用矩形工具,比如切换至【自定义形状工具】,上端的选项中,选中【路径】,形状设定为心型。 7、输入文字之后,还可以设定字符的间距,排版之后的效果会更好, 8、除了上述简单用法,还可以拓展一下其他的使用技巧,左侧工具栏上,点击切换至【路径选择工具】,文字两端会出现两个图标,鼠标拖拉可以改变文本的显示范围,并且在鼠标图标上会出现一个三角形, 9、上下拉动鼠标,可以改变文本的显示方向,可以在路径的上方,也可以在路径的下方,

ps怎么调节背景模糊如何虚化
ps软件在做图片设计的过程中,经常会对图片的背景进行模糊处理,如果遇到景深的图片,那么统一的模糊就显得不真实,如果是做成渐进式的、由近及远的模糊,更为合理一些,通过渐变蒙版的控制,进行合理的模糊,是本文介绍的方法。 1、下图只是为了演示操作方法,图片可能不大合适,图中的人物和背景,需要分离,并且背景要做由近及远的渐变式模糊,大致的思路是,先做出来渐变的蒙版,因为人物不做模糊处理,所以只需要填充为黑色(蒙版中黑色不可见,白色可见),在加上黑白渐变图层,最后通过镜头模糊中的蒙版控制模糊范围。首先需要做人物的选区,用【快速选择工具】,选中人像, 2、选区做好之后,Ctrl+J快捷键建立图层,然后再按住Ctrl键点击图层缩略图,重现选区, 3、选区填充黑色的方法有很多,可以用油漆桶工具,也可以用单击右键,弹出的菜单里面,选择填充,填充黑色即可,也可以填充前景色或者背景色的快捷键来完成,然后再添加一个新的图层, 4、接下来需要做渐变,选中渐变工具,上端的选项中,点击弹出【渐变编辑器】,设置由白到黑的渐变,下端的按钮,点击选中后可以修改颜色,中间的滑块,可以修改黑白的比例,根据实际情况而定, 5、最后选中渐变的样式为【线性渐变】,在空白图层上由上而下画出一条直线(可以按住shift键),如果对效果不满意,可以多次尝试,此时可以看到当前制作的蒙版效果,白色为可见的模糊效果,黑色为没有模糊的效果,灰色为渐变模糊区域, 6、在图层面板上,点击【通道】,此时三个通道都是一样的蒙版效果,挑选一个复制,保存为【模糊背景】,此阿尔法通道,就是模糊背景蒙版。 7、模糊背景的蒙版做好之后,接下来要回到原有图层上,点击【滤镜】,下拉菜单里面,点击【模糊】,展开的菜单里面,继续点击【镜头模糊】, 8、在右侧的【深度映射】源设置项中,可以找到上面创建的蒙版【模糊背景】,然后再进一步调整【半径】等参数,直到满意为止。 9、最终的效果对比如下,上面为原图,下面为模糊背景处理后的效果,可以看到模糊是由近及远的,人像的周围逐渐变模糊的。

ps弯度钢笔工具画线弯曲变直线教程
ps新版cc中出现 很多新的工具或者功能,在我们常用的钢笔工具中,新增了一个弯度钢笔工具,是来自于 Illustrator中的弯度工具,比原有的钢笔功能更加的好用,新手也更容易上手,具体如何 使用且看下面的图文教程。 1、新增的弯度钢笔工具,在左侧工具栏的钢笔工具中可以找到,右键点击钢笔 工具,展开的菜单里面,点击选中【弯度钢笔工具】, 2、通过一个简单的案例来说明其使用方法,打开的图片中有一只小鸟,需要绘 制路径,在弧度两端分别点击添加锚点,接下来需要调整直线变为弧线,在直线上点击添加锚点, 3、按住鼠标左键,拖动锚点移动到小鸟轮廓弧线上,可以上下左右移动锚点, 以适应弧线的变化, 4、最终的效果如下图所示,如果对路径与弧线的贴合不满意,还可以继续拖动 锚点进行调整,当然也可以根据需要添加多个锚点, 5、因为可以自由的调整路径的弯曲,那么可以把锚点的间距选的大一些,然后 中间添加锚点进行曲线弧度的调整, 6、如果在添加锚点的时候,前面已经调整好的路径,发生了波动,那么可以双 击前一个锚点,修正为之前的状态,比如下图中,只需要双击图中指定的锚点,前面的曲线就会恢复之 前的状态, 7、那么在绘制弧线的时候,接下来需要切换为画直线怎么办?需要两个步骤就 可以画出直线,点击选中前一个锚点,然后双击目标位置,这样就会在两个锚点之间,出现直线,如下 图中,选中前一个锚点后,双击建立新锚点并且绘制出了直线, 8、当鼠标移动到锚点上之后,钢笔工具的右下角出现空心圆的时候,说明点击 此锚点可以完成路径的闭合,多余的锚点如果想要删除掉,也只需要点击选中后,再次点击键盘上的 delete键即可。 9、最后对于路径曲线进行调整,移动锚点调整弧线,达到一个理想的效果,

Illustrator中快速制作反光效果教程
我打算借用《创建web 2.0标签》中的标签。全选整个作品,复制(Ctrl+C)并粘贴在前面(Ctrl+F),仍然选中该副本,群组(Ctrl+G)所有对象,从透明度面板的弹出菜单中选择垂直翻转。(译者注:在CS 5中没找到垂直翻转,可能已经取消了。没关系,用镜像工具水平镜像一下吧。)现在使用矩形工具(m)在已翻转的标签上画一个矩形。使用渐变面板对矩形添加一个线性渐变并去除描边。在先前讨论过的《快速变换填充和描边》一文中,还有一种创建渐变的方法。即先选中插图,然后按 > 键(译者注:是>键哟,不是右方向键,不要搞混了。这个快捷键挺好的,一按立即弹出渐变面板,非常方便)。保持默认的由黑到白的渐变色不动,使用渐变工具(g),从矩形的顶部向下拖动渐变到矩形的一半。在不透明蒙版中,渐变的白色部分将显示图像而黑色部分隐藏图像。这是理解不透明蒙版基本却又重要的概念。再说一遍,白色显示,黑色隐藏。黑色之间的灰调将变化透明度。接下来,选中矩形和已翻转的图像,从透明度面板的弹出菜单中选择建立不透明蒙版。在透明度面板中把不透明度改为60%即可。编辑不透明蒙版如果对制作的反光不满意,还可以回到不透明蒙版重新编辑。在透明度面板的弹出菜单中选择显示缩览图。你也可以从弹出菜单中选择显示选项,只是我从来没用过。如果有读者使用过请告诉我。以下有两种缩览图。上图是插图缩览图,下图是蒙版缩览图。选中图像,即可在不影响渐变的情况下编辑图像。相反,选择蒙版缩览图也可以在不影响插图的的情况下编辑渐变。通过缩览图的外边框可以区分缩览图的选中状况。此外,蒙版被选中的时候层面板也会相应地发生变化。

ps如何自动合成图层两张合成一张
在用ps做图片合成的过程中,一般会用到图层的混合模式,需要挨个尝试,看一下混合的效果,有时候也未必能够获得想要的效果,毕竟还要考虑两种图片的色调统一等问题,那么有没有相对简单的 操作方法?下面介绍一种图层自动混合的功能。 1、ps打开两种需要混合的图片,一个作为主图,一个作为从图,比如下面的图片,城市图像作为主图,另外一张图片是天空云图,作为从图,需要合成到主图上, 2、首先需要处理主图,切换到裁剪工具之后,向上拖拉出一块空白区域,用于放置从图, 3、然后打开从图,Ctrl+A快捷键全选图像,然后用Ctrl+C拷贝图像,也可以点击【编辑】,弹出的菜单里面,点击【拷贝】, 4、切换到主图上之后,Ctrl+V粘贴图片,如果图片尺寸不合适,需要调整大小,按住Ctrl+T进入图片自由变换状态,按住Shift键等比例缩放图片, 5、两张图片需要有中间重合的区域,可以多一点或者少一点,笔者建议重合的区域小一些混合的效果更佳,可以通过调整从图的【不透明度】查看重合的区域,以方便调整, 6、最后选中两个图层,点击菜单栏上的【编辑】按钮,在弹出的下拉菜单里面,点击【自动混合图层】, 7、弹出的设置界面上,混合方法选择默认的【全景图】,需要勾选【无缝色调和颜色】,这个选项可以匹配两张图的色调, 8、来看一下合成后的效果,自动合成出一张图片,效果还是不错的。 此方法比较适合新手朋友,案例中的图片合成后,也存在一些问题,还可以进一步优化改进,笔者之所以没有优化存在问题,只是为了演示自动合成的功能。ps版本升级后,很多功能都得到了优化,比原来的更加智能,如果操作中遇到问题,可以在下方留言讨论。

Illustrator制作漂亮水晶按钮图标
首先,把效果图发出来!下面开始:一 绘制"底座"部分1.用椭圆工具(L),按住ALt+Shift(以某一点为中心)画出一正圆,然后打开图层调板(F7),在对象名上双击,重命名为"金属底座",如图000:2.为了让它在最后看起来更真实,我想要给这个正圆一些透视,使用"自由变换工具"(E),鼠标移动到正圆对象定界框右下角的空心方点上(如没有显示对象定界框,请按快捷键Shift+Ctrl+B使之显示),当鼠标变为双向箭头时,按下鼠标不放,再同时按下Shift+Ctrl+Alt键不放(此时鼠标变为一个虚的三角形),

ps画笔拖红线如何取消拉线不能实时跟笔延迟不同步?
2018版ps在画笔工具中出现了拉绳模式,笔者刚开始用的时候,也很不适应,有一种卡顿、反应延迟的感觉,用着不习惯的朋友,可以取消这个功能,只需要把平滑选项的百分比改为0即可,下面通过截图简单说明取消步骤。 1、先看一下拉线的效果,默认情况下会出现一个比笔刷更大的圆圈,里面有一条线,画起来的感觉是,有一定的延迟,不是原来的那种画上就出来,而是有一定的延后, 2、在画笔状态下,上端的选项中,可以找到【平滑】选项后的设置按钮,点击之后下拉界面上,可以看到【拉绳模式】、【描边补齐】、【补齐描边末端】、【调整缩放】,全部去掉勾选之后,画笔绘制过程中,依然会出现拉线,如下图所示: 3、完全取消这个功能的方法是:把【平滑】选项后面的百分比设置为0,就可以取消掉拉线或者拉绳效果了。 画笔拉绳模式,通过调整平滑,可以令到画出的线条更加流畅、平滑,而之前的线比较刻板、粗糙。

如何ps正片叠底后保持颜色不变调回原色
ps软件做图层混合的时候,经常会用到正片叠底,一方面是为了得到特殊的混合效果,另一方面也是为了实现抠图效果,正片叠底的功能是去白留黑,可以完整过滤白色背景,但不好的地方是会令到图片变暗,那么对于白色背景的图片,是否可以考虑混合颜色带来处理?下面通过截图说明一下两种处理的效果。 1、笔者举例说明两种混合模式的区别,在设计过程中,需要有针对性的选择,任何一种方法不可能解决所有问题,比如下图中的白色背景图片,纯白色的背景,想要去除,可以使用正片叠底。 2、白色背景图片与星空图做混合,使用了正片叠底,其混合的思路是:比星空图片亮的地方,全部压暗至与星空一样,比星空暗的地方,不做变化,因其整体都比星空亮,所以整体变暗,也就出现了如下效果,虽然背景去掉了,但物体图太暗了。如果星空图更为明亮,那么混合的效果要更好一些,显然这里并不适合用正片叠底。 3、那么我们可以换一种方法,点击菜单栏上的【图层】,下拉菜单里面,点击【图层样式】,展开的菜单中选中【混合选项】,也可以右键单击图层,选择此项,也可以双击图层,直接弹出。 4、弹出的混合选项界面上,找到【混合颜色带】,默认为【灰色】模式,可以看到两条灰色条,一个为【本图层】,另一个为【下一个图层】,灰色渐变条,可以理解为图篇的【暗部】、【中间调】、【亮部】。 5、当前选中的为白色背景图片,所以设置【本图层】渐变条,白色背景为高光部分,拖动亮部区域的滑块,让其亮部向下混合,看可以看到白色瞬间就去除了,叶片边缘还有一些白色残余,为了做更为精细的融合,还需要拆分三角形滑块, 6、按住alt键,鼠标点击三角形滑块(三角形中间有分割线),分开成两个滑块, 7、分别调整两个滑块,起到的效果就是调整混合的容差,让图层混合更自然, 8、最终对比一下两个混合模式的效果,很明显在当前这种条件下,使用混合颜色带效果更佳,也更为适合。 正片叠底后的颜色偏暗,与下一图层的亮度有关,挑选合适的混合模式最关键,如有不同的见解,可以在下方留言讨论。

2018ps软件界面颜色怎么改快捷键是什么
笔者在使用ps软件的过程中,突然ps界面变了,也记不得是哪一个快捷键的作用,界面变得更为暗了一些,在2018版ps上,使用的快捷键可能与之前的版本有所不同,本文重点说一下2018版的界面更改方法,以及界面变换的快捷键。 1、初始状态下ps的界面为灰色,当前为灰白色,其实也蛮好看的,设计中变换一下界面的颜色,也会带来些许新鲜感, 2、修改界面颜色的位置是在【编辑】菜单下,点击【首选项】,展开的二级菜单中,找到【界面】选项并点击它, 3、此时可以在弹出的界面上,看到颜色方案,默认为四种颜色,还有一些细节的设置项,点选即可预览效果,选中颜色后点击【确定】即可, 4、也可以通过快捷键来快速变换颜色,四个颜色方案的切换,可以使用Shift+F1,【自右向左】切换,比如当前为灰白,点击一次快捷键,切换到灰色,再点一次切换为黑色,如果继续点击,仍然会停留在黑色方案,这个快捷键,只能完成向左切换, 5、还有一个快捷键Shift+F2可以完成【自左向右】的切换,其实也不同搞明白具体的方向,两个快捷键交替使用,找到合适的颜色即可。 shift+F1和shift+F2可以完成2018版ps的颜色切换,有些老版本的ps,使用的是ctrl+F1或者F2来快捷调整,如有疑问可以在下方留言讨论。