推荐阅读
精选国外非常吸引人的旅游门户网站设计欣赏
其实酒店和旅游类的网站最能体现多媒体内容和文字的搭配技巧了，这类网站通常需要营造氛围，展现美感，体现吸引力，优秀的案例比比皆是。今天我们就来看一组优秀的案例。现如今的旅游和酒店类网站设计的越来越带感了，壮美的风景和精致的界面融为一体，优质的服务和梦幻般的界面让用户在网站中流连忘返。这些网站以惊艳的图片和视频立足，配合以突出的现代网页设计技术，结合当下的设计趋势，视差滚动、全景图片、响应式布局、动态图片一个都不缺席。这些网站巧妙地将多媒体技术、文字排版和特效平衡为一体，为用户提供了身临其境的体验。>Pygmy ElephantPygmy Elephant 是一个旅游机构，网站为用户提供了逼真而难忘的视觉体验。其中涵盖的多媒体类型丰富，通过丰富的视觉体验鼓励游客踏上旅程。网站使用了视频背景，漂亮的图文混排，精致的交互细节。>Cruise Me为了让项目效果突出，设计和开发团队使用了诸多先锋的技术。当用户打开网站的时候能够看到首页上交互性极强的地图，每个地标都能够为用户提供丰富的信息以便浏览和了解。再向下，用户可以翻看不同主题不同旅游项目的卡片，有目的和针对性地了解具体信息。整个网页的设计友好而令人愉悦。>Bird Luxury Travel PR
PHOTOSHOP绘作逼真蕃茄
4.画个大椭圆，羽化20，反选，增加亮度30。 5.取消选择后，用加深和减淡工具处理周边，上面和两边减淡，底部加深。使用加深和减淡工具的时候，需要不断的尝试，这时最好给图像做个历史快照，或是复制一层来做，这样便于修改，涂抹时次数是很多的，不一会就数十次了，在历史记录中可恢复不了。 6.蕃茄有几个瓣，现在来做这几条陷下去的纹。画个椭圆，用选择-变换选区旋转和移动到适合的位置，羽化1，在凹纹的位置用减淡工具檫。 7.反选后用加深工具檫。 8.同样方法做出余下的陷纹。观察整体，再对局部作一些加深增强立体感，可加轻微杂色，数量约1。 9.给这个层命名“蕃茄”，新建一层，在上部画个小椭圆，羽化3，填充灰白性线渐变，将图层模式设为“颜色加深”，作为蒂部位下陷的暗调。向下合并到蕃茄。 10.新建一层，命名“茄蒂”，用钢笔仔细钩出蒂的形状，填充绿色（46/77/27）。 11.绘画实物时，离不开我们的好帮手――加深和减淡工具。刚接触时，我也是极为头痛的，它们不象图层样式那样，调节参数就可以得到效果的，不容易掌握。但只要经过耐心的练习和尝试，你会发觉它们实在是可爱极了。处理茄蒂时可用钢笔辅助钩出叶瓣，也需要载入茄蒂的选区，用轻移、旋转、羽化、反选等动作来得到我们需要的工作选区。完成后加杂色1.5%。
Photoshop打造斑驳压纹镂空文字效果
简 介】 利用PS可以打造出各种各样奇特的文字效果，下面我们来制作一款压纹镂空文字…… 先看一下效果： 效果图 制作工具：Photoshop CS 制作过程： 1、新建一个宽度为100像素，高度为100像素，分辨率为350像素的文件。 2、新建图层1，单击工具箱中的“自定义形状工具”，在其属性栏中单击路径按钮，并在形状下拉面板中选择五角星图案，然后在窗口中拖拽创建一个五角星路径，如图01所示。
自己动手用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
最新发布
Flash+XML实现电子地图查询及定位功能
本例要实现的功能分成“查询”和“定位”两部分，查询功能通过调用XML文件的数据一一比对实现。定位功能通过将地图进行适当的缩放和移动，将被查询到的地名显示在窗口的*位置来实现。 制作步骤： 制作如图所示的界面； 图1 查询功能的界面 用input_txt动态文本框接收输入的地名名称。用载入的外部文件XMLData.xml，依次将地名与input_txt.text比较，如果两个地名相符，取相对应的X、Y轴坐标值，将地图做相应的缩放及移动操作。在本例中地图将做放大50倍，同时将地图中心移动至被查询的地名。 XMLData.xml的内容如下： 打开时间轴的动作面板，输入以下ActionScript代码： 打开“查询”按钮的动作面板，输入以下ActionScript代码： 正式发布后，输入“罗湖中学”，查询到相对应的代码为“<r><n>罗湖中学</n><x>37225</x><y>34520</y></r>”，地图自动放大50倍，地图中心移至(37225,34520)。效果如图2所示；
Flash+ASP实现电子互动地图在线标注功能
在本例中，我们使用ASP来共同实现在线标注功能。 1、基本的通信过程 图1 SWF+XML与服务器的通信过程示意图 图1展示的是本例中的通信过程示意。在 Flash 和数据库之间传递信息的服务器端脚本以 XML 格式读写数据。 可用 ActionScript 将 SWF 文件中收集到的信息转换成一个 XML 对象，然后将数据作为 XML 文档发送到服务器端脚本。您还可以使用ActionScript 将服务器返回的 XML 文档加载到 XML 对象中，以在 SWF 文件中使用该文档。其中在本例中，保存相关的XML数据是由服务器的脚本程序来完成的，这也是本例的重点学习内容。 2、flash与ASP间的通信方法 flash与ASP通信之间可以使用多种通信方法，本例中使用了LoadVars对象。 LoadVars可以通过使用POST方法提供了一种向服务器输送变量。 3、服务器脚本
Flash 动态柱状图表制作原理剖析
本文我们就Flash动态柱状图表的制作原理做一个剖析。 2、主场景第一帧上放四个实例名称分别是mc0、mc1、mc2、mc3的电影实例。 3、主场景第一帧上增加代码:
XML辅助Flash互动电子地图标注地名
一、初识XML 1、什么是XML？ XML 是英文Extensible Markup Language的缩写，中文意为可扩展的标记语言。XML是一套定义语义标记的规则，这些标记将文档分成许多部件并对这些部件加以标识。它也是元标记语言，即定义了用于定义其他与特定领域有关的、语义的、结构化的标记语言的句法语言。 以下为一个XML文件结构，有些类似HTML语言： 二、Flash调用XML文件的方法 Flash中的ActionScript2.0关于调用XML的全局函数与方法属性较多，以下只介绍本例中涉及的内容： 1、建立XML对象： var myXML = new XML(); 2、引用XML文件： myXML.load("data.xml");
Flash 动态缓冲图片导航制作详解
缓冲公式在制作特效中非常有用，著名的三星导航菜单就用到了此公式。现在许多网站出尽风头，其中缓冲导航是其一大亮点。本文以一德国网站的导航为例，详解缓冲导航的制作。这个效果是我和溶剂共同完成的，他提供坐标的算法，我提供缩放的算法。 本例效果演示：查看效果(鼠标划过的部分图片会变大) 制作思路 利用缓冲公式设置图片的缩放比例，如果鼠标滑过某图片，放大1.8倍。如果其它图片的序号与此图片的序号相差1，就是此图片两边的图片，放大1.4倍，其它的为原始大小。 图片坐标控制 当某图片放大时，相邻的图片的坐标等于此图片的坐标加上这两张图片的宽度的一半，实现图片无间距排列。 线条和文字控制 线条用画线函数实现，文字的坐标和缩放比例与对应的图片相同。 制作过程 1、启动Flash，新建一个影片，设置影片大小为600px*200px。 准备好如图中的素材，图片的实例名分别为zjs0到zjs4，文字的实例名分别为z0到z4。 把中间的图片坐标设为(300,130)，选中全部的图片，按CTRL＋K调出排列面板，设置为顶部对齐，使图片的y坐标相同，图片的x坐标通过AS来控制。用同样的方法使方字的y坐标相同，并调整好文字和图片的间距。
Flash 绘中秋贺卡：快乐月饼大游行
这是一张用CorelDraw、Photoshop、Flash绘制的中秋节贺卡，画面是月色中的月饼大游行，草图中依上而下的是路边的花墙、路灯、驾车的小兔、载月饼的车和兔子乐队。 在PHOTOSHOP中扫描后，将要作矢量绘制的部分裁下为一新图，增加一新图层，填充淡红色，选图层样式为变亮，将草图的线条处理成红色。 我要将草图导入CORELDRAW中绘制矢量线条。将草图的线条处理成红色是因为可以和黑色的线条形成很强的对比，所绘线条一目了然。用COLRELDRAW来绘线的原因是个人习惯，感觉其绘线的能力十分强大且操作灵活，要比FLASH绘线好用得多。 导入图片，锁定，绘好线条。 解锁草图，删掉，就成这样。 整个制作过程中，心中要对作品的每一个细节有数，哪里怎么绘事先了然于胸。还有草图没绘好的部分，可以在绘线的过程中补，这也要对作品心里有数。当然，这全是个人制作形式，若分工制作就不是这样了。
Photoshop与Flash合作制作模糊渐变动画
在一些片头动画里我们经常能看到很炫的模糊效果，极具视觉冲击。高质量的模糊效果大多利用Photoshop处理后才导入flash中进行制作。其实，在Flash中也可以利用其脚本功能来实现动态模糊的效果，效果还是不错的。 查看效果 首先用Photoshop制作两张图。一张清楚的，一张模糊的（可以用Photoshop的高斯模糊滤镜）。 然后把两张图片导入到FLASH中，分别建立三个图层，顺序依次为：清楚的图片（最下面）、模糊的图片（在中间）、最上层为AS。 最重要一点：选中模糊的图片。按下F8将其转换为movieclip，同时在属性面板上将其实例名命名为blurred。 在as层上加入如下代码。 按Ctrl＋Enter测试。
Flash 电子书鼠标拖拽翻页效果原理分析
最近要做些电子书，本来准备去网上买现成的鼠标拖拽翻页效果的组件，但一看报价吓一跳，而且执行效率也不高，一个叫AsFlipPage4。0的组件CPU占用率高居70%，喊价1000RMB，真是恐怖。下载了几个开源的程序自己也看不懂。于是一咬牙自己做了一个。 设置遮罩和阴影之后的最终成品：查看效果文件比较大，打开后，请稍等。大家用鼠标拖拽画面四个角即可看见效果。 主要原理： 程序的核心在于如何获得四个点ABCD的坐标，我使用的是求垂直平分线的方法，既：点C是鼠标位置，点H是页角位置，BD既为此两点间的垂直平分线。由已知的C，H坐标求出直线BD的一次函数y=kx+b以后再求出其与FG，EH的切点，既得点B，D坐标，点A是点G于直线BD的对称点，通过求点G对BD的对称点既可得点A坐标。 demo1： 4个顶点的计算：查看效果将鼠标移到黄色热区并拖动即可看见效果。 其他几个要点： 限制C点范围：当鼠标在下图灰色区域内时，点C的坐标既等于鼠标坐标，当鼠标离开灰色区域时，点C必须停留在区域内。弧KML是以点J为圆心，KJ为半径的圆，弧KNL是以点I为圆心，IK为半径的圆(demo1既未限制C点范围，若鼠标超过弧形区域就会出错。 响应事件：设置4个热区，分别位于书的4个顶点，分别设置rollOver，rollOut，releaseOutside，release事件函数。事实上这一部分函数编写极费时间，需要考虑各种各样的可能性和针对性的处理方法。
Flash制作淡雅动态菜单：蜻蜓飞飞
菜单效果介绍：芳草青青，上面落着一只小蜻蜓。当你的鼠标移向某个按钮时，蜻蜓就会快速向你飞了过来，并缓缓地停在那里。当你的鼠标移开菜单，蜻蜓就会飞回家去。 首先画一只蜻蜓，共两帧，第一帧翅膀与第二帧翅膀略有不同，形成翅膀抖动的效果，并把它转化为元件。再画上代表首页，作品，日记的图标，并将其链接名命名为home，photo，diary，work，music，并在第一帧导出用遮罩制作光线划过效果。 图层1为作遮罩的广块，图层3为被遮罩的光线。作好后将此效果转为元件，其链接名命名flash，并在第一帧导出 制作按钮在图层1画一白色透明方块，这样方便用户点击按钮，而不至于点空。 在图层2建一动态文本框，命名为txt
Flash制作超炫彩色线条图案动画特效
大家好，今天和大家分享一下利用线条来制作一种超炫的Flash线条特效效果。 在制作之前，让我们一起先来看一下最终的效果。 第1步:新建一个新文档，按一下"Ctrl+J"，参数设置如下图: 第2步:按一下"Ctrl+F8"，新建一个影片剪辑，如下图: 第3步:在影片剪辑里用"直线工具"画一条彩色的横线，线条精细为:05，再用"选择工具"放在横线中间，向上拖出一个弧度，如下图: 第4步:在影片剪辑的30帧按一下"F6"，并用"选择工具"放在弧线向下拉成另一个弧度，并将色彩改为其它颜色如下图: