推荐阅读
调出唯美艺术效果的夜景人像照片的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优化网页图像详解
网页图像的要求是在尽可能短的传输时间里,发布尽可能高质量的图像。因此在设计和处理网页图像时就要求图像有尽可能高的清晰度与尽可能小的尺寸,从而使图像的下载速度达到最快。为此,必须对图像进行优化。 在Fireworks 中,所有的优化操作都可以利用“Optimize”面板在工作环境中直接进行,优化设置仅用于输出图像。因此,用户可以自由地对图像进行优化并调整其优化设置,而不必担心会损坏原图。并且可以通过预览不同的优化结果,随时根据需要对图像进行修改。另一种简便快捷的优化方法是使用Fireworks的“Export Preview”对话框在图像的导出时进行优化。 设置好优化输出参数后,即可按照所做设置输出相关文件了。此外为了能够借助其他软件(如Photoshop等)继续处理文档,用户也可将文档以选定其他格式(如PSD等)输出。 了解了Fireworks优化图片的方法,在其他的图像处理软件中,大家也能轻松掌握图像优化的类似应用。 一、图像优化步骤和方案选择 (一)利用优化面板设置图像优化的步骤 1. 打开一幅文件,并在图像编辑窗口中打开Preview、2-up或4-up选项卡。 2. 在“Optimize”面板中选择文件格式,如图1所示,此时应根据文件类型选择不同的文件格式。例如,如果图中重复颜色区域较多的话,则适于使用GIF格式,对于这种格式,可相应地使用“Dither”(抖动)来补偿因颜色减少而造成的图像质量下降。对于JPEG格式,可使用“Smooth”(平滑)来使图像稍微模糊,从而减小图像大小,一般照片使用 JPEG格式可能更好一些。图1 选择文件格式 图2 颜色设置 (二)优化方案的选择、设置以及增删 1. 选择内置优化方案 在Optimize 顶部设置的Setting下拉列表中,用户可选择系统内置的一些优化类型。Fireworks中提供了6种优化方案,各优化类型的意义如下: ・ GIF Web216:将所有颜色都转换为216种Web安全色。 ・ GIF WebSnap 256:将非Web安全色转换为最接近的Web安全色,调色板最多包含256种颜色。 ・ GIF WebSnap 128:将非Web安全色转换为最接近的Web安全色,调色板最多包含128种颜色。 ・ GIF Adaptive 256:此时调色板只包含图形中使用的实际颜色,并且调色板最多包含256种颜色。 ・ JPEG-Better Quality :设置质量为80、平滑度为0,此时图像质量较高,但文件尺寸也较大。 ・ JPEG-Smaller File :设置质量为60、平滑度为2,此时文档尺寸比JPEG- Better Quality减少一半,但同时质量也将大幅度下降。 * 如果使用GIF或PNG格式,还应设置图像的透明颜色,Fireworks MX 2004共提供了三种透明模式供选择:No Transparency (不透明模式),Index Transparency (索引色透明模式)和Alpha Transparency (Alpha透明模式),其中Alpha透明为通道透明色。透明效果在Firewoks MX 2004中以白色和灰色小方格相间的形式表示。如图3所示.图3 设置透明色 在不透明模式中,图像中未定义的地区以底色填充。 索引色模式指的是将调色板的某些颜色设置为透明色,图像中所有这些颜色的像素点都被作为透明点导出。 注意:当图像中本来有这种透明颜色的时候,有用的像素也被透明显示。 要改变透明色的设置,最简单的方法是使用优化面板左下方三支吸管工具,其功能如下: ・ 在预览区单击 即可添加透明颜色。 ・ 在预览区单击 即可移除透明颜色。 ・ 在预览区单击即可选择透明颜色。
Fireworks动画优化与导出详解
制作GIF文件的软件很多,常见的有Animagic GIF、GIF Construction Set、GIF Movie Gear、Ulead GIF Animator等。Fireworks MX 2004在制作GIF动画上有着强大的功能。动画制作完成之后,就需要我们对其进行优化以达到最佳的显示效果,并且经过导出设置以及预览等步骤,最终将其导出为GIF动画格式。下面我们就来看看GIF动画的优化和导出过程。 一、优化动画 GIF动画的优化与我们在第五章提到的对其他图像的优化方法一样,可以利用优化面板和导出预览两种方法来对进行。下面分别对这两种方法加以介绍。 1. 利用优化面板 点击“Windows”菜单,打开如图1所示的Optimize面板。 图1 Optimize面板 在导出文件类型中选择GIF动画选项,用户可以通过设置Matte(色版)、Colors(颜色)、Dither(抖动)、透明度等选项来达到对显示效果的优化。 2. 利用导出预览对话框 在“File”菜单中选择“Export Preview”(导出预览)选项,打开如图2所示的导出预览对话框,同样可以对动画进行相应的优化设置。图2 导出预览对话框 二、导出设置
一起来视频聊天!Fireworks绘制逼真摄像头
想视频聊天但却没有摄像头,这可怎么办?别急,这就为大伙送上一个!最终效果图 启动Fireworks,新建一个450*400大小的画布。在“工具”面板中点选“椭圆形”工具,然后在画布上先画一个179*179的正圆。接着在“属性”面板里将该圆的笔触颜色设置为无色。在“填充类别”里选择渐变选项中的“椭圆形”,然后在填充色的预选框中设立三个颜色滑块,其色彩数值从左至右依次为:#FFFFFF、#EAEAE8、#ADADAD。回到画布区后,再用“指针”工具调整该“椭圆形”渐变的填充手柄,如图01。图01 将该圆形对象进行复制,然后改变复制对象的填充手柄,使填充色的中心向右侧偏移,效果如图02所示。然后在“属性”面板的填充色预选框中为其设置两个渐变滑块,色值分别为:# 8E8D8A、# EDEDEF,而色彩滑块上的三个不透明度滑块的百分比从左至右则依次为:100%、93%、0%。图02
Fireworks制作隐藏影像
准备工作新建画布2x2px,背景白色。放大至1600%.用铅笔工具取消抗锯齿功能(Anti-Aliased)在画面对角点两黑点。输出成dots.gif,如果单纯存为dots.png也行。记得图片的路径,稍候待用。这张图太小了,大家拿放大镜来看。:P挑一张特别花哨的图片,可以完美地隐藏我们需要隐藏的图。在FWMX内打开该图。画一白色矩形于其上。在材质填充上,选Others...来调用我们刚准备的微型图,设置Amount of texture 100,并勾选透明选项。调入我们打算隐藏的图案,嘿嘿,准备吓一跳吧!
Fireworks制作钟摆式公告牌摇摆动画
今天我们用Fireworks制作一个钟摆式的公告牌。 先参阅一下效果图。 1、新建一个文件,画布背景颜色选取白色。同时将画布大小设置稍大些。 2、使用Fwmx2004的矢量工具,绘制圆角矩形,自选一种纹理效果填充,如图。 3、输入文字。 4、在圆角矩形右、左上角绘制小圆形,如图所示。 5、添加辅助形,找到该圆角矩形的中心点位置,如图。 6、在中心点上方垂直辅助线上绘制渐变效果的小圆形,以及两根斜直线段,复选该圆形及斜直线对角,组合并移至最后,使用钢笔工具,分别在两个白色小圆形上绘制曲线。如图。 7、群组(Ctrl+A、Ctrl+G)所有对象,一个简单的公告牌效果就简单制作完成了。现在进行动画效果的制作。 8、克隆群组后的公告牌,使用工具栏中的缩放工具,分别对画布中显示的公告牌进行旋转处理,如图。 9、复选这两个对象,并按垂直居中与水平居中进行排列,如图。
创建动画(Animation)(上)
创建动画(Animation)(上)gif动画是web创作中不可缺少的部分,从前web设计师们需要一帧一帧绘制出静止的图象,然后将他们摆放到专门的gif动画软件中再加工,其步骤之烦琐让人望而生畏。但是Fireworks的出现彻底改变了这一切,不但所有的步骤可以在Fireworks中完成,而且简洁方便,Fireworks4的动画创作工具更是比以前的版本有了新的提高。现在我们就来创建一幅动画,同时体会Fireworks强大的功能。首先在画板上绘制一个矩形,如图:将它转化为动画(Animation),使用菜单Insert->Convert to Symbol或者使用快捷键F8,在弹出的窗口中选择Animation,接下来的窗口会要求你设置动画的运动方式,你可以在后面的object面版中随时修改这些参数,所以暂时不管先ok,这样一个Animation就创建好了。Animation是符号的一种,符号类型的对象在左下角都会有一个箭头的标志,在这里先要说明一下3种不同的符号(Symbol)类型:
创建动画(Animation)
创建动画(Animation)(下)刚才我们已经创建了一个动画,如果以传统的方法来实现这个效果所需要花费的工夫简直难以想象,现在Fireworks都为你做好了。现在我们来看一下Frames面版,选择Window->Frames打开它。在Frames面版中可以看到有Frame1-Frame15一共15帧,这就是刚才在object面版中设定帧数时自动生成的,每一帧右面的数字7代表帧的延迟时间,它是以百分之一秒为单位的,即100为一秒,你可以点击右上角的箭头,在菜单中选择Properties来设置每一帧延迟的时间。点击左下角的Onion SKINning按钮会出现“洋葱皮”菜单。“洋葱皮”功能可以帮助你不用在帧之间前后切换就可以对动画进行平滑处理。“洋葱皮”一词来自于传统的动画技巧,当时是使用非常薄的,半透明的描摹纸来查看动画序列的。当“洋葱皮”功能开启后,当前帧前后帧的对象就会显示出来,不过颜色非常暗淡,这样你就能够同当前帧的对象区分开来了。“洋葱皮”菜单*有以下这些选项:
创建按钮(Buttons)和导航条(Navigation Bars)(上)
创建按钮(Buttons)和导航条(Navigation Bars)(上)按钮是网页中应用极多的元素,众多的按钮就形成了导航条,导航条的作用就是要让浏览者清楚知道当前所处的位置,并且通过导航条可以方便的将浏览者带到其他的地方而不会迷失。因此按钮表现有以下几中状态: 一切都完成后,我们关闭按钮编辑器,回到通常的编辑界面,这时可以看到画板上出现了一个带有切割和热区的按钮,选择这个按钮,在左下角会出现一个小箭头,这是符号(symbol)的标记,因为按钮正是符号的一种。你可以移动这个按钮到你希望的位置。切换到preview状态,你可以马上看到这个按钮的效果。选择Window->Library打开Library面版,你可以看到刚才所创建的这个按钮,在Library面版中双击这个按钮可以再次打开按钮编辑器对按钮进行编辑。

