推荐阅读
详细解析平面设计中的时尚复古风格
给自己的设计增加“复古”效果，相信这对于大部分设计师来说并非难事。然而，本文要为你梳理整个欧美历史发展中的复古风潮，以及如何为你提供灵感的巨大宝库。因为我们都知道，“复古”这一大的风格下又可以细分为好多不同的小风格，这些小小的风格差别是源自不同时代的类型，以及当时的环境所催生的一种平面设计的诉求。下面，我们将带你一览所有曾经最为流行的复古设计风格，让你在今后设计复古这个类别的视觉效果时，又沾着“复古”的浪漫以及重获时代的新生气息。怎样定义“复古”视觉风格？每个人所定义的“复古”感，大概都会从自身情况出发，你出生在哪里，出生于什么时间。这些条件影响着你的观察。因此，我们可以说，你所认为的具有吸引力的“复古”受制于下面三个要素。1、怀旧感就像80后，你的童年所经历过的许多事物就是独一无二的，再提到怀旧的时候，你的童年里值得怀旧的一切在一个90后眼中就无法激起同样的情感体验。许多品牌在这方面做得游刃有余，他们意识到了怀旧情结的商业潜力，给他们的产品，比如服装的饰品物件或广告设计，增加一些特定阶段人群的怀旧元素，这样的极大的激起了共鸣。你也许注意到了这几年电影行业对怀旧的各种热衷，青春片里80后的集体回忆所带来的消费力量。与此衍生出来的是很多海报的设计，也针对80后的青春转场增加了一系列怀旧元素：搪瓷杯、收音机、缝纫机等80后童年常见而长大后消失了的物件。2、年代感第二个能突出“复古”视觉效果的是年代感。简单说，就是时间会在任何事物上形成“岁月的风霜”，被岁月剥蚀得越久就越能凸显出年代的久远。例如你采用一种闪闪发光的银色质感进行印刷，这样的材质只会让人联想到未来。然而，怎样避免让自己的设计最终真的成为“老朽”之物呢?这就需要你根据具体的情况，将充满年代感的视觉元素进行重组，在复制原有的元素基础上设计出更加具有视觉吸引力的美学效果。3、视觉风格
Photoshop打造出外景婚纱照梦幻唯美效果
最终效果原图1、打开原图素材，创建通道混合器调整图层，对红色及蓝色调整，参数设置如图1，2，效果如图3。<图1><图2><图3>2、创建可选颜色调整图层，对红色进行调整，参数设置如图4，效果如图5。<图4>
色彩和色调的选择机理剖析
色彩范围这个命令是一个很重要的选择命令，不仅可以选择不同的色彩，还可以选择不同的色调，这在PS常规的选择方式中是少有的。同时由于其涉及到了部分选择，懵懂老师在其所著的[选择的艺术]一书中对该命令寄予了极高的评价，由并此掀开了探究通道强大选择功能的序幕。 那么，该命令选择色彩及色调的内部机理是什么呢？既然其涉及到了部分选择，PS又是如何计算选择度的？本文试图对此中原理进行详细解剖分析，并对部分选择程度的计算公式进行探究。 管窥之见，欢迎各位老师批评指正。 一、关于色相类色彩模式中的颜色 众所周知，色相类色彩模式中的颜色共有三个属性，即色相、饱和度、亮度（或明度）。 色相是颜色最基本的属性，它定义了某种颜色是此颜色而非彼颜色。细究起来，根据色相组成成分的不同，颜色又可分为两种： （1）单色 单色，即红、绿、兰、青、品、黄六种颜色。 在色相类色彩模式中，上述六种单色是相互独立的。如黄色和绿色、红色是平等的，都是相互独立的单色，并不能认为黄色是由红色和绿色生成的，这一点，一定要和RGB模式和CMYK模式严格区别开来 （2）复色 在色相类色彩模式中，除过六种单色外，其余的颜色都是由这种六种单色两两混合而成的复色。
4大特训 提高摄影技巧
大图片时代到来啦!从这个懒洋洋的夏天开始，展开特训吧! 很多朋友在享受美丽夏天的同时也忍不住参与进来，爱上了摄影。可看似简单的小小图片却一点都不简单，要掌握其中的奥妙着实需要下一番苦工。书本上那些生涩难懂的理论知识几天几夜也看不完，究竟有没有在生活中就能轻松试练的小诀窍呢?今天小编就和大家分享四个训练方法，让你在玩乐随拍的间隙就能提高摄影技巧。 一、拍摄数据，借鉴好照片的数据资料 很多摄影作品会让人眼前一亮，是不是很想知道它是如何拍摄出来的呢?揭秘好照片的第一步，就是研究它的拍摄数据。如图，流水想拍的绵绵不绝，绢感十足，必须要有慢速，所以为了达到合适的曝光，光圈就必须用到很小。 1.借鉴大师作品 了解相应的拍摄信息，会让你对图片有更深的认识，能更加近距离的还原现场的情况和摄影师的拍摄手法。这样的曝光值是为了得到什么样特殊的效果?为什么这样运用快门和光圈组合?换成另外的组合会出现什么不一样的画面?不断反问，等下次再看到同样的场景和类似的环境，亲自尝试一下，各种拍摄技法就能为我所用啦。 2.总结自己成功照片的经验 再借鉴大师拍摄数据的同时，也要总结自己的作品，哪一幅照片拍摄的比较满意?是偶然拍出来的?还是拍摄之前对曝光数据及光圈快门组合就有意的控制过?下次遇到同样的环境还能不能很流畅的把握住要点? 二、物体重复拍摄，锻炼寻找视角的能力 对于同一个物体，要拍5张以上，尝试多种不同角度、不同光线运用、不同的光圈快门组合，尽量把每一张照片的形式区分开。
最新发布
Fireworks4图象优化
使用Optimize(优化)面板 Optimize(优化)面板可以很方便的在工作区内进行图象优化，并且同时看到优化后的效果，在Optimize(优化)面板上预先设置了几种优化设定可供选择，你也可以按照自己的需要进行设定。
Fireworks4输出图象
输出图象 当图象优化完成以后，就可以输出了 1，选择File -> Export to可以直接进行输出 2，选择Images Only只输出图象 3，选择html and images可输出图象和html文件 输出一个区域的图象 1，选择工具条上的输出区域工具，在图上画出需要输出的区域范围 2，双击输出区域，会跳出输出预览窗口，在输出预览窗口内可以调整图象输出的设置 3，最后按export按钮就可以输出图象了 输出切片 将一副大的图象使用切割工具分成一个个小的切片以后，你就要把这些切片输出。 1,选择File -> Export 2，在Slicing下有几个选项 None：忽略所有的切片对象，输出成当前格式的整幅图像。 默认的设置是：Export Slice：输出切片包括所有的行为设置 Slice Along Guides：输出切片，但忽略所有该对象的行为设置 如果要只输出选中的一个或几个切片，可以勾选下面的Selected Slices Only 输出flash格式 你可以将图象和动画输出为flash的swf格式 1,选择File -> Export 2，在保存类型下拉菜单内选择Flash SWF 3,点击Options按钮进行设置
Fireworks网页设计综合实例7
十一、 创建变形动画 给一个网站添加动画对于访问者的时间和金钱都是一个不小的花销，因此在添加您的动画前，一定要先考虑好如下问题：动画能否增进您的信息传达力度，访问者下载和播放动画是否迅速、方便，是否有足够的组成动画的内容和资源。尽管网络动画及其传递方式正在不断的发生改变，但传统的GIF动画依然有着不可忽视的优势，我们在这里介绍一下创建GIF动画的两种途径。 1、 在层面板新建一个Logo层，将其置于Web Layer层下方。 2、 我们需要将背景层修改为一个共享图层，打开层面板，切换到背景层，在弹出菜单中选择Share This Layer，将背景层共享，此层上的内容将在所有帧都可见，此层的后面将出现一个共享图标，如下图：3、 切换到Logo层，在文档的右上角创建www.karsong.com文字。 4、 按F8将其转换为图形符号Graphic Symbol。 5、 打开Effect面板，对此符号的实例添加红色Glow效果，如下图所示：6、 选中此实例，在右键弹出菜单中执行Edit>Clone，复制出一个新的实例，并且带有相同的Glow特效。 7、 在Effect面板修改第二个实例的特效，将其改为黄色，并改变Glow的范围和大小，如下图：8、 选择这两个实例，在右键弹出菜单中执行Symbols>Tween Instances创建变形动画，设定插入帧数为6帧，并勾选Distribute to Frames分布到帧，如下图所示：9、 打开Web Layer图层的显示，在此动画位置创建一个切片。 10、 打开Optimize优化面板，设定此切片的类型为Animated GIF，并设定颜色数为32色，如下图所示：11、 此动画完成，您可以打开帧面板设定动画帧之间显示的时间。
Fireworks网页设计综合实例6
十、 创建弹出菜单 通常我们站点里的导航信息必须非常的简练和实用，只有那些最重要的信息才出现在导航条中，而更多的导航和内容信息通常都隐藏起来。对于复杂的展点和多重信息组织，弹出菜单是分层导航的最有效工具，弹出菜单可以在很小的空间中设置大量的目标选项。Fireworks4新增的创建弹出菜单功能，可以非常容易的实现这种导航结构，我们只需将分层信息添加到弹出菜单编辑器中，程序会自动生成相应的交互式代码。 1、 选择导航栏上的“产品展示”按钮，确保Web Layer当前显示及切片可见。 2、 点击此按钮上切片中心的圆形标志，从弹出菜单中选择“Add Pop-up Menu”增加弹出菜单，如下图所示： 3、 在弹出的编辑器中输入如下图所示内容，在Text和Link输入框中输入内容后，点及上部的“+”即可添加新的菜单内容： 4、 继续输入二级菜单内容，选中一个条目后，点击上部的 可以使当前条目缩进，成为下一级菜单；点击可以使当前的条目恢复为上一级菜单。最后的结果入图所示： 5、 点击Next进入下一个设置窗口，在这里我们可以设置文字的大小，菜单的样式等属性，您既可以选择最终的菜单外观是标准的HTML格式，或者是Image图片格式。我们选择图片格式，并设定文字大小为10。 6、 当您选择了Image格式时，需要在下部的两个窗口设置Up和Over状态的菜单样式，您的悬想也许和我们这里的不同，这是因为我们使用了自定义的样式文件。我们可以根据不同设计项目的需要将自定义的样式作为弹出菜单的选项。 7、 我们首先绘制一个最终的弹出菜单的矩形，并设定好需要的填充、描边和特效。如下图： 8、 打开Style面板，选中刚才创建的矩形，在Style面板的弹出菜单中选择New Style创建一个新的样式，并命名为MyStyle，如下图：
Fireworks网页设计综合实例5
八、 建立切片 我们的基本导航及页面结构已经建立好了，现在到了增加切片的时候了。Fireworks中的切片是输出图形及产生交互的主要参考物件，导出的文档将根据切片来将图形切割成不同的部分，并在浏览器中通过表格组装到一起。同时，所有的交互行为也是通过切片之间的联系来产生的，如翻转图、弹出菜单等等。 1、 我们前面建立的按钮本身已经带有了自己的切片，因此我们需要对其他对象建立各自的切片。 2、 创建切片通常使用工具面板中的Slice工具直接绘制 ，但如果想创建精确大小的切片，我们可以选择对象并执行右键菜单中的Insert Slice自动插入切片。 3、 我们使用工具面板中的Slice工具在页面中间绘制一个信息显示切片，我们将在下一步把导航条的每个按钮相关信息显示在这里。 4、 我们增加的切片默认情况下是绿色的半透明对象，它们都放置在Web Layer层上. 九、 创建拖拽翻转效果 1、 单击“企业概况”按钮处的切片，此切片中心将出现一个圆形标志，用鼠标将其拖动到上一步创建的切片左上角，这将设置一个翻转效果，在弹出的对话框中设定鼠标滑过时交换为第二帧的内容，如下图所示： 2、 重复上述步骤，分别为“企业人才”、“产品展示”两个按钮增加翻转效果，并分别对应第三帧和第四帧。 3、 我们在后面各帧相同的位置出分别放置对应每个按钮的说明文字。 4、 最后的效果如下图所示： Fireworks网页设计综合实例
Fireworks网页设计综合实例4
五、 创建按钮 利用Fireworks提供的按钮编辑器，我们可以快速创建具有相似外观的一组按钮，并可以设定按钮的不同状态外观。 1、 使用矩形工具绘制一个90x15的矩形按钮对象，设定它的填充为线性渐变填充，在矩形上方输入“企业概况”。 2、 上一步我们建好了按钮的基本外观，我们可以把它转换为一个按钮符号重复利用。选定上面创建的矩形和文字，按F8将它转换为符号，符号类型为Button。 3、 此时的按钮符号只具有基本的外形，双击刚创建好的这个符号，打开按钮编辑窗口。 4、 常见按钮的Up状态，在按钮编辑器的Up窗口我们可以向编辑普通对象一样，为按钮增加一些特效。打开Effect面板，为此按钮矩形增加Inner Bevel特效，类型为Frame，如图所示： 5、 切换到Over状态，点击下方的“Copy Up Graphic”将Up状态的对象复制到Over状态窗口。改变矩形的渐变填充方向，改变按钮的特效类型为Smooth，如下图： 6、 切换到Down状态，点击下方的“Copy Over Graphic”将Over状态的对象复制到Down状态窗口。改变矩形的填充类型为实色填充Solid，改变按钮的特效类型为Frame1，最后将文字的色彩改变为红色，如下图： 7、 需要注意的是，在按钮的Down状态下，需要取消对“Show Down State Upon Load”的勾选，同时要保证“Include Nav Bar Down state”被勾选，这可以使将来输出时会根据不同的按钮按下情况输出相应的HTML文件。 8、 关闭按钮编辑窗口，按钮的一个实例已经放置在了文档当中。 六、 创建导航条
Fireworks网页设计综合实例3
三、 创造矢量对象 位图是用像素来描述物体的，它适合于表现色彩变化丰富的照片，而矢量图是使用路径和填充来定义对象的外观，它非常容易编辑，并且它的质量不会因大小的改变而丢失或减弱。Fireworks同时提供了编辑这两种格式图像的方法，默认情况下Fireworks是以矢量的方式创建和编辑对象。Fireworks提供了常用的创建矢量对象的工具，我们下面利用这些工具创建基本的矢量图形。 1、 选择工具面板上的矩形工具，在文档顶端绘制一776x30的矩形。 2、 设定填充为线性渐变填充，点击填充面板的Edit按钮编辑填充，如下图所示： 3、 在人像的右半边绘制一个130x400的矩形实色填充对象。 4、 接下来我们将在文档顶端创建按钮对象，首先在层面板中新建一个“导航层”，利用矩形工具创建“公司首页”按钮对象，大小为140x15，填充为红色与黑色之间的线性渐变填充，打开Effect面板，设定Inner Bevel特效，如下图所示： 5、 我们还可以在背景层绘制一些线段，以打破背景的单调感觉。 四、 创建文字 Fireworks还提供了强大的文字处理功能，利用文字编辑窗口可以灵活的对文字进行设定，并且与其它对象一样我们也可以对文字施加各种特效。 1、 选择工具面板的文字工具，打开文字编辑窗口，输入“卡尔松服饰有限公司”，如图所示： 我们看到，在文字编辑窗口我们可以分别对不同的文字设定各自的属性。 2、 在文档左半部分输入相应的英文文字内容，并旋转文字90度，如下图所示： 3、 打开层面板，选定“Karsong”设定它的合成方式为“Luminosity”
Fireworks网页设计综合实例2
一、 导入并编辑位图图像。 Fireworks4带有完善的位图创建、修改和处理功能，我们可以导入外部位图文件并对它进行编辑，可以修改和删除位图中的颜色，可以向对矢量图一样增加效果。我们的工作将从层面板开始，新建一个文件后，默认的只有两个图层Web层和Layer1层，双击Layer1层，将层名改为“背景层”。如下图所示： 1、我们将一张男性模特的照片导入此层中。 2、双击图片可以进入位图编辑模式，我们可以用矩形选择工具选定不需要的部分并删除它。 3、位图大小调整好后可以使用实时特效进行色彩调节，打开Effect面板，选择Adjust Color/Levels，在Levels分布图中分别拖动三个滑尺，按照下图所示进行色彩调节： 4、导入的位图一般都有一些细小的杂点，我们可以使用Effect>Blur>Gaussian Blur对图像进行一些模糊处理，使其增加一些柔和的感觉. 二、 自动任务处理。 由于我们在后面将多次使用这个处理过程对位图进行加工，因此可以利用Fireworks提供的自动处理功能加快我们后面的工作，这种自动任务处理可以有很多种途径，我们介绍其中最常用的三种： 1 保存为一个Command。打开历史面板History，选定最后两步Effect纪录，在弹出菜单中选择Save as Command，将这两个步骤保存为一个可执行的Command，命名为BMPmodify。以后我们需要时只需执行Commands菜单下的这个BMPmodify命令即可。