推荐阅读

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功能强大,在我的眼里可以说博大精深,无所不能,下面的精致手枪就是用Photoshop和鼠标在空白文档的基础上画出来的,没有用任何素材。 本实例主要运用了Photoshop渐变工具、加深工具、涂抹工具等工具以及定义图案的运用。下面是整个绘制过程的详细过程。文章末尾提供.psd原文件供大家下载参考。以下图片均可点击放大观看。 图1 (1)选择“文件”“新建”命令,打开“新建”对话框,设置它的大小为1024*768。 从工具栏中选择钢笔工具,勾画出如下图所示的手枪的闭合的外轮廓。 图2 (2)按快捷键【Ctrl+Enter】,将刚才绘制的闭合路径转化为选区。如果你还需要刚才绘制的路径,你可以在路径面板中双击生成新的路径,这样你再画下一条路径时就不会将其覆盖了。按快捷键【Ctrl+Shift+N】,新建图层1,然后从工具栏中选择渐变工具,在渐变编辑器中将两端的颜色调成一个深灰一个浅灰,然后在选区中拖出如下面如示的渐变形态。

用Photoshop打造写实青铜器 鼠绘
这个教程主要是针对青铜器锈斑的质感表现进行的尝试,在酒杯的造型和纹样方面并没有进行过细的研究,还请多多高手包涵。 在教程的后面附有酒杯的素描效果文件,可另存给你练习或消遣使用。欢迎高手都来露一手,新手也来试一手! 效果图

Photoshop 鼠绘MP5全过程
MP5微冲这把世界名枪想必很多朋友都不陌生,今天我们用PS来制作出这把反恐之王。 本教程利用颜色、光源、材质等颜色差异和光源制作鼠绘作品,教程用到大量的不透明度、高斯模糊处理出光源效果,添加杂色来制作枪的特殊材质。由于步骤繁多,请自备干粮、水……废话少说,先看最终效果图。 1、新建文件RGB模式 800X600大小,用钢笔工具勾勒出草图,(具体钢笔路径勾勒过程省略,如果把握不好请参照图1)如图1所示的12个部分,CTRL+ENTER转化成选区,菜单―编辑―描边黑色1象素,为了以后添加效果方便,建议给每一个部件都“创建组”。如图1 2、将勾勒好的部件,如图2示填充50%灰色和黑色,这样做是为了在以后的效果处理上有个参照物。 制作弹夹 3、点“弹夹组”前面的小箭头,展开弹夹组。CTRL+弹夹层选中选区,填充颜色 4C4E4F ,选中部分填充黑色。新建一层,用多边型索套选取图示部,填充白色到透明渐变,菜单―滤镜―模糊―高斯模糊1.0,然后调整图层不透明度为50%。 3-1、弹夹凹槽以及阴影的制作。这里要注意的是每一步都是先填充渐变,然后进行高斯模糊处理,最后修改不透明度,这样 一个弹夹就制作完成。图3-1

Photoshop超真实鼠绘:T10数码相机
如今数码产品的推陈出新也是非常之快,早些年使用胶卷的相机都不是家家都有,如今就连数码相机也不是什么奢侈品了,像素从300万到现在的1000多万,发展速度真是惊人。好了我们进入今天的正题,今天笔者带给大家的是使用Photoshop鼠绘一款如今比较热门的卡片数码相机Sony T10,我会尽可能的将步骤详细进行说明,希望对大家有所帮助。 最终效果图 图1 图2

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

垂延欲滴!photoshop鼠绘超逼真西瓜
夏日酷热,西瓜清凉解暑,我也来凑个热闹,呵呵,先看效果图。 (效果图) 1. 新建一个500*400文档。先给背景填充轻微颜色,这里用的是R202/G216/B203。 (图1) 新建图层1。由于用椭圆选框拉出来的椭圆,两边斜度较陡,画出来的西瓜显得单薄。选择自定形状工具,找到里面一个音乐图标的椭圆形状,这个椭圆略为浑厚。如果没有找到,是因为没有追加进去,点击形状面板右上角三角形,选择“全部”。自定形状选项设为路径,拉出一个椭圆,按Ctrl+Enter将路径转为选区。 2.选择钢笔工具,选项同样为路径,将中间的小圆用路径圈起来,闭合路径后点右键,选“建立选区”,在弹出的选项中选择“添加到选区”,这样就得到完整的椭圆。选择前景色为暗绿色(R42/G75/B37),按Alt+Del填充。执行选择―储存选区,将这个椭圆选区储存到通道中。 (图2)

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

Photoshop鼠绘教程:绘制手机
我国拥有近四亿的手机用户,居全世界第一。手机在我国已成了常见的通讯工具。本小节将带着读者一起用Photoshp CS2绘制一台手机。 本小节完成的效果图。(图4.1-1) 图4.1-1手机绘制完成效果图 本小节实例制作步骤如下: 按下键盘上的Ctrl+N组合键,或执行菜单栏上的“文件→新建”命令打开“新建”对话框,设置参见图4.1-2所示。 图4.1-2新建对话框的设置 新建图层,按下键盘上的Ctrl+R组合键打开标尺,创建一条垂直辅助线。以该辅助线为对称中心线,用“矩形选框工具”(快捷键M),根据手机形状创建一个矩形选区,如图4.1-3所示。