推荐阅读
精选国外非常吸引人的旅游门户网站设计欣赏
其实酒店和旅游类的网站最能体现多媒体内容和文字的搭配技巧了,这类网站通常需要营造氛围,展现美感,体现吸引力,优秀的案例比比皆是。今天我们就来看一组优秀的案例。现如今的旅游和酒店类网站设计的越来越带感了,壮美的风景和精致的界面融为一体,优质的服务和梦幻般的界面让用户在网站中流连忘返。这些网站以惊艳的图片和视频立足,配合以突出的现代网页设计技术,结合当下的设计趋势,视差滚动、全景图片、响应式布局、动态图片一个都不缺席。这些网站巧妙地将多媒体技术、文字排版和特效平衡为一体,为用户提供了身临其境的体验。>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影片剪辑复制做“鼠标跟随”特效
思路:以前各种教程中都用startDrag去产生鼠标跟随的效果,在这里我用别的方法去跟大家show一个鼠标跟随的效果。 其实鼠标跟随说白了不就是要求对象的位置和鼠标位置一样吗?可是如果我还想让它产生一些更炫效果,以避免跟随更单调,又该怎么办呢?我首先想到了影片剪辑的复制,因为一些效果我可以在影片剪辑中比较容易地制作出来。用我复制出来的影片剪辑做作为跟随鼠标的东东,也就是说复制出来的影片剪辑的位置和当前影片中鼠标的位置一样,这样不就可以实现鼠标跟随了吗? 步骤: 1、 先制作出跟随鼠标的那个东东的样子,转化成图形元件,(选中对象,F8)注意对象的中心点,以使后面跟随的效果更好看一些;如图 2、按 Ctrl+f8,创建一个影片剪辑,把第一步中的图形元件拖进来,制作出一个动态效果。做什么样子的效果随你的意,还可以添加一些颜色变化的效果。在该动态效果的最后一帧加上行为stop,你也可以不加,比较一下效果的不同。 3、 再创建一个影片剪辑,注意里面不要放置任何东西,(空影片剪辑,作为后面控制第二步中影片剪辑使用); 4、 把第二步中创建的影片剪辑拖入舞台场景以外,也可以拖到场景中的,并为其取实例名,这里为fang。如图
Flash 滚动足球动画制作
首先来看一下FLASH制作的滚动足球动画的效果。大家可以注意到这个足球在转动,而且还有跟随运动的阴影效果。 首先打开FLASH软件,新建一个90×160像素,背景色为白色,帧频为24FPS的文件。 接下来的工序就稍有点复杂,为了制作出逐帧的足球旋转动画,所以首先要手绘出24个足球旋转画面。 为了使大家能看清,这里将背景修改为粉色,然后按下Ctrl+F8新建一个名为Symbol 1的图形元件。 在左边“工具箱”中选择“多角星形工具”,然后在下方“属性”面板中单击“选项”,设置样式为“多边形”,边数为6,星形顶点的大小可以按标准进行调整。 利用“箭头工具”、“部分选取工具”、“任意变形工具”、“填充变形工具”分别绘制足球各个六边形并组合在一起。(注意笔触颜色为黑,填充颜色分为黑白二种)。 再新建一个影片剪辑元件,按每2帧一个足球图形按顺序将这24张足球图形拖进编辑区。 提示:利用编辑多帧可以对许多帧中的元件进行统一编辑,适合逐帧动画元件的移动。
Flash特效动画制作:飞舞的螺旋
今天和广大的FLASH制作爱好者共享是一种特炫的螺旋动画效果,让我们先来看一下最终的效果吧! 下面让我们一起来学习这个Flash螺旋特效动画的做法。 第一步:首先打开FLASH软件,新建一个新的场景,然后点菜单栏“修改”→“文档属性”,将其背景色设为黑色(如下图),点击确定。 第二步:按一下Ctrl+F8,新建一个元件,名称为Symbol 2,行为为图像,点击确定。 第三步:用线条工具画一条垂直的直线,将直线的属性设为(如图)。 第四步:回到场景,按一下Ctrl+F8,新建一个影片剪辑,名称为line,行为为影片剪辑,点击确实。将Symbol 2从库面板中拖到影片剪辑中的第一帧,与中心点对齐(如下图)。
互动Flash动画:跟随鼠标移动拉伸的蜘蛛丝
这是以前个人网站上的一个Flash点辍,是用Flash的画线函数实现的,希望给有想像力的同志一点启发,算是抛砖引玉吧。 完成效果如下,大家移动鼠标,可以看到蜘蛛丝会跟随鼠标移动和拉伸。 下面我们来讲实现的方法。 1、在Flash中先建三个MC。 一个是spider_mc,画一个蜘蛛,像样点就算了,呵呵! 一个是net_mc,一个蜘蛛网,当背景用的,没有太大用。 最后一个是空的MC,line_mc,用来画线(蜘蛛丝)。 2、回到场景,建三个层。 最底下一个叫NET,用来放背景net 的,把net拉进去。
Flash打造QQ魔法表情“祈祷”
在新版QQ的聊天窗口中点击“选择表情”图标,你会看到表情列表里多了个“魔法表情”标签页。这是全新推出的QQ魔法表情,其不同于以往的QQ表情,QQ魔法表情更加生动、形象,它可以跳出聊天窗口显示,而且表情也更加的丰富。 现在我们来试着自己制作一个flash的QQ表情——“祈祷”。 为满足初学者的要求,我们采取详细图解的方式为大家仔细讲述每一步的绘制过程。 绘制步骤提纲 一.动画分析 首先要制定人物动画剧本,虽然这个QQ表情很短,但是为了避免做重复工作,所以首先要确定人物哪些元件可以重复使用,不需重新绘制的。 1.身体部分:手有变化,其它部分没变化。 2.脸部:嘴、眉毛、眼睛以及脸上的阴影及腮红有变化外,其它的部分没变化。 (1)身体部分的绘制 ①脖子及阴影的绘制 ②双腿的绘制 ③双脚及阴影的绘制 ④裙子的绘制 ⑤裙饰的绘制
[视频]Flash 8.0 制作漫天飘扬的雪花效果
一、课程说明: 1、推荐下载到本地,使用本站提供的FLASH播放,以获得更好的效果。 2、你的计算机应该配置耳机或音箱等设备。 如果你的网速比较慢。建议下载到本地观看学习(右键--选择工具下载即可。不能直接使用右键,另存为方式下载)。 FLASH播放器:Flash Player V9.0 简体中文版,使用播放器,效果更好。
了解在Flash中的编程工作
本文节选自《Flash MX professional 2004 第一步》(陈冰著) 第十八章 了解在Flash中的编程工作 妈妈,这扇大门好雄伟好辉煌啊,它通向哪里? 宝贝,它通向编程的世界,那是充满魔法的世界,进入那里,你将成为伟大的魔法师。 经历了此前整整十七章的学习,我们终于来到了编程世界的大门,大门敞开着,显然,它一直在等待我们的到来。 18.1 像软件设计师那样思考问题 我相信你们中有很多人只有很少或完全没有编程基础,否则,你就不会选择我写的这本《第一步》了。我们已经知道,在Flash中使用ActionScript编写脚本,与使用其他语言编程没有什么不同。而要最终锻炼成一名出色的软件设计师,你要做的第一件事就是要时刻提醒自己要像一个软件设计师那样来思考问题。 18.1.1 不要总想着逃避编程 对于在Flash中的编程而言,要做到像软件设计师那样来思考问题,最重要的一点就是不要总想着通过逃避编程来实现你的想法,很多人总是想方设法试图用非编程的手段来完成他所面对的一切问题,为此,他可以不惜代价,可以花费大量的时间,他会想出数不清的绕过编程的变通方法,如果这些方法也可以被称为算法的话,绝对会令许多软件设计师吃惊。 实际上,在很多时候,使用编程的方法可以被非编程的方法节省大量的时间,而且会产生更为真实的效果。很典型的一个例子就是表现各种随机运动,例如,大量雪花的飘落、鱼的游动。
FLASH AS实现马赛克效果
一般实现马赛克有 2 种办法, 采用的都是遍历图像上的像素, 对相隔一定范围内的像素填充同一颜色, 只不过采样的颜色位置不同, 有选中心点的, 也有选范围内全部像素平均值的, 考虑到 flash 的效率问题, 这个是选择中心点的, 可以省掉大量循环 同时注意 stride 要 4 的倍数, 不然的话.. 自己看吧. 哈哈(月光注:其实用2的倍数也就可以了) 以上代码请用FLASH8编译执行. 下载FLA文件
flash 缓动效果
今天在做一个简单的flash动画时,发现了flash的一个比较好的特性。都怪自己很久没接触flash了,新的flash出了这么好的特性我竟然不知道。 一直以来希望flash能像3dMax一样编辑动画曲线,而不是简单的补间,没想到flash竟然实现了这个功能。 先看看面板吧,用过3dMax的朋友应该很熟悉吧? 这就是缓冲开始的地方 像不像3dmax的动画控制面板啊,注意选项——颜色?滤镜? 和photoshop的曲线差不多,alt删除一个节点,节点的调节和用钢笔差不多。 以前做缓动时都是通过actionscript来做,现在似乎方便多了。
FLASH打造LRC歌词播放器
时下,网上用FLASH制作的MP3播放器随处可见,使得很多音乐网站动感十足,而关于它的制作教程也俯拾即是(当然,好的教程还是不少的,只是有更多是抄袭回来的)。 然而,这一类的播放器一直都只在动画效果方面搞创新,笔者总觉得缺少些什么。。。。。 对了!就是少了个同步的歌词播放器 自WINAMP出了个迷你歌词以后,笔者一直心里痒痒的,想找个时间自己也做一个。 现在做好了,大家先预览一下效果: 测试地址:download.incoo.com/blueidea/hbro/player/mp3player_x1.swf 其中歌词就是现在标准的WINAMP的LRC文件,从别处下载的,没作任何修改, 就是说,这个播放器可以用于播放WINAMP格式的LRC文件。该播放器的新功能:点击歌词后可以让歌曲跳转到相应的位置。 一个小BUG:因为采用声音流加载,所以网速慢的话,播放起来不太流畅。 主要使用的AS技术: