Как рисовать мультики в «Анимашке»?

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

Интерфейс Анимашки


Рисунок 1

1 - рабочая область; 2 - таймлайн; 3 - панель инструментов; 4 - кнопка вызова камеры устройства, снимок с камеры; 5 - инструменты рисования; 6 - примитивы; 7 - справочная информация; 8 - кнопки проигрывания/остановки мультика в приложении

На Рисунке 1 — интерфейс приложения Анимашка, это то, что вы видите после начального скрина с выбором языка. Большое поле белого цвета, обозначенное цифрой 1 — рабочая область приложения, то место, где мы будем рисовать все кадры мультфильма.

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

Над рабочей областью можно увидеть Панель инструментов (3), из которой мы можем создавать новые проекты, сохранять мультфильмы в локальный слот на устройстве или на сервер сайта, пользоваться функцией копирования/вставки кадров, призраками кадров, менять тип цвета, удалять кадры и отменять действия с кадром.

Меткой с цифрой 4 на рисунке обозначена иконка вызова камеры устройства. Эта кнопка также работает и в режиме фотографирования, если миниатюра окна камеры устройства уже открыта.

Инструменты рисования на Рисунке 1 отмечены цифрой 5 — здесь можно найти меню выбора цвета (цветовая палитра из 216 цветов), изменить толщину и прозрачность линии, а также её начертание. Подробнее об инструментах рисования.

Цифрой 6 обозначена кнопка вызова панели примитивов. Подробнее о создании примитивов и их использовании в мультиках смотрите ниже.

Кнопки проигрывания и остановки мультика обозначены на рисунке интерфейса цифрой 8. Обратите внимание, что во время проигрывания рисовать в рабочей области невозможно — сначала нужно остановить проигрывание мультфильма.

Что за кнопочка такая и зачем она нужна?

Кнопка «Создать новый мультфильм» — создает полностью чистый проект, не забудьте сохранить созданный ранее мультик в слот или в галерею мультиков.


Открыть из слота «Открыть из слота» — открывает окошко с сохраненными мультиками, если таковые имеются. Выберите слот, в котором ранее был сохранен проект (отмечен знаком +) и нажмите на кнопку «Открыть». Если до октрытия проекта из слота в Таймлайн были внесены изменения, то они не будут сохранены. Чтобы выйти из окна без открытия проекта из слота просто нажмите на иконку-крестик в правом верхнем углу.

«Сохранить в слот» — открывает окно сохранения мультфильма в локальный слот. Выберите слот и нажмите на кнопку «Сохранить». По умолчанию сохраняются и изображения, снятые камерой устройства. Если вы не хотите сохранять фотографии, просто снимите галочку с чекбокса «Включая снимки с камеры» и тогда сохраняться только нарисованные кадры.

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


«Удалить кадр» — открывает окно удаления кадра. Будьте внимательны — произвести отмену удаления фрейма из мультфильма невозможно. Подтвердите выбранное действие нажатием на кнопку «О, да!», а чтобы выйти из диалогового окна без удаления нажмите на кнопку «Нет».


«Отменить» — каждое нажатие этой волшебной кнопки отменяет предыдущий штрих. Обратите внимание, что у любого фрейма мультфильма свой список отмены действий и отменять рисование линий, примитивов можно вплоть до чистого кадра.

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



«Один цвет / Многоцветная линия» — кнопка работает в режиме переключателя. Если штрих у карандашика красный — рисуем, выставляем примитивы на сцену в одном цвете. Если же штрих многоцветный, соответственно, и линия будет из разных цветов, а выставляемые примитивы будут менять цвет при отпускании кнопки мышки, пальца, стилуса.


Результат смены типа цвета

«Призрак предыдущего/следующего кадра» — кнопка работает в режиме переключателя. Включенный призрак показывает, что изображено на предыдущем или следующем кадре мультфильма. По умолчанию призрак кадра не отображается.

Когда кнопка находится в положении «Кадр вперед» на экране приложения отображается призрак следующего кадра, если таковой имеется.

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


«Копировать кадр» — позволяет скопировать выделенный на Таймлайне кадр. Скопированный кадр мультфильма будет храниться в буфере до тех пор, пока не скопируется новый, либо не закроется приложение.


«Вставить кадр» — вставляет ранее скопированный кадр в выделенный на Таймлайне фрейм. Дублированием кадров можно пользоваться для того, чтобы, например, увеличить время показа той или иной сцены мультфильма, либо если необходимо менять только какие-то детали определенного кадра мультика.
«Сохранить на сервер» — запускает процесс подготовки изображения для создания страницы с мультфильмом на сервере сайта Анимашки Animate.Space и выводит окно с формой для заполнения некоторой информации о мультике, как то имя автора, название, небольшое описание анимации.

Не забудьте нажать на кнопку «Сохранить», если вы действительно хотите опубликовать свою работу. Чтобы выйти из режима сохранения, просто нажмите на кнопку-крестик в верхнем правом углу окошка.


«Открыть галерею» — открывает страницу галереи Анимашки на сайте Animate.Space, в которой можно увидеть лучшие мультфильмы наших пользователей, проголосовать за понравившиеся, прокомментировать мультики и поделиться ими в соцсетях.
«Снимок с камеры» — вызывает окно для получения снимков с камеры устройства и делает снимок с камеры в выделенный на Таймлайне кадр.
«Меню выбора цвета» — позволяет выбрать цвет в палитре из 216 цветовых оттенков.
«Инструменты рисования» — вызывает окно выбора линий для рисования кадров мультфильма штрихами разных начертаний.
«Панель примитивов» — вызывает окно с примитивами. Подробнее о работе с примитивами, их создании и использовании в своих мультфильмах читайте ниже.
«Справочная информация» — вызывает страницу, которую вы, возможно, сейчас читаете.
Кнопка «Воспроизвести» — включает воспроизведение мультфильма в рабочей области рисования. Рисовать во время воспроизведения невозможно.
Кнопка «Остановить проигрывание» — соответственно, останавливает воспроизведение мультика.

Создание нового проекта

При нажатии на кнопку создается новый проект мультфильма. При этом все ранее внесенные в кадры мультика изменения не будут сохранены. Чистый проект состоит из 60 пустых кадров с белым фоном, на каждый кадр можно получить изображение с камеры, нарисовать на нем что-то от руки или используя примитивы, каждый кадр можно скопировать и вставить в любой фрейм на Таймлайне.

Сохранение мультфильма

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

Снимки с камеры устройства

При нажатии на кнопку в левом нижнем углу экрана рисовалки мультиков вызывается окно выбора камеры устройства и получения снимков с него. Если на устройстве несколько камер, используйте кнопку для их переключения. Для получения снимков с камеры можно нажимать на кнопку слева внизу приложения, либо на иконку с таким же изображением в окне выбора камеры.

Снимки с камеры можно делать не только в выделенный на Таймлайне кадр, но и используя режим «Автокадр». Тогда каждый сделанный снимок будет помещен в отдельный кадр.

Вы можете сохранять мультфильмы вместе с фотографиями с камеры или снять галочку с чекбокса «Включая снимки с камеры». В последнем случае, в локальном слоте сохранится только анимация, нарисованная от руки.

Копирование/вставка кадров

Чтобы легко менять какие-то кадры, увеличить время задержки определённой сцены в мультфильме — воспользуйтесь функцией копирования/вставки кадров. Функция позволяет копировать любой выделенный кадр и вставлять его в любое место на Таймлайне, столько раз, сколько потребуется. Кадр вставляется в Таймлайн с собственным списком отмены, то есть вы можете отменить свои действия во вставленных кадрах до какого-то опеределенного момента, если это потребуется.

Чтобы скопировать кадр выделите его касанием на Таймлайне так, чтобы возле кадра появилась красная полоска и нажмите на кнопку , затем выберите любой кадр, куда вы планируете сдублировать изображение (свободный или занятый нарисованной картинкой, снимком с камеры) и нажмите на кнопку .

Автокадр

Функция «Автокадр» работает в двух режимах, по умолчанию Автокадр отключен. Включить автозаполнение кадров можно нажав на чекбокс «Автокадр» / «Autoframe» в правом верхнем углу экрана или вызвав окно настроек кнопкой .

По умолчанию автокадрирование включается без копирования предыдущего кадра, то есть каждый штрих/линия, каждое отдельное касание экрана будет создавать новый кадр и предыдущие линии в него копироваться не будут. Если в окне настроек установить галочку в чекбоксе «Копировать предыдущий кадр», то вместе с новым движением по экрану устройства в кадр скопируются и все предыдущие штрихи.

Условно говоря, для прорисования, скажем, скачущего мячика, лучше использовать метод без копирования предыдущего кадра, а если же вы хотите показать медленное прорисовывание какой-либо надписи или постепенное закрашивание какой-то части изображения, лучше предыдущий кадр копировать.

Где стёрка? Вы сами можете сделать стёрку!

Один из наиболее часто задаваемых пользователями Google Play вопросов — это вопрос о стёрке, стирательной резинке... Это наша головная боль, это наш бич... из-за этой пресловутой стёрки приложение получает большую часть отрицательных отзывов в магазине Google Play, как ни парадоксально.

Ребята, стёрки в приложении нет! Нет, не было и не будет! Нам не сложно её сделать в таком виде в каком они присутствует в большинстве приложений, но она не нужна... Функция стирательной резинки легко заменяется выбором линии того цвета, каким закрашен фон. В общем случае это белый цвет. Вы сами можете сделать стёрку! Просто выберите нужный оттенок цвета.

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

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

И потом... подумайте об интерфейсе «Анимашки»! Сейчас все нужные инструменты у вас под рукой. Они достаточно большого размера, чтобы попасть в них даже на устройствах с небольшим разрешением экрана. Нужна ли там кнопка для, фактически, ненужного инструмента?

Миниатюра мультика в галерее

В качестве миниатюры мультфильма для отображения в галерее сайта «Анимашки», приложение автоматически выбирает кадр, в котором находится наибольшее количество линий. Итак... лайфхак! Если вам очень нравится какой-то определенный кадр вашего мультика и во что бы то ни стало именно его вы хотите видеть на превьюшке в галерее, просто нарисуйте на нем как можно больше точек того же цвета, как бы покрывая рисунок в кадре вторым слоем.