推荐阅读

(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给外景婚纱照片添加夕阳艺术效果
最终效果原图1、打开原图素材大图,创建可选颜色调整图层,对黄、绿、青、中性、黑进行调整,参数设置如图1 - 5,效果如图6。这一步把图片中的黄绿色转为黄褐色,青色转为蓝色。

详细解析10个Photoshop初学者的心得小贴士
photoshop毋庸置疑是一款登峰造极的软件,利用其多样有效的工具,能将你的创意淋漓尽致的表达出来。若想要在上线前对图片再稍加修饰一下,它同样精彩。如果你是Photoshop的入门者,刚刚踏上自学之路,请继续读下去。我们收集了一些相关贴士和技巧,希望能帮助你更好的开始探索。请注意:这里的快捷键都是为PC用户设置的。Mac用户——相信你知道如何应对。自由变换若要调整图片尺寸或做些旋转,翻转或者扭曲动作,首先点击“Edit”,之后选择”变换“并选择喜欢的动作。快捷键可以简化步骤:点击”Ctrl+T”图片附近就会弹出一个变换形式“的对话框,这样就可以对图片进行调整。具体做法是将光标放在矩形边角,随后按着”shift”键并对边角进行拖拉。按下“Enter“键,大功告成。如果想要水平或者垂直翻转图片可以按”Ctrl+T”并单击右键。在弹出的窗口中有关于旋转或翻转的选项。选择相应的动作并点击“Enter“。同样,若要扭曲或者曲化图像只需使用“Ctrl+T”,随后将光标放在想要扭曲的边角。按着”Ctrl“同时按下鼠标,将边角拖拉到你设想的地方。点击”Enter”完成操作。改变测量单位

手机旺铺详情动图gif如何添加编辑?
手机旺铺详情添加gif动图的方法与电脑端不同,图片模块上虽然可以点选gif图片,并且在编辑界面上也可以自动播放,但手机端查看详情的时候,会发现添加上的gif图片变为了jpg的静止图片了,问题出在哪里?其实手机旺铺详情里面,动图需要动图模块才可以,下面通过截图简单说明操作步骤: 1、打开千牛工作台,点击导航上的【商品】,下面菜单里面,选择【出售中的宝贝】或者【仓库中的宝贝】, 2、找到需要编辑的宝贝,打开进入编辑页面,找到【手机端描述】一栏,点击切换至【使用旺铺详情编辑器】,然后点击【编辑详情】, 3、进入手机详情编辑器之后,点击【基础模块】,展开的菜单里面,选中【动图】,展开的菜单里面,第一个为自定义动图,其他为动图模板,点击选中第一个, 4、选中模块之后,右侧设置界面上,鼠标移动到上面,可以看到显示出来的两个按钮,一个是【制作】,另一个是【选择已有动图】,这里的选择,并不是从图片空间里面,而是用此动图功能设计好的,所以这里不能添加其他地方设计的gif图片,点击【制作】, 5、自定义模板的操作步骤,1、更换图片,2、设置动态样式,也就是下图中的【转场动画】,3、设置播放速度,也就是【间隔时间】。鼠标移动到【编辑图片】上,点击出现的【更换图片】, 6、转场动画,就是图片播放的样式,点击选中后点击【预览】,播放时间一般是默认的【中】,根据需要酌情调整即可, 7、模板库目前有88个模板,点击选中喜欢的模板,更换图片,修改文字即可,操作比较简单直接,这里就不赘述了。 8、保存之后的效果如下,因为是动图模块,所以笔者手机端查了,可以正常播放。 笔者之前的文章写的不对,已经更正了(2019-6-27),目前的操作方法是正确的,如有疑问可以在下方留言讨论。

优惠券怎么手机端淘宝店展示怎么设置优惠券?
手机淘宝店铺添加优惠券的方法比较简单,前提是购买优惠券服务,并且设置相应的金额,手机店铺装修后台,只需要添加上优惠券模块,简单设置即可,下面通过截图说明一下: 1、添加优惠券模块之前,可以先购买优惠券服务,设定优惠券金额,也可以先不购买,进入手机装修后台的方式有多种,下面介绍的为千牛工作台上的进入方式,鼠标移动到【店铺】,下拉界面上点击【店铺装修】, 2、弹出的页面中,可以看到默认打开的为【手机端】设置项,鼠标移动到【店铺首页 线上首页】一栏,即可显示出来【装修页面】,点击此按钮, 3、进入手机店铺后台之后,左侧【模块】栏,点击展开【营销互动类】,找到【优惠券模块】并拖动到模块中, 4、点击选中模块之后,右侧展开的界面上,可以看到默认【自动添加】选项,下面有说明如下:“系统自动抓取您已创建的优惠券,按照面额由小到大排列,最多展示6个优惠券。注意:若此模块已发布过,则进行的修改在点击保存后立即生效。”,如果还没有购买优惠券服务,可以点击【创建更多优惠券】,

Photoshop制作金属质感的艺术字设计教程
本教程主要使用photoshop制作金属质感的父爱如山艺术字教程,这次分享一些字体设计的验技巧,希望对大家能有所帮助。小编菜鸟一枚,写的不是很好,不要误导大家才好哦,写的不足的地方还请大家多多指正,如有雷同纯属巧合。

Photoshop快速的把年轻人变成老年人艺术效果
时间对每一个人都是公平的,就如青春虽然美丽精彩,但其终将逝去。而一张年轻的脸,同样会随着时间的流逝,眼睛、眉毛和嘴巴周围逐渐出现皱纹,皮肤渐渐变黑,甚至出现黑斑,脸上的皮肉逐渐松弛,再也没有原来的紧致和弹性,眼珠也会渐渐陷入眼窝中,头发慢慢变得稀疏,甚至变成灰白色。图00既然上述都是衰老的特征,那么可以根据年轻时候的照片预测出年老时候的样子吗?本期国外精品翻译教程就是跟大家一起学习如何用Photoshop将年轻的模样变老。1、收集素材虽然人脸变老会出现头发发白、皮肤松弛等情况,但是大致上还是与年轻时候比较一致的。所以PS年轻变老的关键不仅在于找到一张年轻面孔的照片,而且要找到跟这张年轻面孔有几分相似的老年面孔照片,然后老年面孔作为素材,进行合理的预测,合成到年轻面孔上。下面先看看下面两张照片。照片中,人物的脸部骨架、肤色都比较相似,大家可以遵循这一规律寻找合适的素材。图01图02

Photoshop合成在树林下看书的美女梦幻场景图片
本教程主要使用photoshop合成在树林下看书的美女梦幻场景,这篇教程不算是太难,就是步骤太多了,所以分成上下两篇,某几个步骤需要点美术基础,本人没学过美术,效果不好请见谅,我觉得重要的还是学习作者的想法,没必要每个步骤都一模一样。最终效果图:1.森林部分①新建大小1172px*1106px,RGB。②将森林图片置入文件,调整大小(注意这个要为智能对象)。效果如下:③使用-模糊-高斯模糊,这样可以营造出空间感。参数设置如下:④这一步是给图片加上光照的效果,光是来自左侧的。使用-新建调整-曲线,先给图片加上亮度,

淘宝店铺宝贝SKU图在哪里替换
淘宝宝贝sku可以狭隘的理解为颜色分类,比如一款产品有多种款式,在颜色分类里面,设置款式名称和图片,产品详情页上的颜色分类,即可出现款式名称或缩略图,并且此缩略图点击之后,主图位置便可以大图展示,效果如下图所示:那么此分类图片如何替换?且看下文详解。 1、新手朋友开店之后,产品通过授权或者数据包安装的方式完成的,并没有手动编辑过,所以对很多图片的编辑很陌生,比如颜色分类上的图片,应该如何来替换? 2、既然是要修改产品信息,那么就需要进入产品编辑页面,首先打开【千牛工作台】,鼠标移动到【商品】菜单上,展开的界面上,可以根据产品所在位置,打开【出售中的宝贝】或者【仓库中的宝贝】, 3、可以通过搜索,或者挨个查找的方法,找到需要更改信息的产品,点击右侧栏的【编辑商品】, 4、进入产品编辑页面之后,找到【销售信息】一栏中的【颜色分类】,可以看到分类图片后面有【替换】,点击之后弹出图片空间,进行图片的选择替换即可,

淘宝颜色分类尺寸大小颜色分类图片多大
淘宝产品详情页面上,在颜色分类一栏中,可以设置文字显示,也可以添加图片,那么如果是上传图片的话,应该是多大的尺寸合适?如果只是为了让买家便于区分选择,文字更好一些,如果想要让买家点击颜色分类缩略图之后,左侧的主图位置展示出相应的大图,那么就要与主图尺寸保持一致,效果更好一些,下面通过截图说明一下: 1、在产品编辑页面上,不同类目的颜色分类,设置项可能会有差异,大致如下图所示,只需要点击【选择图片】,即可进入图片空间点选图片, 2、一般情况下,颜色分类的图片,不仅仅是做区分选择,更重要的一个功能,那就是可以在主体位置,像主图一样展示出来,如果图片尺寸超过700*700px,还具有放大功能,所以笔者建议颜色分类图片的尺寸与主图保持一致,可以使用400*400px,或者800*800px, 3、可以先把修改好尺寸的图片,上传到图片空间,选择图片的时候,直接点选即可,也可以点击右侧的【上传图片】按钮,从电脑上直接上传, 颜色分类不仅仅可以做款式的选择,还可以做活动内容的展示,甚至可以做一些说明类的功能,更多颜色分类的应用请关注后续的文章。

Photoshop绘制漫天大雪下的中国风梅花图教程
这些年摆弄photoshop的时候少多了!去年年末突然又想用它来画一幅画。说是画画,也不准确,因为整个过程不用笔,也不用板子!这叫什么画画!其实是拼一幅画。画的过程中,直接就凑了一个教程,总的来说,这个教程没什么实用的价值,只是想这样做而已。这个教程只用到了Photoshop自带笔刷及滤镜。所有步骤都没有给出具体参数,主要是考虑不同的画幅、个人所要达到目的效果的不同,都需要不同的参数,这个需要在实践中去体会,画这个画的想法与实现方式都决定了不能复制,每个人画出来都会不一样,就我自己也无法重复画一幅,我想这正是这个教程最有意思的地方吧!同时,本教程的想法只是偏重了思路,而对于具体方法表述并不细致,一方面是为了给喜欢的人更大的个人思考空间,同时也是犯懒。嗯,具体的,有需要的再探讨吧!在文章的结尾,我给出了做这个画的梅树及花的素材,不想太累的也可以玩一下。先上最终的成稿,有一个感性的认识。新建图层填充灰色,执行滤镜——分层云彩。按ctrl+f,不断重复这个滤镜,然后观察出现的墨晕的效果,那些是黑色较重的部分,就是我们将来要用来制作梅树干的部分!看你的脑洞了!自己判断哪一块可以用哦!在这个过程中,发现有可用的了,要把它修剪出来,就像做盆景一样。在这里不要在图层上直接修剪,而要再处理一下,用通道调出素材的选区并反选,新建图层填充黑色!得到了各种各样的梅花树干的素材,然后就修理吧!细心一点儿,多做出一些树干枝杈的素材,为下步拼接梅树做出足够多的素材。在选取素材的时候,注意墨色的浓淡搭配,各种墨色的、各种形态的枝杈都要准备一些。而且是多多益善,便于创作的时候增加可选择性。 为了处理的时候看着方便,我在背景层上填充了颜色。在选择素材的时候,可以使用套索工具,适当加一点羽化,一个像素就可以。还可以利用橡皮工具,可以使用“喷溅”、“硬毛刷”等笔刷效果,这就根据你的需要了。下面这些图,就是经过一次次的重复上面的过程,从随机生成的效果里,修剪出来的梅树的枝干,以及大大小小姿态万方的枝杈!