推荐阅读
PS制作古典风格的工笔画效果的美女图片
最终效果原图一、转为线稿：我们要把一张图转为线稿非常简单。我们复制原图，使用ctrl+alt+shift+b将画面转为黑白，然后再复制把这个黑白图层复制一层，混合模式改为颜色减淡。然后使用ctrl+i反相，这时候画面会变为近乎纯白色的。
实例接触CorelDRAW 10 新功能(三)
新增Dockers（泊坞窗）Dockers（泊坞窗）类似于PhotoShop中的浮动面板，在Dockers命令选项中可设置显示或隐藏不同的泊坞窗口。选择Windows（窗口）/ Dockers命令，弹出Dockers子菜单：图6 Dockers（泊坞窗）菜单 其中Undo Dockers（撤销泊坞窗）是CorelDRAW 10新增加的一个窗口，这个窗口的功能类似于PhotoShop中的History(历史)面板。用户可以非常容易的撤销当前操作，返回到操作以前的状态，并可以把这一系列的动作保存为Microsoft Visual Basic For Applications（微软VB应用程序接口）脚本。图4 多个泊坞窗口层叠排列在工作区的右边
介绍InDesign中的特殊符号
特殊符号有三类：分隔符、特殊字符和空格字符，如图5-1所示。这三类特殊字符都可以从“文字”菜单中的“插入……”命令子菜单中选择。除分隔符和部分空格字符以外的其他特殊字符都可以在“字形”调板中找到。图5-1 特殊符号命令在编辑文本时，如果能看到像空格、段落结尾、索引标记和文章结尾等非打印字符，将会对排版有所帮助，如图5-2所示上图为隐藏，下图为可见。这些特殊字符只有在文档窗口和文章编辑器中可见，这些字符不会被打印出来或输出到PDF文件和XML文件中出现。执行“文字”→“显示隐含的字符”命令后，可以隐藏或显示这些字符。图5-2 隐藏和显示特殊符号分隔符中命令、快捷键和说明如表5-1所示。 命令快捷键
实现lightBox时的样式与行为分离减少JS
[参与测试的浏览器：IE6 / IE7 / IE8 / FF3.5 / OP9.6 / SF4 / Chrome2 ][操作系统：Windows]本教程旨在实现lightBox时的样式与行为分离，减少JS在各方面（全屏遮蔽、ie6中遮蔽select、双向居中、高度自适应内容等）的工作。先上代码：运行代码框<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="author" content="Chomo" /> <link rel="start" href="http://www.14px.com" title="Home" /> <title>全屏屏蔽、自动居中的lightBox</title> <style type="text/css"> * { margin:0; padding:0; } html,body { height:100%; overflow:hidden; font:12px/1.5 simsun;} .myPage { line-height:3; overflow:auto; width:100%; height:100%;} .lightBox, .popupCover, .popupIframe, .popupComponent { position:absolute; left:0; top:0; width:100%; height:100%;} .popupComponent { z-index:2; display:none;} .popupIframe { display:none; _display:block; _filter:alpha(opacity=0);} .popupCover { background:#000; opacity:0.7; *filter:alpha(opacity=70);} .lightBox { text-align:center; overflow:auto;} .lightBoxContent { display:inline-block; *display:inline; zoom:1; width:300px; padding:10px; background:#fff; border:5px solid #00b4ff; vertical-align:middle;} .lightBoxMaxHeight { display:inline-block; vertical-align:middle; height:100%; *height:99.5%; width:1px; overflow:hidden; margin-left:-1px;} .lightBoxWrapper { display:inline-block; *display:inline; zoom:1; text-align:left;} .lightBoxClose { color:#f00;} .lightBoxSubmit { margin-top:10px; padding-top:5px; border-top:1px solid #ccc;} .lightBoxSubmit input { font-size:12px; padding:0 10px; overflow:visible; margin:0 5px;} </style> </head> <body> <div class="popupComponent" id="lightBox"> <iframe class="popupIframe"></iframe> <div class="popupCover"></div> <div class="lightBox"> <span class="lightBoxMaxHeight"></span> <div class="lightBoxContent"> <div class="lightBoxWrapper"> 当提示小于一行时文字居中<br /> </div> <div class="lightBoxSubmit"> <input type="button" value="确定" onclick="hideLayer('lightBox')" /> <input type="button" value="取消" onclick="hideLayer('lightBox')" /> </div> </div> </div> </div> <div class="popupComponent" id="lightBox2"> <iframe class="popupIframe"></iframe> <div class="popupCover"></div> <div class="lightBox"> <div class="lightBoxContent"> <div class="lightBoxWrapper"> 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度<br /> 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度 当内容已经超过了一屏的高度<br /> </div> <div class="lightBoxSubmit"> <input type="button" value="确定" onclick="hideLayer('lightBox2')" /> <input type="button" value="取消" onclick="hideLayer('lightBox2')" /> </div> </div> <span class="lightBoxMaxHeight"></span> </div> </div> <div class="myPage"> 假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br /> <div style="text-align:center;"><input type="button" value="位于第一屏的按钮" onclick="showLayer('lightBox')" /></div> 假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br /> <select><option>一个用于测试IE6中是否能覆盖住的select</option></select><br /> 假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br /> 假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br /> 假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br /> <select><option>又一个用于测试IE6中是否能覆盖住的select</option></select><br /> 假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br /> <div style="text-align:center;"><input type="button" value="位于第二屏中的按钮" onclick="showLayer('lightBox')" /><input type="button" value="当内容已经超过了一屏的高度" onclick="showLayer('lightBox2')" /></div> 假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br /> 假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br /> 假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br /> </div> <script> function showLayer(id) { document.getElementById(id).style.display = "block"; } function hideLayer(id) { document.getElementById(id).style.display = "none"; } </script> </body> </html> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]这个lightBox具备以下特性，大家可以通过修改代码测一测 ^-^：如有兴趣，构成这个lightBox的以下小技巧可供您参详：1. 全屏遮蔽的方法：A. 隐藏html/body的滚动条。B. 用一个div做遮罩，再用一个div做带有滚动条的页面，一个叠上面，一个叠下面。运行代码框<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="author" content="Chomo" /> <link rel="start" href="http://www.14px.com" title="Home" /> <title>全屏遮蔽的方法</title> <style type="text/css"> * { margin:0; padding:0; /*--- 简单的css reset，据说它的效率不高，请自行替换为高效的 ---*/ } html,body { height:100%; /*--- 有了这个高度，IE6下，body的子对象设置height:100%才有效 ---*/ overflow:hidden; /*--- 灭掉html或body产生的滚动条 ---*/ } .page { line-height:3; overflow:auto; /*--- 滚动条就靠它了 ---*/ width:600px; height:400px; background:#f60; /*--- 暂时先做这么大，方便大家看清楚 ---*/ position:relative; left:50px; top:50px; /*--- 移动一点点，方便大家看清楚，把它去掉，遮罩的基本的效果就实现了 ---*/ } .cover { position:absolute; width:600px; height:400px; background:#000; opacity:0.7; *filter:alpha(opacity=70); z-index:2; } </style> </head> <body> <div class="cover"></div> <div class="page"> 假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br /> 假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br /> 假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br /> 假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br /> 假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br /> 假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br /> 假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br /> 假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br /> 假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br />假装很丰富的内容<br /> </div> </body> </html> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
最新发布
Photoshop自由变换工具的的使用技巧
本教程介绍自由变形的使用技巧，把以前的变换后图层猛增的弊端去掉，仅在同一个图层按规律复制，效果也完全一样! 1.关于自由变换，大家都制作：编辑 > 自由变换，也可以用Ctrl + T,如果我们要制作的是有大到小的变换并复制，那么用这个快捷键：Alt + Shift + Ctrl + T 这个键大家常用，但也有一定的小技巧。 2.如果用这个图形来做的话：选取渐变填充，加个阴影，复制图层，按Ctrl + T适当的缩小并把中心点移到外面，旋转一定的角度，确定后狂按 Alt + Shift + Ctrl + ，大家回发现图层中会多出来许多的图层。这样会使文件猛增。有何办法可以既达到目的，又不会猛增文件的大小。 3.办法是冲做好的图形中获得选区，复制层，不要去掉选取，执行Ctrl + T，缩小后把中心点外移，我们回发现图层没有增加，只在一个图层应用变换并复制。
暖黄色调，PS调出温馨暖黄色调效果的美女照片
本教程简单介绍人物润色方法。作者调色的过程没有多少，不过作者的色感非常厉害，简单的几步就可以调出相当不错的效果，值得学习。 原图： 最终效果 1、用photoshop打开原图，复制一层(图层1)，转入Portraiture滤镜进行磨皮，没有这个软件的朋友可以网上下载。 2、建立通道混合器调整层，分别对红，绿，蓝通道进行操作，参数及效果如图：
图片合成，PS合成水中高速行驶中的摩托车图片
本教程的创意思路非常不错。作者想表突出摩托行驶的美感，特意采用车轮撞水的变现方式。从效果图可以看出作者的制作时非常成功的，几张素材组合的相当不错，画面视觉效果很突出。 最终效果 1、打开图1所示的素材，将摩托用钢笔工具抠出，反选将背景动感模糊一下，数值自己把握。将图上的看台涂上天空的颜色[为了让背景与海浪素材更好的融合]效果如图2。 2、将轮胎素材用魔术棒抠出后，拖入图中。为该素材添加图层蒙版，把不需要的轮胎部分隐藏，调整好位置。效果如下。 3、海浪素材拖入图中，同样添加蒙版，隐藏不需要的部分，把图层样式设置为叠加，完成。
PS色彩基础教程：理解Photoshop三色原理
讲到绘画、图像，自然离不开谈颜色，所有的图案都是由基本形状和颜色组成，颜色构成了我们图像处理的一个重要部分，下面我们将要了解颜色的原理,它将是我们美工的基础。 (一) 三基色原理 在中学的物理课中我们可能做过棱镜的试验，白光通过棱镜后被分解成多种颜色逐渐过渡的色谱，颜色依次为红、橙、黄、绿、青、蓝、紫，这就是可见光谱。其中人眼对红、绿、蓝最为敏感，人的眼睛就像一个三色接收器的体系，大多数的颜色可以通过红、绿、蓝三色按照不同的比例合成产生。同样绝大多数单色光也可以分解成红绿蓝三种色光。这是色度学的最基本原理，即三基色原理。三种基色是相互独立的，任何一种基色都不能有其它两种颜色合成。红绿蓝是三基色，这三种颜色合成的颜色范围最为广泛。红绿蓝三基色按照不同的比例相加合成混色称为相加混色。 红色+绿色=黄色 绿色+蓝色=青色 红色+蓝色=品红 红色+绿色+蓝色=白色 黄色、青色、品红都是由两种及色相混合而成，所以它们又称相加二次色。另外： 红色+青色=白色
PS高级工具有哪些？Photoshop高级工具的使用教程
什么是高级工具？ photoshop高级工具是个统称，主要是指“图层样式、RGB通道、自带动作、ALPHA通道、变换选区”等功能，用这些功能配合滤镜和其他的PS工具，可以辅助和增加图片的效果，对于一些复杂的效果图，高级工具的使用显得更为重要。一、图层样式——金属像框的制作。 1、其实现在已经很有多软件自带像框，操作也很简便，但那些始终是别人做的，没有自己制作的有意义。 根据自己需要新建立一个文件(快捷键为CTRL+N)RGB颜色，背景色为白色;新建立一个空白图层(不要在背景图层上制作)，使用矩形工具拖出一个矩形区域，然后CTRL+回车转换成选区;将前景色设置为黑色，选择“渐变工具”，从上到下填充黑色到白色渐变。执行菜单—选择—调整—缩放，设置合适数值(笔者设置为10)，然后在从下到上填充黑色到白色渐变。 2、然后选中第2次从下到上渐变的那个图形，再次执行执行菜单—选择—调整—缩放10像素，之后CTRL+X删除之。双击图层1，弹出图层样式对话框。设置投影为10，其他默认;斜面和浮雕，使像框凸起，其他设置不变，得到立体效果即可。然后打开一张自己喜欢的图片CTRL+T调整到像框大小，回车确认即可。二、ALPHA通道——放射效果。 通道运用很重要，本实例是用在通道中编辑，得到选区，然后在回到RGB通道中再进行编辑
背景合成，PS合成给照片加上动感背景教程
本教程制作的效果非常有创意，有种动感的形体美。不过作者没有提供一些装饰的素材，大家需要到网上下载。 原图 最终效果 1、看原图设计出修图策略流程。 2、扣出人物，调整照片，注意肤色的对比和过度，这张照片腿上的光没有补到位需要调整： 3、调整皮肤色彩、服装的色彩，主要用可调整图层，然后加上背景素材、倒影等，注意脚背往下绷一点是用自由变换的变形调整滴。飘带的制作可以参照下列教程：photoshop制作飘逸的半透明丝绸
照片换背景，PS调色快速给照片换上蓝色背景
原图 最终效果 1、打开原图，复制一层，把副本层的图层混合模式改为“柔光”。 2、新建一个图层，按Ctrl + Alt + Shift + E盖印图层，按Ctrl + U调色相/饱和度，参数设置如下图。 3、调整好后把调好色的图层复制一层，把图层混合模式改为“柔光”，然后把蓝色的这两个图层合并。 4、加上图鞥蒙版，把人物部分用套索或者自动选区工具选区出来，适当的羽化一下。
图层基本操作技巧：关于Photoshop图层操作的42条技巧
图层的基本操作技巧 1、如果你只想要显示某个图层，只需要按下Alt键点击该图层的指示图层可视性图标即可将其它图层隐藏，再次按下则显示所有图层。 2、按下Alt键点击当前层前的画笔图标就可以将所有的图层与其取消链接关系。 3、要改变当前活动工具或图层的不透明度可以使用小键盘 上的数字键。按下“1”则代表10%的不透明度，“5”则代表50%。而“0”则是代表100%的不透明度。而连续地按下数字，例如“45”，则会得出一个不透明度为45%的结果。 注意：上述的方法也会影响到当前活动的画笔工具，因此，如果你想要改变活动图层的不透明度，请在改变前先切换到移动工具或是其它的选择工具。 4、按下Alt键点击“图层”调板底部的“删除图层”图标，则能够在不弹出任何确认提示的情况下删除图层，而这个操作在通道和路径中同样适用。 小贴士：这条技巧同样也能够用在图层蒙板和剪切路径中，现在适当的缩略图上点击一下，接着按下Alt键后点击“删除”图标，这样就能够在不出现任何确认提示的情况下将蒙板或路径删除。 5、按下Ctrl后点击“图层”调板底部的“删除图层”图标，就能够同时将所有相关的图层都同时删除。注意：如果所有的图层都是相关联的，这个技巧则不能使用，因为你不可能将一个图像中的每个图层都删去，因为一个图像中至少需要有一个图层。 6、当你当前在使用“移动”工具，或是按下Ctrl键时，在画布的任意之处右键点击都能够在鼠标 指针之下得到一个图层的列表，按照从最上面的图层到最下面的图层这样按顺序排列，在列表中选择一个图层的名称则能够让这个图层处在活动状态。命名图层和组的小贴士：如果你习惯以小写字型来命名图层，而以大写字型来命名组(或是相反情况)，你就能在通过右键上下文菜单选择图层或设置时很容易区分它们二者。 小贴士：按下Alt键后右键点击能够让鼠标指针选择最上方的图层。同样的，在“移动”工具被选择时，你可以在“选项”调板中启用“自动选择图层”选项。如果按下Alt+Shift再进行右键点击，则能够将最上方的图层与当前图层关联/取消关联。
照片调色，PS调色把复杂背景的人物照片暗化处理
背景较复杂的人物图片，感觉主体不够突出。处理的时候重点在背景上下功夫，可以适当的把背景色彩减少，并柔化处理。如果要更加突出人物，最后把背景调暗点，这样效果就比较明显! 原图 最终效果 1、打开原图，创建色相/饱和度调整图层，选择红色调整，参数设置如图1，调得时候颜色可能有点过，不过不要担心后面会慢慢修复，效果如图2。 <图1> <图2>
光晕文字，PS制作极具视觉冲击的光晕文字效果
本教程表现手法非常畅快，以几条流畅的线条及文字搭配表现画面生动的主体，再配上较暗的背静整个主体就更具视觉冲击力! 最终效果 1.新建立一个文档，首先利用渐变工具填充一个由棕红色到黑色的径向渐变，前景色和背景色颜色分别为#922f00和#000000。 2.现在按CTRL+J复制一个图层，将复制所得图层的混合模式改为“颜色减淡”，这时的效果就更加鲜艳 3.接着我们增加背景纹理，建立一个新图层，然后按D键复位前景色和背景色，执行“滤镜”->“渲染”->“云彩”，结果如下 4.下面用钢笔工具制作出光线的大体轮廓，如果你熟悉其它工具可以使用其它工具