推荐阅读
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 全部选择 提示：你可先修改部分代码，再按运行]
最新发布
Illustrator结合PS打造碎花风格立体字
在本教程中，我会告诉你如何创建一个可爱的碎花风格的3D文字效果只使用photoshop和Illustrator。我们的想法是添加我们喜欢的,同时保持巧妙的设计，令人赏心悦目，沿途有一些有趣的元素。我们将使用3D效果的插画，因为它比其他如3ds Max的3D节目更多的用户友好，它可以做什么，我们需要一个同样出色的工作。效果图：具体的制作步骤如下：第1步首先，创建一个新文档，大小为1200 x770，并去从#a1dbff#f0f9ff径向渐变填充画布，从黑暗的中心在过渡边缘光.Step 2
ps怎么画一条虚线直线，拉出一节节的虚线
ps画虚线的方法有多种，比如使用画笔工具，切换到方形画笔，简单调整之后，即可画出虚线，再比如使用钢笔工具，切换为形状模式，通过描边来实现虚线效果，还可以直接使用直线工具，切换到虚线样式，进行绘制等等，本文介绍的方法是钢笔工具画虚线，通过截图详细说明操作步骤。 1、常用的方法，也就是上面说的三种，画笔、钢笔、直线工具，笔者习惯用钢笔工具，所以先介绍这种方法， 2、左侧工具栏上切换至【钢笔工具】，上端选项中，默认为【路径】，切换为【形状】，填充设置为【无颜色】，描边设置为目标颜色即可， 3、描边类型一项中，点击展开之后，虚线有两种形式，其他方面的设置，可以点击【更多选项】，根据需要进行设置，这里不做详细介绍， 4、重点说一下虚线的两种样式，上面的是矩形虚线，下面的是圆点虚线，两种样式随时可以切换，颜色也可以随时改，描边尺寸，也就是单个虚线块的大小，也随时可调，这也是笔者喜欢用钢笔工具的原因吧。 5、绘制直线的时候，按住shift键，可以画出直线，Ctr+T进入自由变换，拖拉可以改变虚线的长度，如果想要把虚线形状变为图像，只需要选中图层后，单击右键，下拉菜单里面，点击【栅格化图层】即可。 操作想对简单，如有疑问，可以在下方留言。
ps怎么画虚线 一节节的虚线直线
ps画虚线的教程，笔者已经写过使用钢笔工具绘制的方法，接下来介绍一下，如何使用画笔工具进行绘制，需要使用到方头笔刷，具体添加方法，会在文章末尾附上教程链接，下面通过截图简单说明一下操作步骤。 1、笔者使用的ps为2020版，需要先添加上【方头画笔】，2020版并没有删除老版本的笔刷，只需要点击旧版笔刷，添加上即可，具体操作步骤，可以点击文章末尾附上的链接，选中画笔工具之后，上端选项中，点击画笔预设，弹出的【画笔设置】界面上，找到方头笔刷， 2、笔者随机选中一个方头笔刷，然后设置间隔，不要记具体的数值，只要符合自己需求即可， 3、然后调整笔刷大小，画出一条直线，看看效果如何，下图为笔者按住shift键画出的直线虚线，如果你喜欢这种方块式的虚线，就直接使用即可，如果你更喜欢矩形块式的虚线，那么继续往下看， 4、通常情况下，虚线大都是众多矩形块组成的样式，想要把方块变成矩形，只需要调整【圆度】值即可，这个值也不用死记硬背，鼠标点击圆度图上的顶点，上下拖动看一下效果，预览的效果如何符合要求，停止拖动，如果实在不知道哪种效果好，可以把圆度值设为50%。 5、笔刷改为矩形之后，绘制出的虚线效果如下图所示，两种样式，根据喜好选择即可。 画笔绘制虚线，操作灵活，简单实用，如您操作中遇到问题，可以在下方留言。 方头画笔添加方法：https://www.taoxuemei.com/chuli/ps/752.html
ps怎么将路径转化为形状，路径转化形状图层
路径转换为形状，只需要在上端选中，直接点击形状按钮即可，如果是多个路径，需要先做路径的合并，再去做形状的转换，本文通过一个小案例，从建立路径开始，到合并路径，再到形状的转换，一步步截图说明，如果对上述文字描述不清楚，可以继续查看下面截图。 1、下面案例中，使用钢笔工具绘制出路径选区，路径是由两部分组成，最后不要忘记保存一下路径，切换到【路径】面板，双击【工作路径】，弹出的界面上，点击确定即可， 2、如果是单个路径选区，直接点击上端选项中的【形状】按钮，就可以转换为形状了，但往往我们做选区的时候，是要绘制多个路径，想要完整的转换为形状，就要先做路径的合并， 3、合并之前，最好做一下全选，可以切换到【路径选择工具】，也可以在钢笔工具状态下，使用快捷键Ctrl+Alt，拖拉出选框，选中所有路径， 4、选中路径后，点击上端选项中的【路径操作】图标，下拉菜单里面，点击【排除重叠形状】，这一项才是路径的合并命令， 5、最后，在钢笔工具状态下，上端选项的【选择工具模式】中，选为【路径】模式，才会有【形状】按钮， 6、最后看一下效果，选中生成的形状图层，工具模式切换为【形状】，禁用填充，设置好描边，就可以看到两个路径都出现了描边效果，如果不做路径合作，图中的2号路径不会出现描边， 简单总结一下，路径转换为形状，只需要点击上端的【形状】按钮即可，如果是多个路径，需要先合并，再去转换，如果找不到【形状】按钮，那么问题就出在工具模式的切换上，选为【路径】后，才会有形状按钮。
巧用Photoshop钢笔和通透给外景美女人像抠图
最终效果原图1、首先分析。打开原图素材大图，观看人物的头发区域，发现左侧的发丝以细发丝为主，其它部分都比较整洁。我们把重点放在细发丝上面，其它部分比较容易处理。2、按Ctrl + J 把背景图层复制一层，如下图。3、选择合适通道。进入通道面板，观察红、绿、蓝三个通道，红通道细发丝与背景色差较大，比较理想。把红通道复制一层，得到红副本通道，如下图。
Photoshop合成创意的女娲补天场景图教程
本教程主要使用photoshop合成创意主题风格的女娲补天场景图，大家应该知道的是一张海报合成的两大部分：造型和光影塑造，比了解更多的参数意义更大。感兴趣的朋友让我们一起来学习吧，所需要的素材都已经上传了。
Photoshop设计绘制透明气球装饰效果图教程
先看下最终效果图：步骤1我们新建或Ctrl+N，创建1000 x 1000像素大小的新文件 。步骤2转到图层面板，新建图层，命名椭圆1。用椭圆选框工具在画布上画一个椭圆。步骤3
ps选区描边怎么描虚线，虚线描边路径怎么弄
选区可以进行描边，但描边的样式只有一种：实线，想要对选区进行虚线描边，通常有两种方法，一种是选区转换为路径，再转换为形状，通过描边来实现，如果使用钢笔工具绘制路径选区，直接转换为形状即可；另一种是通过描边路径来完成，本文讲解相对简单的操作，也就是上述中的第一种方法，通过截图简单说明一下。 1、既然是选区的虚线描边，那么就用大家常用的工具来绘制，比如多边形套索工具，下图中是笔者随便绘制出的一个选区， 2、选区需要转换为路径，如果是用的钢笔绘制的选区，这一步就可以省略了，切换至【路径】面板，点击底端的【从选区生成工作路径】按钮，然后选区就变为了路径， 3、此时在工具栏上，可以点击切换至【钢笔】工具，也可以切换到【矩形工具】，然后在上端选项中， 工具模式为【路径】的前提下，可以看到【形状】按钮，点击它， 4、此时在图层面板上，可以看到新建的矩形图层，然后在上端选项上，把工具模式切换为【形状】，填充设置为【无颜色】，描边颜色以及描边宽度，可以自行设定，描边形状类型，设置为虚线， 5、描边颜色就是虚线的颜色，虚线块的宽度，就是描边宽度，如果想要调整虚线块的间隔，可以在描边形状类型里面，点击更多选项，找到【间隙】这一项，进行设置。 简单总结一下：选区的虚线描边效果，需要先转换为路径，再转换为形状，利用形状中的描边功能，来实现此效果。
ps怎么画一个虚线的空心圆
ps画虚线空心圆，使用椭圆形工具就可以做到，设置描边颜色、粗细以及描边样式，填充设置为无颜色即可，如果想要获得更多虚线样式，那么钢笔工具的描边路径功能，是不错的选择，本文介绍着两种方法，根据需要选择，下面通过截图详细说明操作步骤。 1、打开ps软件，单独添加一个空白图层，邮件单击左侧工具栏上的【矩形工具】，弹出的菜单里面，选择【椭圆工具】， 2、按住Shift键，可以画出正圆，上端选项中，填充设置为【无颜色】，描边颜色、宽度根据喜好自行设置，描边类型默认为实线，可以点击它，下拉界面上，选中虚线即可， 3、虚线默认有两种样式，一种是矩形块组成，一个是实心圆点组成，如果需要设置虚线的间隙，或者虚线块的宽度，可以点击【更多选项】，如果只是简单的画出空心虚线圆即可，对虚线样式没有要求，那么以上3步就可以做到了。 4、如果您对虚线的样式有要求，可以利用画笔的笔刷来实现，点击切换至【画笔】，点击上端的【画笔设置】按钮，老版本的ps叫做【画笔预设】，弹出的界面上，点击选上喜欢的笔刷，调整【间隔】以及大小，获得理想虚线效果，也可以对更多形态的设置，这里就不再扩展讲解了。 5、切换到【椭圆工具】，上端的工具模式改为【路径】，按住Shift键，可以绘制出正圆，单击右键弹出的菜单里面，点击【描边路径】， 6、弹出的描边路径界面上，在工具一项中选上【画笔】， 7、然后就可以看到路径上出现了虚线，如果对虚线的效果不满意，还可以撤销此步，返回画笔设置界面，进一步设置， 8、再次回到路径圆后，只需要按一下回车，即可完成画笔的描边操作，如果想要更换虚线颜色，只需要调整好【前景色】，回车即可。 9、最后看一下效果，最里面的虚线圆为椭圆工具制作的，外面两个虚线圆为路径描边制作的，只是笔刷的间隔设置和颜色不同。