Animated Vector Art - Person Walking + Pushing Progress Bar
Budget: $30 – $250 USD
Animated Vector Art - Person Walking + Pushing Progress Bar
Looking for a gif similar to this with updates.
https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExd212YzJlNWRsam1vNTNwbjZkZXlsM2hla3R4cjF2YWx3aWJzMnJqbiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/cge9nG7e7wKWbMm9cY/giphy.gif
What I want:
* Start: Person is standing on the left side of the empty progress bar
* Phase 1: Person transitions to put his hands on the progress bar and start pushing at 0%
* Phase 2: Person pushes progress bar to end walking across as progress bar fills
* Phase 3: Progress bar reaches end, guy transitions to stand on the right side of the progress bar
* Phase 4: Progress bar resets back to 0
* Phase 5: Person walks back to left side starting position and gif
Optional Phase 4:
Progress bar gains wings with 3 segments on each side, flys up and out ( up and out to the top right ), and new bar fades in, Example wing attached
Progress bar
Animated similar to gif, lines pointing up and right
Positioning is good
As the person pushes the bar the percent filled should increase
Person
I like the hair top and sides.
The head should probably rest higher up on the body and not be so forward. Lighten the skin tone to be closer a caucasian tone.
Facial expression should be positive / happy on the sides
Person should be facing forward on the sides
No beard
Attach the company logo to the shirt
Not sure about the shadow, if it helps the design keep something similar
I like the bounce in his step where his head slightly rises
Hands
Would like to see how different hands look. I like the little twitch of the hands like they’re grasping something during the push animation.
Background
White
Shoes
Incorporate a symbol that pointings up and right
Text
I am a work in progress with water wave vibes like https://codepen.io/alvarotrigo/pen/PoKMyzO But should remain with the color theme
Include:
Asset and source files
Questions/Perks
If there’s a way to make this gif configurable with the skin tone that would be awesome.
Is it possible for this illustration to be done in svg? Is it possible for the illustration assets to be broken into individual components such as shoes, socks, legs, chest, arms, and head for the person. Allowing for later customization if I wanted to swap out heads (i.e. to a female)?
I want to be able to edit this gif in the future to add additional design elements
Incorporate the following color theme:
main: hsl(277, 71, 33), // #621890 Hue 277, 71% Saturation, 33% Brightness
dark: hsl(277, 71, 21), // #3e105c
light: '#9966cc' // hsl(270, 50, 60)
highSaturation: hsl(277, 91, 33), // #6608a1
Design elements I’m want to include incase you have additional ideas:
Transparency representation
Water
Wings
Game themes
Growth
1 -> 2 -> 3 scaling representation ( [ ] [ ] [ ] )
Directional Up and to the Right
WHEN SUBMITTING PROPOSALS
Respond with the technology you’ll use, your relevant experience and/or examples, and anticipated turn around time. Include information about your revision process. Looking to spend 30-50$ on this
Looking for a gif similar to this with updates.
https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExd212YzJlNWRsam1vNTNwbjZkZXlsM2hla3R4cjF2YWx3aWJzMnJqbiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/cge9nG7e7wKWbMm9cY/giphy.gif
What I want:
* Start: Person is standing on the left side of the empty progress bar
* Phase 1: Person transitions to put his hands on the progress bar and start pushing at 0%
* Phase 2: Person pushes progress bar to end walking across as progress bar fills
* Phase 3: Progress bar reaches end, guy transitions to stand on the right side of the progress bar
* Phase 4: Progress bar resets back to 0
* Phase 5: Person walks back to left side starting position and gif
Optional Phase 4:
Progress bar gains wings with 3 segments on each side, flys up and out ( up and out to the top right ), and new bar fades in, Example wing attached
Progress bar
Animated similar to gif, lines pointing up and right
Positioning is good
As the person pushes the bar the percent filled should increase
Person
I like the hair top and sides.
The head should probably rest higher up on the body and not be so forward. Lighten the skin tone to be closer a caucasian tone.
Facial expression should be positive / happy on the sides
Person should be facing forward on the sides
No beard
Attach the company logo to the shirt
Not sure about the shadow, if it helps the design keep something similar
I like the bounce in his step where his head slightly rises
Hands
Would like to see how different hands look. I like the little twitch of the hands like they’re grasping something during the push animation.
Background
White
Shoes
Incorporate a symbol that pointings up and right
Text
I am a work in progress with water wave vibes like https://codepen.io/alvarotrigo/pen/PoKMyzO But should remain with the color theme
Include:
Asset and source files
Questions/Perks
If there’s a way to make this gif configurable with the skin tone that would be awesome.
Is it possible for this illustration to be done in svg? Is it possible for the illustration assets to be broken into individual components such as shoes, socks, legs, chest, arms, and head for the person. Allowing for later customization if I wanted to swap out heads (i.e. to a female)?
I want to be able to edit this gif in the future to add additional design elements
Incorporate the following color theme:
main: hsl(277, 71, 33), // #621890 Hue 277, 71% Saturation, 33% Brightness
dark: hsl(277, 71, 21), // #3e105c
light: '#9966cc' // hsl(270, 50, 60)
highSaturation: hsl(277, 91, 33), // #6608a1
Design elements I’m want to include incase you have additional ideas:
Transparency representation
Water
Wings
Game themes
Growth
1 -> 2 -> 3 scaling representation ( [ ] [ ] [ ] )
Directional Up and to the Right
WHEN SUBMITTING PROPOSALS
Respond with the technology you’ll use, your relevant experience and/or examples, and anticipated turn around time. Include information about your revision process. Looking to spend 30-50$ on this