推荐阅读
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插件给人像保留细节后期磨皮教程
最终效果原图一、用污点工具修掉明显瑕疵首先观察原图，会发现有一些明显的瑕疵，此时，可以先选择“污点修复画笔工具”把这些瑕疵去除。如图所示。二、用“曲线”磨皮曲线磨皮的原理是，提亮皮肤某些阴影较重的地方，例如：法令纹、眼袋和一些不能直接用修复工具去除的大色块，从而得到更均匀通透的肤色。同时还可以提亮眼睛。
巧用Photoshop置换滤镜设计毛衣艺术字教程
本教程主要使用photoshop巧用置换滤镜制作毛巾上的艺术字，将文本添加到动态背景是有点棘手的，因为通常看起来是平整，不真实。本教程将告诉你如何使用置换过滤的文本正确地适用于动态表面，并使其符合这一表面，以获得更逼真的效果。最终效果1、保存位移映射文件打开织物纹理图像，然后转到File>另存为，并保存图像的PSD文件名为置换地图。2、调整置换贴图步骤1、右键单击背景图层，然后选择转换为智能对象。第2步、图像>调整>色相/饱和度，饱和度值更改为-100。
巧用Photoshop通道抠出绚丽烟花的抠图教程
今天和大家分享一下ps快速抠图方法，一般大家在抠图的时候都是使用滤色等方法，或者直接使用魔棒工具，但是你会发现滤色模式会造成画面变亮，色差等问题。用一般的抠图方法又会发现经常残留黑色。解决方法就是重建颜色通道，来去掉里面黑色的部分。烟花之类的素材抠图方法有很多，如果是较暗的背景，直接把素材混合模式改为“滤色”即可;或者魔棒工具直接就可以选取，不过背景为其它颜色时，用滤色模式其固有色也会变色;这里和大家介绍一种非常实用的方法，过程：分别调出红、绿、蓝三个通道选区，并在图层面板分三层填充相应的红、绿、蓝纯色，再把各层混合模式改为“滤色”，然后合并图层即可。先看看原图和效果图首先打开你的通道选项卡。1、Ctrl + 鼠标左键点击缩略图，选择红色通道2、再回到你的图层选项卡 按住Ctrl+shift+N新建图层 前景色调成纯红色 Alt+DEL填充。
Photoshop修复美化大气古典美女写真图片处理
增加云彩是图片美化的常用方法。大致过程：首先选择好天空素材，素材的角度要与图片一致。然后把天空加大图片的空白位置，底部加上过渡即可。最终效果原图一、执行曲线命令，先将照片的明暗及对比度做一下调整，如图所示。二、发现人物腿部有些光线不足，利用套索圈选人物腿部及裙子部分并羽化100像素，然后利用曲线提亮，如图所示。三、利用PS软件中的皮肤修饰工具及命令将人物皮肤进行修饰，然后利用液化命令将人物的形体进行一下挤压。修饰，液化后效果如图。
Photoshop给数码人像添加层次感的云层效果
本教程主要使用photoshop给人像头发添加立体层次感的云层效果，通过调整图层的方式调整色调，结合使用画笔工具载入云朵画笔笔刷并添加丰富的层次感的云层效果，喜欢的朋友让我们一起来学习吧。效果图：步骤一：打开“人物.jpg”文件，用裁剪工具，对画布进行扩展处理，而后用“可选颜色-色彩范围”定出黑白场。而后用快速蒙版进行处理，处理完毕之后，退出快速蒙版转化为标准模式，CTRL+J复制人物层，得到扣出来的图像!命名为人物层(新)在底层新建一个图层，命名为“图层2”，并填充为浅蓝色(R 196、G208、B230)，然后给“人物层(新)“图层添加图层蒙版，用柔性画笔涂抹人物的头发，使过渡更加平滑!步骤二：开始对整个画面进行调色!
Photoshop金黄色草地人物照片处理教程
素材图片的色调比较少，仅有草地和天空的颜色。调色的时候可以直接用色相/饱和度选取相应的颜色快速调色。主色调好后，适当加上暗角，局部适当美化一下即可。 最终效果 原图一、打开原图素材，创建可选颜色调整图层，对黄、绿、白、中性色进行调整，参数设置如图1 - 4，效果如图5。这一步主要调整草地部分的颜色，把绿色转为褐色。
Photoshop调出灰褐色背景虚化人物照片处理
褐色是种非常流行的颜色，调色方法也非常简单。先把图片的大致颜色分出来，用可选颜色等调色工具精确调色，都转为暗红或褐色。后期再加上暗角等即可。 最终效果 原图一、创建可选颜色调整图层，这一步使照片中的天空色调及植物绿色变为统一的青色调，参数如图，效果如图。 二、创建色相/饱合度调整图层，选择青色，用吸管工具吸取天空上的青色部分，通过降低饱合度，使其颜色接近下方的色调，参数如图，效果如图。
PS调出暗调蓝红色效果的树林人物照片处理教程
暗调蓝红色是比较古典的颜色。调色方法也比较简单，前期可以用通道替换得到所需的青红色，然后把青色转为暗蓝色，红色部分转为橙红色即可。最终效果 原图一、打开原图素材，创建可选颜色调整图层，对红，黄进行调整，参数设置如图1,2，效果如图3。这一步简单增加图片的暖色。二、新建一个图层，得到“图层2”，按Ctrl + Alt + Shift + E 盖印图层。进入通道面板，选择绿色通道，按Ctrl + A 全选，按Ctrl + C 复制。选择蓝色通道，按Ctrl + V 粘贴。点RGB通道返回图层面板，效果如下图。这一步减少图片的颜色，只保留青红。
ps照片处理 制作在海边被打散的人像效果教程
本教程主要使用photoshop制作被风吹散的海边人像效果，之前好多人问我这个，其实真的很简单，就是蒙版加上自己喜欢的笔刷就可以了。本来我自己一直想做GIF动画的，但是其实这组图是上次我做演讲的时候花了2个小时做完，做的PPT，下午就去演讲了。由于没有好的创意，每片叶子的动态都要做的话，工程量就太大了，而且飘完了就没了 这个GIF也没太大的意思。下面来讲解如何做出这种效果。切入正题，po张调色后的图(原片被删了)，那天扫街的时候被这妹子的背影吸引了，就按了一张逆光的。液化，调色后，就有了这么一张图。step 1： 还原背景，把这个人擦去，仿制图章工具啦，什么的，自己怎么喜欢怎么来，就有了下面的图片。差不多就行了，不用太完美。step 2：有人那张在上面，加一个蒙版层，刚才把人p掉的那张在下面。