FW形状文本路径绘图:大学校徽

形状

  本文实例主要和大家一起绘制南开大学的校徽。我们的思路是校徽中心放置“南开”两个字来代表学校的名字,文字的四周是个八角的星状图像,星状图外切一个圆形,圆形外围有个“NANKAI UNIVERSITY”和“TIANJIN”等文字,这些文字又是处在另外一个圆环之内的。下面我们就来看看校徽的具体制作步骤,从中熟悉Fireworks MX 2004中形状、文本、路径等工具的使用。文章末尾提供.png文件供大家下载参考。   绘制步骤

   (1)新建一个大小为400×400的图像,我们首先绘制八角形。点击工具箱上的星状工具 绘制一个五角形,并将填充设为无,笔触颜色为#865DA2,笔触类型为Felt Tip中的Dark Marker,并设置笔触大小为8,得到图1所示的图像。

图1 绘制五角星形

  (2)我们设计的校徽中的星状图形有八个角,那该怎么办呢?不要着急,在五角星中我们找到点5,也就是左下角的那个控制点。这个点是控制星状工具的角数的,使用选择工具选中这个点,按住鼠标右键不放,并旋转拖动鼠标,这时候我们发现五角星的角开始变化了。当出现八个角的时候我们释放鼠标左键就可以了,如图2所示。

  注意:在Fireworks MX 2004中增添了许多功能,其中这些新工具如星形绘制工具的控制点是一个特别的东西,需要我们逐步了解。。


图2 改变星形的角数

  (3)虽然星形编程了八个角,但是我们觉得凹入的角度过于尖锐,需要将凹入的角度变大,这时候我们使用类似的方式,选择控制角度的控制点,按住鼠标右键向外拖动即可将凹入角度值调大,如图3所示。


图3 调整凹入角度

  (4)释放鼠标,我们就得到了图4所示的八角内部边框了,下一步的工作便是在图像内部添加“南开”两个文字并对文字进行调整了。


图4 校徽的八角内部边框

  (5)现在我们点击工具箱上的文本工具 添加“南开”两个文字,设置字体类型为“文鼎繁淡古”,颜色和内部边框颜色近似即可,如图5所示。


图5 添加文本

  (6)选择工具箱上的缩放工具 对文本实行变形和缩放,调整文本的大小和长宽比,使得文本能够和边框匹配,如图6所示。


图6 对文本进行调整

  (7)我们还想对“南”字进行一定的调整,使得“南”字的横能够两端向上挑起来,但是没有这样的字体。难道我们没有办法了?其实我们只需将文本转换为路径就可以了。选中文本,右击鼠标选择快捷菜单的“Convert to Paths”即可,这时候我们发现原来的文本变成两组对象的组合了,如图7所示。


图7 将文本转换为路径

  (8)文本现在已经不存在了,原来的文本现在变成两个路径的组合。由于我们只需要改动“南”字,所以需要将组合取消。选中上面的组合,右击鼠标在弹出的快捷菜单中选择“Ungroup”即可取消组合,得到图8所示的图像。


图8 取消组合

  (9)这时候我们使用选择工具只选择“南”字路径,切换到400%视图,适当的使用钢笔工具 增加控制点,使用次选择工具 调整路进,使得“南”字路径上面的一横的两脚上挑起来,如图9所示。


图9 修改路径

下一页 FW形状文本路径绘图:大学校徽 [2]

时间: 2024-10-28 06:50:18

FW形状文本路径绘图:大学校徽的相关文章

Fireworks文本路径结合操作

输入的文本一般总是位于一个矩形的文本框中,很多情况下我们需要绘出动态的文本.为达到这个效果,我们可以绘制一条路径,然后将文本附着于路径之上,文本将随着路径的改变而改变.不过此时路径又失去了笔触.描边.填充等路径属性.下面我们具体看看Fireworks中文本和路径的结合操作可以实现哪些灵活丰富的效果. 1. 附加文本到路径 在Fireworks中,我们可以将文本附加到某个路径上,此时文本会按照路径的方向和形态排列.当文本被附加到路径后仍然可以编辑文本,描边.填充和效果属性都将用于文本,而非路径.不

如何实现接受用户通过文本输入绘图?

问题描述 写一个小应用程序,要求有一个画布,在画布上绘制一个矩形,用户通过文本框输入矩形的宽和高,以及矩形左上角的位置坐标.请问改如何实现以上的应用程序? 解决方案 解决方案二:搜索吧>.<解决方案三:就做一个输入界面啊,用户输入数据,按一个button,然后画框框就是了啊?解决方案四:不知道你是想做个什么样的程序.解决方案五:Draw2D画呗,代码网上有的是

c++-MFC EditView 如何让其立刻显示另一路径下文本内容?

问题描述 MFC EditView 如何让其立刻显示另一路径下文本内容? MFC EditView 如何让其立刻显示另一路径下文本内容? 初始化后读取的是一个默认的文本文件内容, 当我执行双击时,立刻重新显示另一个文本内容 两个文本路径均已知,如何重新显示? 解决方案 明显是你有内存没有分配,点中断,看发生错误的代码行,检查各个变量. 解决方案二: FILE* pfile = fopen( 文件名, "r" ); TCHAR szBuf[10000]; fread( szBuf, 1,

JavaScript基础——使用Canvas绘图_javascript技巧

最近在学习Canvas画图的方法,最近有时间做了个整理,如下: 1.基本用法 要使用<canvas>元素,必须先设置其width和height属性,指定可以绘图的区域大小,出现在开始后结束标签中的内容是后备信息,如果浏览器不支持<canvas>元素,就会显示这些信息.例如: <canvas id="drawing" width="200" height="200">A Drawing of something&

flash8.0基础绘图工具

在计算机绘图领域中,根据成图原理和绘制方法的不同,分为矢量图和位图两种类型. 矢量图形是由一个个单独的点构成的,每一个点都有其各自的属性,如位置.颜色等.因此,矢量图与分辨率无关,对矢量图进行缩放时,图形对象仍保持原有的清晰度和光滑度,不会发生任何偏差,如图2-0-1所示是放大了16倍的矢量图效果. 图2-0-1 矢量图放大到16倍时依然清晰 位图图像是由象素点构成的,象素点的多少将决定位图图像的显示质量和文件大小,位图图像的分辨率越高,其显示越清晰,文件所占的空间也就越大.因此,位图图像的清晰

Visio2007形状导入数据怎么添加

Visio2007形状导入数据怎么添加   Visio2007 自动将多行数据链接到多个现有形状 对于包含多个形状的现有绘图,此方法最适用. 要点 这些Visio2007形状中必须包含可与数据源中的数据相匹配的文本或现有形状数据. 在"数据"菜单上,单击"自动链接". 按照"自动链接向导"中的步骤操作. 数据即会显示在这些形状中. 将一行数据拖到一个形状上 对于包含相对较少的形状的现有绘图,此方法最适用. 从"外部数据"窗口中

《HTML5 canvas开发详解(第2版)》——2.4 使用路径创建线段

2.4 使用路径创建线段 路径可以用来在画布上绘制任何形状.路径就是一系列点以及这些点之间的连线.Canvas环境只能有一个"当前"路径,当调用context.save()方法时,不会将它储存为当前绘图状态的一部分. 路径的环境是一个需要读者理解的重要概念,因为它决定了只能变换画布上的当前路径. 2.4.1 设置路径的开始和结束 调用beginPath()函数开始一个路径,调用closePath()函数结束一个路径.连接路径内的两个点的路径称为子路径.如果终点与起点相连,子路径即成为封

不可不知的12则Photoshop文本操作技巧_photoshop

这是 John Nack 写的一篇关于 Photoshop 文本操作技巧的文章.个人感觉非常实用,故编译之,推荐给大家参考. 更新:Photoshop 会长 Russell Brown 现已制作了视频教程展示这些技巧--额外新增四个技巧,更胜于本文. 1.Photoshop CS2增加了一个所见即所得的字体菜单,因此你可以在应用之前预览字体.但是如果你想在文档中从头到尾循环查看字体该怎么办?在选项栏中选择当前字体的名字,然后点击上下前头键.这将从头到尾循环显示你系统中所有可用字体. 图1 2.如

extjs4中Ext.draw.Component 绘图实例介绍

1.实现文本绘图  代码如下 复制代码 [Js]         Ext.create('Ext.draw.Component', {             renderTo: Ext.getBody(),             viewBox: false,             draggable: {                 constrain: true,                    //允许拖动                 constrainTo: Ext.