推荐阅读
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合成简单制作人像双重曝光效果的方法教程
下面例子，主要是以上述调整思路为基础，使用photoshop 中具有相似原理的“滤色”混合模式进行照片的融合，并配合图层蒙版，对照片进行显示与隐藏的控制。当然，其间必然少不了使用各种调整功能，进行亮度、色彩方面的处理。先看看效果图调修步骤：一、合并并融合两幅照片素材选择喜欢的图片设为“图层1”中的照片比背景要大，因此首先要将其缩小。选择“图层1”并按Ctrl+T键调出自由变换控制框，按住Alt+Shift键向中心拖动右上角的控制句柄，将其缩小至与画幅基本相同即可。按Enter键确认变换操作。设置“ 图层1 ” 的混合模式为“ 滤色”，使其中的照片与下方照片进行混合。
Photoshop设计漂亮的彩虹色波尔卡圆点壁纸图片教程
photoshop设计漂亮的彩虹色波尔卡圆点壁纸图片，七彩色波尔卡圆点背景图。波尔卡圆点一般是同一大小、同一种颜色的圆点以一定的距离均匀地排列而成。今天我们就用photoshop中的滤镜来实现波尔卡圆点，特别适合ps初学者，让我们开始吧！先看下最终效果图：步骤1我们新建或Ctrl+N，创建600x 600像素大小，分辨率72像素/英寸，RGB颜色，8位，背景内容为白色的新文件 。大小也可以根据需要自己设定。步骤2转到图层面板，按Ctrl+J快捷键复制背景图层，得到“图层 1”。步骤3按快捷键D，使前景色和背景色变成黑、白，按快捷键X，使前景色为白色。
Photoshop图片美化:给冬季外景照片添加下雪效果教程
最终效果原图1、将RAW格式的原文件在PS里打开，参数调整如下。2、打开图片，选择模特脸部，复制脸部到新图层，然后设置图层的混合模式为“柔光”。
ps里怎么把文字弄成虚线的字体,周围有虚线
使用ps工具来制作文本字体描边，其实并不难，大致的流程是，输入文本后，转换为形状，然后切换至矩形工具，上端选项中，设置描边颜色、宽度，以及描边样式，如果把填充颜色改为无色，那么就只显示描边部分，下面通过截图大致说明一下操作步骤。 1、打开一张背景图，左侧工具栏切换至文字工具，输入文字，调整文字颜色和大小， 2、选中文字图层，单击右键，弹出的菜单里面，点击【转换为形状】， 3、左侧工具栏上，点击切换至【矩形工具】，上端选项中，工具模式设置为【形状】，填充颜色就是字体颜色，描边颜色、宽度，以及描边类型，是重点设置的三项， 4、比如下图中，描边颜色设置为黑色，描边宽度设置为14，描边类型选中第二个虚线样式， 5、如果把填充设置为【无颜色】，那么文字只剩下描边，也就呈现出镂空效果， 6、最终的效果如下图所示： 如果文字使用了仿粗体，转换为形状的时候，会出现错误提示，只需要把仿粗体的设置关闭即可。
Photoshop给胡歌照片添加绚丽水彩纹理效果教程
最终效果1、选择人物照片。2、选择水彩泼墨图片。3、选择人物图片的轮廓，用水彩泼墨图层剪切蒙版。具体做法：人物图片去色(ctrl+shift+u);调整色阶，增加对比度;用“可选颜色”选择高光区域，然后生成选区，反选(ctrl+shift+i)(图片背景和人物脸庞都是白色高光，反选正好选择了头发等区域);然后水彩泼墨图层剪切蒙版。重要一步：要在图层蒙版下面新建图层填充白色。
使用Photoshop绘制时尚半透明风格的星球效果
先看看效果图首先声明：图片是我在素材网站上看到的，本人对图片不具有原创权。教程是我自己写的，大小、色值等各种参数，都只是提供参考，做的过程中多尝试，也许会有更好方案。这个教程的目的也是鼓励大家多学习，多尝试。教程是给新手写的，其中包括各种基本操作，完全的PS小白也能跟着一步步做出来，有基础的同学可以跳过我的�嗦，直接看图。(个人觉得小白看这种教程还是比较有用的，毕竟我当初就是这样学会了很多操作方法)开始吧!1.新建画板，我设置的大小是1024px*768px;前景色设置为，用油漆桶点一下填充背景。2.用椭圆工具
ps钢笔工具如何画虚线,钢笔路径虚线描边方法
钢笔工具常用来绘制路径，也就是作为抠图所用，那么钢笔工具能否进行描边操作？其实也是可以的，默认的工具模式为路径，只需要把其设置为形状，然后对描边项进行调整，即可完成描边效果，下面通过截图详细说明一下: 1、打开一张背景图，左侧工具栏上点击选中【钢笔工具】，在上端选项中，工具模式默认为路径，点击切换为【形状】， 2、在形状模式下，出现了【填充】、【描边】等设置项，这里我们需要用到的是描边，可以把填充设置为【无颜色】，把描边颜色设置为目标颜色，或者渐变、图案都行， 3、描边宽度可以在绘制出形状后在调整，【描边类型】默认为实线，点击展开的界面上，可以选择虚线，点击【更多选项】，可以对虚线的宽度、间隔进行设置， 4、下图为笔者绘制出的路径，调整描边宽度以及描边类型之后的效果如下， 操作还是比较简单的，只需要把工具模式改为形状，然后进行路径绘制，调整描边的颜色、宽度、类型即可。
Photoshop液化工具制作抽象主题风格的烟雾效果图
最终效果图：步骤1我们新建或Ctrl+N，创建1280x 1024像素大小，分辨率72像素/英寸，RGB颜色，8位，背景内容为白色的新文件 。大小也可以根据需要自己设定。步骤2选择画笔工具(B)，选择硬边圆，画笔大小21像素，按住Shift键在画布上画一个形状。步骤3
Photoshop艺术字设计:制作金色华丽的金沙艺术字教程
最终效果1、新建画布。打开PS软件，按Ctrl + N 新建画布，尺寸为700 * 900像素，分辨率为72像素/英寸，如下图。2、填充背景色。用油漆桶工具把背景填充黑色，如下图。3、在工具箱选择横排文字工具，字体及大小设置如下图;然后在画布上输入想要的文字，如下图。确定后把文字图层复制一层。 4、把文字副本隐藏;双击图层面板原文字缩略图后面的蓝色空白区域，设置图层样式。