Microsoft Communities

graphics

Posted By: Nic Fillingham | Apr 3rd, 2007 @ 9:18 PM
Crytek had their new CryENGINE 2 on show at GDC and we caught up with Martin Mittring, Lead Graphics Programmer on the CryENGINE, for all the juicy details on the graphical guts behind their upcoming DirectX 10 monster Crysis  
Posted By: Laura Foy | Mar 29th, 2007 @ 7:08 PM
If your friends are anything like mine- you guys love to settle in front of the TV and watch Jack Bauer kick ass on 24. Well- the season premiere episode this year created a ton of buzz amongst digital artists and graphic animators. Jarrod Davis of Zoic Studios created the most realistic, brilliant nuclear explosion to ever go off over the city of Angels. I tracked down the man himself to see what software, hardware and undeniable skill is required to create this kind of digital art. And now...he shares this knowledge with you. Watch and learn.
Posted By: Nic Fillingham | Mar 28th, 2007 @ 5:58 AM
Tina and I checked out the AMD booth at GDC 2007. On display was the new AMD Imageon mobile graphics chipset and Drew Angeloff who helped explain to us exactly what a graphics chipset is and what exciting new technologies are coming to mobile graphics from AMD in the very near future. Check out Tina's post for the video and 5 points for guessing which of us was suffering from a terrible head cold :S
Posted By: Laura Foy | Mar 23rd, 2007 @ 4:05 PM
This booth at TechFest was sooooo much fun. It made me want to run home and get on video messenger with my friends. They've taken some advanced digital effect concepts and simplified them so that we can use them in our every day internet life. You can add special effects to your videos, do it live, and fix problems you might have had while shooting.  Try it for yourself!
Posted By: Tina Wood | Feb 28th, 2007 @ 7:13 PM
Microsoft Windows Vista offers a dramatically improved gaming experience on the PC.  It has an improved graphics driver model that makes it easier to install new graphics cards as well.  We now have access to THE GAME FOLDER, which you can find from the START MENU which gives you a nice pretty list of all the games currently stored on your PC.  And who doesn't love thumbnail graphics , yea...it's got those too.  I'll let Chris Donahue tell you the rest from here. 
Posted By: Tina Wood | Nov 30th, 2006 @ 5:36 PM
Our good friend and animator Ted Bracewell has kindly produced another animation for us.  This time he's back with Alien Wasps!  He also spent some time to show how he actually created the animation.  Check out the video here.  Enjoy! 
Posted By: Tina Wood | Nov 17th, 2006 @ 8:37 PM

Friend and animator Ted Bracewell has graciously put together this brief how-to-create an animation cartoon for 10.  The actual video for this how-to is right here.  To get a glimpse of some past cartoons and one of my personal favorites check out Constipated Johnson.  Now, I will let Ted take over. 

 

It begins with a basic idea, usually something simple and small. But, inevitably the final product is never what I originally envisioned. I tend not to think of a project as a whole, but rather as a series of small steps. Most times I don’t know what direction it will go, or how it will even end. But, I always know how it will begin, and that’s the most important step.

Once I have an idea, I do a few storyboards to get things rolling. Some storyboards are very detailed, while others can be nothing more than a series of hastily drawn sketches (most are usually stick figures J).

Once several storyboards have been completed, and a basic sense of the shots that will be required has been obtained, the elements (characters, backgrounds, etc) that will be needed to achieve the necessary shots are hand drawn on paper and scanned into Adobe Photoshop for coloring.

The characters (namely the pilot and the wasps) are created using a series of images that are moved together to create expressions and motion. Each character is broken down into pieces. The face, eyelids, nose, torso, arms, hands, and even fingers…

…or in the case of the wasps, the head, torso, stinger, wings, and leg segments.

All of the character elements are placed together into a single Photoshop composition.

That composition is then imported into Adobe After Effects where the individual pieces are placed into an animation composition where they can be manipulated. To create facial movement the eyes, nose, mouth, and eyebrows are moved independently of each other to achieve the desired expression. It’s almost like a digital puppet. Tilting the eyebrows one way can create an expression of worry or sadness, while tilting the other creates a look of anger. Motion is achieved by selecting the position in the After Effects timeline where you want the motion to begin, then clicking the key frame icon. This creates the motion starting point. You then move further down the timeline to where you want the motion to end. If you rotate or move the element (eyebrow, mouth, nose, etc.) a key frame is automatically created at the new point. The total motion then occurs between the two created key frames.

The backgrounds are created the same way, still elements manipulated to create motion. In a panning shot the elements that are meant to appear closest to the camera are panned quickly, while objects in the distance are moved at a slower rate to create the illusion of depth.

Shots that appear to be 3D, for instance the scenes where the ship is flying through a tunnel towards the camera, are done using the Basic 3D filter (found under Perspective in the Effect drop down menu), which allows you to smoothly zoom in or out on an image. A single tunnel image is drawn and colored.

The image is then imported into After Effects and placed into a new composition. By using the Basic 3D filter to zoom out on the tunnel drawing it creates the illusion of flying through it. The single tunnel image is then repeated dozens of times to suggest a long tunnel that stretches for miles. Additional effects, such as motion blur, are then added to enhance the illusion of movement.

As each individual shot is completed they are placed into a main composition where they can be shortened, lengthened, sped up, or slowed down until an even flow is achieved from beginning to end.

Once the animation is fully complete, a low quality video is rendered out and imported into Adobe Premiere where sound effects and music are added and synched to the action. Using a website such as www.findsounds.com , I search for the various sounds that will be required to create the audio track. When a sound that fits is found it’s downloaded, then imported into a program such as Sound Forge where it’s cropped and enhanced to improve the quality. Sometimes a change in pitch or the addition of reverb is used to create the desired effect. Once all of the necessary sound effects have been obtained, the low quality video render is placed into the Adobe Premiere video timeline, and the sound files are placed in the corresponding audio track at the appropriate place in the timeline and synched to the action in the video.

Additional effects are added to certain sounds during this process. For instance in a shot that shows the ship flying across the screen, an audio panning effect is added to the ship sound to create a stereo effect when you watch the video. If the ship moves from right to left onscreen, the ship sound will move from your right computer speaker to your left. Once the entire sound effects track is complete it’s rendered out as an uncompressed .wav file.

Next is the most important audio track of all, the music. There are countless music-licensing sites on the internet, but I prefer www.musicbakery.com. Once I’ve found a track that suits it’s paid for and downloaded (the prices of the tracks are relative to the length, some being as low as $10 and others as much as $50). The music track is imported into Adobe Premiere, and edited and remixed to match the action in the video, and to create the most dramatic effect possible. The music track is then rendered into an uncompressed .wav file, the same as the audio track.

Both the sound effects and music .wav files are important into the original Adobe After Effects project and added to the main animation composition. The last step is to render out your final video and show it to the world.

Posted By: Tina Wood | Oct 19th, 2006 @ 5:48 PM
For a few years now I have been a huge fan of artist Ted Bracewell. He's designed some personal comics for me over the years and his short animated films are some of the best around. He's clever, creative and as you will see, really funny. To make constipated Johnson he used mostly adobe products like Photoshop, after effects and premiere. He's been an integral part of the 10 community and he's a great example of somebody who uses the power of the internet and technology to market and showcase their talents.




Video: The Adventures of Constipated Johnson: Episode 1

It's just a matter of time before Ted gets scooped up by some major network and signs some fat television deal. So before that happens sit back, relax and enjoy The Adventures of Constipated Johnson!
Posted By: JD Lewin | Oct 6th, 2006 @ 9:22 AM
As the weather here in the Pacific Northwest starts to settle in around the 10 reservation like a wet, chilled blanket, we've been on the look out for simple ways to keep the place warm. Well given the coming of Nvidia's new 8800GTS and GTX GPUs, it's clear that we won't have to invest in that space heater after all.

While we can't presume to agree with the naming convention, the specs certainly get our blood pumping faster. A pixel per second fill rate of 38.4 billion courtesy of a 575MHz core, 768MB of GDDR3 memory, and 128 unified shaders. All of this gorgeous math screams out of 2 dual-link DVI ports. For miles more specs and numbers go check out Engadget and DailyTech.

Page Navigation