Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

File types pro forma(1)


Published on

File types pro forma (print based media)

Published in: Internet
  • Be the first to comment

  • Be the first to like this

File types pro forma(1)

  1. 1. Digital Graphics File Formats Joe Young
  2. 2. Raster Graphics Raster graphic are made up entirely of bitmaps, bitmaps are a graphic that are made up of pixels. Each pixel records the colour information of that section of the image
  3. 3. Vector Graphics Vector graphics are made up of vectors (paths and strokes) vector graphics are defined by a start and end point with curves, points and angles between them From this information the path can become a line, square and triangle or a curvy shape.
  4. 4. Raster Graphics
  5. 5. JPEG Stands For Joint Photographic Experts Group Used For/Example Used for the majority of pictures on the web. Used on big sites such as Facebook etc. The standard for pictures on the internet. Advantage Small file size, Is used by the majority over the internet Disadvantage Picture will begin to lose quality after multiple edits performed on it, this is due to compression and recompression.
  6. 6. TIFF Stands For Tagged Image File Format Used For/Example Desktop publishing, Adobe indesign Advantage Can save multi-page documents to a single TIFF file, when compressed will not loss any quality. Disadvantage TIFF files cannot be opened by everything and usually have bigger file sizes especially compared to JPEG.
  7. 7. GIF Stands For Graphics Interchange Format Used For/Example Used to create short digital animations using a series of images. Advantage Can be used as an alternative to video while serving the same purpose with a smaller file size, Continuously loops. Disadvantage Kind of deemed useless by video platforms such as YouTube that has plenty more features and options for content creators.
  8. 8. BMP Stands For Bitmap Image File Used For/Example Photography and art. Advantage No loss in compression, a universal file type and very good photo quality if not resized . Disadvantage Will always have a large file size, when resized can become very pixelated.
  9. 9. Vector Graphics
  10. 10. PSD Stands For Photoshop Document Used For/Example Photoshop is used for image manipulation and in the industry you will see it frequently used for front covers of magazines and film posters etc. Advantage • Supports transparency • The best image manipulation software • Uses vectors so pixilation won’t be a problem Disadvantage • Intricate designs will have the potential for massive file sizes • Photoshop is required to view the files
  11. 11. AI Stands For Adobe Illustrator Used For/Example Creating logos for company use. Advantage Can be scaled big and small as vectors have no loss in compression. Disadvantage Similar to Photoshop AI files can only be viewed by the program itself and would need to be converted to send to outisde parties .
  12. 12. FLA Stands For Flash File Used For/Example Generally used to create animations and games, usually on a web page. Advantage These files can include sound and video and can produce high quality files while also maintaining a small file size. Disadvantage Kind of outdated at this point by modern gaming platforms on PC such as Steam and Origin as well as games consoles like the PS4, Xbox One and 3DS.
  13. 13. WMF Stands For Windows Metafile Used For/Example Similar to AI files in that it can be used for logo creation. Advantage Again can be scaled big and small as vectors will always have no loss in compression, however uniquely WMF files can contain both vector and bitmap components. Disadvantage A very simple file type which lacks the features to create complex files like Photoshop, outdated,
  14. 14. File Format Capture and Optimising
  15. 15. Compression Definition The way in which file sizes are reduced by reducing the amount of information that is saved. Advantage Downloading and viewing images from a website will be a lot easier and quicker if the image is compressed. Disadvantage Images become more pixelated as they are compressed because they will have a smaller amount of coloured squares each time.
  16. 16. Image Capture Method Scanner How is it used for image capture of graphics A scanner can digitise physical images like sketches, physical photos and mixed media products. Method Camera How is it used for image capture of graphics A camera can take pictures and allows for them to be transported onto a computer and subsequently the web. Method Graphics Tablet How is it used for image capture of graphics A graphics tablet allows you to control the mouse like a pen, this allows for enhanced controls when performing actions like drawing, selecting and digital handwriting
  17. 17. Optimising Why would you optimise? Optimising allows you to upload images to the internet for easy viewing How can you optimise? The most common way of optimising an image is to use a website that will do the job for you Advantage to optimising Images that are not optimised will have a large file size, this means that downloading this image will take a lot longer. If you feature an optimised image on your site then you will be helping to greatly reduce the load time of that site. Disadvantage to optimising Optimised images will have a reduced bit depth and a reduced image size, this subsequently will reduce the resolution of the image.
  18. 18. Storage
  19. 19. File Size What could affect a Working Scale (Photoshop) document file size? The main problem will come from the amount of layers and effects that you have featured on your image . How could you reduce the file size of a Working Scale document without affecting quality? Some ways you could reduce Photoshop file sizes is by merging and flattening layers and also making sure you are only keeping the essentials of the image, another thing you can do is rasterize smart objects. What is an advantage of scaling up images before exporting? In raster graphics, scaling up the image will make the image seem more soft and less pixelated. What is a disadvantage of scaling up images before exporting? Like many of these, the disadvantage of scaling up images is the obvious increase in file size.
  20. 20. File Naming Conventions What naming conventions could you use when creating your video game assets? A file name should be relevant to the purpose it serves, this helps in making files recognisable from other ones. In similar fashion when using PSD it helps to name each layer to something conforms to the actual feature such as; Tree, Path, Door etc. Why is it a good idea to accurately name your assets? Accurately naming your assets allows to quickly find the exact thing that you're looking for and also if you pass your project on for someone else to look at then they can quickly become accustomed to your project.
  21. 21. Asset Management Why would you use folders when storing your assets? Using folders can help generally organise your files when dealing with a great amount of files and file types. What folders would you create and what would you save within them Personal files: I place to separate your recreational files from work College: All text based files that you work on at college. Photoshop: A place to create all of your Photoshop creations, work or play