推荐阅读

PS打造蓝色质感水晶文字效果
这篇教程教飞特的朋友们用PS打造蓝色质感水晶文字效果,教程制作出来的文字效果灰常漂亮,制作难度中等,教程主要体现的是质感的部分吧,希望飞特的朋友们能从这篇教程中有所收获,先来看看最终的效果图吧:效果图:具体的制作步骤如下: 1.打开背景图,开始打字,设置前景色#77a5c2 ,打上你想要的字样,我用的是Alba字体(字体素材下载),然后复制文字图层,得到文字副本层, 把填充改成0% 2.回到文字图层,更改图层样式

理解Web框架,和如何构建一个CSS框架
什么是框架? 为了便于沟通,我们给“框架”统一一个定义(至少在本篇文章中是统一的):一套包含工具、函数库、约定,以及尝试从常用任务中抽象出可以复用的通用模块,目标是使设计师和开发人员把重点放在任务项目所特有的方面,避免重复开发。通常的讲,框架就是上面提到的JavaScript框架和Web应用框架。 需要强调说明的是,我们不必讨论构造、打包发布,相反,一个框架只为你或你的团队使用即可。CSS框架 有些时候,你可能尝到了抽象类似的CSS代码的甜头,在那些同时设计几个类似网站的设计师身上表现最为明显。此外,团队中的设计师们从框架的方法上有很多的获益。比如,我在一家报馆工作,所有的20多个网站保持着很多的共同点,基于新闻网站的特点,它们趋向于更加相似,而不是差异。但是,即使单独一个设计师,设计一个从表面上看有差异很大的项目,也可以为CSS框架抽象出一些通用的小碎片。 劳伦斯日报(Lawrence Journal-World),我在那里工作,我们最近建立了一个CSS框架,并发现它是一个巨大的效率倍增。当然,我们花了数天时间自己创建了一个CSS框架,但一旦框架完工,开发高质量网页的速度是极快的。更何况,既然团队每一个设计师现在都使用这个框架,当一个设计师修改另一个团队成员网页时,他们不再需要花20分钟理解别人的构建思路,可以马上上手。 有那些可以忽略? 当投入到一个整体性很强的CSS框架,你想寻找的东西,是每个项目都做了一遍又一遍的重复通用的代码,目标是巩固这些代码核心地位,遵循“不重复自己(Don’t Repeat Yourself)”编码方法。这使得维护工作容易了许多,还可以帮访问者节省带宽开销。 几乎每个我参与的项目中,我必须声明的几个CSS问题: “大量重置”浏览器默认风格,比如,设置所有元素的margin和padding为0,去掉框架(framesets)和图片(images)的border,等等。 以基线对齐。这包括诸如设定块级元素的margins相同的(或多个)基准行高,如段落(paragraph)、头(header)、以及列表(list)。 创建表单(Form)的基本样式。 创建几个常用的CSS 类,例如,.hide(把display置为none,即隐藏元素)、.mute(设定为一个较小的字体和较亮的颜色)。 还有更有趣的事情,许多网站设计师发现自己不断重复使用着相同的基本结构,为什么不动它整理成自己的,在某种程度上可以非常灵活的用于多个网站?Yahoo这样做了,这就是YUI。当我们为的劳伦斯日报网站(the Journal-World)建立CSS框架的时候,我先看看Yahoo是怎么做的。我们很肯定那不是我们想要的,但作为一个很好的例子,给我们提供了很多思考和如何建构自己框架的想法。我们解决了16个单元格的问题,它具有足够的灵活性使我们的每一个网站都可以应用,即使每个网站看上去与下一个版本有些差异。另外大多数网站共用widgets ,象下拉菜单、导航菜单、按钮等,这些也是主要的需要抽象提取的对象。除此之外,你可能有共同的内容名称,如图片列表的缩略图,你可以规范对CSS命名,如“thumbnail-list”,让所有显示缩略图的都使用这个CSS类。

IE9在对HTML5的支持上依然垫底
HTML5带来新热潮,W3C预计在2012年使其视频、绘图和地理规范稳定下来并达到推荐水平。事实上多个浏览器已经开始全面拥抱HTML5,也包含不思进取的IE。html5test.com是一个在线的基准测试,它类似于Acid3,但主要用来测试浏览器对HTML5的兼容性,讽刺的是,IE9仅仅带来了更快的JS引擎,在对HTML5的支持上依然垫底,以下是成绩公布:
最新发布

用Photoshop图层给MM照片换背景
用Photoshop图层给MM照片换背景。 原图 最终效果图 01、打开图片,ctrl+j两次,分别得到图层1和图层1副本。见图01 图01 02、点击红圈处,新建图层2,放于图层1与背景层之间,并填充蓝色。作为检验效果和新的背景层。见图02

Photoshop浅谈水滴背景抠图方法
Photoshop浅谈水滴背景抠图方法。 原图 最终效果 1.打开原图素材,点通道面版,选择一个色调比较适当的通道这里我选择的是蓝色通道,然后复制一层,按Ctrl + L 调色阶参数设置如图1 <图1> 2.确定后图片的下部分还有部分的灰色,用套索工具选出来如图2,然后按Ctrl + Alt + D羽化数值为25,再按Ctrl + L调色阶如图3

photoshop抠图系列教学(1)
首先判断下你要抠的图图和背景色差大不大,比如黑白差红绿差等,如果是,那么可以使用这种方法,如果不是请参考后面介绍的色差小抠图法~ 选择魔术棒工具,魔术棒工具是针对一定色彩范围进行选择的工具,也是抠图很常用的工具哈~ 按下shift键进行连续点击选择或者按下这个选区中增加键进行连续点击选择. 边边上与背景色差不大的部分可以通过重设容差值来进行选择,这个容差是指选取的色彩范围,越小则选择的色彩范围越小。 外面的区域是选好啦,可是里面有很多小地方还没有选好怎么办呢?我们选择矩形工具,选区中增加模式,在内部绘制矩形选区,就把那些小小的部分都选中啦~(小提示:选错的地方可以按下ctrl+z进行一步撤销,多步撤销则是按ctrl+shift+z~).

Photoshop扣图教程:通道扣图实例
首先我要告诉大家,别以为通道很难,其实你要用通道抠图只需要知道一件事就行!把你要扣的那一部分运用各种方法弄成白色,不要的部分弄成黑色,就这么简单。大家明白了吗?呵呵,现在开始吧~! 大家看一下原图与效果图对比 看效果图 下面我们来一步步的做~~ 1、打开文件 2,点击图层面板选取通道 3,仔细看各个通道(为了是大家了解用通道抠图的原理,我选了张比较简单的图.)

Photoshop:教你一步步抠出大美女林志玲
首先我要告诉大家,别以为通道很难,其实你要用通道抠图只需要知道一件事就行!把你要抠的那一部分运用各种方法弄成白色,不要的部分弄成黑色,就这么简单。大家明白了吗?呵呵,现在开始吧~! 大家看一下原图与效果图对比 看效果图 下面我们来一步步的做~~1、打开文件 2,点击图层面板选取通道 3,仔细看各个通道(为了是大家了解用通道抠图的原理,我选了张比较简单的图.)

偷天换地 谈PhotoShop抠图
抠图实例(1) 在许多的旅游景点有风景照快速合成纪念,即把人像叠加到固定的风景图片上,但制作出来的照片比较死板。Photoshop暗房很容易让我们制作各种合成照片,而且得益于Photoshop强大的功能,完全可以做到以假乱真的地步,让你足不出户即可“周游世界”。 制作这种类型合成照成功的前提是完美的抠图,要把被合成对像与原背景完美分离,然后再利用Photoshop强大的滤镜功能做些光影效果即可实现。 抠图是最关键的一步,抠图的方法又多种多样,套索、魔术棒、蒙板等都是最常用的,但涉及到人像抠图,特别是人的毛发的抠图的时候,简单的工具就无法达成满意的抠图效果,在这里,我们重点介绍利用Photoshop通道来实现快速简单抠图的技巧。 1、在Photoshop中,打开主体原图(图1), 图1 按F7键打开通道面板。一般DC拍出的照片为RGB模式,在R、G、B三通道中找出一个对比度最强的通道,即反差最大的,这样的通道容易实现主体与背景的分离,在本图中选择蓝色通道(图2)。 图2

披头氏抠门篇―通道综合运用
披头氏抠门:就是(披头)散发的女人(氏)如何(抠)图的法(门)这些天有不少朋友问到了通道抠图,因为这幅图用常规的通道抠图方法不太适用。并拿了一张有难度的图出来(以前在图像谷出现过的),老黄牛老师也提出过抠图的方法,但效果不是特别好。我想这是好事!说明大家都希望迎接挑战,这是一种向上的心态!我前两天偶尔试了试,通过两种渠道,用比较写意的方法来做,居然收到了比较好的效果:)下面就把我对图的分析和做法,希望能给大家一点启发。我们先看一下图。我每次做稿子有个习惯,不论是创意、设计还是处理一张图片都会先想,胸有成竹的时候再一挥而就,否则宁愿不做!而这个过程,就是一个分析的过程。首先,这幅图确定还有的救!为什么呢?虽然头发和背景的颜色不好区分,但背景还是比较单纯的,这就给后面的工作带来了可利用的空间(假如背景是五颜六色的花草,我也没什么好办法了!)。第二,这幅图的难度在哪里?和通常的人物(头发)去背有什么不同?大家可以看出来的,我们通常的去背,头发部分都是头发黑色,而这幅图却因为受到光线的影响,部分头发丝反光,呈现白色(我这里说的黑色、白色不是纯的黑白,应该是暗部和亮部,不要误会)第三,身上穿的毛茸茸的东西(我不知道是否也叫衣服)和头发是有区别的,这部分是可以通过常规手法完成抠图的。第四,想象步骤1、先将人物部分以及毛茸茸抠出来,完成基础部分。想象步骤2、飘散的头发单独处理。想象步骤3、头发的反光是随环境变量的变化而变化的(后期处理)

photoshop解决高难度抠图的方法
高难度抠图是别人这样叫的,并要求发个教程,等到看了这个教程后你就不会认为这样的图是高难度的抠图了,呵,在这里我用了两种方法,希望对你有所帮助,祝你玩的开心。 第一种抽出方法: 1、复制一背景层,下面再加一颜色图层以便观察,如图 2、用抽出命令,设置如图,强制前景色为白色 3、加蒙板处理掉多余的部分 4、再复制一背景层,用钢笔勾出主体

Photoshop扣图大法之无招胜有招
首先我们来看看素材,这样一张素材,会让人很伤脑筋,背景跟主体部分非常的接近,不管是从色相、明度还是从饱和度上来区分,都是很难区分的。对于有一定难度的问题,我一般都会做个小实验大家跟我看一下这样的实验后,就会明白要怎么做这个扣图的工作了。首先将画笔调整以下状态 ,这里说一下,钢笔压力这个选项只有装了手写板才会有的选项,我这里用的手写板是Wacom 影拓 II 。按下Q键,进入快速蒙版编辑状态,双击以快速蒙版模式编辑按钮,在弹出的对话框中做如下设置。使用画笔工具,用前景色为黑色,在边缘上画上几笔,尽量按毛的走势来画进入通道调板,关闭RGB的通道显示这个步骤是为了能使绘制毛发看得更加清楚,继续绘制

Photoshop扣图:把玻璃瓶“乾坤大挪移”
1、打开一幅玻璃瓶的图片,如图01所示。图1 2、双击背景图层将背景层转换为图层0。图片看起来有点灰,按Ctrl+L键弹出色阶对话框,把黑色三角滑块向右移动,注意保留瓶子的高光部分。 3、选择工具箱中的钢笔工具,沿瓶子的边缘建立选区如图02所示,将瓶子抠出。为了使选区永久保存和以后调用,把选区储存为通道,激活通道面板,新建Alpha 1通道,然后把选区填充为白色即可。图2 4、把瓶子的外形载入选区后回到图层面板,选择图层0,按Ctrl+Shift+I键将选区反选,将背景删除,如图03所示。图3 5、由于玻璃的特点是透明度较高,反射度较强,而自身的色彩则相对较弱在操作时保留玻璃的反光和玻璃自身的阴影。 6、红、绿、蓝三个通道,红通道的对比度较强,暗部也较明显,制作玻璃瓶的暗部选择红色通道进行操作。激活通道面板,首先复制红色通道为红副本通道,如图04所示。然后按Ctrl+I键将红副本通道进行反相处理,效果如图05所示。图4