Create an Animation

  • 状态: Closed
  • 奖金: $175
  • 参赛作品已收到: 14
  • 获胜者: LostFrame

竞赛简介

Our goal is to create an animation of a red teardrop falling into a pool of water and having a ripple effect generated. This animation is for the first slider on a new website that we are developing called https://cetec.technology. You can see the existing logo for CETEC on the new website that we are developing. The red teardrop can be seen here: https://cdn.shopify.com/s/files/1/1403/8677/files/CETEC-Logo-1391x1049.png?8967241800088342011; however, it may be emulated in any other fashion.

The slider on this Shopify website is using Revolution Slider so the animation would be written in HTML5 and it would be able to integrate into the current website design. I will attach the current front page slider's code so that you have an idea of what you'd be working with.

For development purposes, I have attached the revolution slider plugin which can be installed on WordPress.

您还可能感兴趣的技能

雇主反馈

“Out of all 15 contestants in our contest, "LostFrame" created an animation that blew us away. His animation skills are incredible. He created an animation that actually looked real and it was exactly what we were looking for! I'm surprised that he isn't being employed by Hollywood. Excellent work! -Michael Loftus & Mike Richardson”

个人主页照片 webdevcorp, United States.

公共说明面板

  • SherryMalik786
    SherryMalik786
    • 7 年 之前

    Please check entry #12. I have posted a link to the website in which I have implemented it.

    • 7 年 之前
  • muhammadarshad87
    muhammadarshad87
    • 7 年 之前

    Please Check Entry #11

    • 7 年 之前
  • muhammadarshad87
    muhammadarshad87
    • 7 年 之前

    please wait 2 hours.

    • 7 年 之前
  • renderbro
    renderbro
    • 7 年 之前

    please check my entry #10

    • 7 年 之前
  • muhammadarshad87
    muhammadarshad87
    • 7 年 之前

    Wait for my entry. Please wait till the end. Thanks

    • 7 年 之前
  • webdevcorp
    竞赛主办者
    • 7 年 之前

    Here is the red teardrop that I extracted from my client's logo. I do believe that he has a vector graphic version of the logo from which a higher resolution rendering of the icon could be extracted: https://cdn.shopify.com/s/files/1/1403/8677/files/red-teardrop.png?18144633735653477048

    • 7 年 之前
  • webdevcorp
    竞赛主办者
    • 7 年 之前

    Your work is the best that I have seen. I need to wait until my client arrives back in the USA (he should be arriving soon) in order to get feedback from him. He wants that red teardrop to be dropping into the water creating a ripple effect. I believe he has the vector graphic file that we could use to make sure that it has the highest resolution possible.

    • 7 年 之前
  • webdevcorp
    竞赛主办者
    • 7 年 之前

    https://cdn.shopify.com/s/files/1/1403/8677/files/red-teardrop.png?18144633735653477048

    • 7 年 之前
  • renderbro
    renderbro
    • 7 年 之前

    do you need it to be slow motion?

    • 7 年 之前
  • renderbro
    renderbro
    • 7 年 之前

    Hi! I´m working on your project. Give me a few hours. I´ll use a 3d fluid simulation. Just to be clear.: you need the red drop to fall from the logo into a water "pound". water will be transparent and droplet will be red. I´m i right? :)

    • 7 年 之前
    1. webdevcorp
      竞赛主办者
      • 7 年 之前

      Awesome, thank you. The droplet is within the attached logo file which is in PSD format. Please read the comments above (I have added additional details within my responses). Thank you!

      • 7 年 之前
  • danielmarquez82
    danielmarquez82
    • 7 年 之前

    Hi! i suggest making a video because the slider has no compatibility to animations made from zero.

    • 7 年 之前
    1. tinatinba
      tinatinba
      • 7 年 之前

      html 5 is best option in case of slider if you cant make it just don t mislead the contest holder

      • 7 年 之前
    2. webdevcorp
      竞赛主办者
      • 7 年 之前

      I believe that it could be a mix of both video and animation or simply video. The dimensions of the slider are 1920x746... The revolution slider plugin (for WordPress is attached for development purposes). The Shopify website's Revolution Slider is edited via an HTML file and that code is attached.

      • 7 年 之前
  • muhammadarshad87
    muhammadarshad87
    • 7 年 之前

    duration of Animation and also the color or ripple? and background color?

    • 7 年 之前
    1. webdevcorp
      竞赛主办者
      • 7 年 之前

      Ideally, the end result would be at a high enough resolution to look good on the first slider of the website.

      • 7 年 之前
    2. webdevcorp
      竞赛主办者
      • 7 年 之前

      I believe the only color requirement is that the teardrop is red and matches CETEC's logo color which is: Red HEX #cb262a
      Pantone 1797c
      R203 G38 B42

      • 7 年 之前
  • webdevcorp
    竞赛主办者
    • 7 年 之前

    I suppose developing the source code for this Shopify website's revolution slider could be developed initially in WordPress. I have attached the source code for WordPress' Revolution Slider plugin. This may be of use.

    • 7 年 之前
  • webdevcorp
    竞赛主办者
    • 7 年 之前

    If you'd like to send work privately for later consideration, please email both Mike Richardson and I. Our email addresses are mrich@CETEC.org and mike@WebDevelopment.tv respectively.

    • 7 年 之前
  • webdevcorp
    竞赛主办者
    • 7 年 之前

    Do you think any of these assets would help? If so we can purchase them and supply the source files via email:
    https://videohive.net/item/water-ripple/13423197?s_rank=16
    https://videohive.net/item/water-drop-ripple/12643061?s_rank=29
    https://videohive.net/item/elegant-ripple-logo/6503385?s_rank=20

    • 7 年 之前
  • webdevcorp
    竞赛主办者
    • 7 年 之前

    CETEC Color Codes:
    Red HEX #cb262a
    Pantone 1797c
    R203 G38 B42

    Blue HEX #2 d409a
    Pantone 661c
    R45 G64 B154

    • 7 年 之前
  • tinatinba
    tinatinba
    • 7 年 之前

    sir i am making a file for you so please wait

    • 7 年 之前
    1. webdevcorp
      竞赛主办者
      • 7 年 之前

      Awesome, thank you. If you have any questions feel free to email the client directly. His name is Mike Richardson and his contact information can be found here: https://cetec.technology/pages/mike-richardson

      • 7 年 之前
    2. tinatinba
      tinatinba
      • 7 年 之前

      ok sir thanks i will upload a file in few hours

      • 7 年 之前
  • raqibul2441139
    raqibul2441139
    • 7 年 之前

    Hi! If I make a gif animation will it be accept?

    • 7 年 之前
    1. tinatinba
      tinatinba
      • 7 年 之前

      html 5 is best option in case of slider if you cant make it just don t mislead the contest holder

      • 7 年 之前
    2. webdevcorp
      竞赛主办者
      • 7 年 之前

      I agree with tinatinba, a .GIF animation is not an ideal solution for this project

      • 7 年 之前
  • webdevcorp
    竞赛主办者
    • 7 年 之前

    Thank you for all of your feedback and suggestions. If you have any questions, it would be best to contact the client directly. His name is Mike Richardson and here is his contact information: https://cetec.technology/pages/mike-richardson

    • 7 年 之前
  • webdevcorp
    竞赛主办者
    • 7 年 之前

    A video background would work if HTML5 is not a viable solution. I look forward to seeking the best solution. I would think that the ripple effect would be a video in the background and the red drop from the logo file would move down vertically.

    • 7 年 之前

显示更多评论

如何以竞赛开始

  • 发布您的竞赛

    发起您的竞赛 快速简单

  • 获取众多参赛作品

    获取大量参赛作品 来自世界各地

  • 悬赏最佳参赛作品

    悬赏最佳参赛作品 下载文件-简单!

立即发布竞赛 或者立即加入我们!