GRAPHIC DESIGN PORTFOLIO

Shea Hinds

6744924

TABLE OF CONTENTS

• Business Card

• Typography poster

• Model before & after OR blemishes before & after

• Glasses ad layout

• Photoshop Scion iQ photo close crops

• Scion newsletter layout

• Mid-term ad – Camera poster

• Video editing file

• Optional ad (TBA)

• Newspaper ad

• Magazine ad

• Billboard

• Owl Tri-fold brochure

• One piece of your own work from homework

files or other personal piece you created (example: flower grid,

banana, other)

• Tech page: What is bleed?

• Tech page: photo files types

• C.R.A.P: design principles (what they are with brief explanation)

BUSINESS CARD

TYPOGRAPHY POSTER

MODEL BEFORE & AFTER

GLASSES AD LAYOUT

SCION IQ CLOSE CROP

SCION NEWSLETTER

MISTERM CAMERA POSTER

VIDEO EDITING

LOOPBRICKS & BONDS ADVERTISEMENT

LOOPBRICKS & BONDSADVERTISEMENT

LOOPBRICKS & BONDSADVERTISEMENT

OWL BROCHURE

FLOWER GRID

TECH PAGE - BLEED

• Definition

• Bleed is the area outside of the trim where the image ‘bleeds off’ (standard 0.125”)

• Trim is the area left over after trimming (cutting) the paper to it’s finished size

• Live Area or ‘safe’ area defines the area in which there is content that you want to keep ‘safe’ from being cut off in the trimming process or in danger of running into the gutter

• By having the image ‘bleed’ off outside of the trim, you create an effect of the image being printed right to the edge of the finished trim

TECH PAGE – FILE TYPES

• Jpeg - Joint Photographic Experts Group, named after the committee that created the file type. The file is a compressed file with minimal information loss. File type most common with digital cameras and use for the web. You can choose the amount of compression, keeping in mind the end purpose. Keep the compression higher if photo will be reprinted in magazine, lower for email and web applications. Jpg formats do not support a transparent background

• Gif - Graphics Interchange Format. Contain maximum of 256 unique colours. Best for web applications as they load quickly. Photos appear to break down in quality when the photo contains a lot of colour. Gif files support transparent backgrounds – only 100% transparent or 100% opaque, so not good for dropshadows or partial transparencies. Gif files can also contain more than one image which is why they can be animated

• Png - Portable Network Graphic. Meant for web distribution and display. Uses ‘lossless’ data compression so loses no quality when compressed. Not meant for professional-quality print graphics so therefore does not support other colour spaces such as CMYK.

• Tiff - Tagged image file format. preserves layers, alpha transparency, and other special features when saved from Photoshop. Produces large files with no loss of quality. Not meant to handle text or vector data, although it can, eps format for text and vector data best option

• Eps - Encapsulated PostScript. There are 2 distinct types of eps files: One is for vector based graphics files,The other for flattened, set resolution. Can contain text, images, graphics and even full page layouts

• Pdf - Portable Document Format (created by Adobe systems). Preserves source file information including text, images and vector graphics and illustrations. Essentially a high-resolution ‘picture’ of your layout. Images, fonts and sources are embedded, allowing your pdf to be shared and opened on any platform. Industry standard file type for printing

• Vector - Images made up of paths or strokes which can be filled with colour. Vector images can be resized or stretched without losing ‘resolution’ and look best in print and on digital devices. Printers refer to vector images as ‘line work’

• Raster - Data structure made up of a pattern of points or pixels. A bitmap is technically characterized by the width and height of the image in pixels and by the number of bits per pixel. Printers refer to raster images as ‘contones’ for ‘continuous tone’

CRAP DESIGN PRINCIPLES

CRAP PRINCIPLES

• ● Contrast is the design principle in which:

• ● similar design items are distinctly different.

• ● Contrast gets the attention of your reader.

• ● Contrast is a visually important aspect of design.

• ● Contrast must be strong.

• ● Contrast can be “striking,” drawing the attention of the

viewer to your page.

• Alignment is the design principle in which every design

• element has a visual connection with something else on the

page.

• Nothing is placed on a page arbitrarily. Te aim is to create

a “clean and sophisticated look.”

• “Lack of alignment is probably the biggest cause of unpleasant-

• looking documents. Our eyes like to see order; it creates a calm, secure feeling”

• Repetition is the design principle in which visual elements are

• repeated throughout the page(s) of a publication.

• Incorporating repetition into a publication will “strengthen the

• unity” of the design.

• Proximity is the design principle in which related items are grouped together.

• Elements that have a relationship should be grouped together,

• giving your publication a cohesive appearance

THANKS FOR VIEWINGBy: Shea Hinds