推荐阅读

精选国外非常吸引人的旅游门户网站设计欣赏
其实酒店和旅游类的网站最能体现多媒体内容和文字的搭配技巧了,这类网站通常需要营造氛围,展现美感,体现吸引力,优秀的案例比比皆是。今天我们就来看一组优秀的案例。现如今的旅游和酒店类网站设计的越来越带感了,壮美的风景和精致的界面融为一体,优质的服务和梦幻般的界面让用户在网站中流连忘返。这些网站以惊艳的图片和视频立足,配合以突出的现代网页设计技术,结合当下的设计趋势,视差滚动、全景图片、响应式布局、动态图片一个都不缺席。这些网站巧妙地将多媒体技术、文字排版和特效平衡为一体,为用户提供了身临其境的体验。>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
最新发布

Fireworks 鲜橙的制作方法
1、先新建600*400图档,背景白色,画一圆形;2、新增、调整节点,使圆形不规则,大体符合橙子外形标准; 3、放射状填充,颜色调为#FFC33E、#FF6600; 4、钢笔工具画出橙子的受光面边缘羽化10,用曲线略调亮点; 5、复制橙子外形图层,重新定义填充颜色,制出橙子背光面的阴影;

Fireworks制作破壳而出的美女
编者注:此文介绍的是一种设计思路及过程。适合具有一定fireworks基础者学习,借鉴。 无意中看到网友六月海写的一个蛋壳美人的photoshop教程(点击查看),想法很新颖,于是乎我尝试着用 Fireworks 做了一个大概,只用了两小时,时间很短,可能有很多地方都不完善,希望大家多提意见,共同提高对 Fireworks 的认识。 下载源文件请点击这里 1、首先画一个椭圆 5、用钢笔勾出几个光点 6、用曲线稍微调亮一点红色

用FW制作仿真软盘效果
看看下面这个软盘,可不要以为这是数码照片哦,其实是我们在FW中制作出的效果。怎么样,心动不如行动,让我们一起来,用FW做出超仿真的软盘来:)制作工具:Fireworks MX 简体中文版使用字体:Georgia主要制作方法:FW内建滤镜、纹理填充、合理的字体选择、渐变填充及遮罩、路径组合等详细过程:第一步:准备工作:洗手,更衣,沐浴,焚香,心诚则灵―____―b找一个最常见的sony软盘,制作过程中可以时时参照(什么?你用闪存?软盘早扔光了?汗~~~~~)启动FW MX,新建画布,我们暂定画布大小为:500*500,背景色为白色。第二步:盘体的制作a 首先我们在画布上,用圆角矩形工具,绘制一个比画布略小的圆角正方形(绘制的同时按键盘shift键,就可以画出正方形来),同时对该矩形的边框笔触设置如下:b 在我们刚绘制好的矩形框上点击右键,在弹出的菜单中选择“取消组合”,这样我们刚绘制的矩形框就转换成为纯路径了,方便我们进一步的修改。c 将画布显示比例略微放大到200%,然后拖动工作区边缘的滑块,将我们的视线定位到矩形框的右上圆角处,然后在工具栏选择“钢笔”工具,在圆角的附件添加两个节点:

Fireworks描绘QQ企鹅
先看效果: 第一步:做身体:两个椭圆,左右各一个没有手指头的小手。 手的部分这样处理: 路径联合后,效果如下:哈哈,真有成就感。 :D 第二步:眼睛:比较简单,两个立式椭圆,左眼仍是一个椭圆,右眼是个拱形。

用Fireworks做雅虎菜单
最近,这种菜单好象很流行,不少网站都有了,这个菜单可以节约有限的空间,很有价值,经常设计中要用到,今天有Fireworks 的初学者,来问怎么做这种菜单,所以顺手做了一下,其实这样的菜单不复杂,无非是渐变的填充,用 fireworks 强大的交互式填充工具来制作,那简直是手到擒来。另外矢量化修改,也很方便,所以 fireworks 非常适合 web 设计创作。 第一步,做底条,注意边框颜色和渐变设置 第二步、做菜单条。其实就是复制一下底条,调整长宽和填充。 第三步、做菜单条的突出效果。复制菜单条,去掉边框色,调整一下渐变。考虑到还有缺口显示,所以要做长一些,把深颜色加强。 第四步、做菜单条的投影。复制刚做的填充,转180度,调整长宽和渐变。 第五步,做下面的档条,缺口可以用笔工具来加节点调整,也可以画一个正方形,转45度后冲制,反正方法是多样的。这个的渐变填充比较难一点,大家看一下示意图,并且多调整一下渐变填充的两个节点看效果。 另外,为了加强缺角效果,需要再加一条深色的路径。 第六步、就剩下加文字和加分隔条了。 哈哈。效果还不错。

photoshop制作残损的墙壁
1.新建一个文件,600X300DPI,RGB模式,300分辨率。2.新建图层1,将前景色设置为R:115、G:125、B:130填充图层1。执行菜单-滤镜-纹理-颗粒,将强度设置为25,对比度设置为50,颗粒类型选择喷洒(图1)。

PS制作时尚动感MP3
设置下工作区大小. 建立一个600*600象素的白色背静图层。 第1部分:建立主形状和数码显示 1.首先需要建立播放器的形状,用多边形套锁工具建立和下面相类似的形状选区。 11.现在回到显示屏图层上:建立新图层(记时器),用椭圆选框工具按住SHIFT键做出一个正圆:

PS制作漂亮的蜻蜓
回到你第一个图层(就是你画了眼睛的那个)察看图层效果,我们开始设置各个选项。这里是重点,请大家仔细看。 在这幅画中,我的设置如下(你可以自己试试其他的各个选项,这对你以后的制作有很大的帮助)。 下面讲另外一个重点――翅膀。 蜻蜓的翅膀上有很多纹路,大家不难发现可以用复眼的制作方法如法炮制,下面我说说步骤。 还是先画出轮廓,然后前景色蓝色,背景浅蓝色,执行滤镜-渲染-云彩。接着执行滤镜-〉纹理-〉彩色玻璃。 然后用画笔,沿着小块块的线条画出翅膀上的脉络,接着执行,图层选项,设置这个图层的各个选项,如下: