Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Motion Plus Design Paris 2018

1,246 views

Published on

Having backgrounds in both motion design and coding, I've tried a bunch of techniques and visual styles for my video production.
Most of my favorites in my career are more like independent works than commercial since I really love a spirit of experiment.
In this slides, I explain my attitude and visions to motion design by introducing behind-the-scenes.

Published in: Design
  • Be the first to comment

Motion Plus Design Paris 2018

  1. 1. Baku Hashimoto 橋 本 麦 Motion Designer / Creative Coder
  2. 2. 😨
  3. 3. Motion Design Web Creative Coding My Skills:
  4. 4. Making New Ways to Make My Theme: — Masashi Kawamura
  5. 5. Making New Ways to Make Trying Workflow Combination of tools/libraries Moderately (Technically)
  6. 6. Kinect + Weird Meshing Gasoline Visualizing 4D Geometry Hand Drawing in 3D Space Bénard Cell Cinema4D + openFrameworks Ae to Browser Reaction-Diffusion + GPU Renderer GLSL + C4D C4D to WebGL Cellular Automata Face Detection + Data Moshing Gradient Mesh + PixelBlender Keyframe Animation on Web Unicode + Image Similarity
  7. 7. Kinect 3DCG Rotoscope + +
  8. 8. Cinema4D Ae StreetView™ Pixilation
  9. 9. VR Position Tracking + Stop-Motion
  10. 10. Google Chrome ↓ Houdini ↓ Cinema4D ↓ Ae
  11. 11. Z-depth Rotoscoping 1 / 4 Collaboration with Hu Yu & Laurent Grey Clay Animation w/ Kinect + Projector
  12. 12. TECHNE - The Visual Workshop Educational TV show
  13. 13. Programming Multi-screen Wipe Loop Match Frame Rotoscope Optical Illusion Projection Stop-motion Synchro One Take Shadow Rotoscope
  14. 14. “What would rotoscope in 2010s be?”
  15. 15. Animation Mixture with Live Footage Digital Software 1951 Alice in Wonderland 1985 a-ha / Take On Me 2006 The Scanner Darkly ?
  16. 16. Z-depth Rotoscoping High Low
  17. 17. Make a Mount for Projector & Kinect
  18. 18. Make a Mount for Projector & Kinect
  19. 19. Projection System Built with oF
  20. 20. High Good Low
  21. 21. High Good Low
  22. 22. Pixilation on Street View Music video for group_inou 2 / 4 Co-directed with Katsuki Nogami
  23. 23. 4th Album - “MAP”
  24. 24. Hyperlapse.js JavaScript utility to create time-lapse using Street View ©Teehan + Lax
  25. 25. “Location Hunting” on Street View
  26. 26. Develop Utilities to Download Street View
  27. 27. Pre-Visualization
  28. 28. Build the Shooting & Lighting Control System
  29. 29. Test Shooting
  30. 30. Stop-motion w/ VR Device Dancing Rice Cakes🍡 on Table 3 / 4
  31. 31. 😥😥😥
  32. 32. imai
  33. 33. Nothing good comes out of having an inflexible body though I guess the same goes for our mind I played it cool and shied away from talking about love in the past But my life today is full of bliss My family, friends, and homies give me love My baby is smiling right by my side I know that you know the answer I know that you know that everything is just an opinion What brings me joy is making those around me happy I realized I’m always asking myself, “what can I do?” These lyrics too is just an opinion It’s something that I can do (Fly Fly Fly...) We are all actors and actresses Getting by acting like everything is just fine Just as my friend Shunta told me,  Fly 🍡
  34. 34. 🍡 Rice cakes 🎑 もち - “Mochi”
  35. 35. Stop-Motion with Mochi Dynamic Camera Movement No Pre-vis Challenges:
  36. 36. Motion Control Rig in Stop-motion
  37. 37. How can I smoothly move the tripod by hand? “Onionskin of Camera Movement” “Onionskin of Camera Movement” “Onionskin of Camera Movement” ……
  38. 38. 1. Track the camera position 2. Visualize the camera movement 3. Move the tripod by hand in reference to the visualization Workflow:
  39. 39. www.vrheads.com/everything-we-know-about-vive-tracker Vive Tracker - Position Tracking Device for VR
  40. 40. Visualize the Camera Movement on Every Frame
  41. 41. %&🏠
  42. 42. Haru-chan Tabe-chan
  43. 43. 😭
  44. 44. Hand-drawn 3D Animation Title Sequence for Animation Festival 4 / 4
  45. 45. New Chitose Airport International Animation Festival 2018
  46. 46. “Animation” Clay Adobe Flash Hand-drawn (Animate) 3DCG
  47. 47. sketch_07152018
  48. 48. Extrude Drawings to 3D Space
  49. 49. Laggy Not Designed for Animation Originally Hard to Hack Draw an Animation as Vector Data (I love ActionScript3, though…) 😞
  50. 50. 🤩
  51. 51. Programmable Drawing Tool
  52. 52. 😱
  53. 53. Kinect + Weird Meshing Gasoline Visualizing 4D Geometry Hand Drawing in 3D Space Bénard Cell Cinema4D + openFrameworks Ae to Browser Reaction-Diffusion + GPU Renderer GLSL + C4D C4D to WebGL Cellular Automata Face Detection + Data Moshing Gradient Mesh + PixelBlender Keyframe Animation on Web Unicode + Image Similarity
  54. 54. My Background (Very boring, though…)
  55. 55. 🙇
  56. 56. 😰
  57. 57. 😇 Figure out How to Make 😞 Brush it up to Commercial Quality Improve UI Usability 😂 Start Making 😐 Deadline ☺ Come up with New Technique Develop a New Tool 😆 Motivation
  58. 58. ✍ Design Skills ✨ Interest in Commercial Quality 🚀 Influence from Sci-Fi Aesthetics I’m Lack of…
  59. 59. Pioneers of MoGraph Ref: “Goodbye Uncanny Valley”
  60. 60. 🏃💨 Pioneers of MoGraph
  61. 61. 8 Pioneers of MoGraph
  62. 62. Motion Infographics w/ Flat Design Sci-Fi Style Classic MoGraph Oddly Pleasing Gifs Weird Sims Digital Grotesque Memphis Inspired 2018 Photorealism Frontier f GPU Renderer
  63. 63. Failed Photogrammetry Twixtor Error Hacking Game Device Glitch Aesthetics Wilderness of CGI Experimentalism Pixel-sorting Integration w/ Creative Coding Z-fighting The “New Ugly” Hackers’ Spirit
  64. 64. My Dream
  65. 65. Thank You Merci ☺ Baku Hashimoto

×