记一次Inkscape完成一条简易的小鲸鱼logo

使用Inkscape做一条小鲸鱼

参考资料:https://blog.****.net/ouening/article/details/90213641?utm_medium=distribute.pc_relevant.none-task-blog-baidujs-9

一、Inkscape概念与下载

1.1、简介

Inkscsape是一款国外开发的开源矢量图形编辑软件,与IllustratorFreehandCorelDraw、Xara X 等其他软件相似。

Inkscape是一套矢量图形编辑器,以自由软件授权发布与使用。该软件的开发目标是成为一套强力的绘图软件,且能完全遵循与支持XML、SVG及CSS等开放性的标准格式。Inkscape是一套跨平台性的应用程序,Windows、Mac OS X、Linux及类UNIX版等操作系统。

1.2、软件下载

官网地址:https://inkscape.org/


二、绘制一个实例-小鲸鱼

2.1、效果图

先来看下效果图

记一次Inkscape完成一条简易的小鲸鱼logo

本次是简易入门操作。简单分析下效果图,可以大概分析出来图形的组成是都可以使用基础圆形来绘制完成,如下:
记一次Inkscape完成一条简易的小鲸鱼logo

在软件中我们通过对基形状工具的选取、变形、填充与轮廓、放大与缩小第二个操作,来完成本次的图形绘制

2.2、准备工作

事前准备,创建一个新的文档,设置文档属性里尺寸最小单位为px(像素)。

记一次Inkscape完成一条简易的小鲸鱼logo

2.3、基础框架

对于前面已经讲过的效果图分析,我们在此创建几个基础圆形对象作为基础框架,在此之上进行细节的添加与优化

点击左侧菜单栏,添加基础圆形工具,按住Ctrl + shift可以添加圆形
记一次Inkscape完成一条简易的小鲸鱼logo

2.4、基础图形属性变换

点击左侧变换工具对形状进行简单的编辑

选择并变换对象,通过边框上的双向箭头可以进行变换,调整其大小等
记一次Inkscape完成一条简易的小鲸鱼logo
点击其他属性来设置透明度,方便我们进行操作
记一次Inkscape完成一条简易的小鲸鱼logo

框架搭出来,图形的不透明度低一点,颜色自选,方便我们进行调整
记一次Inkscape完成一条简易的小鲸鱼logo

2.5、简化路径、分离

从右下到左上慢慢进行细节的处理

圆形1进行再制,交集处理并保留,切除2圆右半边多余部分
记一次Inkscape完成一条简易的小鲸鱼logo
记一次Inkscape完成一条简易的小鲸鱼logo

取交集。按住键盘shift键再点击可以选取多个元素对象
记一次Inkscape完成一条简易的小鲸鱼logo

同理取右边部分
记一次Inkscape完成一条简易的小鲸鱼logo

2.6、叠放次序

添加一个小圆形与左边2圆相切,并使其上升一个层级
记一次Inkscape完成一条简易的小鲸鱼logo
记一次Inkscape完成一条简易的小鲸鱼logo

点击左侧菜单栏选择绘制贝塞尔曲线 处理得到如下
记一次Inkscape完成一条简易的小鲸鱼logo
记一次Inkscape完成一条简易的小鲸鱼logo
记一次Inkscape完成一条简易的小鲸鱼logo

同样的方式变换成如下
记一次Inkscape完成一条简易的小鲸鱼logo

其他的一样处理,添加贝塞尔曲线,来控制部分我们不能使用现有的图形控制不到的元素
记一次Inkscape完成一条简易的小鲸鱼logo

初步成型,如果我们需要对得到的图形不同部位进行上色,需要先将整个路径分离,或者先简化后分离。
记一次Inkscape完成一条简易的小鲸鱼logo

完成!!
记一次Inkscape完成一条简易的小鲸鱼logo


三、思考与总结

关于路径与对象

路径

  • 一般由贝塞尔曲线、手绘线组成的非闭合或者闭合图像,其属性为路径,特点是只由节点与控制点组成,可以任意拖动节点与控制点来改变物体的形状

对象

  • 由文字、矩形、圆形等绘制得到的物体属性为对象,特点是由节点与控制点组成,但是只能控制这些图形的基本属性。如圆角、长宽等,不能任意控制图形的形状

互相转换

  • 对象与路径的转换在菜单栏的"路径"中可以实现