Skip to main content

User login

What is OpenID?
  • Log in using OpenID
  • Cancel OpenID login
  • Create new account
  • Request new password
Register
  • Home
  • Browse
    • 2D Art
    • 3D Art
    • Concept Art
    • Textures
    • Music
    • Sound Effects
    • Documents
    • Featured Tutorials
  • Submit Art
  • Collect
    • My Collections
    • Art Collections
  • Forums
  • FAQ
  • Leaderboards
    • All Time
      • Total Points
      • Comments
      • Favorites (All)
      • Favorites (2D)
      • Favorites (3D)
      • Favorites (Concept Art)
      • Favorites (Music)
      • Favorites (Sound)
      • Favorites (Textures)
    • Weekly
      • Total Points
      • Comments
      • Favorites (All)
      • Favorites (2D)
      • Favorites (3D)
      • Favorites (Concept Art)
      • Favorites (Music)
      • Favorites (Sound)
      • Favorites (Textures)
  • ❤ Donate
2D Art

Hello! I need some assistance.

delim678
Thursday, April 16, 2015 - 09:12

Hey everyone!,

        I'm trying to create my first app for the app store but I am not very good when it comes to doing my art and i have bought art packs, but i have hit a road block. I need a friendly experienced art editor to take the picture below and create a sequence out of it in illustartor so that i can animate it to make waves. Thank you very much who every can help me, I appreciate it.

 

 

Attachments: 
Preview
18.png 18.png 3 Kb [2 download(s)]
Preview
17.png 17.png 7.4 Kb [2 download(s)]
  • Log in or register to post comments
Boogle
joined 10 years 2 months ago
Thursday, April 16, 2015 - 11:13

I didn't realise this image was already designed to be animated - just scroll them - looks much better. :)

(no need to flip)

https://jsfiddle.net/ezh5e6pj/2/

 

------- BELOW = OLD -------------

Not sure what animation you want - but you could flip the image horizontally in your game - then scroll them together.

I put this quick jsfiddle together to show the effect - this is a super quick demonstration of the effect only and uses just plain html.

https://jsfiddle.net/ezh5e6pj/

 

Warning to anyone looking at the html, marquee tag is depricated and you can't remove the gap at start or between - to do it properly you need to use javascript.

I only did it like this because it was so quick. :)

  • Log in or register to post comments
withthelove
joined 11 years 3 months ago
Saturday, April 18, 2015 - 03:25
withthelove's picture

 

just my 2 cents.  You have 3 layers, a back, a middle and a front.

I would move the front to the right, the middle to the left and the back to the right at about 1/2 speed of the others.

Are you asking for someone to actually produce an animated GIF (or something like that) for you?

 

https://withthelove.itch.io/

  • Log in or register to post comments
delim678
joined 10 years 3 months ago
Tuesday, April 21, 2015 - 03:49

Hello guys,

Thanks for all the feed back. I'm using a program to develope a IOS, Android, Windows app to animate it and it uses a sequence of how ever many .png pictures you have for the sequence and plays it in order with a certain set framerate so that it appears to be moving but really its just like a bunch of pictures. Since im terrible at making game art, i use outside sources to get it and i don't own Illustrator where these pictures are made, i was wondering if one of you could use Illustrator to create the opposite humps for this image so when i play it in a sequence it goes up and down. Thanks for the comments and i appreciate all the help.  

  • Log in or register to post comments
withthelove
joined 11 years 3 months ago
Tuesday, April 21, 2015 - 03:56
withthelove's picture

 

not to throw it back at you, but you don't need to use Illustrator for this.

If all you need are PNGs, there are plenty of freeware programs out there that could work just as well.

GIMP and Paint.NET come to mind.

Just decide how many frames you want and literally create the animation frame by frame by moving the pixels about and saving each frame out as a new PNG.

To make it easier for yourself, start with just one wave moving up and down over a few frames (3-4).

Shouldn't be too hard and you'll be learning a skill to last a lifetime ;)

https://withthelove.itch.io/

  • Log in or register to post comments