推荐阅读

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、胶卷没有曝光
最新发布

PS给女孩自拍照片脸部磨皮祛斑美白
通道去斑原理非常简单:在通道中用滤镜及计算等把人物脸部有斑点的部分加强出来,转为选区后适当调亮就可以实现去斑,斑点较多的可以重复处理直到自己满意为止。最终效果 原图 一、打开素材图片,把背景图层复制一层。 二、图层混合模式改为“滤色”,不透明度改为:75%,如下图。

调出明亮月色照耀下卧室图片的PS教程
给图片增加月色看似简单,其实有很多细节需要处理好。首先是色彩方面,要把图片转为夜景,色调用冷色;然后给天空部分增加一些星空,并加入自制的月亮或素材;最后加强受光面及一些阴影区域即可。最终效果 原图 一、在CAMERA RAW里面把色温调整一下,使得整个画面偏蓝,以便于营造一种夜晚的效果。 二、加入之前拍摄好的夜空,把模式改为正片叠底。

学习制作华丽细腻眼影及肤色的PS技巧
商用人物修图中,磨皮部分是最费时间的,自己需要掌握几种常用保细节磨皮的方法,如中性色,双曲线,高低频等。皮肤磨细腻了,后期润色及增加质感就很容易了。最终效果 原图 一、创建新组/命名为:简调,先简单的调下原图适当压暗,皮肤的纹理会更明显,参数如图。 二、降低整体颜色饱和度,渐变映射-选择灰白渐变-降低填充39%。

用PS软件制作仿动漫搞怪人物头像
最近有个赵石的漫画很火,相信很多同学都看过了,然后赵石头像也突然流行起来,今天趁热打铁,鲜榨盲肠汁同学来教大家如何绘制自己的赵石头像,经鉴定效果相似度高达99%,来收下你的膝盖吧。下图是我们最终得到的效果图: 跑去微博看了下赵石漫画,特点就是方头方脑、颧骨戳破天际、双眼大而无神、一脸苦逼相。 想快速简单达到大致效果的话,就是拿液化工具把颧骨和腮帮子丧心病狂的往外拉,双眼超越生理极限的放大。 效果应该如下图才行

头像照片精细化磨皮润色的PS技巧
目前市面上有许多图像处理软件,其中如美图秀秀等傻瓜式软件虽然用起来方便,但修图效果却远远不及Photoshop。Photoshop中有许多功能都可用于后期修图,即使是很细微的变动都可对最后的图像结果有很大的影响。在本PS教程中,笔者将会通过一些调整图层、笔刷、蒙版等很基础的PS工具来完成对人像的润色。 本PS教程的难度不大,但技巧基础性强,对于PS初学者来说非常实用。下面是我们用这个精细化磨皮润色教程处理出来的头像照片效果图: 一、首先当然是准备好素材。这里要说明的是,选择素材是有一定要求的,那就是质量必须高,要非常清晰,甚至毛孔都必须清晰可见。此外,已经经过修图的素材也最好不要,因为已经不是最自然的最原始的底图了。事实上,用PS进行后期修图并没有完全相同的步骤或流程,这个修图过程与方法很大程度上取决于你对修图对象的灵感与期望达成的效果。这里,笔者选择了一个相当自然的美女模特作为素材。

学习掌握20条高效PS照片技巧汇总
无论是作为PS的新欢,还是老司机,在学习乃至日常工作中,能够高效地使用它来完成任务,总是令人欣喜的。那么,合理运用知识、滤镜、预设等当然是方法之一,然而,更多时候,那些基础操作中的快捷技巧才是王道,本文阿随君就来跟大家分享一些可能被忽略的冷门、偏门大招,实乃懒人进阶不得不知的秘籍。 1、在“旋转视图工具”中“旋转画布” 旋转画布,是在很多设计任务中都会用到的命令。使用时,在英文输入状态下,按键盘快捷键“R”选择或者长按左侧工具栏的“抓手工具”弹出选项选择“旋转视图工具”,然后就可以通过单击鼠标左键来旋转画布了。 如果想快速回到原来的角度,只需点击上方选项栏的“复位视图”。旋转时,还有罗盘指引哦

对人像照片全面精修调色磨皮处理的PS技巧
一、各种磨皮方法简介高斯模糊最常见最方便,利用PS自带的基本工具就可以做到,缺点是处理人像特写时候,人物皮肤容易处理的太光滑变成塑料人。用一些插件例如TOPZA、KODAK、降噪磨皮速度很快,缺点还是不真实。最真实自然的方法是几种PS基本工具结合曲线、色彩平衡或者通道等技术,做出自然真实保留毛孔的人物皮肤。我总结人像有两种风格,一是糖水片那种白里透红的皮肤质感,看不到毛孔,但是也遵循光影原则,适合青春少女甜美风格;另一种是保留毛孔,光影感强,皮肤有各种颜色,商业人像和民俗人像中常用,但是相当费功夫。下图为两种方式对比:二、清纯甜美磨皮磨皮插件有兴趣朋友自己研究一下,在这里说一下高斯模糊磨皮方法。磨皮前后对比图,对不住这个姑娘了,希望她不要看到打我。。。步骤1:首先要去除斑点,打开要处理的图片,复制一层,选择修复画笔工具。点击鼠标右键调节画笔硬度为0,间距默认,调节画笔到合适的大小,按住ALT键,在斑点附近空白处点击鼠标左键取样,松开ALT键,点击斑点,就消失了。这个过程有几个快捷键,按住ALT键双击带锁图层可以解锁,按住ALT+CTRL上下拖动图层可以复制一层,按住ALT键滑动鼠标滚轮可以放大缩小图片,按住空格键用鼠标可以拖动放大后的图像移动。去斑完成如下:

用PS表面模糊工具把模糊图片变清晰
原理就是把图像反相后模糊非边缘区域,这样就能突出边缘。处理后的图片比锐化滤镜更精准,只是操作的时候稍微复杂一点。最终效果 其它图片原图和效果 一、打开需要锐利化的照片。

PS鼠绘卡通动漫村庄场景图片
本教程原创卡通画的创作流程及技巧。学习的时候我们不仅要学会作者的鼠绘及上色方法,更重要的是要学会如何从创意开始,直至作品完成的过程中需要注意的细节操作。最终效果 一、首先,确定整个场景的地平线位置,视角,以及大致的透视关系,并安排好各个主要部件的位置。 二、大致布局完成了,开始将它们细化。因为这张图色彩关系较复杂,直接上色不好掌握,所以前期我们先画黑白稿。通常黑白稿画起来会比较轻松,因为不用考虑色彩关系,造型上可以轻松变化,直到满意。 三、黑白稿完成了,开始上色。 用曲线工具调整整个画面的冷暖关系。这张图我准备画成夕阳西照的感觉,亮部会明显的偏暖,暗部则偏冷。于是我用曲线工具,对红色通道做了以下调整。

用钢笔、通道和曲线的抠图技巧
一、打开素材观察,发现此图并不难抠。比较难的是: A、头顶的几根细发和左手边发髻, 对此我们将用曲线调整。 B、左脸颊,左臂的网格衫与背景界限不清。对于界限不清,我们常用钢笔工具抠。 二、选择钢笔工具,图片放大到300%,抠出人体部位(不包括细发)。