「对不起 青春」—— 使用 Inkscape 绘制三岛 FM 吉祥物

《对不起青春!》是现在正热播的一档秋季日剧,以校园为背景,讲述了男女校合并期间所发生的一连串喜剧故事。追剧期间我想起自己以前一直想写又未写的一篇工具介绍文章,在此正好以剧中出现的某电台节目吉祥物(鳗鱼)为对象,写下绘制它的简要过程,并对所用到的软件作一点介绍。


sample

工具介绍

绘制所需的工具为 Inkscape。它是一款类似于 Adobe Illustrator 的开源矢量图像编辑器,使用一种开放且基于 W3C XML 标准的 SVG 作为默认的文档格式。起初于2003年由四名 Sodopodi 开发人员发起,现已可在如 Linux、Windows、Mac OSX 等多种操作系统上使用。

准备工作

一台运行良好的电脑。由于软件本身的轻量级与跨平台性,其对运行的操作系统与电脑本身的硬体性能没有过多要求。没有安装 Inkscape 的可前往其官网选择相应版本下载。并下载此次绘制所需的素材文件。素材来自《对不起青春》官网下的周边贩卖页面
以下演示皆基于当前软件稳定版本 0.48.5,涉及到一些相对基础的操作。

熟悉界面

screenshot 00

①: 菜单栏,相应选项的操作与偏好设置。
②: 工具列,创建规则、不规则图形等时所需要的一些工具。
③: 快捷方式按钮。包含打开文件,导出位图等。
④: 工具选项,选定一种绘图工具后会在这个方位显示相应工具设置。
⑤: 拾色栏,点击快速填充颜色。按下 Shift 再点击则填充笔廓颜色。注意最左处的「X」,点击则消去填充,按下 Shift 则消去笔廓。
⑥: 画布。绘图区域。
⑦: 状态区域,显示创建对象的填色状况和当前的图层情况等。
完成此次绘图简单熟悉上述即可。

绘制过程

  1. 打开软件,点击「文件」→「导入」(或使用快捷键 Ctrl+I)。选择下载好的素材文件 A。点击「嵌入」。


    screenshot 01
  2. 使用界面最左侧工具列中的「放大镜」工具(快捷键 F3)进行放大缩小(或通过-和+键,也可以通过鼠标中键点击),致合适程度,以便后续临摹。
  3. Shift+Ctrl+L,打开关于图层的选项面板。
  4. 重命名「Layer 1」为「原图」,并点击旁边的锁的标志进行锁定,防止之后的误操作对素材层进行修改。


    screenshot 02
  5. 正式开始临摹,先从鳗鱼的身体开始。在刚才的选项面板中,点击左下方的「+」,新建图层「鱼身」。注意之后所新建的每一个图层都在「原图」层之上,通过选项面板上的这中间的四个按钮改变图层间的位置关系。


    screenshot 03
  6. 选择钢笔工具(Shift+F6)描绘身体轮廓,如果手不是特别抖的话建议使用铅笔工具(F6),将光滑值设为 50,笔廓颜色设为对比更强烈的颜色(如红色),临下身体外廓。


    screenshot 04

    screenshot 05

    描好后再使用节点编辑工具(F2)进行修改,以求更好地拟合原图。
    轮廓完成后进行填色,使用吸管工具从原图上拾取颜色。身体部分绘制结束。

  7. 将已完成的「鱼身」图层设为隐藏,并以相同方法摹画鱼眼、鱼嘴、鱼鳍、鱼尾等其余部分。
    注意使用「pg dn」、「pg up」来调整同一图层内不同部件的上下关系,使用「再制」(Ctrl+D)来绘制形状相似的部分。(如鳗鱼眼睛、眼泪)
    完成所有后再作细微调整,最后删去「原图」图层。


    screenshot 06
  8. 绘制蓝色圆点背景。导入另一张素材图 B。选择圆形工具,按住 Ctrl+Alt 创建正圆形。消去笔廓,拾取素材图中的蓝色以填充。
    对创建好的圆形进行再制,利用 Shift+→ 移动再制好的另一个圆形,使两个圆形在同一水平线上隔开一定的距离(这个距离掌控需要多次尝试),按住 Shift 同时选住这两个圆形,再在菜单上点击「扩展」→「从路径生成」→「插值...」。在弹出的对话框内,于插值步数一栏填上 13。(即这一行最终会有 15 个圆形)


    screenshot 07
  9. 点击「文件」→「文档属性」(Shift+Ctrl+D),在弹出的选项面板中将尺寸宽高设为 512×512。多次再制之前绘制好的那一行圆形,并将现有的画布覆盖。


    screenshot 08
  10. 绘制一个方形,将大小设为 512×512,无笔廓,填充为白色。利用键盘快捷键「end」将它置于画布底层,以作底色。保持方形选中的状态,点击「对象」→「对齐和分散...」(Shift+Ctrl+A),依次点击「水平方向居中」和「垂直方向居中」。选中这个方形和所有蓝点,按下 Ctrl+G,将它们设为一个群组。白底蓝点背景初步完成。
  11. 绘制一个圆形,大小也设为 512×512,同样置于画布正中。同时选中这个圆形与刚才创建的那个群组。点击「对象」→「裁剪」→「设置」。背景完成。


    screenshot 09
  12. 导入素材 C,利用与之前相似的方法,使用铅笔、钢笔工具将相关图案与文字摹画下来。注意在画三岛FM中间的那个五角星时,可使用多边形工具,并按下图设置。


    screenshot 10

    注意在绘制「三岛」字样时,可将钢笔工具设置为折线模式,使图形更加规整。


    screenshot 11
  13. 绘制完成后,删去素材图片,将之前摹画所得排列调整。点击「文件」→「导出位图」(Shift+Ctrl+E),设置合适尺寸。整个标志便得以完成。


    screenshot 12
  14. 绘制结束。文中出现疏漏处还请指正。若有人知道这条乞怜的鳗鱼叫什么名字,也请在下方留言。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,569评论 4 363
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,499评论 1 294
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 109,271评论 0 244
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,087评论 0 209
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,474评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,670评论 1 222
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,911评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,636评论 0 202
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,397评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,607评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,093评论 1 261
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,418评论 2 254
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,074评论 3 237
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,092评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,865评论 0 196
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,726评论 2 276
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,627评论 2 270

推荐阅读更多精彩内容

  • 一、照片名称:调出照片柔和的蓝黄色-简单方法, 1、打开原图素材,按Ctrl + J把背景图层复制一层,点通道面板...
    潇湘妃子JC阅读 4,120评论 0 17
  • 1 PHOTOSHOP常用快捷键大全 1.1文件 新建CTRL+N 打开CTRL+O --文件置入:打开位图、...
    征程_Journey阅读 3,808评论 0 9
  • 官网中文版 1 简易天空替换## 技能:线性擦除,追踪运动,用颜色键K出人物,用色彩曲线调色。(1)天空图片素材放...
    朱细细阅读 10,511评论 4 82
  • 30种PS技术,让你的照片美到不行! 自从有了“PS(Photoshop)”以后,很多事情变成了可能,你可以上九天...
    八爷君阅读 3,180评论 3 45
  • 1、 关于早起这件事,我连续失败了一个月。 于是乎,我几乎每天上午都是关于早起失败的懊悔、自责以及对第二天的雄心壮...
    懒觉大妈阅读 981评论 0 3