Difference between revisions of "User:Ashe/Sandbox3"
m |
|||
| Line 1: | Line 1: | ||
| − | + | == Requirements == | |
| − | + | * To make item demonstration thumbnails, you will need: | |
| − | + | ** The ability to use a monitor resolution of at least 1920x1080 (preferably 2560x1440) | |
| − | + | ** Image editing software (Adobe Photoshop, GIMP, Paint.NET, etc.) (This tutorial assumes Adobe Photoshop.) | |
| − | + | ** Grab the thumbnails from [[:Category:Item demonstration thumbnails]] | |
| − | + | ** A program to take screenshots (Windows 10/11's native Snip & Sketch, Greenshot, etc.) | |
| − | + | ** '''OPTIONAL''': An AI upscaling program | |
| − | + | ||
| − | + | == Procedure == | |
| − | + | * Configure HLMV as according to [[Help:Model Viewer]]. After all of that is done, run HLMV. | |
| − | + | * Load the model that you need from File -> Load Model. (Ex. c_energy_drink for Bonk! Atomic Punch or Crit-a-Cola). If you need help in finding the model, open "items_game.txt", located in "tf/scripts/items" and use your favorite text editor to search for the name of the thing you need. | |
| − | + | * Positioning: | |
| − | + | ** For non-melee weapons and cosmetic items, position the model so that the front of it is facing to the right. | |
| − | + | ** For melee weapons, position it so that it's standing up and is tilted to the right slightly. | |
| − | + | ** For all models, rotate the light source so that the model is slightly shaded near the lower left; the light source should be towards the upper-right. | |
| − | + | ** For item set thumbnails, try to make the full-body shot of the model resemble the header image on the actual set's page. Make sure it's facing to the right, of course. | |
| − | + | * After you have positioned the model, go to Options -> Background Color. Set the background to pure white. Take a picture of HLMV; how you do this doesn't matter, as long as you can get it losslessly (Snip & Sketch: Use Win + Shift + S, Greenshot: Go to Notification area, click on Greenshot icon, capture HLMV. Use the option "Capture last region" in next steps) | |
| − | + | * Open the image editor of your choice; load the image with the white viewport background. | |
| − | + | * Go back to HLMV, and set the Background color to black. Do the same procedure for getting the image, and then load the resulting image in your image editor. | |
| − | + | * Re-open HLMV, set the background color through RGB values: | |
| − | + | ** 52 for Red | |
| − | + | ** 47 for Green | |
| − | : | + | ** 51 for Blue |
| − | + | ** Capture an image of this. | |
| − | + | * Paste the white background image over the black background, and place the TF2 brown image over the white image. | |
| − | + | * If neccessary, crop all of the images so that only the HLMV viewport is visible. | |
| − | + | * The following advice is for Adobe Photoshop, adjust the instructions as neccessary for whatever image editing software you are using: hide the TF2 brown background layer, and set the layer mode for the white background image to "Difference". Select the white area of the result (preferably through selecting the Color Range), and then un-hide the TF2 brown layer. Invert the selection, and copy the area. Paste into the thumbnail. | |
| − | + | * Ideally, when pasted into the thumbnail, the weapon image should only be a little larger than the TF2 logo in the background, unless the weapon is very wide (Scattergun, Force-a-Nature); if necessary, resize the weapon image. | |
| − | + | ** If your image is small compared to the thumbnail, you may use an AI upscaling program (don't upscale it too much, 2x should be fine). | |
| − | + | * After you have positioned the weapon image on the template to your liking (probably a good idea to center it by selecting the gray with TF2 logo area in the lower right area of the template), save the image as a PNG, and upload it to the Weapon Demonstration page. If you need to, ask [[User:WindPower|WindPower]] <!-- or [[User:Ashe|Ashe]] lol -->to put the thumbnail on the Wiki YouTube channel. | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
Revision as of 16:10, 30 January 2022
Requirements
- To make item demonstration thumbnails, you will need:
- The ability to use a monitor resolution of at least 1920x1080 (preferably 2560x1440)
- Image editing software (Adobe Photoshop, GIMP, Paint.NET, etc.) (This tutorial assumes Adobe Photoshop.)
- Grab the thumbnails from Category:Item demonstration thumbnails
- A program to take screenshots (Windows 10/11's native Snip & Sketch, Greenshot, etc.)
- OPTIONAL: An AI upscaling program
Procedure
- Configure HLMV as according to Help:Model Viewer. After all of that is done, run HLMV.
- Load the model that you need from File -> Load Model. (Ex. c_energy_drink for Bonk! Atomic Punch or Crit-a-Cola). If you need help in finding the model, open "items_game.txt", located in "tf/scripts/items" and use your favorite text editor to search for the name of the thing you need.
- Positioning:
- For non-melee weapons and cosmetic items, position the model so that the front of it is facing to the right.
- For melee weapons, position it so that it's standing up and is tilted to the right slightly.
- For all models, rotate the light source so that the model is slightly shaded near the lower left; the light source should be towards the upper-right.
- For item set thumbnails, try to make the full-body shot of the model resemble the header image on the actual set's page. Make sure it's facing to the right, of course.
- After you have positioned the model, go to Options -> Background Color. Set the background to pure white. Take a picture of HLMV; how you do this doesn't matter, as long as you can get it losslessly (Snip & Sketch: Use Win + Shift + S, Greenshot: Go to Notification area, click on Greenshot icon, capture HLMV. Use the option "Capture last region" in next steps)
- Open the image editor of your choice; load the image with the white viewport background.
- Go back to HLMV, and set the Background color to black. Do the same procedure for getting the image, and then load the resulting image in your image editor.
- Re-open HLMV, set the background color through RGB values:
- 52 for Red
- 47 for Green
- 51 for Blue
- Capture an image of this.
- Paste the white background image over the black background, and place the TF2 brown image over the white image.
- If neccessary, crop all of the images so that only the HLMV viewport is visible.
- The following advice is for Adobe Photoshop, adjust the instructions as neccessary for whatever image editing software you are using: hide the TF2 brown background layer, and set the layer mode for the white background image to "Difference". Select the white area of the result (preferably through selecting the Color Range), and then un-hide the TF2 brown layer. Invert the selection, and copy the area. Paste into the thumbnail.
- Ideally, when pasted into the thumbnail, the weapon image should only be a little larger than the TF2 logo in the background, unless the weapon is very wide (Scattergun, Force-a-Nature); if necessary, resize the weapon image.
- If your image is small compared to the thumbnail, you may use an AI upscaling program (don't upscale it too much, 2x should be fine).
- After you have positioned the weapon image on the template to your liking (probably a good idea to center it by selecting the gray with TF2 logo area in the lower right area of the template), save the image as a PNG, and upload it to the Weapon Demonstration page. If you need to, ask WindPower to put the thumbnail on the Wiki YouTube channel.
