范文为教学中作为模范的文章,也常常用来指写作的模板。常常用于文秘写作的参考,也可以作为演讲材料编写前的参考。写范文的时候需要注意什么呢?有哪些格式需要注意呢?这里我整理了一些优秀的范文,希望对大家有所帮助,下面我们就来了解一下吧。
logo制作教程青稞篇一
第一步:打开美图秀秀
新建 设置logo大小
高度
颜色
第二步: 点击文字
输入静态文字(如图)自己网站的名字
第三步 : 文字
动态文字选择自己喜欢的闪字(必须选闪字要不格式就是jgp 而不是 gif)
不想输入网址把网站名换成动态字就行
下面是预览图
第四步 :我们点击饰品
导入饰品 用户自定义选择导入的图片素材导入成功后在美图秀秀的右面(看图片)
左击图片拖入到我们新建的画布中调整大小
第五步 :将图片 左击图片拖入到我们新建的画布中调整大小
保存桌面 logo制作完毕是不是很简单 在上传到你的空间看下生成预览图
logo制作教程青稞篇二
logo设计基础教程
一、logo的定义
简单的说,logo就是标志、徽标的意思。标志在企业形象传递过程中,是应用最广泛、出现频率最高,同时也是最关键的元素。
二、好的标志设计应该具备哪些条件?
如何评价一个标志(logo)的好坏,我想,可以从下面六项进行评判。
1、好看。
标志首先是拿来给人看的,如果不好看,其它方面做得再好也白搭。就像一部青春偶像剧,如果没有帅哥美女,再好的剧本、再牛的导演也没用,更不用说服装、道具如何如何了。所以说,一个好的标志,首先是要好看,这个标准应该是以目标受众(消费者、资迅接受者)的平均审美而论的。你比如一个化肥产品的标志(可能是大红大绿,色彩对比较为强烈的那种)城市里的白领不一定会认为好看,但只要农民朋友觉得好看,那就是一个好的标志。正所谓青菜萝卜各有所爱,好看的标准各有不同,关键是看品牌所对应的目标受众们的感受,他们认为好看就好看,不好看就不好看。只不过你可以适当地把这种审美标准提高一些,美名其曰:提高审美情趣,但这样做的前提是要充分考虑受众的接受能力。
2、独特。
标志,也有人称为“标识”,就是表明了其最主要的功能——识别性。人类最早的标志应该是原始社会时期,各个部落之间的“图腾”。像中华民族的标志“龙”,就是由之前的各个部落的“图腾”组合而成的,直至今天,人们一看到“龙”,就会联想到中国,就是因为它跟其它民族的象征物很不一样,这种独特性就是标志一个 最主要的特性。如果一个标志让人觉得跟其它标志相似,就会失去“识别”的功能,那即便它再好看,也不能算是一个好的标志,因为失去可识别的独特性,也就失去了标志的基本意义。
3、简洁。
标志的简洁,目的是让人们容易记忆,以及运用起来方便。像经典的耐克小勾和阿迪达斯的三条线,这种极度简洁的标志不仅是让不同种族不同年龄的人们很快就能记住,而且在很远的地方也能够识别。标志简洁所带来的好处是很多的,但是,由于标志越来越多,人们为了让自己的标志最大限度地区别于别的标志,增强其独特性,所以有些标志就做得比较复杂。另外,标志的复杂风潮还受到“后现代主义”的影响。所谓的“后现代主义”是相对于“现代主义”而言的,“现代主义”讲求的是简洁,而“后现代主义”者们说:简洁就是单调、就是乏味,所以,“后现代主义”进求的是相对的复杂和繁琐。
4、有意义。
有意义,就是一个标志要具有一定的含义和说法。如果说上面所讲的都是标志的壳(外形),那意义就是标志的魂(内在)。没有灵魂的东西是缺乏生气的,同样,没有意义的标志也是形同枯木,做得再好看,也只是一个美丽的花瓶而已。但是,以我的经验来看,要赋予一个标志意义,其实是一件很容易的事。因为大凡每种形态都可以说出一些含义来,你只需要充分发挥想象力,就可以“赋予”标志多重含意。比如一个类圆形的标志,你可以用上圆满、团结、包容、追求完美、一体化、全球化等等一系列你所能想得到的跟圆这一形态关联的所有美好词语;而如果是一个近乎半圆的标志,你也可以用阴阳调和、只对一部份人的专项服务、不求最大(多)但求最好、不卸努力(追求)等词汇和语句进行解释。有点像俗话说的:说好说坏全凭一张嘴,说白了,标志的意义就是这么回事。因为原本任何事物都有正反两面,关键是看你去说它的那一面。当然,最好是在设计之初就要考虑着如何把那些想赋予它的意义溶入到具体的形体之中,这样才不会让人觉得牵强。
5、具有行业特征。
对于那些专一行业的公司、机构或部门,一个好的标志是要让人们一看到标志就大体知道属于那个行业。要做到这一点,并不是件容易的事。首先,你要找到能高度概
况这一行业的一些具体形状;其次,这些形状要符合普通群众(或目标受众)对这一行业的固定想象;最后,还必须要跟整个标志有机地溶为一体,不能显得突兀或分离。应该说明的是,这项要求主要是针对那些专业的行业、部门和机构,对于综合性的企业和政府部门就不适用。
6、便于运用。
标志是要展现给大众看的,因为最终的表现效果才是人们所真正认识到的。即使在效果图上表现得再好,如果实际运用时不理想,那也只能算是一个不成功的标志。这就像是一场战役,不管你的队伍多么优秀,作战方案多么完美,但实际的战斗中由于种种原因打败了,一切都为零。需要说明的是,这里所讲的运用是两方面的:一方面是标志在不同媒介上的表现效果;另一方面是由标志引申出来的vi系统。关于在不同媒介上的运用,前面我们已经讲过。而在vi系统里的运用比较复杂,关系到美工、理念、实际运用效果等一系列的问题,这个以后我们再探讨,这里只需要知道便于运用指的是两方面就行了。
三、logo制作过程
下面我通过一个简单的例子来讲解一下logo制作的全过程,我先拿一下(兴义市人民医院)标志结合着软件的工具的使用给大家讲解一下首先我们拿到这个任务时,应该先想到代表医院的标志是什么?“红十字”然后我们再想还可以用到什么元素,可以结合“兴义”两字的英文字母为元素 xy 那我们可以用红十字和x结合,字母y可以创意成为一个 展翅的平安鸽
好,我们这些元素都想好了,就开始制作了。
1、将你的手稿扫描到电脑里。
我们可以先在纸上画一下,然后把手稿扫描到电脑里,如果没有手稿直接在矢量软件上直接画也可以(我画的有点难看,呵),如果大家不知道怎么创作时建意大家先在纸上画一下,没有扫描仪也没关系,可以用手机和照相机。一般大师级的作品都是有手稿的。
2.根据你扫描好的底稿来修整
logo 的造型,并对 logo 进行补完。通常 需要制作一个标准的logo 会需要一个矢量的造型,因此,需要矢量化它。常用的软件ai,cd 等附带的矢量描摹工具。或者你直接在矢量软件里面做也行。
(1)我们打开cd 软件 新建一个页面,选择文件菜单下的输入
我用的是cd 9.0 主要是装的软件太多,高版本的影响机子速度,大家用哪个版本的都行,功能都差不多。
勾图还要大家多多练习,给大家介绍一个非常好的在线教程网站
ps、cd、ai 都有讲解,适合新手学习。勾图在这里我就不给大家做多演示了,看视频更直观一些 http://
硅谷动力
一个标志就做好了,以“兴义”的拼音缩写“xy”为设计元素,结合红色医疗十字和展翅的平安鸽,寓意着医务工作者救死扶伤的神圣使命和职责和医院不断向前发展。
3.然后我们输出成jpg,png格式的位图,就可以给客户看了
四、下面讲一些标志设计的技巧
logo标志设计不仅仅是一个图形或文字的组合,它是依据企业的构成结构、行业类别、经营理念,并充分考虑标志接触的对象和应用环境,为企业制定的标准视觉符号。在设计之前,首先要对企业做全面深入的了解,包括经营战略、市场分析、以及企业最高领导人员的基本意愿,这些都是标志设计开发的重要依据 以下为猪八戒网一个logo设计师在培训课程中对于logo效果处理的讲解,现收集下来让各位一起探讨logo设计技术: 首先让我们来看看两个用cdr设计logo
相对来说第一个单色比较普通,第二个通过渐变的手法是logo更加具有立体感,那么如何调渐变呢?调渐变时我们在cdr中选定logo按f11得到
其中里面的渐变类型有四种但最常用只要第一和第二种
选色的时候我们要注意几点,颜色是从怎么变到什么?
对于刚才上图边界一般为0了比较好,要不然会出现明显的色带,影响美观以及渐变的尺度水平位置
渐变问题解决后可能很多朋友说,为什么他们的更有光泽,有立体感,我的不和他们一样?如何弄成有光泽的logo,下面我简单说说,先看两logo:
大家可以看出来第二个带光泽的logo显得更加生动,具有活力,如何调成这种效果呢:
然后使用透明工具
将小黑块调成这样
这样带光泽的logo就完成了
但是,很多情况下同一色系的效果还不够好,那就想想反色系的搭配,入部右部分调成暖色的,这样效果发差就显示出来,而且使logo更加美观。
众所周知雇主花钱来做个logo不仅仅是想得到这个logo,而且希望这个logo能够使用在名片、信封,门头等其他应用上,所以有时候相对制作logo来说,模板的使用时很重要的,当logo能够在各个应用中体现出来,那么logo就会上升一个档次,因此,合理的使用模板有时候也是很重要的,对此,模板的使用一般有几点:
1、名片、背景墙等应用,排版这些应用时要注意美观,排列顺序等,可精简不可杂乱,其次不能抢过logo的风头,上面的logo是主要的,模版只是为了让logo表达得更完美,模板一般都排在下面。
2、图片的使用,当logo效果图中有个好的图片是很不错的,但图片使用时要注意使用恰当,当是科技企业时可以弄些好看的科技图片,物流的可以用个货车或飞机的图片来做背景图。
logo字体设计教程
在参加logo设计中,字体的设计对于整个个logo有着相当重要的影响作用,以下为猪八戒网中一个设计师在对字体设计课程讲解的教程:
一、制作漂亮质感描边字
先来看看最终效果:
1.首先打开illustrator 软件,新建文件快捷键ctrl+n。
2.选择文字输入工具快捷键t输入mdl。选择你想要的字体效果!
3.打开路径扩展。
定!
5.再次选择对象!路径-偏移路径。
4.选择对象扩展确
6.选择与预览调整你需要的参数。
7.点击右键取消编组。
8.现在已经有两层分开的了,选择mdl按住shift键如上一层ctrl+g重新组合选择渐变填充。用鼠标把色块抓到渐变上去选择你要的颜色调整到最佳状态!
9.拖入不同的渐变,可以点渐变上的色块并在颜色里调整色彩参数!
10.并用渐变工具调整渐变位置角度。再次选择后面部分按住shift键如下!按上面的方法调整渐变!
11.按住alt键拖动绿色层,并绘制一个重叠圆形!选中两个新的图形,路径查找器里面。点交叉扩展!
12.交叉扩展后效果!
13.后移动到最上层填充白色!
14.选中透明度选项混合模式选择叠加。不透明度选择35%。
最
15、选择效果里面,风格化投影!
16、实现最终效果!
二、制作晶莹剔透的胖胖卡通字特效 ai制作晶莹剔透的胖胖卡通字特效,很可爱,适合用到与儿童相关的设计作品中,先看看效果图:
1.先我们用illustrator的钢笔工具勾出想要设计的内容,这里我们要注意的是曲线的平滑度,这样做出来的字体才好看。
2.我们用渐变填充上颜色,不需要描边。
3.我们再复制一层(ctrl+c)放在这层的下面(ctrl+b),并且描边(参考值 2pt)为紫色
4.现在我们来制作高光部分,这次我们做得卡通一些。首先我们画一些白色小方块在字上面,并使用路径查找器将其合并。
5.建立白色方块的不透明蒙板:首先画一个长方形,并且填充黑白渐变。
6.将其剪切走,选择白色小方块并且点击蒙板部分,制),并且调整简便方向到最佳效果。
7.同理,我们再做下面的一些透明效果。
ctrl+f(原位置复
最后我们再画几个白色小圆点来修饰一下效果,会更棒的```!
这两种字体效果是logo高手常用的.
logo制作教程青稞篇三
qq空间设计之logo制作教程!
一、首先让我们在ps里建一个88*81大小,像素为72,模式为:rgb颜色,背景为白色!然后能过:文件/打开(或ctrl+o)再打开一张图片,然后将对自己需要的图片用矩形工具用ctrl+x剪切(或ctrl+c复制),再将复制的图片,按ctrl+v复制到刚才建立的logo图层上去(此时的图片层为图层一),相关的图片如下:
二、对刚才复制的图片进行自由变换《也就是大小的处理》,将图片的四个边与88*31图层的四个边相对齐,图如下:
三、然后新建一个图层命名为图层二,输入红意网论坛五个字,字体为宋体,大小为:12 色彩为黑色,aa:无(注意这里所说的aa是代表是否选报最消文字钜齿的功能),然后进行:图层/图层样式/描边:描边大小为1 色彩为白色(出来的效果如果觉得字太清楚了可以进行相应的透明处理)。图如下:
四、新建一图层命名为图层三, 字体为:04字体的08字体(如果你没有04字体请找到相关文件进行下载:红意网论坛 → 囧 技术资源区 → 『 图像-动画 』 → logo设计的04字体不可少!),大小为6,aa为:无,色彩为白色,然后进行:图层/图层样式/描边 大小为:1 描边色为黑色,(请对文字做相拳 合理移动)效果图如下:
五、然后我们现在就要将教程一和上面说到的关于透明教程的功能了,再新建一个图层输入红意网论坛五个字,色彩设为白色,然再移动使其刚才的描边红意网论坛五个字重合在一起,再进行:滤镜/模糊/动态模糊处理,动态模糊距离自定!效果图如下:
六、复制图层二(描了边的红意网论坛图层)自定义命名为:红意网论坛副本,然后对其进行透明处理,透明度为70%,再复制红意网论坛副本层,为副本二透明度为50%,再复制副本二命名为副本三,透明度为30%,再复制副本层三命名为副本层四透明度为10%,图层结果如下:
七。转到imageready进行处理,在ie动作动作的第一层先取消所有图层的小眼睛(为了方便你的操作),图层的前的小眼睛,使其显示出来!
八、新建一动作层取消第一步(背景和图片层)前的小眼睛,然后点击红意网论坛五个字的透明度为10%的副本层前的小眼睛,使其显示出来!
九,新建一动作层层如第八同样的步骤,取消透明度为10%的副本层前的小眼睛,点击透明度为30%的透明层前的小眼睛,使其显示出来!
十、新建一动作层取消30%的显示50%的副本层
十一,新建一动作层取消50%前的显示,使70%的显示 出来
十二、新建一动作层取消70%的,使红意网论坛五个字的描边层显示出来!
十三,新建一动作层取消红意网论坛五个字的描边层显示,使红意网论坛五个字的滤镜模糊了的效果层显示出来!这样所有的动作其本上完成了,动作层全部如下:
十四、对每一动作层实现时间控制《具体的请注意下图的红线部位的时间:当然你可以按照自己的需求而定!》,动作层效果如下:
十五、然后:文件/将优化结果另存为 就行了,最终的效果图如下!
鄙视看教程不回的人!
logo制作教程青稞篇四
photoshop制作logo教程标志设计
photoshop制作logo教程标志设计
1、打开photoshop,新建一图层并按shift使用椭圆工具画一圆形。
2、然后双击图层1,在图层1的混合属性中做如下设置:
3、按ctrl单击图层1,使图层1载入选区,依次点击菜单栏中的选区修改收缩,设置收缩量为2。
4、选取椭圆选框
photoshop制作logo教程标志设计
1、打开photoshop,新建一图层并按shift使用椭圆工具画一圆形。
2、然后双击图层1,在图层1的混合属性中做如下设置:
3、按ctrl单击图层1,使图层1载入选区,依次点击菜单栏中的选区——修改——收缩,设置收缩量为2。
4、选取椭圆选框工具,设置为选区叉:
5、使用椭圆选框工具在图层1的选区上画椭圆,两选区交叉后效果如下:
6、新建图层2,使用渐变工具在拉渐变,取消选区,将图层透明度设为65,效果如下:
7、新建图层3,同样使用椭圆选框工具和渐变工具做出如下效果:
8、新建图层4,使用椭圆工具并做出如下效果:
9、按ctrl单击图层4,依次点击菜单中的选择——修改——收缩,设收缩量为1。
10、新建图层5,使用渐变工具,选择对称渐变,做出如下效果:
11、设图层透明度为55,载入图层5的选区,将选区范围收缩9px,按del删除,效果如图:
12、再次将选区范围收缩1px,新建图层6,填充,并设置如下混合选项:
13、新建图层7,做出如下效果,设置混合属性如下:
14、使用前面所讲的方法依次做出如下效果:
15、如果你有兴趣就随便加点什么东东了,哈哈:
logo制作教程青稞篇五
在学习制作之前先全面认识一下logo!
一、什么是logo
翻开字典,我们可以找到这样的解释:“ logo: n.标识语 ”。在电脑领域而言,logo是标志、徽标的意思。而本站主要所收集的logo,是互联网上各个网站用来与其它网站链接的图形标志。
二、logo的作用
是与其它网站链接以及让其它网站链接的标志和门户。
internet之所以叫做“互联网”,在于各个网站之间可以联接。要让其他人走入你的网站,必须提供一个让其进入的门户。而logo图形化的形式,特别是动态的logo,比文字形式的链接更能吸引人的注意。在如今争夺眼球的时代,这一点尤其重要。
是网站形象的重要体现。
试问一个衣冠楚楚的人怎么能让自己的名片污渍不堪?就一个网站来说,logo即是网站的名片。而对于一个追求精美的网站,logo更是它的灵魂所在,即所谓的“点睛”之处。
能使受众便于选择。
一个好的logo往往会反映网站及制作者的某些信息,特别是对一个商业网站来话,我们可以从中基本了解到这个网站的类型,或者内容。在一个布满各种logo的链接页面中,这一点会突出的表现出来。想一想,你的受众要在大堆的网站中寻找自己想要的特定内容的网站时,一个能让人轻易看出它所代表的网站的类型和内容的logo会有多重要。
三、logo的国际标准规范
为了便于internet上信息的传播,一个统一的国际标准是需要的。实际上已经有了这样的一整套标准。其中关于网站的logo,目前有三种规格:
1.88*31 这是互联网上最普遍的logo规格。
2.120*60 这种规格用于一般大小的logo。
3.120*90 这种规格用于大型logo。
四、logo的制作工具和方法
好像目前并没有专门制作logo的软件,其实也并不需要这样的一种软件。我们平时所使用的图像处理软件或者还加上动画制作软件(如果你要做一个动画的logo的话)都可以很好地胜任这份工作,如photoshop、fireworks等。而logo的制作方法也和制作普通的图片及动画没什么两样,不同的只是规定了它的大小而已。
五、一个好的logo应具备的条件
1.符合国际标准
2.精美、独特
3.与网站的整体风格相融
4.能够体现网站的类型、内容和风格
________________________________________________________________________-关于logo设计的文章
对网站的logo设计做了一些归纳,希望得到批评,发现写的太长了,又不忍心删减,就分成两部分了,第一部分是有关设计基础的。第二部分是关于网站l ogo的设计规范的,所有意见是个人的思考,并不针对任何人或网站。欢迎不同见解的探讨。logo的应用一直是cis导入的基础和最直接的表现形式,其重要性是不言而喻的,网络标识的设计尤其如此。
一、标识的职能:
作为独特的传媒符号,标识(logo)一直成为传播特殊信息的视觉文化语言。具信,最早的符合cis精神的标识实例,是2433年前陪葬我国楚地的曾侯乙的一只戟上的“ 曾”字型图标。无论从古时繁复的欧式徽标、中式龙文,到现代洗练的抽象纹样、简单字标等都是在实现着标识被标识体的目的,即:
通过对标识的识别、区别、引发联想、增强记忆,促进被标识体与其对象的沟通与交流,从而树立并保持对被标识体的认知、认同,达到高效提高认知度、美誉度的效果。作为时代的前卫,网络logo的设计,更应遵循cis的整体规律并有所突破。
二、网络logo设计的基本应用原理:
在网络logo设计中极为强调统一的原则。统一并不是反复某一种设计原理,应该是将其他的任何设计原理如:主导性、从属性、相互关系、均衡、比例、反复、反衬、律动、对称、对比、借用、调和、变异等设计人员所熟知的各种原理,正确地应用于设计的完整表现。统一也可解释为,共通以上所述各原理,而更高、更概括、更综合的原理。
构成logo要素的各部分,一般都具有一种共通性及差异性,这个差异性又称为独特性,或叫做变化,而统一是将多样性提炼为一个主要表现体,称为多样统一的原理。统一在各部分之中的要素中,有一个大小、材质、位置等具有支配全体的作用的要素,被称为支配。精确把握对象的多样统一并突出支配性要素,是设计网络l ogo必备技术因素。
网络logo所强调的辨别性及独特性,导致相关图案字体的设计也要和被标识体的性质有适当的关联,并具备类似风格的造型。
记得最近eastecho的网友论坛重新开张之时,就有小魔女对论坛的logo表示了异议,一个简单印刷字体的logo与浪子固有的独特风格、精益求精的品质有较大背离,并与整个网站l ogo缺乏联系,从而产生认知的歧义。不过作为充斥英文logo的浪子网站,做了中文logo尝试,算个突破吧。
网络logo设计更应注重是一种对事物张力的把握,在浓缩了文化、背景、对象、理念及各种设计原理的基调上,实现对象最冲动的视觉体现。也可以理解为一种最受制约的冲动,在任何方面的张力不足的情况下,精心设计的l ogo常会因为不理解、不认同、不现实、不前卫、不艺术、不朴实等相互矛盾的理由而被用户拒绝或为受众排斥、遗忘。所以恰到好处的理解用户及l ogo的应用对象,是少做无用功的不二法门。不考虑国情和用户的认识水平,对自身设计能力估计不足都是要不得的。在国内给哪个卖计算机的老板设计个$ 300万的朗讯红圈logo,很容易被看作是骗钱的。
三、网络logo的表现形式:
作为具有传媒特性的logo,为了在最有效的空间内实现所有的视觉识别功能,一般是通过特示图案及特示文字的组合,达到对被标识体的出示、说明、沟通、交流从而引导受众的兴趣、达到增强美誉、记忆等目的。表现形式的组合方式一般分为
1、特示图案
2、特示字体
3、合成字体
1、特示图案:
属于表象符号,独特、醒目、图案本身易被区分、记忆,通过隐寓、联想、概括、抽象等绘画表现方法表现被标识体,对其理念的表达概括而形象,但与被标识体关联性不够直接,受众容易记忆图案本身,但对被标识体的关系的认知需要相对较曲折的过程,但一旦建立联系,印象较深刻,对被标识体记忆相对持久。所以对持久记忆要求高时应设计良好的特示图案形象,较好的设计如苹果公司的牙印苹果,对图案logo的面向推广的各种要素都把握的恰到好处,另外一些情况下,希望在较短期限内建立形象的,还应该设计相应的吉祥物,以类似苹果这样耳熟能详的概念,强化沟通和理解。在现代精神快餐的时代,朗讯的红圈也在成为时尚。不过这类设计在国内还只有设计公司的网站才能接收吧,但有线电视的一个最新的影视综艺节目的l ogo就出现了螺旋型的朗讯红圈,可叹借鉴时大胆有余,创意不足了。
2、特示文字:
属于表意符号。在沟通与传播活动中,反复使用的被标识体的名称或是其产品名,用一种文字形态加以统一。涵义明确、直接,与被标识体的联系密切,易于被理解,认知,对所表达的理念也具有说明的作用,但因为文字本身的相似性易模糊受众对标识本身的记忆,从而对被标识体的长久记忆发生弱化。所以特示文字,一般作为特示图案的补充,要求选择的字体应与整体风格一致,应尽可能做全新的区别性创作。
完整的logo设计,尤其是有中国特色的logo设计,在国际化的要求下,一般都应考虑至少有中英文双语的形式,要考虑中英文字的比例,搭配、一般要有图案中文、图案英文、图案中英文、及单独的图案、中文、英文的组合形式。有的还要考虑繁体、其他特定语言版本等。另外还要兼顾标识或文字展开后的应用是否美观,这一点对背景等的制作十分必要,有利于追求符号扩张的效果。闪客帝国及其前身的边城浪子logo,都有着极好的设计,但都没有考虑中文,不过浪子好象一直对汉字的表现力如极小字体的缺乏、特性字体缺少等颇不以为然,也许导致他怠于思考对中文的设计。这对面向国内网友的网站l ogo,不能不说是一种遗憾吧。
3、合成文字:
是一种表象表意的综合,指文字与图案结合的设计,兼具文字与图案的属性,但都导致相关属性的影响力相对弱化,为了不同的对象取向,制作偏图案或偏文字的l ogo,会在表达时产生较大的差异。如只对印刷字体做简单修饰,或把文字变成一种装饰造型让大家去猜。其综合功能为:
a.能够直接将被标识体的印象,透过文字造型让读者理解;
b.造型后的文字,较易于使观者留下深刻印象与记忆;
看到有许多人仍然没有自己的logo.在此给大家发几个教程
所谓打字效果,就是文字在光标的带动下,富有节奏感般地挨个展现出来。这种效果在网站的logo制作中还不多见。因此我们今天就一起来制作这样一个动态的网站logo。最终的效果如图01。
图01
“智慧生活logo”源文件下载(50k,zip压缩文件)
启动firework后新建一个88*31大小的画布。这种大小也正是网站logo最为常用的尺寸。然后点击“层”面板右上角的下拉按钮,把“单层编辑”的选勾去掉。这样就可以使鼠标指针跨图层地进行对象的选取了。如图02。
图02
准备工夫做好后我们就来正式绘制了。在画布上用“矩形”工具画一个88*31大小的长方形,使其覆盖整个画布。然后用“波浪”渐变进行填充,渐变色由# 009900至# 56bb12。再用35%的“烟雾效果”进行纹理填充,如图03。
图03
然后再为该矩形对象添加一个“内侧发光”的特效,发光色为# ffffff,其它各项设置如图04。
图04
用“矩形”工具再画一个88*31的长方形。描边色为# 019a00,不采用任何填充。然后使其与画布进行居中对齐。如图05。
图05
这样,logo的背景也是绘制完成了。考虑到这是一个动态的logo,而且部分动作效果可以使用动画元件来完成。因此为了后续操作的方便,我们再次点击“层”面板右上角的下拉列表,从中选择“共享此层”。也就是把“层1”设置为共享层,以后该层内的背景对象将被其它帧共用。
在“层”面板中新建一个图层——“层2”。然后用“文本”工具在画布上输入相关网站或论坛的名称。在这里我输入的是“智慧生活”,字体为15号的加粗黑体,色值为#
ffffff,使用“匀边消除锯齿”。最后使该文本对象保持与画布垂直对齐。如图06。
图06
用“矩形”工具画一个16*16的正方形,对其使用无描边的“条状”渐变填充,左右两个渐变滑块均为纯白色,而不透明度则由100%至20%,如图07。
图07
我们通过该正方形对象的属性框中,将其宽度设置为1像素,然后通过键盘方面键的移动,使其紧靠在“智”字的左边。这样,一个光标的形状也就绘制出来了,如图08。
图08
在这个光标对象上点击鼠标右键,从弹出菜单中选择“转换为元件”。然后会弹出一个元件属性对话框。在名称栏中我们可形象的将其命名为“光标”,类型为“图形”。从而把这个对象转成图形元件。
此时启动“库”面板的话,可以看到里面就有我们刚转换完成的“光标”元件。选中它,并将其直接拖拽至画布当中。然后通过方向键的移动,把它放置在“活”字的右边并与“智”字前的光标元件进行水平对齐,如图09。
图09
将当前的两个光标对象同时选中,然后选择菜单栏中的“修改—元件—补间实例”项。然后在弹出的“补间实例”窗口中设置步骤数量为3,并勾选“分散到帧”选项。此时启动“帧”面板时可以看到,在两个光标之间已建立了所需的动画帧数。如图10。
图10
我们继续回到第一帧中进行操作。将“智慧生活”这个文本对象复制后,在其它帧中进行粘贴。而粘贴后的文本对象仍然会在画布上的原位置中,因此不必担心动画在播放过程中会出现文本偏移的情况。
因为文字是在动画的播放过程中逐个展现出来的,这个过程只需要4帧。所以我们把第1帧中的文本对象进行删除。而第2帧中则用“文本”工具对其文字对象进行编辑,使其只保留一个“智”字。以此推论,第3帧中则保留“智慧”两字;第4帧中则保留“智慧生”三个字,第5帧则不对文本对象进行修改。完成后logo的打字效果就有了一个初步的效果,我们可以点击文档窗口下方的播放按钮进行查看了,如图11。
图11
我们再接再厉。选中第5帧后,点击“帧”面板右上角的下拉菜单,从中选择“重制帧”项,然后在弹出来的“重制帧”设置窗口中设置数量为2,如图12。就是将第5帧进行2次的复制,而复制出来的帧也就是“帧”面板里的第6和第7帧。
图12
依次点击第6和第7帧,将“智慧生活”最右边的光标对象删除。然后从第7帧开始,我们就将进行logo网址动画的制作了。用“矩形”工具在第7帧的画布上画一个84*10的长方形,使用无描边的实心填充,填充值为#
e5f4dc。然后将其移至logo的下方与画布进行垂直对齐,如图13。
图13
用“文本”工具在这个矩形上面输入相关的网址,在本例中我输入的是“”,字体为12号的宋体,颜色为#
489801,使用“不消除锯齿”项。然后使其与下方的淡绿色矩形进行水平和垂直对齐,如图14。
图14
将淡绿色矩形和这一文本对象同时选中后使用“修改——组合”命令,使其成为一个组合对象。然后再次从“帧”面板的右上角下拉菜单中选择“重制帧”项。在“重制帧”设置窗口中将所要复制的帧数设置为6,其它选项不变。
此时在“帧”面板中将自动把复制出来的6个帧排列出来,分别是第8至第13帧,如图15。
图15
我们分别将第8、第10和第12帧中的网址组合对象的不透明度设置为50%,如图16。
图16
这样一来就可以使网址动画在显示时产生闪动的效果,如图17。
图17
是否觉得动画闪得太快了呢!别急,帧的延时时间我们还可以进行调整。双击第1帧右侧的
延时时间数,将原来的7/100秒改成14/100秒。使该帧的停留时间增加一倍,如图18。
图0
用同样的设置方法对其它帧的延时时间进行设置,在本例中我将各帧的延时时间设置如下(图19)。
图19
可以看到,第13帧的延时时间是最长的,这样做只是使观看者能有足够的时间看清上面的网站名称和网址,这当然也是宣传的需要。
至此整个logo的制作就大功告成了。可通过菜单栏上的“文件——导出预览”项将动画导出并保存为动态的gif图片格式。最终效果如图20。