forked from opentoonz/opentoonz.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathusecase.html
693 lines (688 loc) · 58.7 KB
/
usecase.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>OpenToonz</title>
<meta name="description" content="OpenToonz - アニメーション制作ツールのオープンソースプロジェクト" />
<meta name="keywords" content="ドワンゴ,dwango,アニメーションツール" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1, maximum-scale=1,user-scalable=0">
<link rel="shortcut icon" href="./img/favicon.ico" />
<meta property="og:title" content="OpenToonz" />
<meta property="og:type" content="website" />
<meta property="og:description" content="OpenToonz - アニメーション制作ツールのオープンソースプロジェクト" />
<meta property="og:url" content="https://opentoonz.github.io/" />
<meta property="og:image" content="https://opentoonz.github.io/img/ogp.jpg" />
<meta property="og:site_name" content="OpenToonz" />
<meta property="og:locale" content="ja_JP" />
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/sitewide.css" />
<link rel="stylesheet" href="css/usecase.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="./js/common.js"></script>
<script src="./js/heightLine.js"></script>
<script src="./js/jquery.flexslider.js"></script>
<script>
$(window).load(function() {
$('.slider').flexslider();
});
</script>
</head>
<body>
<header>
<div class="sitewide_HeaderMenu_Container">
<h1 class="sitewide_HeaderMenu_PcLogo">
<a href="index.html">
<svg viewBox="0 0 85 85" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<polygon id="path-1" points="0 84.1917 84.165 84.1917 84.165 -0.0003 0 -0.0003"></polygon>
</defs>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-47.000000, -279.000000)">
<g transform="translate(47.000000, 279.000000)">
<path d="M68.1176,60.7545 C68.1186,60.7555 68.1206,60.7565 68.1226,60.7585 C68.1206,60.7565 68.1186,60.7555 68.1176,60.7545"
id="Fill-1" fill="#FEFEFE"></path>
<path d="M9.3471,31.712 C10.9311,28.932 13.1671,26.689 15.9931,25.045 C18.8201,23.4 21.8481,22.567 24.9931,22.567 C28.2021,22.567 31.2841,23.402 34.1551,25.049 C37.0221,26.694 39.2731,28.911 40.8441,31.64 C42.4181,34.371 43.2161,37.476 43.2161,40.87 C43.2161,44.289 42.4161,47.435 40.8391,50.22 C39.2681,52.996 37.0461,55.214 34.2371,56.816 C31.4191,58.422 28.3091,59.236 24.9931,59.236 C19.9711,59.236 15.8001,57.517 12.2421,53.981 C8.6841,50.445 6.9551,46.229 6.9551,41.09 C6.9551,37.652 7.7601,34.497 9.3471,31.712 M25.1641,66.524 C32.2751,66.524 38.3871,64.011 43.3331,59.057 C48.2791,54.105 50.7851,47.99 50.7851,40.885 C50.7851,38.701 50.5491,36.615 50.0841,34.629 L61.9111,34.629 L61.9111,69.751 C64.1491,66.7 66.1651,63.39 68.0171,59.969 C68.3961,60.427 68.8781,60.829 69.4181,61.192 L69.4181,34.629 L84.1491,34.629 L84.1491,27.31 L47.0351,27.31 C46.0031,25.665 44.7661,24.118 43.3121,22.677 C38.3561,17.769 32.1231,15.28 24.7881,15.28 C20.2501,15.28 15.9711,16.424 12.0701,18.683 C8.1661,20.941 5.0421,24.108 2.7841,28.093 C1.4761,30.402 0.5531,32.85 0.0001,35.405 L0.0001,46.833 C1.0181,51.451 3.3081,55.56 6.8581,59.093 C11.8131,64.024 17.9721,66.524 25.1641,66.524"
id="Fill-3" fill="#FEFEFE"></path>
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Clip-6"></g>
<polygon id="Fill-5" fill="#FEFEFE" mask="url(#mask-2)" points="0.001 84.1497 84.149 84.1497 84.149 12.2307 0.001 12.2307"></polygon>
<path d="M84.1488,67.107 L84.1488,66.956 L84.1488,67.107 Z" id="Fill-7" fill="#275E31" mask="url(#mask-2)"></path>
<path d="M55.1186,84.1495 L51.7326,84.1495 C51.9546,84.2115 53.7106,84.1645 55.1186,84.1495" id="Fill-8" fill="#275E31" mask="url(#mask-2)"></path>
<polygon id="Fill-9" fill="#275E31" mask="url(#mask-2)" points="84.1488 62.0401 84.1488 62.0401 84.1488 62.1171"></polygon>
<path d="M81.0082,66.1788 C78.3432,68.5678 73.5732,71.6738 68.0172,74.6488 L68.0172,74.8308 L67.6792,74.8308 C62.4752,77.5958 56.6132,80.2188 51.1382,82.0338 C47.7122,83.4068 45.2432,84.2088 44.6182,84.1498 L51.7332,84.1498 L55.1182,84.1498 C55.5692,84.1448 55.9842,84.1428 56.3002,84.1498 C63.8242,84.3008 83.7992,76.9618 84.1492,67.1078 L84.1492,66.9558 C84.1482,64.0478 84.1492,62.4688 84.1492,62.1168 L84.1492,62.0398 C83.9302,62.4368 83.6352,62.8478 83.3072,63.2638 C82.8862,64.1968 82.1482,65.1568 81.0082,66.1788"
id="Fill-10" fill="#275E31" mask="url(#mask-2)"></path>
<path d="M68.017,74.8312 L68.017,74.6482 C67.903,74.7092 67.793,74.7702 67.679,74.8312 L68.017,74.8312 Z" id="Fill-11" fill="#275E31"
mask="url(#mask-2)"></path>
<path d="M55.1186,84.1495 L56.3006,84.1495 C55.9836,84.1425 55.5686,84.1445 55.1186,84.1495" id="Fill-12" fill="#579C3B"
mask="url(#mask-2)"></path>
<path d="M34.2367,56.8155 C37.0467,55.2145 39.2677,52.9955 40.8397,50.2205 C42.4167,47.4355 43.2157,44.2895 43.2157,40.8705 C43.2157,37.4755 42.4187,34.3705 40.8437,31.6395 C39.2727,28.9115 37.0217,26.6945 34.1547,25.0485 C31.2847,23.4025 28.2027,22.5665 24.9927,22.5665 C21.8477,22.5665 18.8197,23.4005 15.9937,25.0445 C13.1677,26.6895 10.9307,28.9315 9.3467,31.7115 C7.7597,34.4965 6.9557,37.6515 6.9557,41.0895 C6.9557,46.2285 8.6837,50.4455 12.2417,53.9805 C15.7997,57.5165 19.9707,59.2355 24.9927,59.2355 C28.3087,59.2355 31.4197,58.4215 34.2367,56.8155"
id="Fill-13" fill="#579C3B" mask="url(#mask-2)"></path>
<path d="M55.1186,84.1495 L84.1486,84.1495 L84.1486,67.1075 C80.6396,78.6845 61.0136,84.7635 55.1186,84.1495" id="Fill-14"
fill="#579C3B" mask="url(#mask-2)"></path>
<path d="M82.8988,63.1051 C82.8498,63.1481 82.8108,63.1881 82.7568,63.2311 C82.2778,63.5041 81.1928,64.2451 79.3978,64.3151 C77.8268,64.3561 72.7638,63.9021 69.4188,61.7641 C68.9478,61.4631 68.5098,61.1291 68.1228,60.7581 C68.1208,60.7571 68.1188,60.7561 68.1178,60.7541 C66.0868,64.4551 64.0288,67.6931 61.9118,70.5251 C57.6708,76.1961 53.1898,80.2101 48.1988,82.8451 C48.1818,82.8551 48.1048,82.8951 48.0038,82.9461 C47.4548,83.2251 45.7948,84.0141 44.2768,84.1491 L44.6188,84.1491 C45.2438,84.2091 47.7118,83.4061 51.1378,82.0341 C56.6138,80.2191 62.4748,77.5951 67.6788,74.8311 C67.7938,74.7711 67.9028,74.7091 68.0168,74.6481 C73.5738,71.6741 78.3428,68.5671 81.0078,66.1791 C82.1478,65.1571 82.8858,64.1971 83.3068,63.2641 C83.6348,62.8481 83.9298,62.4371 84.1488,62.0401 L84.1488,60.7881 L84.1438,61.1461 C84.0448,61.4741 84.0008,62.1521 82.8988,63.1051"
id="Fill-15" fill="#579C3B" mask="url(#mask-2)"></path>
<path d="M42.0746,84.149 C43.8546,84.135 45.9416,83.513 47.9816,82.435 C53.5066,79.519 58.0426,75.024 61.9116,69.751 L61.9116,34.629 L50.0846,34.629 C50.5496,36.615 50.7856,38.701 50.7856,40.885 C50.7856,47.99 48.2786,54.105 43.3336,59.057 C38.3866,64.011 32.2746,66.524 25.1646,66.524 C17.9716,66.524 11.8126,64.024 6.8576,59.093 C3.3076,55.56 1.0176,51.451 0.0006,46.833 L0.0006,84.149 L44.2656,84.149 C44.4776,84.101 44.2626,84.149 42.0746,84.149"
id="Fill-16" fill="#579C3B" mask="url(#mask-2)"></path>
<path d="M69.4184,61.192 C72.5054,63.268 77.7084,63.869 79.3384,63.847 C80.3884,63.816 83.9494,63.004 84.1484,59.9 L84.1484,34.629 L69.4184,34.629 L69.4184,61.192 Z"
id="Fill-17" fill="#579C3B" mask="url(#mask-2)"></path>
<path d="M84.1488,66.9562 L84.1488,62.1172 C84.1488,62.4682 84.1478,64.0472 84.1488,66.9562" id="Fill-18" fill="#579C3B"
mask="url(#mask-2)"></path>
<path d="M77.2065,8.1305 L71.3965,8.1305 C70.2075,8.1305 69.2345,7.1575 69.2345,5.9675 C69.2345,4.7785 70.2075,3.8045 71.3965,3.8045 L77.2065,3.8045 C78.3955,3.8045 79.3695,4.7785 79.3695,5.9675 C79.3695,7.1575 78.3955,8.1305 77.2065,8.1305 Z M42.0745,9.3805 C40.1895,9.3805 38.6615,7.8525 38.6615,5.9675 C38.6615,4.0835 40.1895,2.5545 42.0745,2.5545 C43.9595,2.5545 45.4875,4.0835 45.4875,5.9675 C45.4875,7.8525 43.9595,9.3805 42.0745,9.3805 Z M13.3715,8.1305 L7.5615,8.1305 C6.3725,8.1305 5.3985,7.1575 5.3985,5.9675 C5.3985,4.7785 6.3725,3.8045 7.5615,3.8045 L13.3715,3.8045 C14.5605,3.8045 15.5335,4.7785 15.5335,5.9675 C15.5335,7.1575 14.5605,8.1305 13.3715,8.1305 Z M0.0005,0.0005 L0.0005,35.4045 C0.5535,32.8505 1.4765,30.4025 2.7835,28.0925 C5.0425,24.1085 8.1665,20.9415 12.0695,18.6825 C15.9715,16.4245 20.2505,15.2795 24.7885,15.2795 C32.1235,15.2795 38.3555,17.7685 43.3115,22.6775 C44.7665,24.1175 46.0035,25.6655 47.0355,27.3105 L84.1485,27.3105 L84.1485,0.0005 L0.0005,0.0005 Z"
id="Fill-19" fill="#579C3B" mask="url(#mask-2)"></path>
<path d="M44.2504,84.1529 C44.2594,84.1529 44.2684,84.1499 44.2764,84.1499 L44.2664,84.1499 C44.2604,84.1509 44.2574,84.1519 44.2504,84.1529"
id="Fill-20" fill="#FEFEFE" mask="url(#mask-2)"></path>
<path d="M84.1655,59.7262 C84.1645,59.7872 84.1525,59.8412 84.1485,59.9002 L84.1485,60.7882 L84.1655,59.7262 Z" id="Fill-21"
fill="#FEFEFE" mask="url(#mask-2)"></path>
<path d="M48.1987,82.8453 C53.1897,80.2103 57.6717,76.1963 61.9117,70.5253 L61.9117,69.7503 C58.0427,75.0243 53.5067,79.5183 47.9817,82.4353 C45.9417,83.5123 43.8547,84.1353 42.0747,84.1493 C44.2627,84.1493 44.4777,84.1003 44.2657,84.1493 L44.2767,84.1493 C45.7957,84.0133 47.4547,83.2253 48.0047,82.9463 C48.0687,82.9123 48.1327,82.8803 48.1987,82.8453"
id="Fill-22" fill="#FEFEFE" mask="url(#mask-2)"></path>
<path d="M79.3383,63.8468 C77.7083,63.8688 72.5053,63.2678 69.4183,61.1918 L69.4183,61.7448 C72.8953,63.9038 78.5073,64.3708 79.8023,64.1778 C80.7543,63.9838 81.9273,63.7138 82.8993,63.1048 C84.0003,62.1528 84.0443,61.4738 84.1443,61.1458 L84.1493,60.7878 L84.1493,59.8998 C83.9493,63.0038 80.3883,63.8158 79.3383,63.8468"
id="Fill-23" fill="#FEFEFE" mask="url(#mask-2)"></path>
<path d="M68.017,59.9693 C66.165,63.3903 64.149,66.6993 61.912,69.7503 L61.912,70.5253 C64.029,67.6933 66.087,64.4553 68.118,60.7543 C68.119,60.7563 68.121,60.7573 68.122,60.7583 C68.502,61.1213 68.941,61.4483 69.418,61.7443 L69.418,61.1923 C68.878,60.8293 68.396,60.4273 68.017,59.9693"
id="Fill-24" fill="#FEFEFE" mask="url(#mask-2)"></path>
<path d="M61.9115,70.525 C57.6715,76.196 53.1895,80.21 48.1985,82.845 C48.1325,82.88 48.0685,82.913 48.0045,82.946 C48.1045,82.895 48.1825,82.855 48.1985,82.845 C53.1895,80.21 57.6715,76.196 61.9115,70.525"
id="Fill-25" fill="#FEFEFE" mask="url(#mask-2)"></path>
<path d="M79.3979,64.3155 C81.1929,64.2455 82.2779,63.5035 82.7569,63.2315 C82.8109,63.1875 82.8499,63.1485 82.8989,63.1055 C81.9269,63.7135 80.7539,63.9835 79.8019,64.1775 C78.5069,64.3715 72.8949,63.9035 69.4189,61.7445 L69.4189,61.7645 C72.7639,63.9015 77.8269,64.3565 79.3979,64.3155"
id="Fill-26" fill="#FEFEFE" mask="url(#mask-2)"></path>
<path d="M69.4184,61.7643 L69.4184,61.7443 C68.9404,61.4483 68.5024,61.1213 68.1224,60.7583 C68.5104,61.1293 68.9474,61.4633 69.4184,61.7643"
id="Fill-27" fill="#FEFEFE" mask="url(#mask-2)"></path>
<path d="M68.1176,60.7545 C66.0876,64.4555 64.0286,67.6925 61.9116,70.5255 C64.0286,67.6925 66.0876,64.4555 68.1176,60.7545"
id="Fill-28" fill="#FEFEFE" mask="url(#mask-2)"></path>
</g>
</g>
</g>
</svg>
</a>
</h1>
<h1 class="sitewide_HeaderMenu_SpLogo">
<a href="index.html">
<svg viewBox="0 0 132 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<polygon id="path-1" points="0.00567439024 0.149304878 16.2976134 0.149304878 16.2976134 16.3913012 0.00567439024 16.3913012"></polygon>
<polygon id="path-3" points="0 0.301139645 131.972717 0.301139645 131.972717 15.2307692 0 15.2307692"></polygon>
</defs>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-122.000000, -16.000000)">
<g id="Header">
<g transform="translate(122.000000, 16.000000)">
<g transform="translate(8.884615, 0.000000)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g></g>
<path d="M3.19943049,5.37855732 C3.69805244,4.50365488 4.40151585,3.79777683 5.2909061,3.28104512 C6.1798939,2.76350854 7.13286951,2.50152073 8.12206463,2.50152073 C9.13218659,2.50152073 10.1020646,2.76431341 11.0051378,3.28225244 C11.9074061,3.80019146 12.6152963,4.49761829 13.1098939,5.35561829 C13.6052963,6.21442317 13.8560159,7.19154512 13.8560159,8.26002073 C13.8560159,9.33654512 13.6044915,10.3265451 13.1082841,11.2026549 L13.1078817,11.2026549 C12.614089,12.0759476 11.9150524,12.7737768 11.0312963,13.2776305 C10.1451256,13.7826915 9.1663939,14.0390451 8.12206463,14.0390451 C6.54208902,14.0390451 5.22973537,13.4981671 4.11055244,12.3850207 C2.99136951,11.2734841 2.44727195,9.94664268 2.44727195,8.32964268 C2.44727195,7.24788659 2.7004061,6.25466707 3.19943049,5.37855732 M8.17679634,16.3913012 C10.4304549,16.3913012 12.3673939,15.5948744 13.9352963,14.0245573 C15.5027963,12.4546427 16.2976134,10.5168988 16.2976134,8.26485 C16.2976134,5.99227683 15.5003817,4.05091098 13.9284549,2.49387439 C12.3573329,0.938045122 10.3821622,0.149264634 8.05767439,0.149264634 C6.61895488,0.149264634 5.26233293,0.512264634 4.02604024,1.22780122 C2.78854024,1.94374024 1.79854024,2.94742317 1.08300366,4.21027683 C0.368271951,5.47152073 0.00567439024,6.85913049 0.00567439024,8.33447195 C0.00567439024,10.5539232 0.802906098,12.47235 2.37443049,14.036228 C3.94555244,15.5988988 5.89738171,16.3913012 8.17679634,16.3913012"
id="Fill-1" fill="#050101" mask="url(#mask-2)"></path>
</g>
<path d="M43.1381819,7.08089716 C43.8515421,6.45306799 44.6821727,6.14789639 45.6796069,6.14789639 C46.2782368,6.14789639 46.8578155,6.27446142 47.4022553,6.52342816 C47.9424616,6.77031323 48.3793683,7.09671779 48.7023913,7.49389884 C48.9280418,7.77117618 49.1194001,8.12214434 49.2743496,8.54222367 L42.1699595,8.54222367 C42.4222815,7.9143945 42.7465746,7.42437134 43.1381819,7.08089716 M45.7422641,16.5 C46.6334351,16.5 47.4471314,16.3630267 48.1617617,16.0936596 C48.8780854,15.8234599 49.5309052,15.4241972 50.1024401,14.9066961 C50.6718582,14.3912767 51.1777724,13.7109897 51.6053651,12.8837373 L51.8255119,12.458662 L51.7526941,12.4207757 L49.089765,12.4207757 C48.8353261,12.7750746 48.5944348,13.0573479 48.3725946,13.2467791 C48.036024,13.5336321 47.6194386,13.7680272 47.1329989,13.9437194 C46.6431724,14.1206607 46.1334479,14.2105885 45.6169498,14.2105885 C44.5496613,14.2105885 43.6792349,13.8525427 42.9548673,13.1156344 C42.3295659,12.4782296 41.9692872,11.7009371 41.8630241,10.7504504 L52.0384615,10.7504504 L52.0346513,10.2620926 C52.0194104,8.63548211 51.5621825,7.25367508 50.6773618,6.15414137 C49.4297224,4.59705842 47.741366,3.80769231 45.6588623,3.80769231 C43.6301252,3.80769231 41.9870683,4.58040513 40.7758377,6.10376516 C39.8270899,7.29239399 39.3461538,8.66545804 39.3461538,10.1846547 C39.3461538,11.8000242 39.9130318,13.2663467 41.0302766,14.543238 C42.1657259,15.8413622 43.7516293,16.5 45.7422641,16.5"
id="Fill-4" fill="#050101"></path>
<path d="M55.5893134,11.8208377 C55.5893134,10.364057 55.6501882,9.35964514 55.7687756,8.84082677 C55.9537719,8.06941458 56.3265315,7.43942085 56.9080049,6.91591694 C57.4803867,6.40050625 58.1085045,6.15004221 58.8279345,6.15004221 C59.4386595,6.15004221 59.931983,6.30679521 60.2948603,6.61518971 C60.6609,6.92699188 60.9043994,7.39256533 61.0423561,8.04939449 C61.1052074,8.32456417 61.180708,8.98352312 61.180708,10.5625541 L61.180708,16.5 L63.4615385,16.5 L63.4615385,10.1327612 C63.4615385,8.4987815 63.306189,7.31333691 62.9867937,6.50869989 C62.6594925,5.68702451 62.1452186,5.02380596 61.458993,4.53863838 L61.4585977,4.53821242 C60.7719768,4.05347079 59.9786273,3.80769231 59.0998949,3.80769231 C58.2468564,3.80769231 57.4459963,4.02365365 56.7198463,4.44961289 C56.3237645,4.68176068 55.9462614,4.97993216 55.5893134,5.34071964 L55.5893134,4.10075227 L53.3076923,4.10075227 L53.3076923,16.5 L55.5893134,16.5 L55.5893134,11.8208377 Z"
id="Fill-6" fill="#050101"></path>
<polygon id="Fill-8" fill="#050101" points="68.5748506 16.5 71.0409438 16.5 71.0409438 3.58919899 76.1538462 3.58919899 76.1538462 1.26923077 63.4615385 1.26923077 63.4615385 3.58919899 68.5748506 3.58919899"></polygon>
<path d="M77.2130621,7.35514381 C77.9880368,6.56372199 78.8867223,6.17904353 79.9615385,6.17904353 C81.0292255,6.17904353 81.9262335,6.56413831 82.7054018,7.35556013 C83.4866669,8.15031249 83.8661865,9.08578057 83.8661865,10.2152532 C83.8661865,10.9338192 83.6887978,11.6132513 83.338214,12.2335661 C82.985114,12.8584605 82.5234002,13.3264027 81.9270723,13.6636208 C81.3340992,13.9991737 80.6727707,14.1690317 79.9615385,14.1690317 C79.2490482,14.1690317 78.588139,13.9991737 77.9960047,13.6636208 C77.4068058,13.3305659 76.9316725,12.8493015 76.5844436,12.2335661 C76.2338598,11.6124187 76.0560517,10.9334029 76.0560517,10.2152532 C76.0560517,9.08536425 76.4347326,8.14989617 77.2130621,7.35514381 M75.3854973,14.5982563 C76.5685079,15.8601182 78.1100702,16.5 79.9665708,16.5 C81.8163616,16.5 83.354569,15.8601182 84.5375796,14.5982563 C85.7122031,13.3468023 86.3076923,11.8613772 86.3076923,10.1848619 C86.3076923,8.51750557 85.7432356,7.05289644 84.6298385,5.83100111 C83.4011178,4.48837335 81.8322972,3.80769231 79.9665708,3.80769231 C78.0937152,3.80769231 76.5207011,4.49295286 75.2928191,5.84265803 C74.1798413,7.06288809 73.6153846,8.52375035 73.6153846,10.1848619 C73.6153846,11.8613772 74.2108738,13.3468023 75.3854973,14.5982563"
id="Fill-10" fill="#050101"></path>
<path d="M91.1743001,7.35514381 C91.9501392,6.56372199 92.8488544,6.17904353 93.9232866,6.17904353 C94.9914283,6.17904353 95.888466,6.56413831 96.6672407,7.35556013 C97.4485316,8.15031249 97.828483,9.08578057 97.828483,10.2152532 C97.828483,10.9338192 97.6506691,11.6132513 97.3004931,12.2335661 C96.9469621,12.8584605 96.485233,13.3264027 95.888466,13.6640371 C95.2958927,13.9991737 94.6349617,14.1690317 93.9232866,14.1690317 C93.2111922,14.1690317 92.5498418,13.9991737 91.9576879,13.6636208 C91.3688889,13.3305659 90.8937399,12.8493015 90.5460801,12.2335661 C90.1954848,11.6132513 90.0176708,10.9338192 90.0176708,10.2152532 C90.0176708,9.08536425 90.3963642,8.14989617 91.1743001,7.35514381 M93.9283191,16.5 C95.7785904,16.5 97.3164292,15.8601182 98.4998983,14.5982563 C99.6741412,13.3468023 100.269231,11.8613772 100.269231,10.1848619 C100.269231,8.51750557 99.7055942,7.05289644 98.5917409,5.83100111 C97.3629796,4.48837335 95.7941072,3.80769231 93.9283191,3.80769231 C92.0549823,3.80769231 90.4827549,4.49295286 89.2548323,5.84265803 C88.1413984,7.06247177 87.5769231,8.52333403 87.5769231,10.1848619 C87.5769231,11.8613772 88.172432,13.3468023 89.3470943,14.5982563 C90.530144,15.8601182 92.0717572,16.5 93.9283191,16.5"
id="Fill-12" fill="#050101"></path>
<path d="M103.819687,11.8208377 C103.819687,10.364057 103.880562,9.35964514 103.999545,8.84040081 C104.184146,8.06984054 104.556905,7.43984681 105.138774,6.91591694 C105.711156,6.40050625 106.338878,6.15004221 107.058704,6.15004221 C107.669429,6.15004221 108.162752,6.30679521 108.525234,6.61561567 C108.891274,6.92656592 109.134773,7.39256533 109.27273,8.04939449 C109.335977,8.32499013 109.411082,8.984801 109.411082,10.5625541 L109.411082,16.5 L111.692308,16.5 L111.692308,10.1327612 C111.692308,8.49835554 111.536563,7.31291095 111.217168,6.50869989 C110.890657,5.68745047 110.376383,5.02423192 109.689367,4.53863838 L109.688972,4.53863838 C109.002746,4.05347079 108.209001,3.80769231 107.330269,3.80769231 C106.47723,3.80769231 105.67637,4.02365365 104.950616,4.44961289 C104.554534,4.68176068 104.176635,4.97993216 103.819687,5.3411456 L103.819687,4.10075227 L101.538462,4.10075227 L101.538462,16.5 L103.819687,16.5 L103.819687,11.8208377 Z"
id="Fill-14" fill="#050101"></path>
<polygon id="Fill-16" fill="#050101" points="122.533917 16.5 122.533917 14.1558387 117.038625 14.1558387 123.115385 3.80769231 113.917294 3.80769231 113.917294 6.14138857 119.033088 6.14138857 112.961538 16.5"></polygon>
<path d="M28.6738788,21.2376302 L28.1861978,23.0143435 L27.6002245,23.0143435 L27.0688581,21.2376302 L28.6738788,21.2376302 Z M30.1192796,7.14437892 C30.8875558,6.40500625 31.8078909,6.045622 32.9332116,6.045622 C33.6464609,6.045622 34.3135043,6.21283276 34.9158597,6.54329192 C35.5173749,6.87295862 36.0029556,7.34447709 36.3608404,7.94397915 C36.7195653,8.54665108 36.9018681,9.19211629 36.9018681,9.862148 C36.9018681,10.5262362 36.7178851,11.1717014 36.3557998,11.7803168 C35.9945546,12.3873474 35.5043533,12.8656018 34.8982174,13.2020045 C34.2841006,13.5427657 33.6485611,13.7083915 32.9533742,13.7083915 C32.2523065,13.7083915 31.5735016,13.5380109 30.9379621,13.2020045 C30.3095635,12.8691679 29.8202022,12.413895 29.4850003,11.8488653 C29.146438,11.2790808 28.9750565,10.6233135 28.9750565,9.90137517 C28.9750565,8.78835383 29.3489033,7.88652522 30.1192796,7.14437892 Z M27.9207246,25.3846154 L29.0771293,21.2411963 L29.0779694,14.4679721 C29.4950816,14.8111108 29.9399172,15.0940219 30.4082758,15.3131393 C31.2235978,15.6939202 32.1279709,15.8876786 33.0940918,15.8876786 C34.8142069,15.8876786 36.3028732,15.2909502 37.5189253,14.1145314 C38.7311969,12.9416787 39.3461538,11.4958208 39.3461538,9.81816602 C39.3461538,8.17220994 38.7257362,6.74378633 37.5012831,5.57331106 C36.2755697,4.40164709 34.7785025,3.80769231 33.0529266,3.80769231 C32.0603425,3.80769231 31.1458881,4.01254529 30.3347666,4.41670398 C29.8882507,4.6393875 29.4681982,4.92507222 29.0779694,5.27019204 L29.0779694,4.08069754 L26.6538462,4.08069754 L26.6538462,21.2376302 L27.9207246,25.3846154 Z"
id="Fill-18" fill="#050101"></path>
<g transform="translate(0.000000, 16.500000)">
<mask id="mask-4" fill="white">
<use xlink:href="#path-3"></use>
</mask>
<g></g>
<path d="M131.031385,12.424832 L0.934752584,12.424832 L0.934752584,11.4344414 L86.3957252,11.4344414 L131.031385,11.4344414 L131.031385,12.424832 Z M0.934752584,14.3228201 L131.031385,14.3228201 L131.031385,13.3324296 L0.934752584,13.3324296 L0.934752584,14.3228201 Z M127.164066,7.02454793 L130.748528,10.5268438 L101.942838,10.5268438 C111.065281,9.83599172 121.65136,8.71867811 127.164066,7.02454793 Z M104.415531,9.26659527 C113.288819,7.82045325 119.905269,6.09586154 124.190655,4.11859527 C124.495981,3.97800355 124.788467,3.83545917 125.070522,3.69213373 C126.158619,3.13796805 127.073391,2.56466627 127.80561,1.97300947 C128.186765,3.78156568 127.616637,5.3249503 127.34702,5.9166071 C127.327762,5.95917515 127.309707,5.99744734 127.29406,6.02986154 C127.018023,6.12046509 126.724734,6.20950651 126.41981,6.2969858 C120.983336,7.86028757 111.103397,8.91355385 102.408248,9.58253609 C103.071458,9.4817787 103.741087,9.37633491 104.415531,9.26659527 Z M17.1470809,2.66932899 L17.1470809,2.57833491 L17.1470809,2.26668994 C17.1470809,2.06908047 17.4251234,1.89568402 17.7581325,1.87108047 C17.7822055,1.86326982 17.8090869,1.85780237 17.8375733,1.85780237 L22.1811356,1.85780237 C22.2100231,1.85780237 22.2361021,1.86326982 22.2605763,1.87108047 C22.5939866,1.89568402 22.871628,2.06908047 22.871628,2.26668994 L22.871628,2.57833491 L22.871628,2.66932899 L22.871628,3.14382604 L17.1470809,3.14382604 L17.1470809,2.66932899 Z M114.912941,2.57833491 L114.912941,2.72322249 L114.912941,3.14382604 L109.189196,3.14382604 L109.189196,2.72322249 L109.189196,2.57833491 L109.189196,2.26668994 C109.189196,2.06908047 109.466436,1.89568402 109.799847,1.87108047 C109.824321,1.86326982 109.850801,1.85780237 109.878886,1.85780237 L114.22285,1.85780237 C114.251737,1.85780237 114.277816,1.86326982 114.302692,1.87108047 C114.635701,1.89568402 114.912941,2.06908047 114.912941,2.26668994 L114.912941,2.57833491 Z M66.8464851,2.57833491 L66.8464851,2.72322249 L66.8464851,3.27426391 L66.8464851,3.40392071 L64.6622663,3.40392071 L64.6622663,3.27426391 L64.6622663,2.72322249 L64.6622663,2.57833491 L64.6622663,2.43188521 C64.6622663,2.19951834 64.8692936,1.9913645 65.1742176,1.86834675 C65.223166,1.84842959 65.2729167,1.83046509 65.325476,1.81523432 C65.4578772,1.77813373 65.6027161,1.75587337 65.7543757,1.75274911 C65.9060353,1.75587337 66.0508742,1.77813373 66.1828742,1.81523432 C66.2362359,1.83046509 66.2859866,1.84842959 66.3341325,1.86834675 C66.639859,1.9913645 66.8464851,2.19951834 66.8464851,2.43188521 L66.8464851,2.57833491 Z M131.973038,10.4374118 L128.044333,6.59808639 C128.199604,6.32197988 129.709379,3.50194438 128.219263,0.301139645 C127.385537,1.28918698 126.057914,2.19287929 124.380832,3.01846509 L123.149902,1.81523432 L115.70133,1.81523432 C115.580564,1.35245325 114.965902,0.998240237 114.22285,0.998240237 L109.878886,0.998240237 C109.136236,0.998240237 108.521573,1.35245325 108.400807,1.81523432 L67.6561386,1.81523432 C67.524941,1.20834675 66.7473848,0.734630769 65.7904851,0.712370414 L65.7186675,0.711589349 L65.7186675,0.712370414 C64.7609653,0.734630769 63.9842116,1.20834675 63.853014,1.81523432 L31.2177191,1.81523432 L31.2177191,2.72322249 L64.3067891,2.72322249 L64.3067891,3.75032308 L67.2019623,3.75032308 L67.2019623,2.72322249 L108.877853,2.72322249 L108.877853,3.44609822 L115.223883,3.44609822 L115.223883,2.72322249 L122.762728,2.72322249 L123.48933,3.43360118 C111.974838,8.56402722 87.0180109,10.4791988 86.3768681,10.5268438 L1.44590152,10.5268438 L9.77233313,2.66932899 L16.8365398,2.66932899 L16.8365398,3.44609822 L23.182169,3.44609822 L23.182169,2.64238225 L23.6812815,2.64238225 L23.6852936,1.98003905 C23.6852936,1.43876095 23.0108498,0.998240237 22.1811356,0.998240237 L17.8375733,0.998240237 C17.1238103,0.998240237 16.5268012,1.32511598 16.3743392,1.76134083 L9.32377386,1.76134083 L-8.02431611e-05,10.5268438 L0.00232705167,15.2308083 L131.965816,15.2308083 L131.973038,10.4374118 Z"
id="Fill-20" fill="#050101" mask="url(#mask-4)"></path>
</g>
</g>
</g>
</g>
</g>
</svg>
</a>
</h1>
<nav>
<ul class="sitewide_HeaderMenu_MenuList">
<li>
<a href="index.html#about">OpenToonzとは</a>
</li>
<li>
<a href="index.html#point">OpenToonzの特徴</a>
</li>
<li>
<a href="index.html#download">ダウンロード</a>
</li>
<li>
<a href="index.html#faq">FAQ</a>
</li>
<li>
<a href="usecase.html#usecase">採用事例</a>
</li>
</ul>
</nav>
<ul class="sitewide_HeaderMenu_LangList">
<li class="sitewide_HeaderMenu_LangDetail">
<a href="./e/usecase.html">English</a>
</li>
<li class="sitewide_HeaderMenu_LangDetail">
<a href="./es/index.html">Español</a>
</li>
</ul>
<ul class="sitewide_HeaderMenu_SnsList">
<li class="fb">
<a href="http://www.facebook.com/share.php?u=https://opentoonz.github.io/" onclick="window.open(encodeURI(decodeURI(this.href)), 'FBwindow', 'width=554, height=470, menubar=no, toolbar=no, scrollbars=yes'); return false;"
rel="nofollow">
<i class="fa fa-facebook">Facebook</i>
</a>
</li>
<li class="tw">
<a href="http://twitter.com/share?text=【OpenToonz】アニメーション制作ツールのオープンソースプロジェクト&url=https://opentoonz.github.io/&hashtags=opentoonz"
onclick="window.open(encodeURI(decodeURI(this.href)), 'tweetwindow', 'width=550, height=450, personalbar=0, toolbar=0, scrollbars=1, resizable=1' ); return false;"
target="_blank">
<i class="fa fa-twitter">Twitter</i>
</a>
</li>
</ul>
<div class="sitewide_NavDrawer_Container">
<input id="nav-input" type="checkbox" class="nav-unshown">
<label id="nav-open" for="nav-input">
<div class="sitewide_HamburgerMenu_Container">
<span></span>
</div>
</label>
<label class="nav-unshown" id="nav-close" for="nav-input"></label>
<div id="nav-content">
<nav>
<ul class="sitewide_SpMenu_Container">
<li class="sitewide_SpMenuList_Container">
<div class="sitewide_SpMenuList_Logo">
<a href="index.html">
<svg viewBox="0 0 85 85" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<polygon id="path-1" points="0 84.1917 84.165 84.1917 84.165 -0.0003 0 -0.0003"></polygon>
</defs>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-47.000000, -279.000000)">
<g transform="translate(47.000000, 279.000000)">
<path d="M68.1176,60.7545 C68.1186,60.7555 68.1206,60.7565 68.1226,60.7585 C68.1206,60.7565 68.1186,60.7555 68.1176,60.7545"
id="Fill-1" fill="#FEFEFE"></path>
<path d="M9.3471,31.712 C10.9311,28.932 13.1671,26.689 15.9931,25.045 C18.8201,23.4 21.8481,22.567 24.9931,22.567 C28.2021,22.567 31.2841,23.402 34.1551,25.049 C37.0221,26.694 39.2731,28.911 40.8441,31.64 C42.4181,34.371 43.2161,37.476 43.2161,40.87 C43.2161,44.289 42.4161,47.435 40.8391,50.22 C39.2681,52.996 37.0461,55.214 34.2371,56.816 C31.4191,58.422 28.3091,59.236 24.9931,59.236 C19.9711,59.236 15.8001,57.517 12.2421,53.981 C8.6841,50.445 6.9551,46.229 6.9551,41.09 C6.9551,37.652 7.7601,34.497 9.3471,31.712 M25.1641,66.524 C32.2751,66.524 38.3871,64.011 43.3331,59.057 C48.2791,54.105 50.7851,47.99 50.7851,40.885 C50.7851,38.701 50.5491,36.615 50.0841,34.629 L61.9111,34.629 L61.9111,69.751 C64.1491,66.7 66.1651,63.39 68.0171,59.969 C68.3961,60.427 68.8781,60.829 69.4181,61.192 L69.4181,34.629 L84.1491,34.629 L84.1491,27.31 L47.0351,27.31 C46.0031,25.665 44.7661,24.118 43.3121,22.677 C38.3561,17.769 32.1231,15.28 24.7881,15.28 C20.2501,15.28 15.9711,16.424 12.0701,18.683 C8.1661,20.941 5.0421,24.108 2.7841,28.093 C1.4761,30.402 0.5531,32.85 0.0001,35.405 L0.0001,46.833 C1.0181,51.451 3.3081,55.56 6.8581,59.093 C11.8131,64.024 17.9721,66.524 25.1641,66.524"
id="Fill-3" fill="#FEFEFE"></path>
<mask fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g></g>
<polygon id="Fill-5" fill="#FEFEFE" mask="url(#mask-2)" points="0.001 84.1497 84.149 84.1497 84.149 12.2307 0.001 12.2307"></polygon>
<path d="M84.1488,67.107 L84.1488,66.956 L84.1488,67.107 Z" id="Fill-7" fill="#275E31" mask="url(#mask-2)"></path>
<path d="M55.1186,84.1495 L51.7326,84.1495 C51.9546,84.2115 53.7106,84.1645 55.1186,84.1495" id="Fill-8" fill="#275E31" mask="url(#mask-2)"></path>
<polygon id="Fill-9" fill="#275E31" mask="url(#mask-2)" points="84.1488 62.0401 84.1488 62.0401 84.1488 62.1171"></polygon>
<path d="M81.0082,66.1788 C78.3432,68.5678 73.5732,71.6738 68.0172,74.6488 L68.0172,74.8308 L67.6792,74.8308 C62.4752,77.5958 56.6132,80.2188 51.1382,82.0338 C47.7122,83.4068 45.2432,84.2088 44.6182,84.1498 L51.7332,84.1498 L55.1182,84.1498 C55.5692,84.1448 55.9842,84.1428 56.3002,84.1498 C63.8242,84.3008 83.7992,76.9618 84.1492,67.1078 L84.1492,66.9558 C84.1482,64.0478 84.1492,62.4688 84.1492,62.1168 L84.1492,62.0398 C83.9302,62.4368 83.6352,62.8478 83.3072,63.2638 C82.8862,64.1968 82.1482,65.1568 81.0082,66.1788"
id="Fill-10" fill="#625F63" mask="url(#mask-2)"></path>
<path d="M68.017,74.8312 L68.017,74.6482 C67.903,74.7092 67.793,74.7702 67.679,74.8312 L68.017,74.8312 Z" id="Fill-11" fill="#275E31"
mask="url(#mask-2)"></path>
<path d="M55.1186,84.1495 L56.3006,84.1495 C55.9836,84.1425 55.5686,84.1445 55.1186,84.1495" id="Fill-12" fill="#579C3B"
mask="url(#mask-2)"></path>
<path d="M34.2367,56.8155 C37.0467,55.2145 39.2677,52.9955 40.8397,50.2205 C42.4167,47.4355 43.2157,44.2895 43.2157,40.8705 C43.2157,37.4755 42.4187,34.3705 40.8437,31.6395 C39.2727,28.9115 37.0217,26.6945 34.1547,25.0485 C31.2847,23.4025 28.2027,22.5665 24.9927,22.5665 C21.8477,22.5665 18.8197,23.4005 15.9937,25.0445 C13.1677,26.6895 10.9307,28.9315 9.3467,31.7115 C7.7597,34.4965 6.9557,37.6515 6.9557,41.0895 C6.9557,46.2285 8.6837,50.4455 12.2417,53.9805 C15.7997,57.5165 19.9707,59.2355 24.9927,59.2355 C28.3087,59.2355 31.4197,58.4215 34.2367,56.8155"
id="Fill-13" fill="#9B9B9B" mask="url(#mask-2)"></path>
<path d="M55.1186,84.1495 L84.1486,84.1495 L84.1486,67.1075 C80.6396,78.6845 61.0136,84.7635 55.1186,84.1495" id="Fill-14"
fill="#656565" mask="url(#mask-2)"></path>
<path d="M82.8988,63.1051 C82.8498,63.1481 82.8108,63.1881 82.7568,63.2311 C82.2778,63.5041 81.1928,64.2451 79.3978,64.3151 C77.8268,64.3561 72.7638,63.9021 69.4188,61.7641 C68.9478,61.4631 68.5098,61.1291 68.1228,60.7581 C68.1208,60.7571 68.1188,60.7561 68.1178,60.7541 C66.0868,64.4551 64.0288,67.6931 61.9118,70.5251 C57.6708,76.1961 53.1898,80.2101 48.1988,82.8451 C48.1818,82.8551 48.1048,82.8951 48.0038,82.9461 C47.4548,83.2251 45.7948,84.0141 44.2768,84.1491 L44.6188,84.1491 C45.2438,84.2091 47.7118,83.4061 51.1378,82.0341 C56.6138,80.2191 62.4748,77.5951 67.6788,74.8311 C67.7938,74.7711 67.9028,74.7091 68.0168,74.6481 C73.5738,71.6741 78.3428,68.5671 81.0078,66.1791 C82.1478,65.1571 82.8858,64.1971 83.3068,63.2641 C83.6348,62.8481 83.9298,62.4371 84.1488,62.0401 L84.1488,60.7881 L84.1438,61.1461 C84.0448,61.4741 84.0008,62.1521 82.8988,63.1051"
id="Fill-15" fill="#9B9B9B" mask="url(#mask-2)"></path>
<path d="M42.0746,84.149 C43.8546,84.135 45.9416,83.513 47.9816,82.435 C53.5066,79.519 58.0426,75.024 61.9116,69.751 L61.9116,34.629 L50.0846,34.629 C50.5496,36.615 50.7856,38.701 50.7856,40.885 C50.7856,47.99 48.2786,54.105 43.3336,59.057 C38.3866,64.011 32.2746,66.524 25.1646,66.524 C17.9716,66.524 11.8126,64.024 6.8576,59.093 C3.3076,55.56 1.0176,51.451 0.0006,46.833 L0.0006,84.149 L44.2656,84.149 C44.4776,84.101 44.2626,84.149 42.0746,84.149"
id="Fill-16" fill="#9B9B9B" mask="url(#mask-2)"></path>
<path d="M69.4184,61.192 C72.5054,63.268 77.7084,63.869 79.3384,63.847 C80.3884,63.816 83.9494,63.004 84.1484,59.9 L84.1484,34.629 L69.4184,34.629 L69.4184,61.192 Z"
id="Fill-17" fill="#9B9B9B" mask="url(#mask-2)"></path>
<path d="M84.1488,66.9562 L84.1488,62.1172 C84.1488,62.4682 84.1478,64.0472 84.1488,66.9562" id="Fill-18" fill="#579C3B"
mask="url(#mask-2)"></path>
<path d="M77.2065,8.1305 L71.3965,8.1305 C70.2075,8.1305 69.2345,7.1575 69.2345,5.9675 C69.2345,4.7785 70.2075,3.8045 71.3965,3.8045 L77.2065,3.8045 C78.3955,3.8045 79.3695,4.7785 79.3695,5.9675 C79.3695,7.1575 78.3955,8.1305 77.2065,8.1305 Z M42.0745,9.3805 C40.1895,9.3805 38.6615,7.8525 38.6615,5.9675 C38.6615,4.0835 40.1895,2.5545 42.0745,2.5545 C43.9595,2.5545 45.4875,4.0835 45.4875,5.9675 C45.4875,7.8525 43.9595,9.3805 42.0745,9.3805 Z M13.3715,8.1305 L7.5615,8.1305 C6.3725,8.1305 5.3985,7.1575 5.3985,5.9675 C5.3985,4.7785 6.3725,3.8045 7.5615,3.8045 L13.3715,3.8045 C14.5605,3.8045 15.5335,4.7785 15.5335,5.9675 C15.5335,7.1575 14.5605,8.1305 13.3715,8.1305 Z M0.0005,0.0005 L0.0005,35.4045 C0.5535,32.8505 1.4765,30.4025 2.7835,28.0925 C5.0425,24.1085 8.1665,20.9415 12.0695,18.6825 C15.9715,16.4245 20.2505,15.2795 24.7885,15.2795 C32.1235,15.2795 38.3555,17.7685 43.3115,22.6775 C44.7665,24.1175 46.0035,25.6655 47.0355,27.3105 L84.1485,27.3105 L84.1485,0.0005 L0.0005,0.0005 Z"
id="Fill-19" fill="#9B9B9B" mask="url(#mask-2)"></path>
<path d="M44.2504,84.1529 C44.2594,84.1529 44.2684,84.1499 44.2764,84.1499 L44.2664,84.1499 C44.2604,84.1509 44.2574,84.1519 44.2504,84.1529"
id="Fill-20" fill="#FEFEFE" mask="url(#mask-2)"></path>
<path d="M84.1655,59.7262 C84.1645,59.7872 84.1525,59.8412 84.1485,59.9002 L84.1485,60.7882 L84.1655,59.7262 Z" id="Fill-21"
fill="#FEFEFE" mask="url(#mask-2)"></path>
<path d="M48.1987,82.8453 C53.1897,80.2103 57.6717,76.1963 61.9117,70.5253 L61.9117,69.7503 C58.0427,75.0243 53.5067,79.5183 47.9817,82.4353 C45.9417,83.5123 43.8547,84.1353 42.0747,84.1493 C44.2627,84.1493 44.4777,84.1003 44.2657,84.1493 L44.2767,84.1493 C45.7957,84.0133 47.4547,83.2253 48.0047,82.9463 C48.0687,82.9123 48.1327,82.8803 48.1987,82.8453"
id="Fill-22" fill="#FEFEFE" mask="url(#mask-2)"></path>
<path d="M79.3383,63.8468 C77.7083,63.8688 72.5053,63.2678 69.4183,61.1918 L69.4183,61.7448 C72.8953,63.9038 78.5073,64.3708 79.8023,64.1778 C80.7543,63.9838 81.9273,63.7138 82.8993,63.1048 C84.0003,62.1528 84.0443,61.4738 84.1443,61.1458 L84.1493,60.7878 L84.1493,59.8998 C83.9493,63.0038 80.3883,63.8158 79.3383,63.8468"
id="Fill-23" fill="#FEFEFE" mask="url(#mask-2)"></path>
<path d="M68.017,61.9693 C66.165,65.3903 64.149,68.6993 61.912,71.7503 L61.912,72.5253 C64.029,69.6933 66.087,66.4553 68.118,62.7543 C68.119,62.7563 68.121,62.7573 68.122,62.7583 C68.502,63.1213 68.941,63.4483 69.418,63.7443 L69.418,63.1923 C68.878,62.8293 68.396,62.4273 68.017,61.9693"
id="Fill-24" fill="#FEFEFE" mask="url(#mask-2)"></path>
<path d="M61.9115,70.525 C57.6715,76.196 53.1895,80.21 48.1985,82.845 C48.1325,82.88 48.0685,82.913 48.0045,82.946 C48.1045,82.895 48.1825,82.855 48.1985,82.845 C53.1895,80.21 57.6715,76.196 61.9115,70.525"
id="Fill-25" fill="#FEFEFE" mask="url(#mask-2)"></path>
<path d="M79.3979,75.3155 C81.1929,75.2455 82.2779,74.5035 82.7569,74.2315 C82.8109,74.1875 82.8499,74.1485 82.8989,74.1055 C81.9269,74.7135 80.7539,74.9835 79.8019,75.1775 C78.5069,75.3715 72.8949,74.9035 69.4189,72.7445 L69.4189,72.7645 C72.7639,74.9015 77.8269,75.3565 79.3979,75.3155"
id="Fill-26" fill="#FEFEFE" mask="url(#mask-2)"></path>
<path d="M69.4184,67.7643 L69.4184,67.7443 C68.9404,67.4483 68.5024,67.1213 68.1224,66.7583 C68.5104,67.1293 68.9474,67.4633 69.4184,67.7643"
id="Fill-27" fill="#FEFEFE" mask="url(#mask-2)"></path>
<path d="M68.1176,60.7545 C66.0876,64.4555 64.0286,67.6925 61.9116,70.5255 C64.0286,67.6925 66.0876,64.4555 68.1176,60.7545"
id="Fill-28" fill="#FEFEFE" mask="url(#mask-2)"></path>
</g>
</g>
</g>
</svg>
</a>
</div>
<label class="sitewide_SpMenuList_ClosedButton" for="nav-input"></label>
</li>
<li class="sitewide_SpMenuList_Container">
<a href="index.html#about">OpenToonzとは</a>
</li>
<li class="sitewide_SpMenuList_Container">
<a href="index.html#point">OpenToonzの特徴</a>
</li>
<li class="sitewide_SpMenuList_Container">
<a href="index.html#download">ダウンロード</a>
</li>
<li class="sitewide_SpMenuList_Container">
<a href="index.html#faq">FAQ</a>
</li>
<li class="sitewide_SpMenuList_Container">
<a href="#usecase">採用事例</a>
</li>
<li class="sitewide_SpMenuList_Container">
<div class="sitewide_SpMenuGrid_Container">
<div class="sitewide_SpMenuGrid_Cell">
<a href="./e/usecase.html">English</a>
</div>
<div class="sitewide_SpMenuGrid_Cell">
<a href="./es/index.html">Español</a>
</div>
</div>
</li>
<li class="sitewide_SpMenuList_Container">
<div class="sitewide_SpMenuGrid_Container">
<div class="sitewide_SpMenuGrid_Cell">
<a href="http://www.facebook.com/share.php?u=https://opentoonz.github.io/" onclick="window.open(encodeURI(decodeURI(this.href)), 'FBwindow', 'width=554, height=470, menubar=no, toolbar=no, scrollbars=yes'); return false;" rel="nofollow">
<div class="sitewite_SpMenuSns_Facebook">
<p>シェア</p>
</div>
</a>
</div>
<div class="sitewide_SpMenuGrid_Cell">
<a href="http://twitter.com/share?text=【OpenToonz】アニメーション制作ツールのオープンソースプロジェクト&url=https://opentoonz.github.io/&hashtags=opentoonz" onclick="window.open(encodeURI(decodeURI(this.href)), 'tweetwindow', 'width=550, height=450, personalbar=0, toolbar=0, scrollbars=1, resizable=1' ); return false;" target="_blank">
<div class="sitewide_SpMenuSns_Twitter">
<p>ツイート</p>
</div>
</a>
</div>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<main role="main">
<div class="usecase_Main_Container">
<div class="usecase_Main_Inner">
<section id="usecase" class="usecase_Section_Container">
<h1>
<span>採用事例</span>
</h1>
<nav>
<ul class="usecase_AgeList_Container">
<li class="usecase_AgeList_AgeDetail">
<a href="#2017year">2017年</a>
</li>
<li class="usecase_AgeList_AgeDetail">
<a href="#2018year">2018年</a>
</li>
</ul>
</nav>
<article>
<div class="usecase_ProductAgeContent_Container">
<h1 id="2018year" class="usecase_productAgeContent_Title">2018年</h1>
<section class="usecase_Works_Container">
<div class="usecase_Works_Title">
<h2>劇場版「若おかみは小学生！」</h2>
<p>公開：2018年 /
<span><a href="https://www.waka-okami.jp/movie/" target="_blank">劇場版「若おかみは小学生！」公式サイト</a></span>
</p>
</div>
<div class="usecase_WorksDetail_Container">
<div class="usecase_WorksIntro_Container">
<div class="usecase_WorksIntro_ImageGrid">
<div class="usecase_WorksIntro_ImageCell" style="--width:60%">
<div class="usecase_WorksIntro_Image">
<img src="./img/2018_3_wakaokami_1.jpg" alt="">
</div>
</div>
<div class="usecase_WorksIntro_ImageCell" style="--width:40%">
<div class="usecase_WorksIntro_ImageGrid" style="--direction:column">
<div class="usecase_WorksIntro_Image">
<img src="./img/2018_3_wakaokami_2.jpg" alt="">
</div>
<div class="usecase_WorksIntro_Image">
<div class="usecase_iframe-content-wrap">
<div class="usecase_iframe-content-block">
<div class="usecase_iframe-content">
<iframe src="https://www.youtube.com/embed/eYZEaiWkxPA" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="usecase_WorksIntro_Introduction">
<p>原画/動画のペンシルテスト工程(※)にOpenToonzの 「カメラから取り込む」 機能が使用されました。この「カメラから取り込む」機能は、本作品の監督である高坂希太郎さんからの要望を受けて初めて開発され、プロトタイプの段階から本作品の制作現場で試験導入とフィードバックをしていただきました。
</p>
<p>（※ペンシルテスト工程：紙に描かれた作画をカメラで撮影し、簡易的なムービーにして動きの確認を行う工程）
</p>
</div>
</div>
<div class="usecase_WorksInfo_Container">
<div class="usecase_WorksInfoDetail_Container">
<h3 class="usecase_WorksInfoDetail_Title">制作会社</h3>
<div class="usecase_WorksInfoDetail_Content">
<p class="usecase_WorksInfoDetail_ExternalLink">
<a href="https://www.dle.jp/" target="_blank">DLE</a>
</p>
<p class="usecase_WorksInfoDetail_ExternalLink">
<a href="http://www.madhouse.co.jp/" target="_blank">マッドハウス</a>
</p>
<div class="usecase_WorksInfoDetail_Image">
<img src="./img/madhouse_logo.png" alt="">
</div>
</div>
</div>
<div class="usecase_WorksInfoDetail_Container">
<h3 class="usecase_WorksInfoDetail_Title">スタッフ</h3>
<div class="usecase_WorksInfoDetail_Content">
<ul class="usecase_Staff_Container">
<li>監督／高坂希太郎</li>
</ul>
</div>
</div>
<div class="usecase_WorksInfoDetail_Container">
<h3 class="usecase_WorksInfoDetail_Title">コピーライト</h3>
<div class="usecase_WorksInfoDetail_Content">
<p>©令丈ヒロ子・亜沙美・講談社/若おかみは小学生！製作委員会</p>
</div>
</div>
</div>
</div>
</section>
<section class="usecase_Works_Container">
<div class="usecase_Works_Title">
<h2>ポノック短編劇場「ちいさな英雄－カニとタマゴと透明人間－」</h2>
<p>公開：2018年 /
<span><a href="http://www.ponoc.jp/eiyu/" target="_blank">ポノック短編劇場「ちいさな英雄－カニとタマゴと透明人間－」公式サイト</a></span>
</p>
</div>
<div class="usecase_WorksDetail_Container">
<div class="usecase_WorksIntro_Container">
<div class="usecase_WorksIntro_ImageGrid">
<div class="usecase_WorksIntro_ImageCell" style="--width:60%">
<div class="usecase_WorksIntro_Image">
<img src="./img/2018_2_modestheroes_1.jpg" alt="">
</div>
</div>
<div class="usecase_WorksIntro_ImageCell" style="--width:40%">
<div class="usecase_WorksIntro_ImageGrid" style="--direction:column">
<div class="usecase_WorksIntro_Image">
<img src="./img/2018_2_modestheroes_2.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="usecase_WorksIntro_Introduction">
<p>同時上映される3本の短編作品のうち「透明人間」ではスキャン/色彩設計/仕上/撮影の全てのデジタル工程にOpenToonzとGTSが用いられました。本作で主人公がかけている眼鏡越しの景色を表現するために、レンズの歪み効果を再現するエフェクトが新たに開発されました。
他2作「カニーニとカニーノ」「サムライエッグ」ではペンシルテスト工程にOpenToonzが用いられています。</p>
</div>
</div>
<div class="usecase_WorksInfo_Container">
<div class="usecase_WorksInfoDetail_Container">
<h3 class="usecase_WorksInfoDetail_Title">制作会社</h3>
<div class="usecase_WorksInfoDetail_Content">
<p class="usecase_WorksInfoDetail_ExternalLink">
<a href="http://www.ponoc.jp/" target="_blank">スタジオポノック</a>
</p>
</div>
</div>
<div class="usecase_WorksInfoDetail_Container">
<h3 class="usecase_WorksInfoDetail_Title">スタッフ</h3>
<div class="usecase_WorksInfoDetail_Content">
<ul class="usecase_Staff_Container">
<li>
<ul class="usecase_Staff_Title">「カニーニとカニーノ」
<li>監督／米林宏昌</li>
</ul>
</li>
</ul>
<ul class="usecase_Staff_Container">
<li>
<ul class="usecase_Staff_Title">「サムライエッグ」
<li>監督／百瀬義行</li>
</ul>
</li>
</ul>
<ul class="usecase_Staff_Container">
<li>
<ul class="usecase_Staff_Title">「透明人間」
<li>監督／山下明彦</li>
<li>撮影・映像演出／奥井敦</li>
<li>色彩設計／沼畑富美子</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="usecase_WorksInfoDetail_Container">
<h3 class="usecase_WorksInfoDetail_Title">コピーライト</h3>
<div class="usecase_WorksInfoDetail_Content">
<p>©2018 STUDIO PONOC</p>
</div>
</div>
</div>
</div>
</section>
<section class="usecase_Works_Container">
<div class="usecase_Works_Title">
<h2>ニンジャバットマン</h2>
<p>公開：2018年 /
<span>
<a href="http://wwws.warnerbros.co.jp/batman-ninja/" target="_blank">「ニンジャバットマン」 公式サイト</a>
</span>
</p>
<p>ドワンゴニュースリリース：2018年7月2日 /
<span>
<a href="http://dwango.co.jp/pi/ns/2018/0702/" target="_blank">「アニメーション制作ソフト「OpenToonz」、映画制作に導入 ～神風動画の初長編アニメ『ニンジャバットマン』に使用～」</a>
</span>
</p>
</div>
<div class="usecase_WorksDetail_Container">
<div class="usecase_WorksIntro_Container">
<div class="usecase_WorksIntro_ImageGrid">
<div class="usecase_WorksIntro_ImageCell" style="--width:60%">
<div class="usecase_WorksIntro_Image">
<img src="./img/2018_1_ninjabatman_1.jpg" alt="">
</div>
</div>
<div class="usecase_WorksIntro_ImageCell" style="--width:40%">
<div class="usecase_WorksIntro_ImageGrid" style="--direction:column">
<div class="usecase_WorksIntro_Image">
<img src="./img/2018_1_ninjabatman_2.jpg" alt="">
</div>
<div class="usecase_WorksIntro_Image">
<img src="./img/2018_1_ninjabatman_3.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="usecase_WorksIntro_Introduction">
<p>「ニンジャバットマン」は主に3DCGを用いて制作されているアニメーション作品ですが、一部で2Dの作画を取り入れている場面があります。OpenToonzはこの作画パートの描線の処理やエフェクト合成、カメラワークなどの撮影作業に使用されました。
今回、OpenToonzが採用された理由の一つは、アニメーターが鉛筆で描いた作画のタッチを画面上に再現するためです。OpenToonzは作画を特別なデータ形式で扱っていて、鉛筆の勢いや繊細なかすれの表現に必要なハーフトーンを残したまま効率的に作業をすることができ、そこが注目されました。 また、OpenToonzはパレットシステムを採用していることから、本番彩色前の素材を使用した撮影作業の先行や作業後の色指定の変更など、仕上げ工程に戻すことなく柔軟に対応できるため、作業効率が向上しました。
</p>
</div>
</div>
<div class="usecase_WorksInfo_Container">
<div class="usecase_WorksInfoDetail_Container">
<h3 class="usecase_WorksInfoDetail_Title">制作会社</h3>
<div class="usecase_WorksInfoDetail_Content">
<p class="usecase_WorksInfoDetail_ExternalLink">
<a href="http://www.kamikazedouga.co.jp/ " target="_blank">神風動画</a>
</p>
<div class="usecase_WorksInfoDetail_Image">
<img src="./img/kamikazedouga_logo.png" alt="">
</div>
</div>
</div>
<div class="usecase_WorksInfoDetail_Container">
<h3 class="usecase_WorksInfoDetail_Title">スタッフ</h3>
<div class="usecase_WorksInfoDetail_Content">
<ul class="usecase_Staff_Container">
<li>監督／水﨑淳平</li>
</ul>
<ul class="usecase_Staff_Container">
<li>
<ul class="usecase_Staff_Title">牧歌パート
<li>コンテ／宮本託自 山元準一</li>
<li>演出／斉藤拓也</li>
<li>コンポジター／泉津井陽一</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="usecase_WorksInfoDetail_Container">
<h3 class="usecase_WorksInfoDetail_Title">コピーライト</h3>
<div class="usecase_WorksInfoDetail_Content">
<p>Batman and all related characters and elements are trademarks of © DC Comics. and © Warner Bros. Japan LLC</p>
</div>
</div>
</div>
</div>
</section>
</div>
</article>
<article>
<div class="usecase_ProductAgeContent_Container">
<h1 id="2017year" class="usecase_productAgeContent_Title">2017年</h1>
</div>
<section class="usecase_Works_Container">
<div class="usecase_Works_Title">
<h2>「メアリと魔女の花」×dポイントキャンペーンCM「ポインコって飛べるの…?!」篇</h2>
</div>
<div class="usecase_WorksDetail_Container">
<div class="usecase_WorksIntro_Container">
<div class="usecase_WorksIntro_Image">
<img src="./img/2017_2_dpoint.jpg" alt="">
</div>
<div class="usecase_WorksIntro_Introduction">
<p>原画のスキャン/仕上げ/撮影までの全てのデジタル工程にOpenToonzとGTSが用いられました。少人数の制作体制であったため、複数の工程を１つのツールで一貫して行える点が作業効率の向上に繋がりました。また、OpenToonzには「作画の線のハーフトーンを維持したままその後の工程が作業可能」という特長があり、この作品でもアニメーターが描いたキャラクターの輪郭線や頬のタッチにみられる鉛筆の勢いやかすれの表現を活かすことができました。</p>
</div>
</div>
<div class="usecase_WorksInfo_Container">
<div class="usecase_WorksInfoDetail_Container">
<h3 class="usecase_WorksInfoDetail_Title">制作会社</h3>
<div class="usecase_WorksInfoDetail_Content">
<p class="usecase_WorksInfoDetail_ExternalLink">
<a href="http://www.ponoc.jp/" target="_blank">スタジオポノック</a>
</p>
</div>
</div>
<div class="usecase_WorksInfoDetail_Container">
<h3 class="usecase_WorksInfoDetail_Title">スタッフ</h3>
<div class="usecase_WorksInfoDetail_Content">
<ul class="usecase_Staff_Container">
<li>演出・アニメーション／橋本晋治</li>
<li>仕上げ・撮影／泉津井陽一</li>
</ul>
</div>
</div>
<div class="usecase_WorksInfoDetail_Container">
<h3 class="usecase_WorksInfoDetail_Title">コピーライト</h3>
<div class="usecase_WorksInfoDetail_Content">
<p>© STUDIO PONOC</p>
</div>
</div>
</div>
</div>
</section>
<section class="usecase_Works_Container">
<div class="usecase_Works_Title">
<h2>メアリと魔女の花</h2>
<p>公開：2017年 /
<span>
<a href="http://www.maryflower.jp" target="_blank">「メアリと魔女の花」 公式サイト</a>
</span>
</p>
<p>ドワンゴニュースリリース 2017年7月21日 /
<span>
<a href="http://dwango.co.jp/pi/ki/2017/0721/" target="_blank">「アニメーション制作ソフト「OpenToonz」が初めて映画制作に導入 米林宏昌監督の最新作『メアリと魔女の花』の一部に使用」</a>
</span>
</p>
</div>
<div class="usecase_WorksDetail_Container">
<div class="usecase_WorksIntro_Container">
<div class="usecase_WorksIntro_ImageGrid">
<div class="usecase_WorksIntro_ImageCell" style="--width:60%">
<div class="usecase_WorksIntro_Image">
<img src="./img/2017_1_mary_1.jpg" alt="">
</div>
</div>
<div class="usecase_WorksIntro_ImageCell" style="--width:40%">
<div class="usecase_WorksIntro_ImageGrid" style="--direction:column">
<div class="usecase_WorksIntro_Image">
<img src="./img/2017_1_mary_2.png" alt="">
</div>
<div class="usecase_WorksIntro_Image">
<img src="./img/2017_1_mary_3.png" alt="">
</div>
</div>
</div>
</div>
<div class="usecase_WorksIntro_Introduction">
<p>色彩設計工程において、キャラクターの色がカット毎の背景に合うように調整する作業の一部で使用されました。OpenToonzの、キャラクターの色を柔軟に管理できる「パレット」機能と、背景・キャラクターを重ねた状態で即座にプレビューできる点が活用されました。作品内に登場する「魔法のシャボン玉」の表現のため、シャボン玉の虹色パターンの特殊効果素材を生成するエフェクトが新たに開発され、撮影工程の中で使用されました。紙に描かれた動画をスキャンする工程の一部で、OpenToonzと同時に公開されたスキャンツール「GTS」が使用されました。本作品は、OpenToonzがアニメーション映画に使用された初めての事例となります。
</p>
</div>
</div>
<div class="usecase_WorksInfo_Container">
<div class="usecase_WorksInfoDetail_Container">
<h3 class="usecase_WorksInfoDetail_Title">制作会社</h3>
<div class="usecase_WorksInfoDetail_Content">
<p class="usecase_WorksInfoDetail_ExternalLink">
<a href="http://www.ponoc.jp/" target="_blank">スタジオポノック</a>
</p>
</div>
</div>
<div class="usecase_WorksInfoDetail_Container">
<h3 class="usecase_WorksInfoDetail_Title">スタッフ</h3>
<div class="usecase_WorksInfoDetail_Content">
<ul class="usecase_Staff_Container">
<li>監督／米林宏昌</li>
<li>映像演出／奥井敦</li>
<li>色彩設計／沼畑富美子</li>
</ul>
</div>
</div>
<div class="usecase_WorksInfoDetail_Container">
<h3 class="usecase_WorksInfoDetail_Title">コピーライト</h3>
<div class="usecase_WorksInfoDetail_Content">
<p>©2017「メアリと魔女の花」製作委員会</p>
</div>
</div>
</div>
</div>
</section>
</article>
</section>
</div>
</div>
<div class="pagetop"><a href="#">TOP</a></div>
</main>
<footer>
<div class="sitewide_Footer_Container">
<div class="sitewide_Footer_Inner">
<span class="sitewide_Footer_Company">
<a href="http://dwango.co.jp/" target="_blank">COMPANY</a>
</span>
<p class="sitewide_Footer_Copyright"> © DWANGO Co., Ltd.</p>
</div>
</div>
</footer>
</body>
</html>