这个动画的GIF展示了Illustrator的分步绘图是否易于理解?


14

我正在尝试通过一些循序渐进的绘图练习来制作一些有关Illustrator的简短动画gif。

我可以在一些框架中添加一些说明性文字,但我不想这样做。也许稍后,这取决于最终的位置,我可以使用二手工具添加文本行。

这就是为什么我想知道以下动画是否对于具有基本AI知识的人来说是否足够理解。

椅子

感谢所有的评论。有时,当您沉浸在一个项目中时,无论规模多么小,您都会有点盲目。这就是为什么我提出这个问题。每个评论都非常有用,我会牢记所有。


想要在完成后将我们链接到您的网站吗?
外侧端子'18

@LateralTerminal我会的,但是你们所有人都给我做了很多作业:-)我不确定要花多长时间。

您打算教现场观众还是在线同步/异步?
好奇

目的不是教书,只是想吸引一分钟的观众:•对于那些对矢量绘图有想法的人,他们将尝试解释其制作方法。•对于不了解矢量绘图的人,即使我逐步使用快捷方式和工具,也只会是动画。这就是为什么我接受@Webster的答案的原因,因为它使我怀疑我不仅对动画而且对目标还有疑问:—它只是关于插图处理的动画图形—

Answers:


2

很容易看到,遵循或理解(?)椅子的制作步骤。

除了如何更改光标和突出显示的节点以外,没有传达有关如何执行操作,使用哪些工具使用哪些快捷方式的信息。

如果这将是教学教程,则需要更多说明。

如果它是有关插图处理的图形,那么它可以很好地工作。


您触及到的是钉子,这不是教程,当然也不是教学资源,它只是用AI工具制作的图纸。我正在尝试使其尽可能地易于理解,但简单,清晰且没有太多干扰。阅读所有评论之后,我将对其进行裁剪,并在动画上添加一些键和快捷方式,但这只是次要的事情。

19

我认为在不知道什么工具做什么,什么快捷方式做什么以及如何执行简单的事情(例如反转填充/笔划)的情况下,对于经验不足的用户,可能缺少详细的gif。有只是太多的 “未知”,如果你不熟悉在Illustrator工具/快捷键的功能。

在此处输入图片说明

相反,对我来说,如果您确实了解工具,功能和快捷方式,则非常简单,清晰和简单。因此,也许没有那么多解释,以至于特定的gif可能是“中间用户” gif?


是的,我知道其中的解释...它必须是英文和西班牙文,这就是为什么我要避免这种解释。我想使它变得通用,找到一种无需文字说明的方法。感谢您的评论。

小事-还会显示您要点击的位置。许多屏幕录像机都会记录单击后扩展的小“气泡”,而且我敢肯定,您可以找到可以在屏幕上使之发生的软件,以供屏幕录像机使用。(此外,修饰符通常具有与语言无关的符号-即使位置发生变化,Mac的Command符号在任何键盘布局,AFIAK上也相同)
Fund Monica的诉讼

注意:在字符串末尾添加一个字符以使其始终居中时移动整个字符串将使它很难阅读,因为文本总是从您要查看的位置
移开

@ user1306322上面的gif只是一个示例,您不太可能像示例gif中那样一个接一个地随机按下修饰符。在大多数情况下,所有修饰符都会一次被按下。
斯科特

哪个工具可以增加键盘点击次数?
WELZ

10

您可以采取一些措施来改善这个好主意,并且不要使其变得可怕。

  1. 您肯定需要添加屏幕键。
  2. 您应该将其分解为多个步骤,并使用多个gif来显示您所做的事情,而不只是一个长gif。这消除了Scott提出的gif太长的问题。
  3. 对gif进行补充,以说明您所做的事情。
  4. 提供完整项目的下载文件。

编辑:我想到了更多。

如果您没有托管有趣的短片,则Gif技术非常糟糕。

Gif是迄今为止最糟糕的视频压缩技术。Google和imgur基本上试图用webm完全辐照gif,但失败了。

当您搜索GIF动画时,Google现在所做的就是将预览重新编码为VP9,h264或类似名称。它节省了大量空间,并且加载速度更快。当您单击预览时,它将加载实际的gif文件。

使用真实的视频压缩格式将有很多缺点。对于一个人来说,使用h264的许可证很昂贵。您必须依靠YouTube之类的其他服务来托管它,这样就不必担心被起诉。您的网站访问者无法像使用gif一样轻松地从YouTube下载视频。

如果您不想依靠YouTube作为主机,则可以使用开源视频格式对其进行编码。

https://en.wikipedia.org/wiki/List_of_open-source_codecs

老实说,我什至不确定某些开源编解码器的合法性。这就是为什么Google一直在研究AV1的原因,但它仍然很糟糕。


只需使用YouTube

无论您将任何短片另存为gif,都应将其保存在YouTube上并嵌入到您的网站中。您无需像其他所有人一样制作冗长的YouTube教程。就像将其与gif一样将其分成几部分,然后将视频嵌入补充文字说明旁边的相同位置,就像我说过的那样,您应该使用gif。一切都会在您的网站上更快地加载。


编辑2:

为了澄清注释中的一些杂音。

YouTube视频和Gif文件之间并没有真正的区别。它们都是视频格式。区别在于,YouTube视频的加载速度更快,色彩更好,并且还具有暂停功能(暂停非常重要)。

.gif会给您带来很多瑕疵,并且无法正确显示颜色,因为这就是gif的工作方式。

因此,无论您在网站上的哪个位置,都将放置4秒钟的gif而不是4秒钟的视频。您为什么现在仍要使用gif?如果您使用YouTube上的视频,则可以向公众隐藏视频,以便仅在您的网站上显示。

最后,如果您按照我建议的方式进行操作,那么它将为您节省很多压力,并且可以在更小的尺寸下提供更高的质量,并且使人们可以在没有高速数据的手机上轻松查看它。


好,我来看看。

老实说,我们应该在这里使用嵌入式视频而不是gif,但是stackexchange不支持将嵌入式视频用作答案,因此这就是我们使用gif的原因。我们在这里使用gif的唯一原因。
外侧端子

请注意,由于服务条款的限制,利用YouTube之类的服务可能会 放弃对原始内容的权利。这并不总是理想的选择。哎呀...即使在这里,一旦发布图像,在知识共享许可下,每个人都可以免费使用。防止此类许可的唯一方法是将内容托管在您拥有最终控制权的位置。还有诸如giphy.com之类的服务,它使用视频,并可能提供更好的YouTube替代方案。
斯科特,

@斯科特那不是真的。如果您将某些内容上传到YouTube,则可以选择一个复选框。如果选择正确的选项,则可以保留版权。如果其他人拥有版权,YouTube可以随时删除您的视频,但这是另一回事。
外侧端子

实际上,YouTube为上传的内容分配了非常相似的CC-By许可:support.google.com/youtube/answer/…如果您认为其他人无法使用您的YouTube内容,则会误解。只要他们遵守CC许可证,即可。这与在此处发布图片相同。您没有“放弃”您的版权,而是允许免费使用您上传的任何内容。
斯科特,

5

我偶尔使用Illustrator,但确实具有完整的Photoshop知识。

我可以隐约猜出您正在使用哪些工具,但不知道您要按的是什么短代码...我不知道如何选择该路径的一部分,然后像您一样神奇地将其翻转。

因此,我猜想是一个比“零星地”了解更多知识的人,但我想知道他们是否还不知道如何创建这样的图形?

我个人担心的另一件事是缺少暂停按钮,如果我迷路了,我想很难找回来。


您对快捷键的看法是正确的。问题不只是快捷方式,但它必须遵循有关它做什么的解释:按“E”做一个自由尺度:-(,长我还在想如何管理这个。

@Danielillo只是快速旋转一下,也许您可​​以将按钮/组合固定在其中一个角上?因此,如果您需要复制或类似内容,请列出“ command + c”。我见过游戏经常这样做。

是的,记住必须是Mac和Win版本:+ A / Ctrl + A

4

我会留下gif,除非它是一个非常短的动画,而改用视频。暂停和滚动的功能使观看和尝试更加容易。

我将在一个角落添加一个小面板,该面板将显示所按的键(V用于选择等),其含义(选择工具),按住的键(Alt用于拖动副本)以及指示什么鼠标单击,双击或按住按钮。

在第一课中,描述一下您的那些字母和符号的含义。您可以牺牲几个第一帧来显示标题,以提醒面板含义。


我知道你的意思。实际上,问题的gif是视频,然后转换为gif并重新编辑。就目前而言,我喜欢gif复古风格,我只需要考虑一下通用解释就可以对设计进行思考。通用意味着没有语言和Mac-Win。

1
@Danielillo,我可以想象一群人一遍又一遍地注视着整个事情,因为他们错过了一些东西。使用视频格式来证明它并不需要声音...如果将其保留为视频,则在呈现方式上将有更多的自由。就像钟声和口哨声,例如播放和暂停以及时间轴擦洗。此外,如果它是gif,则在使所有内容保持简短方面将承受巨大压力,否则,成为gif太有意义了。大约2分钟后,您错过了一步,“好吧,我想我还是会再次加载页面...”
Joonas

@Joonas这就是为什么我必须缩短它的原因。无论如何,这句话“ ...一群人一遍又一遍地注视着整个事情……”我认为这有点夸张;-),这不是最后的Gaga视频!无论如何,正如我在问题评论中所写的那样,我感到现在迫切需要制作一个整个项目。我会让所有知道的事都让您知道。

@Danielillo,如果要关注gif中的内容,我希望看到一个初学者甚至经验丰富的AI用户都可以跟上。据我了解,它们是某种形式的教程?
乔纳斯

1
@Danielillo窗口具有ctrl,alt和shift。苹果有不同的按钮来更改快捷方式。如果可能,您可以将梨符号用于Ctrl,将桃子符号用于Alt,将樱桃符号用于Shift。(对不起,我从未使用过Mac)。或在上方显示Apple快捷方式,在下方显示Windows快捷方式。
克劳利

3

我非常惊讶地喜欢斯科特(Scott),跟随您的工作没问题,但是如果您给我看了最后一张照片,我还是会知道如何做的。

但是根据我在id教学中的经验,请说以下几点:gif太快太长。看到您无法倒带或停止gif,因此它应该较慢,但是如果尝试执行该示例,它也太长了,因此,如果可能,我会将gif拆分为单独的gif,并在单独的gif之间放置文字说明脚步。

记住,做事与看事不同。因此,用户需要转而做,因为这样做会使他们损失很多。这将迫使用户倒带,在这种情况下,请倒带,做,等待,做。但是id会说它是一个很好的概述,但前提是它必须清楚地传达信息,并会遵循更好的说明。


我想我会制作不同级别的GIF:初学者,中级和“高级”。

2
@Danielillo,如果您拥有的只是锤子,那么您可以选择将所有东西都视为钉子,或者去五金店。
joojaa

2

坦率地回答您的问题:不,这不容易理解。

从您的问题和评论分散到答案中,您似乎具有以下要求:

  • 短动画
  • 没有语言
  • 没有特定于操作系统的说明

其他用户已经提供了很好的建议,但是我认为它们不能完全满足后两个要求。 @Crowley提供了一个我认为非常有帮助的答案,尤其是这一部分:

我将在一个角落添加一个小面板,该面板将显示所按的键(V用于选择等),其含义(选择工具),按住的键(Alt用于拖动副本)以及指示什么鼠标单击,双击或按住按钮。

但是,为什么在Illustrator已经内置有独立于语言的图标的面板的同时,在角落添加面板?可以在图像旁边显示“工具”面板,使学生可以查看单击了哪些工具:

在此处输入图片说明

No language可以满足您的要求。为了简化它,可以使用自定义的“工具”面板,该面板仅显示所显示指令的相关工具:

在此处输入图片说明

但是,我认为您不能完全避免使用特定于操作系统的键盘快捷键。否则,在使用自由变换工具Shift旋转时,没有任何方法可以指示必须旋转到45 oShift+ Alt


我的最初想法是使用Illustrator制作简单的动画插图。许多注释指向Illustrator教程,而这正是我要避免的内容。我的兴趣是在动画和练习之间找到中间点,从而避免使用本教程。如果我将AI界面放在上面,将完全破坏我正在尝试做的工作的本质。

1
@Danielillo好的,但是您的问题并不清楚。我认为,如果您坐下一分钟,然后考虑您要问的问题以及您所拥有的边界条件(即:不是教程,没有语言,简单等等),对于回答质量(以及您的满意度)将是一件好事。 ..)。然后相应地编辑问题。现在,您的要求分散在多个注释中,因此很难给出令人满意的答案。我很高兴考虑您的问题,如果它的定义很明确并且没有“移动目标”。
SaaruLindestøkke,

好吧,我会考虑的。目前,我非常感谢他们给我的东西:大量的诚实批评和一些评论(包括您的评论),我感到非常满意,并从中受益匪浅,可以改善我的项目。实际上,由于有了这些评论,我得出了您提到的结论,而我以前没有考虑过。
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.