推荐阅读

调出唯美艺术效果的夜景人像照片的PS调色教程
这组夜景是洱海网红树附近拍的,但是那几天都在下雨洱海涨潮,因为周围都是海没有环境光而且天也已经死黑了,所以我们原本带的两盏灯也没有任何用,只能把人物照亮,周围的环境还是一片死黑,加上晚上的洱海温度很低,让人瑟瑟发抖,在水里呆久了特别容易感冒,整组片拍下来也只不过用了几十分钟而已。首先我们分析一下原片:天空环境死黑固有色为暖色没有对比层画面单一 构图单一主题氛围感不足然后我们整理一下思路,这是一组人妖恋的主题,所以我们后期的方向需要把这张照片变得更加情欲和迷幻。

Illustrator基础教程(5)
我们已经了解了Illustrator的工具箱和浮动面板,现在我们看看Illustrator菜单里有什么有用的东东。 在菜单栏里包括了File、Edit、Object、Type、Filter、View、Window、Help八个菜单。先让我们看看File(文件)菜单。在这里和大多数软件一样包含了New(新建)Open(打开)Close(关闭)Save(保存)Save as...(另存为...)Save a copy...(保存一个拷贝)Revert(复原)。这些命令的操作和大多数的流行软件(特别是Photoshop)相似,这里就不多讲了。我们看看Place...(置入)。选择置入后,出现一个对话框 和大多数软件一样上半部分当然是选择文件之用,下半部分的中部是图形预览,左边有三个选项Link(链接)、Template(模板)、Replace(重新置入)。当我们选择Link时表示图像是按链接方式置入Illustrator的,这时置入的图像以带x的矩形方框表示选取状态。 在这种状态下只能对其进行缩放和旋转等操作。在链接状态下如果目标文件改变,链介入的图像也会跟着改变。如果不选中Link项,可以看到被置入的图像以矩形方框来表示其处于选中状态。 这种状态我们称之为嵌入。在嵌入状态下我们就可以对图像进行变形、滤镜等操作。 如果选中模板项,文件就会作为模板置入Illustrator,这时图像就不能被移动、不能被选择、显示以灰色显示。 重新置入可以改变图像置入的状态。如从链接状态改变为嵌入状态。这里有一个小的技巧告诉大家,在你置入的光栅图像还没定稿之前可以选择链接方式置入,这样如果在Photoshop中对图像进行的改动就会自动对Illustrator置入的光栅图进行更新。定稿以后就可以将它嵌入到Illustrator里。下面让我们看看Export(输出)。选择输出同样出现一个对话框,在文件类型里我们可以选择多种图形格式。 包括常用的BMP GIF89 JPEG Photoshop5 TIFF等等,这使Illustrator能够很好的和各种图形软件融合,可以方便的结合Photoshop进行图形加工。 Document Info命令可以看到一些文件的信息,如文件名、大小、物体个数、字体等等。当你选中图形中的一个物体或多个物体时Document Info就会变为Selection info,这时你看到的信息就变为选择的物体的信息。Docment setup提供了文件的一系列的参数设置。 本新闻共2页,当前在第1页 1 2 如页面的尺寸、页面的方位(横着还是竖着)、输出分辨率、拚板设置等等。Print setup....和Print就不多讲了,因为采用不同的打印机有不同的设置,这里就得自己翻翻打印机的说明了。 下面重点讲讲Preferences(参数设置),在这里包含了许多Illustrator的初始化设置,如果你想方便的使用Illustrator这里可要仔细看哟。它包含了General....(一般设置)、Type &Auto Tracing(字体和自动描边)、Units &Undo....(单位和还原操作)、Guides &Grid...(参考线和坐标格)Hyphenation Option(连字符操作)Plug-ins & Scrach Disk(插件和虚拟磁盘)。先让我们看看一般设置。 在这里可以进行很多专业的设置。Keyboard Incremnats(键盘操作设定)中的Cursor Key(箭头键)用来设置键盘上的箭头键移动的距离,这样当在实际工作中鼠标难以移动的微小距离可以用键盘上的箭头键移动(很有用!)。Tool Behavior(工具设定)中可以用Constrain Angle(角度限制)来设置页面坐标的角度。如果输入30度,那么画出的任何图形都将倾斜30度。Corner Radius(圆角半径)用来设置工具箱中圆角矩形的圆角半径。在General Option(常用选项)中有以下选项User Bounding Box(使用边界框)、User Area Select(区域选择)、Use Precise Cursor(采用精确图标)、Paste Remember Layers(贴入已记忆层)、Tansform pattern Tiles(连续图案的变形)、Disable Auto Add/Delete(取消自动减点工具转换)、Disable Warning(取消警告)、Show Tools Tips(显示工具说明)、Scale Stroke weight(缩放边线宽)。 在文字类型和自动描设置中可以根据个人习惯设置,包括Type Option(文字选项)设置Size/leading(大小/行距)、Tracking(字距)、Baseline Shift(基线移动)、Greeking(文字显示的最小值)、Type Area Select(文字区选择)、Show front name in English(用英文显示字体名字)。在Auto Trace Option(自动描边工具)中可以让你设置Auto Tace Tolerance(自动描边容忍度)和Tracing Gap(描边空隙)来设置自动描边的精度和路径的复杂程度。Units & Undo(度量单位和还原设置)中可以设置General(标尺)、Stroke (边线)、Type(文字)的度量单位和Undo的次数。在设置Undo次数时一定要按照你的配置来设置,因为Undo的次数越多就越占内存。 这里的设置有一个灵活的方法,如果你是矢量图形比较多的话就可以稍微设大一点,如15,(当然你要确定你的内存一定要大于128M)这样就可以放心大胆的对画面进行修改。 Guides & Grid(参考线和坐标格的设定) 可设置参考线的颜色和样式(实线还是虚线)。同样坐标格也可以设置它的Color(颜色)、Style(样式)、Gridine every(坐标线之间的距离)、Subdivision(坐标线之间再分割的数量)以及Grids in back(坐标现在图形后面)。 Illustrator8.0还提供了Smart Guides(智能参考线)功能,这包括了Text Lable Hints(文本标签提示)、Construction Guides(构造参考线)、Transform Tools(变换工具)、Object Highlighting(高亮度物体)以及Snapping Tolerance(贴近容忍值)。通过这些选项可以让你更方便的工作。 我们在使用英文的时候经常遇到连字符,在Hyphenation Option(连字符操作)中我们可以设置连字符的操作。 在DefaultLanguage(默认语言)中设置你使用的语言,在New Entry(新单词)中输入你要加连字符或不加连字符单词,然后单击Add在上面的方框中就会出现你添加的单词。当我们在输入单词的时候如果遇到这个单词就会自动添加连字符。 Plugs-ins & Srcrath Disk(软插件和虚拟磁盘: 这和Photoshop的设置一样,可以设置插件位置和虚拟磁盘的大小。如果你那天滤镜等插件找不到可先要在这个设置你找一找。虚拟磁盘大小也很重要,特别是在处理大尺寸文件的时候,如果遇见提示内存不足的时候一定要把虚拟磁盘空间设置到一个有足够空间的硬盘上。 Illustrator是图形处理软件,那么色彩的匹配就是一个相当重要的设置。你可以想一想作为一个专业的图形处理软件如果屏幕上看到的颜色和输出的颜色大不一样,那还叫什么“专业”。在文件菜单中我们可以找到色彩设置(Color seting)通过这个对话框我们可以设置Illustrator的色彩配置。 在Monitor(RGB)种选择你的显示器,我用的是NEC的显示器就选择NEC的色彩配置文件。当然也可能你的显示器没有色彩配置文件,那就只能用它的默认配置文件了,工作的时候也要对色彩多留心了。Print (CMYK)中选择你的打印机。Engine中选择色彩引擎。如果你想用PC达到非常好的色彩效果,买硬件的时候最好买Illustrator列出的显示器和打印机。本新闻共2页,当前在第2页 1 2
最新发布

详解Fireworks MX 2004丰富的图像导出功能
在Fireworks中创建并优化图形后,用户可将该图形输出为常用的Web格式及供其他程序(如Freehand)使用的向量图形格式。Fireworks MX 2004由于它的面向网络的特性,导出的形式可以不仅仅是图像,还可以是包含各种链接和Java Script信息的完整的网页。由于图像的导出和优化一样将产生一个导出副本,因此是不会修改原图的,所以,用户可以尝试在Fireworks中用一幅原图导出不同种类的许多图像。 一、导出预览 由于不同的图像格式使用的是不同的压缩方法,图像的质量和表象随着格式的不同而变化,所以用户应该根据图像的设计目的和应用场合来决定使用哪种图像导出格式。 只有通过比较鉴别才能突出不同图像格式的色彩和大小等特点,为此,我们首先讲一讲如何在导出时对不同格式进行选择。Fireworks里提供了在线比较不同的优化方式和原图的效果的窗口,2-up模式和4-up模式。若比较一幅图像的GIF导出效果与原图的差别,可以使用2-up模式和4-up模式。若比较一幅GIF导出效果与原图的差别,可以使用2-up模式。若希望比较两三种格式或优化方式的优劣时,就可选择4-up模式。图1显示了原图与GIF、PNG和TIFF三种格式的导出图像的差异,同时窗口中还显示了每一种优化方式或格式的主要参数、图像大小和传输时间等信息,可以帮助用户在不同图像格式之间的选择。 图1 4幅模式各种不同格式导出效果比较 图2 导出预览窗口

Fireworks 8 制作网页效果图 位图工具
这里主要介绍的是Fireworks 8的位图工具的使用,如果你用过ps的话,会感觉这两个软件在位图处理中有很多相似的地方,本例是一个以女性化妆品为主打产品的企业宣传网站“北京达美”的形象页面效果图设计。达美公司一直致力于结合科技和自然的化妆品产品的研发。由于达美公司主打自然健康的产品理念,因此在整体的页面设计中以绿色为主要的风格,同时配以女性模特、植物和蝴蝶的素材来体现清新、自然的感觉。如图1.1所示。 1.1 北京达美公司网站形象页面效果图(点击放大)。 1.新建一个Fireworks文件。 2.在弹出的【新建文档】对话框中设置画布的宽度为760像素,高度为430像素,背景颜色为白色。如图1.2所示。 图1.2 【新建文档】对话框 3.选择绘图工具栏中的【选取框】工具,在【属性】面板中进行相应的设置,如图1.3所示。 图1.3 【选取框】工具的属性设置

Fireworks 8 通道应用抠图实例
很久以来,Fireworks一直因为没有通道功能,为不少惯用photoshop抠图的用户诟病,经过对Photoshop和Fireworks的对比研究 ,本人终于不必一边用Fireworks做网页,一边用Photoshop抠图了,既省去了导来导去的麻烦,又为可怜的机器节省了PS所需的内存。下面用Fireworks 8和一张翅膀需要细致抠图的蜻蜓图片为例讲解此方法。 Fireworks8以前版本要用色阶或者曲线实现,稍微烦琐一点,大家可以使用我做的Fireworks通道插件,具体使用方法看此教程下面的视频教程。 此插件可以在Fireworks MX20048 (其他版本没有测试)中添加八条通道命令,这样在Fireworks中就可以像在Photoshop中一样方便的使用通道功能了。 (例图) 1、将需要处理的图片复制一份,并画两个与图片大小相同的黑色矩形,将4张图对齐,并在层面板里按(图1)所示关系排列: (图1) 2、将第1层的混合模式改成“饱和度”,第2层的混合模式改成“红”、“绿”、“蓝”中任意一种,此时所显示的效果即和Photoshop中的RGB对应通道完全相同,和Photoshop一样,要选择一个比较理想的通道。我选了绿(G)通道,效果如(图2)所示:

Fireworks 8 寻梦之旅(8):制作逼真的水珠
实例:添加逼真水珠 本例主要通过使用叠加混合模式的操作,来给素材图片上的荷叶添加两滴逼真的水珠,按照惯例,教程开始前,先来看看效果图。 素材文件下载(150KB, Winzip压缩) 源文件下载(299KB, Winzip压缩) 1、打开本例提供的素材文件。 2、在荷叶上绘制一个圆形对象,描边色设为无,填充类型选择渐变里面的放射状填充,颜色设为“#FFFFFF-#666666-#FFFFFF”,具体设置请参看下图所示。 3、在400%视图下,调整圆形对象的填充手柄,本例调节后填充手柄显示如下图所示。

Fireworks 8 寻梦之旅(9):制作弹出菜单
六、CSS格式弹出菜单制作导出 有关弹出菜单的制作方法,不是我们本部分的讲授重点,有关CSS格式控制的地方,才是需要我们注意的。所以本小节就通过一个简单的弹出菜单的制作讲解,使大家对于Fireworks 8里面新增的CSS格式化菜单有一个初步的了解和印象,以更好的进一步的来使用它。 源文件下载(37KB, Winzip压缩) 1、打开Fireworks 8,新建一个文件,文件的大小可以根据菜单的大小直接来设置。在编辑区绘制需要在页面上显示的菜单。 2、使用工具箱的“矩形热点”工具给菜单栏直接插入热区,不做转化为按钮元件的操作了。 3、选中“新书推荐”栏所在热区,选择菜单“修改|弹出菜单|添加弹出菜单”命令。在“内容”设置对话框内,将弹出菜单内容的文本、链接及其目标等都设定完毕,单击“继续”按钮,转到“外观”设置对话框。 4、在“外观”设置对话框内,选择单元格格式为“HTML”,将字体、文本大小、弹起状态、滑过状态的文本、单元格颜色都做一个设置。设置完毕,单击“继续”按钮,切换到“高级”设置对话框。

Fireworks8绘制精致指南针图案
本文中我们用Fireworks 8来绘制一个精致的指南针图案。 完成效果如下: (图01) 首先,设置画布大小为128x128像素,底色为白色。(图01) 用椭圆工具画一个90x90的正圆形,并水平、垂直对齐于画布;(图02) (图02) 改变填充类别为线性渐变,增加并调整渐变颜色;(图03)

如何在Fireworks 8中创建非矩形切片
创建非矩形切片 当试图将交互性附加到非矩形图像时,矩形切片可能无法满足需要。例如,如果打算将变换图像行为附加到切片,而切片对象互相重叠或者形状不规则,则矩形切片可能会与交换图像交换出非您所要的背景图形。Fireworks 解决此问题的方法是:允许您使用"多边形切片"工具绘制任何多边形形状的切片。 您也可以在矢量路径的顶部插入切片,以便创建不规则的切片形状。 若要绘制多边形切片对象: 选择"多边形切片"工具。 单击以放置多边形的矢量点。"多边形切片"工具仅绘制直线段。 当在具有柔边的对象周围绘制多边形切片对象时,请确保包括整个对象,以免在切片图形中创建多余的实边。 若要停止使用"多边形切片"工具,请从"工具"面板中选择另一个工具。不必再次单击第一个点以关闭多边形。

如何在Fireworks 8中创建HTML切片
创建 HTML 切片 HTML 切片指定浏览器中出现普通 HTML 文本的区域。HTML 切片不导出图像,它导出出现在由切片定义的表格单元格中的 HTML 文本。 如果要快速更新出现在站点中的文本而无须创建新图形,则 HTML 切片很有用。 若要创建 HTML 切片: 绘制切片对象并将其保留为选定状态。 在"属性"检查器中,从"类型"弹出菜单中选择"HTML"。 单击"编辑"。 在"编辑 HTML 切片"窗口中键入文本,如果需要,通过添加 HTML 文本格式设置标记来设置文本的格式。 注意:或者,可以在使用文本编辑器或 HTML 编辑器(如 Macromedia Dreamweaver)导出 HTML 后,将 HTML 文本格式设置标记添加到 HTML。 单击"确定"以应用更改并关闭"编辑 HTML 切片"窗口。 您输入的文本和 HTML 标记以原始 HTML 代码的形式出现在 Fireworks PNG 文件中切片的正文上。 注意:在不同的浏览器以及不同的操作系统中查看 HTML 文本切片时,它们的外观可能会有所变化,这是因为浏览器中可以设置字体大小和类型。

iPhone手机主题图标制作详解
上次跟大家介绍了在魔秀www.moxiu.com在线制作iPhone手机主题的方法,得到了不少朋友的热烈支持,大家对打造自己的手机主题产生了极大热情。有不少朋友看了我用的图标,觉得很漂亮,也想自己尝试制作主题图标,不过不知道如何操作,现在我就简单得跟大家说一下iPhone的透明图标如何制作。说一些,我使用的软件是Fireworks8.0,对于用PS的朋友处理方法是一样的。PS:顺便说一下,魔秀的iPhone主题制作已经能够支持Finder、Itunes、Rss、Installer、SummerBoard等常用软件的图标更换了。 首先找一个喜欢的图片用软件打开。选择魔术棒这个工具,图中红圈处 选择背景框用魔术棒点一下,如图 接着按一下键盘的“delete”键,将背景删除。如下图。 这时候基本的图标已经有雏形了。然后就需要对图片进行细致处理。点击导航的修改—画布—画布颜色,选择自定义,然后挑选一个与图片反差大的颜色。这里我选的蓝色。 按住键盘“Ctrl”键同时向外滚动鼠标将图片放大。

Fireworks 8打造美丽的雨后蝴蝶
Step 1:启动Fireworks 8,打开需要一幅蝴蝶的图像,然后选择“编辑”>“克隆”,将图像克隆两次,如图1所示。 提示:可以使用克隆的快捷键Ctrl+Shift+D。 Step 2 – 现在我们需要做一个水珠遮罩,在层面板中选择最上面的一层,然后选择“滤镜”>“调整颜色”>“色相和饱和度”,调整饱和度参数为-100。 Step 3 -选择“滤镜”>“杂点”>“新增杂点”,在弹出的杂点窗口中设置参数如图2所示。提示: Step 4 -选择“滤镜”>“模糊”>“运动模糊”,参数设置如下:角度 = 127; 距离 = 5。 提示:可以通过设置运动模糊来改变水滴出来的位置。 Step 5 -选择“滤镜”>“模糊”>“高斯模糊”,参数设置为:模糊范围 = 3.3,效果如图3所示。