推荐阅读
精选国外非常吸引人的旅游门户网站设计欣赏
其实酒店和旅游类的网站最能体现多媒体内容和文字的搭配技巧了，这类网站通常需要营造氛围，展现美感，体现吸引力，优秀的案例比比皆是。今天我们就来看一组优秀的案例。现如今的旅游和酒店类网站设计的越来越带感了，壮美的风景和精致的界面融为一体，优质的服务和梦幻般的界面让用户在网站中流连忘返。这些网站以惊艳的图片和视频立足，配合以突出的现代网页设计技术，结合当下的设计趋势，视差滚动、全景图片、响应式布局、动态图片一个都不缺席。这些网站巧妙地将多媒体技术、文字排版和特效平衡为一体，为用户提供了身临其境的体验。>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
最新发布
![[手绘系列]手绘朵朵姑娘](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRw%5BHW%7BbXevM2WxcH%3Ai%5BF%5BqcHW%7BY3Smd3mocj9zNEB4NENwNkBxO%7BNzOEFyOEN2OUlyOm%3AUMnqx%5Bx%3E%3E.jpg)
[手绘系列]手绘朵朵姑娘
先费话一下,偶然在一日记本封面看到这个姑娘,一下就"喜欢"上了它.固稍微整顿一下,用Fireworks给整了出来!俗话说:文章本天成,妙手偶得之.这一过程是偶然的.如果你是FW爱好者,那么就一起交流一下!个人blog: http://imageser.com下面开始:1、我这是先画好线稿的,如果你问为什么要画线稿,嘿嘿!因为我还想用PS,PT，CD各画一个,看看效果、过程有什么不同！
极光字体效果的制作
软件：Fireworks MX 2004滤镜：Fireworks自带Edges滤镜和EYE CANDY4000里的动作轨迹第一步：新建文件大小自定在这里我建的是（531*433）背景为黑色，输入字体A（字体为ARIAL BLACK）颜色为（白色）选中字体A将字体转换为路径（CTRL+SHIFT+P）充填：（空）描边：大小（6）描边颜色：（白色）描边种类：（1素象柔化）边缘为（0）得到如下效果：第二步：选中字体在选效果--->Aline skin splat LE---->Edges，属性如图： 得到如下效果： 第三步：选中字体点选效果--->EYE CANDY4000---->动作轨迹滤镜，属性如下图：
FW中的动画输出的一个小技巧
问：FW中的动画输出问题，预览时可以方便的转换为50%，200%等，输出的时候却一定得是100%，如果我想转换为 50%，200%输出可以吗？一：预览时的50％和200％并不是真正改变文件大小，只是查看时用，要真正改变文件大小，你得用modify－》image size二：主菜单file/export preview然后在export preview窗口内，选择左上角的file,scale里%号后，你想输出多少就在这里。可能不一定是最好的方法，但是，管用了。
Fireworks网页切片应用详解
我们这里所说的切片（Slice）就是将一幅大图像分割为一些小的图像切片，然后在网页中通过没有间距和宽度的表格重新将这些小的图像没有缝隙的拼接起来，成为一幅完整的图像。这样做可以减低图像的大小，减少网页的下载时间，并且能创造交互的效果，如翻转图像等，还能将图像的一些区域用html来代替。Fireworks在网页切片制作方面有很强的优势，今天我们就来仔细看看Fireworks网页切片全攻略。 一、切片在网页制作中的作用 在网页上的图片较大的时候，浏览器下载整个图片的话需要花很长的时间，切片的使用使得整个图片分为多个不同的小图片分开下载，这样下载的时间就大大地缩短了，能够节约很多时间。在目前互联网带宽还受到条件限制的情况下，运用切片来减少网页下载时间而又不影响图片的效果，这不能不说是一个两全其美的办法了。 除了减少下载时间之外，切片也还有其他一些优点： * 制作动态效果：利用切片可以制作出各种交互效果。例如前面将的按钮的这种状态其实最后导出的文件实质上就是不同状态的切片。 * 优化图像：完整的图像只能使用一种文件格式，应用一种优化方式，而对于作为切片的各幅小图片我们就可以分别对其优化，并根据各幅切片的情况还可以存为不同的文件格式。这样既能够保证图片质量，有能够使得图片变小。 * 创建链接：切片制作好了之后，就可以对不同的切片制作不同的链接了，而不需要在大的图片上创建热区了。 二、创建切片 使用Fireworks工具箱上的切片工具可以为已经制作好的图片创建切片。如图1所示，切片工具有两类，分别为“矩形切片”工具（Slice tool）和“多边形切片”工具（Polygon Slice tool）。 下面我们分别就这两类热区工具的使用作介绍。图1 两类切片工具图2 绘制矩形切片图3 提示对话框图4 制作多个切片图5打开图像图6 创建多边形切片
一个Logo的制作过程
这是某位同学问的做法~他发的图是这个：但是~我做不出一模一样的，所以还需要多多琢磨啦~1。在FW中新建一个88*31大小的文件。2。在画布中画一个88*31的矩形。3。矩形填充-渐变-放射状，然后选择颜色。（不一定要酱紫的，你喜欢怎么样就选怎么样的效果）4。在祯面版中选择重置祯。数量自己估计，在当前祯之后。5。在祯1上打“_”最好是白色的，效果：阴影和光晕――发光，设置如图。6。接下来把这个"_"复制到祯3。7。在祯4同一位置写上“B_”；祯5同一位置写上“BK_”；祯6你也能猜出来，是“BK1_”，就这样以此类推，把要的字打完。到最后一个字的时候，后面就表打“_”了。并重置最后一字所在祯。（你前面重置的但是没有用到的全都拖到垃圾筒里）8。最后一字所在祯的祯延时设为50。9。在下一祯中作一个矩形，宽10，高31。纹理粒状，透明度0%。位置在画布的左上角。10。用倾斜工具，将矩形调节到你想要的倾斜位置。11。选中矩形，滤静――模糊――高斯模糊（教程：）12。在接下来的几祯里调节位置。13。最后一祯中把矩形移出去。最后一祯祯延时：100。14。在作些修改，比方说加边框什么的，美观一些。15。导出成GIF动画，完成。未美化的完成图：其实这个很简单的，只是把以前的教程结合一下而已~如果有什么不对的，请指教，谢谢
制作一个签名
我先做了一支笔,笔的做法很简单,打开FW,新建200*200透明的图象,然后用矩形工具在上面画二个矩形(笔尖和笔杠),经过使用变形工具,笔就做好了,保存图像待用打开一幅漂亮的画,上面写上你想要的字体,然后保存.保存格试为JPEG 图像,打开这幅图像，点我选了20帧,多余的以后可以删去,因为手写效果,要一笔一画的写,所以要一笔划一帧,多余的用擦掉.第一帧第二帧第三帧第四帧最后效果就是这个的.导入刚才做好的笔,在字的开头.复制这支笔,粘帖到每一帧,移动到每一笔划的后面最终的效果就是这样的,大功告成.OK了