推荐阅读

(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 CC2017的7大新功能分解
说时迟那时快,Adobe爸爸就这么史无前例地一年内更新了两个大版本号,跳过了2016,留恋过2015,猝不及防地就直接CC 2017了。这不按套路出牌的一年,惊喜没发生在常规动作的六月,却在11月带来了意外。全线升级后,老规矩,阿随君还是赶紧先试试PS小公举,到底又更新了哪些贴心功能,你还真别说,有几个点还是可供我们玩耍的,闲言少叙,一起来瞅瞅吧,我觉得下面这些更新后的功能,一定有一款是你心心念喜欢的。1、支持emoji表情包在内的svg字体在一大波更新中,支持emoji字体一眼就击中了笔者的心窝窝啊,什么意思呢?PS小公举直接就可以输入表情包了啊,而且还是被当做字体了,矢量啊!输入之后,要多大有多大,表情包不太糊,也就是说我们做文字的时候,随时随地都可以像打字一样插入emoji表情包,随便插。而且PS小公举已经自带了EmojiOne字体,非常酷,表情包灰常多啊,只要打开“字形”面板,选择该字体就可以看到了,选中喜欢的表情包双击即可完成输入。可以按照对文字的操作,随意操作使用它。感受一下这个字体库吧。超级多的表情包库像输入文字一样调试它当然啦,表情包还有更牛掰的玩法,它可以“创建复合字形”和“创建字符变体”,前者的意思就是前后选择两个表情包后合成一个新的表情包,比如先选了字母C再去选择字母N的时候,就会自动变为中国国旗,其它字母也是,比如US是美国,如下图所示:

适合新手学习的Photoshop曲线工具原理
我们在学习修片的过程中,不但要知其然,更要知其所以然,意匠id的小教程就是想用最通俗的方式告诉大家修片原理,至于创作的过程,就要靠大家的实操啦,闲话不多说,今天我们来聊聊修图中的重要工具 —— 曲线。经常使用PS的同学应该很熟悉曲线工具,我简单介绍下,原理很简单,一学就会。这是PS中曲线的功能卡(ctrl+M),我们通常会使用图中所标的6个功能区:1,预设选择,PS软件本身为我们提供了一些常用的效果曲线,方便我们快速修片;其中负片,反冲等等效果,在接下来我要讲的APP修图中也有体现的。2,通道选择,可以选择在RGB模式下调整,也可以单独调整R,G,B通道,这一点稍后在APP的使用中我也会单独说到;3,主功能区,是我们调整或绘制曲线的主要操作区;

详解Photoshop时尚人像后期商业精修处理教程
对任何图片进行处理,都需要先对图片的分析,只有先分析好图片,脑海中有个大概的思路,才能针对性的对图片处理,在实际处理操作中才能更大的激发你的修图灵感。,我拿到这张片子的时候,映入眼球的就是大穿帮,这个我们修图的千万不能抱怨啦,拍摄条件有限,也要理解摄影师,除了穿帮,碎发,我们会发现整张图片的光影影调很杂乱,色彩也不够丰富,对比不是很强烈。那我们是怎么对这张图片进行针对性的处理的呢。效果图:原片:进入正题:1、先复制一层作为备份图层,再复制一层对图片穿帮部分做处理2、建立观察层,过滤杂色,然后使用中性灰对图片进修光影影调的过度修饰观察层的建立:第一层,新建空白层,填充黑色,模式颜色,第二层,新建空白层,填充黑色,模式为柔光,如果过量的话可以适当降低图层透明度,如果不够的话可以复制第二层,图层颜色降低,中性灰,观察图层的建立如下两图。

详细解析Photoshop色彩半调在人像合成的应用
本教程主要使用photoshop浅谈彩色半调在人像合成的原理解析,作者有朋友问了色彩半调这个问题,今天我就结合自身和网上搜集的一些资料,来给大家整理了这个PS教程讲解彩色半调原理和一个实例教程,希望对PS入门新手有用。下面就一起来学习吧。先看看效果图下面是教程:

精选国外绚丽的作品展示页设计欣赏
作为一名UI/UX设计师,你一定想拥有一个足够优秀的作品展示页来呈现你所有的作品。你的潜在客户需要看到的不止是你能做到什么,还需要看到你是如何做设计,并且怎样让这些设计脱颖而出的。虽然设计师宣传自己的方式许许多多,但是一个能随时访问的设计作品展示页面始终是最直观、效果最好的呈现方式。感觉上设计一个页面似乎并不复杂,但是事实上并非如此。随着越来越多的设计师开始将自己的作品集放到网站上,这类网站就开始将不同的设计技巧、技术融入其中。今天我们再来审视作品展示页的设计和开发的时候,会发现已经有许多技巧和技术可供我们参考和学习了。而今天,我们将从BeTheme 的设计中汲取经验。客观上来讲,要创建一个作品展示页,需要考虑到三个主要角色:·确保你的作品展示页能够展示出你的设计技巧·让客户信任你,看到你的设计能够迎合他们的需求·展现你作为这一优秀业务的提供者的优势打造优秀作品展示页的必要步骤选择对的设计工具与素材当然是一件重要的事情,不过有些必要的步骤应当始终牢记:

CorelDRAW快速绘制卡通女孩头像教程
在这篇CDR教程中我们将一起来学习如何快速的绘制一个可爱的女孩头像,教程属于初级CDR教程,适合学习CDR的新手朋友学习,绘制完成的效果也很漂亮哦,希望朋友们喜欢本教程。我们先来看看制作完成的效果:下面我们开始具体的学习:

CorelDRAW制作IE浏览器标志教程
这篇CDR制作IE浏览器标志教程是我刚刚学习过的,教程难度不大,学习起来比较简单,推荐到飞特和大伙分享分享,喜欢的就点几个好评给我哈。先来看看最终的效果图:步骤1:绘制一个大圆,再在圆内绘制一个小圆,选择属性饼形,角度选为180度。然后垂直镜像复制。步骤2:绘制一个矩形,放到合适位置,选择属性栏中的后减前。

CorelDraw绘制蓝色风格的立体字教程
本教程主要使用CorelDraw绘制久违的你蓝色立体字教程,同时CDR制作立体字的教程思缘也有不少了,学习过这篇之后感觉还是挺不错的,推荐过来和思缘的朋友们一起分享学习了,希望大家喜欢这篇教程。

CorelDraw制作漂亮圆点螺旋状效果
我们一起来看看最终的效果图吧:具体的制作步骤如下:1.利用调和做这样的一系列小圆。2.将所有的小圆群组并将旋转中心置于下方(旋转中心决定后面图形的样子)。3.按住shift键并拖动群组圆到小群组圆位置右键复制。4.利用Ctrl+R重复做成如此,群组。