The speech will cover the process of making a highly detailed vector art, where each detail is in the right place. It will touch on the issues of miniaturization, optimization and animation, repeated use of content and fast generation of large content volumes. In addition, some peculiarities of work according to the “artist – programmer” pattern will get discussed.

3. АРТ-ИНЖЕНЕРИЯ

4. НЕМНОГО О НАС

5. НЕМНОГО О НАС
30+ ПРОЕКТОВ

6. НЕМНОГО О НАС
НАШИ ПРОЕКТЫ

7. НЕМНОГО О НАС
НАШИ ПРОЕКТЫ

8. НЕМНОГО О НАС
НАШИ ПРОЕКТЫ

9. НЕМНОГО О НАС
АПХИЛ РЕЙСИНГИ + ЭЛЕМЕНТЫ ЭКШНА
7 ТАЙТЛОВ
16 ИГР В ЦЕЛОМ
ОЖИДАЮТСЯ СИКВЭЛЫ И НОВЫЕ ТАЙТЛЫ

10. НЕМНОГО О НАС
ИТАК, АПХИЛ РЕЙСИНГИ
ВОЗРАСТАЮЩИЙ СПРОС НА НАШУ ПРОДУКЦИЮ
МИНИМАЛЬНОЕ ВРЕМЯ РАЗРАБОТКИ
ОГРАНИЧЕНИЯ НА РАЗМЕР ПРОЕКТА (~10 Мб)
ВОЗМОЖНОСТЬ ПОВТОРНОГО ИСПОЛЬЗОВАНИЯ АРТА
ТЕХНОЛОГИЯ

11. 1. ЭТАП
ПОИСК РЕФЕРЕНСА

12. 2. ЭТАП
ОТРИСОВКА И ОПТИМИЗАЦИЯ
- КОЛАЖ/ЭСКИЗ
- ОБВОДКА
- ОПТИМИЗАЦИЯ ВЕКТОРА

13. ОПТИМИЗАЦИЯ ВЕКТОРА
ФОРМАТ ХРАНЕНИЯ ВЕКТОРНЫХ ДАННЫХ ВО ФЛЕШЕ
ЛИНИИ (STROKES)
<Edge strokeStyle="1" edges="!-1449 0S4|1450 0"/>
<Edge cubics="!-1449 0(;-1449,0 1450,0 1450,0q-1449 0
1450 0);"/>
1 196 байт
<Edge strokeStyle="1" edges="!-1449 433S4[1 -1299
1450 433"/>
<Edge cubics="!-1449 433(;-482,-722 484,-722
1450,433q-1449 433Q1 -1299q1450 433);"/>
1 228 байт

14. ОПТИМИЗАЦИЯ ВЕКТОРА
ФОРМАТ ХРАНЕНИЯ ВЕКТОРНЫХ ДАННЫХ ВО ФЛЕШЕ
ФОРМЫ (SHAPES)
<Edge fillStyle1="1" edges="!1503 -41S2[1519 -33 1519 -2!1519 -2[1519 30 1502 41!1502 41[1499 43 1469 50!1469 50|-1468 50!-1468 50[1490 43 -1504 23!-1504 23[-1518 3 -1518 -20!-1518 -20[-1510 -28 -1487 -39!-1487 -39[-1468 -48 -1468 -50!-1468 -50|1469 -50!1469 -50
[1482 -45 1503 -41"/>
<Edge cubics="!-1468 -50(-1468,-50;-1468,-50 1469,-50 1469,-50q-1468 -50p1469 -50);"/>
<Edge cubics="!1469 -50(;1494,-40 1519,-52 1519,-2q1469 -50Q1482 -45q1503 -41Q1519 -33q1519 -2);"/>
<Edge cubics="!1519 -2(;1519,48 1489,45 1469,50q1519 -2Q1519 30q1502 41Q1499 43q1469 50);"/>
<Edge cubics="!1469 50(;1469,50 -1468,50 -1468,50q1469 50 -1468 50);"/>
<Edge cubics="!-1468 50(;-1498,40 -1518,10 -1518,-20q-1468 50Q-1490 43q-1504 23Q-1518 3q-1518 -20);"/>
<Edge cubics="!-1518 -20(-1518,-20;-1503,-35 -1468,-45 -1468,-50q-1518 -20Q-1510 -28q-1487 -39Q-1468 -48q-1468 -50);"/>
11 876 байт

15. ОПТИМИЗАЦИЯ ВЕКТОРА
ФОРМАТ ХРАНЕНИЯ ВЕКТОРНЫХ ДАННЫХ ВО ФЛЕШЕ
ФОРМЫ (SHAPES)
2 322 байт
1 696 байт
1 614 байт

16. ОПТИМИЗАЦИЯ ВЕКТОРА
«ГРЯЗНЫЙ» АРТ
57 503 байт

17. ОПТИМИЗАЦИЯ ВЕКТОРА
«НЕПРАВИЛЬНАЯ» ОПТИМИЗАЦИЯ
63 129 байт

18. ЛИРИЧЕСКОЕ ОТСТУПЛЕНИЕ
«КРУГ» И КРУГ

19. ОПТИМИЗАЦИЯ ВЕКТОРА
«ПРАВИЛЬНАЯ» ОПТИМИЗАЦИЯ
49 011 байт

20. ОПТИМИЗАЦИЯ ВЕКТОРА
ФИНАЛЬНАЯ ОПТИМИЗАЦИЯ
57 503 байт -> 24 312 байт

21. ОПТИМИЗАЦИЯ ВЕКТОРА
МЕТОДЫ
- SMOOTH + STRAIGHTEN
- DELETE ANCHOR POINT TOOL + SELECTION TOOL

22. ОПТИМИЗАЦИЯ ВЕКТОРА
МЕТОДЫ

23. 3. ЭТАП
СТРУКТУРНАЯ ОПТИМИЗАЦИЯ
- РАСКРАСКА

24. 3. ЭТАП
СТРУКТУРНАЯ ОПТИМИЗАЦИЯ
- РАСКРАСКА
- ПОРЕЗКА

25. 3. ЭТАП
СТРУКТУРНАЯ ОПТИМИЗАЦИЯ
- РАСКРАСКА
- ПОРЕЗКА
- СТРУКТУРИЗАЦИЯ

26. 4. ЭТАП
КОНВЕЕРНАЯ СБОРКА

27. 4. ЭТАП
КОНВЕЕРНАЯ СБОРКА

28. СРАВНЕНИЕ
VS
11 машин 16 часов работы
3 машин 12 часов работы
2 864 856 байт
4 308 785 байт

29. ПРИМЕНЕНИЕ
8 машин, 5 локаций
9 Мб
22 машины, 6х2 локации
+магазин
7 Мб

30. ПРИМЕНЕНИЕ

31. ПРИМЕНЕНИЕ

32. ПРИМЕНЕНИЕ
ЭКОНОМИЯ ВРЕМЕНИ ДО 35%

33. 5. ЭТАП
АНИМИРОВАНИЕ
ЭКОНОМИЯ ВРЕМЕНИ ДО 50%

34. ЗАЧЕМ ЭТО НУЖНО!?

35. ЗАЧЕМ ЭТО НУЖНО!?

36. ЗАЧЕМ ЭТО НУЖНО!?

37. ЗАЧЕМ ЭТО НУЖНО!?

38. ЗАЧЕМ ЭТО НУЖНО!?

39. ЗАЧЕМ ЭТО НУЖНО!?

40. ДЕТАЛЬНЕЕ
НА САЙТЕ SMOKOKO.COM

41. ВОПРОСЫ ЕСТЬ?
ВОПРОСОВ НЕТ…
ВСЕМ СПАСИБО ЗА ВНИМАНИЕ
ПРИЯТНОГО ВЕЧЕРА!