|
|
| (2 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | <!--Nothing here... yet...-->
| + | Nothing here... yet... |
| − | This '''Cosmetic Images''' tutorial will show you how to create images for cosmetics. For this tutorial, we will be putting the [[Team Captain]] on the [[Soldier]].
| |
| − | == Setting up HLMV ==
| |
| − | [[Image:HLMV_Settings.png|thumb|right|Your settings should look like these.]]
| |
| − | Please see the [[Help:Model_Viewer|Model Viewer]] page for instructions on setting up your model viewer if you haven't already.
| |
| | | | |
| − | Once you have HLMV open, make sure your settings are the same as the ones to the right (Setting the FoV to a lower setting makes for a nicer image).
| |
| − | == Finding the models ==
| |
| − | Once you have the model viewer open, you will first need to locate the correct class model.
| |
| − | You can do this by going to {{code|file > (Steam) Load Model...}} and then navigating to {{code|\models\player\hwm}} (You should always use HWM models for cosmetic images as they are much higher quality).
| |
| − |
| |
| − | Select the Soldier model to open it up in the model viewer.
| |
| − |
| |
| − | The model will most likely appear slightly off screen if this is the first time you have done this. If so, use {{key|MOUSE2}} to zoom and {{key|Shift}} + {{key|MOUSE1}} to pan the model so that you can get a better view.
| |
| − |
| |
| − | Once the model is in view, you'll need to equip the correct cosmetic.
| |
| − | This is done by going to {{code|file > (Steam) Load Weapon...}}.
| |
| − |
| |
| − | Valve-made cosmetics are found in {{code|\models\player\items}} and community made ones are found in {{code|\models\workshop\player\items}}.
| |
| − |
| |
| − | Since we are using the Team Captain for this tutorial, navigate to the {{code|\models\player\items\soldier}} folder and find {{code|soldier_officer.mdl}}. This will put the hat on soldier's head.
| |
| − |
| |
| − | As you can probably see now, the hat is poking through the Soldier's helmet. To fix this do the following:
| |
| − | #Click on the {{code|model}} tab
| |
| − | #In the first drop-down menu, select {{code|hat}}
| |
| − | #In the drop-down menu next to that, select {{code|Submodel 1}}
| |
| − |
| |
| − | This will hide Soldier's helmet.
| |
| − | == Posing ==
| |
| − | [[Image:HLMV_Soldier_example.png|thumb|400px|right|A nice posing example.]]
| |
| − | Next comes the fun part... posing your model!
| |
| − | === Choosing a pose ===
| |
| − | First of all, you will need to pick a suitable pose for your soldier. To do this, click on the {{code|sequence}} tab and choose an animation from the first drop-down menu.
| |
| − |
| |
| − | You will want to pick a nice pose that isn't too crazy and also doesn't cover up any of the cosmetic.
| |
| − |
| |
| − | For this example, we will be making him salute by using his [[shotgun]] taunt animation, which is called {{code|taunt04}}.
| |
| − |
| |
| − | Once you choose his pose, you will notice that he'll be laying flat on the floor. This is normal, as all the taunt animations start off in this pose.
| |
| − |
| |
| − | To get him to stand up, all you need to do is use the {{code|Frame}} slider to pick the part of the animation you want to use. Anywhere between frame 110.0 and frame 133.0 is good for this picture.
| |
| − |
| |
| − | Lastly, you'll need to rotate Soldier to get a better view of the cosmetic. This is done by clicking and holding {{key|MOUSE1}} in the centre of the view and then dragging the model to rotate it.
| |
| − |
| |
| − | === Face posing ===
| |
| − | After you've gotten your Soldier into a good pose, you'll need to pose his face, to make the image more interesting.
| |
| − |
| |
| − | To do this, click on the {{code|Flex}} tab.
| |
| − |
| |
| − | In this tab, you will find a whole bunch of drop-down menus and sliders. Each one represents a specific part of the face.
| |
| − |
| |
| − | For example, {{code|right_LipUpV}} will set the height of the right half of the top lip.
| |
| − |
| |
| − | Feel free to experiment with each one before continuing, to get a feel for it. (Once you're done experimenting, you can press the {{key| Zero }} or {{key| Reset }} button at the bottom, to set everything back to default.)
| |
| − |
| |
| − | When picking an expression, try to pick one that best fits the emotions of the pose you're using. For this example, we'll be giving Soldier a slight smile to make him look a bit proud.
| |
| − |
| |
| − | First of all, move the {{code|right_Smile}} and {{code|left_Smile}} sliders to the right a bit to give him the smile, then use the various lip sliders to show some of his teeth.
| |
| − |
| |
| − | After you're done, you should have something like the example on the right.
| |
| − |
| |
| − | == Removing the background and uploading ==
| |
| − | There are many different techniques for removing transparency. GIMP users can find a tutorial [[User:Bojjob/GIMP technique|here]].
| |
| − |
| |
| − | After removing the background from your image, you'll want to crop out any blank space.
| |
| − |
| |
| − | Once your image is done, it's ready to be uploaded to the Wiki!
| |
| − |
| |
| − | You can do this by either [[Help:Images#Uploading_images|uploading it directly]] or, if it is an updated version of an old image, you can click {{code|Upload a new version of this file}} underneath the image you are going to overwrite.
| |
| − |
| |
| − | == Examples ==
| |
| − | Below are examples of what to do and what not to do when making cosmetic images.
| |
| − | === The Good ===
| |
| − | <gallery>
| |
| − | File:Wiki Cap.png
| |
| − | File:Cheater's Lament.png
| |
| − | File:Proof of Purchase.png
| |
| − | </gallery>
| |
| − | === The Bad ===
| |
| − | <gallery perrow="3">
| |
| − | File:Bad Image Faceposing.png|Over the top faceposing
| |
| − | File:Bad Image Blank Space.png|Too much blank space
| |
| − | File:Bad Image Bodygroups.png|Wrong body groups showing
| |
| − | File:Bad Image FoV.png|FoV set too high
| |
| − | File:Bad Image Graphics.png|Video settings too low
| |
| − | File:Bad Image Unfocused.png|Image not focused on cosmetic
| |
| − | File:Bad Image Posing.png|Over the top posing
| |
| − | File:Bad Image In game.png|Image taken in TF2
| |
| − | File:Bad Image Garrysmod.png|Image taken in Garry's Mod
| |
| − | </gallery>
| |
| | <div style="position:fixed; bottom:0; right:0">[[Image:User Bojjob MedicThink.png|left|100px]]</div> | | <div style="position:fixed; bottom:0; right:0">[[Image:User Bojjob MedicThink.png|left|100px]]</div> |
