Spoiler: Tutorial for moodboard templateShow
Step 1) Download the Quicksand font and install it (right clich the files > Install). Don't forget to download the Moodboard photoshop file either. Prepare for a lot of time spent finding right images and for the love of all things holy, avoid taking images from artists. If you do, remember to credit them somewhere in the character template after receiving permission to use them.
Remember to keep the image quality and style as similar as possible; the more differences images have, the more annoying it will be to try and piece them together and they won't "meld" together in a similar fashion.
If you're having issues trying to find images to use for your character, think about them for a bit. Does their name mean something specific? What do they do? What faction do they belong to? What makes them happy? What's their personality like? Where were they born? What do they value? What skills in combat or magic do they have? What dreams do they have? Etc, etc. Finding images to represents answers to those kind of questions are a huge help. Other than that, checking out this guide on moodboards might help a little!
Moodboard examples: 1 - 2 - 3
Step 2) Open the photoshop file. It will look something like this:
The different numbers and squares in the image sections indicate which images should go along with which, or match thematically in colours or themes. Once you have an image you have decided you want in, put it in the appropriate numbered folder by copypasting it in. But Ravnie, you say, Won't the image cover the whole thing? No my dear child. You see those black and white squares next to each folder? They're something cool called "Layer Mask." Essentially, they erase anything that's marked as black on them, while displaying anything that's coloured white on them. Don't touch those things. Don't touch anything marked as red or things that are locked, either.
How you match your images and where is completely up to you. So far, I've used the middle circle (image 5) to display a faction or race that the character belongs to, just as a tip!
Step 3) After hard work, you finally have your images put in! Now, the moodboard should look something along like this:
Looks like shit, doesn't it? It's because it does. But here's where the magic starts to happen! Click on the folder called "Gradients" and turn it visible. Once you've done that, you'll see something completely different:
For the most part, it matches now. However, we're not done yet! Right click on the folder with the images and create a duplicate of it.
Now, on the duplicate folder, start going through the images one by one and adjusting them. These adjustments come in the form of adding a saturation effect and a sharpen effect. Press Ctrl + (Alt) + U in photoshop to open Hue/Saturation menu, or select the Image (top left) > Adjustments > Hue/Saturation. In the dropdown menu of it, select "Old Style" and then press OK. Repeat this process (usually) 2-3 times until the images match one another.
Once you feel like the images look good enough, go to Filter (top left) > Sharpen > Sharpen, and apply this effect to all the layers individually.
Now, your moodboard should look something along the line with this:
Step 4) Time to edit the texts! This should be pretty straightforward. Select the text editing tool (T), and simply right click the text you want to edit. Each paragraph has its own box, so be vary of that. The space between a character's name and surname includes four space(bar)s, in case you wanted to keep it. If the name is longer than the given box, you'll have to decrease the letter spacing.
To edit letter spacing, select Typography in the upper right corner in photoshop, have the text in the text layer selected and then change the numbers in the ↔ VA box
Step 5) After editing all the texts you want, it's time to start preparing to save the file. First, uncheck the visibility on the layer called "Bg colour test". It was there to help see the text, but we want a pure, transparent background so away it goes. Next, you'll have to turn the image size down to 650 pixels in width from 900 pixels (its current state).
To do so, hit Ctrl + Alt + I, or go to Image (upper left) > Image size.
Once you type in 650 in width (this keeps its dimensions forum and template appropriate), click OK.
Now, your image should look tinier, like this:
DO NOT SAVE THE PHOTOSHOP FILE AT THIS SIZE. You'll lose quality in case you ever want to edit the template again. Instead, save it as a PNG in File > Save As ... Or simply shit Shift+ Ctrl + S and select PNG from the dropdown menu.
With the file now saved as whatever-you-named-it.png , you'll be back by the moodboard. If you hit Ctrl + Alt + Z, or simply Ctrl + Z (or selectin Edit (upper left) > step backward), photoshop will take you a step back and undo the resizing, restoring it back to its original 900 pixels in width- size. You may save it now that it's in its original size.
Step 6) You're done! Upload the image somewhere like Imgur and that about it should do it : )