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
General Discussion

How is this animated graphic style called and how can it can be copied?

Danimal
Monday, December 29, 2014 - 00:53

Does someone how this animated graphic style is called? Also any clues on how to copy it to some extent?

This video is full of it, but you can jump to 1:23 to get an example

https://www.youtube.com/watch?v=PtGFIrvtiAs&list=FLr0iCYCKVgSw1MxIX2wAdv...

or this one at 5:40

https://www.youtube.com/watch?v=jvLzA2_EEL0&list=PL9yU1MTXPxvabDdUThGytX...

Another sample:

https://www.youtube.com/watch?v=VlLHuAcyVAg

 

I can see some cg involved but i fail to grasp anything else.

 

  • Log in or register to post comments
RHRhino
joined 10 years 12 months ago
Monday, December 29, 2014 - 04:15

I also do not know how this style is called, but here is another great sample video of this style:
http://youtu.be/N56r-Uxr5Tk?t=25s
I guess you can copy this style if you are a skilled 2D and 3D artist. It seems that moving/animated objects are 3D rendered meshes with painted textures and the foreground and background are just flat painted layers.

  • Log in or register to post comments
christiandasi
joined 10 years 5 months ago
Monday, December 29, 2014 - 08:08

You are looking for a combination of art, animation, and "camera" work. The 2d artwork is by far the most impressive part of those videos. Requiring excellent drawing skills. The animation and camera work is very simple and could be learned quickly.

It looks like 2d images made on different layers being animated with simulated camera work. If you wanted to make something similar you would need to get/create artwork and learn basic animation and camera work.

  • Log in or register to post comments
Danimal
joined 14 years 9 months ago
Monday, December 29, 2014 - 22:38

Thanks guys for your answers, i migth try my hand either by using 2d assets from OGA, or going the reverse way of turning a 3d model into a 2D image, apply some image filter to make it more picture like (i guess an oil paint looking filter would be good).

 

  • Log in or register to post comments
Q_x
joined 15 years 4 weeks ago
Tuesday, December 30, 2014 - 00:57

Danimal, if you wish to mimick this style closely, it's 2D artwork first, later animated in AfterEffects or similar animation/special effects software. Animation is the easier part here, getting right 2D assets (static and animated) is much more laborious. There's a similar style, where you put handpainted and scanned textures onto simplistic 3D models, but the final look is not quite the same - possibly like the first example you've given.

Keep us updated!

Cheers!

 

  • Log in or register to post comments
Acorn
joined 13 years 5 months ago
Tuesday, December 30, 2014 - 08:45

Qx beat me to it. Certain parts like waving hair is adobe after effects and layering. 

This course shows after effects magic. THis is the final animation.

http://cgcookie.com/concept/lessons/1-the-final-animated-splash-screen/

This is the course showing how its done.

https://cgcookie.com/concept/cgc-courses/9585/

  • Log in or register to post comments
Danimal
joined 14 years 9 months ago
Tuesday, December 30, 2014 - 09:10

Thanks for the heads up, im quite limited on the 2d side but i was able to somewhat understand the tricks to create those videos; while im on that, After Effects is terrorific, its price as well :O. Worst, apparently poor Blender cant even compare to it.

My main concern should be to how to create good looking static 2d models from a 3d source, i think i saw some script on blenderswap that made something alike, do any of you know of something similar?

  • Log in or register to post comments
Acorn
joined 13 years 5 months ago
Tuesday, December 30, 2014 - 09:57

if all you wanted was a stock image from a 3d model im sure any of the tutorials could be modified for that. sorry if this isnt what you wanted. maybe be a little more specific

there is this

http://sertaogames.com/2013/01/30/isometric-tilesets-from-3d-modeling/

also this

http://flarerpg.org/tutorials/isometric_tiles/

  • Log in or register to post comments
Danimal
joined 14 years 9 months ago
Tuesday, December 30, 2014 - 11:03

I was thinking of something along these lines :

http://www.blendswap.com/blends/view/65505

But not for pixeled sprites, rather for blurry caricaturesque exports? like this one:

http://opengameart.org/content/blue-knight-templar-transparent-background

  • Log in or register to post comments
Q_x
joined 15 years 4 weeks ago
Wednesday, December 31, 2014 - 05:51

Regarding software choices and pricing, moving things by itself is a task Synfig (as well as Blender - pity, but GAP doesn't seem to be developed enough) is well capable of, you just have to be patient, persistent, stubborn and ready to go through a crash every 30 minutes or so for (more or less) a week for every two minutes of a finished animation. With more bling-bling in your production, chances for Synfig to tackle it are getting closer to none, time spent - longer and frustration levels higher. Without all the lightning effects, dust in the air, dynamic glows you're straiht in the 90-s with bare sprite animation. And there will be no bling-bling to cover up any flaws in the 2D part - either it will look good and stand by itself or not.

AfterEffects is expensive, but it gets the job done several times quicker, at least from my experience with simplistic projects. If monthly subscription of Creative Cloud service is an option, prices start at 37 Euros/month, so one or two person-hours worth of expert's time.

  • Log in or register to post comments
johndh
joined 14 years 7 months ago
Wednesday, December 31, 2014 - 07:21
johndh's picture

I don't know if it's a standard term or not, but David Rosen from Wolfire Games calls this style parallax animation.  Parallax is the effect of how the view of something changes depending on how the point of view shifts -- when the camera moves, things that are far away move less than things that are closer.  Incidentally, this is important in astronomy for figuring out distances of far-away objects.  Aubrey from Wolfire demonstrates what he calls his "2d/3d animation" style here: http://blog.wolfire.com/2012/11/Art-Asset-Overview-38

For getting an image like that with a blur effect around the edge from a 3D model, here's what I would do.

First, to get the image from a 3D model, I'd render it in Blender with the output set as a PNG file with RGBA -- this means it supports the alpha transparency channel, instead of filling it in with a black/blue/whatever background.

Next, I'd open that image in GIMP, ctrl+A to select everything, use the color picker or wand to un-select the transparent (checkerboard) background, then use Select > Border from the menu, choose how many pixels thick I want the blurred part to be and whether I want it feathered or not (which means the blur effect we're going to use would be applied more to the core of the selection and less on the outer borders), play with the previous step to get the right thickness, then choose Filters > Blur from the menu, and play around with the options I see there until I get the desired outcome.  If the blur effects don't get the desired effect, you could use the Smudge tool to do it manually.

  • Log in or register to post comments
Danimal
joined 14 years 9 months ago
Wednesday, December 31, 2014 - 22:53

Thats some interesting and easy way of 3d to 2d, im gonna try it, also, the overgrowth video does some really nice impressions with a few 3d models; its a pity, but i will use this for closed places (mostly dungeons), so ill have to use the camera work to fake some depth perspective.

Thanks for your answers. :)

  • Log in or register to post comments
johndh
joined 14 years 7 months ago
Thursday, January 1, 2015 - 04:24
johndh's picture

Using it in dungeons reminds me of some of the Might & Magic games, where you're in a 3D environment but the NPCs and many environmental objects (trees, etc.) are all 2D sprites.  The environmental objects are set to constantly face the camera (this is called billboarding), while the NPCs have front, side, and back facings.  You can see this in effect here: https://www.youtube.com/watch?v=2_GKkluZD28

In case that's what you're going for.

  • Log in or register to post comments
surt
joined 15 years 11 months ago
Friday, January 23, 2015 - 20:38
surt's picture

Interesting Blender add-on looks like it could be useful for this kind of thing: Point Convert 3D

https://www.youtube.com/watch?v=yGPLjeaLFEw

Red warrior needs caffeine badly.

  • Log in or register to post comments
Danimal
joined 14 years 9 months ago
Saturday, January 24, 2015 - 00:37

That is actually pretty nice Surt, now i only need to finish all my exams before anything, but i definitely want to try and do something on this style. :)

  • Log in or register to post comments
Indigo Hannon
joined 10 years 3 months ago
Saturday, January 24, 2015 - 06:01

Isn't It basically just Like a multiplane Camera with a static image?

https://www.youtube.com/watch?v=YdHTlUGN1zw 

Fly? yes. Land? No.

  • Log in or register to post comments