推荐阅读
8个实用的页面布局和用户界面jQuery插件
网页设计师和网页开发人员在做项目的时候可能会有一些页面的布局或者对于UI有一些特定的要求。可能一些需求不能单独使用CSS就能实现的。于是很多时候开发人员都会消耗大量的时间和精力去写一些JS来协助实现。其实如果你知道一些jQuery，你会发现这些jQuery非常的好用和灵活。在这篇文章中我们分享了一些优秀实用的jQuery插件。希望可以帮助你完成一些你一直想要的东西，也希望可以提高你进行中的项目。它涉及到关于网页的布局和用户的界面。均衡的高度或宽度的元素的jQuery插件。jQuery滚动的路径这是一个插件定义自定义的滚动路径。这使用画布味的语法来绘制直线和圆弧。Freetile是一个jQuery的插件，使该组织的网页内容在一个高效，动态和响应布局。这是神话般的拖动和拖放多列网格已经到来。Gridster是一个jQuery插件，允许建立直观的拖动的布局元素跨越多个列。rcarousel – 一个连续的jQuery UI的旋转木马。
20张来自设计师们的办公室照片欣赏
作为一名设计师，拥有一个良好的的办公环境是必须的，这样除了能保持良好的工作状态外，还可以给你还来创造灵感哦!下面收集一些设计师们的办公室照片，看了这些作品后，我想你的办公空间也需要变一变了吧。My Workspace: George BokhuaSubmission Spotlight: David HellmannWorkspace: Mike BusbyJoel Speasmaker’s WorkspaceWorkspace: Per Vestman
Photoshop制作逼真的城市夜景特效教程
今天译者AverageJoseph这篇教程在光影和透视方面特别出彩，你可以在临摹的过程中感受到作者的用心和细致程度。教程将帮你学会如何找到正确的视角和精准地塑造光效，全是日常修图的重难点!修图高手出教程不多，别错过咯。今天译者AverageJoseph这篇教程在光影和透视方面特别出彩，你可以在临摹的过程中感受到作者的用心和细致程度。教程将帮你学会如何找到正确的视角和精准地塑造光效，全是日常修图的重难点!修图高手出教程不多，别错过咯。最终效果图：Step 1先搜索一张干净整洁的房间照片，不要有太多光源(最好只有一个)，高清图片为佳。此处选用了ArchDaily博客上的图片，如果你能确保你的图片与此类似，并且能够做出有趣的效果出来，尽管大胆尝试吧。PS打开此图，直接裁切掉(快捷键C)图片冗余部分，当然此步也可以在全片修改完成后执行。Step 2抠出此图中你想保留的部分。我要保留木衣橱，柱子和窗户。复制(Command+J/ Ctrl+J)此图层四次，在每个图层上使用矢量蒙版，除了刚开始的原始图层不用加。在图层面板中双击蒙版图标。
PS制作金属燃烧的火焰字
在本PS教程中，我会告诉你用PS图象处理软件创建一个金属燃烧的文字效果的步骤。这是一个初级的Photoshop教程和步骤是很容易的，让我们来试试吧！一路上，我们将通过一些纹理添加到您的文本的基本方法，也练习使用图像调整图层和不同的图层混合模式。这里是我本教程的最终效果预览：Step 1创建一个新文档，大小1200px * 600px的黑色背景，画布上键入一些文本，如下图所示：应用这个文本层以下的层混合选项：内阴影
最新发布
![[手绘系列]手绘朵朵姑娘](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了