Tuesday, 18 December 2012

Graphic Specifications

Page Templates:
There are quite a few purposes for page templates, here is why:

  • Planning/Sketching - When making a page template, you need good planning to make sure everything you want fits on the page and everything looks neat and professional. Also when planning your page templates out, you will need to sketch examples of your templates to make you final decision, there is no point planning a template in marker pen as you may want to rub things out, this is exactly why sketching is a great idea.

Creating your own - When creating your page templates, you want to make sure you make it from scratch, your own ideas, you want to make sure you have originality, it wants to be unique. If you have your own page template it makes your work different from everybody elses and thats what will make your work professional and intriguing.

Skills & Capabilities - While creating this it is really important to show off your skills and also what you are capable of, the better your templates, the better your work looks and is good for what an interviewer is looking for. Its important to add your own work to it also.
 


Wednesday, 12 December 2012

Colour Space:
 A colour space is a method by which we can specify, create and visualize colour. We usually define a colour by its  brightness, hue and colourfulness. A computer needs the colours red, green and blue to recognize an image and also to process that information. A printing press may produce a specific colour in terms of the reflectance and
absorbance of cyan, magenta, yellow and black inks on the printing paper.


Different colour spaces are better for different applications, for example different equipment has
limited factors that dictate the size and type of colour space that can be used.

xox
Bit Depth:
In computer graphics, colour depth or bit depth is the number of bits used to represent the colour of a  pixel in a bit mapped image or video frame, the greater the bit depth, the better the quality of stored or reproduced image. The bit depth determines or should i say demands how many colours will be displayed on an image at one time. If too many colours are shown all together at one time, the loss of the image becomes. 

4-bits 16 (Standard VGA)
 8-bits 256 (Super VGA, indexed color) 
16-bits 65,536 (High Color) 
24-bits 16,777,216 (True Color) 
32-bits 16,777,216 + alpha channel
 15-bits 32,768 (Option on some earlier display adapters)









'True color is the specification of the color of a pixel on a display screen using a 24-bit value, which allows the possibility of up to 16,777,216 possible colors. Many displays today support only an 8-bit color value, allowing up to 256 possible colors.' - from 
http://whatis.techtarget.com/definition/true-color



xox
Vector Image:
Unlike JPGs and GIFs etc. vector graphics are not made up of a grid of pixels.Vector Graphics are made up of vectors which lead through locations called control points. Vector graphics use lines, shapes, curves etc which are based upon a mathematical expression to represent images. The other way for representing graphic images is through bit maps, in which the image is composed of a pattern of dots. Vector-oriented images are a bit more flexible than bit maps because they can be re sized and/or stretched. Because vector images are not made up of a specific number of dots, they can be scaled to a larger size and also not loose any image quality. You can usually identify a vector image by looking around the edge of the image, the image around the edge will always appear much more smoother whether you have zoomed in large or small, it will stay the same. Text is also one of the most common types of vector image. No matter how much you increase a font’s size, its look never changes.
Because vector images are recognized in a mathematical sense, the image size becomes much smaller and doesn't have a lot to take on when it comes to saving, so leaves you a lot more memory and space than a raster, therefore it is much easier to transfer from one computer to the next.
Raster Images:
A raster image is also known as a bitmap image, this is basically a way to present digital images. A bitmap is basically a  bit-for-bit with an image displayed on a screen, usually in the same format used for storage in the display's video memory. A raster image takes all different formats including gif. jpeg. etc. A raster image represents an image in a series of information which transform into pixels on the screen. These pixels form points of colour which create a finished image. When a raster image is created, the image on the screen is converted into pixels. Each pixel is assigned a specific value which determines its color.
There are two compression types, lossless and lossy. Lossless  stores all the information, without any loss of quality pretty much a perfect copy. The image recreated is exactly the same as the image created by the original. Lossless compression works particularly well for images with large, solid blocks/shades of colour, which condenses effectively.


Lossy Compression - High Quality          
                          Lossy Compression - Low Quality

'For example, if on a row of pixels there is a line of thirty red pixels, then we can store the colour value for `red' once, and store the fact that it's repeated thirty times, which would save us around twenty to twenty-five colour-value entries. This type of simple compression can make significant savings with certain types of image.'
 - Example from http://services.exeter.ac.uk/


Images can be stored in a rather large variety of ways, this be including bmp, png, gif, tiff, jpg and psd. If for example your working on or with something you didn't create yourself, you can pretty much guess or know how the image file has been saved by looking at the format of the image in terms f raster or vector. 

xox








Thursday, 6 December 2012

Pixels:
A pixel is a single dot in an image. Pixels are what makes an image become an image, basically puts the image together this is because the pixels are so close together that it looks like they are connected, this is based on DPI.
DPI is short for Dots Per Inch, this is basically the dots in the image that bring out the image for thr printer to print it out correctly. A printer that may have 600 DPI is a printer that can print 600 x 600 per square inch or 360,000 dots per inch. The more pixels, the higher the resolution, simple! Or it sounds it. All pixels have a colour, thats how in an image, the colour comes through by pixels.
Another word for pixel is Picture Element
 
The Definition of an Image:
 
The word definition is used in a few things but is mostly common and used for TV (High Definition TV). The 'definition' of the arrow shown above is 26X16, definition is all about the number of elements that create the image.
The fewer the pixel in an image, the more blurry/fuzzy it will become, for an identical subject, more pixels is better
 
Resolution:
Resolution is the number of pixels per mm, the computer screen you are looking at right now is set at a particular resolution. The bigger your screen, the bigger it is that the resolution will be set to.
 xox