Session 3 – Files, Resolution and Layout

Task 1

JPEG

  1. Stands for Joint Photographic Experts Group.
  2. This file type is used widely across every single image editing software on the market, and is used prominently in webpages as it takes up a little amount of space, without decreasing viewing experience, so it can be loaded quickly and efficiently. The compression algorithm is called “lossy”, this means when the file is compressed, some data is discarded. This discarded date isn’t noticeable until you start to edit the file.
  3. Some of the advantages of JPEG include being able to use the format in a huge variety of software and platforms, and so is easily accessible by anybody with a computer or digital image viewing device (Phones, iPods, Tablets etc.) Another advantage to this type of file is that the actual size of the file is quite small compared to other formats such as PNG due to compression, however it does not decrease the viewing quality in normal scenarios.
  4. One of the disadvantages to this format links to one of the positive points – the compression. Because of the compression style to keep the size low, if the image were to be manipulated in software, it would not make the best results. When working on fine details, the image can become unusable due to pixelation or artifacts. Another drawback is that when shooting with a digital camera, the settings have already been applied and if you have the wrong colour balance set, the image would have that colour set unless further post-editing is done.

PSD

  1. PSD stands for Photoshop Document.
  2. It is the default file type the Photoshop uses for saving data, so it is primarily use in the Adobe software. It allows the most details and information to be saved for editing / exporting / printing at a later date.
  3. An advantage to PSD files is that it preserves all of the information and doesn’t compress any images contained in the document, this is a great way for professionals to ensure their data is not changed when saving and is completely usable when they come back to editing. Another positive is that it can preserve layers in Photoshop, this means that if you would like to edit specific parts for an image (Foreground, Masks, Text, Alpha Channels etc.) then it is easily done if they ave already been split up in photoshop previously.
  4. A downside to using this type of file is that the size is extremely large, this is because it saves all of the data inside the document and provides a very high level of data preservation, this can make it difficult to email or transfer. another disadvantage is that very few other pieces of software will understand, open, or import PSD files.

PNG

  1. PNG stands for Portable Network Graphic.
  2. This format is used a lot when creating logos or icons, this is because of it’s ability to have a checkered (Invisible) background. This means it can be imported into a document with no white background or extra, unwanted data. It is also widely used for images on internet webpages.
  3. A positive point to using A PNG file is that it isn’t a very large file at all, but it supports “lossless data compression”, which means after the compression all of the image data is preserved, so can be perfectly reconstructed, but it still has a small file size. Another good point, is that this format allows for multiple layers of transparency. As mentioned before, it can have an invisible background which makes it easily to transfer from one background to another. One more advantage is that PNG files allow up to 32-bit images for a high colour depth.
  4. One negative is that unlike GIF, PNG files have no support for animation, other than that, there aren’t any other disadvantages to this format in general.

TGA

  1. TGA stands for Truevision Graphics Adapter
  2. This format is commonly used when developing textures for games, this is because it has a smaller file size than PNG, but has a better compression than JPEG so still keeps a lot of its data after compression.
  3. A positive point for this file type is that it can use alpha channels, so an image can contain no background, useful for textures on game models, characters.
  4. A negative to using this file type is that it isn’t as widely known as other file types, so is difficult to implement where it isn’t already being used.

Task 2

For this task, we were asked to create a 1920 x 1080 wallpaper for a game from a list which we were given. Paying close attention to the following was an important factor:

  • Screen size (resolution) of the document
  • How to use guides to layout your wallpaper
  • The particular details you must include

For my wallpaper, I included the developer logo as I feel it makes it look more official and it gives credit. Here is a list of tools I used for various function while creating this piece:

  • Rectangular Marquee Tool – For selecting images for copy and pasting.
  • Polygon Lasso Tool – For selecting specific parts of layers for cutting, adjusting and feathering.
  • Magic Wand Tool – For selecting Highlights for recolouring to suit the colours from the background (Logo and Text).
  • Eyedropper Tool – For choosing the right colour for the highlights on thew characters.
  • The Eraser – Used on a soft brush to feather out edges of images to suit the theme.
  • Brush Tool – This was just used to apply a shadow behind different layers to add depth, and also to apply the highlights to the characters.

Below is the finished wallpaper, If i could improve on anything here, it would be to try and get the perspective right for the characters and possibly change their position to a more authoritative one compared to the background logo and text (This would mean to add my own background pattern to match the theme).

Resident Evil Wallpaper

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s