This document contains Shea Hinds' graphic design portfolio, including various projects and examples of work. The portfolio includes business cards, posters, advertisements, brochures and other pieces. It also contains technical pages explaining concepts like bleed, file types including JPEG, GIF, PNG, TIFF, EPS and PDF, as well as descriptions of vector and raster images. Finally, it provides an overview of the CRAP design principles - Contrast, Repetition, Alignment and Proximity and brief explanations of each.

1. GRAPHIC DESIGN
PORTFOLIO
Shea Hinds
6744924

2. 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)

3. BUSINESS CARD

4. TYPOGRAPHY POSTER

5. MODEL
BEFORE & AFTER

6. GLASSES AD LAYOUT

7. SCION IQ CLOSE CROP

8. SCION NEWSLETTER

9. MISTERM CAMERA POSTER

10. VIDEO EDITING

11. LOOP
BRICKS & BONDS
ADVERTISEMENT

12. LOOP
BRICKS & BONDS
ADVERTISEMENT

13. LOOP
BRICKS & BONDS
ADVERTISEMENT

14. OWL BROCHURE

15. FLOWER GRID

16. 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

17. 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’

18. CRAP DESIGN
PRINCIPLES

19. 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

20. THANKS FOR VIEWING
By: Shea Hinds