推荐阅读

3DMAX制作时尚创意的个性展台效果
本篇教程,我要给大家讲解的就是如何利用3Ds max制作大师作品中的展台。首先我们先看下图中的这个展台框架。像这样镂空比较多的造型,最简便的方法就是结合贴图来制作。首先,我们需要制作一张贴图,如下:第二步,贴图制作好后,我们返回到max中,开始制作展台的外形,在前视图中我们创建一个平面,大家要是初学的话也可以根据我上面的参数来设定。第三步,打开材质编辑器(快捷键:M),在不透明下添加我们制作好的贴图。 第四步,我们需要调整贴图大小。如图所示。

火山文字,PS软件制作火山熔岩文字图片设计教程
漂亮火山熔岩文字重点是纹理部分的制作,用到的滤镜比较多,自己需要细心一点,把岩石的纹理做出来,如果嫌麻烦可以去网上下载一些纹理素材,直接使用。 最终效果 一、photoshop制作文字效果之前,需要先制作一些纹理。新建一个1024 * 768像素的文件,新建一个图层,按字母键“D”把前背景颜色复位到默认的黑白,执行:滤镜 > 渲染 > 云彩,效果如下图。 二、执行:滤镜 > 像素化 > 点状化,大小设置为15,如图3,确定后按Ctrl + Shift + U 去色。然后执行:滤镜 > 模糊 > 高斯模糊,设置为8,效果如图5。 三、执行:滤镜 > 渲染 > 光照效果,只需要在面板的底部选择一个通道,然后把凸起的数值设置到最大,如图6,确定后按Ctrl + F 加强一次,效果如图7。

photoshop绘制Web2.0图标
我们在进行站点设计的过程中,经常需要使用图标表示诸如添加、删除和编辑之类的操作。在Web2.0时代,徽章和细致的3D效果越来越流行。本教程将告诉你如何简单的绘制出带有漂亮3D效果的按钮或图标。步骤1:创建一个新的文件,选择“椭圆形工具”(U),画一个圆形。将圆形填充上随便什么颜色,后面它将被图层样式覆盖。步骤2:双击圆形图层打开图层样式窗口,选择“渐变叠加”,使用蓝色和浅蓝色做渐变色,在“样式”下拉框中选择“径向”。最后参照下图为渐变叠加设置“角度”并添加“斜面和浮雕效果”。小窍门:将渐变叠加移动到圆形顶端:打开图层样式窗口,选中“渐变叠加”选项。按住按钮调整渐变。 步骤3:参照下图,复制圆形图层,并调整到合适大小。

低角度的倒影
低角度倒影 除了平视角度外,低视角下的光影世界亦不可错过。以下列两张照片为例,拍摄于机场航厦候机楼,由于当下我有相当足够的时间去观察环境与旅人动向,所以只要坐在椅子上设定好相机,接着等待理想元素入镜即可;至于图2则拍摄于莺歌陶瓷博物馆,由于馆内水流属于流动的活水,所以原本笔直的支柱在倒影下就会显得十分诡异,于是我便顺势利用翻转屏幕拍下了这张影像作品。 ▲Canon PowerShot G1 X, 光圈F5.0, 快门1/50秒, 单色效果, 自动白平衡, ISO 100, JPEG。 ▲Canon PowerShot G1 X, 光圈F5.6, 快门1/100秒, 单色效果, 自动白平衡, ISO 800, JPEG。 顺光、逆光 除了构图角度外,光源方向掌握亦十分重要。一般来说,粗略可分为顺光与逆光两种,顺光即是所谓的正面光(摄影者拍摄方向与光的照射方向一致),由于光源覆盖面积较大且测光难度不高,所以是目前摄影初学者最容易掌握的用光环境,不过缺点是该光源反差较小,容易造成被摄物色彩趋于平淡且缺乏过渡层次,因此在拍摄时,我会建议读家可适时调整取景角度使被摄物处于半侧光状态,如此便能有效改善上述问题。 至于逆光,由于光源是从被摄物背面直接照射过来,所以拍摄对象在明亮的背景前会形成暗色剪影,尽管画面简洁但却拥有极佳的表现力,只不过在拍摄时最好积极使用遮光罩搭配,才能有效避免炫光问题的产生。
最新发布

Dreamweaver MX 2004功能详解
Macromedia DreamweaverMX 2004提供了更多功能强劲的可视化设计工具、应用开发环境以及代码编辑支持。使开发人员和设计师能够快捷的创建代码规范的应用程序,集成程度非常高,开发环境精简而高效,开发人员能够运用Dreamweaver与他们的服务器技术构建功能强大的网络应用程序衔接到用户的数据、网络服务体系。 Dreamweaver MX 2004提供基于强大的规范管理来确保高质量的设计,设计环境提供Css迅速高效的开发代码简洁、专业规范的站点。 Dreamweaver MX 2004新特点简介如下: 1.将世界一流水平的“设计”和“代码”编辑器合二为一在设计窗口中精化源代码,使你能够按工作的需要定制自己的用户界面。 2.利用丰富的CSS样式表支持构筑复杂的、标准规范的站点。同时提供了丰富的使用工具用于快速选择和样式属性控制工具。 3.跨浏览器有效性检查 当保存时自动地检查当前的文档的跨浏览器有效性(兼容),可以指定何种浏览器为测试用浏览器同时自动地检验以确定页面有没有目标浏览器不支持的tags或CSS结构。动态跨浏览器有效性检查功能可以自动核对tags和CSS规则是否适应目前的主浏览器(兼容性)。 4.使用内置的图形编辑程序让开发更加节省时间 裁剪、缩放等一些辅助性的图像编辑功能可以不用离开dreamweaver就能够完成,编辑工具是内嵌的Macromedia Fireworks技术。

在Dreamweaver中如何使用Library
使用库元素必须首先在DW中正确建立站点。 库被设计用来使重复性的工作更快、更容易并尽可能地无差错。 任何网页中的元素,无论文本还是图形均可以指定为库元素。 库元素可以用来放置在同一个站点内的任何页面中,而不需要重新输入文本或插入图片等。 可以在任何时候修改库文件。编辑完成,保存,DW会同时更新所有应用的网页。可以指定更新一个页面还是全部网站。 库元素可以被转换回非库元素。可以从一个站点复制到另一个站点。 创建库元素 新建文件,输入所需内容,选择希望作为库使用的一部分(或全部),打开Library面板,拖拉选择的部分到该面板中,定义名称,就建好了一个库元素。 使用库元素

在Dreamweaver中精细化你的表格外观
表格无疑是网页制作中最为重要的一个对象,因为通常的网页都是依靠表格来进行版面布局和各元素组织的,它直接决定了网页是否美观,内容组织是否清晰。但很多朋友常常忽视对表格的研究,而把目光投向其他的层、图片、特效等等,其实合理的利用表格可以方便的美化你得页面,我们也常常听到有朋友抱怨表格作出的页面单调、粗糙、缺乏变化,也常常听到有人问如何作出1个像素的表格边框。其实在Dreamweaver中我们可以非常方便的精细化你的表格,从而使你的网页更加美观精细。我们将分下面三个方面介绍如何在Dreamweaver中精细化你的表格。 一、利用属性面板。图一首先我们需要了解两个表格属性面板上的参数:CellPad和CellSpace。如图一所示,CellPad是指表格中两个单元格之间的距离,CellSpace是指每个单元格与它中间的内容之间的间隔距离。通过改变这两个参数,并配合背景色彩的变化,可以方便的做出1像素的表格边框。 1、使用Object面板插入一个表格,定义表格宽、高及行数和列数。注意此时Dreamweaver中插入表格的默认CellPad和CellSpace、Border都为0。如图二;图二2、在属性面板中定义表格的Border为0,CellPad为5(这项可使单元格中的内容与单元格边缘之间保持5个像素);CellSpace为1(此项使得单元格之间保持1个项素的间距)。如图三; 图三3、设置表格的背景色#999999,如图四; 4、设置单元格的背景色#FFFFFF,如图五; 图五5、在浏览器中预览一下效果,我们可以看到表格呈现一个像素的边框,如图六; 图六二、利用表格嵌套。 还是上面的主要原理,我们在利用表格之间的互相嵌套,就可以实现更多的效果。 1、首先我们绘制一个表格,参照前面的例子设定此表格的CellPad和CellSpace的数值和颜色。具体效果如图七; 图七 2、接下来绘制另一个单行单列的表格,设置CellPad=2,CellSpace=1具体参数如图八; 图八3、将第一步中作好的表格移动到第二步中的表格中,此时的表格外观如图九;图九我们看到此表格具有双线外框,单线内框。 4、再修改第二步中的表格为单行双列,在每个单元格中都放置一个第一步中的表格,最后的表格外观如图十;图十的重新定义,单独定义一个.tdstyle样式,具体参数如图十三; 注意在这里我们定义了顶端和下端的边框宽度为1像素,左右两边的为0。 4、最后的表格效果见图十四;(图十五) 此时表格呈现类似立体的效果。 6、上面这个表格感觉不太完美,整个表格的右边和下方无边框。我们可以再定义一个样式.table1,定义此样式的四边都为1像素,并将它附给 ,此时表格外观如图十六;小结:合理利用上面介绍的表格技巧,可以非常方便的创造各种常见的表格样式,从而达到美化你的页面的目的。而样式表的运用更加扩充了表格的样式外观,配合高浏览器的支持,可以实现更加多样的效果,如虚线、立体线、等等。个人感觉在商业网站的设计中,更多的使用表格可以整加页面层次,同时可以使页面简洁大方,但也要提醒大家在表格嵌套时的嵌套层次不要超过三层。

自己动手用Dreamweaver制作活动菜单条
用QQ聊过天的朋友都对它的自动隐藏窗口功能爱不释手,它可以使窗口显得清爽整洁而且富有动感,笔者的几个朋友都想在自己的网页中加入类似的东东,经过共同摸索发现用Dreamweaer就可以实现这种效果,下面我们通过一个活动菜单条的制作来看看吧。 第1步:制作菜单外貌 图1 在Dreamweaer中新建一个文件,绘制一个层,在该层中插入一个表格(如图1),对该表格进行修饰,然后加入菜单项并建立各项的超链接,为了去掉超链接的下划线,可以编辑超链接的CSS样式,在CSS样式面板中通过CSS选择器将“Link”和“Hover”的“Decoration(装饰)”均设置为“None(无)”,将“Hover”的“Color(颜色)”设置为红色,最后将设置好的样式应用到各个菜单条中(可按“F12”键预览效果)。 第2步:设计菜单的动态效果 1、选定层面,当鼠标变成“十”字形时按住左键将层面拖动到页面右上角(使整个菜单条完全露出但上边缘正好靠拢页面上边界),在窗口菜单中打开时间线面板,选定层面将其拖动到时间线上,Dreamweaer会自动产生一个长度为15帧的动画对象,拖动该动画对象的最后一个关键帧到第30帧,将其长度设置为30帧。然后在第15帧处单击右键,在弹出的快捷菜单中选择“添加关键帧”选项插入一个关键帧,并将层面拖动到适当位置(如图2)。在时间线窗口中的第15帧处再次单击右键,在弹出的快捷菜单中选择“添加动作”,为该帧添加一个交互行为,Dreamweaer将自动打开行为面板。单击行为面板中的“+”按钮,从弹出的菜单中选择“Timeline/Stop Timeline”,打开“Stop Timeline”对话框,选择“Timeline1”后单击“确定”按钮关闭该对话框。交互行为的事件为“onFrame15”,动作为“Stop Timeline”,这样当时间线运行到第15帧时,动画将停止播放,这样就实现了菜单条弹回的功能。图2 2、用同样的方法在时间线的第30帧处也添加一个“Stop Timeline”的交互行为,这样就实现了菜单弹出的功能。添加了这两个交互行为后,在时间线窗口的相应帧上面都出现了一个蓝色方块,它代表一个交互行为。选择“自动播放和循环”复选框,使动画能够自动循环播放(如图3)。图3

Dreamweaver教程:创建模板
当需要制作大量布局基本一致的网页时,使用模板是最好的方法。 本文介绍的是基于一个网页创建模板的方法。简明步骤:打开一个已经存在的网页→另存为模板→新建可编辑区域→保存。打开示例站点中已经建好的index.htm文件,打开“文件”,点击“另存为模板”。选择模板存放的站点,在“另存为”中为模板输入一个唯一的名称,单击保存按钮。在“插入栏”选择“模板”,然后单击“可编辑区域”。

Dreamweaver教程:弹出窗口
进入天极首页的时候,就会弹出小窗口。本文介绍这种弹出窗口的制作方法。 准备小窗口页面: 1. 打开一个页面,设置页面属性。左边界,顶部边界为 0 ,在标题处输入标题名称。 2. 在页面中插入图片。也可以是文字, Flash 动画等。小窗口页面就准备好了。 给一个页面添加弹出小窗口: 1. 打开需要添加弹出小窗口页面,例如一个网站的首页,在标签选择器中选择“ body ”标签。

Dreamweaver教程:Dreamweaver的插件
使用Macromedia 功能扩展管理器,可以方便的在Macromedia 应用程序中安装和删除功能扩展。 在这里想提一下,功能扩展管理器有时会因为莫名其妙的原因损坏。这种情况,重新安装功能扩展管理器就可以了。第一次安装和重新安装方法相同。 在Macromedia安装软件目录下,双击功能扩展管理器安装图标。 完成功能扩展管理器的安装。

Dreamweaver教程:层及其应用
层(Layer)是一种 HTML 页面元素,您可以将它定位在页面上的任意位置。层可以包含文本、图像或其它 HTML 文档。层的出现使网页从二维平面拓展到三维。可以使页面上元素进行重叠和复杂的布局。首先,请看下图: 我们首先来做一个层 1、 在「窗口」菜单>选“层”,或点「插入」菜单>布局对象>选“层”。 2、 在页面中显示一个层。 3、 通过周围的黑色调整柄拖动控制层的大小 4、 拖动层左上角的选择柄可以移动层的位置。 5、 单击层标记可以选中一个层。 6、 在层中可以插入其他任何元素包括图片文字链接表格等。 一个页面中可以画出很多的层,这些层都会列在层面板中。层之间也可以相互重叠。层面板可以通过菜单「窗口」菜单>选“层”打开。

Dreamweaver经典问题大搜罗
1>在DW中,如何输入一个空格呢? 输入空格的问题,在DW似乎已成了一个老生常谈的问题,我们可能在许多介绍DW使用方面的书籍或文章中看到过N次。 DW中对空格输入的限制是针对“半角”文字状态而言的,因此通过将输入法调整到全角模式就可以避免了,方法是:打开中文输入法(以人工智能ABC为例),按Shift+Space切换到全角状态,现在应该没问题了。 此外,你还可以通过许多“变通”的方法达到录入空格的目的,比如常用的是: 直接在源代码中加入代表空格的HTML代码“ ”;输入一定长度的文字对象后,然后调整文字的颜色与当前的背景颜色相同等等,不过注意的是后者在一些浏览器中可能显示上有点问题。 2>如何在浏览器地址栏前添加自定义的小图标? 你是不是记得有时在浏览网易网站的首页时,在地址WWW.163.COM前会显示一个“易”字样的小图标。而默认情况下,这个图标是一个IE浏览器的指定图片。 其实这也不是什么高深技术,只不过在网站目录下添加了一个特定文件而已。 这时,我们需要预先制作一个图标文件,大小为16*16像素。文件扩展名为ico,然后上传到相应目录中。在HTML源文件“”之间添加如下代码:

Dreamweaver MX实例:图片应用技巧
加快图片下载速度 如果网页中有过多的图片,就会影响浏览的速度。 Dreamweaver 可以轻松设置预载图片,加快图片下载速度,让站点以最快的速度出现在用户面前。 效果说明 建立文件,先预载图片,使图片预先下载到缓存中,加快图片下载速度。实际效果请浏览随书光盘中《 Dreamweaver MX 2004 100 例》目录下的《实例 36 -加快图片下载速度》文件。 创作思想 打开 Dreamweaver MX 2004 软件新建页面,再打开标签面板,在【行为】中选择【预先载入图像】选项,加快图片下载速度。 操作步骤 ( 1 )新建文件,操作如图 36-1 所示。 提示:如果站点上有几张大图片,可以单击【预先载入图像】上方的【 + 】图标,添加多张预载图像,具体操作与图 36-4 所示相同。 ( 5 )保存文件完成操作。这样就可以加快图片的下载速度,让用户在浏览网页时不会等太久,这对于提高网站的效能具有非常重要的意义。 随机广告图片 浏览者浏览网页时可以发现,网页中动态更新的广告图片比静态固定的图像更具有活力和吸引力。如何制作网页中的随机广告图片是本实例所要研究的问题。 效果说明 在浏览网页时,网页的 banner 区域将出现一张广告图片,如图 38-1 所示。随后每两秒更新一次广告图片,而且广告图片是以随机的方式出现的,如图 38-2 所示。 创作思想 通过使用 Macromedia 的扩展插件 Advance_Random_Images ,可以轻松地完成网页中随机广告图片的制作。 操作步骤 ( 1 )安装插件。使用菜单栏中的【命令】|【扩展管理】命令调出【 Macromedia 扩展管理器】对话框,安装 Advance_Random_Images 扩展,如图 38-3 所示。 ( 2 )调用命令。打开本实例源文件夹中的 banner.htm 文件,将光标置于要插入广告的位置上,并调出【 AdvancedRandomImages 】命令,如图 38-4 所示。 ( 3 ) 设置图像。 在弹出的【 RandomImages 】对话框中对图片变换属性进行设定,如图 38-5 所示。 ( 4 )添加图片。添加第一张广告图片,如图 38-6 所示。 提示:本实例所用到的图片放于本实例素材文件夹中的 banner 文件夹中。 ( 5 )接着用同样的方法添加其他图片,添加完成后单击【 OK 】按钮确定操作,如图 38-7 所示。 ( 6 )然后保存页面文件并进行预览,随机广告图片的效果就制作出来了。读者可参考本实例素材文件夹中的 bannerok.htm 效果文件,看制作的结果是否正确。至此本实例制作完成。 本实例所讲的技术常用于各类的网站中,如国内几个较大的门户网站上,几乎在他们的每个页面中都可看到这些变换广告,读者可参考这些内容来多加练习。