2D Animation of overloaded Asian motos

  • สถานะ: Closed
  • รางวัล: $250
  • ผลงานที่ได้รับ: 14
  • ผู้ชนะ: BenJoesph

รายละเอียดการประกวด

I require a HTML5/SVG animation of people riding a motorbike with 4 different versions, for use as a hero image on a website. The end result should be 4 different HTML files including SVG vector graphics with minimal CSS animation.

1. A lightly animated illustration of a person sitting on a motorbike, stopped but revving his engine
2. The same bike but now it's riding along slowly and has 2 people on it
3. The same bike but now with 3 people and a box or crate strapped to the back, riding faster
4. The same bike but with 5 people, 2 boxes and some chickens, riding very fast

Your design should be minimalist, lightly coloured and with subtle animation. See the links below for an example of the style and implementation that I'm after, but with a bit more detail. Also, the animationist needs to have a sense of humor. The overloaded bike is a common (daily) sight in SE Asia and the idea is to bring at least a smirk to my visitor's face.

This is an example HTML5/SVG/CSS animation:
https://www.intovps.com

Here's some examples of overloaded motorbikes:
https://jpg.dog/a/N51A

This is the sandpit page that these animations are for:
https://cambo.host/homepage/

Take special note of the space available and consider the balance of the page above. You have the usage of this area: https://jpg.dog/i/pA6JX
Also note the placement of the hero image in the 4 slides will be the same with a cross-fade effect on slide change. The idea is to demonstrate the speed/capacity/performance differences between the product categories.

WORKFLOW RECOMMENDATIONS
- Since images 2, 3 and 4 will be based on image 1 it would be best to start there. Focus on the design of the moto; a typical scooter or small cafe-racer style bike similar to a Honda Dream or Honda Win.
- The animation needs to indicate speed, so think about making those wheels spin and something else to indicate movement. This could be exhaust, a road in the background or even a rocket booster!
- The person(s) sitting on the bike should have some basic facial features and should be noticeably happy. Remember there's lots more people and things to get squeezed onto the bike in later slides!
- We're aiming for a typical overloaded motorbike, not daredevils or bad drivers so no texting while riding and everyone should be wearing a helmet :)
- The guide above is a guide. If you feel like adding a bag of vegetables, some rattan furniture or something else then go right ahead!

SUBMISSION RECOMMENDATIONS
Just work on image #1 to start with and impress us with your design skills and attention to detail. If you get a 5 star rating then go ahead and get creative with the rest of the images and the animation; you're on the right track!

ทักษะแนะนำ

คำติชมจากผู้ว่าจ้าง

“Great designer, was happy to do a couple of revisions. Very good experience all-round. Thank you”

รูปประจำตัว cambohost, Cambodia.

ผลงานอันดับสูงสุดจากการประกวดนี้

ดูรายการเพิ่มเติม

กระดานประกาศ

  • sreejith651998
    sreejith651998
    • 5 ปี ที่ผ่านมา

    increase by 24hr

    • 5 ปี ที่ผ่านมา
  • sreejith651998
    sreejith651998
    • 5 ปี ที่ผ่านมา

    is it possible to increase the time, still working

    • 5 ปี ที่ผ่านมา
  • sreejith651998
    sreejith651998
    • 5 ปี ที่ผ่านมา

    Pls don't close ahead of time

    • 5 ปี ที่ผ่านมา
  • Scobos
    Scobos
    • 5 ปี ที่ผ่านมา

    Hi there, how is everyone submitting the animated version of this? I made an animated GIF but doesn't seem to be working. Thanks!

    • 5 ปี ที่ผ่านมา
  • sreejith651998
    sreejith651998
    • 5 ปี ที่ผ่านมา

    Pls don't choose the winner ahead of time... Wrking

    • 5 ปี ที่ผ่านมา
  • elysaud
    elysaud
    • 5 ปี ที่ผ่านมา

    Do not choose the winner ahead of time. I'm working on my entry

    • 5 ปี ที่ผ่านมา
  • elysaud
    elysaud
    • 5 ปี ที่ผ่านมา

    Can something more interactive be done? Something for example where the person clicks and another person gets on the bike. Another click and two boxes appear on the bike. can be done with svg and javascript. Something like that is welcome?

    • 5 ปี ที่ผ่านมา
    1. cambohost
      ผู้จัดการประกวด
      • 5 ปี ที่ผ่านมา

      We're pretty flexible. Check out the link to the page the animation will go on and note the "slide" controls along the bottom. There's a ~10 second timer that switches slides if the controls down the bottom aren't used.

      • 5 ปี ที่ผ่านมา
  • sreejith651998
    sreejith651998
    • 5 ปี ที่ผ่านมา

    Pls provide the color code of the web page(blue color) so that the animation can blend into the webpage(looks better)

    • 5 ปี ที่ผ่านมา
  • sreejith651998
    sreejith651998
    • 5 ปี ที่ผ่านมา

    mp4 submission is not supported in the contest

    • 5 ปี ที่ผ่านมา
  • BenJoesph
    BenJoesph
    • 5 ปี ที่ผ่านมา

    working..svgs not a problem.

    • 5 ปี ที่ผ่านมา
    1. cambohost
      ผู้จัดการประกวด
      • 5 ปี ที่ผ่านมา

      Looking forward to it. Check the contest description again as it's been updated with more detailed information.

      • 5 ปี ที่ผ่านมา
  • elysaud
    elysaud
    • 5 ปี ที่ผ่านมา

    I'm going to participate. but to make an svg animation I see it a little less functional. (the animation would be very limited) has not thought of a gif or a .mp4 video? It would give more freedom to the animators to make more humorous and quality ideas.

    • 5 ปี ที่ผ่านมา
    1. cambohost
      ผู้จัดการประกวด
      • 5 ปี ที่ผ่านมา

      Thanks for contributing! Although MP4 is possible, it's not as snappy or modern as we'd like. You're welcome to submit as an MP4 but for the end result we need an SVG graphic that can have parts of it animated (like a spinning wheel). The contest description has been updated with much more information.

      • 5 ปี ที่ผ่านมา
  • elysaud
    elysaud
    • 5 ปี ที่ผ่านมา

    How long should the duration be between each scene?

    • 5 ปี ที่ผ่านมา
    1. cambohost
      ผู้จัดการประกวด
      • 5 ปี ที่ผ่านมา

      The scenes will cross-fade between each other as part of the web page transitions, so the end result should be 4 separate files

      • 5 ปี ที่ผ่านมา
  • sreejith651998
    sreejith651998
    • 5 ปี ที่ผ่านมา

    let me know if i should continue #2

    • 5 ปี ที่ผ่านมา
    1. cambohost
      ผู้จัดการประกวด
      • 5 ปี ที่ผ่านมา

      Thanks for your submission, I've sent you a message and updated the job description with some more details and hints

      • 5 ปี ที่ผ่านมา
  • electrolime
    electrolime
    • 5 ปี ที่ผ่านมา

    Haha, I live in Phnom Penh and see this every day, this is a great contest. You might have trouble getting an SVG animation created here though, you might want to stick to a GIF or MP4.

    • 5 ปี ที่ผ่านมา
    1. cambohost
      ผู้จัดการประกวด
      • 5 ปี ที่ผ่านมา

      We sell servers which is rather boring, so we figured a bit of humor to break the ice will go a long way. I'm no expert, but I would have thought it wouldn't be too hard to export an illustration as SVG then give it motion with HTML5.
      GIF is a little last century, however we could get away with an MP4 in a pinch.

      • 5 ปี ที่ผ่านมา
    2. GoldenAnimations
      GoldenAnimations
      • 5 ปี ที่ผ่านมา

      working..

      • 5 ปี ที่ผ่านมา
  • Vikramaditya TechCreative
    Vikramaditya TechCreative
    • 5 ปี ที่ผ่านมา

    Very long Description without guaranteed u wast your time to write the script. Hope u do it yourself and save your money.

    • 5 ปี ที่ผ่านมา
    1. cambohost
      ผู้จัดการประกวด
      • 5 ปี ที่ผ่านมา

      Thanks for your feedback. Project is now Guaranteed! I look forward to your contribution!

      • 5 ปี ที่ผ่านมา

แสดงความคิดเห็นเพิ่มเติม

วิธีเริ่มต้นจัดการประกวด

  • ประกาศการประกวดของคุณ

    จัดการประกวดของคุณ รวดเร็วและง่ายดาย

  • รอรับผลงานจำนวนมหาศาล

    รอรับผลงานจำนวนมหาศาล จากทั่วโลก

  • มอบรางวัลให้แก่ผลงานที่ดีที่สุด

    มอบรางวัลให้แก่ผลงานที่ดีที่สุด ดาวน์โหลดไฟล์ - ง่ายดาย!

โพสต์การประกวดตอนนี้เลย หรือเข้าร่วมกับเราวันนี้!