Sunday, 17 August 2014

Evidence 11 - Produce Copy Unit for Interactive Media

Here is a video that I have produced explaining the techniques used in producing copy for interactive media products.


I have referred to, in my video above, the example below and I will also refer to this example in more detail in how I created this blog post.

http://www.ggs.co.uk/large-format-printing/wallpaper-graphics-nnuh/



Now, in more detail...


I produced my blog to go on the GGS website. This is a responsive site and so when inserting images and choosing font sizes I had to keep this in mind. The types of platform I had to consider were computer, tablet and mobile, as these are the main devices which our website is viewed on.







In order to achieve the above result when it came to inserting images, I had to change the width of the image into a percentage instead of a fixed pixel width. The higher the percentage, the greater the width of the image, but by giving it a percentage value this is applied across different platforms. A percentage of 80% will take up 80% of the page width, and the image will rescale to fit on smaller mobile screens and tablets at that same ratio. 

The text which I used throughout the blog was in a simple font supported by all platforms. I made sure that the text size was consistent to previous blogs and checked it on other platforms such as mobile to make sure that the text displayed at a correct format.

In the blog I also used hyperlinks (B) which were formatted in GGS branded pink. They stood out amongst the rest of the text and attracted attention. By using hyperlinks this enhances the content and makes the blog more searchable in Google rankings.

The blog exists on Wordpress, an online system which we used to manage our website. It also exists on our FTP server which is the coded storage system that you can access using programmes such as FireZilla. The blog is stored in both of these places as different formats, and it also exists as a Word Document on my Mac Computer. 

Accessing the blog can be done by logging into Wordpress which is a lot more visual than FireZilla. I have a user account and password to access this, but | can also access the FTP server with the FTP host, user and password. To access the GGS server, I also had to make sure that my computer IP address had permission to do so by contacting our server host. Which in this case was Heart.



Using Wordpress as a means of creating and uploading blogs meant that I could preview the blog before it gets uploaded. This is particularly useful if I want to check image sizes and  the responsiveness of them.

The target audience (TA) for GGS falls under the following qualities:
1. Business owner or an employee with a marketing role
2. Generally aged between 25-55
3. Could be male or female
4. Any type of business


The literary writing style for GGS blogs falls under the informative and persuasive categories. The text is usually written to inform the audience about recent work we have completed and is naturally persuasive as it is attempting to convince the audience that our services are good. The persuasive techniques are quite subtle. One of the hyperlinks which I have used is a link to the GGS exhibition page of the site which is directly the section that the blog is talking about. It's a quick way for the audience to navigate to a page where they can buy something. 

Thus the purpose of GGS blogs are to inform and to entertain, as we try and present the information in an interesting and lighthearted way that applies to the wide age range of our TA. 

It is important when producing copy for any type of marketing that it is kept consistent, therefore we make sure that our writing style is the same throughout. Whether it be on our website, social sites or blogs, we have a light-hearted creative style that captures what we do as a company (C). Copy is therefore prepared by having a topic and list of points that should be mentioned, and then the style and formatting is introduced to keep the style consistent across platforms. 

Proof reading should always be completed when any text has been written, firstly by the writer, to check for any basic mistakes they may have made, such as typos, and then checked again by a second person. It is easy to make a mistake and never change it because your brain will automatically correct text as it reads it, that is why a second person should always be called for when proof-reading text. 

A spell check can also be applied digitally to the text, this will check for any spelling mistakes or incorrect grammar. But when using spell checkers, you should remember that it should be set to International English and not American English. Spellings will vary between the two and having it set up properly before using a spell check will save time correcting it later. 

If we look at point D on my blog image above, you can see that the paragraph structure is short and the text is separated by images. This is so the audience will not have to absorb too much information at once, it is broken up and allows for better comprehension after. I have used complex sentences, but made sure that they were not too long so to get confusing. I have made it easy to navigate to other pages by including hyperlinks, including links to social sites where the audience can share the blog if they liked. The font is consistent to other blogs, and the pink text is representative of the brand. 



       

When writing a blog, choosing a keyword for it can be difficult. Put your mind in the shoes of someone who is looking for the service you are writing about, and what they might search for on the internet. For this blog, I chose wallpaper graphics. After you have chosen a keyword, you must then make sure that it is reinforced throughout the blog. So it should be included in the meta description, the page title, the page link and in the content also. You should also assign meta tags to the blog so that it is obvious what the particular post is about. The keyword throughout the text should be naturally occurring, in the past Google spiders (as they are referred to), have simply looked for keywords that occur repeatedly throughout the text, and given that page a top search position. Now, keyword Google have keyword realised that keyword web designers could keyword write a keyword page with every keyword other word being keyword the keyword and it would keyword work perfectly keyword well. Obviously this doesn't make for very good content. Keywords should appear in the text naturally, just enough times to give an idea of the subject.

The visit statistics of a page will give an idea of how successful the post was, whether it appeared high in rankings, the source of page visits and to some extent information about the people who visited the page.

In the blog I followed the basic writing conventions, using correct grammar and spelling, using no jargon and keeping text simple and easy to read. As we are a small company with less than 20 employees we do not have an editorial policy, anyone that has an idea for a blog post can approach one or all of the directors and the idea will either be rejected or accepted. Any blogs that we create will also follow the house style and the conventions of those before it, and the use of formatting tools such as font size and colour (B) help to achieve this common style.

 Good content should be accompanied by rich media to assist the text. In the blog I have used images (A) to illustrate and confirm what I am saying, not only that but I have also used hyperlinks such as (E) to assist the text and back up information. 

When uploading images to Wordpress you can add certain information to that image. Each image can have a title, a short description and alt text. By adding these to the image you are giving the image more context and when you come back to it at a later date it is helpful to know what the image was actually taken for. By adding alt text this also works similarly to a keyword, it makes the image more searchable. 

Hyperlinks can be added to a word. In Word press you have the option to choose what the text reads, where the link goes and can even give the link a title that when you hover over the word the text will appear. In standard format 'http://' will appear at the beginning of a link. It makes it more accurate as a link and is less likely to fail later on. You should always test links that you have pasted into a blog post just to make sure that they are all working correctly. 

Metadata is used mainly for SEO purposes, it is a summary or a description of the content and should include keywords that are relevant to the text. You can also use metatags here as these will relate specifically to the subject you are referring to.

Proof reading should also be completed to check not only for text errors but for online errors too. This is where you can check that links are working, the images and text are displaying as they should and that the blog works on multiple platforms. After this has been tested by yourself and also by another person, any mistakes or errors are recorded and then given to the person responsible to be rectified. 

In the above blog I have used a figure about the costs of the new hospital ward (F), before entering this information I had to check that it was correct. I did this by going onto the Norfolk & Norwich site and checking that the figure listed here was correct, if any source should be reliable it should have been the hospital post about this unit. Whenever you are checking data you should consider the source that you are using to make sure that it is reliable. Websites like Wikipedia are questionable when it comes to accuracy as it's information that comes from any person with an account rather than a reliable source. By publishing information that is incorrect, especially if you are linking to that company's website, can have a negative effect on your company. It doesn't make the business look very credible if they are posting up the wrong information. If information is not available online then you should always check with senior personnel to check it is definitely correct. You should also check that it is acceptable to use that information as if it is not online, it may not be for a reason!  





Friday, 15 August 2014

Evidence 9 - CV and Cover Letter for Job Application

For Evidence 9, I tailored my CV and wrote a Cover Letter for a Job Application.

These can be seen below along with the comments and discussion notes had with my College Assessor Daniel Kunka.





 








Tuesday, 12 August 2014

Evidence 10 - Understand Key issues relating to Technical Adjustment of Images


Additive primary colours consist of red, green and blue - abbreviated to RGB. RGB is a colour mode that is used for on screen purposes. Additive colour systems work by adding varying amounts of the three primary colours onto a black background, black is the absence of light and so colour is added to a screen by adding light. In this case my adding equal amounts of the three colours you achieve white. It is also possible to create secondary colours, by varying the amount of the primary colours two colours can be used to create cyan, magenta and yellow.

Subtractive primary colours consist of cyan (C), magenta (M), yellow (Y) and black (K) – known as CMYK. These colours are the same as the secondary colours created in the RGB colour system. Subtracted colours are based on the process of light reflecting from an object and so works rather differently to the RGB system. In the subtractive system instead of beginning with black, you begin with white and the three primary colours (CMYK) are subtracted from the white to create the colour. The secondary colours for this system are red, blue and green, the same as the primary colours of the additive system. CMYK colours are generally used for printing; this is because in most instances you begin with a white page that reflects RGB light. Combinations of cyan, magenta and yellow are used to filter out the RGB wavelength and the use of the black ink gives a more substantial black than what you would find with just a combination of the primary colours.

The conversion of RGB to CMYK is a very common process, as a photograph taken on any camera will come in its RAW format as an RGB file. The camera will interpret colours by assigning each pixel a red a green and a blue value, so that the file can be previewed on the camera screen. It is only when you convert the files colour mode that it can become CMYK. By doing this, Photoshop, for example, will give each pixel a new colour value comprising of a cyan, magenta, yellow and black value. As you can imagine, each image with say 3000 pixels now consists of more data than what it had originally, increasing the file size ever so slightly.

After converting the colour mode of an image or a document it is important that you consider what effects occur from this change. Some RGB colours will be out of the CMYK colour gamut and so will look completely different from the RGB version. This is because the RGB colour mode has a much wider colour range than CMYK and when converting particularly bright colours they lose their intensity. When proofing colours for print you should send a proof to the client with a CMYK colour mode so that they can view colours accurately for how they will be printed. If the client agrees that there might be a problem with the converted colour you can tweak this in pre production stages before printing. Perhaps by changing the CMYK values you can try and find a colour that is more representative of the original. When printing, particularly if you are concerned with the colours, you should print out a small version or a cropped section of the area of concern and view this in comparison with other printed materials with this colour.

Another aspect to consider when editing an image is 8 and 16 bit colour modes. As I have mentioned before, using different ratios of red, green and blue allow us to make a whole range of different colours on screen. However, to work out the exact amount of colour possibilities in a given mode we can use this formula. Bit means two - so when working in an 8-bit mode, to work out how many shades you have for each colour, you use the calculation 2 to the power of 8 - 2x2x2x2x2x2x2x2. This is equal to 256; you have 256 different shades of red, 256 shades of green and 256 shades of blue, which will allow you to create up to 16.8 million different colours. For 16 bit, this figure is much larger, which means that the tonal range is much greater. For 16 bit, you use 2 to the power of 16 - 2x2x2x2x2x2x2x2x2x2x2x2x2x2x2x2 which then gives us 281 trillion possible colours with 65,536 shades of red, green and blue. The human eye can see as high as 10 million different colours so these colour modes are indistinguishable to us. We can’t even see all of the colours available in the 8-bit mode, so really the use of 16-bit only becomes useful when editing an image.

If your camera is capable of capturing RAW files, it can capture images in a 16-bit mode. Most common digital cameras cannot do this as they store images as JPEGs. JPEGs do not support the format of 16 bit so when printing or converting to JPEG you tend to lose the colour capability that 16 bit gives us. Essentially, by using a 16-bit colour mode we have a lot more flexibility when editing our image. The tonal range is much greater than 8 bit and also the editing is a lot less damaging to the image, Photoshop can expand and reduce the range with ease and without risk of colour banding that you may get in an 8 bit image pushed too far. A drawback to using 16-bit is that the file size is much larger than using 8 bit and also you cannot JPEG it without losing the colour capabilities. One possible solution could be to save a 16-bit version where you can edit it as much as you like, but also save an 8 bit version that can be used for printing and general workings.

There are many different types of colour profiles that will affect the appearance of images that you open. All images will have an embedded colour profile that is assigned by either the camera or the editing software that it is opened in. For example, on my Mac computer I have ‘Adobe RGB’ set as my RGB space and ‘Coated FOGRA27’ as my CMYK space. It is important to keep these profiles consistent for different purposes, for design and artworking the above settings are fine but for web or for printing it may be customary to use another setting that is more reflective of the circumstances. In Photoshop there is an option to notify you whenever you open an image that does not match your colour space and whether you would like to change it to your settings or keep it as they were. Again depending on circumstances I decide whether to change or keep it as the image comes. For example, the other week I had to open a Photoshop document that had been created by our web designer. He had obviously set his own colour spaces on his own computer and when I opened the file on my computer I was careful to keep it at the same colour mode as it was originally so that it still matched other files on the website. When converting files in Photoshop, for example an RGB image to CMYK, Photoshop will automatically assign my chosen CMYK profile to the image. At moments like these, it can be useful to save the image as another version, named obviously to indicate that they have a new colour profile. This way you are able to keep all of the original colour information in case you need to refer back to it at any point.

Overall the management of colour in editing suites such as Photoshop is extremely important when creating final artwork for reproduction. Test prints may need to be done in order to get an accurate representation of colours and it may also be advisable to compare the colours with what has been produced before - particularly with branding and logo colours. A methodical workflow that is adopted by all should be in place and this will hopefully allow for reliability and consistencies when producing materials. By setting the same colour profiles where needed and by keeping logs of any changes to colour modes this means that when doing reproductions of previous work we can keep it as similar as possible when printing.

When creating artwork for different sources any images used in that artwork must be at a particular resolution in order to use them with full impact and sharpness. If for example, you are intending to create an A4 sized brochure and you wanted the front cover to feature a full sized image that covers the whole page, there are a few matters to consider in terms of resolution. Upon opening your image in Photoshop, firstly you should check what the actual resolution is, the dpi (dots per inch) as it is referred to. For Litho or digital printing the resolution must be 300dpi in order for it to print at maximum quality. For large format printing you can print with a dpi as low as 100, although it does depend on the printer, and for web a resolution of 72dpi is standard procedure. Most images that you take yourself or images that you buy at full size will be 300dpi. So once you have checked this, you can consider the actual pixel dimension of your image in comparison with the space you would like it to fill. Pixel dimensions refer to how many actual pixels are in your image and relating to this, what size in millimetres your image can be taken to before it starts to blur. In my example, we are working with A4, we know that our image must be at least 210mm wide and 297mm high, if you are allowing for bleed as well, then it is better to work to more than the desired size. This process is relevant to all different sources and purposes, you must consider the space that your image must fill, the resolution it will need to be and whether your image meets the requirements. Images can of course be scaled up or down in proportion to the dpi or pixel dimension, but it is also possible to resize an image and increase the amount of pixels if you need to. Although this can cause ‘Jpegging’ where you get a blurry noticeable jagged edge to the pixels as Photoshop is simply trying to guess what pixel may fit in-between the existing pixels.

When printing an image it is vital to consider the pixel dimensions and also the colour mode of our image. Most images will start off by being in RGB mode that is used predominantly for web or video use. When creating artwork for print it is customary to use the CMYK colour mode that will give accurate representations of how the colour will actually print. To use CMYK in a web environment may cause problems with how the browser interprets the colour, similarly, to use RGB in print may mean that colours are printed very differently to what appears on screen and may not be read well by printers. The pixel dimensions and resolution of an image also have a great effect on how an image will be presented. There are different requirements of resolution depending on the application. 72dpi is usually required to create high quality images on the web or on screen, the pixel dimension of the image should be either larger or equal to what the space requires. You couldn’t take a 300 pixel wide image and stretch it on screen to 900px wide without the sharpness of the image being sacrificed. Pixel dimensions should be altered to fit the space, whether it be reducing the size or increasing it. When it comes to print media, there are many different options that will require different resolutions from an image. Litho, or digital printing is used for things like brochures and business cards. In this case, the resolution should be full 300dpi and similarly to web, you wouldn’t take a 200mm wide image and place it full size on an A4 brochure. Another type of printing is large format printing, this allows for more flexibility than Litho or digital printing and usually the resolution of an image will be no more than 150dpi. However, the resolution in large format printing does depend on the image that you are supplied. An image of a cloud, which is quite soft without any hard edges, may be printed at a much lower resolution because you do not have to worry about any hard edges that might blur. But if there was a plane, or a bird used in the same image, reducing the resolution down to say 50dpi, would mean that the hard edges on the plane would be very pixelated and not very detailed at all. Producing high quality images is all about knowing the intended purpose and the methods of producing the image.

The limitations of using a low-resolution image at 72dpi is that the image can only be used in a print format at a very small size. For example, if you had a 200mm x 200mm image at 72dpi, you can change the dpi proportionately (without resizing it) to 300dpi. BUT the pixel dimension will now only be 48mm x 48mm as you are not adding any pixels, you are only changing the resolution they will be viewed at. This image will not go any larger than 48mm by 48mm without suffering from artefacts created by stretching. Stretching the image may mean it could lose sharpness, lose detail, look blurry with noise and if not done properly it could effect the aspect ratio and make it incorrect. Stretching images particularly affects text on an image, as text always features very sharp and straight lines, and these could end up having steps in them if the image is stretched too uncomfortably.

The file size of an image is usually dependant on a few different factors - the total number of pixels, the resolution and the bit size. There is a particular formula for working out file size which is as follows: file size = (height x width x bit depth x dpi squared) / 8. Another factor which effects file size is the format, categorised as compressed and uncompressed. A compressed file would be a flat JPEG, convenient, as a JPEG is small in size and compatible with most hardware and software. Uncompressed would refer to a RAW camera file or potentially a TIFF. A TIFF file still contains all of the raw data from the camera and is usually much larger than a JPEG. As I mentioned before it is possible to change the dpi or resolution of an image without adding any more pixels and effectively changing the file size. If you increase the resolution, the pixel dimensions will usually be decreased, where as if you increase the dimensions of the image than the resolution will decrease. The dimensions of the image will affect the print size of the image. If you reduced a 300dpi image to 150dpi it can be printed much larger than if you were increasing a 72dpi image to 150dpi.

Bit modes also have a large affect on file size; an 8 bit mode, as mentioned before stores 256 different possibilities for both red, green and blue, where as a 16 bit mode will store 256 times more options for the three different colour channels. This does have a massive impact on the size of the file, it is at least double the size of an 8-bit mode and it can run much slower on a computer. Also considering that JPEG does not support the 16 bit mode you will always have to save your 16 bit colour images as either TIFFs or PSDs which are already much larger than JPEGs before you even consider which colour mode they have. 8 bit modes are a bit more flexible when it comes to file size, not only do they contain less data but you can also save them as a high quality JPEGs and keep that rather than the large TIFF files which are most of the time unnecessary.

When you save an image as a JPEG it automatically divides the image into a grid system. It will sort the pixels into blocks of 64, with 8x8 pixels in each block. The way that this works is that Photoshop, or whatever programme you are using, will discard any information it deems unnecessary. So if you had two pixels sitting next to each other in a full sized image that are similar in colour, Photoshop will discard one of the pixel’s colour info and it will become the same colour as the first. However, the more complex the image the less tolerance the image will have to compression. Looking at the box below, let’s pretend that we’ve got an image with an orange gradient. If you were to zoom in on the gradient, you would eventually see rows of small square pixels each with a different shade of orange. Now below, ‘A’ would fade to ‘B’ that would then fade to ‘C’. If you were to Jpeg this image, let’s say that Photoshop would deem square ‘B’ as unnecessary. There is a much clearer definitive line between ‘A’ and ‘C’ than when you’ve got ‘B’ in the middle. Simply, this represents what happens to colours and gradients during the JPEGGING process. The colours begin to have steps in them and the more complex range of colours you have the more steps in gentle graduations and images you will have.


Now by storing the pixels in this 64-pixel grid format you are dramatically reducing the file size. As I have mentioned before, one single pixel will have a red, a green and a blue colour value, not to mention a value that determines its position and it’s resolution. By reducing the number of pixels that are in the image you are reducing the amount of information that the file has to keep in order for the image to appear as it does. By converting an image to a high resolution JPEG you can reduce the amount of pixels without massively affecting the appearance of the image. It is only when the image is repeatedly saved as a JPEG that any unwanted artefacts start to appear. Saving JPEGs does come with many different options that determine the size and the quality of your image. The lower the quality of the JPEG the smaller the file will be, as this will reduce the number of pixels, in contrast the higher the quality the larger the file will be as this is keeping more information. It is usually recommended to save JPEGs at their maximum quality and if you wish to reduce the size of the file, you can manually resize the image to a smaller dimension.

It is important to use metadata when capturing images, it has many advantages and although it can be time consuming entering the information for each image it can be worthwhile when reviewing them later. Technical metadata is information that is automatically assigned to an image by the camera; it includes details such as the camera make or model, the shutter speed, the lens used, whether flash was used and much more. Metadata can also be added to the image at a later stage on a computer, known as descriptive metadata. You can add keywords to an image that describe the subject or the location; you can add the name of the photographer and even a copyright status if necessary. Adding keywords can prove particularly useful as you can search for images this way, any terms that you add to the image are now searchable, so if you’re looking for a particular image out of an image library you can simply search the term most relevant. Technical metadata is also useful as it allows you to look back at images and decide which camera settings were particularly effective, you can evaluate the information stored in an image and decide which techniques were most effective and which you would use again in a particular scenario. Keeping this information accurate and up to date is a great way of keeping track of settings used in a shoot and also allows the opportunity to include your name and copyright status in the images without comprising the image.

Using the appropriate equipment for the right situation is very important. Beginning of course with the hardware, for a professional photography shoot where the images must be of high quality and style an SLR camera is usually appropriate. Cameras like these capture RAW files that can be manipulated extensively without compromising the quality of the image. A digital camera may be more suitable for web purposes or casual photos, it produces compressed JPEGs that can be printed immediately or saved for editing later. If you are reproducing an image that you do not have as a digital copy, using a flatbed scanner is most appropriate, as it will scan an image in the highest quality available. Once you have retained your images, software choices are also very important. When working with vector files for instance, it is advised that you use a vector-based programme such as Adobe Illustrator to edit the file, as it will keep the file in a vector format rather than converting it to a bitmap file. Vectors work without pixels and so can be stretched to any size without losing their quality. They consist of paths that create shapes and can be created and amended with the pen and selection tools. Bitmap files such as JPEGs or TIFF files are restrained to the size that they are captured at, and so it is best to edit them using programmes such as Photoshop where you can change both the appearance of the image and also the size of it. Programmes such as Photoshop also allow for changing and adding to the metadata of an image, and you also have many different options for file format when exporting the image. The format of the file will also determine the use of it. A JPEG is a flexible in the sense that it can be used for both print and web, although the size of the JPEG is what determines how large it can be viewed in both of these medias. An EPS file, or a vector-based file technically speaking, will not be appropriate for web as it has to be given pixel dimensions to be viewed on a website. Vector files can be printed although not directly, usually through a design programme such as InDesign where a final PDF is sent for print. An EPS file is particularly used for logos as it has the ability to become any size without any unwanted artefacts.

There are many different file formats to choose from when it comes to dealing with images. 1. JPEG – generally JPEGs are low in size, but they do suffer from JPEG artefacts after they have been resaved too many times or if they have been stretched beyond their size.

2. TIFF – A tiff is an uncompressed file format and generally has a large file size. They are high quality and usually they are a format that comes after the RAW camera format.

3. RAW – This type of file is straight from the camera, large in size, full quality but with the flexibility in editing that doesn’t come with a TIFF. You can change things like the exposure and white balance without affecting the quality of the image.

4. EPS – This file is usually vector based, it means that the image is not made out of pixels like a JPEG but instead the image is made from paths and drawings. A photograph is never vector based but something like a logo with text and a drawing is vector-based and can stretch to any size necessary.

5. GIF – A GIF format is typically used for web. They are limited in colours but consequently they have a very small file size. GIFs support transparency so they are an ideal format for saving icons or symbols that you want to sit on a website with a background. GIF format also supports animation, and when loading they appear fuzzy at first but gradually get crisper as the page loads.

6. PNG – PNGs are slightly larger than JPEGs and usually they don’t lose quality like a JPEG would. They are still small compressed files and are generally used for web. They can also hold transparency like GIF, but it is argued that they accomplish this better as the image will almost blend and alter itself to fit with the background.

The most common file formats I come across are JPEGs, TIFFs and EPS. These are the formats that I use most often. For web, JPEG is a standard format that displays images at their best. TIFFs keep an image at their maximum quality however mostly I will always convert these to high resolution JPEGs that are smaller, even when working with them in print. EPS files are preferable for logos and illustrations when printing. They will display at any size and will never lose their sharpness.

Overall, in this essay I have talked in detail about colour modes, theories and also the saving and use of images in their desired medias. Images are of a sensitive nature and knowing their intended purpose and size in hindsight is always useful in capturing them and storing them.

Thursday, 31 July 2014

Day to Day Log

22nd May - Wrote blog post and adjusted the code of the image to make it responsive and work on mobile devices,

27th May - Made some amends to the layout and text of a GGS E shot

28th - Created artwork for a Monsoon banner for Saxon Air

29th - Amended some business card artwork for Success Management and sent the AW to print. 

30th - Did some cut outs of Kingsland Engineering company machinery and placed on a white background.

2nd June - Did more cut outs for Kingsland and also amended the E shot I had been working on.

3rd - Finished E shot and then sat with web designer and learnt how to build it online.

4th - Made some amends to a GGS D400 exhibition stand - balanced out the images and tweaked the layout.

9th - Amended the CNS school prospectus

10th - Continued working on CNS prospectus

11th - Made artwork for Country Cottage D Dodds and Sons, Monsoon and outdoors banners for Royal Norfolk show. Also sent the AW to print.

12th - Put a quote together for Open Door PR business cards and sent to client

17th - Built a practice E shot with web designer.

18th - Artwork for business cards (ODPR)

19th - New branding for Cryptomathic; concepts and the artwork of 5 product banner stands.

23rd - Continued work on Crypto branding and also amended the business card artwork for Open Door.

24th - Sent business cards to print and did some retouching for jewellery company Winsor Bishop.

25th - Created a leaving card for web designer; art working and discussions about mounting the artwork onto foam-ex.

26th - Made amends to the Crypto banners.

27th - Contingency plan made for Open door cards as a reprint was needed for their clients cards. (In House Manager).

1st July - Created a new E shot for GGS

2nd July - Started a map illustration for Westover Vets, an indication of vet visiting days in particular locations

3rd - Crypto banner amends.

4th - Practiced building an E shot on my own - Web designer has left now.

7th - New brief for KMS who want new packaging for their products.

9th - Requested and received printers quotes for the CNS prospectus.

11th - More work on Westover map.

15th - Built my first E shot independently!

16th - Quoted for amending the Lynn Grove Information booklet from last year. Requested print quotes and created a quote for client.

17th - Discussed maps with Westover vets, had a few queries and received approval on map artworks. 

18th - Made amends for the Lynn Grove booklet and also started a new GGS E shot.

21st - Created web ready artwork for artist Tony Lodge and his new website. Front page artwork and the resizing and saving for web images for his online portfolio.

22nd - Broadland High school photography shoot for the new prospectus, sat with photographer Chris and together selected the best shots for the prospectus and the way in which they would be used. 

23rd - KMS packaging artwork

24th - Artworking for Broadland, new images and text inserted into new layouts.

25th - Cut out several images of Broadland students - 5 hours worth of cut outs to be placed in a flick through book in center of prospectus. 

28th - More amends to the Cryptomathic branding. 

29th - Success Management website; updates to the 'About us' page. Had a new person to include, image and text which I added to their website. (Dreamweaver site).

30th - Created an A5 flyer for Lynn Grove, to be placed in local Advertiser.

31st - Our printer is away on holiday next week, consequently I had to learn how to use large format printers for the printing of banner stands and other exhibition equipment. 

1st Aug - Updated the Booja Booja website; needed an update on an ingredient list so amended master PSD, saved as JPEG and uploaded onto site.

5th Aug - Made some amends to the KMS packaging, some more creative ideas were wanted.

6th - Printed out the Broadland Prospectus. Cut out and stuck pages together to create a physical booklet and mock layout for the prospectus. 

7th - Did some large format printing for Seacon. An A3 poster, set up artwork, sent to printer where I prepared the file for print before loading the printer and hitting print.

8th - Did some social media posts. Scheduled for this evening and two more posts for next week.

11th - Made some amends to the layout of the Lynn Grove A5 Flyer.

12th - Built our latest Exhibition E shot but due to the relocation of our website onto a new server did not complete the upload. (to be continued tomorrow).

13th - Assisted Chris (Designer), with the creation of the Wrightform Brand Guidelines. Created some A4 Literature examples and listed the conventions.

14th - Made some amends to the CNS Prospectus; mainly text changes but some consequential tweaks to layout.

15th - I amended the Exhibition E-shot; the image of a curved pop-up was to be replaced with a photograph of a recent stand we did, I then took the generic artwork used for marketing materials and superimposed it onto the stand photograph, that section of the E-shot was then re-uploaded onto the GGS site.   

18th - I inserted the high resolution images into the Broadland High School Prospectus. When doing photography for a prospectus, rather than editing all of the images to a high standard, we will first just select which images we want to use and where. At a later stage, once the images are in place and we are happy with their positions, we can insert the high resolution images and edit them as necessary.

19th - I did more work on the Wrightform guidelines, fine-tuning and getting the file ready for the proof stage.

20th - Changed the size of the Cryptomathic banners, 800mm wide instead of a 1000mm wide. I resized the documents and then proceeded to scale the content down to fit the new size.

21st - Began some design concepts for a MoCo van. Not definitely going ahead as a job and didn't know the specifics of the vans, so spent an hour trying out designs on black and white vans of different sizes. 

22nd - Worked on a GGS leaflet, marketed at engineering companies. I prepared the final artwork and then we discussed whether we should print these in house or get them printed elsewhere. A practice print on the printer downstairs showed that duplexing on such a heavy material comes out slanted.

26th - Retouched an image for the UEA. Our photographer Peter, took a photograph from inside one of the rooms on campus. He then took a photo from outside the window to give a clearer and better image of the view. I had to combine these two images by using a mask to outline the edge of the window and then insert the better quality outside image into this mask. I feathered the edge of the mask and adjusted the levels of the image to make it seem more realistic. 

27th - Worked on a flyer for Tony Lodge. After just having his new website built with us, he wanted some postcards that he could hand out with his contact information. The postcard uses the same main image from his website with his contact details on the reverse. I resized the web image to fit on the postcard and then created the artwork for the main and reverse sides. 

28th - I made some amends to the Westover Vets maps. I made them more detailed by drawing on the roads and rivers, this made the maps more fit for purpose as people could identify their area on the maps more easily. They could use the roads as a reference point to figure out which area they are located in. 

29th - I created the artwork for a new Roger Skinners banner. I included the dog food pack shots which we had in our archive and laid them out to match an A3 poster which they had done recently. 

1st Sep - Made some amends to the images in the Broadland Prospectus. The images of the students in the middle were looking rather dark and unsaturated so I created an action in Photoshop and applied it to the row of thirty students. I used levels to brighten the images, and then I increased the saturation and included more yellow.

2nd - Today I liaised with someone who works at the local printers. He came in to discuss some printed proofs of the CNS prospectus and we gave him an older version of the prospectus that he could match the colours to. 

3rd - I did some more work on the Westover maps, I resized them so that they can be zoomed in on without becoming blurry. We realised that if we export them as GIF files in an Indexed colour mode, at 1500px wide, this was the optimum format for them to be in.  

4th - Built the latest GGS E shot and sent a proof around the building.

5th -  Spoke on the phone to Cryptomathic about the main images used in their banners. They were having doubts about the main images which we had selected and so we discussed possible alternatives and also ways in which they can be improved. Spent some time going through stock libraries to find better alternatives. 

8th - Fixed the logo section of the GGS site. We realised on Friday afternoon that the logo section of our website wasn't loading images properly. We were planning on sending out an e-shot advertising our logo services and so it was crucial we had the site working by Wednesday. I managed to fix it though, to my surprise, by simply adding in new images and this seemed to fix itself. 

9th - I put together a quote for some billboards and bus shelter adverts for CNS. I worked out how many hours I thought we might spend creating the artwork and sent over a price based on this. 

Thursday, 17 July 2014

Evidence 8 - Communicating and Presenting Ideas in the Creative Media

There are many different ways of communicating your ideas, direct discussion, email, telephone, social media messaging, blogging and many more. These generally will fall under either one of two headings, one being verbal and the other being non-verbal. Each of these techniques will all have their own pros and cons but it is important to know in what situation it is best to use a certain technique. For example, I would say that presenting an idea to a client, a logo idea for example, is best handled in a verbal, face to face situation where you can both show your ideas and also put across your thought processes. This method allows for easy interaction and if the client has any feedback or queries it is much easier to understand the response and the questions your client has if they are directly in front of you giving you their instant reactions and questionings. It can be argued that these techniques are formal and informal, a message on twitter (being informal) is hardly an appropriate place to discuss an upcoming project but it is a good place to post similar work that you’ve done that may attract the client in a different way. Each has its own purpose.

In a situation where you would need to influence or persuade a client to follow a certain idea, you can handle this in different ways. There is never a 100% correct or incorrect way of doing things but there are social standards and accepted norms that you should consider in these decisions. If you were to disagree with your client about a particular idea, you would probably be better to approach this in a formal yet friendly manner. Informal may come across as being patronizing and really it is best to approach this situation with care so not to offend. A formal option could be sending the client an email; with this option you can carefully word your response to make sure that you get your point across but also appreciate your clients ideas without dismissing them immediately. However, an email or in any form of non-verbal communication it can be very difficult to convey tone. You may type something that you think sounds light hearted and intuitive but the other person could read it as being offensive and mocking. People read things like that with different meaning. A verbal response, through phone or direct discussion, although it allows for you to project tone and manner it does mean that you are more on the spot so to speak. You have less time to carefully word answers and will have to rely on your instant responses. There is the advantage of being able to see your client’s instant response also, in which case if they are offended it can be easily rectified. Also negotiation is much easier to deal with verbally rather than in a long email exchange for example.

Giving feedback to a client is also a grey area with what the best technique is. Feedback can be conceived as either positive or negative, but it is very important to avoid destructive feedback which may affect all future communication and your working relationship. You should always be polite when it comes to giving feedback whether it is positive or negative and generally I would say that you can do this either through verbal or non-verbal communication as long as you are clear and concise with your feedback. Not only should you remain polite and considerate when giving feedback, but also when receiving it. A client may not like one of your ideas and rightly should say so, but this should be handled correctly and not taken to heart. Instead of being offended or questioning their feedback, it should be accepted and a solution should be taking shape in a discussion between those involved. If you handle constructive feedback well, then your client has no reason not to handle your feedback well either.

Another matter to consider when communicating in this sector is when the need arises to have a technical conversation. This may be an issue that arises or it could just be a decision that you need a client to make. The use of technical jargon with clients who do not understand it should be very limited, I think it is best to mention the jargon when dealing with the problem but also offer a full explanation of what the word or term means. This way if the client knows what you mean they can pick it up instantly by the term, if not you have covered all basis with the explanation; you are being professional, knowledgeable but also helpful and approachable. This type of conversation I think is best handled by verbal communication. Either by phone or direct conversation, but this will allow for explanations to be much simpler and also any questions they may have will be answered instantly. When dealing with professionals in the sector I think it is best to use the technical jargon when necessary, it gives the impression that you are experienced and knowledgeable. Depending on how confident you are with using these terms is a determining factor in whether this discussion should be made through digital means or verbal communication. If you are confident with the terms and can use them easily, it may be best to use a verbal method. If not you can word your ideas non-verbally and still come across as professional and experienced with your jargon.

Evidence 7 - Case History - Business Cards

A client recently approached us regarding some business cards that they needed for an event. They had recently acquired a new logo and wanted to show off their new branding at this event.

To complete this work it was important to use time management techniques so that we could both complete the work before the deadline and also spend only a reasonable amount of time actually completing the work.

Initially before I began working on the cards I quoted the client a design cost based on how many hours I thought it would take to create the cards. This price was based on an hourly rate and so I decided that the cards would take three hours to design, prepare and send to print. This time limit was based on previous jobs of a similar nature and also means that we can stay competitive with other companies when it comes to price.

Once work had begun on the cards I kept various accounts of the amount of time I had spent on the job. Firstly, I filled out a Time Sheet which featured listed chronological entries of the time spent, the work done and the date of which it was complete. For example, 17th June – insertion of text and logo – 1 hour. Another tool that I used was a diary; this diary is used on a day-to-day basis and keeps track of all the work completed on a day-to-day basis. I fill this out daily with all the work I have completed on each day and at the end of the week we analyse the data and work out how many hours of work is billable work and how many hours are for our own projects within the company.

By filling out this time sheet, completed the diary and working to the deadline this enables me to monitor the project and work out what still needs to be done and how much time should be spent on the remaining work. I also will work to internal deadlines, so for example with the business cards, they were needed for the end of May ready for the event, and we made sure that the cards would be sent to print on the 19th, so to allow for a weeks printing and for delivery time to the client’s office.

In order for us at GGS to begin work, we usually insist that our clients look over quotations that we send for costs and time scales and ask for them to agree to it before beginning. By doing this, we have agreed a set date that the work needs to be completed and internally we can agree on dates that we send artwork to print and delivery dates. This simple project plan is constructed by the designer, the directors; who oversee the time management process and also the studio manager; who will consider billing dates and also arrange delivery. We also discuss whether any resources are needed, whether this is people, materials or equipment, we consider whether this are actually available and this whether it will effect the project plan. Progress on work is always discussed on a weekly basis where all those who are involved in the particular job remain updated with what is happening. This is also where contingency plans are discussed, for example, if one of our resources is missing then we can collaborate for a solution and then keep everyone in the loop at the same time. A contingency plan is also commonly referred to as a plan B, a plan that gets put into place when things go wrong and an alternative procedure is needed. In this case it was necessary to come up with a contingency plan in order to meet the deadline after problems with printing. We had ordered two different sets of cards from the printers and both were intended for the same client on the same date. The first set that came back had actually been printed on the wrong material due to the printers’ error and so we had to create a contingency plan to solve this. In our plan, we arranged for the cards to be reprinted, and worked out what date they should be with us in order to meet the delivery schedule. As long as the cards were sent out on delivery before 2pm they would be delivered the very next morning. Once our plan was in place we were able to effectively liaise with the printers and the client to guarantee that the cards would be complete by our deadline.

Storing work effectively is also a great factor in the company. The business cards for example were worked on initially on my own Mac computer, this computer is backed up onto a server each night in case of any problems, and then once the job is complete, the files are moved onto a sharing back-up drive which everyone in the company can access. Also, any amendments that I may make during the design process are always saved as another version instead of simply replacing the current file. For example with my business cards, I sent a proof to the client with my initial ideas and then after this, the file received a ‘+’ at the end to indicate the latest version. This is generally applied to all work within the company and so when looking through our file archives; everyone in the company knows that the latest file will be ‘+++’ rather than ‘++’. File names are very important, especially when you are storing files onto a shared drive. For every job that we do, when it gets booked in as an official job, it is assigned a letter and number code depending on who created it and when it was created. For example, a person named Joe Bloggs books in jobs under the reference JB, and this is then followed with a number. All files and emails that are related to this job then get filed under this job number. This means that when searching through archives for work everyone can find the files relatively easily as the code never changes and is unique to every job. The convenience of assigning job numbers to all means that if you were to come back to a job and had to amend it slightly there is not overwriting of files, the new files will likely be given a new file name and will also be saved in the new job folder. The system is reliable and all is included in a database which tells you the company name, the job number and the nature of each job, it is always in date order and also gives details like the company address and the amount charged to the client.

Evidence 6 - Personal Development Plan


Continuous Professional Development is the process where an individual keeps up to date with their work in a particular industry. They continue to update their knowledge and skills not only in their relevant industry but also their personal skills such as team work. 



A personal development plan is a way of keeping track of progress. This may mean that you use it to determine what skills you have learnt on a training course for example, or as a way to determining your plans for the future and what you need to develop next.  The plan itself can go into details of when the skill needs to be developed, how it will be used and the purpose of actually learning it. By filling out a plan similar to the one above it gives perspective on whether it was a cost effective use of time or simply just to evaluate what you have learnt. 

After filling out your plan you can consider what opportunities there are to develop any skills and partake in more training. The relevance of training should be decided by existing knowledge and skills and those that will be required for future jobs.