Logo Design Category 3

Logo Design Category 1 and 2

Logo research

Created and developed in 1893 it was renamed as Pepsi-Cola on August 28, 1898, then to Pepsi in 1961.

The old logo only had red and it was called pepsi cola the new pepsi just has a simple red blue and white logo and pepsi. No there is no more old logo designs in the new pepsi. It shows its the pepsi simple when you buy it in stores. Yes it can be in a lecture this logo was made a long time ago and it has a long history.

Magazine

Logo Design Lecture

Logo. Branding and Identity

• Developing an understanding of branding framework 

What is brand? 

• Brand is the "Perceived" Emotional Corporate image as a whole, it is the reputation both claimed and perceived.  
• What is branding? 
• A organizations brand or branding is essentially their public image
• A designer can create the framework for a brand, colors, fonts, artwork, style... but the audience completes the brand though an emotional reaction with it
• Branding Example
• Apple is an IT company that projects a humanist image, positive corporate ethics, and support of good causes
• When People use the products they connect to the brand emotionally
• What is Identity?
• Corporate Identity is comprised of the visual aspects that form the brand
• Close attention is paid to executing a consistant experience for the viewer
• What is Identity Design?
• The corporate identity includes strict usage of colors, font families, graphic elements and other guidelines, usually detailed in a corporate identity guide
• The identity can include the logo, logo variations, business cards, labels, envelopes, letterhead stationary, advertisements, tv commercials, packaging etc.. 
• What is a Logo?
• A logo is for identification
• A logo is the simplest way a company or organization can represent itself, through the use of a mark or icon.
• Summary
• Brand - The perceived emotional corporate image as a whole
• Identity - The visual aspects that form part of the overall brand
• Logo - identifies a business in its simplest form via the use of a mark or icon
• Logo Design
• Using line quality and graphic style in your design
• Why vector art
• We create logo's as vector are because its flexible, powerful and easily edited, this is important when clients want to make changes
• Vector art can be scaled up infinitely without losing quality!
• Pencil or vector
• Creating a logo requires many phases
• Many meetings and review sessions are required to arrive at a design that works
• Converting a simple pencil sketch to vector art requires establishing graphic style, color, line shape and typography
• Final Art: Graphic Style
• Decide what your "graphic style" will be
• Will it be bold, Simple and cute?
• Final Art: Graphic style
• Will it be sleek technical and sedate?
• Final Art: Line quality
• Line Quality refers to the smoothness and precise nature of your lines
• We use the pen tool to create a perfect smooth lines
• Take your time with this part, if it doesn't look right try again!
• Final Art: Line Shape
• If you have line art in your logo line shape is important
• Do you want an artistic look to your line? try a custom "Art Brush" from the brush library AI
• These line shapes are all created with the stroke Palette in AI
• Color Matters! 
• Color Makes a huge difference, use colors that are appropriate for your design 
• Logo Design
• General Rules and Styles for Designing Logo's
• Design Styles
• Style 1: typeface Focused. This style relies on a typeface to create logo design, creativity is utilized in the proximity contrast, color, customization of the letter forms
• Style 2: mixing typefaces. This style uses 2 different type faces to create the logo design. Strive to create a balanced design, typefaces that are too similar will lack contract in style.
• Style 3: Typeface plus graphic element. This style uses simple graphic elements in addition to the typeface to create an emphasized and balanced design. Graphic elements remain abstract.
• Style 4: Typeface plis shapes/symbols.An even balance between art and typography is achieved in this style
• Style 5: Graphic focused design. In this design the graphic elements are the focus or dominant aspect of the design, the typeface plays a supporting role.

Box

ROP Career Skills how to write a great resume

You ROP portfolio

• A portfolio containing three or more of your best work samples and a written explanation of each piece
• Letter of Introduction
• Resume
• List of references 
• Letter of recommendation
• Use ROP portfolio Handbook as a guide

Job Seekers trifecta

• A solid well written and well designed resume
• An equally well crafted list of positive references
• A flawless handwritten job application 

Your resume Should have:

• Who are you and how can be contacted
• Your job objective
• Your level of education
• Your work history or experience
• Your Special skills and abilities 

Edit and refine your resume

• Take time to write your resume
• No typo's. use spellchecker
• No mistakes, look for double words, grammar errors
• No misleading information
• Format your text for easy reading and searching

Resume Writing Tips

• List more recent job experience first
• List more important skills first 
• leave out the obvious
• avoid negativity

Resume Writing Tips

• Go with what you got : summer jobs, Volunteer, experience, clubs, relevant, hobbies
• Don't have a degree or diploma? State you estimated date for completion, class of 201x
• Proofread! ask at least 3 people to read your resume in detail 

Style Can Vary

• Just keep it professional, well organized and easy to read

ROP Portfolio Handbook

• Contains tips and guides for all aspects of your portfolio
• Has 2 sample resumes and a resume template to fill out so you can get started
• Link is on a class blog,

How to get started...

• Find a program to write your resume with, such as word, Google Docs or Pages
• Think of what your ideal job might be this summer or in the future, align your resume info and objectives to the job
• Use the resume temple in the ROP portfolio handbook and list all your important details

Poster project

typeography name

Mario Type Face

Mario project.........

Sugar Skull Project

Typocraghaphic Notes

Typography
 Fonts are clothing that our ideas wear.

• Serif vs Sans Serif
• Too many confuse the reader, Too many fonts spoil the design.
• Fonts that are too similar cause ambiguity, Can you tell what I am trying to emphasise what is my message, is it clear or confusing?
• Use upper and lower case letters for optimum clarity, ALL CAPITAL LETTERS ARE THE EQUIVELENT OF SHOUTING, AND ARE DIFFICULT TO READ.
• Alignment: Left Alignment reads easiest, Consider eye flow as it moves down.
• Emphasis: Use these tools with discretion and without disturbing eye flow. 1. Italics 2. Bold 3. Size 4. Color 5. Typestyle change.
• Integrity: Avoid stretching or distorting type. Arbitrarily distorting fonts compromises their integrity.
• Weight: Strive for a sense of balance. Is this font Heavy or light?
• Kerning
• Tracking
• Large Text Block
• Type face Portrait Project
• Find an Image or take a picture to use a mode/reference
• Place in Illustrator
• Add typographic elements and fill dark/light areas with type elements

Short Writing Assignment:

• What are the 3 primary colors? They are Red, blue, and yellow.

These are the colors formed by mixing the primary colors. These are the colors formed by mixing a primary and a secondary color. That's why the hue is a two word name, such as blue-green, red-violet, and yellow-orange.

• How are tertiary colors created?
• A traditional RYB color wheel. 'Violet' is commonly called 'purple'. In the red–yellow–blue system as used in traditional painting, and interior design, tertiary colors are typically named by combining the names of the adjacent primary and secondary.

What is the difference between subtractive and additive color models additive and subtractive color models use two different bases to create color. Additive color uses the primary colors found in light (red, green and blue) and adds them together (i.e., combines them) to create all other colors. White results from combining red, green and blue light in equal intensities. The secondary colors of additive color are magenta, yellow and cyan. 

Subtractive color is the basis for creating colors when mixing paint, dye or ink. Color is created when some wave lengths of light are subtracted (i.e., absorbed) while others are reflected. The color display on a surface (a wall, a piece of cloth, a sheet of paper) depends on which colors are reflected by it and therefore made visible.

• How can color affect our perception? 
• How does one color affect another?  They make each other stand out. 
•  this is  greyscale image
•  this is a monotone image
•  they use complimentary colors

Color Palette

This is my Color Palette.....

Color Wheel Project

Color Theory

• Color Theory
•  Mix Secondary color and get tertiary colors 
• Visible Color methods  
• Each color has a width and Height
• Purple is copy righted
• Pigment Generated colors are derived from these primary colors: red, yellow and blue.
• Light generated colors are derived from these primary colors: red, green and blue.
• Take all 3 primary colors we get darker colors Subtractive color, Additive colors Light color,
• Mixing primary colors creates other colors blue + yellow = green blue + red = violet 

• A secondary color wheel can expand to tertiary and beyond.
• Dark color recedes, light color advances
• Warm side cool side colors
•  RGB Red, Green, Blue, light generated model, RGY Red Green Yellow pigment generated model CMYK Cyan Magenta Yellow Black Print Process Model
• Monochrome Tints shades and tones of a single hue, Grey Scale Black and White only, Web Safe RGB Hexadecimal compatible.
•  Tints add white to a pure hue, Shades Add black to a pure hue, Tones add grey to a pure hue
• Complementary colors
• Split complementary
• Analogous
• Triad
• Tetradic
• Quadilateral Square
• Different color palettes can invoke mood, location, emotion.
• Cool, Warm, Bright, Dark, Saturated, desaturated.
• Color Intensity changes in relation to its surrounding color.
• Color Illusion
• Color associations, These types of colors associations are universal to all people
• Cultural and Psychological Color Associations.
• Color increases brand recognition by up to 80%
• Blue is a rare occurrence in nature
• We have no appetite response to blue food
• Color affects mind Pink is a tranquilizing color that drains out your energy. 

Gif animation project

My bad gif 

Layers

Gif A

My gif ball project....

Summary

                                                                       Summary

I think Jpg was good and I think the smallest format was gif.

Collage

Pictures

Notes 2

                                                                                 Notes 2

Tif and Jpg are best for images with pixels that blend in color these are called contiguous pixels
Gif is best for Images with flat even tone or non contiguous pixels, your computer screen is a grid
Need Tif for printing, jpeg for web, gif for pictures

Notes.

                                                                                  Notes

Have a wrong file and it will go wrong, every single document is a single format, Graphic image formats fall under 2 categories of compression lossy and lossless with lossy mage data is lost or reduced for smalled file sizes but can cause poor image quality can result on showing compression artifacts lossless retains image data for higher quality but larger file sizes lossless lossy showing compression artifacts pixelisation ovoid gif and jpeg lossy loses data 

Tif, Jpg And Gif Are the 3 most common formats for common activities such as printing, scanning and displaying images over the internet

Png Is a common web format, is high quality a˜d can contain an alpha [ transparency] channel

Each format has its own advantages disadvantages...

Stand for tagged image format

Commom Format desktop publishing print photo and graphic design

Is lossless file format it retains image data for maximum image quality 

Can result in larger file sizes not in fit for display over internet is not browser compatible

Stand for joint photographers export group

created for digital photography and works best for photo content

Is a lossy format

Can reduce An image file side By 10:1 without showing significant compresson artifacts 

The level of compression is adjustable

Stand for graphics interchange format is best for graphics or images that have a flat color or even tone such as a cartoon reduces image side by indexing color from 3 channels to 1 is adjustable by changing color bit levels from 1 to 8 contains no dps {dots per inch} data for printing not a proper format for print

Place and Trace

This is my Bat Mobile.