推荐阅读

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手绘晶莹透明的水滴
网上有很多朋友都提出如何用Photoshop鼠绘透明水滴的问题,这里做一个小教程,把水滴制作的一些心得和大家分享。 图1 原图片:图2 鼠绘水滴最终效果:图3 1、在Photoshop中打开原始图片。图4

实例教程:用Photoshop打造绚丽花朵
先看效果图:图1 1. 新建一个黑色背景的文件,再新建一个图层,用画笔画一根直线图22. 滤镜,分格化,风,多吹两次出下图。图3 3. ctrl+T,右键,选择变形。图4 4. 拖动结果,做出下图。 图5
Photoshop入门教程:打造永不凋零的玫瑰
先看一下效果:效果图 1. 首先运行Photoshop软件,新建一个600x400像素72dpi的RGB图像。如图1所示。图1 2. 使用自定义形状工具绘制出一个玫瑰花的路径。如图2所示。图2 3. 按下Ctrl+Enter键将路径转化为选区。如图3所示。图3 4. 新建图层,给选区填充颜色,这里的颜色无所谓,后面会进行更改的。如图4所示。图4

Photoshop鼠绘一支新鲜玫瑰花
效果图 1、用钢笔工具勾出花的外形,填充RGB颜色150、16、25。图1 2、用钢笔勾出左边一片花瓣(只是整个花瓣的一部分,因为整个花瓣是包卷着的),复制到一个新的图层。图2 3、继续用钢笔工具勾出下一个花瓣,复制到一个新的图层。图3 4、继续用钢笔工具勾出下一个花瓣,复制到一个新的图层。

垂涎欲滴!photoshop鼠绘超逼真西瓜
夏日酷热,西瓜清凉解暑,我也来凑个热闹,呵呵,先看效果图。 (效果图) 1. 新建一个500*400文档。先给背景填充轻微颜色,这里用的是R202/G216/B203。(图1) 新建图层1。由于用椭圆选框拉出来的椭圆,两边斜度较陡,画出来的西瓜显得单薄。选择自定形状工具,找到里面一个音乐图标的椭圆形状,这个椭圆略为浑厚。如果没有找到,是因为没有追加进去,点击形状面板右上角三角形,选择“全部”。自定形状选项设为路径,拉出一个椭圆,按Ctrl+Enter将路径转为选区。 2.选择钢笔工具,选项同样为路径,将中间的小圆用路径圈起来,闭合路径后点右键,选“建立选区”,在弹出的选项中选择“添加到选区”,这样就得到完整的椭圆。选择前景色为暗绿色(R42/G75/B37),按Alt+Del填充。执行选择―储存选区,将这个椭圆选区储存到通道中。(图2) 3.不要取消选择,新建图层2,填充20%灰(R215/G215/B215),执行滤镜―杂色―添加杂色:数量20,高斯分布,勾选单色。 执行滤镜―模糊―高斯模糊:半径2。 执行滤镜―画笔描边―墨水轮廓:描边长度4,深色强度20,光照强度10。再执行高斯模糊:半径0.5。 执行滤镜―扭曲―球面化:数量80%。取消选择,图层模式设为正片叠底,这个层是作为西瓜表皮的纹理。

Photoshop 鼠绘教程:绘制鲜美葡萄
葡萄素有果中玛瑙之美称,美味更是不必多讲。葡萄的多种营养成分对改善人体新陈代谢功能、软化血管、降低血压,治疗心脏病与贫血均有一定疗效。 实例最终效果如图1所示。图1 完成的效果图 葡萄的制作过程中应用的诸如滤镜和图层混合模式等的高级技巧都很少,相对软件应用来说,比较简单。本小节主要通过对这串葡萄的描绘来详细介绍一下Photoshop cs2鼠标手绘过程中光影效果,以及对象质感的表现。同时,我们也通过该实例,具体讲解构图和着色以及软件中工具在实际绘画中的应用。 绘画过程中要注意全局的把握,分析好绘画对象所处的环境,环境色对绘画对象的影响,对象在该环境中可能出现的光影变化。 可以把整串葡萄看成是一个整体,大致总结出该对象的光影变化。然后再具体刻画个别葡萄粒。 仔细观察这串葡萄,不难发现,虽然实际中葡萄粒都是相似的,但绘画时候却不能通过复制的办法来做。因为葡萄粒生长的位置,受光程度各不相同,所以在绘制过程中要各自对待。 图2是光源方位的分析。图2 光源的方位在葡萄的左上角偏后的位置 下面的图片是对葡萄整体的五调的分析。由于画面中葡萄的周围没有可以反映其投影的物体。所以图片中没有显示投影这一调子,如图3所示。但不是葡萄违背了五调的规律,它的投影应该反映在图片范围外的某一物体上,比如地上的某一部位。

Photoshop鼠绘新鲜橘子教程
我们在这一节中,将通过对橘子的绘制来介绍几种滤镜命令、"智能图层"和"变形"命令的使用方法。 实例最终效果(如图0所示)。图0 实例最终效果 按下键盘上的Ctrl+N组合键,或执行菜单栏上的"文件→新建"命令打开"新建"对话框,设置参照图1所示。图1新建图层对话框 新建图层,填充RGB值分别为252、121、3的桔黄色,如图2所示。图2新建图层并填充桔黄色 打开通道调板,新建一个通道,填充白色,选择该通道。图3新建通道并填充白色 执行菜单栏上的"滤镜→素描→网状"命令,在弹出的对话框中按图4所示方式设置。图4"网状"滤镜设置对话框

Photoshop鼠绘精美手机详细教程
本教程为人民邮电出版社与作者杨斌共同授权太平洋电脑软件资讯发布,转载请保留来源以及作者等信息! 我国拥有近四亿的手机用户,居全世界第一。手机在我国已成了常见的通讯工具。本小节将带着读者一起用Photoshp CS2绘制一台手机。 本小节完成的效果图图(1)。图1 手机绘制完成效果图 本实例制作步骤如下: 按下键盘上的Ctrl+N组合键,或执行菜单栏上的"文件→新建"命令打开"新建"对话框,设置参见图2所示。图2新建对话框的设置 新建图层,按下键盘上的Ctrl+R组合键打开标尺,创建一条垂直辅助线。以该辅助线为对称中心线,用"矩形选框工具"(快捷键M),根据手机形状创建一个矩形选区,如图3所示。图3 以辅助线为对称中心线创建的矩形选区 选择"椭圆选框工具"(快捷键M)工具,设置选项栏上的布尔模式为"添加到选区",如图4所示。

Photoshop鼠绘新鲜黄瓜详细教程
本教程由人民邮电出版社与作者杨斌共同授权太平洋电脑软件资讯发布,转载请保留来源以及作者等信息! 黄瓜是常见的蔬菜,在本教程中,笔者将带着网友一起来绘制两根新鲜的黄瓜。 先看看最终效果:最终效果图 按下键盘上的Ctrl+N组合键,或执行菜单栏上的"文件→新建"命令打开"新建"对话框,设置参照图1所示。图1 新建文件对话框 打开通道调板,新建一个通道,填充黑色(图2)。图2新建黑色通道 设置前景色和背景色分别为白和黑,执行菜单栏上的"滤镜→纹理→染色玻璃"命令,设置参照图3所示。图3"染色玻璃"命令的设置和命令执行后的效果

Photoshop鼠绘实例:香水梨
五、将图层2执行图层--图层样式--斜面和浮雕。 六、合并图层1和图层2。 七、执行滤镜--液化,将图改成梨形。 八、选用加深工具将梨的周围加深,如图3-8。 九、选用加深工具将梨的顶部加深成一个黑坑。 十、新建图层,用多边形套索工具,作成如图形状。 十一、填充深黄色,用液化将其变弯,并用加深工具将下部加黑。 十二、在背景层之上建新图层,设椭圆选区,羽化5象素,填充暗红色(或高斯模糊),移至梨的右下方形成阴影。 十三、做一块红布,最后效果。