推荐阅读
详细解析6种实验性的网页导航模式
虽然绝大多数的设计都遵循设计规则和用户的使用习惯，但是标新立异的设计仍然非常有市场。独特的设计更容易让人难忘，这一点是毋庸置疑的。在网页的导航栏设计上，也是如此。随着越来越多的网页开始采用加粗的非衬线字体置于网页顶部作为导航，许多有想法的设计师开始有意识的打破这一规律，别出机杼，采用不一样的导航模式。当然，如果你的网站用户量大，并且需要尽量降低用户的使用门槛，遵循常规的设计更合适。如果你的网站是更加偏向实验性的小网站，有趣而好玩的导航模式，反而更适宜于用户探索。不同的导航模式对于网站的影响不尽相同，针对不同的内容、不同的用户，你需要仔细挑选导航模式。实验性的导航并不具备泛用性，但是如果你在追求别具一格的设计，那么下面这些独特的导航设计应该能激发你的灵感。侧边栏导航侧边栏导航的设计多种多样，它可以是静态的也可以是动态的，宽度可大可小，几乎可以随心所欲地进行设置。但是如果你仔细审视会发现，它不仅仅是单纯的将原本的顶部导航旋转90度放到侧面就好了，对于正常的上下滚动的页面而言，常驻的侧边栏导航意味着整个页面其他部分的长宽比和以往截然不同了。所以，不论侧边栏导航的宽窄如何，你都需要重新审视，尤其是它在不同尺寸、比例的屏幕下的显示效果，并且进行合理的重设计。同时，导航中的文字如果太长，在侧边栏中还存在展示上的问题，那么你要怎么解决呢?需要考虑的问题非常之多。最优的导航设计通常都不会使用太长的词汇，并且占据的空间也相对固定。导航项目最好不要太多，如果导航栏需要滚动浏览那就太过了。上面Sanctum 的案例就做的足够简单干净，当用户滚动浏览的时候，导航会停留在对应的位置，并且随着背景而改变色彩。
Photoshop设计创意的产品宣传海报教程
先看看效果这就是原图了，做的很简单，大家一看就知道是新手对的吧，于是我要来了产品拍摄图是这样的，我们先把产品抠图，记住用钢笔抠图，面试都是钢笔抠图的，魔棒什么的最好不用，业界一句话，用钢笔抠图是对产品的基本尊重。这一步大家都是会的，我想既然是推车，我在工厂也见过，其实我还推过货的，这东西就是个质量和载重，那怎么体现载重呢?我就在想了!放个数字，太单调了，我想呀，放头大象吧，大象都能推那什么还不能呢。当然这是夸张的手法，于是网上找素材，还真有。
挖掘Dreamweaver 4.0的“潜力”（三）
来源： yesky 作者： yesky 与其他产品进行整合 Dreamweaver最酷的特性之一是它可以与其他产品进行很好的整合，它可以与Fireworks实现完全的图像编辑互操作，甚至还能够创建Flash文本和Flash按钮。 4、动画GIF图形 如果拥有Dreamweaver/Fireworks软件，就可以充分享受二者之间充分的整合性带来的各种方便。即使你不是专业的图形设计师，偶尔也会想把一幅GIF格式的图像作成动画。要对一个网页中的图像进行动画处理，可以在标准窗口中选择图像，然后点击Property Inspector中的Edit按钮，图像就会自动加载到Fireworks，如果安装了Studio包，Fireworks就会成为缺省的图像编辑器。然后就该转到Fireworks中了，选择图像，并依次选择Modify --> Animate --> Animate Selection。然后填写Animate对话框中动画的帧数、图像的运动方向等参数，可以使用Frames面板中设置动画的速度，使用Object改变它的属性。要导出文件，可以使用Optimize面板选择Animated GIF as the file type先项，点击Done按钮，Fireworks将自动地导出优化过的图像，更新GIF文件，并在Dreamweaver中显示更新后的文件。在浏览器中依次点击File --> Preview就可以看到你作的漂亮的动画了。 5、添加Flash按钮 即使不使用Flash软件，也可以利用Dreamweaver在网页中创建和添加Flash按钮对象。Dreamweaver 4.0中有一些已经制作好的各种风格的Flash按钮对象，依次选择Insert --> Interactive Images-->Flash Button就可以看到不同风格的按钮(图5)，在这个对话框中，将鼠标掠过每种类型的按钮，就会看到它在浏览器中是如何“动”的。选中希望使用的风格，并填写按钮的文本、字体、颜色或定制的文件名等参数，点击OK按钮。就会创建出SWF文件并被插入网页中，如果点击它，Property Inspector将显示文件的属性，还可以点击播放按钮预览按钮的动作。图5 6、制作移动的文本 在网页上添加Flash文本对象与添加Flash按钮一样简单。利用Dreamweaver 4.0的新功能，无需利用Flash也能完成这一工作。没有交互媒体开发经验的HTML软件开发者也可以创建基于Flash的文本动画。由于97%的网民可以浏览Flash对象（根据Macromedia提供的资料），因此在网页上添加Flash对象不存在兼容性问题。要制作移动的文本，依次打开Insert --> Interactive Images --> Flash Text，填入要移动的文本、字体、颜色、大小等参数即可。(图6)图6
PhotoShop用“自由变换”制作照片折叠效果
本教程主要为大家介绍使用photoshop中的“自由变换―斜切”功能制作折叠图片效果。效果图：1、首先打开素材图片，然后使用“矩形选框工具”创建一个矩形选区，大概选取图片的三分之一，如图所示。2、在菜单栏中选择“选择―变换选区”命令，设置选区的大小，使选区贴合图片，如图所示。按Enter确定。3、在菜单栏中选择“编辑―变换―斜切”命令，然后拖动选区的一边，出现斜切效果，如图所示。按Enter键确认。拖动时，要记下属性栏中的数值变化，以便设置定后面的操作。
最新发布
分享20款漂亮免费英文LOGO字体
这篇文章向大家分享20款英文LOGO字体，可以免费下载使用。这些免费英文LOGO字体特别适合网页设计师和平面设计师用于制作LOGO。如果你正在寻找漂亮的免费英文LOGO字体，那么这份清单正是为你准备的。
PhotoShop利用画笔预设制作白云
1、首先我们新建一个400*400的文档，设置前景色81C1E9、背景色2785DA，线性渐变垂直拉制背景。2、按F5进入笔刷调板。设置：画笔笔尖形状―笔尖类型 柔角100 ，直径 100Px，间距 25。 形状动态：大小抖动 100%，最小直径 20%，角度抖动 20%。
PS简单绘制新年发光焰火文字效果的教程
效果下面开始制作步骤： 1、新建一个图层，填充以下颜色。2、我们先制作火焰迸射的效果。选择钢笔工具，注意要在顶部的属性栏选择"路径"，要不画出来就是实体了~~~如下图所示3、用钢笔工作在画布上图画一下简单的效果图
PhotoShop CS4动作面板使用方法详细介绍
一、什么是动作 动作用来记录Photoshop的操作步骤，从而便于再次回放以提高工作效率和标准化操作流程。该功能支持记录针对单个文件或一批文件的操作过程。用户不但可以把一些经常进行的“机械化”操作录成动作来提高工作效率，也可以把一些颇具创意的操作过程记录下来并提供给大家分享。 二、如何调出动作面板 执行菜单“窗口>动作”调出“动作”面板，也可按下快捷键Alt+F9调出该面板。 三、动作面板的构成 动作面板与普通面板的结构雷同，具体外观如图1所示。动作组：类似文件夹，用来组织一个或多个动作。 动作：一般会起比较容易记忆的名字，点击名字左侧的小三角可展开该动作。
为孩子拍照的7个小诀窍
哪个母亲看到自己孩子的靓照而不为之动容呢?不幸的是，真正要抓拍到能够体现活蹦乱跳的小家伙的甜蜜时刻和真实个性的照片可不太容易!我们就在这里跟大家一起分享专业摄影爱好者有关为孩子拍照的小诀窍 摄影教程。 1. 别老说“笑一个” “不要老是叫孩子在拍摄前笑一个，这样只会让他们看起来很不自然。相反，我们可以让他们做自己喜欢做的事情，也可以通过问他们问题或者给他们讲笑话来逗他们笑起来。”――摄影师里根・丹尼尔斯 2. 利用好有利位置 “拍摄时要跟孩子位于同一高度。你可以给他们的眼睛、鼻子 、嘴巴、双手、双脚等身体部位来上几个特写。”――萨拉・哈斯泰德 3. 调节快门速度 “静景拍摄时快门速度要至少保持在在1/125，玩耍时拍摄为1/250，运动时则为1/1000。如果你不想使用相机上的手动曝光功能，你可以试试TV设置功能。你可以从那里选择快门速度，其它的一切相机都会帮你搞定。接下来你就好好拍个够吧!!”――安娜 4. 与孩子互动 “为孩子拍摄时最好记得要跟孩子互动。不要设置拍摄场景，只要跟着感觉走就行了……在公园、后院或海滩等地点拍摄时，这一点非常有用。就让他们拿着他们自己发现的那些鲜艳的花花草草，你只要在拍摄时抓住那些神奇而欢喜的时刻就可以。”――克里斯丁・邓肯 5. 装傻