ktydesign

[ktydesign]

Had a lot of fun making these books!!

Bookbinding workshop

[ktydesign]

StopMotion:

I did a cutout stop motion/paper motion for my group narrative project about women walking alone. This represents when a woman walks she’s flustered, scared and nervous about her surroundings. I think we have all felt that before as females and males.

This process had 18 photos which was all edited together using an app called Life Lapse! This was definitely a fun little project to do!!

[ktydesign]

Photography Visuals:

Places I visited around Birmingham;

Digbeth

Jewelry Quarter

Custard Factory

Birmingham Market

China Town

Gay Village

Going around and exploring the diverse city of Birmingham was amazing to see. As an international it was lovely to see how inclusive the city really is and different styles and culture brought from outside to Brum. These are some of my favorite images which my friend and I collected for our festival project!!

[ktydesign]

This was honestly so much fun!! Definitely gonna stamp make again!!

Print workshop 25.03.22

We started by cutting out images on pieces of rubber like material close to the texture of Lino. Once we had cut out our images we stuck them onto foam and then foam board. Then we chose inks and were able to stamp out our creations onto postcards. The nice thing about this workshop was that we were all able to collaborate and borrow each others stamps. I really enjoyed it and look forward to the next work shop.

My bus print could potentially work into my logo and masthead for the Birmingham fringe festival.

[ktydesign]

Task 1: Making a content page on InDesign

Creative Review & New York Time Magazine 

1. This was a challenging task to do as I made so many mistakes and kept on changing the layout so many times until I liked the design for. I really like the layout as it represents something fun for the Creative Review Magazine. I chose a simple theme with an accent colour of yellow to give it a pop of colour!

2. The second content page is about The New York Time Magazine which had a lot more information then the first content. It was difficult organizing it but it took a lot of tries to make it presentable and readable for viewers. I enjoyed doing this and the colour scheme was simple containing greys and black since there were other colours as the accents (red, blue &orange).

[ktydesign]

 Task 5: Your Colour

Read the chapter provided about colour theory.

Colour provides dynamism to a design, attracting the attention of the viewer, and perhaps eliciting an emotional response. Colour can also be used by a designer to help organize the elements on a page and lead the eye from one item to another, or instill hierarchy.

BASIC TERMINOLOGY

Describing colour: It has different wavelengths of light, design and colour professionals use different values of hue, saturation and brightness to describe it. Designers use two main colour models, as illustrated below, that relate to work on screen (RGB), and printed work (CMYK).

RGB: Used for websites (Red, Green & Blue)

CMYK: Used for printing (Cyan, Magenta, Yellow & Black)

Brightness, Hue & Saturation:   These terms help a designer to specify and communicate colour information and help overcome the potential vagaries of computer screens and printing presses where a colour is not always what it seems. Accurate colour description in terms of the hue, saturation and brightness helps a designer and printer meet the expectations of a client.

Brightness/Value: It refers to how light or dark a colour can be. It’s achieved by mixing white and black with it.

Hue: It’s another word for colour and it can help identify one colour to another by its unique characteristics. 

Saturation/Chroma: Its when colours move towards or away from grey making it saturated. 

COLOUR MANAGMENT

Gamut & Colour space: They are used by designers and printers to calculate the range of colours are being produced in a set colorants in a particular system. 

Gamut: in the printing industry the most common systems are RGB, CYMK and now Hexachrome which is CYMKOG (orange and green). these are particular systems.

Colour space: In  graphic design and printing industries produces or reproduces a certain array of colours called a colour space.

For example, RGB is the additive primary colour space that computer monitors use and CMYK is the subtractive primary colour space used in the four-colour printing process. Digital cameras, printers and scanners all have colour space which is able to reproduce a set colourant. 

A digital camera records light as pixels and each pixel records red, green or blue light values. The colour space provides a definition for the numeric value of this combination of colours present in a pixel, with each value representing a different colour. Changing the colour space will change the colour associated to this value, which means that while creating a design or making adjustments to images, it is necessary to be aware of the colour space that is being worked in.

Pantone and colour spots: Graphic Designers use spot colours to ensure that a particular colour in a design will print. This may be necessary if the colour is outside the range or gamut of possibilities of the four colour CMYK printing process, or because there is a pressing need for a specific colour, such as for a corporate logo. Special colours have greater intensity and vibrancy as they print as a solid colour rather than one that is composed of half-tone dots, as the panels below show

Mixing a spot: These colours are mixed through specific recipes to get a certain colour by using the pantone colours.

Pantone System: This is a special system used because of the wide range of colour created by pantone. It includes a wide range of RGB, CYMK and Hexachrome. The Pantone system allocates a unique reference number to each hue and shade to facilitate communication between designers and printers.

U = Uncoated  C = Coated  EC = Euro coated  M = Matte

COLOUR CORRECTION 

Basic colour adjustments: This tool allows you to make automatic colour adjustments in order to cope with any common problems, such as red eye or colour balance problems in a photo.

The variation command: allows a designer to adjust image colour balance, contrast and saturation while showing thumbnails of the alternatives. 

The selective colour command: allows a designer to change the colours within a colour, making it brighter or darker or completely changing the colour for contrast. 

Removing colour cast: A colour cast only exist when the colour in the image are not shown properly or isn't the correct colour. This occur mostly in camera when the lighting isn't correct. 

Identifying a colour cast by eye: It may be difficult to detect an imbalance in the colours by eye alone, perhaps due to the surrounding lighting conditions or the colour presentation of the computer screen. However, if you know that an image suffers from a colour cast it can often be altered by using a simple colour balance application. Where you are unsure if there is a colour cast, there are two methods (described opposite) to help identify it. (Tone and Colour Balance).

Colour correction using hue: Hue is the colour reflected or transmitted from an object, so adjusting the hue of an image in Photoshop is a quick and easy way of altering its colour. However it can be good and bad. 

Dodge and Burn: These effects are used to lighten or darken areas of an image, and are based on techniques traditionally used by photographers to regulate exposure on specific areas of a print

Dodge: Photographers hold back light when exposing photographic film in order to lighten an area of the print. Dodging essentially lightens pixels where you paint.

Burn: Photographers increase the exposure to light when exposing photographic film to darken areas. Burning essentially darkens pixels where you paint.

Colour images: When used with colour prints or images, dodging and burning gives a designer the ability to alter highlights, mid-tones or shadows. Fortunately these techniques are very forgiving so if a bit of background is dodged or burned, it will not be too obvious because these tools alter saturation rather than hue.

CREATIVE COLOUR

Colour layers: These can be used to overlay colour panels on to a base image and these can then be blended in different ways to alter the colour of the original image, while leaving the contrast and detail intact.

Multiple images:  Various blend modes can also be used to merge separate images in Photoshop. By combining the colours with each image it will use the colour channels that they are formed with.

Multi-tones: There are duotones, tritones and quadtones are tonal images produced from a monotone original with the use of two-, three- or four-colour tones, normally offset against a black base tone.

Monotones: One colour being used in an image. 

Duotones: It’s two colours being combined together e.g. yellow and black.

Tritones: Three colours are being combined together in order to make an image have shadows, brightness and hues. 

Quadtone: Is adding a fourth colour to the mix and this can preset the values which can create specific effects.

COLOUR IN PRINT

Preparing colour in print: Designers must always carry out a number of pre-press checks to see if the colour, image and font are easy for the designers, printer and client to read to communicate.  This is vitally important if the client is to end up with the work that they have been expecting. It also allows to see if there’s any problems before printing.

Printed pages and panels:  Printed pages (or PP) refers to the actual number of pages printed and not the number of sheets printed on. This can be in a booklet or in photoshop. 

Tints and mixing colours: Process and special colours can be combined using tints and overprinting to produce many different colour effects.

Tints: The three trichromatic process colours (cyan, magenta and yellow) can be printed in increments of ten per cent to produce 1,330 tints (or over 15,000 if black is included as well). Sometimes the effect may not come properly due tp dot gain. 

Overprinting: is where one ink overprints another so that they mix to create different colours. As colour theory dictates, overprinting pairs of the three trichromatic subtractive primary process colours produces the additive primary colours, as shown above. Different blacks can also be achieved with overprinting.  Designers do this to make print images and photos.

Multi ink: Two or more process colours can be combined to create new colour combinations using the multi-ink function.

Tint charts:  The chart below shows the 121 tint variations that can be obtained when cyan and black are combined in ten per cent increments. Over 1,000 different tints can be produced by combining the cyan, magenta and yellow process colours together in a similar way as shown in the swatches opposite, with even more variations possible if black is added as well. Over 300 tints can be obtained by combining one of the process colours with black and the same amount again by using single tints of these colours. 

These swatches enable a designer to obtain a reasonable idea of the colour that will result when combining tints of the different process colours. However, the accuracy of these representations depends upon colour control during the printing process, the press used and the stock that a design is printed upon.

Using tints allows a designer to increase the range of colour possibilities available when the budget for a job is insufficient to cover the cost of four-colour printing. Instead of being limited to the use of two single colours, for example, a designer still has a varied, although limited, colour palette available.

COLOUR ON SCREEN

Web safe colours: There are 216 colours that are safe to use especially for web design. Some monitors can go up to 256 colours however,  The web-safe colour palette allows for the production of six shades of red, green and blue. So, these can be distinguished individually.

[ktydesign]

Task 4: Alphabet Street 

Explore the local neighborhood, can you photography/collect an entire alphabet of letters? How many different letter forms can you find?

I walked around Bullring Shopping Centre to collect all the alphabets. 

Typography research: B, Boots

Boots is a British health, beauty retailer and pharmacy chain which was started by John Boots in 1883.

The logo for Boots was custom hand written by John Boots. The typography under went through many changes from 1883-2019. Many letters have changed, for examples, extending the ‘T’ and ‘S’, the ‘O’s’ have loops, their font having diagonal orientation which is their signature watermark for the company. Boots have a distinctive cursive typeface with the ‘T’ and ‘S’ adding an descender to the logo. Since 2019, Boots has made their logo being a minimalistic font with a blue ellipse.  

[ktydesign]

Task 3: Marco & Micro 

Find a printed letter and study it carefully. Notice the shapes, lines, curves. Redraw the letter on an A3 sheet of paper accurately.

Kitchen package: East End Pure Butter Ghee 

Font: Antiqua

Both Letters I have chosen are from the same kitchen package. I was fascinated with the uppercase and lowercase letter which is clearly seen above. The first image are hand drawn letters on a A3 sheet paper. The challenge was quite difficult for both letters as I chose both letters with distinctive curves. Getting the curves correct for B and E was hard and kept on sketching them until I was confident enough until it was accurate on a large scale. 

The second image is an illustration version of the hand drawn letters. I basically scanned it and uploaded it to Adobe Illustrator to make it look complete and finished. This part was a definite challenge and I kept on messing up with the quick actions of expanding and image tracing the letters. it took a lot of errors and time but I feel little more confident on how to use the quick action tab. 

Typography terms seen:

B: Antiqua/Antikva, Bracket and Bowl

E: Eye, Bracket, Taper and weight

[ktydesign]

Task 2: Call my name 

Draw an accurately version of your surname from a digital font. Add in the anatomy of typography to your design.

Digital font used: Old English Text MT 

First picture:

Drawing this font was quite difficult because each letter has its own detail which is unique to the rest. The letter I found most difficult was the V because getting the spine accurate was a challenge to copy. I drew the spine multiple times and kept erasing it until it was perfect or just near perfect to the digital font. However, this was a fun challenge to do and I was happy with the overall outcome of how my digital font came out.

Second picture:

The font (Old English Text MT) had a lot of key typography terms which I was able to identify. Honestly, I didn't know there was some many terminology for junctions and connection of each individual letter. For the letter ‘R’, the small space in-between the joint and shoulder is called an Ink trap. Learning about these new words has allowed me to understand the font i used but also the next font ill use in other projects yet to come. 

[ktydesign]

Task 1: Familiarize yourself with the typography terms 

websites I used:

https://blog.red-website-design.co.uk/2020/03/09/a-z-typographic-terms/

https://www.fontsmith.com/blog/2016/06/29/the-a-z-of-typographic-terms

https://www.monotype.com/resources/studio/typography-terms

In-depth terminology about typography: 

https://www.canva.com/learn/typography-terms/

[ktydesign]

Module 2: Practice and Principles

Module Outcomes:

 1: Typography + Colour briefs - Typography terms, Call my Name, Macro-Micro, Alphabet street, Your Colours and Key Principles 

2: Magazine design brief Arkitect, Filmmaker, or The Gentle Woman Magazine 

3: Social causes brief - a campaign for a social cause of your choice        

4: 10 blog posts about design agencies and their work 

5: Reflective report - 500-1000 words