推荐阅读
精选国外非常吸引人的旅游门户网站设计欣赏
其实酒店和旅游类的网站最能体现多媒体内容和文字的搭配技巧了，这类网站通常需要营造氛围，展现美感，体现吸引力，优秀的案例比比皆是。今天我们就来看一组优秀的案例。现如今的旅游和酒店类网站设计的越来越带感了，壮美的风景和精致的界面融为一体，优质的服务和梦幻般的界面让用户在网站中流连忘返。这些网站以惊艳的图片和视频立足，配合以突出的现代网页设计技术，结合当下的设计趋势，视差滚动、全景图片、响应式布局、动态图片一个都不缺席。这些网站巧妙地将多媒体技术、文字排版和特效平衡为一体，为用户提供了身临其境的体验。>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 8 制作指南针
(图01) 首先，设置画布大小为128x128像素，底色为白色。 用椭圆工具画一个90x90的正圆形，并水平、垂直对齐于画布；(图02) (图02) 改变填充类别为线性渐变，增加并调整渐变颜色；(图03) (图03) 在这个圆的上面画一个70x70的正圆形，改变填充类别为线性渐变，增加并调整渐变颜色，水平、垂直对齐于画布（或对齐于它下边儿的那个圆）。(图04)
Fireworks 8 设计美丽的雨后蝴蝶
Vista已经越来越近，它的自然风景墙纸相信你一定叹为观止吧，现在我们来做一个Vista风格的风景，把它放在桌面上一定很一错。大雨过后，在碧绿的叶子上，散落着晶莹的水滴，一只蝴蝶张开翅膀落在上面。是不是很美的影像，那么现在我们就来制做这样一个效果。 Step 1：启动Fireworks 8，打开需要一幅蝴蝶的图像，然后选择“编辑”＞“克隆”，将图像克隆两次，如图1所示。 图1 将图像克隆两次 提示：可以使用克隆的快捷键Ctrl+Shift+D。 Step 2 – 现在我们需要做一个水珠遮罩，在层面板中选择最上面的一层，然后选择“滤镜”＞“调整颜色”＞“色相和饱和度”，调整饱和度参数为-100。 Step 3 -选择“滤镜”＞“杂点”＞“新增杂点”，在弹出的杂点窗口中设置参数如图2所示。提示： 图2 设置参数 Step 4 -选择“滤镜”＞“模糊”＞“运动模糊”，参数设置如下：角度 = 127; 距离 = 5。
玩转Fireworks 8 笔触
总体效果图如下： （末尾有PNG源文件） 一贯偶的风格，继续长话短说，有疑问请跟帖。（本教程只针对FW8熟练用户） 原本偶只是想做出破损的感觉，虽然最终出来的效果和偶预想的不同，这个效果也非常令人惊叹。希望大家也不断的练习、摸索、试验，找出创作的感觉来。 1、 新建文档，透明背景。找一个有破损感觉的字体，偶用的是1942 report，52，黑色。 2、笔触效果：笔触颜色#A28200，强力消除锯齿。勾选“在笔触上方填充”，笔触相对路径为路径外。选择点击“笔触选项…”按钮后，选择“喷枪”——“基本”，笔尖边缘柔化最大，尖端大小为100。纹理选择脉纹，50%的纹理量。 再点击“高级…”按钮，“选项”标签中，墨量、间距、流动速率100%。勾选“建立”，纹理50%，边缘纹理86%，边缘效果选择白色霓虹。笔尖10，笔尖间距100%，变量为阴影。虚线为单虚线、开5、关1。“形状”标签中，不必勾选“正方形”，大小、边缘、方向都为100，角度360。“敏感度”标签中，大小：速度100；角度：水平100，垂直100；油墨总量：压力100，速度100，其他均为0。加上发光滤镜，颜色#352C04，光晕偏移35（为的是把图的空白处填满并增加层次感，请根据背景大小而自定），不透明度100%，柔化为0，偏移为0。 该层效果如下图所示；
Fireworks 8 笔触特效
最终效果图如下： 1、打开FW，新建一个空白文档，宽度450，高度300，分辨率72，画布颜色选择白色，如下图： 2、在工具面板中选择“文本”工具 ，输入“ASD”（随便什么都可以啦^^）。 3、在属性面板中更改文字字型、颜色和字体大小，字体为Arial，颜色选择白色，字体大小为30如图： 4、最关键的一步^o^（其实是很多步- -|||），在属性面板中为文字添加描边效果，颜色为#3399FF，点选“在笔角上方填充”，单击下方的“笔触选项…”按钮。选择“水彩“，”笔尖“拉到最顶端，”尖羰大小“设为72，纹理为0%，如下两图：
Fireworks 8 绘制星球 滤镜
工具：fireworks 8.0 滤镜：Eye CANDAY 4000(汉化版），fireworks自带的Edges滤镜，Aline skin xenofex2(汉化版）[注：除了Edges滤镜，其他滤镜则需另行安装到fireworks目录里的Plug-Ins文件夹内才可在fireworks中使用] 文章末尾有PNG源文件提供。 第一步： 新建文件大小为600*650（也可以根据自己的喜好建立），画布颜色为透明。选择工具条里的“椭圆”工具（u）在画布里画一个圆形。 高宽分别为302*280充填颜色为（#666666）选择渐变为（放射状）边缘羽化为（1）把渐变的遥杆设置如下图： 第二步： 点选画好的圆形，在属性面板滤镜选项里选择[眼睛糖果4000（eye canday 4000)]--->HSB噪音属性如下图：
使用 Fireworks 8 生成网页
案例说明 此案例为 使用Fireworks 8 制作网页效果图 位图工具 的姊妹篇，前面的案例地址可以点击这里。前面已经给大家介绍了网页效果图的制作，这里要介绍的内容是如何把效果图生成网页。这也是网站制作中最重要的一部分。主要介绍的Fireworks如何和Dreamweaver进行协同工作。本例主要分为4个部分，希望大家能够通过这个例子得到一些启发，由于笔者的水平有限，错误的地方还希望大家批评指正。 1.1 创建Web站点 首先来创建WEB站点，具体操作步骤如下： 1.启动Dreamweaver 8软件，选择【站点】@@【新建站点】命令。 2.在弹出的“定义站点”窗口中选择“高级”选项卡。 3.如图1.1所示，在“站点定义窗口”的“本地信息”中设置本地站点参数。 图1.1文档属性对话框 (点击查看大图) 4.点击【确定】按钮，站点建立完毕。
Fireworks 8 打造残破照片边缘 笔触和选区
1、首先打开欲加残破边缘效果的照片文件； 2、可以使用矩形或圆形工具绘制并覆盖欲处理成残破边缘的区域轮廓，如果想要不规则形状的区域，也可以使用钢笔工具绘制出闭合路径。使用钢笔工具，建议将填充边缘选择为[实心]，为了能更好的看到轮廓位置，先不要填充颜色，只加笔触颜色，如图所示： 3、绘制好路径后，选择路径，在属性栏中设置笔触类型，选择的类型主要以非自然类型笔触中不规则图形为主，本教程里最终效果选择的是[非自然]中的[油漆泼溅]； 4、接下来再选择[笔触选项]，详细设置笔触。设置笔触的[笔尖]的[边缘柔化]为0； 5、再选择[高级]选项，进一步设置笔触效果，教程所使用的设置仅供参考，大家可以根据不同的笔触设置不同的参数；
Fireworks 8 打造残破照片边缘 笔触和蒙板
1、打开欲加残破边缘效果的照片文件，可以使用矩形或圆形工具绘制并覆盖欲处理成残破边缘的区域轮廓，如果想要不规则形状的区域，也可以使用钢笔工具绘制出闭合路径，如图所示： 2、绘制好路径后，选择路径，填充颜色和笔触颜色均选择白色，在属性栏中把填充的边缘设置一定的羽化值，笔触类型主要以非自然类型笔触中不规则图形为主，本教程里最终效果选择的是[非自然]中的[油漆泼溅]， 设置笔触的笔尖边缘柔化为0： 3、设置笔触选项，选择笔触的高级选项，进一步设置笔触效果，教程所使用的设置仅供参考，大家可以根据不同的笔触设置不同的参数： 4、选择路径和照片两层，修改菜单——蒙板——组合为蒙板，注意蒙板的属性选择为灰度外观，得到最终效果： PNG：
Fireworks 8 通道抠图视频教程+插件下载
Fireworks 8 通道抠图视频教程。相关教程：Fireworks 通道原理及快捷运用。插件也在此文章中下载。 一、课程说明： 1、推荐下载到本地，使用本站提供的FLASH播放，以获得更好的效果。 2、你的计算机应该配置耳机或音箱等设备。 二、内容提要： Fireworks 8 通道抠图。 三、在线学习： 第一讲；（文件较大，建议下载到本地）； 四、下载学习： 第一讲；（右键--选择工具下载即可。不能直接使用右键，另存为方式下载）
Fireworks 8 之图像编辑面板
第一部分：面板内容 本节主要针对几个新增的面板来进行简要的讲解，使得大家快速的对新增面板有一个全面的了解和掌控。 一、“图像编辑” 面板 如上图，我们可以发现，比较常见的几个位图处理工具（“红眼消除”、“模糊”、“钝化”、“减淡”、“烙印”）已经整合在这个面板上了，当然，通过单击工具箱上的这些工具按钮同样还是能够实现你所需要的一些效果，而“图像编辑”面板的优势就是将一些需要层选的工具直接都罗列了出来，使用起来也自然就更方便了。 整合到了这个面板上的工具还包括常见的“变形工具”和“变形命令”，变形工具的整合实际意义不太大，但是变形命令的整合的确是将这些操作变得快捷了；而“调整颜色”命令的出现使得对于位图的颜色内容的调整直接了许多，在该命令里面还增加了“转换为灰色调”、“转换为棕褐色调”两个命令。其实这两个转换效果在前面的FW版本中已经出现了，就是在FW8这个版本中依然存在着，他们的另外一个访问方式是：选择菜单“命令|创意|转换为乌金色调（转换为灰度图像）”命令即可。本节我们将通过一个小实例来具体了解一下快速使用“图像编辑”面板上几个命令的方法。 “滤镜”和“视图选项”的整合对于刚刚使用FW的用户来说，是一个非常不错的变化，这样可以使大多数的初级用户能更好的使用到FW的辅助功能，并且通过使用常用的滤镜操作能够快速的制作出效果不错的图片来。 [实例1.制作旧照片效果]