2D Art For Realtime3D Web Game
Content:This session will discuss the formation 2d art for real time 3dweb game.• Character• Environment• Artwork for PR
Part 1: Character   Character style        The characters were sketched in different styles
After a survey, this style was voted by gamers
concept                         3d model3d character was made based on a 3d concept It looks so cute
Character in fixed   And wearing a hat   cam mode
Some animation samples. The animations are hard to see        and interactive from this camera angle
How do you improve these       problems?
Step 1:• Adjust the hip higher• Pull the arms and legs longer
These not enough adjustments because the result arestill not better from this camera angle.       original                ...
Adjust the ratio of body and head a second timeIncrease the scale of the arm and leg, then decrease the scale ofthe head. ...
Old 3d character            New 3d character   New 3d character in perspective viewpoint
Step 2: Adjust the camera angle and make the camera move in   a flowing path.
With a new angle and movement of camera, we can  observe costumes and funny animations easily
 Costume:The costumes, which are made separately, are really nice. Forexample: shirt, pants, glovers, hat. But when they ...
Fullset sketches
Occupation sketches
Part 2: Environment
Because of limited art resources, when a 3d scene is createdfrom 2d sketch, these contours can’t be drawn, so the resultbe...
For solving this problem, just cleanup these contour, sothat the final result is similar.
A concept artist, who usually makes mistakes, wants to showthe density of the objects to look like real life.
A large amount of polygons are showed in a small area , sothis way is not good for game performance
A tip for optimizing art resources• 2d and 3d artists use a common texture library        Example : using common texture l...
Part 3: Art work for PR 2D Sketch
 Character’s pose in 3d
 Retouch and add more details
 Final step, Combine all characters together, and add the  background and effects.
• This method is really effectine, when an artwork is drawn  by many artists at the same time.• 2d artists want the charac...
Some artwork were made using the same method.
Conclusion:• Defining the camera’s angle and active range is the most  important thing for the next steps.• Avoid drawing ...
2D art for real time 3D web game
2D art for real time 3D web game
2D art for real time 3D web game
2D art for real time 3D web game
Upcoming SlideShare
Loading in …5
×

2D art for real time 3D web game

2,023 views

Published on

Published in: Entertainment & Humor
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,023
On SlideShare
0
From Embeds
0
Number of Embeds
1,018
Actions
Shares
0
Downloads
23
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

2D art for real time 3D web game

  1. 1. 2D Art For Realtime3D Web Game
  2. 2. Content:This session will discuss the formation 2d art for real time 3dweb game.• Character• Environment• Artwork for PR
  3. 3. Part 1: Character  Character style The characters were sketched in different styles
  4. 4. After a survey, this style was voted by gamers
  5. 5. concept 3d model3d character was made based on a 3d concept It looks so cute
  6. 6. Character in fixed And wearing a hat cam mode
  7. 7. Some animation samples. The animations are hard to see and interactive from this camera angle
  8. 8. How do you improve these problems?
  9. 9. Step 1:• Adjust the hip higher• Pull the arms and legs longer
  10. 10. These not enough adjustments because the result arestill not better from this camera angle. original fixed
  11. 11. Adjust the ratio of body and head a second timeIncrease the scale of the arm and leg, then decrease the scale ofthe head. This way the character is more balance and attractive
  12. 12. Old 3d character New 3d character New 3d character in perspective viewpoint
  13. 13. Step 2: Adjust the camera angle and make the camera move in a flowing path.
  14. 14. With a new angle and movement of camera, we can observe costumes and funny animations easily
  15. 15.  Costume:The costumes, which are made separately, are really nice. Forexample: shirt, pants, glovers, hat. But when they werecombined together, the result wasn’t good.Solution: • Full set • Topic
  16. 16. Fullset sketches
  17. 17. Occupation sketches
  18. 18. Part 2: Environment
  19. 19. Because of limited art resources, when a 3d scene is createdfrom 2d sketch, these contours can’t be drawn, so the resultbetween 2d and 3d is not the same.
  20. 20. For solving this problem, just cleanup these contour, sothat the final result is similar.
  21. 21. A concept artist, who usually makes mistakes, wants to showthe density of the objects to look like real life.
  22. 22. A large amount of polygons are showed in a small area , sothis way is not good for game performance
  23. 23. A tip for optimizing art resources• 2d and 3d artists use a common texture library Example : using common texture library
  24. 24. Part 3: Art work for PR 2D Sketch
  25. 25.  Character’s pose in 3d
  26. 26.  Retouch and add more details
  27. 27.  Final step, Combine all characters together, and add the background and effects.
  28. 28. • This method is really effectine, when an artwork is drawn by many artists at the same time.• 2d artists want the characters of artwork and in-game to be the same.
  29. 29. Some artwork were made using the same method.
  30. 30. Conclusion:• Defining the camera’s angle and active range is the most important thing for the next steps.• Avoid drawing many details in a small area.• 2d and 3d artists should use a common texture library .• Combine 2d and 3d for drawing an art work.

×