Уважаемые пользователи Голос!
Сайт доступен в режиме «чтение» до сентября 2020 года. Операции с токенами Golos, Cyber можно проводить, используя альтернативные клиенты или через эксплорер Cyberway. Подробности здесь: https://golos.io/@goloscore/operacii-s-tokenami-golos-cyber-1594822432061
С уважением, команда “Голос”
GOLOS
RU
EN
UA
tandemus
8 лет назад

Делаем анимированную кнопку

Наверняка вы видели в публикациях анимированные кнопки, они увеличивают привлекательность и придают уникальность вашему контенту

Итак, как же сделать анимированную кнопку, обладая минимальным объёмом знаний? 

Специально для написания поста я сделал вот эту анимированную картинку, и сейчас покажу как.

Предлагаю открыть программу всем знакомую PAINT 

Создаём поле = я создал поле размером 400 на 400 пикселей

Рисуем круг и в него вписываем цифру 1, ну это для наглядности, вы можете естественно выбрать фразу, сделать какие нибуть контуры, вобщем каждый кадр можете прорисовать так как вы пожелаете, моя же задача объяснить, как это всё работает. Картинку сохраняем, удаляем единичку рисуем двоечку, сохраняем, и так далее я сделал 3 картинки

итак три картинки есть

Далее идем на сайт http://gifius.ru/

Загружаем три наших картинки

я немного уменьшил скорость, размер оставил тот же для наглядности


скачиваем эту картинку

загружаем на сайт http://hostingkartinok.com/

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


1
49.758 GOLOS
На Golos с January 2017
Комментарии (4)
Сортировать по:
Сначала старые