Cookies and Milk
June 13, 2009
Now that we have produced some pictures, we can now proceed to producing some characters! For this tutorial, I will be providing 1 face pic and 4 skills in order to show an example as we go through this guide. These are the 5 pictures we will use:
Next we will need to open our template (Remember I am using the General Template above) Once you open all these images into Photoshop, copy and paste each image onto the template you have opened with Photoshop. After you copy and paste all images into Photoshop it should look like this Example
Now that we have inserted the images, the next step is to accurately move the picture into the picture boxes. How? Follow these steps
1. On the left, you will see a toolbar with many tools, Switch to this one
2. Next, on the right, Each picture you recently posted should be layered according to the order you posted them. (For this tutorial it will be Layer 2 to Layer 6)
3. We will start by clicking on Layer 2
4. Once you have this layer selected click and hold the image, and drag it to fit directly inside the character box showing no buldges Example
Note: This is a bad example of cropping! Bad Example Why? Because as we can see, it looks like we have a double border on the left side of the image and no border on the right! We want it to be all eqaul
5. After repeating steps 3 and 4 for the other images, The final result should look like this Example
Ok so now we have our images in our skill boxes, next comes writing the characters description. To do this, we need to again head to the left of our page and select this tool After selecting this tool the following steps are pretty easy,
1. with your tool Click Character Name and begin typing the name of the character. For this tutorial her name is Satan Mirajane
2. Follow the exact same step as number 1 except we will be selecting Skill 1 and keep going until Skill 4. (You can be creative in choosing the skill names of this character however, if you aren’t really creative, there is always Google. For tutorial purposes I will give you names of these skills:
3. Skill 1 = Demon Sphere
4. Skill 2 = Satan Barrage
5. Skill 3 = Evil Explosion
6. Skill 4 = Evil Clutch
Note: OH NO!! I accidently miss clicked the words and don’t know what to do? If you accidently miss clicked the words, something should appear on the right of the layers that looks like this No worries, this just mean you accidently added a new layer. To get rid of it, hold the highlighted layer and drag it towards the bottom garbage bin and then let go of the click and tadah! It will be removed.
Character Skills and Descriptions/Cooldown/Classes
Ok now that we cleared any problems and have our skill names, we need to come up with a character description. Again the best place to do this is to use Google. When creating a character description, try to avoid giving out spoilers to a show, mainly we just want to emphasize the characters background and give them a little push to what their skills can do.
After this we need to create a mission name for this character again try to make it relate to the characters personality in some way
Ok now that we have our description and mission name, you might be looking at the colours and going DAMN THERE UGLY!! No worries here cause we can change that with some steps:
1. On the right, look for the layer titled Satan Mirajane (your character’s name) and select it
2. Next we want to click on this tool at the bottom of the page and press blending option, opening a menu box. Example
3. Again because Photoshop has colours preset, it won’t be that difficult to change.
4. From the open box click Gradient Overlay by single clicking this box you will open a gradient editor allowing you to select any type of colour that you desire! Example (however for tutorial purposes, I will click a random preset and click ok
5. Repeat steps 1-4 for all other layer names and you should come out with a final of you colour choice looking like this Example
Note: This next step is just a basic example of adding skills, look through it for an idea, however we will cover Flow and Balance in our Next Section
Now that we have some flashy colours we need to make skill descriptions for our character. This is the exact same thing we did during character description but this time we click each skills description and write different skill sets for our character. Basic Example
Now that we have our character skill description, we need to add cooldowns and classes to our characters. Again exact same tool and steps as before except this time we click the cooldown or classes area and add what we want.
Note: For Classes, each anime will have something different, when creating a new character from an anime that no one has created skills or classes for, its up to you to come up with them. For tutorial purposes, we will be using Fairy Tail classes. Example
Finally the last step is to add the Energy. To do this, we will need to know what each colour symbolizes. Again if you are using a pre-made template there will be explanations on what each colour represents. If you are using a custom template you come up with these Energy’s. Steps on placing Energy’s
1. What we want to do is locate our Energy Tab and make sure it’s open on the right.
2. From here we click on the energy we want for our skill.
3. After clicking the colour of the energy you want, copy and paste this energy and it should appear as an extra layer. This now becomes that extra energy
4. After repeating steps 2 and 3 for each energy required for each skill, we use our moving tool and drag each energy to the energy required area
5. What we want to do is bring the energy box right beside our semi-colon “:” and then move up 1 and 5 to the left using the arrows on our key board to get this
Note: If a second Energy needs to be added put the second energy right beside the first one and then move 3 spaces right pressing the right arrow on your keyboard
Our Last step is to add a character logo, we will be using this one
What you want to do is open this logo, and drag it to the top of the image anywhere you see fit for our final outcome Example
Lastly we need to save this character. Make sure to always save 2 files of a character! One in PSD and one in Png. Why? Because if you find out you made a mistake on a Png file, it is much harder to correct it if you don’t already have an available PSD file.
YES!! We have now finished making a character! However this character is only a basic and can be much better! Follow me to the next section to learn more about character creating. Character Skills and Flow