推荐阅读

Photoshop调出古典唯美效果图的外景婚片调色
案列对比图:左为原片,右为效果图1、[注:一直不厌其烦的讲复制背景层,不要在背景层上修改]。复制背景层,生成新的背景层,而后复制背景层生成图层1,修改混合模式为滤色,操作目的:提亮。2、创建“色相/饱和度”调整层,设置参数如下:3、创建“渐变映射”调整层,操作布草如下:

插画艺术网
本实例以造型优美的、抽象的花朵形象和渐变的、绚丽的花朵色彩,来表现插花艺术网页页面的设计主题。该设计效果强烈,点、线、面、色彩和图形的组合运用是构成网页的装饰要素。紫红色的运用为画面增添了浪漫气息。如图11-40所示,为本实例的完成效果。图11-40 本实例完成效果在本实例中所设计的内容与主题相符,体现插花这门艺术的优美与浪漫。协调的处理色彩与其他设计要素之间的相互关系,增强网页的信息和情感传递效果,使人们在浏览的时候产生共鸣。在制作过程中主要采用绘制路径、描边路径来绘制图像,使用“画笔”工具来修饰图像的颜色,更改图像的混合模式使两幅图像叠加起来,能得到更加丰富的图像效果。如图11-41所示,为本实例的制作流程。图11-41 本实例制作流程(1)启动Photoshop,执行“文件”→“新建”命令,参照图11-42所示对打开的“新建”对话框进行设置,创建一个名为“插画艺术网”的新文档。图11-42 设置“新建”对话框(2)单击“图层”调板底部的“创建新图层”按钮,新建“图层 1”,然后使用工具箱中的“矩形选框”工具,参照图11-43所示在视图中绘制一个矩形选区。

CSS兼容IE6,IE7,FIREFOX的一些收集
第一种,是CSS HACK的方法height:20px; /*For Firefox*/*height:25px; /*For IE7 & IE6*/_height:20px; /*For IE6*/注意顺序。这样也属于CSS HACK,不过没有上面这样简洁。#example { color: #333; } /* Moz */* html #example { color: #666; } /* IE6 */*+html #example { color: #999; } /* IE7 */第二种是使用IE专用的条件注释<!--其他浏览器 --><link rel="stylesheet" type="text/css" href="css.css" /><!--[if IE 7]><!-- 适合于IE7 --><link rel="stylesheet" type="text/css" href="ie7.css" /><![endif]--><!--[if lte IE 6]><!-- 适合于IE6及一下 --><link rel="stylesheet" type="text/css" href="ie.css" /><![endif]-->第三种css filter的办法,以下为经典从国外网站翻译过来的。.新建一个css样式如下:#item { width: 200px; height: 200px; background: red;} 新建一个div,并使用前面定义的css的样式:
最新发布

PS制作炫丽光束文字动画
这篇教程教飞特的朋友们用PS制作炫丽光束文字动画,教程制作的动画效果挺炫的,也很漂亮。转发过来和飞特的朋友们一起分享,先来看看最终的效果图吧:FEVTE编注:更多PS文字效果教程及PS制作的文字效果作品交流请到飞特论坛PS文字效果交流区,地址:http://bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=86具体的制作步骤如下: 1、新建一个700 * 500像素的画布,背景填充黑色,选择文字工具,打上想要的文字,字体颜色用蓝紫色:#8316fe,效果如下图。 【图1】 2、把文字图层复制一层,然后右键选择“栅格化文字”。确定后新建一个组,把栅格化后的文字拖到组里面,并再复制一份,如图3。 【图2】

PhotoShop制作溶解淡入显现GIF动画教程
在本例中我们将学到如何用PS制作溶解淡入GIF动画效果,方法很简单,喜欢的同学可以学习一下。效果图:1、新建文件 打字 字用粗一点的好看2、新建一层填充白色3、先把下面两层眼睛去掉,把填充的白色向右拖,框选左边空出来部分

PhotoShop制作扭动的文字GIF动态效果教程
效果图: Ctrl+N新建图层 打上你喜欢的字 击右键,选择“字体变形” 点击“确定” 再点击“窗口”---------“动画” 再次右键,选择“文字变形” 拉至-100再点击确定 点击红色框框处“过渡”帧。帧数选择15帧。 按住Shift键再点击一下帧17

Photoshop制作用笔写字GIF动画教程
其实此ps教程如果熟悉蒙版工具的同学,用蒙版来做,我想会轻松好多,为了照顾跟我一样菜的菜鸟们,此教程就用比较简单的傻瓜式方法吧国际惯例,先上效果图4、点击“窗口”―――“动画”调出动画栏。

字体字库设计过程介绍
字库的制作是按一定规则进行,一套完整的字库在面市前也要经过多个流程才能完成。特别是中文字库,更是复杂繁琐,每个笔划及细节都得仔细处理。正因这些原因,目前中文字库只有少数几家有实力的公司才能推出,为了让大家了解字库设计,下面就我们一起来看看电脑字库的制作过程吧: 1.字稿 到目前为止,绝大部分的电脑字库都是源自于设计字稿。所谓字稿,是指由专业字体设计师依自行创意的汉字风格、笔形特点和结构特点,在不小于1英寸的正方格子内(可使用浅蓝色坐标格),书写或描绘的清晰、光滑、视觉效果良好的汉字字形设计稿。全部字稿必须采用统一的风格及笔形规范进行处理,达到制作电脑字库制作要求。一般而言,字库厂商购买字稿的费用约占开发该字体总成本的1/4-1/3。 2.扫描 字稿是写在纸上的,所以要进行扫描输入进电脑。因为是黑白的,所以不需要太高级的设备,普通平板Scanner就可以了。这是一项很细致的工作,要求套框取字一丝不差,而且要根据不同尺寸和清晰度的字稿灵活地调整扫描分辨率和其它相关参数,以达到不失真反映出原字稿的全貌。经过计算后,把字稿通过扫描仪扫成高精度点阵字库,同时给出其字库编码,以便进行下一步工作。 3.数字化拟合 这一步是利用专门的程序进行纯粹的数学计算,即根据字体的不同风格,按照一定的数学算法,自动地将扫描后的点阵图形抽成尽可能接近原稿的数字化信息(曲线轮廓)。通过参数控制可以调整轮廓点、线、角度和位置,这在字形复杂、风格差异大的中文字*作中显得非常重要,如果调整得很准确得话,可以大幅度提高修字工作的效率。 4.修字 尽管采用计算机来拟合的效率很高,但就像电脑无法取代所有人脑的工作一样,它只能完成最初步的工作,而且无论是字的质量、还是结构,特别是原字稿中所内含的鲜明的、人格化的韵味都是无法表现出来的,只有靠人工修字才能做到。修字首先是一项工作量十分浩大的系统工程,简体字库有六、七千多字,繁体字库一万四千字,GBK字库则两万余字。要完成如此繁重的工作,造字工具起着很大的作用,必须可以方便地实现字形的修边、平移、复制、缩放、翻转、增删笔划等基本功能,还要根据汉字制作的特点,有背景参考、实时显示结果、局部笔划调整、笔划参数控制以及多种参考点、参考线的特殊控制等,并能实时加入提示信息(HINT),这些功能不但可以提高做字的效率,更是质量的保证。另外,强大的拼字、补字功能,可以有效地索引到每一个已做好的字,用以造出与字稿风格特点完全一致的字。 5.质

标准字体设计知识
标准字体是指经过设计的专用以表现企业名称或品牌的字体。故标准字体设计,包括企业名称标准字和品牌标准字的设计。 标准字体是企业形象识别系统中基本要素之一,应用广泛,常与标志联系在一起,具有明确的说明性,可直接将企业或品牌传达给观众,与视觉、听觉同步传递信息,强化企业形象与品牌的诉求力,其设计的重要性与标志具有同等重要性。 经过精心设计的标准字体与普通印刷字体的差异性在于,除了外观造型不同外,更重要的是它是根据企业或品牌的个性而设计的,对策划的形态、粗细、字间的连接与配置,统一的造型等,都作了细致严谨的规划,比普通字体相比更美观,更具特色。 在实施企业形象战略中,许多企业和品牌名称趋于同一性,企业名称和标志统一的字体标志设计,已形成新的趋势。企业名称和标志统一,虽然只有一个设计要素,却具备了两种功能,达到视觉和听觉同步传达信息的效果。 标准字体的设计可划分为书法标准字体、装饰标准字体和英文标准字体的设计。 (一)书法标准字体设计 书法是我国具有三千多年历史的汉字表现艺术的主要形式,既有艺术性,又有实用性。目前,我国一些企业主用政坛要人、社会名流及书法家的题字,作企业名称或品牌标准字体,比如:中国国际航空公司、健力宝等。 有些设计师尝试设计书法字体作为品牌名称,有特定的视觉效果,活泼、新颖、画面富有变化。但是,书法字体也会给视觉系统设计带来一定困难。首先是与商标图案相配的协调性问题,其次是是否便于迅速识别。 书法字体设计,是相对标准印刷字体而言,设计形式可分为两种。一种是针对名人题字进行调整编排,如中国银行、中国农业银行的标准率体。另一种是设计书法体或者说是装饰性的书法体,是为了突出视觉个性,特意描绘的字体,这种字体是以书法技巧为基础而设计的,介于书法和描绘之间。 (二)装饰字体设计

网站建设中的字体设计知识
英文网站与中文网站的区别不仅仅是使用中文字体与使用英文字体的差别。由于中文字形复杂,并且电脑上的中文字体设计相对落后,这使得设计中文网页要比英文网页更困难。不顾及中文字体的特殊性,简单的照搬英文网页的设计方法,经常会降低中文网页的易读性(英文中称作readability)。下面列举三个使用英文设计方法设计中文网页引发的易读性问题: 一.相对大小的字号在英文页面中,固定字号被称为“ frozen font sizes”,使用固定大小的字号是一个明显的错误,很多交互设计的专家都对此做过研究。使用相对字号是那么的正确,于是,中文网页的文字也被设计成了相对字号。这种做法主要集中在英文网站的中文版的设计中。然而对于中文,相对字号却不如预想的那么好。很多的字号的中文是不能清晰显示的。比如,10px的Arial字体显示英文是清晰的,但是10px的宋体中文就变成一个黑疙瘩了;再比如,20px的英文大而清晰,但是20px的中文就会出现明显的锯齿,笔画粗细不均。我曾经在《文字,你到底能多大?》一文中对中文字号进行过讨论,12px、14px、16px(或18px)显示中文是比较理想的。实际上12px-16px大小的宋体显示的效果都是不错的。相对字号允许文字以不止一种的实际字号(以象素为单位的字号)显示,调整浏览器的设置,文字大小可以缩放。下面我们来看看,使用相对字号显示的中文是什么样子的:相对字号分为:-7、-6、-5、-4、-3、-2、-1、标准大小、+1、+2、+3、+4、+5、+6、+7,共15种。这其中“-2”以下的字号与“-2”一样小,“+4”以上的字号与“+4”一样大。实际上就剩下了-2、-1、标准大小、+1、+2、+3、+4,这7种相对字号。我们逐一来试验一下每一个相对字号的显示效果。以IE浏览器为例,如果页面上的文字被设置为相对字号,那么它可以有五种不同的大小缩放:“最小、较小、中、较大、最大”。下表中是不同的相对字号在IE浏览器的不同设置中所显示的实际字号(以象素为单位的字号)。从表中可以看到,没有一种相对字号可以始终落在12px-16px区间内,也就是说,如果IE浏览器的“文字大小”选项从“最小”逐步调整为“最大”,那么,无论相对字号设置成什么,都不能始终保持理想显示效果。从表中还可以看到,被设置为“-2、-1、标准大小、+1、+2”的文字,在调整浏览器的“文字大小”过程中,有些时候显示出的字号落入了12px-16px区间中。在一个页面中往往需要大小不同的多种字号以区别不同的内容,应该选择哪几种相对字号呢?中国的设计师的选择并不多。使用相对字号的设计方式将自主权交给了用户,这显然是好的,但是,中文网页中使用相对字号却达不到英文网页中的效果。也就是说,实际上中文用户没能得到英文用户那么大的自主权,中文用户在浏览器中选择“文字大小”时不仅要考虑哪种大小适合自己阅读,还要注意所选的文字大小显示效果如何。一些英文网站的中文版按照英文原版的相对字号进行设计,会出现一个糟糕的效果:用户无论怎么调整浏览器的“文字大小”选项,都没办法让网页上的所有文字都清晰的显示(即,在12px-16px区间内显示)。二.斜体字斜体字是英文中常用的一种表现方式,对于英语用户来说,“斜体”和“加粗”的使用频率几乎是相同的,从微软的office系列软件的设计上我们就能看到,“加粗”功能“B”按钮和“斜体”功能“I”按钮都放置在很容易点击到的位置。但是,中文自古以来就没有斜体这个概念。或许是近代革命家的行书、草书给我们的印象太深了,使得我们很容易的接受了斜体的表现方式。