Create loading animation in SVG for web app

  • 진행 현황: Closed
  • 상금: €50
  • 응모작 접수(건수): 4
  • 수상자: FawziMotion

콘테스트 개요

Create a loading animation for our web application in SVG (much like what Netflix loading screen looks like on their app). You will need to animate the letters VDBS in the file provided in a cool way.

Delivery consists at minimum of a html and svg that is animated with https://github.com/airbnb/lottie-web and After Effects. See https://www.lottiefiles.com/ as an example for what can be technically achieved (but not as visual inspiration).

Please note: Use the exact same color (exact color red on white), shape/font, provided in the file!

Guidelines:
- Use VDBS vector provided in the file (no other font will be accepted)
- Use exact same red color

Animation ideas:
- Walking outline and fill
- Shadows and merging shapes (like Netflix)

추천된 기술

고용주 피드백

“Fawzi really understood the goal of the assignment and delivered great quality”

프로필 이미지 codeflies, Netherlands.

이 콘테스트의 최상위 응모작

다른 응모작

공개 설명 게시판

  • FawziMotion
    FawziMotion
    • 5 년 전

    Hello Sir,
    Please check #11

    • 5 년 전
  • Divyansch
    Divyansch
    • 5 년 전

    Do you specifically need the .json files? Because implementing it in CSS and javascript would be rather easier.

    • 5 년 전
    1. codeflies
      콘테스트 주최자
      • 5 년 전

      I'm looking for complexity in the animation which cannot be achieved by css/js. Please see the lottie/bodymovin examples.

      • 5 년 전
  • Ivnbgtv
    Ivnbgtv
    • 5 년 전

    Also, After effects outputs .json files for Lottie. Is that format ok for you?

    • 5 년 전
    1. codeflies
      콘테스트 주최자
      • 5 년 전

      Yes that is okay!

      • 5 년 전
  • codeflies
    콘테스트 주최자
    • 5 년 전

    Guys thanks for you input but please note: use the exact same color (exact color red on white), shape/font, provided in the file!

    • 5 년 전
    1. Divyansch
      Divyansch
      • 5 년 전

      Please note that my entry #6 is actually the snapshot of the actual animation. Please visit the url for complete animation.

      • 5 년 전
  • Ivnbgtv
    Ivnbgtv
    • 5 년 전

    Hi! Can you attach the file? There is no files in your description.

    • 5 년 전
    1. codeflies
      콘테스트 주최자
      • 5 년 전

      Hi Ivan, just uploaded it again. Could have sworn I did that before. Can you check?

      • 5 년 전
    2. Ivnbgtv
      Ivnbgtv
      • 5 년 전

      Yes, now it's attached!

      • 5 년 전

다른 의견의 확인

콘테스트를 시작하는 방법

  • 콘테스트를 게시하세요

    콘테스트 등록 신속하고 간편한 절차

  • 응모작 접수

    응모작 접수 세계적인 참가 범위

  • 최우수 응모작 선정

    최우수 응모작 선정 자료 파일의 다운로드(초간단!)

콘테스트 바로 등록 (또는, 즉시 회원 가입!)