iceee:development:createpreview
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
iceee:development:createpreview [2015/08/23 17:11] emerald |
iceee:development:createpreview [2015/08/24 09:42] emerald |
||
|---|---|---|---|
| Line 6: | Line 6: | ||
| - Use an image editing tool to cut out the entire character from it's background and the individual pieces. | - Use an image editing tool to cut out the entire character from it's background and the individual pieces. | ||
| - Create a preview image by merging each of your cut out pieces and the CS preview background image. | - Create a preview image by merging each of your cut out pieces and the CS preview background image. | ||
| + | |||
| + | **This may look a little daunting, but it is not really, and once you have done it once I have been finding I can do a complete set of 8 items in about 30-45 minutes.** | ||
| ===== 1. Taking Screenshots ===== | ===== 1. Taking Screenshots ===== | ||
| Line 110: | Line 112: | ||
| Save this image, and again repeat this for each individual piece. You are now ready to create the the preview images themselves. | Save this image, and again repeat this for each individual piece. You are now ready to create the the preview images themselves. | ||
| - | ===== 1. Creating The Preview Images ===== | + | ===== 3. Creating The Preview Images ===== |
| You will now need the preview backgrounds. There are two different backgrounds, one for individual items that are not associated with any 'Set', and one for pieces that are part of set. | You will now need the preview backgrounds. There are two different backgrounds, one for individual items that are not associated with any 'Set', and one for pieces that are part of set. | ||
| Line 145: | Line 147: | ||
| <html><br style="clear:both" /></html> | <html><br style="clear:both" /></html> | ||
| - | Now you can paste in your previously cut and prepared image for the individual piece. In the example above, the Chest was used. Paste this as a new layer into the smaller box at the top right of background image, scaling it to fit. | + | Now you can paste in your previously cut and prepared image for the individual piece. In the example above, the Legs were used. Paste this as a new layer into the smaller box at the top right of background image, scaling it to fit. |
| <html><br style="clear:both" /></html> | <html><br style="clear:both" /></html> | ||
| Line 157: | Line 159: | ||
| <html><br style="clear:both" /></html> | <html><br style="clear:both" /></html> | ||
| - | Thats it. Save the image. For this example, the filename would be **ArmorPreview-Glacial_Chest.png**. Always use this pattern, prefixing with ArmorPreview- and replacing spaces with _ underscores. This is the file you should send to the project admin for inclusion into the game. Consider adding an **Asset Request** on the [[https://github.com/rockfireredmoon/iceee/issues/new|GitHub Issue Tracker]] | + | Thats it. Save the image. For this example, the filename would be **ArmorPreview-Glacial_Legs.png**. Always use this pattern, prefixing with ArmorPreview- and replacing spaces with _ underscores. This is the file you should send to the project admin for inclusion into the game. Consider adding an **Asset Request** on the [[https://github.com/rockfireredmoon/iceee/issues/new|GitHub Issue Tracker]] |
| <html><br style="clear:both" /></html> | <html><br style="clear:both" /></html> | ||
| Line 164: | Line 166: | ||
| + | ==== Creating Single Piece Preview Images ==== | ||
| + | |||
| + | The procedure here is a very similar technique except you will of course be able to just screenshot and cut up a single image for adding the single item background image. For example, the final credit shop preview image for one of the pets would end up looking like this. | ||
| + | |||
| + | <html><br style="clear:both" /></html> | ||
| + | {{:howtos:cspreviews:armorpreview-pet_brainfreeze_moth.png?nolink |}} | ||
| + | <html><br style="clear:both" /></html> | ||
iceee/development/createpreview.txt ยท Last modified: 2015/08/24 09:42 by emerald
Page Tools
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 3.0 Unported
