推荐阅读
调出唯美艺术效果的夜景人像照片的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
最新发布
FrontPage教程:网页制作基础知识
1、网页及其组成通过浏览器在WWW上所看到的每一幅画面都是一个网页（Web Page），如图1-1所示。 图1-1 网页是网上的基本文档。网页中包含文字、图片、声音、动画、影像以及链接等元素，通过对这些元素的有机组合，就构成了包含各种信息的网页。其中，文字是网页中最常用的元素；图片可以给人以生动直观的视觉印象，适当运用图片，可以美化网页；链接的设计，可以使我们进行选择性的浏览；声音、动画等多媒体信息的加入，使网页更加丰富多彩。 2、常用的网页制作工具 syku.net 最初，人们利用超文本标记语言（Hypertext Markup Language，HTML）在文本编辑器中制作网页，用来描述网页的结构，但在编辑时不能直观地描述网页在浏览器中的效果。因此，只有熟练掌握HTML 语言的专业人员才能用它制作网页。后来出现的一些网页制作工具（如CDIDA软件），虽然降低了对HTML语言的要求，但是要实现某些功能，还必须输入相应的HTML代码。FrontPage系列软件的问世，才将人们从HTML代码中解放出来。用FrontPage软件制作网页就像在文字处理软件中编排多媒体文档一样，具有“所见即所得”的特性，而真正描述网页结构的HTML代码，则由FrontPage自动生成。这样，大家都可以方便地制作自己的网页。目前，使用较多的网页制作软件除了FrontPage外，还有Flash、Dreamweaver等。 本教程教你学会使用微软公司的FrontPage2000，学会干什么？当然是做你的个人主页啦。或许你认为制作主页是一门很深奥的工作，需要懂得大量的计算机知识。我现在要告诉你，你错了。在这个流行图形操作系统的今天，制作主页不再需要你去学习复杂、烦躁的HTML语言了，你只需要知道一个概念：主页（也称网页，怎么样称呼都无所谓，一般以index.htm或default.htm为名）就象一张白纸，你可以在上面写字、画画等等，通过自己的设计，那张白纸可以变成很漂亮。做主页时就是这个概念，只不过我们写字，画画是用笔和白纸，而做主页我们是用鼠标、键盘和FrontPage：） 当然制作网页的工具不单只有FrontPage2000，还有许许多多好用的工具。但是对于初学者来说，FrontPage2000是最好不过了，因为它操作简单，方便使用，最适合初学者。或许你下了决心要做一个专业网页制作人员，要学会更多更专业的网页制作工具，但是我还是希望你先学习使用 FrontPage2000，打好扎实的基础怎么样也好一点对吧。 syku.net
FrontPage教程:编辑网页
1.视图与模式（一） 赛酷网 现在进入FrontPage。单击任务栏“开始”按钮，选择“程序”选项，单击“Microsoft FrontPage”选项就可以了。可能你会发现FrontPage界面和Word很相似[图2－1]，这是因为编辑WEB页面和编辑Word文档有很多同样的设置，这些设置所用的图标和 Word中的是一样的。 syku.net [图2－1]FrontPage2000 界面 视图中的组框是用来切换视图的，单击里面的小图标就可以切换到不同的视图。FrontPage共有6种视图[如图2－1左]，使用不同的视图可以从不同的侧面查看设计的WEB站点。对一个WEB站点而言，不断更新是很重要的。随着站点的成长，维护站点的工作量会越来越大。建立站点可能很快，但是如果没有这6种视图的帮助，维护起来就很困难了。 这些视图的使用不用一下就全部掌握，只要知道有这些视图就可以了。 syku.net2.视图与模式（二） 下面看一看同一个WEB站点在不同视图中是怎样显示的。 (1)单击“网页”按钮，切换到网页视图，再单击工具栏上的“文件夹列表”按钮 ，窗口中增加了一个文件夹列表框[图2－2]。网页视图是用来显示选中的网页的，双击文件夹列表中的某一个HTM文件，在最右方的工作区中就会显示该网页的内容。
XHTML语义标签：关于H1位置的讨论
XHTML具有语义的标签：有关H1位置的讨论 最近对H1的讨论很多（在文章内容页中），大致有以下两种情况： 1、H1应该用于文章的标题上 2、H1应该用于站点的标题上 相信大多数人都偏向第一种方式：用于文章标题上，从文章的角度上看，用户进到内容页里，想看到的当然就是文章的内容，文章标题理所当然是最重要的、最应该突出的。 OK，以上是在文章的角度看的，如果在页面的角度看呢？ 页面中除了文章内容、由内容引伸出来的链接外，还有导行、广告、搜索等跟文章内容无直接关系的内容。在页面中，文章只是其中的一个组成部分，从语义的角度来讲，一个页面中只有一个大标题（H1），用于概括页面的内容（包括非文章的部分）。所以，H1用于站点标题上比用于文章标题要更准确些。注意H1跟title是不一样的。 这里也解决下在讨论中有些同学提出的想法： 1、有关SEO的问题（H1对SEO有影响） 2、有关语义的问题 这两个问题是有矛盾的，有时候做SEO就得放弃语义，以国内做SEO的手段，基本无语义可言。可悲的是现在做站的同学基本都着重于SEO。 H1对于SEO是有影响，但还不至于非它不可，它的权重比页面头部的信息要低得多，何不用心做好页面的头部信息呢？而且做好了语义化，对SEO并无不好的影响，为什么非要钻这牛角呢？
标题标准化设计解决方案之标记语言
标准化设计解决方案 - 标记语言和样式手册 Web Standards Solutions The Markup and Style HandbookPart 1: Get Down With Markup 从标记语法谈起Chapter 2 标题总览:不但所有网页都需要有标题,而且如果标记正确的话,他们能为网页设计和易用性增色不少.从外观来说,网页的标题通常是使用较大的字号,或许会用和主体文字不同的颜色或者字体.标题的作用是"简要的描述往后章节所讨论的主题",W3C这样描述 ― 显示网页内各个段落的概要.怎样来创建一个页面标题来使得我们要展现的信息得到最有效的利用?在这个章节中,我们将研究几种常用的处理标题的方法,试着从中找出其中一种对我们最有帮助的方式,然后,我们将使用一些css的技巧和窍门来为最棒的方法装饰一番.创建文档标题的最好方法是什么?在回答这个问题之前,让我们假设现在正要把标题放置在文档的页首,我们来看看能够达成类似效果的三种方式.方法A:有意义吗?
利用JS调用广告的优势
有些“广告”功能用的是iframe调用的，现在用这个调用的越来越少了，不少广告商都是不允许的（因为iframe对应的是个只包含了广告的页面），而采用JS来调用则大都会接受（JS文件不能直接在浏览器下显示）。 采用JS调用的好处就是以后修改广告的时候很方便，不用重新生成页面，只需更新JS文件即可。 第一步，将广告代码（html形式）转换为JS： 具体方法就不用说了。 第二步，将转换后的JS代码复制，新建一个文本文档，将JS代码粘贴进去，然后“另存为”，文件格式那里选“所有文件”。文件名字的后缀记得要用js,比如命名为hufu.js 第三步，将JS文件上传到服务器上。比如传到A文件夹下。 第四部，打开模板文件，在你需要加广告的位置加上<script type="text/javascript" src="A/hufu.js"></script>代码。 其中src="A/yixuan.js"就是js文件的保存路径，根据具体情况自己修改。
Fireworks为枝繁叶茂的树木图片抠底
本例中我们尝试用Fireworks的通道为下面这幅照片中枝繁叶茂的大树抠图去底。 1、复制源图。 2、选中上层图片，调整“色阶”里面的“输出色阶”选项：红色――0 0、绿色――0 0、蓝色――0 255。 3、添加“颜色填充”效果，设置如下： 4、再次调节色阶，这次需要利用“选择阴影颜色”和“选择高亮颜色”两个小吸管调整黑白场，左面的吸管吸取的颜色为“黑场”（既：用它选中点的颜色以及比他更深的颜色都变为最深色（黑色）），同理，右面的吸管用来设置“白场”。 5、黑白场调整后如图：
自定义Firework命令轻松批量调整图片
网站图片如果体积太大，就会增加服务器的负担，浏览速度也会受到影响。而我们拍摄的或者取得的图片大小和容量一般都比较大，我们就需要对图片大小和质量进行调整。如果是一组照片，还需要批量调整。 Firework为网页制作三剑客之一，是我们常用的网页图片制作工具，下面介绍如何在firework中批量调整图片的方法。 一、将调整图片的步骤记录到命令中 1、 运行Firework8，选择“文件”――“打开”，在“查找范围”选择图片所在的目录，将选择图片，按“打开”。(见下图1.jpg) 2、 选择一图片，如选1.jpg 3、 调整图片大小，选择“修改”―“画布”―“图像大小”，“像素尺寸”宽设置成“420”像素，设成“约束比例”，按“确定”。(见下图2.jpg) 4、 调整图片品质，图片的品质越高，生成的图片容量就越大，将图片设成相对低一点品质，可以控制图片容量的大小。点击“优化”，可以看到这幅图片的品质值是“86”，那么我们在下拉菜单中选择“JPEG-较高品质”，这时的“品质”值是“80”，当然您也可以直接在品质中输入“70”。(见下图3.jpg)
Fireworks轻松绘制banner广告
Banner，一般翻译为旗帜广告、横幅广告等。Banner是网站用来作为盈利或者是发布一些重要的信息的工具。Banner在设计上应该要做到制作美观、方便点击、与网页协调和整体构成合理。 本文中我们用Fireworks来制作一个变色的Banner，从中我们可以掌握符号（symbol）的使用、补间实例动画（tween instance）的制作、层(Layers)和帧(Frames)的基本用法，结尾进行精彩的技巧总结。文章末尾提供原文件供大家下载参考。 完成效果如下： （1）首先我们新建一个大小为468×60的文件，并设置画布颜色为黑色，如图1所示。 图1 新建一个文件 （2）然后我们导入一个要进行变色效果的位图文件，如图2所示。当然我们同样可以使用绘图工具绘制这个图像，这里是为了方便讲解选用外部图像的。 图2 导入位图
Fireworks CS5、CS4、CS3版本功能比较
Adobe Fireworks CS5 软件使用户能为 Web 以及几乎任何设备（比如智能手机、报亭到嵌入式屏幕等）创建充满表现力、高度优化的图形。制作出能以矢量和位图模式编辑的网站、用户界面以及丰富的原型。 用户可以在 Fireworks 中构建原型，然后将带有外部样式表、符合标准的、即将完工的 CSS 版面导出到 Dreamweaver 中。 下面我们将Adobe Fireworks CS5、CS4、CS3这几个版本的功能做一个比较。