推荐阅读

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的支持上依然垫底,以下是成绩公布:
最新发布

Ulead Photo硬派6制作大放送(二)调色板
Ulead Photo硬派6制作大放送(二)调色板 Photoimpact的路径绘制功能是很奇妙的,我们可以轻松的绘制的一个逼真的立体调色板。首先新建一个300*300的文件,然后,选择路径绘制功能,并且选择自定义形状,在如图15所示的形状库中找到调色板。图15 自定义形状面板 点击确定,并且将路径绘制的模式调整为三维圆形,如图16所示。在画面上绘制出一个立体的调色板。图16 设置三维圆形 接下来我们还可以对这个立体图形的边框和深度进行一些调整。将边框设置为18,深度设置为30。产生如图16所示的立体图形。图16 绘制出立体图形 选择菜单命令编辑à填充,点击填充面板上纹理标签,在选项卡组中选择自然纹理,我们在这里选择一种类似木纹效果的纹理,可以选择木质2。 现在就产生了如图17所示的效果。仿佛是一块用木头做出来的调色板。图18 进行纹理填充在调色板上点击右键,选择右键菜单中的阴影选项,我们要给调色板加上投影的效果,在阴影对话框中,首先在阴影的选项前面打上钩,在阴影的类型中选择最后一种,向左的投影效果。将透明度调的高一点,使阴影显得稍淡一些,我们也可以根据自己需要调节一下其他的参数。添加阴影对话框的设置如图19所示。图19 添加阴影 让我们在给这块调色板上加上一些颜料,使它看上去更像真的。 按住工具箱中的笔刷工具。直到出现其他的选项,选择油画工具 。并在预设值的下拉菜单中选择粗笔画,选择了这个预设值后所默认的颜色是紫色。这种颜色并不是我们所想要的,所以我们可以点击颜色按钮,给它换成红色。你可能会注意到,在选择了另一种颜色以后,预设值显示的是无,但是不要紧,除了颜色以外,刚才我们所选择的预设值的其他属性都还在。在工具属性栏上,将模式设置为作为对像绘制模式 ,如图20所示,用油画笔工具在调色板上绘制出一小团红色。图20 绘制出颜料 接下来再换成其他的颜色,分别绘制出白色,黄色,蓝色和绿色的颜料,是不是很像一块真的调色板呢。图21 完成调色板的制作

Ulead Photo硬派6制作大放送(四)电视扫描线
Ulead Photo硬派6制作大放送(四) 电视扫描线 最近网上非常流行这种效果,实际上制作这种效果的方法并不复杂。首先新建一个文件,大小设置为1*2像素,背景设置为白色,选择放大镜工具 ,在上面的缩放程度调整为1600%。然后用路径绘制工具选择矩形的形状,颜色为黑色,画一个高度为文件的一半的矩形。在选项中注意要设置为不要选择平滑边缘。选择对像-全部合并,使所有对像和基底图像合并。全选所有的图像,选择编辑-复制,将图像复制到剪贴板里,然后打开我们要制作电视扫描线效果的图像。图31 原图 接下来选择菜单命令编辑-填充,点击图像标签,这次我们要将剪贴板上所保存的图像进行填充,所以选择剪贴板,填充方式选择平铺图像。在合并的下拉菜单中选择覆叠,透明度设置为100%。图32 填充面板上的设置 点击确定以后就完成了如图33所示的电视扫描线的效果。如果你改变一下合并方式和透明度,可能会有不同的效果。

Illustrator CS2十大新功能
Adobe Illustrator CS2又增加了很多功能。用户可以将位图转换为可编辑调整的设计稿,更直观的绘图方式,可自定义的工作区域,将图片直接转换为打印、网站、视频等各种格式。动态追踪 使用动态追踪功能可以快速准确的将图片、扫描件或其他位图转换为可编辑的矢量路径。动态喷绘 使用动态喷绘可以使用重叠的路径建立新图形,并将颜色应用上去。控制调色板 增加了更多新功能并提升了部分功能的易用性。

Illustrator绘制三维矢量效果硬壳书
现在我正在给学生讲Illustrator效果中的3D部分,顺便用Illustrator画了一本三维矢量效果的硬壳书。实例开始的部分又练习到了一部分对象和路径的知识,就算是对AI的一个简单功能的小总结。 用3D效果,在AI里绝对算不上体力活,效果又不错,复合我一贯的简单风格。 大致要用到的Illustrator工具:形状调板、对齐调板、路径查找器调板、偏移路径、符号、3D效果(符号贴图)……其他的就是一些小的细节工具了,教程里说。 1.建立新文件,A4大小。 技巧:可以先到“编辑”―“首选项”―“单位和显示性能”,看看“常规”里的单位是不是“毫米”,不是的话改过来。没什么特别的,下面的教程我用的是mm。 2.在工具箱里选择“矩形工具”,在画布上单击,在“矩形”对话框上设置宽度60mm、高30mm。 3.在工具箱里选择“椭圆工具”,在画布上单击,在“椭圆”对话框上设置宽度5mm、高10mm。 4.按Alt键复制椭圆,并移动两个椭圆分别对齐矩形两端。

Illustrator绘万圣节南瓜灯矢量插画
今天让我们来做点有趣的东西,学习怎么用Illustrator画一个万圣节南瓜灯插画,大家可以把它加到你的电子贺卡或者电子邮件里. 1、基本形状 首先参考真实的南瓜,用钢笔工具画出基本形状。 2、渐变填充 用无笔触的线性渐变填充刚刚画出的形状。渐变color1:R=255 G=127 B=0,color2:R=255 G=127 B=0。 3、着色处理 选择所有的形状,在编辑菜单中选择复制(Ctrl+C)。然后在编辑菜单中选择粘到前面(Ctrl+F)。

Illustrator制作整齐的瓷砖拼贴效果图案
本文讲述如何用Adobe Illustrator制作整齐的瓷砖拼贴效果图案,定义好图案以后可以方便地用在其他地方。 步骤一:按住Shift,使用矩形工具绘制出一个正方形。 步骤二:按住Shift,用直线工具画出两条相交的斜线。 步骤三:使用选择工具选中所有图形,在对齐调版中,执行“水平居中对齐”和“垂直居中对齐”按钮。 步骤四:在路径查找器调版中执行“分割”按钮。

Illustrator绘制精巧可爱的动物图案
大家一定都很喜欢下面这些色彩艳丽、造型可爱的卡通小鸟,今天我们就用Illustrator来试着画一个。 基础要求:会基本电脑操作,了解Illustrator软件基础知识。 注意:图中造型、颜色、操作都因人而意,在学习过程中家长、同学本身不能过于严格完全按教程要求去做,要以快乐的心情去对待,个别步骤中比较难或不理解的地方可以适当调过。 我们从一些媒介上找张鸟的照片,这张是我从网络上获取的。照片上这只色彩鲜艳的小鸟叫花斑山雀,它是山雀的一个种类。同学们,这种雀鸟是不是比我们常见的麻雀要漂亮呢,下次我们去交游爬山时多留意观察下吧 本新闻共4页,当前在第1页 1 2 3 4

Illustrator路径偏移与混合命令绘月亮图腾
本例是月亮图腾系列的第二部分教程,主要目的是想帮助大家掌握Illustrator的路径偏移命令和混合的使用。(参阅第一部分:《Illustartor矢量描绘造型实例:弯弯月牙》) 完成效果 书接前文,上一节说到如何制作月亮的形状,这一节用的就是上一节做好的形状。 在开始对这个形状做一些改动前,我们先给这个形状做一个复制,留一个副本先! 为了后面方便叙述,我们把这个复制得到的形状叫做Y01。 将复制得到的形状执行“对象>路径>偏移路径”,在弹出对话框中设定的值为负数,数值在制作的过程中需要自己尝试调整大小。 ★技巧:在Illustrator中要复制一个形状很简单,只需要通过用选择工具将需要被复制的形状选中,按住Alt键向其他位置拖动,松开鼠标,送开Alt键,即可完成复制。 单击“确定”按钮,即可得到一个比原形状缩小的形状。

一个好汉N个帮 Illustrator实用插件
Adobe的Illustrator虽然有很强的矢量创作能力,但也有一些不足,比如不支持多页特性、没有样式生成器和3D模压工具等。好在Illustrator也有一些很实用的插件,下面我们就来看看这几款*的Illustrator plug-ins吧! HOT DOOR MULTIPAGE 借助Hot Door Multipage的强大功能,Illustrator可以转变成专业的DTP和排版软件。 有时往往是最简单的插件产品反而被证明是最好的软件包。Hot Door的矢量插件提供的Multipage (多页)功能就是一个很好的例子。唯一让现有Illustrator用户伤透脑筋,大发牢骚的就是在Illustrator中不能直接创建和导出多页文档。Adobe并没有对此做出改进,我们猜测可能是因为Adobe不想Illustrator与Indesign软件的用户来说,缺少多页的特性是非常令人扫兴的事情,幸运的是,Hot Door为我们提供的这款插件产品帮你实现了这一功能。 在评测当中,我们发现Hot Door的Multipage并不复杂,它由一个非常小的浮动面板组成,你可以通过它来设置多页特性。需要指出的是,Hot Door的Multipage并不是真正实现了多页特性(这需要把代码完全整合到Illustrator代码中去),取代的是,Hot Door的Multipage使用了层技术为实现多页文档的特性。 这听起来似乎你也可以通过手动的方式来实现这一功能。是的,在某种程度上,是可以通过手动方法加以实现。但是从灵活性和易用性上来讲,Multipage似乎更好一些。你可以像在DTP软件中一样,通过Multipage的选项对话框中定义一个左主页面和右主页面来实现这一点。更多的是,当你在编辑另一个页面时,Multipage会自动对其后台的页面上的元素进行锁定,以确保页面元素的完整性,同时也保证了页面操作的安全性。同样,在Multipage中,可以很方便于工作的在对话框中定义页边的空白。 当然,Multipage最重要的特性就是可以是Illustrator中直接导出PDF格式的多页面文档特性。通过在导出对话框中选择Multi-page PDF选项,你可以很方便地实现这一功能。实际上,这一特性对Illustrator本身提供了对页面强大的排版功能。使用Hot Door Multipage,你可以很轻松的在Illustrator中对多页面文档进行设计和排版。 虽然,这并不公让广大的用户感到有什么激动的地方,但不可否认的是,Hot Door的这款Multipage插件确实非常出色。

AI绘制摩托车
学习要点:概述: 工具不太熟悉时,我们可以找一些实物图片来进行“描红”,这是一个对工具近一步熟悉的过程,在锻炼耐心的同时更可以熟练掌握工具,在做图过程中需要想各种方法来表现原图的效果,很大程度上提高了工具的综合使用的能力。我们这次挑选一俩摩托,并且概做车的前半部分。当然我们平时练习时最好可以全部画完,如果时间比较充裕的话。1.在遇到大面积的色块,一般都考虑用网格来表现。(见图001)图0012.上图同样是用渐变网格,渐变网格可以表现出不规律的色块,并且使色快之间过渡十分自然。(见图002)