Portfolio graphic file formats

Vector Images

Vector imaging is the use of lines, polygons, shapes and curves to represent images in computer graphics. Unlike JPEGS and other types of images, Vector images are not made up of a grid of pixels, Instead, vector graphics are made up of paths, which have a definitive start and end point. A path can be a line, a triangle, or a curvy shape.

 

An ideal programme for creating and editing vector images would be Adobe Illustrator. Adobe Illustrator is used in different media formats such as interactive.

Because vector images aren't made up of dots, they can be scaled up to a larger size and not lose image quality, unlike if you scared up a raster image. This makes vector images ideal for logo's, which can be small enough to fit something such as a business card, or large enough to fill a large poster or billboard. Vector images usually consist of the following extensions: .AI .EPS .SVG .DRW

 

Raster Images

 

 

Most images on the internet are raster images, this means they are made up of grid pixels, referred to as bitmap. The larger the image, the more disk space the image will take up. Fortunately, image size can be compressed to make sure images don't take up as much memory. 

Image compression is basically the lowering of an images size and conversion into one of many different file types, such as JPEG or GIF. Image compression is used to save space by making sure images don't take up as much space when saved. When an image is compressed, the compression can be "lossy" or "lossless". A lossy compression is when an image loses a number of pixels while being compressed, and a lossless compression is the opposite, the image loses no pixels during compression. 

There are many different file extensions for images, for example, JPEG, GIF, TIF and BMP. There are more, but these are just examples. File extensions are just different types of image compression, and all basically squash the image into a smaller package to save more space. 

 

An ideal programme for editing raster images would be Adobe Photoshop. Photoshop is used in many different media forms such as print.

 

 

Production Diary

Here, you can see the progress in the creation of my CV page. I used my skills in editing and the tools available to me to create this page. For example, I used the shape tool to create the rectangle shape I used for the piece of paper on the page containing the information about my CV. I used a screenshot of the CV I created in an earlier unit.

 

This is the front cover of my portfolio, I used a picture of myself and the tools available to me on Photoshop to create this page. I used a typeface called "Digital" for my name, and "digital 2" typeface for the word 'Portfolio'.

 

Here you can see the progress in the creation of my inspirations page. I started with my template page with the tab for my title, and then I continued to add more to the page, such as the shapes used to house my text, and the images I used within my inspirations page.

I created my infographics page using an example of a past created infographic, and a small explanation of what an infographic is. Once again I used the shape tool to create the paper shape upon my page which houses my text. I also used 3 separate screenshots of my printing infographic upon my page as it wouldn't fit on the page in it's original size.

 

My magazine page shows an example of my skills in creating a magazine and shows an example of a past created magazine. I used multiple screenshots of different pages of my magazine so I could show a variety of different design aspects.

 

These screenshots show the progress in the creation of my comic strip page. My comic strip page shows an example of the comic strip I created in an earlier unit. I created this page using the shape tool to create the information box, and used screenshots from my comic strip to show the different pages.

 

The completed contents page of my portfolio, all images shown on my contents page can also be found within my portfolio. I created my contents page using the tools available to me on Photoshop, such as the shape tool. I also used the stroke tool to make my images stand out, and the 'fx' tool to add an overshadow to my images, which made them stand out even more. I did this throughout my portfolio to almost every image.

 

 

My photography page shows examples of my skills as a photographer, I created this page using past photographs taking during photography lessons. I added a stroke and overshadow to my images to make them stand off the page, and look less 'sticked on'.

 

 

Production Diary 2

 

I then added a border, my name, the word portfolio, and a blue background. This is the bare bones of my front cover. I also added noise to my background to make it look a little less boring.

Image Capture

Image Capture

Scanners: A scanner is a device that scans an image or text and converts it into a digital image. Scanners can either be desktop or handheld.

Digital cameras are used to take pictures and instantly store them as digital images, these images are kept on the devices memory until transferred to another device such as a computer. Images can be viewed and deleted on the digital camera. 

Image resolution is the detail an image holds, a higher resolution image will usually hold more pixels. The more pixels per inch in the image, the more detailed the image will appear. 

The storage of digital images is usually done on memory cards, or hard drives. Digital images are always kept in storage of a particular device that can hold and display these images.

Production Diary 1

The first step of creating my portfolio is to create my front cover page. I will be using a landscape A3 page throughout my porfolio.

Optimising

Optimising

Images are optimised so that they can be loaded quicker when viewed online. Images can be optimised using programmes such as Adobe Photoshop. When images are optimized, they need to be the perfect balance of size and quality. To be viewed on a website without much trouble, an image must be big enough to view, but must also be good enough quality.

Colour Space

Colour Space

Colour space is a defined range of colours, such as SRGB. AdobeRGB and ProPhoto RGB.

Greyscale is the most simple colour space. Greyscale consists only of different shades of grey, therefore displays images in black and white. Greyscale is the most simple colour space.

RGB: (Red Green Blue) is used in all televisions, monitors, and screens in general to display images in colour. 

YUV: The Y stands for the brightness, U and V stand for colour components. YUV was created by engineers when creating colour televisions, to display black and white picture, but also to be compatible with brand new colour picture also. 

HSV: This stands for 'Hue, saturation, value' Hue is a pure colour, a colour that isn't tinted or shaded. Saturation is determined by how intense the lighting within an image is, the higher the saturation, the brighter the image. The value of an image is how bright or dark the image appears.