推荐阅读

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

PS CS5制作超酷立体字
这篇教程教飞特的朋友们用PS CS5制作超酷立体字,教程制作难度中等。制作的效果很漂亮。本教程使用的是PS CS5直接生成3D文字。先来看看最终的效果图吧:需要的素材如下:1、云彩背景 2、墙壁 3、石材

PS制作马赛克文字效果
这篇教程教飞特的朋友们用PS制作马赛克文字效果。教程制作的文字效果难度一般。但是我觉得效果很漂亮。制作有用到PS的自带的像素画滤镜。希望教程对飞特的朋友们有所帮助。先看看效果图:制作步骤如下:开始选择"滤镜>渲染>云彩"。确保您的前景色是白色,黑色的背景颜色。用文字工具,写上白色文字“ice”。 复制文字层,但隐藏的重复。我们再回到最上面的图层。选择栅格化最上面文字层。我们现在正准备风化作出冰柱的效果。现在,选择“滤镜>风格化>风化”。该滤镜只适用于一个方向的风,所以我们要做的,复制4个文字图层,制作4个方向的效果。(制作时,要旋转图层,因为风化只能做一个方向,做好了再旋转回去)。按Ctrl + F到重新风的影响。这样做是为了您的文字每一边,最终效果应该像下面的图片。选择背景图层,选择“图像>调整>亮度对比度”。图像加深对比度,像下面的图片。

PS制作质感文字
这篇教程教飞特的朋友们用PS制作质感文字。教程难度中等。但是用的是英文版的PS。所以对于英文水平不是很好的朋友来说学习起来会有一定困难。先看看效果图吧:制作步骤如下:第1步:新建文件,背景为黑色。然后输入您喜欢的字体,颜色为#00e5ff 。第2步:重复层按(ctrl+j),不透明为65 %,移动左下各2像素。第3步:重复第2步中文字层4次

PS制作质感立体水晶字
这篇教程教飞特的朋友们用PS制作质感立体水晶字,教程制作的水晶文字效果很漂亮。作者的思路也很独特,转发过来和飞特的朋友们一起学习。先看效果图:作步骤如下:1、新建文件,尺寸什么可自定,我这里是14.5*11CM,300dpi。2、选择你要做效果的图形或文字,尽量选择比较厚重的图形或文字,这样出来的效果就会更加明显。3、我选择的是“张海山锐线体”适当加粗后,栅格化。(图01)图014、ctrl+T将物体进行扭曲变化,调整好整体的角度和透视关系,给人一种物件是放倒在地的感觉。当然,如果你有更好的创意,不妨放手去试,好的点子总是在不经意间发现的!!5、变形好后,在物件层的图层样式中添加渐变叠加和浮雕效果,渐变的参数不做要求,随喜好的去拉,因为这样只是方便我们去对比和观察效果而已;而浮雕就是为之后的步骤打好基础了。(图02)

PS制作玻璃文字效果
这篇教程教飞特的朋友们用PS制作玻璃文字效果,教程制作的文字效果还行吧。但是玻璃的透明效果体现的不是很明显。我们可以通过更改图层的透明度来调节效果。先看看最终的效果图:最终效果 具*作步骤如下:1、打开 Adobe Photoshop CS4 软件,执行菜单:“文件”/“新建”(快捷键 Ctrl+N ),弹出的新建对话框,设置名称:玻璃文字效果,宽度:500像素,高度:500像素,分辨率:72像素/英寸,颜色模式:RGB颜色、8位,背景内容:白色,设置完毕后单击确定按钮,如图1所示。 <图1> 2、选择工具箱渐变工具(快捷键G),在工具选项栏中设置为线性渐变,然后点按可编辑渐变,弹出渐变编辑器。设置黑色到白色,双击如图2中的A处,设置色彩RGB分别为10、16、21,再双击如图2中的B处,设置色彩RGB分别为20、66、56,再双击如图2中的C处,设置色彩RGB分别为44、90、26,单击确定按钮,接着按键盘 Shift 不放结合鼠标从上到下拉下,给渐变效果,按键盘快捷键 Ctrl+D 取消选区,如图2所示。效果图如图3所示。 <图2>

PS制作铅笔稿文字效果
这篇教程教飞特的朋友们用PS制作铅笔稿文字效果,教程难度一般。转发过来和飞特的朋友们一起学习。先看看最终的效果图: 制作的步骤如下: 1、首先,在Photoshop中创建一个新的文档。我创建的文档大小为1000 × 500像素,其它所有默认设置。然后填充颜色#d7c7a8,如图所示。 2、接下来使用横排文字工具输入你喜欢的文字,颜色也随你喜欢,你希望草稿艺术字是什么颜色就设置什么颜色吧,如图所示。 在这里我使用的字体名为Hall Fetica。

Photoshop滤镜实例剖析:喷溅的海潮
Photoshop滤镜有强大的功能,当我们要需要表现某种喷溅的海潮场景却缺少这种动态素材的时候,我们完全可以用Photshop的滤镜来轻松制作喷溅海潮的效果。 我们主要用Photoshop的纤维滤镜、风滤镜等功能完成以上意图。 一 、 新建文件,点击滤镜,运用纤维功能。 二、运用飓风10-15次(快捷键Ctrl+F)。 三、旋转画布。 四、按快捷键Ctrl+F 两次。

KPT Rad Warp滤镜轻松绘制游动字体特效
KPT5.0中的Rad Warp滤镜就象哈哈镜一样,用它可以为不锈钢或者玻璃等球体表面设计反射图像,例如模拟汽车反光镜中的影像。 用它来制作变形文字会更有趣味性,字体变得时凸时凹,象会流动一般。制作时,每行文字都在单独的浮动层上,完成变形后,某些层不妨试用一些图层混合模式,以使下面被覆盖的内容得以显现。这种被弯曲成曲线的文字图像,在布置上要注意气势的连贯,用色不宜过于复杂。 Rad Warp滤镜一共只有五个调节参数,头两个参数共同完成哈哈镜的凹凸效果,第三和第四个则控制凹凸球面的中心位置,其实这个中心位置完全可以在预览窗口中用鼠标确定,点击预览窗口并拖动到各个位置,变形会随之产生,所以这两个参数基本可以不用。最后一个参数控制在整个平面上的旋转。 比较上面两幅预览窗口的显示效果,和参数的设置。头两个变形参数几乎一样,而X、Y坐标数值是完全不同的,这就好像你在哈哈镜前移动身子,虽然是同一个哈哈镜,但只要你稍微动一下,镜中的影像会有很大的变化,而这正是你笑的原因之一。第五个参数在上面的图例中接近正中,即为0,这时几乎没有旋转,而下面的预览窗口中,文字呈45度方向倾斜,就是旋转的结果。 应用滤镜前,最好先将文字拖到画面的正中,这样,变形的效果比较均匀,局部变形的效果也更强烈,当然有时将文字靠近画面边角会出现有趣的扭动效果,不过很可能变形的结果,会使部分文字超出画面,而这部分将丢失。 有时你可能希望文字有波动效果,这可以用将Rad Warp滤镜和Photoshp内置的Distort滤镜组合应用的方法得到。比如上图我先用Rad Warp使文字凸起,然后再用Distort中的Wave滤镜使文字有了上下波动的效果。你必须举一反三,没有哪个例子是必须如此这般的,每一步都会有改变的可能,而效果也会千变万化。也正因为如此,我很少限定调节参数,有时也省略某些制作步骤的介绍,而将精力集中在对功能特性的讲解上,我希望这本小小的工具书能成为引玉之砖,而它本身决非是玉。 从下面这个图例中可以看出,稍微调整部分内容,将得到很大的变化,与前面的设计结果相比,你更喜欢哪一个?

巧用滤镜打造随风飘舞的彩色羽毛
本教程主要是使用风滤镜制作动感的线条,然后再使用极左边把线条转成类似羽毛的图形,作者制作的时候很多细节没有说清楚,不过可以根据效果图做出来。效果非常不错,有兴趣的朋友可以试做一下!最终效果1.新建一个500 * 375像素的文件,背景填充为黑色,新建一个图层,用椭圆选框工具绘制一个大小适度的正圆,执行菜单:编辑 > 描边,颜色为白色,数值为2。2.按Ctrl + D取消选区,执行菜单:滤镜 > 风格化 > 风,参数为默认设置,确定后,执行菜单:编辑 > 变换 > 逆时针旋转90度,效果如下图。3.选择矩形选框工具,框选圆的上半部分,按Ctrl + C复制,不要取消选区按Ctrl + Shift + I反选,按Delete删除,确定后再按Ctrl + V粘贴,然后把粘贴后的图形执行菜单:编辑 > 变换 > 垂直翻转,然后把两个半圆衔接在一起并合并这两个图层。下国如下图5.反复的调整大致效果如下图,然后执行菜单:滤镜 > 扭曲 > 极坐标,选择平面坐标到极坐标,确定后羽毛效果就出来了6.回到背景图层前景颜色设置为紫色,执行菜单:滤镜 > 渲染 > 分层云彩,选择加深工具进行涂抹,效果如下图