工业动画制作过程介绍(一)——静态简笔图画的制作

 在工业控制系统中,为了使控制界面更加人性化,需要制作各种简单的动画 来显示机器的运行状态,那么对于非工业设计等设计类的专业者来说,制作这些动画并非易事,而网上又没有可用的资源。那么怎么办呢,非专业人士只好采用非专业的方法,程序员不容易啊,啥都得会干,有条件要干,没条件创造条件也要干。

动画其实是由几张静态图按一定顺序循环显示而来的。下边就简单介绍一下使用常用的软件 AutoCAD 和 PS 把工业照片转化成工业静态简笔图画的步骤。

目录

一、AutoCAD 操作

1.设置 AutoCAD 的背景色为白色

(1)打开 AutoCAD,鼠标右键单击,在弹出菜单中选择“选项”单击

(2)在“选项”对话框中单击“颜色”按钮

(3)在右侧“颜色”下拉列表框中选择“白” 

(4)单击“确定”

(5)背景色变为白色

2.在 CAD 中插入一张要制作动画的照片

(1)单击菜单“插入”,单击“光栅图像参照”

(2)选中要插入的照片,单击按钮“打开”

(3)为新制作的图像另取一个文件名,然后单击按钮“确定”

(4)在“图像”对话框中,勾选“在屏幕上指定”复选框,单击“确定”按钮

(5)插入图片

3.描绘机械简笔画的轮廓

(1)描绘设置

(2)描绘完成

(3)轮廓线的处理

4.给简笔画填充颜色

(1)框选所有简笔画的轮廓线,按 Ctrl+C 复制

(2)按 Ctrl+V 复制到屏幕另外一个点

(3)将轮廓线颜色调整为黑色。  

(4)单击“图案填充”图标 

(5)填充图案

(6)选中图案

(7)填充颜色

(8)第一部分完成

(9)所有区域完成

5.生成png格式图片

(1)单击菜单“文件”,选择“打印”选项

(2)设置打印类型

(3)设置打印范围

(4)在屏幕上选择要打印的图像范围

(5)在“打印-模型”对话框中,“打印样式表”下拉列表框中选择“无”选项

(6)在“打印-模型”对话框中,单击按钮“预览”,检查有无缺陷

(7)经检查无误后,在“打印-模型”对话框中,单击按钮“确定”

(8)选择要打印文件保存的路径,然后单击“保存”,生成 PNG 格式文件

(9)存在问题

二、PS处理

1、删除白色背景

2、裁切多余的边

(1)选中裁切

(2)裁切设置

(3)裁切完成

3、存储

(1)单击菜单“文件”,在下拉列表中选择“存储为”选项

(2)存储为png格式

(3)转化成功


一、AutoCAD 操作

AutoCAD 可以选用任意版本,只要具备插入光栅图像参照即可,本文使用的 是 AutoCAD 2017 版本。

1.设置 AutoCAD 的背景色为白色

(1)打开 AutoCAD,鼠标右键单击,在弹出菜单中选择“选项”单击

(2)在“选项”对话框中单击“颜色”按钮

(3)在右侧“颜色”下拉列表框中选择“白” 

(4)单击“确定”

(5)背景色变为白色

2.CAD 中插入一张要制作动画的照片

(1)单击菜单“插入”,单击“光栅图像参照”

(2)选中要插入的照片,单击按钮“打开”

3)为新制作的图像另取一个文件名,然后单击按钮“确定”

(4)在“图像”对话框中,勾选“在屏幕上指定”复选框,单击“确定”按钮

(5)插入图片

CAD 作图区域任意一点单击,命令行出现“指定缩放比例因子<1>”, 保持此项不变,直接按回车键。

3.描绘机械简笔画的轮廓

(1)描绘设置

调整图片的大小和位置,选择本层颜色为红色,单击 polyline 图标,然后沿着要做的机械简笔画的轮廓进行描绘。

(2)描绘完成

不同的颜色区域要用不同的多段线进行描绘,形状规则的部分可直接用相应的图形描绘(比如本例中车轮为圆形,可直接要用圆描绘)。

(3)轮廓线的处理

轮廓线的编辑。由于用多段线描绘的轮廓线不够光滑,所以要将这些 线段编辑成样条曲线。首先选中一条多段线,命令行中敲“pe”回车,在输入选项 中敲“s”,然后回车。按照以上方法将所有的多段线都编辑成样条曲线。

4.给简笔画填充颜色

(1)框选所有简笔画的轮廓线,按 Ctrl+C 复制

(2)按 Ctrl+V 复制到屏幕另外一个点

(3)将轮廓线颜色调整为黑色。  

(4)单击“图案填充”图标 

(5)填充图案

在“图案填充和渐变色”对话框中图标单击“图案”下拉列表框后带 三个点的按钮。

(6)选中图案

在“填充图案选项板”对话框中选择 “SOLID”填充图案。

(7)填充颜色

在“选择颜色”对话框中选择合适的填充颜色。

8)第一部分完成

填充完的效果如下图所示。

(9)所有区域完成

所有区域填充完的效果如下。

5.生成png格式图片

需要将将填充好的简笔画生成 PNG 图片,操作步骤如下:

(1)单击菜单“文件”,选择“打印”选项

(2)设置打印类型

在“打印 - 模型”对话框中,“打印机 / 绘图仪” -“名称”下拉列表框选择“ PublishToWeb PNG.pc3 ”选项。

 

(3)设置打印范围

在“打印-模型”对话框中,“打印区域”-“打印范围”下拉列表框中 选择“窗口”选项。  

(4)在屏幕上选择要打印的图像范围

(5)在“打印-模型”对话框中,“打印样式表”下拉列表框中选择“无”选项

 

(6)在“打印-模型”对话框中,单击按钮“预览”,检查有无缺陷

(7)经检查无误后,在“打印-模型”对话框中,单击按钮“确定”

(8)选择要打印文件保存的路径,然后单击“保存”,生成 PNG 格式文件

(9)存在问题

将最终生成的图片,插入到有颜色的背景中,可以看出,图片的白色背景颜色仍然存在,并不是完全的 PNG 格式,还需要进一步处理。这一步小编也没搞明白是怎么回事,如有知道原因的朋友可以留言指教。

二、PS处理

本文用的 PS 版本是 CS6。

1、删除白色背景

PS 打开刚生成的图片,用魔术棒工具双击图片中白色的背景区域,然后按delete键,删除选中背景部分。

2、裁切多余的边

(1)选中裁切

鼠标单击“背景”图层前边的眼睛图标,关闭“背景”图层,只剩下 “图层 1”,可以检查一遍,简笔画的选择区域是否准确。检查无误后,单击菜单 “图像”,在下拉列表中单击“裁切”选项。

(2)裁切设置

在“裁切”对话框中,保持默认值如图不变,单击按钮“确定”。

3)裁切完成

裁切完成后的效果如下图,已经将多余的背景边框裁切掉。

3、存储

1)单击菜单“文件”,在下拉列表中选择“存储为”选项

(2)存储为png格式

在“存储为”对话框中,选择文件存储路径,在“格式”下拉列表框中选择PNG格式,然后单击按钮“保存”。

3)转化成功

从生成图片的图标,和插入到有颜色的背景图片中可以看出,图片的背景颜色为底层背景的颜色,已经是完全的PNG格式,处理完成。

(第一部分完成,第二部分待续)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/41773.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

使用Qt动画框架设计角色的二维动画

使用Qt动画框架设计角色的二维动画 Qt的动画框架是Qt4.6新添加的一个重要的特性&#xff0c;有了它&#xff0c;开发人员可以制作激动人心的动画界面&#xff0c;而不必局限于单调的固定窗口了&#xff0c;可以说&#xff0c;Qt动画框架是其它界面库少见的功能&#xff0c;它带…

Unity 3d人形动画 一边走一边吹泡泡

资源下载并导入&#xff1a; Robot Kyle 导入标准资源库并修改资源库过时的错误 >>点击此处查看教程 这样就解决了 我们都知道&#xff0c;标准资源包里的人物&#xff0c;是自带脚本的。 而这些脚本&#xff0c;也可以应用到这个没有脚本的机器人上面&#xff0c;只需要…

unity人物基础动画应用。行走、待机之类的简单动画切换。

[TOC]unity人物基础动画应用 1.将动画或带有动画的&#xff0c;模型导入到unity 直接将项目拖入资源层级就好。这里推荐一个网站&#xff0c;可以给导入网站的模型自动绑骨&#xff0c;并且可挑选动画下载。网站自身也带有很多模型可以直接下载。免费又好用&#xff0c;就是可…

Unity中制作动画

1.创建一个 Cube 模型 2. 点击 Window->Animation->Animation 按钮&#xff0c;打开动画编辑面板(快捷键Ctrl6) 3. 点击 Create 按钮&#xff0c;保存新建的动画文件&#xff0c;我命名为“Cube.anim”创建好界面如下 4.点击 Add Preoperty&#xff0c;选择合适的想要改变…

unity人物素材制作动作,导入unity行走、跑步动画,并用Animator Controller加脚本进行控制

初学Unity的关于制作人物动作、导入unity动画、控制人物移动的简单小结 因为网上的关于人物动画制作、导入、控制运动的文章都不太全面&#xff0c;所以自己制作了一个小结来总结一下&#xff0c;这是我当前做出来的效果图&#xff0c;穿墙效果还未改&#xff0c;这里可以通过…

Unity制作的照片墙效果

使用Unity3D制作的照片墙效果。支持发布PC、Android、Web等多平台使用。 效果上图 点选其中一张图时 参数调节 工程地址&#xff1a;https://download.csdn.net/download/Highning0007/87337607

Unity制作简单的精灵图动画(新手向)

使用精灵图制作动画步骤&#xff1a; 1.精灵图准备 2.制作动画 一、精灵图导入与切割 第一种情况&#xff1a;导入的是已经切割好的精灵图&#xff0c;请直接跳动到二 第二种情况&#xff1a;导入的是需要切割的精灵图&#xff0c;需要切割&#xff0c;切割步骤&#xff1…

unity程序动画

文章目录 Unity 程序动画讲解 一、程序动画是什么&#xff1f;二、使用步骤1.建立模型2.骨骼建立3.代码部分4.角色身体的位置适配 总结 Unity 程序动画讲解 提示&#xff1a;以下是本篇文章正文内容&#xff0c;下面案例可供参考 一、程序动画是什么&#xff1f; 程序动画就是…

Unity | 从建模到蒙皮动画的整个过程

目录 一、顶点数组、索引数组及UV数组 二、Mesh、MeshFilter、MeshRenderer及SkinnedMeshRenderer 1. Mesh 2. MeshFilter 3. MeshRenderer 4. MeshRenderer与SkinnedMeshRenderer&#xff08;蒙皮网格&#xff09; 三、Unity中相关组件 1. mesh和material 2. sharedM…

虚幻——动画蓝图、状态机制作人物走跑跳动作

一、名词解释 序列——一段动作。 混合空间——混合不同的动作。将多个序列排序播放。 动画蓝图——根据状态播放不同的动画。 二、混合空间制作走跑动作 由于走和跑的动作比较连续&#xff0c;并且都是由速度控制&#xff0c;所以要把待机、走、跑这三个动作混合在一起。 1.创…

Unity UI 做 图表动画

UI分为三张图片&#xff0c;背景图&#xff0c;前景橘色&#xff0c;前景蓝色&#xff0c;三张图片大小一致&#xff0c;前景就是没有图片的image&#xff0c;填充的颜色。形状是通过shader改变的。 这是一个图标的基本结构&#xff0c;center是中心点&#xff0c;1、2、3...是…

广告中oCPX到底是如何进行优化的?

自从Facebook引入oCPM出价以来&#xff0c;国内的头条广告、微信广点通、百度信息流都陆续推出了自己的oCPX出价&#xff0c;oCPX出价已经成为主流广告投放平台的标配。 简单而言&#xff0c;oCPX是一种出价机制&#xff0c;允许广告主按照转化行为成本出价&#xff1b;假设对…

文字转语音神器!

大家好&#xff0c;我是懂王。 经常刷短视频的兄弟应该知道&#xff0c;有很多短视频的字幕都是用机器人语音来制造的&#xff0c;类似于手机上的 AL 助手语音&#xff0c;不过声音比 siri 和小爱同学要难听一点。 虽然这种机器声音听起来略带生硬&#xff0c;然而对于视频创…

语音转文字怎么转?分享这些实用软件

在参加日常工作会议时&#xff0c;有时候大家记录的速度跟不上对方的语速&#xff0c;会导致会议记录不完整&#xff0c;影响到工作效率。有些小伙伴就把会议内容进行录音&#xff0c;待会后再将录音文件进行整理&#xff0c;这样做既方便快捷&#xff0c;同时能提高工作效率。…

chrome文字转语音(tts)

文章目录 一、文章参考二、TTS (Text-To-Speech) 是文本转语音2.1 概念2.2 windows 操作系统2.3 验证是否有Windows TTS&#xff08;语音转文本&#xff09; 三、chrome 文字转语音3.1 Web Speech相关的API实际上有两类3.2 语音合成Speech Synthesis API3.2.1 SpeechSynthesisU…

在线文字转成语音怎么转

很多小伙伴在办公或学习中&#xff0c;经常或需要浏览大量资料。随着时间越来越长&#xff0c;我们的眼睛就会多度疲劳。为了不戴上眼镜&#xff0c;我们只能改变当前的方式&#xff0c;也就是把文字变成语音去听&#xff0c;而不是去看。那么就有小伙伴想问了在线文字转成语音…

体验最佳的一个TTS文字转语音工具

文本转语音 (TTS) 技术在当今的数字世界中变得越来越流行&#xff0c;其应用范围从语音导航到教学视频、教育和娱乐。 TTS 技术允许用户将文本转换为语音&#xff0c;使其成为一种极其方便、高效和灵活的交流方式。 个人的使用场景是抖音短视频语音配音和电影解说&#xff0c;…

一个在线文字转语音工具

一个在线文字转语音工具 因为参加比赛过程中要频繁使用文字转语音的功能&#xff0c;遂写了这个工具&#xff0c;暂时先用着。 工具基于百度API &#xff0c; 目前只支持 1K 以内的文字转语音。 后续版本拟增加讯飞接口&#xff0c;批量转换&#xff0c;语音识别&#xff0c;在…

SpeechSynthesisUtterance文字转语音播报

一、介绍 SpeechSynthesisUtterance是HTML5中新增的API,用于将指定文字合成为对应的语音.也包含一些配置项,指定如何去阅读(语言,音量,音调)等 二、基本属性 var speech new SpeechSynthesisUtterance() speech.lang 获取并设置话语的语言&#xff08;en-US、zh-CN&#x…

文字转语音功能

大家有没有为如何找到一款文字转语音功能还能免费使用&#xff0c;操作简单的网站而苦恼&#xff0c;这边为大家强烈推荐一款操作简单而且免费使用的网站 96编辑器里的文字转语音功能 什么是文字转语音&#xff1f; 顾名思义&#xff0c;文字转语音是将文字转化成语音的形式&…