推荐阅读
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制作趣味剪影效果文字设计教程
本篇教程主要使用用AI制作趣味剪影文字效果，希望大家可以喜欢。先来看看我们制作出来的效果图：具体的制作步骤如下：一. 如何创建新文档并设置网格1. 首先，我们新建文档，宽度850px，高度900px，颜色模式RGB。2. 执行"视图">"显示网格""对齐网格"。3. 执行"编辑>首选项>参考线和网格>"。4. 设置网格线间隔为10px，次分隔线为1。
广告海报设计：用PS设计山地自行车宣传广告图片设计教程
本教程主要使用PS来设计冬季为主题的山地车广告作品,整体以冰天雪地为背景来完成装饰,推荐给教程网的朋友学习,希望大家可以喜欢.最终效果1、打开【ps】，拖入背景图，添加【黑白】，降低不透明度80%。2、拖入冰川素材，调整位置和大小，添加【蒙版】，使用【画笔工具】黑色，涂抹擦除。3、新建图层，填充蓝灰色，按住【alt+单击图层间】创建剪切蒙版，混合模式改为【叠加】。4、拖入手电筒、北极熊素材，按住【alt+shift】同比例缩放，【ctrl+单击缩略图】调出选区，使用【画笔工具】蓝灰色涂抹，【ctrl+d】取消选区，混合模式改为【叠加】。
5种方法让照片更有质感的Photoshop图片处理教程
我们在拍摄照片的时候，经常都会听到一个词：质感。这个词似乎就和“毒”“德味”一样，成为了摄影圈中又一个玄乎的名词。实际上，质感是可以科学解释，并且在前后期中控制好的。由于是在城市风光教程系列中，因此本教程会着重建筑物的质感。相对于其他物体，建筑物的形状相对规则，也是比较好作为教程展示的。其中很多原理，对于其他拍摄物同样适用。首先来看看百度百科对质感的定义：物体通过表面呈现、材料材质和几何尺寸传递给人的视觉和触觉对这个物体的感官判断。说得通俗点，让物体有质感，就是让物体的光影、明暗对比强烈，让物体的立体特征在平面的照片中呈现出来。方法一：提高照片整体对比度优点：快速简单缺点：不能大幅度调整说到明暗对比强烈，很多人会首先想到提高对比度，高级一点的会想到S曲线
使用Photoshop图章工具去掉图中的水印教程
原图及效果图1、把下面的原图素材保存到本机，打开PS软件，再打开保存的素材。2、先来分析一下水印所占区域：天空部分的水印比较好处理，人物头盔部分的比较难处理。3、新建一个图层，命名为“天空”。4、在工具箱选择“仿制图章工具”，在属性栏把不透明度及流量都设置为100%，样本选择“所有图层”，如下图。
场景合成，使用PS软件制作悬浮的房屋场景图片合成教程
本教程主要使用photoshop合成被巫师作法悬浮的房屋场景教程，除了令人毛骨悚然的悬浮房屋，你会掌握如何创建一些非常酷的3D风格的字体效果，如何有效地结合你的场景，以及如何使用透视线的角度，喜欢的朋友让我们一起来学习吧。 最终效果 1、新建1300 * 1833 px，分辨率为150 px文件。 2、把素材拖入文档，调整位置。 3、创建图层蒙版，擦除衔接位置，使画面更加融合。 4、给乌云层新建曲线调整图层，创建剪切蒙版，分别设置红绿蓝。
卡通图片，PS鼠绘画出大头乌龟卡通形象图片
本篇教程将非常详细的教大家如何使用PS绘制出一只萌萌的大头乌龟卡通形象。 首先来看看效果图吧! 从效果图上看似要画这只乌龟好像有点难度，其实操作起来并不会的，都是运用到PS里的简单工具。OK，我们开始吧! 1.首先新建画布800*600px,然后画个矩形双击图层做渐变叠加，填充颜色如下： 2.接下来我们就开始画乌龟的身体。 2.1 先画出下面这个龟壳的大致形状，然后加渐变。 2.2 加上一块一块龟壳的形状，加阴影，加光。
火焰字体，Photoshop制作梦幻效果的彩色火焰字体
本教程字体制作有点类似涂抹火焰字效果。不过作者又很多改进的地方。如：颜色用了彩色渐变，涂抹火焰的时候可以任意发散，最好还加了描边效果及装饰等。整体看上去非常漂亮，梦幻。 最终效果 1、新建一个大小自定的黑色画布，用白色打上你喜欢的文字。 2、复制图层，把下面那个先隐藏，然后栅格化该字体图层。 3、执行：滤镜 > 模式 > 高斯模糊，数值为4。 4、选择涂抹工具，强度设置为40%，然后沿着字的边缘开始涂抹，效果如下图。
金属字体，PS打造超酷燃烧金属字体效果图片
本教程详细介绍超酷金属字效果的制作方法，思路：作者和巧妙的把金属字跟火焰字效果结合起来，金属的高贵加上背景火焰的衬托，感觉非常壮观。 最终效果 1.新建一个800 * 600像素的文件，背景填充为黑色，然后打上灰色的文字，字体大小自己把握，再删格化图层。 2.载入图层1选区，选取通道按红筐里的工具，就会得到Alpha1图层，填充为白色，然后进行4次高斯模糊，数值依次为：8,4,2,1。回到图层1，高斯模糊一下数值为1 3.对图层1执行：滤镜 > 渲染 > 光照效果，参数设置如下图 4.再按Ctrl + M调曲线，参数设置如下图