augmented reality tutorial

From Vector to Augmented Reality: A New Tutorial from Go Media’s Arsenal

Vector to Augmented Reality Tutorial

You asked, we answered! This all new, in-depth tutorial answers a question asked of us often here at Cleveland creative agency Go Media: “How do you create those awesome vectors?”

We’re answering that and a whole lot more, as in this two part video tut we’re teaming up with Photonic Creative Studio, a Cleveland-based company that specializes in 3D graphics, for an incredible project based on our vectors, known industry wide for being the best of the best.

If you were at our design conference, Weapons of Mass Creation Fest 6, you may have seen Photonic Creative Studio’s awesome augmented reality photo booth.

After receiving lots of interest, we decided to make a vector to augmented reality tutorial that shows how the 3D-modeled art weapons were created, specifically the futuristic x-acto knife. The process begins with one of the top questions we are asked at Go Media, “How do you create those awesome vectors?”

xacto-knife11crispybig

This tutorial begins with conceptualization, sketch and the creation of our vectors and then turns it over to Photonic, who imports the illustration and creates the 3D model in Maya. The result is remarkable; the process is captivating and tons of fun.

Shop Now

Here’s what’s included:

preview-1

Sketch to Vector

Go Media’s Arsenal designer Jordan Wong will walk you through how he created the illustration of the futuristic x-acto knife. Beginning with the process of conceptualization and gathering references to work from, Part I will offer an inside look at how the original sketch was made as well as the steps of bringing the drawing into the computer via scanning. After a detailed walkthrough on turning the drawing into a vector in Illustrator, the segment will end with an overview of the finished diagram that was used to create the 3D model. (57 minutes)

preview-2

Vector to Augmented Reality

Ian Zeigler, the founder of Photonic, uses Autodesk Maya to import Jordan’s illustration and create the 3D model. This segment will kick off with basic navigation of Maya’s interface, including an explanation of tumbling, zooming, and basic hotkey modifiers. Ian will cover importing, rotating and scaling the image to fit the needs of the modeling phase. You will also learn about polygon modeling and the tools used, like extrude, move and scale, to bring form to the model. The tutorial will conclude with assigning basic materials, colors and textures, as well as the basic outputs for rendering, game-engine, or 3D print. (2 hours, 57 minutes)

preview-3

Resources Included

The tutorial includes:

  • Introduction Video
  • Step-by-step instructional videos (qty 6) outlining the process of taking a drawing from paper to vector, and from Illustrator to Maya. (3 hours, 55 minutes of content!)
  • Full working files of the example art weapons!

Shop Now

Vector to Augmented Reality Tutorial

The graphic designer's guide to motion graphics

Introducing the Graphic Designer’s Guide to Motion Graphics

And now, for something completely different

If I recap the latest Arsenal releases, we have things ranging from mockup templates, vector packs, to texture sets. Which is, don’t get me wrong, great. Today, I have a different product to put in your eager hands. Behold, the Graphic Designer’s Guide to Motion Graphics (A video course by Pete Maric).

The graphic designer's guide to motion graphics

Why this video class?

We have a great number of video tutorials already on the Arsenal. They cover Photoshop and Illustrator quite in depth, either through the vintage art approach from Jeff’s Beauty is a black hole Wacom illustration tutorial, or through the clean and detailed approach from Bill’s 100 series about vector illustration. One of the types of work we’ve only scratched the surface of so far is 3d modeling and motion graphics.

Well, the wait is over. We’ve enlisted an amazing contributor in Pete Maric (the brain behind Triplet 3d) to create a tutorial that would start from some of the Arsenal vectors most of you are already familiar with, and shows you how to create this kind of end result:

Exciting, right? In case the video isn’t loading, head straight to Vimeo.

Let’s have a look at what Pete is covering

  • Planning your work with story boards
  • Setting up vector artwork for import into Cinema 4D
  • Creating 3D geometry based on vector paths
  • Materials and setting selections
  • Animation techniques using manual keyframing, MoGraph cloners, and splines
  • Adjusting animation parameters using Cinema 4D’s timeline
  • Three-point light set-up
  • Render settings
  • Post-production techniques in After Effects
  • Sound Design using Garage Band (obviously Mac only, sorry Windows users – but there are Windows alternatives)

You can also read the full table of contents. It basically gives you the keys to understand the basics of 3d modeling and of motion graphics to animate simple elements, using various techniques. The demo video is obviously a combination of everything that’s covered, but you can do simpler, shorter, longer, more complex, etc.

The graphic designer's guide to motion graphics The graphic designer's guide to motion graphics The graphic designer's guide to motion graphics The graphic designer's guide to motion graphics The graphic designer's guide to motion graphics The graphic designer's guide to motion graphics The graphic designer's guide to motion graphicsThere’s more!

In order to help the people (like me) that are a bit scared by the Cinema 4D interface, he did a “Cinema 4D 101” kind of series on his blog. It’s pretty great, and well detailed. There are eight posts in the series so far. I now officially don’t have any more excuses to not learn it. And neither do you!

Where can you get it?

On the Arsenal, of course!