推荐阅读

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

3Dx Max制作月光下的城堡CG场景教程
"Points of View"是一项点评从不同角度和视点能得实物的对比和不同的视觉感受的作品的名字。我设计绘景,以阐明这一论点,混合了一切强大和浪漫的光线,以提供一个对比感强烈的未来“冰冷”城市。接着我开始图像绘景,把我的想法转移到纸上。通常我都是围绕主题以铅笔绘制开始的,研究各个元素的位置,以得到一个动态的组合物。但是在绘景过程中我只在photoshop中研究了概念,因为我已经有了一张与之相关的由Davide Scridel拍的照片。 3Dx Max制作“Point of View”作者:Roberto Oleotto使用软件:3Ds Max,Photoshop在明白了我所想沟通和实现的东西,和设计各种要素之后,我开始制作快速绘画。快速绘画在更理想的和容易的方法下创建背景画是一个非常有用的方式。这能让我们更好地了解作品的光线和色度、研究景深和各种不同因素。这就是为什么我想在介绍接下来的步骤时先说一点关于快速绘画的东西。快速绘画快速绘画,,正如之前所说,是最后作品成功的关键。我从研究镜头开始(图.01)。

3DMAX制作在大海中航行的帆船
Hello,我的名字叫Moises Gomes,在这篇教程中我会与你们一同回顾创作这张图片的过程。这张图是作为我的一个个人项目制作的。我想要挑战自己,利用这个机会提高自己无机建模、贴图和渲染的能力和技巧。在开始讲解之前我要感谢艺术家David Carvalho,在制作这个作品的概念阶段他一直与我一起,我还要感谢我的朋友,也是艺术家stevão Teuber,他参与了这个作品的照片组装和整合。作者:Moises Gomes 使用软件:3ds Max,photoshop,V-Ray,Misc我会从到到位仔细讲解制作过程。概念创作这只舰船的概念是在一个暴雨天气冲浪的时候想到的。画了一些草图后我决定开始制作这个项目(图01-02)。图01

3ds Max实例教程:结合PS制作户外科幻场景
由于是入门篇,因此制作难度不高,主要讲解重点是高速高效完成场景创作,时间仓促,一些细节没有完美还原,还望大家多给予谅解和支持。今后只要抽出时间,一定会继续这个经验分享系列。三维是条坎坷的路,但你一定会不虚此行

Illustrator教程:把纸上草图转换成插图
使用AI最愉快的环节就是将用铅笔绘制的草图转换为插图了!但是这个过程可不见得就那么简单,这里提供一点点小技巧,客官笑纳。先看看效果图下面是教程本教程案例我们就使用如下图所示的斯巴达式头盔吧。一、跟踪草图打开AI,新建文件,File > Place找到草图,把草图放到画布上。降低草图的不透明度到20%左右,然后使用快捷键CMD/CTRL+2给它上锁避免意外选到它。

3Dmax基础教程:六步设置3dsmax的相机匹配
3ds Max和其他的软件通常都会有插件功能来帮助用户设置相机匹配。我认为,知道基本的透视规则,手动地快速制作完美的相机视角也是很重要的技能。在这个教程中,我会使用到3ds Max,但是这是一种通用的技术,可以在除了3ds Max的其他软件上使用。作者:Ciro Sannino我猜想我要用来匹配的图是站在地面上高1.7米的男人,因为这是最常见的平均高度。下面是原始图片,所以你们可以自己练习一下(图00)。图00现在就开始学习吧!在渲染面板中设置渲染输出数值(按F10弹出渲染面板),然后把图片作为背景放置进去。这些图必须有相同的长宽像素。我们使用的图片大小是1600 x 1200(图01)。图01

Illustrator制作神话般的指甲油文字效果
对于初学者,您将学习如何使用基本的融合和矢量形状的建筑技术以及一些复杂的线性渐变,并且实时角功能创建的指甲油瓶盖。接下来,您将学习如何创建一个粉红色的艺术画笔,一个简单的背景和流畅的一段文字。充分利用外观面板和探路者面板中,您将学习如何添加阴影和亮点为您的文本片段。最后,您将学习如何添加一些指甲油滴和一堆微妙的闪闪发光的斑点。1,创建一个新文档,并设置网格打控制-N来创建一个新的文档。选择像素从单位下拉菜单中,输入600在宽度框中,655在高度框,然后单击高级按钮。选择RGB ,屏幕(72ppi) ,并确保该对齐新对象的像素网格框未被选中,然后单击OK(确定)。使格(视图>显示网格)和对齐网格(视图>对齐到网格)。对于初学者,您将需要一个网格每一 个加入5px,所以干脆去编辑>首选项>指南>电网,输入5的网格线间隔框和1的细分盒。你也应该打开信息面板(窗口>信息的实时预览与形状的大小和位置)。不要忘了度量单位的设置为像素编辑>首选项>单位>常规。所有这些选项会显著提高您的工作效率。2,创建指甲油瓶盖第1步挑矩形工具(M) ,并专注于自己的工具栏。从行程中移除的颜色,然后创建一个40×75像素的矩形,在对齐网格功能将方便您的工作。

3ds Max绘制三维角色飞行员安妮教程
HI各位,我是Florian Falcucci,一名住在巴黎的CG设计师。这次我想要创造一个富有卡通风格的角色,一个强大独立成功的不受别人约束的女性形象。我一直对于2、30年代的美国航空领域的女飞行员Amelia Eckhart非常崇拜。于是我打算以她为主题,我要做的是创造出角色的样子,衣着的材质和渲染效果等。过程中的方法有些并不是非常常规的做法,但对于我来说还是很有效的。先看看效果图【参考/模型】对于原创的角色设计并不是我擅长的,所以我需要大量的参考形象。我可以清楚的知道模型如何制作、材质如何匹配。但我需要在前提参考很多照片才能最终确定我角色的完整形象。我在3Ds Max中进行角色的建模,保持比较常规的POSE可以帮助我快速的进行绑定和调整。我不太喜欢在Max中直接确定POSE,因为这样可能会导致无法返回的错误。通常我会从头部开始制作,因为这是角色最重要的一个部分,然后再开始制作身体部分。我在模型上添加了一些基础的颜色来帮助快速的反应出角色最后的样子,身上其他的附件部分同样可以为角色提供更多的细节和丰富度。

Illustrator基础教程:创建内阴影效果
希望能通过本教程掌握Ai这方面的知识。很长一段时间,我对AdobeIllustrator最不满意的一点,就是AI中没有内阴影效果,只能使用内发光效果大致模拟。不过内发光效果不能设置效果的偏移量,因此用起来有局限性。不过,最近,在网上找到了一种方法,能在AI中快速方便地创建内阴影效果:首先,新建一个文档,用圆角矩形工具,或者矩形工具+圆角效果,画出这样的图形:然后,执行菜单命令「效果」-›「SVG滤镜」-›「应用SVG滤镜」命令,在弹出的对话框中,新建一个SVG滤镜:然后,把下面的代码复制、粘贴替换掉文本框里的内容,点击确定:<filter id="InnerShadow-5-5-0.75-black"> <!-- Shadow Offset --> <feOffset dx='5' dy='5' /> <!-- Shadow Blur --> <feGaussianBlur stdDeviation='3' result='offset-blur' />

Illustrator绘制逼真的WACOM绘画板教程
在以下步骤中你将学会在AI中如何绘制一个逼真的Wacom绘画板。首先,使用基本的工具和效果,圆的任何角落的脚本,并充分利用手绘板的外观来教会你如何绘制绘画板。其次,你将学习如何巧妙使用变形工具和如何使用复杂形状来添加渐变颜色和混合模式,将学习如何创建、保存和使用一个简单的模式。先看看效果图1. 新建一个新的文档&设置一个网格用CMD+N(PC机用Ctrl+N,LZ用的是PC机啦 = =)来新建文档。760px*600px,在高级设置中选择RGD颜色模式,屏幕(72ppi),预览模式设置为默认值,确保不需要勾选使新建对象与像素网格对齐。开启网格(视图-显示网格)对齐网格(视图>对齐网格)。开始之前你需要把每个网格更改为5px. 简单操作:编辑-首选项(ctrl+k)>参考线和网格>网格>改网格线间隔为5px,次数建间隔为1。打开信息窗口:窗口>信息(ctrl+f8)用来预览你的形状大小与位置。不要忘记设置计量单位为像素:编辑>首选项> General >单位。这些选项将会大大增加你的工作速度。1. 绘制手绘板第一步:用矩形工具(M)创建一个大小为500xp*330px的矩形,并用线性渐变来填充颜色(如图所示)改矩形为圆角矩形:效果>风格化> 圆角>17px,确认即可。

Illustrator制作曼陀罗可乐效果和调色分享
教程里介绍的一些AI技巧非常有用,推荐过来和思缘的正在学习AI的朋友们一起分享学习了,喜欢这篇教程的朋友记得给我好评啦。我们先来看看最终的效果图吧:什么是曼陀罗(Mandala)?曼陀罗是藏传佛教最著名的艺术创作形式之一,目的是帮助修行。曼陀罗的形状有很多,但主要以圆形为主,讲究按照中心对称。抛开文化背景不说,曼陀罗以其对称美的特点成为很多设计师练习临摹的题材之一。我的曼陀罗设计采用的是圆形,当然,也可以自己创造不同格式,在这列几个例子:设计曼陀罗的几个原则:1. 统一性:所有的视觉元素都应该看起来像是一套,不要搞太突兀。在各图案中使用类似的元素,图层相互叠加制造层次,都可以增加统一性。2. 多样性:在保持统一的前提下调整图案的大小,角度,细节等以增加多样性。