1. Understanding Nearest Neighbor Sampling
When scaling blocky bitmap style images (such as icons, sprites etc.) or when creating 3D shapes with image layers in Anime Studio, turning the 'Nearest Neighbor Sampling' option on will often be required.
From the user guide:
This option can be found in the settings of the image layer, under the 'image' tab.
A close up example to see the difference:
As you can see from this example, if we want to maintain sharp edges for our pixel art, then we should turn this option on.
You may also need to turn this option on if you're creating 3D objects from image layers. In the following example, you'll see when this option is off, the objects have a white line border.
The same image, but each image layer has the nearest neighbor sampling set to on:
2. Source ImagesYou will need to source three image textures for this grass styled block:
Grass, side and maybe a mud texture for the bottom.
There are lots of sites on the Internet that will help you with this, such as:
Note: You will find the images used in this tutorial in the download.
In this tutorial the images are 16x16 pixels - this size works well and it's also the same size as the minecraft textures.
3. ImportingImport the first image into Anime Studio then scale it to x:20 by y:20
Double-click on the image layer to bring up its Layer Settings, then click the 'Image' tab at the top.
Turn on the 'Nearest neighbor sampling' option.
4. Sorting LayersAlthough Anime Studio is really a 2D animation program it can do some clever 3D things. In order for us to continue, we need to tell the program to start sorting the layers in a 3D environment.
Turn the depth sort on:
File> Project Settings > Turn on 'Sort layers by depth'
Note 1: 'Sort by True Distance' tells Anime Studio to sort the layers by the distance from the camera to the layers' origins, rather than by depth. Usually this option will be left unchecked.
Note 2: This will not effect layers within a group, so if later we decide to group our blocks, then we would need to enable this setting in each group's layers settings too.
5. Create 3D BlocksDuplicate the image layer 5 times so that you have 6 image layers.
Now we need to position each layer within the 3D environment.
Select the first layer from the bottom, then select the Translate Layer tool - and set the z: to 0.655 (Hit 'Enter' to update the value) in the toolbar at the top.
Select the next layer up and set to Z: -0.655
Select the next layer up and set to X: 0.655, now this layer also needs to be rotated, so select the 'Rotate Layer' tool and set to Y rotation: 90
Select the next layer up and set to X: -0.655 and then rotate it to Y rotation:90
Select the next layer up and set to Y: 0.655
Select the last (top) layer up and set to Y: -0.655 and then rotate it to Y rotation:90
6. Swapping ImagesNow everything is in place, it's time to swap some images and to rename the layers.
Double-click on the top image layer to bring up it's Layer Settings (Assuming this is your lower/bottom layer of your 3D cube).
Rename the layer if needed (for example 'bottom side), then click the 'Image' tab at the top.
Click the 'Source Image...' button and select your bottom/ground/base image.
Click 'OK' to close the settings.
7. 3D ViewNow your block is complete you can use the Orbit (9) tool to move around the scene and view it in 3D!
Grouping the image layers will help you later if you decide to duplicate your blocks - just remember to turn on the 'Sort layers by depth' option for that group layer.
When creating new groups in a 3D environment, ensure the group layer has had its position and rotation settings reset to 0 - things can become a little messy if you forget to check this.
Anime Studio can handle quite a few of these blocks, but it can handle 100's - so you need to plan your scene well. Hiding unseen sides can improve speeds.
Last updated: 7 Mar 2013 08:41:54
Made with: Anime Studio Pro 9.1
File Name: anime_studio_tutor_files_161.zip