Difference between revisions of "Screenshots"

Jump to navigation Jump to search
2,120 bytes removed ,  01:00, 26 July 2018
(Add Bambou / Playtoons)
(43 intermediate revisions by 8 users not shown)
Line 8: Line 8:


We try to have screenshots on our website for all games that we support. The purpose of this page is to describe how new screenshots are to be made to ensure uniform overall quality. In particular, what scaler you should use, how files should be named etc.
We try to have screenshots on our website for all games that we support. The purpose of this page is to describe how new screenshots are to be made to ensure uniform overall quality. In particular, what scaler you should use, how files should be named etc.
For each game, we would like to have a small (say, between 2 and 5) number of screenshots which give users a good idea of what the game looks like to play. If the game is available in different languages or versions, it would also be nice to have a screenshot or two showing the differences of those versions.
Take a look at our existing [http://scummvm.org/screenshots/lec/monkey/ screenshots of The Secret of Monkey Island] as an example.


== List of screenshots we need ==
== List of screenshots we need ==
Line 13: Line 16:
<!--'''All screenshots to date have been contributed. Thanks all'''-->
<!--'''All screenshots to date have been contributed. Thanks all'''-->
<!-- We have all screenshots. But if you still have some suggestions feel free to contact sev. -->
<!-- We have all screenshots. But if you still have some suggestions feel free to contact sev. -->
<!-- * [[Cruise for a Corpse]] (see [http://forums.scummvm.org/viewtopic.php?t=7589 forum post]) -->
* [[Myst]]
* [[Hoyle's Official Book of Games: Volume 1|Hoyle's Book of Games 1]] (see [http://forums.scummvm.org/viewtopic.php?t=9329 forum post])
* <strike>Myst Masterpiece Edition</strike>
* [[Hoyle's Official Book of Games: Volume 2|Hoyle's Book of Games 2]] (see [http://forums.scummvm.org/viewtopic.php?t=9329 forum post])
* [[The Neverhood]]
* [[Leisure Suit Larry|Leisure Suit Larry 1 (SCI remake) (EGA and VGA)]] (see [http://forums.scummvm.org/viewtopic.php?t=9329 forum post])
* [[Voyeur]]
* [[Leisure Suit Larry 2|Leisure Suit Larry 2]] (see [http://forums.scummvm.org/viewtopic.php?t=9329 forum post])
* [[Wintermute/Games | Wintermute Games]]
* [[Leisure Suit Larry 3|Leisure Suit Larry 3]] (see [http://forums.scummvm.org/viewtopic.php?t=9329 forum post])
* [[Leisure Suit Larry 5|Leisure Suit Larry 5 (EGA and VGA)]] (see [http://forums.scummvm.org/viewtopic.php?t=9329 forum post])
* [[Mixed-Up Fairy Tales]] (see [http://forums.scummvm.org/viewtopic.php?t=9329 forum post])
* [[Mixed-Up Mother Goose]] (see [http://forums.scummvm.org/viewtopic.php?t=9329 forum post])
* [[Pepper's Adventures in Time]] (see [http://forums.scummvm.org/viewtopic.php?t=9329 forum post])
* [[Slater & Charlie Go Camping]] (see [http://forums.scummvm.org/viewtopic.php?t=9329 forum post])
* [[The Island of Dr. Brain]] (see [http://forums.scummvm.org/viewtopic.php?t=9329 forum post])
* [[Urban Runner]]
* [[Playtoons Limited Edition - Bambou le Sauveur de la Jungle]]


== List of game category icons we need ==
== List of game category icons we need ==
* [[Conquests of Camelot]] (see [http://forums.scummvm.org/viewtopic.php?t=9329 forum post])
* Hoyle series
* [[Jones in the Fast Lane]] (see [http://forums.scummvm.org/viewtopic.php?t=9329 forum post])
* Mixed-Up series
* [[Pepper's Adventures in Time]] (see [http://forums.scummvm.org/viewtopic.php?t=9329 forum post])
* [[Slater & Charlie Go Camping]] (see [http://forums.scummvm.org/viewtopic.php?t=9329 forum post])
* Police Quest series
* Quest for Glory series
* Space Quest series
* [[Urban Runner]]
* Playtoons series
* Playtoons series


Line 50: Line 34:
** Pick an interesting scene to take the screenshot of.
** Pick an interesting scene to take the screenshot of.
** 320x200 games should be run with '''HQ2x''' (Ctrl+Alt+3) mode with '''aspect correction''' (Ctrl+Alt+a) mode on. I.e. it should be 640x480 image.
** 320x200 games should be run with '''HQ2x''' (Ctrl+Alt+3) mode with '''aspect correction''' (Ctrl+Alt+a) mode on. I.e. it should be 640x480 image.
** 640x480 games should be run with 1x scaler.
** 640x480 games should be run without scaler.
** On platforms which use the SDL backend (Win32 and *nix included) Alt+S creates a screenshot file called scummvmXXXXX.bmp inside the current directory.
** On platforms which use the SDL backend (Win32 and *nix included) Alt+S creates a screenshot file called scummvmXXXXX.bmp inside the current directory.
** '''Make sure your screenshot is 640x480 and was made with HQ2x scaler (if originally 320x200).''' Otherwise it won't be accepted.
** '''Make sure your screenshot is 640x480 and was made with HQ2x scaler (if originally 320x200).''' Otherwise it won't be accepted.
** If the game runs at a different resolution (such as 512x384, or 800x600), use the normal mode (no scaling) and make sure your screenshot is at the original resolution.
* Screenshot file details.
* Screenshot file details.
** Screenshots should not contain any window decorations.
** Screenshots should not contain any window decorations.
Line 67: Line 52:


== 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.
 
# 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)
# Make its background transparent by carefully painting over all unneeded pixels
#* In GIMP
#** Magnify the image
#** 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 backround
#** Invert the selection
#** Add layer mask -> use selection as 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
# Save image as PNG
 
This ends first stage, you may already submit your icon, it will be a great help for us.
 
Now you may consider adding shadow to it, but you will need Photoshop CS2+ for it.
 
# Open file [http://scummvm.svn.sourceforge.net/viewvc/scummvm/media/trunk/originals/scummvm_icons.psd?revision=HEAD scummvm_icons.psd] in Photoshop. You will need at least CS2 version
# Open your icon in Photoshop
# Copy/paste icon to scummvm_icons.psd file at some free place
# Open badges layer group, first badge, right click on it and select 'Copy layer styles'
# Switch to your pasted layer with game icon
# 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
# Click on Edit->'Copy Merged' menu item
# File->New... (it will automatically have dimensions of the image in clipboard)
# Paste the image
# Save it as PNG


You're done.
'''Don'ts:'''
# Use an image that has been scaled up with a filter
# Avoid scaling down unless absolutely necessary, if you do scale down, always scale proportionally and try both Nearest Neighbor or Lancoze to see what looks better
# Keep shadows. Shadows will be done dynamically in CSS.


Now consider optipng, advpng (see previous section), but that is optional.
'''Dos:'''
# Start with our icon [https://www.scummvm.org/images/icons/frame.png template] to frame your icon. The image should be centered on the white dot and never flow outside the black rectangle.
# Be creative
# Pick a distinguishable image from the game or series. Either a sprite of the main character, a portrait, or a recognizable item/icon from the game
# Scale up as needed. Only scale up in 2x increments using Nearest Neighbor to preserve pixel art
# Have sprites and portraits face to the right
# Erase necessary pixels around the object
# Save the result as PNG


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


* If you have write access to the web module in the SVN repository, you can commit it directly. NOTE: Don't forget to add the binary format key (-kb).
* If you have write access to our web source [https://github.com/scummvm/scummvm-web.git repository], you can commit it directly to [https://github.com/scummvm/scummvm-web/tree/master/data/screenshots the relevant directory].
* Alternatively, you can submit it via our [https://sourceforge.net/tracker/?func=add&group_id=37116&atid=418822 patch tracker].
* Alternatively, you can submit it via our [http://sourceforge.net/p/scummvm/patches/ patch tracker].
** There is a restriction on 250kb per file. There are 2 options you can do:
** There is a restriction on 250kb per file. There are 2 options you can do:
**# Submit several files (you may add them one by one)
**# Submit several files (you may add them one by one)
**# Upload somewhere in one archive and provide link in the bugreport
**# Upload somewhere in one archive and provide link in the bugreport
* If you didn't perform some actions with the screenshot file, for example if you didn't compress it or were unable to produce thumbnails, please mark your submission accordingly.
* If you didn't perform some actions with the screenshot file, for example if you didn't compress it or were unable to produce thumbnails, please mark your submission accordingly.

Navigation menu