推荐阅读
精选国外非常吸引人的旅游门户网站设计欣赏
其实酒店和旅游类的网站最能体现多媒体内容和文字的搭配技巧了,这类网站通常需要营造氛围,展现美感,体现吸引力,优秀的案例比比皆是。今天我们就来看一组优秀的案例。现如今的旅游和酒店类网站设计的越来越带感了,壮美的风景和精致的界面融为一体,优质的服务和梦幻般的界面让用户在网站中流连忘返。这些网站以惊艳的图片和视频立足,配合以突出的现代网页设计技术,结合当下的设计趋势,视差滚动、全景图片、响应式布局、动态图片一个都不缺席。这些网站巧妙地将多媒体技术、文字排版和特效平衡为一体,为用户提供了身临其境的体验。>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 AS 入门教程-圆和椭圆函数的应用
源文件下载 圆和椭圆函数 1、圆的参数方程: 2、椭圆的参数方程: 圆和椭圆函数应用举例 例 3.3.1 (打开3.3.1.fla文件 场景中有一个影片剪辑,双击这个mc,在这个mc内,我们看到有两个小影片剪辑(f_mc,d_mc),写在第一帧上的脚本: 角度18*k*Math.PI/180中Math.PI/180是把1度转换成的弧度;k取1~20,那么18*k*Math.PI/180就是18度到360度。刚好每隔18度放置一个mc
Flash AS 入门教程-碰撞检测hitTest函数
hitTest函数是用来检测两个物体或目标是否重叠和相交,如果相交或重叠,就执行相应的动作,这对于我们做一些互动的动画和游戏是非常有用。比如在做点鞭炮、射击等的动画时,就可以用hitTest的方法。 源文件下载 hitTest用法 1、my_mc.hitTest(x, y, true[false]) 影片剪辑my_mc和由x,y指定的点击区域重叠或交叉,则执行(大括号中)命令。参数true是指my_mc的整个形状;false是指my_mc包括边框。 2、my_mc.hitTest(target) 影片剪辑my_mc与target的目标路径指定的实例交叉或重叠。target 参数通常表示带路径的实例名。 实例应用 例1 鼠标控制影片剪辑移动。鼠标在(坐标_xmouse, _ymouse)影片剪辑qiu_mc上(与qiu_mc重叠或交叉)时,qiu_mc向右移动10个象素。打开3.4.1.fla文件。 在场景第1帧上的脚本为:
Flash AS 入门教程-乱数排列(随机数)方法
选取不重复的随机数(或者叫乱数),在flash的编程中经常都会用到。源文件下载 本节知识要点 1、循环语句, condition 为要计算的条件,statement(s) 是只要 condition 参数计算结果为 true 就会执行的语句。 2、 break; 在循环语句中使用,break 动作可命令 Flash 跳过循环体的其余部分,停止循环动作,并执行循环语句之后的语句。 3、 Array.push(); 将一个或多个元素添加到数组的结尾,并返回该数组的新长度。 4、Array.splice() 向数组中添加元素或删除数组中元素 介绍两种乱数排列的方法:
Flash AS 入门教程-setInterval函数应用举例
setInterval动作的作用是在播放动画的时,每隔一定时间就调用函数,方法或对象。源文件下载 本节知识要点: 1、setInterval(function,interval,arg); 第一个参数function:也就是要调用的函数或方法;可以是匿名的函数、命名函数、对象方法或电影剪辑 第二个参数interval:调用的时间间隔,毫秒为单位。 第三个参数arg:传递给将被调用的函数或方法的参数 2、clearInterval() 清除对 setInterval() 的调用。 应用举例 例01 用setInterval做下雨效果
Flash AS 入门教程-三个实例讲解
一、画正玄图象,由外部输入控制起点横坐标、震幅和跨度。源文件下载 点击查看动画效果< 思路:我们可以在作业源程序中发现: y = 200-100*Math.sin(i*Math.PI/180);//其中100决定震幅大小,我们可以用变量(b)来表示;横坐标1个象数,对应表示1度的角度,在一个周期360度的条件下,如果横坐标1个象数对应几度,那么跨度显然会减小,就是说sin(i*Math.PI/180)中i的系数决定跨度的大小,经过反复测试这个系数为360/c比较合理。因此,原来程序中的这两条可以改为: 为了能够重复使用这个画图程序,显然我们应该用自定义函数,上面的三个变量就可以做为参数。 打开源程序3.7.1.fla文件,这里只记与作业不同的地方: 第1帧上: 按扭上的脚本:
Flash AS 入门教程-多维数组和双重循环
思考方法 很显然,我们用到了一个mc对另外一个mc的遮罩。它的原理是:在作为遮罩片的mc中,复制部分小方块mc,并且随机放置这些小方块mc。当然,这样的随机放置不是任意的,必须满足两个条件:放置的位置不重复;能够完全遮罩图形。这里的方法是: 1、计算小方块mc在作为遮罩片mc中顺序放置的位置的坐标; 2 、把放置小方块mc的坐标存放入一个数组,使这个数组的每一个元素都包括两个数值(横坐标,纵坐标)。因此,这个数组包括了小方块所有的放置的位置。这里,我们要用到2维数组的有关知识; 3、复制小方块mc,每复制一个mc,从2维数组中随机选一个元素,把这个元素中的横坐标和纵坐标分别赋给这个mc。 例题 打开源文件3.8.fla,在第2层的元件1内的第1帧上的脚本为: 另外,小正方形zfx_mc有60帧的运动补间,在60帧上有个:stop()
Flash AS 入门教程-loadMovie应用举例 多画面与画中画
加载外部文件命令loadMovie()可以在播放 SWF 文件的同时,将外部的 SWF 文件或 JPEG 文件加载到 Flash Player 中,使您可以同时显示几个 SWF 文件,或者在几个SWF 文件之间切换。源文件下载 本节知识要点 1、loadMovie("url",target [, method]) "url" :要加载的 SWF 文件或 JPEG 文件的绝对路径或相对路径。 使用相对路径一般应将播放的.swf文件与要加载的.swf文件放在同一文件夹中。绝对 路径必须有详细的路径地址。 target:目标影片剪辑(mc元件)的名称和路径。目标影片剪辑将替换为加载的 SWF 文件或图像。 method 可选参数,一般可以不选。 如果 SWF 文件加载到目标影片剪辑,则可使用该影片剪辑的目标路径来定位加载的 SWF 文件。加载到目标的 SWF 文件或图像会继承目标影片剪辑的位置、旋转和缩放属性。加载的图像或 SWF 文件的左上角与目标影片剪辑的注册点对齐 2、MovieClip._lockroot 因为用loadMovie()加载的外部文件是加载到一个mc元件上,所以,外部文件中指向场景(_root)的路径此时应该是指向这个mc元件而不是主文件的场景。使用MovieClip._lockroot可以使加载的文件中的_root仍然是指向原来文件的场景.
Flash AS 入门教程-调入外部文本和加载外部mp3文件
在Flash制作时,有时候为了更灵活、方便,我们可以直接调入外部文本文件。要修改时只要修改记事本里的文本并保存,无需打开Flash源文件对其修改。例如,我们要制作一个网络mp3播放器,网络mp3的地址和曲名我们都可以保存在一个文本中,要添加或者修改网络mp3的地址或曲名,我们只需要在这个文本进行编辑就可以了。源文件下载 本节知识要点 1、LoadVars 类 LoadVars 类是 loadVariables() 函数的替代方法,用于在 Flash 应用程序和服务器之间传输变量。可以使用 LoadVars 类在下载时获取成功数据加载、进度指示和流数据的验证信息。 2、LoadVars.load() LoadVars类的方法,my_lv.load(url):从指定的 URL 下载变量,分析变量数据,并将结果变量放在 my_lv 中。 3、LoadVars.onLoad LoadVars类的事件处理函数,用法: success 该参数指示加载操作是成功完成 (true) 还是以失败结束 (false)。如果该操作成功,my_lv 将填充为该操作所下载的变量,而这些变量将在调用此处理函数时变为可用。 4、my_str.split("delimiter", [limit])
Flash AS 入门到精通教程
用Flash制作动画,光凭时间轴和图层来演绎画面,即使动画再精彩,也只能让观赏者盯着屏幕,沿着时间线的进度被动的欣赏。如果要想动画具有交互性,根据观赏者的选择来控制播放的顺序或者呈现不同的内容就非得依靠Flash的动作脚本语言了。动作脚本英文为ActionScript,简称AS 运用Flash动作脚本语言,能实现时间轴无能为力的一些特殊效果;运用基本技法与动作脚本语言相结合制做出来的动画效果,往往更加精彩纷呈;运用动作脚本语言,还可以让一些复杂繁琐的制作过程得到有效的简化。 要学好Flash动画,学习和掌握动作脚本语句是非常重要的。然而,一提起编程语言,难免让人联想到一行行枯燥乏味的代码,一段段高深莫测的理论,往往使初学者在“AS”那神秘殿堂的大门前望而却步。 事实上,Flash动作脚本语言并非想象的那么难以接近,这个教程,将针对没有接触过任何程序语言的初学者,不安排专门的章节集中罗列枯燥的理论和代码规范,采取从最常用的简单语句入手,用具有实用性和趣味性的实例来解读语句,在每一讲中点点融会理论和代码规范,逐步掌握更复杂功能的方式,带领初学者“轻松入门、拾级进阶、攀援而上”。 说明:这个教程是按照Flash2004内嵌as2.0版本的语法规范要求写作,其中所用到的语句力求符合面向对象编程的语法格式。在教程中不特意讲解每个实例的制作步骤,重点介绍语句的运用。 特别说明:教程中所涉及的源文件,只能使用Flash 2004打开。 第一部分:入门基础 Flash AS 入门-认识“动作”面板 Flash AS 入门-为“关键帧”添加动作 Flash AS 入门-为“按钮”添加鼠标事件
Flash AS 入门-“影片剪辑”属性调整及路径解析
这篇教程为“Flash AS 入门教程”的一部分。查看全套教程>>>>。 源文件下载 本节应掌握的知识要点: ①影片剪辑属性调整;②相对路径、绝对路径的应用;③赋值运算符“=”应用;④了解算术组合赋值运算符“+=”、“-=”、“*=”、“/=”。 属性概念是我们生活中随处可见的,各种物体都有自己的属性,比如我们的食用水,它的自然属性是透明、无色、无味的液体,这些属性通过一些加工手段是可以改变的,加入调色剂可以使它的透明度和色泽发生变化,加入调味剂可以改变它的味道,放入冰箱冷冻可以让它凝固成冰块。 在Flash 中,影片剪辑对象也有自身的许多属性,比如坐标位置、透明度、大小、旋转角度等等,运用动作脚本语句可以对其属性进行修改调整。 路径概念在前面已经接触过了,我们将在这一节里加深理解。 请看示例动画“实例1-4”。 >>>>>点击查看动画效果<<<<< 实例1-4 “影片剪辑”属性调整 我们先分析画面层次结构:画面很简单,在黄蓝色相间的主场景(_root)上,右下角放有几组按钮,中间有一个实例名为“huan_mc”的影片剪辑,“huan_mc”影片剪辑中还嵌套了一个实例名为“shu_mc”的影片剪辑,shu_mc影片剪辑里有一个圆形、一只小松鼠和4只按钮。