推荐阅读

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制作立体水晶字
这篇教程教飞特的朋友们用PS制作立体水晶字效果,制作过程很简单,希望大家喜欢这篇教程,我们先来看看最终的效果图:一,新建文档,背景填充为黑色,二,输入文字,做透视效果,并对文字删格化三,选取文字,描边3像素,居外,后挖空文字四,设图层透明度为45%

PS制作Q版木纹字
1.新建文件,选择钢笔工具勾绘木板外形及内部木纹纹理。提示:外边轮廓要比内部轮廓粗;可以适当的绘制一些疖子如图1-3为了将来的变化更大一些,我一共定义了4种,其中有两种是两头粗细不等2.分别全选,拖到笔刷调板定义成艺术笔刷3.使用钢笔绘制艺术字4.应用画笔,因为画笔定义的大小问题,需要适当的调整笔刷的大小比例(双击笔刷调板的对应笔刷即可全部应用一种画笔,可以看到因为线的长度不同,同一个画笔已经可以出来不同的效果

PS CS4制作漂亮积木字效
最终效果 1、首先我们选择一种位图格式的字体,然后输入文字,设置颜色,这里我填充的背景色是#3a3a3a,前景色设置为黑色,输入下面文字,调整字符面板中字体大小到120pt,效果如下。 教程讨论和作业提交http://bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=86 2、创建一个新图层Mosaic,设置前景色为70%灰色,背景色为85%灰色,然后执行云彩滤镜,之后执行马赛克滤镜,设置大小为50,效果如下。 3、选择Background图层,然后按CTRL+J复制图层,按Alt键单击PSD和Mosaic图层,遮住Mosaic图层。 4、选择Background图层,然后执行“3D > New Mesh From Grayscale > Two-sided Plane” 6、在Photoshop中渲染达到块状效果。 7、打开3D窗口和双击3D图层,设置角度。

PS制作花纹文字
在本教程中,我们将使用叠加效果,斜角,浮雕,向量,纹理,图案,以及更多来创建一个有复古的海报文字效果。教程适合中级到高Photoshop使用者。 我们首先要做的事是创建一个具有下图设置的新文件: 然后,我们要双击图层面板上的“背景”图层。默认为打开一个新文件。更改名为“背景”,按“确定”。 现在,我们要创建渐变背景。在菜单上单击图层>图层样式>混合选项。选中“渐变叠加”,然后输入以下设置: 我们需要创建文本,我们使用的是“ZARAUTZ” 字体。打开混合选项,输入下图设置:

PS制作可爱叠加字
教程制作步骤如下: 首先创建一个新文件,大小300 * 500像素,填充颜色#1a142c。当然,你也可以设置自己喜爱的颜色。 之后,创建一个新层,用椭圆选框工具像我下图这样创建选区,并用另一种颜色#6d56b2填充它。 OK,让我们在背景上工作,现在我们开始创建文本效果!选择水平文字工具,用KabelBd字体和任何颜色写出字母P。

PS制作立体透视字
这篇教程教飞特的朋友们用PS制作立体透视字,教程似有有点年代了,刚刚看到论坛有人贴了这个效果。把这个教程转发下,希望对飞特的朋友们有所帮助。先看看最终效果具*作步骤如下: 1、打开PS 执行文件―新建―新建550X400像素空白文档 2、输入所要制作的黑色文字(字体最好选粗厚些的字体)本教程字体汉仪方叠体简 3、对文字层点右键将文字栅格化(一定要栅格化)将矢量文字变成像素图像 快捷键CTRL+T(自由变换)将文字变形!达到我们想要的角度跟效果!这里要注意透视原理! 4、按CTRL+J复制图层得到图层副本!双击图层副本添加图层效果 斜面浮雕(内斜面,斜面的宽度设为1、2 像素就可以了,不要太宽)颜色叠加(添加上自己需要的颜色,我们这里用红色)

PS制作闪亮质感金属字
这个教程教飞特的朋友们 用PS制作闪亮质感金属字,教程不难,效果也还蛮不错的。转发过来,希望飞特的朋友们喜欢。先看看效果:最终效果:制作步骤如下:1、新建400*300像素大小文件,白色背景,72像素分辨率。2、输入文字“23PS”,填充黑色,粗体字效果好。3、将文字层转为可编辑层(栅格化文字),保持文字为选区,按Q进入快速蒙板。4、执行滤竟---模糊---高斯模糊,参数如下

PS制作七彩文字效果
第一步:新建文档 宽1400px,高650px。使用以下渐变(#474747C>#0c0c0c)填充背景图层: 第二步:在背景图层上方新建一命名为“高光顶部”的图层,选取一大点(1000px)的白色软笔刷,单击画布的顶部中心地区。 创建另一图层,名为“高光底部”,使用上一步中相似的笔刷(这次我用的是400px大小),单击画布中心,自由变换(ctrl+t)它形成透视。 到目前为止,效果图为: 并设置如下的图层样式: 阴影: 斜面与浮雕: