Showing posts with label 3ds MAX. Show all posts
Showing posts with label 3ds MAX. Show all posts

Tuesday, January 06, 2009

(0) Comments

Double Rotation using Bones in 3D Studio Max v.9

welcome to infomix.blogspot.com

I think we should start with a little info about this tutorial. I created a rig for a character in a group project I was doing in a class, and once the rig was completed and we looked at the 3D animatic, we noticed there was a problem with the hand rotating around; double rotation in the forearm. We searched on the internet to try to find a solution to the problem, but since we couldn't we had to tackle it ourselves. My teacher wouldn't let me stop until I reached complete fetal position, so let's get down to how I solved this problem.


For those of you who don't know what double rotation is; it's the rotation of two bones inside your forearm--the radius and the ulna. As you rotate your hand those two bones rotate over one

another to allow us such motion.



click for larger version



click for larger version

When you have your model completed, make sure you have the right edge loops for where you place your bones. For the double rotation, you have to create another edge loop between the wrist and the elbow joint. Like that circled in this next photo.


click for larger version


The character I set this up in was called "Emo Boy." So, in his rig I attached his name to the bones which looked like this: (Note, red bones and controllers are for the right side of the rig, blue bones and controllers are for the left side, and yellow is for the spine, neck, and head. That is just my personal preference.)


Bone_Emo_Clavicle_R

Bone_Emo_UpperArm_R

Bone_Emo_LowerArm_R

Bone_Emo_LowerArm01_R

Bone_Emo_Hand_R


Those are just the bones for the arm so that it's easier to follow along with this tutorial. If you didn't know, you should have the bones at the elbow joint at a slight angle so the IK chain can deform properly. Here is a picture of the arm bones placed in the Emo Boy model.


click for larger version


After the bones have been placed in the correct spot, you then create four dummy helper objects. You name them according to the names of the bones, for example;


Bone_Emo_Hand_Dummy_R

Bone_Emo_LowerArm01_Dummy_R

Bone_Emo_LowerArm_Dummy_R

Bone_Emo_UpperArm_Dummy_R


click for larger version

Next, you have to align these Dummy objects to the bones, the dummy's are going to act as bones to apply the IK chain with, confused yet? I hope not, but hopefully things will get easier. I recommend aligning them from the hand bone up to the upperarm. For the Hand dummy, LowerArm dummy, and UpperArm dummy, align them using the following photo (Align XYZ position, and XYZ orientation)


click for larger version


With Bone_Emo_LowerArm01_Dummy_R align it the same way, BUT only align the XYZ position, not the XYZ orientation. This will help make sure the IK chain bends like a triangle, instead of a rectangle, which is what you don't want.


This next part is the MOST confusing part about setting this up, refer to the following picture.


click for larger version


Basically, you have your dummy's lined up with your bones and you begin linking them so thing start to move how they are supposed to. I'm going to list the names of the bones and what to link them to, but in the image you just have letters as reference for the linking information. Make sure you start with the big black arrows on the bottom; which would be:


Bone_Emo_Hand_Dummy_R linked to Bone_Emo_LowerArm_Dummy_R link that to Bone_Emo_UpperArm_Dummy_R.

Then link Bone_Emo_Hand_R to Bone_Emo_Hand_Dummy_R

Link Bone_Emo_LowerArm01_R to Bone_Emo_LowerArm01_Dummy_R then link to Bone_Emo_LowerArm_R and link that to Bone_Emo_LowerArm_Dummy_R

Link Bone_Emo_UpperArm_R to Bone_Emo_UpperArm_Dummy_R then link that to Bone_Emo_Clavicle_R


Like I said, check the previous photo for a simpler version of this linkage system.

The next step, with the UpperArm dummy object selected, go to Animation -> IK Solver -> HI Solver. When you get the rubberband, click on the Hand dummy object to create the IK Chain.


click for larger version

Check it to make sure it works, but make sure you Undo so that it goes back to the right spot. After creating the IK chain, you can create your Wrist controller; I renamed mine CTRL_Wrist_R.

Create a circle, then rotate it 90 degrees to the right while holding shift, and then select the original and rotate that one 90 degrees again while holding shift to have 3 circles. Then convert a circle to an Editable Spline, and then click on vertex sub-object mode, and then Attach Mult. and click the other 2 circles so you have one circle all together. Next, once you have your controller, you will align its position only to the IK chain, and then you will align its orientation to the Hand_Dummy_R object. Then, select the IK chain and link it to the CTRL_Wrist_R. Then, select the Hand_Dummy_R object and go to Animation -> Constraints -> Orientation Constraint and once the rubberband shows up click on the CTRL_Wrist_R. So pretty much, this is what you should have, and NOW, all you have left is to setup the Double Rotation.


click for larger version


Select both of the forearm bones (LowerArm01 and LowerArm) and select the CTRL_Wrist_R. Then hold down ALT and Right-Click to bring up the Animation Quad menu, and then click on Freeze Rotation.


click for larger version


Then select the LowerArm01 bone and Right-Click and click on Wire Parameter -> Transform -> Rotation -> Keyframe XYZ -> X Rotation to the CTRL_Wrist_R's Transform -> Rotation -> Keyframe XYZ -> X Rotation.


click for larger version


After that the Wire Parameter Dialogue box will pop up. If you followed the previous instruction, the CTRL_Wrist_R should be in the right window, you then click the arrow facing to the left and in the Expression for Bone_LowerArm01_R x-rotation type in X_Rotation/2 and then click Connect.


click for larger version


THAT'S IT!!! Finally, finished, take a look at the next picture and you'll notice that the hand bone has been rotated 90 degrees and the LowerArm01 bone has rotated half as much, so once you skin your model, that will help with stopping that ugly deformation in the wrist. Just make sure when you add the skin modifier to your model, make sure you add the BONES, not the DUMMY objects.

click for larger version

click for larger version


That is the skinned version of double rotation, if I had my model textured it would make much more sense, but please trust me, it's there and it helps out a lot. Again, a special thanks to my Instructors Alex Piejko and Scot Connor. Fellow students, Janelle Bruggeman for Character Design, Ryan Fox for the Model of the young Boy at the beginning, and Steve Montesano for helping me find images of the radius and ulna.


ReadMore...

Tuesday, December 23, 2008

(0) Comments

Create Cool Photoshop Logo Inspired By Versus cable network

welcome to infomix.blogspot.com

his Adobe Photoshop tutorial will show you how to create a rounded logo, inspired by the Versus cable network. We will use gradients and layer style to create this logo in Photoshop. This tutorial is great for all Photoshop users from beginners to intermediates.

This is what you will get when you are finished:

Versus Inspired Photoshop Logo Tutorial

Start off with a new 500×500 pixel document with a background color of black
Versus Inspired Photoshop Logo Tutorial

Now select red(#ff0000) as your foreground color. Create a new layer, then using the Elliptical Marquee, tool draw a perfect circle by holding the shift key while drawing.

Versus Inspired Photoshop Logo Tutorial

Now press alt+backspace to fill the area with red.

Versus Inspired Photoshop Logo Tutorial

Now apply the following layer style to this layer.

Bevel:
Versus Inspired Photoshop Logo Tutorial

Contour:
Versus Inspired Photoshop Logo Tutorial

Gradient Overlay:
Versus Inspired Photoshop Logo Tutorial

Versus Inspired Photoshop Logo Tutorial

Then apply the style and your image should look like this:
Versus Inspired Photoshop Logo Tutorial


Now create a new layer and draw another perfect circle inside the other circle and fill it with black (#000000)
Versus Inspired Photoshop Logo Tutorial

Now we will create another new layer, and draw another smaller circle inside our black circle and fill it with red (#ff0000). Your image should look similar to the one below.
Versus Inspired Photoshop Logo Tutorial

Now using the Elliptical Marquee tool again, create a smaller circle inside the red (do not create a new layer this time) one and press the delete button to remove the inner part of the circle.
Versus Inspired Photoshop Logo Tutorial

Now you can deselect. We need to use the Elliptical Marquee tool again and select the lower right corner area of the circle and delete it.
Versus Inspired Photoshop Logo Tutorial

Now create a smaller circle where we just deleted one, and fill it with red. You will want to use the arrow keys to position the dot before you deselect it.
Versus Inspired Photoshop Logo Tutorial

Now we will add our text. Create a new layer and select the Text Tool. Click on the Layer and type the first letter, I will use a T. The font I am using is 235pt Add City Boy, you can download it here. Position your letter so part of it is overlapping with the edge of the circle.
Versus Inspired Photoshop Logo Tutorial

Now create another layer and add the other letter for your text the same way you did before.
Versus Inspired Photoshop Logo Tutorial

Now we will merge the two text layers with the circle layer. Select all three layers by press ctrl and clicking them, then press ctrl + e to merge the layers. Here is a before and after.
Versus Inspired Photoshop Logo Tutorial

Now select your newly merged layer and apply the following Layer Styles by right clicking the layer and select blending options.
Versus Inspired Photoshop Logo Tutorial

Versus Inspired Photoshop Logo Tutorial

Apply the style and your images should like the one below.
Versus Inspired Photoshop Logo Tutorial

Now create a new layer. CTRL + Click on the layer with the black circle to make a selection like it on the new layer.
Versus Inspired Photoshop Logo Tutorial

Now reset your colors so that black is the background and white is the foreground. Select the gradient tool, select “Foreground to transparent” as your color.
Versus Inspired Photoshop Logo Tutorial


Fill circle with the gradient by clicking outside the circle and dragging inward (like the arrow in the picture below).
Versus Inspired Photoshop Logo Tutorial

Now deselect the circle and draw a new larger one offset like below.
Versus Inspired Photoshop Logo Tutorial

Now delete the selection and our results should look like this:
Versus Inspired Photoshop Logo Tutorial

Now you can leave the logo like that if you want, but I decided to add a little bit more to it. First Select all of the layers (except the background) in the layers panel by CTRL + Clicking them. Then on the menu in Photoshop go to Edit > Transform > Perspective .
Versus Inspired Photoshop Logo Tutorial

Now move the points so they look like this:
Versus Inspired Photoshop Logo Tutorial

Then apply the style and you are finished! I hope you liked this tutorial, feel free to leave suggestions for my future tutorials.
Versus Inspired Photoshop Logo Tutorial


ReadMore...

Tuesday, December 23, 2008

(0) Comments

Drawing Chinese Bamboo With Adobe Illustrator part 4

welcome to infomix.blogspot.com

12. Symbol Stainer Tool

Select a lighter yellow-green tone color and use Symbol Stainer Tool to stain Symbols (stain Symbols randomly).

symbol stainer

13. Symbol Screener Tool

Use Symbol Screener Tool to reduce bamboo leaves Opacity (selectively click on the leaf symbols). This will get a see-through effect.

symbol screener

14. Make more leaves behind

After you done with the leaves on Layer 2, make a new layer(Layer 3) and drag it to the bottom of the layer list. Lock Layer 1 and Layer 2, use Symbol Sprayer Tool to make more bamboo leaves(refer to Step 8-13) on Layer 3.

make more leaves behind

15. Add more bamboo sticks

Finally, duplicate more smaller bamboo sticks and send them behind the big bamboo sticks.

copy more bamboo sticks

16. Final!

Here is the final image.

final bamboo illustration




ReadMore...

Tuesday, December 23, 2008

(0) Comments

Drawing Chinese Bamboo With Adobe Illustrator part 3

welcome to infomix.blogspot.com

8. Symbol Sprayer Tool

Create a new layer and lock the bamboo sticks layer(Layer 1). Select Symbol Sprayer Tool and pick the bamboo leaves Symbol you have created in previous step. Spray it on Layer 2 by dragging the mouse.

symbol sprayer

9. Symbol Sizer Tool

Now, we need to create various size of bamboo leaves. Select Symbol Sizer Tool, randomly click on the bamboo leaves object. Tips: hold down ALT key+click to reduce size.

symbol sizer

10. Symbol Spinner Tool

Use Symbol Spinner Tool to rotate/spin Symbols.

symbol spinner

11. Symbol Shifter Tool

Use Symbol Shifter Tool to spread(by drag) bamboo leaves out.

symbol shifter





ReadMore...