Если слава художника и мультипликатора всё ещё не даёт вам покоя, то для начала можно потренироваться «на кошках» и воспользоваться очень интересной онлайн-рисовалкой под загадочным названием Brush Ninja (Кисть ниндзя).                                                        

По совместительству это ещё и удобный бесплатный сервис для создания GIF-анимации из собственных рисунков, который можно использовать без учётной записи. Отличный сервис для детского и подросткового творчества! Да и взрослые получат удовольствие от работы.

Просто заходим на сайт и начинаем рисовать в пустом редакторе кадры будущей мультяшки — анимашки. Можно нарисовать столько сцен, сколько захочется. А готовый результат сохранить в формате GIF и скачать на компьютер.

Из меня художник как-то не очень, поэтому примерчик получился вот такой.

Инструменты для рисования

Итак, приступаем к работе. Открываем сайт Brush Ninja и осматриваемся.

Редактор разделен на три секции. Большой белый квадрат — это текущий кадр, там, где мы будем создавать анимацию.

На верхней панели инструментов кнопки для создания новой работы (New), сохранения созданного (Save), скачивания (Export), отмены последнего действия , копирования (Copy) и вставки (Paste). В правом углу — нужная кнопка «Настройки» (Settings).

Чуть ниже — инструменты для рисования. Если нажать на кнопку с изображением карандаша, откроется весь список инструментов: всего их пять, плюс настройки.

Группа кругов слева — это размер кисточек для рисования и ластика. Нажимаем, чтобы выбрать нужный размер.

Группа цветов справа — это палитра для рисования. Можно выбрать цвет линий (значок-карандаш) или цвет заливки объектов (значок-ведро).

Прямо под слайдом находится панель управления. Здесь можно воспроизвести анимацию (большая голубая кнопка со стрелкой поможет), установить её скорость, добавить фон. Чтобы создать новый кадр, нажимаем на зелёный значок с «плюсом» (Add +).

По умолчанию сервис сразу выдаст нам квадрат для изо-экспериментов. Но можно нажать на кнопку «New» в левом верхнем углу и выбрать формат будущей нетленки. Можно оставить квадрат, нарисовать работу для последующего создания комикса, выбрать размер 3:4, 16:9 или 1920:1080 (Cinema).

Теперь давайте немного «поиграем» с инструментами для рисования. Разберёмся, что к чему.

Первая кнопка слева на панели инструментов (в виде стрелки) — вспомогательная. Она поможет выделить фрагмент рисунка и дальше совершать с ним разные манипуляции: удалять, дублировать, разворачивать по вертикали и горизонтали, ставить на передний и задний план. Используя ограничительные маркеры прямо на слайде можно перемещать выделенный фрагмент «мышью» и изменять его размеры.

    Теперь нажимаем на «кисточку». Этот инструмент рисует произвольными линиями разной толщины и цвета. В наборе 7 разных типов линий: простые (Pencil, Smooth, Speed, Marker),  пунктирные (Dot, Dash) и даже зигзагообразные (Scratch).

    Последним в этом списке стоит ластик (Eraser). Он стирает все ненужные объекты на слайде.

    Инструмент «Формы» (кнопка с изображением круга и квадрата) помогает добавить в кадр разные геометрические фигуры. Если нажать на «More», то откроется целая библиотека элементов-стикеров, которые можно использовать в проекте.

    Инструмент «Линии» рисует прямые линии разных цветов и толщины. На выбор — три варианта начертания (Solid, Dots, Dashes).

    Следующая кнопка (Т) отвечает за добавление текста. Только для этого нужно совершить несколько действий. Для начала, конечно, нажимаем на кнопку «Т». Выбираем размер текста и его цвет, определяемся со шрифтом (их пять на выбор). А потом жмём на кнопку с изображением карандаша, чтобы открыть текстовый редактор. 

    А вот и он. Всё очень просто. Вписываем в нужное окошко текст и добавляем, если нужно, смайликов. Нажимаем «Use». Всё готово!

    Меняем фон

    Чтобы изменить фон слайда, нажимаем на второй значок под ним.

    В качестве фона можно загрузить свою картинку с ПК, взять фото с веб-камеры, можно поискать подходящее изображение в библиотеке, а можно просто залить фон одним цветом или выбрать что-то из предложенных шаблонов (школьная доска, «клетка», «линейка»).

    Так выглядит окошко для онлайн-поиска нужного фона. В поисковую строку вписываем латиницей или кириллицей ключевой слово для поиска и выбираем любую картинку из предложенных.

    Далее выбираем из двух вариантов: либо использовать эту картинку (Set as Background), либо попробовать поискать что-то другое (Try another image).

    Для выбора фонового цвета к нашим услугам вот такая палитра. Выбираем нужный оттенок и нажимаем «Pick Colour».

    Фон устанавливается один и тот же — сразу на все слайды.

    Как создать движение?

    Ну вот, с рисованием разобрались. Теперь давайте выяснять, как создаётся анимация. Для создания самой простой мультяшки понадобится минимум два кадра. Если мы хотим передать плавное движение героев, то кадров создать нужно, конечно, больше. 

    Принцип покадровой анимации срабатывает и в этом сервисе: нужно нарисовать несколько кадров с одними и теми же персонажами, которые будут отличаться перемещениями героев или появлением новых персонажей и элементов. При просмотре кадры будут меняться с определённой скоростью. За счёт этого появится эффект движения. И премьера мультика состоится! 

    Наша задача — нарисовать эти кадры. Чтобы упростить нам задачу, создатели сервиса предусмотрели опцию «Копировать кадр» (Dublicate). Для этого нажимаем на небольшой значок с изображением страничек внизу, под миниатюрой кадра.

    Для чего может пригодиться эта опция? Это на тот случай, если мы рисуем какие-то плавные изменения, происходящие с героем (цветок распускается, дождик идёт). Рисуем на первом слайде росток, затем копируем кадр и дорисовываем стебелёк, снова копируем — пририросываем листики — копируем и добавляем цветочек. Или другой вариант: рисуем героя — копируем кадр и двигаем персонажа в нужном направлении — снова копируем и снова двигаем… 

    И ещё одна маленькая хитрость. Внизу над каждой миниатюрой кадра стоит таинственная надпись — «х1». Это продолжительность показа кадра: по умолчанию все кадры показываются в течение одной секунды. Если какой-то кадр надо «задержать», щёлкая «мышкой» по значку с плюсом, можно увеличить это время. Нажимая на «минус», время можно уменьшить.

    Ещё одна полезная опция спрятана в верхней панели инструментов. Кнопка «Toggle Onion Skinning» позволяют установить прозрачность предыдущего и последующего кадров. Эта полезная штука пригодится, чтобы сделать движения персонажа более плавными: рисуя кадр мы видим, как выглядел герой на предыдущем слайде и как он будет смотреться на последующем. Так анимация не будет «дёргаться» и станет больше похожа на настоящий мультфильм.

    По умолчанию на все слайды анимации ставится водяной знак с названием сервиса в правом нижнем углу. Чтобы от него избавиться, нажимаем на кнопку «Settings» на верхней панели инструментов, стереть водяной знак и нажать на «Save settings».

    Совсем забыла про ещё одну маленькую кнопочку внизу под слайдом — «Set Frame Caption» (в виде речевого облачка). Она поможет добавить к анимации небольшую подпись аннотацию или комментарий.

    Как сохранить и скачать?

    Когда все кадры будущей анимации готовы и настроены, нажимаем кнопку воспроизведения, чтобы просмотреть её. Если всё отлично, щёлкаем на кнопку «Export».

    Здесь перво-наперво надо дать название нашему мульти-шедевру.

    Можно сохранить гиф-анимацию с бесконечным воспроизведением (Export as Animated GIF),а если нажать на кнопку «More», получим ещё несколько альтернатив.

    Готовый проект можно скачать как коллаж, как комикс или как набор отдельных покадровых картинок. 

    Если мы решили сохранить работу как гиф-анимацию (Export as Animated GIF), то можем сразу же скачать её на ПК или переделать в видео. Правда, во втором случае придётся вернуться назад и сначала сохранить работу, нажав на «Save».

    А что ещё?

    Недавно у Brush Ninja появились ещё три новых инструмента: конструктор смайликов, конструктор коллажей и редактор комиксов. Чтобы их найти, просто листаем страницу сайта вниз.

    Приложение Еmoji Аrt помогает создать сетку со смайликами. Выбираем из библиотеки нужную иконку и щёлкаем в любую ячейку сетки.

    Нажав «Share», готовую работу можно скачать, скопировать в буфер обмена или получить ссылку на неё.

    Конструктор коллажей (Photo Collage) тоже довольно простой. Выбираем шаблон, загружаем фотографии, нажав на «Pick Image». Определяемся с размером и цветом коллажа, закругляем углы у фотографий и устанавливаем расстояние между ними. Готово! Можно скачивать.

    Конструктор комиксов (Comic Creator) предлагает заполнить картинками шаблон из шести страниц с обложкой и обратной стороной. Загружаем изображения, нажав на «Pick Image». Готовый проект можно скачать, распечатать и сложить, как книжку.