推荐阅读
CSS实例教程：使用伪元素制作时尚焦点图相框
在css标签中有这样子的标签div:before、div:after，对于before、after来说有部分人是相当陌生的，那么这两个标签是什么呢？有什么用处？:befor、:after是CSS的伪元素，什么是伪元素呢？伪元素用于向某些选择器设置特殊效果。 我们用CSS手册可以查询到其基本的用法：既然说到了before、after，那么我们也要大概的了解下content，content用来和:after及:before伪元素一起使用，在对象前或后显示内容。基本的用法如下： div:after{content:'任意字符串';} 现在我们大概知道before和after的大概用法了，那么我们就可以在元素的内容之前或者之后插入新内容。而插入的内容我们也可以用css样式来加以控制和美化。也许在平常中这样子的标签用处不大，但是存在即是真理，哈哈，肯定有他的妙用之处，今天就来看看利用before和after制作的一个创意的时尚焦点图相框，以后制作这种边框线的时候我们可以完全抛弃图片的做法，而且做出来的非常的精美。不信，就请先看看效果demo吧：查看预览下载附件1、 在图片层加多一层div，设置1像素的边框线，边框线有上下左右四条边框，而我们想要的只是每两条边框线组成的类似小三角形的形状，那么我们只要把四条边框线的中间部分去掉，那不就实现了我们的效果。那我们应该怎么把四条边框线中间部分去掉？或者用什么东西把他盖住，不让他显示出来？解决办法就是，我们知道before和after伪元素可以在元素之前或者之后添加新的内容，那我们就利用这两个伪元素来盖住四条边框线的中间部分。 2、 我们先去掉左右两边的边框线，在边框层，利用before伪元素，使用css样式的定位，设置白色边框，为什么要白色的边框呢？因为要把之前的左右边框中间部分遮掉，颜色设置成和背景色（本例的背景为白色背景）一致，这样子看起来就相当于中间部分被裁剪掉了。 3、我们继续去掉上下两条边框线，方法同上，利用after伪元素，使用css样式的定位，设置为白色边框，遮掉上下边框线的中间部分。这样子一来，基本的形状就出现了 4、美化步骤，调整我们的细节，边框线调整为虚线。 了解了基本的思路和方法，是不是很简单呢？那我们就开始动手写代码吧。 <div class="content"><ul> <li><a href="http://www.jiawin.com" target="_blank"><img src="jiawin_1.jpg" /> <p class="focus"></p></a></li> <li><a href="http://www.jiawin.com" target="_blank"><img src="jiawin_2.jpg" /> <p class="focus"></p></a></li> <li><a href="http://www.jiawin.com" target="_blank"><img src="jiawin_3.jpg" /> <p class="focus"></p></a></li> <li id="noborder"><a href="http://www.jiawin.com" target="_blank"><img src="jiawin_4.jpg" /> <p class="focus"></p></a></li></ul></div> CSS样式代码 .content {width:788px; margin:auto; height:auto; overflow:hidden; padding:30px; }.content ul li {float:left; height:176px; border-right:1px solid #DDDDDD; position:relative; padding:10px;}.focus {background:rgba(250,250,250,0.25); width:174px; height:174px; border:1px dashed #666; position:absolute; left:10px; top:10px; display:none;}.focus:before {width:174px; height:134px; border-left:1px solid #fff; border-right:1px solid #fff; content:''; position:absolute; left:-1px; top:20px;}.focus:after {width:134px; height:174px; border-top:1px solid #fff; border-bottom:1px solid #fff; content:''; position:absolute; top:-1px; left:20px;}.content ul li:hover .focus {display:block;}#noborder {border-right:0 none;} 通过这个例子是不是很方便的把这个效果做出来了呢？而且看看我们的代码，是不是很简洁呢！哈哈……或许还有更好的方法来实现，我们可以一起探讨。我个人感觉其实div+css是很好的一门很容易手上但是功能性很强的技术，而且他很好玩很有趣。利用你的奇思妙想， 你可以做出各种意想不到的效果。期待你的作品哦。查看预览下载附件
Photoshop调出淡淡绿色效果的果子照片
最终效果原图1、打开素材图片，创建可选颜色调整图层，对黄色进行调整，参数及效果如下图。这一步把图片中的黄色转为橙黄色。2、按Ctrl + J 把当前可选颜色调整图层复制一层，效果如下图。3、新建一个图层，按字母键“D”把前，背景颜色恢复到默认的黑白，然后选择菜单：滤镜 > 渲染 > 云彩，确定后把混合模式改为“滤色”，然后添加图层蒙版，用黑白渐变由右上角向左下角拉出白色至黑色线性渐变，效果如下图。
CorelDraw使用粗体、斜体文字样式
CorelDraw疑难杂症速查手册》收集了作者木平与各位平面设计同仁相互探讨提出的问题以及百度CD吧的提问，结合实际操作和工作中遇到的问题整理而成。其中有些问题参考了吧中好友和网络上同道中人的回答，对于一些不清楚或有疑问的问题作者都亲自用CorelDraw 9和CorelDraw X3分别验证了操作性与真实性。 本教程为分期连载教程，欢迎大家持续关注。 问：CorelDraw各个版本均无法使用粗体、斜体文字功能吗？ 答：CorelDraw这一功能不是不支持中文，而是对中文的支持还需要中文字体的本身字体支持才能正确执行这一操作。 例如：我们经常可以看到如下的文字字体样式： Times New Roman Times New Roman 粗体 Times New Roman 斜体 Times New Roman 粗体/斜体 因此，如果系统字体文件夹里没有相应的粗体与斜体字的话，这两种功能在CD中是不可用的，CD软件的这一设置就是为了CD网页功能的一个延伸，确保字体在网页上也能正常显示。
初学摄影者常犯的18种错误
在摄影实践中，经验不足的初学者，常会出现一些失误。笔者把初学者常见的18种失误分别列出，并简要分析失误原因，提出防止方法，供初学者参考。 1、用广角镜头拍出的照片四角发黑 主要是由于闪光灯覆盖面与广角镜头的视场角不匹配。老式闪光灯设计的闪光覆盖面大都只能与35mm的小广角镜头配套，28mm广角镜头的视场角比35mm镜头大12度，因此使画面四周受不到光而发黑。防止的办法有二条，一是在灯光上加散光罩，使闪光成为散射光，以扩大覆盖面;二是用白纱布蒙住灯头，让光线散射，使整个画面都能均匀受光。 2、画面影调模糊 在排除了相机无故障和手震等原因后，就要检查镜头是否被灰尘覆盖或被污渍染涂。如遇到这种情况，切忌用嘴吹或毛巾擦。应用吹气球吹去镜头上的尘土，再用镜头刷拂去杂物，最后用镜头纸擦拭，使镜片明亮如新。如仍有汗渍、指纹和油垢，就要送相机维修店用镜头清洁液仔细清除。 3、主体人物模糊，背景清晰可辨 有两种可能，一是手动对焦相机对焦时，焦点没有对着主体或是主体对焦后，在构图中又移动了位置，未重新对焦，使主体不在景深范围之内;二是使用自动对焦相机时，没有按快门“锁定”焦点再重新构图，使焦点在构图中向别处飘移。 4、团体合影照片前几排清晰，后几排模糊 凡是多排合影照，要保证每个人影像清楚，就要做到三点：一是选择性对焦。五排人合影，选择第二排的对焦;七排人合影，选择第三排人对焦。二是光圈不要设定太大，一般以f4-8为宜，以保证有足够的景深。三是快门速度不要低于1/60秒，以免有人头部转动使影像发虚。 5、胶卷没有曝光
最新发布
Photoshop合成海洋中漂浮的漂流瓶图片合成教程
最终效果1、新建文件。打开PS软件，按Ctrl + N 新建，尺寸为1680 * 1080像素，分辨率为72像素/英寸，如下图，然后点击确定。2、把前景色设置为暗青色#0c3329，然后用油漆桶工具把背景填充前景色。3、新建一个组，命名为“海底”。4、在工具箱选择“矩形选框工具”，然后框选下图所示的区域。
Photoshop合成创意的树叶中的茶山图片合成教程
最终效果1、打开PS软件，按Ctrl + N 新建，尺寸为1280 * 900像素，分辨率为72像素/英寸，如下图，然后点确定。2、在工具箱选择“渐变工具”，然后设置渐变色，如下图。3、设置好渐变后，在属性栏选择“径向渐变”。4、由下图箭头方向拉出渐变色作为背景。
用PS合成创意作品照片设计的Photoshop合成教程
我们见过很多让人印象深刻的作品，他们大部分都有一个共同点，就是充满创意和想象力。那么这些照片是怎么通过photoshop创造出来的?下面的视频和文字，就向你展示这项魔术，把照片合成到一个新水平，所有的这些，都在90秒内!1匹配你的元素在选择要组合的元素时，需要确保它们匹配。首先，选择透视图匹配的元素。第二，确保光源在你所合成的元素之间是相对相似的。2花时间在选区上所谓的选区，通俗来讲就是抠图，我们的时间要多花在选区上。里卡德说，他80%的创作时间都花在了准确的选择上。这会在最终的作品中产生巨大的变化，所以在选择和剪裁时不要懒惰。
用Photoshop调出夕阳氛围古典人像图片的PS古风调色教程
本教程主要使用photoshop打造中国风古装人物大片，非常有意境的古风人像作品，希望PS教程网的朋友可以喜欢。 最终效果 原图 1、打开原图，镜头的广角导致画面有些变形，我希望能调成横平竖直的效果，所以用自适应广角处理了一下。这个滤镜用起来不复杂，就是你用左边第一个工具沿着画面中物体的边缘画出线条，然后可以右键选择是水平还是垂，就可快速校正。 2、校正完成后到处都是穿帮，这个时候就只能耐心的修补了，好在整图有一种对称美，可以随意挖出一部分素材水平翻转，结合蒙版搞掂。然后就是图章工具使用了。 3、把天空的部分选出来，这里可以直接用快速选择工具，或者你也可以用钢笔工具或色彩范围，选择的方法有多种。这里就不用讲解每一个方法或工具的具体用法了，这些基础使用方法可以百度里看一下。
用PS合成动作迅速的沙尘奔马图片的图片合成教程
本文的重点是骏马部分的处理，先抠出骏马；然后找一些扬沙，灰尘等素材，融合在马上面；后期通过溶图和修饰把沙尘纹理处理清晰，在通过调色等把颜色跟周围环境融合起来。最终效果1、打开扬沙背景。把下面的扬沙素材保存到本机，打开PS软件，然后打开保存的素材。2、打开骏马素材。把下面的素材保存到本机，然后用PS打开。3、抠出骏马。用通道把骏马抠出来，如下图。
用Photoshop外挂滤镜给粗糙头像皮肤磨皮处理教程
具体的质感肤色制作方法需要根据素材图片来选择。下图人物素材本身质感非常好，只需要用图章等工具修复一下较大的痘痘，局部偏暗及偏色的部分用选区来单独修复。总体看上去均匀，有质感即可。 最终效果原图一、PS打开原图素材，创建可选颜色调整图层，把图片稍微调整一下，具体数据根据个人喜欢调整。二、新建一个图层，按Ctrl + Alt + Shift + E 盖印图层。用修复画笔工具和图章工具修复一下美女脸上的痘痘，这个需要耐心。三、新建一个图层，盖印图层。把前几色和背景色恢复为默认的黑白色。然后执行：滤镜 > 素描 > 基底凸现，参数设置如下图。在光照的选项里我们需根据图片的光照来选取。
快速PS磨皮方法,学习PS给欧美女性头像超质感磨皮教程
本文的方法重点是磨皮部分，前期先把肤色磨光滑，然后还原出肤色细节。这种方法优点是磨皮速度极快，磨皮后的肤色区域非常柔和均匀，同时细节保持完好。感兴趣的朋友一起来学习吧。最终效果原图1、前期处理。打开原图素材，按Ctrl + J 把背景图层复制一层，并命名为“前期处理”，如下图。2、红圈位置就是前期需要修复的部分，包括大的痘痘、斑点、瑕疵、伤疤等。3、在工具箱中选择“修复画笔工具”，模式“正常”，源：取样。
使用Photoshop简单步骤给外景婚纱照片添加白云背景
这两天有朋友都在问同一个问题，加天空， 给照片加天空，是每个做数码师经常要做的事，我想大家都有各自的处理方法，但有时候遇到那种地平线在人物头部以下的照片的时候，比如下面的图片，加起天空来就不那么好加了。还是先直接上图吧：不知道大家碰到这种照片会怎么处理。今天我想给大家分享一点我个人的方法与经验。先看下最终处里效果吧：如果是你是才刚刚入行不久话，一定会想问做成这种效果是不是很复杂，其实很简单。好了让我们一步一步来：01、打开照片，新建一个空白层，用渐变工具拉一个由黑到白的渐变效果(如图)02、找一张天空素材图片，(如图)