Open main menu

Difference between revisions of "Screenshots"

375 bytes added ,  19:24, 8 November 2015
→‎How to make game icon: -- Finally GIMP-only instructions, yay!
m (→‎How to make screenshots: there is no "1x scaler")
(→‎How to make game icon: -- Finally GIMP-only instructions, yay!)
Line 56: Line 56:


== How to make game icon ==
== How to make game icon ==
On [http://scummvm.org/screenshots/ screenshots page] you may see set of nice 'headshots' used for the games. If you are submitting screenshots for new game, you may help with creating the icon too.
On [http://scummvm.org/screenshots/ screenshots page] you may see the set of nice 'headshots' used for the games. If you are submitting screenshots for a new game, you may help with creating the icon too.


There are two stages. For ready-to-use version you will need Photoshop CS2+. But GIMP/MS Paint is enough for the first stage.
You will need GIMP 2.8.x for making the icon:


# Pick some distinguishable graphics from the game. In most cases it is head of the main character or image of main item in the game (such as the hourglass for Ween)
# Pick some distinguishable graphics from the game. In most cases, it is head of the main character or image of the main item in the game (such as the hourglass for Ween)
# Make its background transparent by carefully painting over all unneeded pixels
# Make its background transparent by carefully painting over all unneeded pixels
#* In GIMP
#* Magnify the image
#** Magnify the image
#* If the background is not solid-colored, fill it with some color unused in the image. Acid green works well in most cases :)
#** If background is not solid-colored, fill it with some color unused in the image. Acid green works well in most cases :)
#* With Select By Color tool select the background
#** With Select By Color tool select the backround
#* Invert the selection
#** Invert the selection
#* Add layer mask -> use selection as layer mask
#** Add layer mask -> use selection as layer mask
#* Apply the layer mask
#** Apply the layer mask
# Downscale image to 22x22 or less. Make sure that you're using bicubic scaling, and that features of the image are still recognizable
# Downscale image to 22x22 or less. Make sure that you're using bicubic scaling, and that features of the image are still recognizable
# Save image as PNG
# Open file [https://github.com/scummvm/scummvm-media/raw/master/originals/scummvm_badges.xcf scummvm_badges.xcf]
# Copy the badge and paste it into the new layer
# Select the layer with the badge
# Run Filters → Light and Shadow → Drop Shadow...
#* Offset X: 0
#* Offset Y: 1
#* Blur radius: 1
#* Color: black
#* Opacity: 64
#* Allow resizing: ticked
# Select the icon with the rectangle selection tool, up to 24x24 area. If the shadow is bigger, you will have to go back to step 3
# Edit → Copy Visible
# Edit → Paste as → New Image
# Save the result as PNG


This ends first stage, you may already submit your icon, it will be a great help for us.
You're done.


Now you may consider adding shadow to it, but you will need Photoshop CS2+ for it.
Now consider using optipng, advpng (see the previous section), but that is optional.


# Open file [http://scummvm.svn.sourceforge.net/viewvc/scummvm/media/trunk/originals/scummvm_badges.psd?revision=HEAD scummvm_badges.psd] in Photoshop. You will need at least CS2 version
Below is the original instructions for Photoshop CS2+ for making the image shadow:
 
# Open file [https://github.com/scummvm/scummvm-media/raw/master/originals/scummvm_badges.psd scummvm_badges.psd] in Photoshop. You will need at least CS2 version
# Open your icon in Photoshop
# Open your icon in Photoshop
# Copy/paste icon to scummvm_icons.psd file at some free place
# Copy/paste icon to scummvm_icons.psd file at some free place
Line 82: Line 96:
# Switch to your pasted layer with game icon
# Switch to your pasted layer with game icon
# Paste layer styles to the game icon layer
# Paste layer styles to the game icon layer
# Select the icon with selection tool, up to 24x24 area. If the shadow is bigger, you will have to go back to previous stage
# Select the icon with the selection tool, up to 24x24 area. If the shadow is bigger, you will have to go back to previous stage
# Click on Edit->'Copy Merged' menu item
# Click on Edit 'Copy Merged' menu item
# File->New... (it will automatically have dimensions of the image in clipboard)
# File New... (it will automatically have dimensions of the image in clipboard)
# Paste the image
# Paste the image
# Save it as PNG
# Save it as PNG
You're done.
Now consider optipng, advpng (see previous section), but that is optional.


== How to submit screenshots ==
== How to submit screenshots ==