推荐阅读
Photoshop绘制磨砂风格的清凉立夏壁纸设计教程
效果图思路分析画之前先来看看小笔记【一】草稿我的草稿比较简洁(承认偷懒了)，希望大家不要这样，尽量能画精细就精细点，因为线稿对于上色来说很重要，如果线稿精细点的话会影响后面的上色环节，上色时会一脸懵逼状。【二】上色图层名字方面不用参照我的，按自己习惯来就行。(这用到的上色笔刷前面有提到名字，不知道的可以去前面看看。
那些不为人知的Photoshop高效操作秘籍
作为一名画图工，常年被改稿狂魔的蹂躏后，虽然不敢说能完全掌控 photoshop 这个常年崩溃的小婊砸，却在日常的操练中发现很多让我觉得“阿西吧，还能酱紫”的技巧。在这里和大家分享下，虽然有的技巧比较奇葩，但是如果小伙伴掌握了，必定能提高自己50%的操作效率(瞎扯)，与 Photoshop 和谐共处，远离加班，无忧改稿。自定义快捷键玩 ps 就好像玩 mmo 游戏，通过键盘释放技能的人 kpm 明显高于在屏幕上点点点的人。Photoshop 提供了非常丰富的快捷键并支持自定义，记住常用的快捷键可以节省大量的操作步骤，进阶级玩家还可以自定义快捷键，一键对齐、切片。自定义快捷键：编辑->键盘快捷键或者Shift + Option + Command + K调出自定义面板。下面推荐一些隐藏得比较深但是炒鸡实用的快捷键：数字19：选中一个图层按19可以调节当前图层不透明度，如按1为10%不透明度，快速连按59为59%不透明度。/：锁定当前图层，使之不可移动。按住 alt 再点按当前图层的小眼睛：只显示当前图层。shift+数值调整：在很多数值调整的情况下，按住 shift 再调整数值可以使数值以10的倍数进行增减，如 shift+方向键下，以 10px 的倍数向下移动图层。
形状编辑与交互式设置花蝴蝶
利用交互式工具可以制作出一系列特殊效果，通过变形对象，给对象添加新的元素或改变对象外观等多种操作，使其达到不同的效果，本节以制作蝴蝶为例，介绍交互式工具的使用。花蝴蝶预览效果图步骤1 新建一个空白文件执行【文件】|【新建】命令，建立一个新的文件（或按键盘上的Ctrl+N快捷键）。步骤2绘制蝴蝶翅膀在工具箱中选择【贝塞尔工具】，鼠标在工作区变为形状，在图层中拖动鼠标，绘制不规则图形如图1-4-1所示。
个人首页制作诀窍
1.首先主题选择不要落俗！现在许多的个人主页就象“大锅饭”。题材包罗万象，内容雷同无味。人人都是“软件速递”“音乐宝库”“主页教程”等等。让我一看就赶紧“back”，我可是花钱上网的噢！题材的选择少而精，又能坚持天天更新的话，会很快受到大家的欢迎，就象书路的电子图书，龙翔的游戏资讯。另外提醒您的一点就是，最好不要在主页里设有关hacker（解密，注册码）的资料，国内大部分的免费空间提供商都不接受含此类信息的站点。 2.如果您准备建立新的个人首页，千万不要立刻开始制作页面。一定要好好的想一想，总体规划一下整个网站的结构。特别要考虑到网站的维护更新方便。一时兴起，想到什么就作什么，往往会使您的网站，虎头蛇尾，条理混乱，最终因维护困难而夭折。 3.开始制作请您千万不要急着许多页面一起制作。许多新手会及不可待的将收集到的各种资料填入各个页面，转眼首页速成，成就感喔！可等您回过味来想要修改一些页面元素时，却发现一页一页改的好辛苦！建议您先制作有代表性的一页，将页面的结构，图片的位置，链接的方式统统设计周全，例如：每页设置“返回首页”的链接，Email地址，版权信息等。然后copy成N个页，再将相应的内容“填空”。这样制作的主页，速度快，整体性强。如果您能结合borders的使用,可以天天轻松改变站点的风格。 4.制作时，内容不要全搬照抄他人的内容，适当加入一些自己的文章，评论和见解，会使大家更加相信您，尊重您。例如翻译一些英文教程，写作一些软件的用法，分析一些实例制作过程。毕竟是个人主页，要体现您的个性，风格，让大家了解，接受您的观点，是个人主页的精神所在！ 5.每个页面不要使用超过2个的java程序，能够用javascript替代效果的则尽量不要使用java。因为目前来讲java的运行速度实在慢的让人无法忍受。java会使您的网页速度减慢至少50%。由于浏览器的版本，有时候等候半天，却告诉您java applent不能启动，这种经历相信您也有！ 6.单张图片不要超过30k，每页图片总量不要超过60k（一般情况）。据统计分析，每页不超过60k图片的网页，其下载速度是可以让人接受的，所有的图片都必须“减肥”小图片（100x40）一般可以控制在6k以内，动画控制在15K以内，较大的图片可以“分割”成小图片。合理采用jpg和gif格式也是至关重要的，色彩鲜艳高分辨率的用jpg，色彩单调低分辨率的用gif，采用gif89a格式的图片在download时能交错显示。 7.设置一个专门的“what's new”页面。及时醒目的告诉来访者您主页最新更新的内容，这样能方便常客浏览和寻找他们所需要的内容。许多好的主页干脆将首页的内容作成“what's new”如“欢乐天地”“华军主页”，让您一目了然，不致于层层深入，一无所获。 8.为您的图片加注解。图片的下载较慢，在没有显示出来时注解的标注有助于让浏览者知道这是关于什么的图片，是否需要等待，是否可以点击。特别考虑到纯文本浏览者浏览的方便，您千万抽空为图片加一个注解。这是一个小地方，却体现一个网页的制作水准哦！ 9. 备份您的主页。您要说了，这也算窍门？象在凑数！千万千万不要这样想。“机有不测风云”，现在系统大战，软件Bug百出，病毒横行的年代，您保不准什么时候机器罢工，辛辛苦苦制作的网页付之东流。这样的“惨痛教训”我可不止一次了。算俺罗唆也好，杞人忧天也好，您就备份了罢！
最新发布
ImageReady CS新功能掠影（1）
[前言] Adobe ImageReady刚诞生时是作为一个独立的动画编辑软件发布的，直到Photoshop升级到5.5版本的时候，Adobe公司才将升级到2.0版本的ImageReady捆绑在一起，搭配销售，弥补Photoshop在动画编辑以及网页制作方面的不足。ImageReady具备Photoshop中常用的图像编辑功能，同时ImageReady更提供了包含了大量网页和动画的设计制作工具，功能强大也非常实用。 Photoshop7.0发布的时候，ImageReady一下子就同步升级到了7.0，今年Adobe 今年Adobe CS套件发布，ImageReady也就一同升级成为崭新的ImageReady CS。 点击ImageReady CS漂亮的羽毛图标，我们一起来看看新的ImageReady CS都带给大家什么样的惊喜。 一、新的工具栏 ImageReady CS的工具栏有一些变化，许多工具也进行了重新合并分组，我们将它和ImageReady 7.0的工具栏做一个细致的比较，并着重介绍新增的“矩形工具”和“药丸矩形工具”…… 二、新增LayerComps面板 和Photoshop CS一样，ImageReady CS增加了LayerComps面板，可以在一个文件中保存不同的层组合效果，以便对各种效果进行快速察看…… 三、新增Web Content面板 经笔者使用发现这与ImageReady7.0中的Rollovers面板功能相近，只不过它将常用的一些面板进行组合，使用此面板能够快速浏览所有的行为切片(Slices)，动画帧(Animations)、Map热区(Image Maps)，有一个方便的操作面板并能通浏览器方便的看到其运行结果。而且可以快速嵌套行为切片、添加行为片段等等，最重要的是可以在一个文档中建立多种切片方式，在新建动画帧时同时新建层…… 四、丰富的Slice面板 在Slice面板中又添加了许多内容，用户对热区的属性指定变得更加方便…… 五、新增的Table面板 ImageReady CS新增了Table面板，用来调整嵌套行为切片属性…… 六、新建预设
ImageReady CS新功能掠影（2）
可以在一个文件中保存不同层使用了不同模式的效果的合并效果，以便对各种效果进行快速察看。 首先我们打开几幅图像，将其它几幅图拖动到要选做效果的图像中，给各图层改名后，开始对图像模式以及样式进行第一次改变，改变后在菜单“Windows”下选择“Layer Comps”选项，单击“新建多个图层合并效果”按钮。 这时会弹出“New Layer Comp”窗口，在此输入其名称并对所要应用的层状态进行选择，这里有三种选择： Visibility――可见度 Position――位置 Appearance――外观，也就是图层样式 最下方还有对于其效果的注释。 单击OK按钮后，这个图层样式合并效果就自动保存在刚新建的Layer Comp层中了，这时我们再单击Last Document State图层前的按钮，回到这一层，开始调整第二次要保存的模式样式类型，调整完后再再新建Layer Comp层，单击新建按钮后，效果又会被保存。当要查看合并效果时，只要单击“Layer Comp”面板前各层的小方块即可进行查看。三、新增Web Content面板 经笔者使用发现这与ImageReady7.0中的Rollovers面板功能相近，只不过它将常用的一些面板进行组合，使用此面板能够快速浏览所有的行为切片(Slices)，动画帧(Animations)、Map热区(Image Maps)，有一个方便的操作面板并能通浏览器方便的看到其运行结果。而且可以快速嵌套行为切片、添加行为片段等等，最重要的是可以在一个文档中建立多种切片方式，在新建动画帧时同时新建层。
ImageReady CS新功能掠影（3）
Table面板是用来调整嵌套行为切片属性的面板。 六、新建文件尺寸预设 ImageReady CS在新建文件时提供了常用的一般网页所用的尺寸以及一些广告大小预设，比起ImageReady7.0更细致贴心。 七、输出Flash动画 从来没有想过ImageReady 也能够将动画输出成.swf格式吧！现在网上流行Flash动画为主的.swf格式，不但体积小而且方便，所以在ImageReady CS里也特意为大家准备了能够以.swf格式输入的功能。只要选择主菜单中选中“File”下“Export”中的，就会弹出输出.swf格式的设置框。 在这个对话框中设置其背景颜色、格式以及画面质量等信息。 单击OK后就会弹出一个选择输出路径的对话框，选择要输出.swf文件的目录文件夹，单击“保存”，这时再去看看吧，在这个文件夹里是不是多了一个.swf文件呢？
ImageReady CS新功能掠影（8）
在这个对话框中设置其背景颜色、格式以及画面质量等信息。 单击OK后就会弹出一个选择输出路径的对话框，选择要输出.swf文件的目录文件夹，单击“保存”，这时再去看看吧，在这个文件夹里是不是多了一个.swf文件呢？
ImageReady2.0全面接触(2)
第三个工具是rubber stamp tool橡皮图章工具。使用这个工具可以方便的进行图形的复制。使用的时候先按住Alt键，选择复制的目标，然后就可以复制图形了。第四个按键包括了三个工具，rectangle tool（矩形工具）、rounded rectangle tool（圆角矩形工具）、ellipse tool（椭圆形工具）。通过它们可以方便的画出矩形、圆角矩形、椭圆形着弥补了Photoshop的绘图工具缺少的缺点。配合Styles浮动面板可以画出漂亮的按键。技巧：按住Shift键可以画出正方形或圆形。第五个按键也包含了两个工具，分别是eraser tool（橡皮擦工具）、magic eraser tool（魔术橡皮擦工具）。橡皮擦工具就不用多介绍了，它的主要作用就是擦除图像。魔术橡皮擦工具它的作用就是擦除相似的颜色（有点像魔术棒工具）。和魔术棒工具一样我们可以通过操作浮动面板调整容差。第六个按键也包含了两个工具，分别是pencil tool（铅笔工具)和line tool（直线工具）。用铅笔工具和Photoshop的铅笔工具的使用方法一样，这里就不多讲了。直线工具可以让我们画出直线。技巧：按住Shift可以用铅笔工具画出直线或者用直线工具画出水平线或竖直线。
ImageReady2.0全面接触(3)
Optimize（优化）浮动面板，是ImageReady2.0中的一个比较重要的浮动面板在这个浮动面板中主要是对图像的优化进行参数调节。在Settings（设置）里面由预设的参数值。如果你对它预设的参数不满意可以对下面具体的参数进行自定义的调节。如图形的格式；GIF格式时的颜色数，图像损失的程度，图像抖动程度等等；JPG格式的压缩比，品质好坏，柔化的程度等等。这些设置非常的繁多专业，可以让你在图像质量和文件大小之间做出精确的平衡。调整好以后你还可以将你的设置通过浮动面板右边箭头里的菜单保存下来，下一次使用就可直接从Settings（设置）调出来使用。而且ImageReady在做图像优化的时候还可以在图像窗口中进行不同设置的比较，在每一幅例图下面都有这种优化设置图像的大小，在网上传输图像要花的时间。甚至我们在优化的时候还可以以图像尺寸优先的方式强制规定图像的尺寸。 技巧 ：我们在优化图像的时候，如果图像的颜色较少较单纯就可以采用GIF格式这样图像的大小可以大大的小于jpg格式的图像，而且像质量优于JPG格式。 相反如果图像的色彩比较的丰富就可以采用JPG格式。Info(信息）浮动面板和Photoshop的浮动面板类似。上面显示了各种操作色彩的信息。如RGB的数值、色彩的web表示、鼠标的位置等等信息。Options(操作）浮动面板主要作用是调节工具箱里的工具的参数，在前面我们已经接触过了。由于每一样工具的参数各不一样，这里就不过多的讲述了。在Layer(层）浮动面板中我们不但可以像Photoshop那样方便的对图像进行分层，不透明参数调节，对各层进行复杂的处理，而且在ImageReady2.0中还加入了使用层对GIF动画进行控制。此外ImageReady2.0还对Photoshop的层浮动面板进行了一定的改进，增加了层滤镜按键通过它就不必在一层层的菜单里去选? 要的层滤镜了当我们的操作出现失误的时候就可以在History(历史）浮动面板钟对失误的操作进行纠正。具体的操作方法和Photoshop一样，只要选择到错误操作的前一次操作就可以挽回操作的失误了。
ImageReady2.0全面接触(4)
技巧 ：当你从色彩区中选择颜色的时候可能出现web色彩警告，这时只要点击旁边的小方块就可以自动转化为颜色最接近的web颜色。虽然色彩浮动面板的色彩丰富，但是选色不是很方便，对于常用的颜色就可以从Swatches（调色板）浮动面板里直接选取。使用浮动面板下面的添加命令可以将常用的颜色添加进去。我们在做设计的时候往往要文字，在Type(文字）浮动面板中我们可以设置文字的不同的参数。如常见的字体、字体大小、字间距、行间距、左对其、居中、右对齐、抗锯齿等，还可以设置基线位置。技巧 ：当我们需要输入平方等类型的的文字的时候可以通过改变基线位置得到。Brushes（画笔）浮动面板和Photoshop的类似，通过它可以改变喷笔或毛笔工具笔头的形状。同样用浮动面板右边箭头里的菜单中的载入画笔命令可以载入Photoshop中的一些特殊的笔形。
ImageReady2.0全面接触(5)
在这里我们可以设置色彩选择器(Color Picker)的方案（Adobe的还是system系统的）、插值算法(Interpolation)的形式（Smooth光滑还是Jagged锯齿）、以及自动抗锯齿(Anti-alia PosrScript)、保存调色板(Save Palette Loctions)、用英文显示字体(Show Font Names in English)、完成后提示(Notify when Done)、显示工具箱提示(Show Tooltips)、禁止警告(Disable Warnings)、自动增加数据(Ato-Update Files)、撤销次数(Undo Levels)。如果我们要进入下一项设置，只需按下Next按键或者在对话框上部的下拉菜单中选择即可。 下一项设置为Saving Files(保存文件）。在这里我们主要设置分割后的小块图像的文件名保存形式以及兼容的操作系统。还包括了优化图像的设置。
ImageReady2.0全面接触(6)
第三个选项为HTML设置。在这一项设置中可以让我们设置HTML的格式和编码参数，以适应不同的系统要求。第四项为Opimization(优化设置）。我们使用ImageReady的时候有四个或两个（4up和2up)优化的窗口，这个设置就是设置这四个或两个优化窗口的优化形式。比如你可以设置第一个窗口为原始图像，第二个窗口为优化为Jpg格式的图像，第三个窗口为优化为128色的Gif图像，第四个为优化为64色的的Gif图像。 第五项为Cursors(光标）设置。在这个设置中可以让我们设置光标的形状。它包括了两类光标的设置――painting Cursors（笔光标)和Other Cursors(其它光标)。通过笔光标设置我们可以设置喷笔、毛笔等工具的光标形状（Standard标准\Precise精确\Brush Size笔尺寸）。在其它光标中我们可以设置吸色工具等的光标形状（Standard标准\Precise精确）。技巧：在我们需要一些精确的操作的时候可以选择精确光标，这样光标就变成十字形状方便我们操作的定位。第六项是Transparency(透明）设置。这个对话框中主要设置图像透明的显示方式。我们知道通常透明显示为灰白相间的棋格状图形。这个对话框中可以设置这个图形的颜色（比如变为红白相间）、棋格状的大小、对比度等等。最后一项是设置Plug-ins & Scratch Disks(插件和虚拟磁盘）。在这里可以设特别的ImageReady的插件位置（默认的是在...\Adobe\Photoshop 5.5\Plug-Ins\Adobe ImageReady Only)，以及虚拟磁盘的位置。技巧：如果想要Photoshop5.5和ImageReady共用插件只需要将插件安装到...\Adobe\Photoshop 5.5\Plug-Ins\提示：如果没有特别的需要最好使用ImageReady的默认设置，以免引起不必要的麻烦。 随着Internet的发展许多公司都推出了网上对软件进行升级的服务。ImageReady也不例外，文件菜单中 dobe Online...就提供了这个服务。选择这个命令弹出一个对话框。按下Update(升级）按键即可自动升级ImageReady。如果你的公司使用的代理服务器可以通过Preferences（参数）进行设置。 Recent Files(最近的文件）中可以快速的选择最近编辑（打开）过的文件。技巧：如果你编辑过的文件不知道存到哪儿去了，可以在这儿找一找，或许会有收获。 EXIT（退出）关闭ImageReady。 第二个菜单Edit (编辑），在这个菜单中包含了15个命令。 Undo(撤销）、Redo(重做）这两个命令和绝大多数的软件的作用是一样的，可以撤销命令和重做命令。Undo/Redo（撤销/重做）命令可以在这两个命令之间切换。技巧：使用撤销/重做能够让我们反复比较命令执行前和命令执行后的图像效果的变化。此外记住这几个命令的快捷键也是很有用的。 Cut(剪切）、Copy（拷贝）、Paste（粘贴）、Clear（清除）命令和大多数软件的命令作用一样这里就不多讲了。Copy Merged(拷贝合并）这个命令比较特殊。我们知道ImageReady里允许对图像进行分层编辑，当我们用选取工具选取图像的后再选择拷贝，这时在粘贴板上的是当前编辑层上选取区域的数据。而如果选择拷贝合并命令着可以把这个选取区域的所有层的数据拷贝来。 Copy HTML Code(拷贝HTML编码）子才单中包含了三个命令――Copy All Slices(拷贝所有切割）、Copy Selected Slices(拷贝选取的切割）、Copy Preloads(拷贝载入）。第一个命令可以将所有的分割图片的HTML代码拷贝到粘贴板上；第二个命令是将选中的图像块的HTML代码拷贝到粘贴板上；第三个命令是拷贝页面中的JavaScript到粘贴板上。这样就可以让你在记事本或者其它编辑其中编辑HTML代码。 Copy foreground color as HTML(拷贝前景色作为HTML),这个命令可以前景色转化为HTML代码。技巧：如果你遇到一种颜色知道它的HTML代码，那么就可以用吸色工具将它吸取为前景色，然后使用拷贝前景色作为HTML命令，粘贴到记事本里就可以看到这种颜色的HTML代码了。 Fill...(填充）命令可以让我们选择填充的颜色、透明度等参数。当我们选择填充命令就会弹出一个对话框。在use下拉菜单中选择填充的形式――前景色、背景色、图案、黑色、50%的灰和白色。Opacity(不透明度）调整透明参数。Mode(模式）里选择填充的模式，一共21中模式。 Strock(外线）命令可以在沿着选区画线。比如用矩形选取工具选取一个区域，然后选择这个命令就会形成一个矩形的方框。选择这个命令以后同样有一个对话框出现。在Width(宽度）中可以设置线的宽度。Loctation(位置）中可以设置线沿着选区的位置――内部、中心、外部。Use(使用）下拉菜单中可以设置使用的颜色――前景色、背景色、图案、黑色、50%的灰和白色。Opacity(不透明度）中可以设置透明度。Mode(模式）中仍然有21种模式让你选择。 技巧：通过这个命令我们就可以方便的在ImageReady中画出，矩形、圆形等几何形状，就不必为了这些简单的几何图形去动用Illustrator这些大家伙了。 Free Transform(自由变形）命令可以让图像按你的意愿自由变形。选择自由变形命令以后图形或选区周围就出现了八个控制点。通过对这些控制点的操作就能轻易的对图像进行拉伸、旋转等变形操作。 Transform（变形）子菜单包含了12个命令――Again(再次）、Scale（缩放）、Rotate（旋转）、Skew（歪斜）、Distort（变形）、Perspective（透视）、Numeric...（数字）、Rotate 180（旋转180度） Rotate90 CW（随时针旋转90度）、Rotate90 CCW（逆时针旋转90度）、Flip Horizontal（水平反转）、Flip Vertical（竖直反转）。这些命令和自由变形命令一样选择后图形或选区周围也会出现了八个控制点，通过对这些控制点的操作达到变形的目的。如果你对变形要求非常的精确就可以选择Numeric...（数字）命令，在对话框种精确调整参数。包括Postion(位置）、Scale(缩放）、Skew(歪斜）、Rotate(旋转）的参数调整。
ImageReady2.0全面接触(7)
先让我们看看Adjust(调整）子菜单，它包含了九个菜单命令，通过这些命令我们可以方便的调整色阶、色调、亮度、对比度等等的调整。Levels...（色阶）命令可以方便的调整图像的色阶。选择色阶命令以后就会弹出一个对话框，在这个对话框中我们可以象Photoshop一样方便的调整图像的色阶。在Channel(通道）中可以方便的选择单独的通道进行色阶的调整。下面是色阶调整图，调整方法和Photoshop一样。同样可以将设置好的色阶保存。如果你是初学者对于这些复杂的调节头痛，就按下Auto(自动）按键就可以自动的位你调整色阶，当然这就不能保证调整的满意度了。Auto Levels(自动色阶）命令可以帮助初学者自动快速的调整色阶。这个命令对大多数图像的色阶调整可以得到比较好的效果。如果你对自动调整的色接不满意就只有用前面讲的色阶命令手动调整了。技巧： 在用手动调整之前可以先试试自动调整色阶，如果不满意再进行手动调整。这样往往可以提高处理图像的效率。Brightness/Contast...(亮度/对比度）命令可以在对话框中调整图像的亮度和对比度。你既可以通过滑动杆调节，也可以通过数值调整，非常的方便。