Create loading animation in SVG for web app

  • Stav: Closed
  • Odměna: €50
  • Přijatých návrhů: 4
  • Vítěz: FawziMotion

Instrukce k soutěži

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)

Doporučené dovednosti

Zpětná vazba od zaměstnavatele

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

Profilový obrázek codeflies, Netherlands.

Nejlepší návrhy této soutěže

Zobrazit více příspěvků

Veřejná nástěnka k vyjasnění projektu

  • FawziMotion
    FawziMotion
    • Před 5 let

    Hello Sir,
    Please check #11

    • Před 5 let
  • Divyansch
    Divyansch
    • Před 5 let

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

    • Před 5 let
    1. codeflies
      Pořadatel soutěže
      • Před 5 let

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

      • Před 5 let
  • Ivnbgtv
    Ivnbgtv
    • Před 5 let

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

    • Před 5 let
    1. codeflies
      Pořadatel soutěže
      • Před 5 let

      Yes that is okay!

      • Před 5 let
  • codeflies
    Pořadatel soutěže
    • Před 5 let

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

    • Před 5 let
    1. Divyansch
      Divyansch
      • Před 5 let

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

      • Před 5 let
  • Ivnbgtv
    Ivnbgtv
    • Před 5 let

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

    • Před 5 let
    1. codeflies
      Pořadatel soutěže
      • Před 5 let

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

      • Před 5 let
    2. Ivnbgtv
      Ivnbgtv
      • Před 5 let

      Yes, now it's attached!

      • Před 5 let

Zobrazit více komentářů

Jak začít se soutěžemi

  • Zadejte vaši soutěž

    Zveřejněte svou soutěž Rychlé a snadné

  • Získejte kupu návrhů

    Získejte spousty návrhů Z celého světa

  • Zvolte nejlepší návrh

    Zvolte nejlepší návrh Stáhněte si soubory - Je to snadné!

Zadejte soutěž nyní nebo se k nám připjte ještě dnes!