Створення анімації на canvas для головної сторінки
2500 UAHНеобходимо разработать анимацию на canvas на 4 слайда.
Техника анимации: На темном фоне должен располагаться текст, состоящий из точек. Когда пользователь наводит мышкой на любой фрагмента текста, будь то буква или ее часть, текст должен рассыпаться. Помимо этого, на заднем фоне должны плавно левитировать точки, которые должны ускоряться при наведении на них мышкой.
Пример реализованных проектов:
yalantis.com/ (наведите на любую часть буквы Y)
run4tiger.com/ (дождитесь окончания загрузки прелоадера, после чего наведите на любую часть любой буквы слова Амурские тигры...).
Общее видение картины имеется:
prntscr.com/jhozqi – первый слайд.
prntscr.com/jhp0cv – второй слайд
prntscr.com/jhp0nc – третий слайд
prntscr.com/jhp0wu – четвертый слайд
Переключения между слайдами должны осуществляться плавно, с помощью скролла мышки вниз/вверх, при этом слова с предыдущего слайда должны рассыпаться, а слова с нового слайда должны собираться.
На фоне есть маленькие летающие точки, при наведении на них мышкой, они должны разлетаться в разные стороны.
Помимо корректного отображения на десктопной версии, необходимо:
1. чтобы при мобильном разрешении, фон адаптировался, а текст нет, т.е., сам текст должен быть читабельным при мобильном разрешении и иметь небольшие отступы слева и справа от границ дисплея мобильного телефона;
2. чтобы фон анимации не повторялся по вертикали при адаптации, а перестраивался, при этом фон должен всегда "доставать" до верхней части экрана, а не сжиматься, чтобы на его месте не появлялось черного квадрата;
3. фон должен перестраиваться по-вертикали и по-горизонтали, а не сжиматься или повторяться;
4. чтобы на мобильном телефоне можно было водить пальцем по слову и точки распадались, при этом слово по центру должно быть читабельным.
5. должна быть возможность изменить слова на слайдах в будущем.
Техника анимации: На темном фоне должен располагаться текст, состоящий из точек. Когда пользователь наводит мышкой на любой фрагмента текста, будь то буква или ее часть, текст должен рассыпаться. Помимо этого, на заднем фоне должны плавно левитировать точки, которые должны ускоряться при наведении на них мышкой.
Пример реализованных проектов:
yalantis.com/ (наведите на любую часть буквы Y)
run4tiger.com/ (дождитесь окончания загрузки прелоадера, после чего наведите на любую часть любой буквы слова Амурские тигры...).
Общее видение картины имеется:
prntscr.com/jhozqi – первый слайд.
prntscr.com/jhp0cv – второй слайд
prntscr.com/jhp0nc – третий слайд
prntscr.com/jhp0wu – четвертый слайд
Переключения между слайдами должны осуществляться плавно, с помощью скролла мышки вниз/вверх, при этом слова с предыдущего слайда должны рассыпаться, а слова с нового слайда должны собираться.
На фоне есть маленькие летающие точки, при наведении на них мышкой, они должны разлетаться в разные стороны.
Помимо корректного отображения на десктопной версии, необходимо:
1. чтобы при мобильном разрешении, фон и текст адаптировались, но сам текст должен быть читабельным при мобильном разрешении и иметь небольшие отступы слева и справа от границ дисплея мобильного телефона;
2. чтобы фон анимации не повторялся по вертикали при адаптации, а перестраивался, при этом фон должен всегда "доставать" до верхней части экрана, а не сжиматься, чтобы на его месте не появлялось черного квадрата;
3. фон должен перестраиваться по-вертикали и по-горизонтали, а не сжиматься или повторяться;
4. на мобильном разрешении слайды должны быть заскриптованы: слова должны разлетаться и собираться по очереди, с задержкой в 2-3 секунды.
Відгук замовника про співпрацю з Eduard Karpets
Створення анімації на canvas для головної сторінкиВідмінний розробник, виконаний всі вимоги вчасно.
Відгук фрилансера про співпрацю з Igor Gema
Створення анімації на canvas для головної сторінкиЧудовий замовник, рекомендую
-
Интересный проект, хотелось бы реализовать.
Но пока что сомневаюсь в цене.
-
Igor Gema KOLORO GROUP
Добрый день. Что именно Вас смущает?
-
Если тут есть ребята которые делают такое за 1300 грн, стукните пожалуйста в личку
-
Актуальні фриланс-проєкти в категорії Дизайн сайтів
Розробка сайту на WEBFLOW за дизайном з FigmaРозробити лендінг та блог на webflow скріншот дизайну додаю (у блогу дуже простий дизайн) Без анімацій Дизайн сайтів, Створення сайту під ключ ∙ 23 ставки |
UX UI дизайнер для роботи над внутрішніми сторінками.Є розроблена та затверджена концепція, головна сторінка тепер потрібна робота над дизайном внутрішніх, та адаптивом. Вимоги: - Розуміння принципів UX. - Вміння працювати з відступами, типографікою, grid системами. - Вміння застосувати та працювати autolayout Figma. - Вміння… Дизайн сайтів ∙ 52 ставки |
Верстка сайту в Weblium або іншому конструкторі
2000 UAH
Верстка сайту в Weblium або іншому конструкторі. Дизайн в фігмі вже є, потрібно перенести в конструктор Дизайн сайтів, Створення сайту під ключ ∙ 26 ставок |
Креатив для сайту у вигляді банеруПривіт! Ми львівська доставка суші! Зараз ми запускаємо новий розділ новин на сайті, тому нам потрібно генерувати креативи в форматі банерів для кожної новини. Орієнтовно 5 креативів на місяць. Платимо за кожен креатив окремо Нижче прикріпляю приклад: Ілюстрації та малюнки, Дизайн сайтів ∙ 37 ставок |
Потрібен односторінковий лендТакого формату https://krupkin.pro/ru/ Максимально простий щоб на нього переходилт кандидати які шукають роботу Дизайн сайтів, Створення сайту під ключ ∙ 60 ставок |