Create an Animation

Status: Closed
Prize: $175
Entries Received: 14
Winner: LostFrame

Winner

Contest Brief

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.

Recommended Skills

Winner

Post a Contest Like This

Employer Feedback

“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.

Public Clarification Board

SherryMalik786
- 7 years ago
Please check entry #12. I have posted a link to the website in which I have implemented it.
- 7 years ago
muhammadarshad87
- 7 years ago
Please Check Entry #11
- 7 years ago
muhammadarshad87
- 7 years ago
please wait 2 hours.
- 7 years ago
renderbro
- 7 years ago
please check my entry #10
- 7 years ago
muhammadarshad87
- 7 years ago
Wait for my entry. Please wait till the end. Thanks
- 7 years ago
Contest Holder
- 7 years ago
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 years ago
Contest Holder
- 7 years ago
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 years ago
Contest Holder
- 7 years ago
https://cdn.shopify.com/s/files/1/1403/8677/files/red-teardrop.png?18144633735653477048
- 7 years ago
renderbro
- 7 years ago
do you need it to be slow motion?
- 7 years ago
renderbro
- 7 years ago
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 years ago
1. Contest Holder
  - 7 years ago
  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 years ago
danielmarquez82
- 7 years ago
Hi! i suggest making a video because the slider has no compatibility to animations made from zero.
- 7 years ago
1. tinatinba
  - 7 years ago
  html 5 is best option in case of slider if you cant make it just don t mislead the contest holder
  - 7 years ago
2. Contest Holder
  - 7 years ago
  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 years ago
muhammadarshad87
- 7 years ago
duration of Animation and also the color or ripple? and background color?
- 7 years ago
View 2 more messages
1. Contest Holder
  - 7 years ago
  Ideally, the end result would be at a high enough resolution to look good on the first slider of the website.
  - 7 years ago
2. Contest Holder
  - 7 years ago
  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 years ago
Contest Holder
- 7 years ago
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 years ago
Contest Holder
- 7 years ago
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 years ago
Contest Holder
- 7 years ago
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 years ago
Contest Holder
- 7 years ago
CETEC Color Codes:
Red HEX #cb262a
Pantone 1797c
R203 G38 B42

Blue HEX #2 d409a
Pantone 661c
R45 G64 B154
- 7 years ago
tinatinba
- 7 years ago
sir i am making a file for you so please wait
- 7 years ago
1. Contest Holder
  - 7 years ago
  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 years ago
2. tinatinba
  - 7 years ago
  ok sir thanks i will upload a file in few hours
  - 7 years ago
raqibul2441139
- 7 years ago
Hi! If I make a gif animation will it be accept?
- 7 years ago
1. tinatinba
  - 7 years ago
  html 5 is best option in case of slider if you cant make it just don t mislead the contest holder
  - 7 years ago
2. Contest Holder
  - 7 years ago
  I agree with tinatinba, a .GIF animation is not an ideal solution for this project
  - 7 years ago
Contest Holder
- 7 years ago
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 years ago
Contest Holder
- 7 years ago
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 years ago