WEEK THREE: COLORS

Okay another amateur hour post , this one is about colours (colors) , colour modes and the meaning of the gobbledegook in colour settings . In computer colour depends on the intensity of red blue and green. Outside computer according to my ordinary level science colour is visible light. If i remember correctly what our eyes interpret is a byproduct of the reflection or absorption of light that hits an object (Basic Physics or Biology I think). The colours that humans can see or the colours that can be seen by humans are the Visible spectrum.
Any way moving onto something that is connected to multimedia authoring .

Colour modes:

The best way to describe a colour mode is by giving examples. Color modes repetitive in multimedia include;
RGB colour mode
CMYK or CMYB colour mode
Indexed Colour mode
Gray Scale Color mode
Bitmap colour mode

And  there is Lab, Duotone, Multichannel but I won’t talk about them. The most familiar model among the above would be the RGB (stands for Red Green Blue) colour mode which is used to display colour by display screens of electronic devices. Colours in this model are additive that is they are a product of addition of other colours (that is addition of Red Blue and Green) called primary colours.
Proportion or amount of each primary colour added defines the end result.
Eg.

Red + Green + Blue  =white;
Red + Green              =yellow;

Etc.
The next model which is a result of addition of RGB colours in equal proportions is the CMYK (Cyan Mangenta and Yellow) the K represents Key (black) This model is used in printing. The difference between CMYK and RGB is that CMYK is subtractive.
That is colours are printed by reducing the percentage of each primary ink (colour).
A clear example is that to get white in the RGB colour model we need to have 100% (255) of each primary colour while in CMYK getting lighter colours or white will require 0% of each of the four inks (colours).
Greyscale and bitmap colour modes:
Bitmap has images with a depth of one bit, black or white. Greyscale on the hand has three colours black white and grey (gray) and image have depth of  8 bit. The gray is basically what differentiates Greyscale from bitmap because it can be  in different shades ranging  upto 256 shades of gray.
Lastly but not really last is the Indexed colour model that produces 8 bit images with upto 256 colours. As you can see the range is not that high. This model is used in web pages because it has a reduced file size and still maintains multimedia presentation standards. Mostly image editing is done before images are converted to Indexed colour.

Colour notation:
RGB colors.

Colours are represented using numbers from 0 to 255 ( 256 )  meaning we can derive over (256 x 256 x 256) colours. For those familiar with HTML have used  the  hexadecimal representation which has  a # infront  eg (#000000).
The notation follows an ordered list of Red Green Blue ( like a tuple for those farmiliar with lists in programming).
Eg

R        G     B
(256,   0 ,  0) = Red
The hexadecimal equivalent of this is:
(Remember hexadecimal equivalent of three place value decimal base number is two place values means 255 will be represented in a pair FF )

R     G       B
# FF  00    00
Written without the spaces as #FF0000;

R        G     B
(192,   192,  192) = Grey
The hexadecimal equivalent of this is:

R     G       B
#C0 C0    C0
Written without the spaces as #C0C0C0;
More Examples at w3schools.com under Colours.

Before ending colours I would like to add two more terms:
Pantone Matching System: standard mostly recognized colour matching system for printing etc. More on the Pantone wikipedia page.
Gamut: range of colours that can be produced by a process device such as printing etc. Gamut can be be better understood after familiarity with color spaces. However right now the best way to see a gamut is as a subset of the colours that can be produced.
For example pure red is viewed as out of gamut in CMYK (or CMYB) but in gamut in RGB  becuase CMYK. This can be seen clearly through changing colour modes in your multimedia authoring program eg photoshop Red in CMYK is duller and not pure.

Now I think setting colour settings and colour working spaces will be easier for more go to the online help manual for the program your using.

WEEK TWO: PHOTOSHOP IMAGE TYPES AND RESOLUTION

(March 13, 2013)

For those using Photoshop to produce professional looking images and so on the following should be basic information before you start your project.

Bit:  Binary digit, a digit in the binary coding system that is it is a 0 or 1, smallest or basic unit of information. A pixel on the hand is the basic unit of color on computer display It is defined as a unit of color and its location.  Thus a pixel can contain one only one color and is  square or (rectangular) shaped.
. 1 bit = 2 colors that is n bits = 2^n colors for example 8 bits will contain 2 to power 8 colors which is exactly 256 colors.
Other terms to be familiar with are:
A color as displayed onscreen is combination of RBG (Red Blue and Green). The intensity (percentage or how much ) of  Red , Blue or Green in a color determines what color appears on the screen.

An Image (still image) on the other hand is that that depicts visual perception.  Photoshop is especially used for bit-mapped images over vector graphics .
Image resolution is the number of pixels that make up a printed out inch. The higher the resolution the clearer the printed out version of the image this of course with respect to the capabilities of your printer.
Because image size (  its appearance )onscreen differs according to size of monitor zooming and out  etc  image size on screen is measured in pixels over manual use of your ruler to try and measure the size of the image on screen.

Print resolution: density of pixels on a printed page.

The relationship between an onscreen image and its printed out version is that:

On Screen Size/ Resolution = Printed Width

For example for an image with Screen size 200 pixels and resolution 100 pixels will be with width 2 inches.  If the resolution is higher then the same screen size will be smaller once printed out .

Using the Information In Photoshop

The main purpose of knowing how many colors in a pixel or the resolution  is for print out purposes to prevent the frustration of discovering that your project looks better (bigger) on screen than on your hard-copy.

Note that image resolution should be set before starting because it defines how many pixels per inch an image will have changing the image’s resolution after creating it will distort it on the hand the pixels can be changed. However while working with vector graphics this restriction is void because the image will retain its quality irrespective of the scaling direction.

Week One : kinetic typography

Since I was supposed to post this Last Week this will be a short post because i only remember a few topics of what we discussed. On that note I would like to warn you this is basic information and the lesson as best as I remember it (I will provide some citation if necessary) though everything included here is definitely correct.
We did the module assessment (16 weeks long, 2 hour lecture per week) and the assignment briefing (2: a poster and a kinetic typographic video).
This brings me to the highlighting detail of the class our discussion on Kinetic Typography. Kinetic Typography is moving text, animated text that conveys a message (Obviously). The term Kinetic means motion and Typography (might sound a lot like the scary Cryptography) is just type arrangement albeit with the need of a little bit (a whole lot) of art. And type is letterform.

For history and introduction to the art on Typography Typographic Design Form and Communication is a useful guide and there links to dedicated sites at the bottom of the Typography Wikipedia page under links. As for now watching some of  these  interesting somewhat involving samples of the art that is Kinetic Typography is enough.