Mul Midterm
Mul Midterm
Learning Outcomes:
At the end of this session, you will be able to:
Familiar with different types of logo
Familiar with the nature of design composition of different types of logo
Familiar with the elements of the logo
Determine the parts of the logo
Understand the principles of logo design
LET’S START:
A logo is a symbol made up of text and images that identifies a business. A good logo shows what a
company does and what the brand values. Logo design is all about creating the perfect visual brand mark for a
company. Depending on the type, a logo usually consists of a symbol or brand mark and a logotype, along with
a tagline.
ELEMENTS OF LOGO
Typography - When it comes to form, a logo will usually contain some kind of typographic
element. This can range from a monogram-style single letter, to an abbreviation or the full
title of the business.
Color - Logos can be black and white, monochrome or multi-colored. Multi-colored logos
often have palettes that are either analogous, meaning colors of similar hue, or
complementary, meaning colors of distant or opposite hue.
Context - In some instances, a logo is also defined by the context in which it is used.
TYPES OF LOGO
Pictorial or Symbol - They are iconographic images that are easily recognizable and
represent your brand with an image. You can choose something simplistic or more complex,
but make sure to pick a symbol that creates a unique connection to your brand.
Letter Mark - Letter mark logos can be great to streamline your company logo, especially if
your name is very long or hard to remember. Lots of businesses choose to go by their
initials, just think of HP, CNN or H&M. These monograms can be great for minimalist logos,
but remember that they are not very good at expressing what your business is about.
Word Mark - Similar to a letter mark, a word mark or logotype is a font-based logo that
focuses on a business’ name alone. Think Visa and Coca-Cola. Word mark logo will work
really well when a company has a succinct and distinct name. Google’s logo is a great
example of this. The name itself is catchy and memorable so, when combined with strong
typography, the logo helps create strong brand recognition.
Mascots - Mascot logos are logos that involve an illustrated character. Often colorful,
sometimes cartoonish, and most always fun, the mascot logo is a great way to create your
very own brand spokesperson or character.
Emblem - An emblem logo consists of font inside a symbol or an icon; think badges, seals
and crests. These logos tend to have a traditional appearance about them that can make a
striking impact, thus they are often the go-to choice for many schools, organizations or
government agencies. The auto industry is also very fond of emblem logos. While they have a
classic style, some companies have effectively modernized the traditional emblem look with
a logo designs fit for the 21st century (think of Starbucks’ iconic mermaid emblem, or
Harley-Davidson’s famous crest).
Parts of a logo
A logo is generally divided into 3 parts which sets the overall visual message of any logo design. This parts are
the Brand Mark (image appearance), Brand Name (name of company) and the Strapline (tagline).
Brand Mark
This is the graphic element of your logo. It’s usually an abstract or stylized shape. It should be
striking and easily recognizable.
Brand Name
This is the main text element of a logo and is normally a shortened version of your company
name. It should be no more than 2 words; one word is even better. There needs to be a
common thread that runs through your brand name, company name and website address.
Strapline
The strapline is a short phrase that appears underneath the brand name. It’s useful to add
more detail to the brand name and it usually consists of the ‘how’ or the ‘what’ a company
offers.
3. Timeless
An effective logo should be timeless and should avoid trends. It should last the test of time. How will your
logo look in 10 years time?
The London underground logo is timeless. The identity is over 100 years old and has worldwide iconic
status, it’s application of use is still going strong.
4. Versatile
A good logo can be used in a variety of sizes and colours. Your logo should have the versatility to appear
on collateral for a pen to a plane. This dramatic physical scale in usage demonstrates how an identity needs to
work across a wide scope of collateral.
5. Appropriate
A professional logo should be fit for purpose. The logo should be appropriate for the intended audience.
For example a logo for a toyshop could be colourful and playful in its execution however, the same wouldn’t
apply to a law firm.
PHILTECH INSTITUTE OF ARTS AND TECHNOLOGY INC.
SUBJECT: MULTIMEDIA PUBLISHING
MIDTERM
Learning Outcomes:
At the end of this session, you will be able to:
Familiar on color combinations, color schemes, mood colors and their respective application.
Familiar on the elements of design and how it can be used for an artwork.
Understand raster and vector file
LET’S START:
The color wheel is design so that virtually any colors you pick from it will look good together. The 12-
color color wheel based on RYB color model is the most common version.
Colors
Primary Colors – At the core of this relationship there are the three primary pigment
colors – Red, Yellow and Blue which cannot be mixed from other color elements.
Secondary Colors – Primary colors can be mixed together to provide three secondary
colors – Orange, Green and Violet
Tertiary Color – The remaining six colors on the wheel are known as tertiary colors, namely
Red-Orange, Yellow-Orange, Yellow-Green, Blue-Green, Blue-Violet and Red-Violet. These
are created by mixing a secondary color with the primary color and this is why the hue is
formed of two-word name.
Color schemes are created using symmetrical shapes around the wheel; they make combinations that
are balanced and harmonious.
Monochromatic – color schemes that are based on only one color and that color respective
hues.
Analgous – a color scheme that uses three to five colors that are adjacent to each other on
the color wheel. Providing a very harmonious and sophisticated look.
Complementary – A color scheme made up of two colors that are directly opposite of each
other on the color wheel – these color contrasts each other in the most extreme way and
help to make each color more vibrant and bright.
Dual Complementary – made up of two colors side by side and their complementary colors
opposite to them on the wheel.
Near Complementary – combining starting color with the color to the right or left of its
complement producing a more interesting two color combination.
Split Complementary – use a color plus the two colors adjacent to its complementary color.
This scheme combines the effect of the powerful complementary scheme with a variation on
the analogous scheme.
Multi Color – scheme us matching values from each color around the wheel, so twelve
colors are in unison.
Neutral – scheme that uses shades of browns and tans. The color is neutralized by mixing it
with its complement.
Warm Colors – warm colors such as red, orange and yellow are part of the mood color
family and are considered exciting, vivid and has the tendency to look tighter and to appear
larger.
Cool Colors – Cool colors such as green and blue are calm and restful. They have a tendency
to look more dispersed and to appear smaller next to a warm color. They often work well as
a background color.
Elements of Design
Design elements have an impact on how a piece of work is perceived, executed, and used—and are present in
design regardless of skill, taste, or style.
Shape - When lines come together, they form shape | Shapes have two dimensions length
and width | Shapes that are man-made and mathematical are called geometric shapes. |
Shapes that are free flowing and curvilinear are based on nature and are called organic
shapes.
Forms - Form differs from shape in that it has three dimensions such as Length, width and
Depth | All forms have Shape.
Value refers to the difference between light and darkness of a color in a work of art
Raster and Vector File
The Raster images are made of pixels. A pixel is a single point or the smallest individual element in a
display device. If you zoom in to a raster image, you may start to see a lot of little tiny squares.
Raster images are made up of tiny squares of colors or shades of black called pixels. When magnified
enough, you can see the individual pixels of the image and that each one is a single color. When all those pixels
are viewed as a whole, they work together to form a vibrant, detailed image with intricate color variations and
soft gradients.
Digital photographs you see on a website, pictures you take with your phone or digital camera, or
scanned artwork are all raster images. Because of the amount of digital information contained in a raster image
in all those little pixels, file sizes tend to be larger than those of vector graphics.
Common raster file types:
.png
.jpg or .jpeg
.gif
.tif
.psd
Vector images are mathematical calculations from one point to another that form lines and shapes. If
you zoom into a vector graphic, it will always look the same.
Vector graphics are built mathematically and are made up of points and paths. Generally, vector
graphics are less detailed, containing fewer gradients and less diversity of color. And, even though they can be
used to form nearly photo-realistic graphics, they tend to be used in building graphics with more uniform, solid
colors and fewer details.
Vector graphics are commonly used to produce logos and other simpler graphics that may need to be
used at different sizes and have the benefit of maintaining crisp, sharp edges, even when they are significantly
enlarged.
Learning Outcomes:
At the end of this session, you will be able to:
Familiar with the logo design process
Understand raster and vector objects
Familiar with the vector and raster tools
LET’S START:
Image Format
Image format represents an image output file you produce from an design. There are
different types of images format that we use to save projects when developing designs in
Adobe Photoshop, some of them are PSD, JPEG, BMP and PNG.
.PSD Format
This file format is output file format that can be optionally selected when saving a
Photoshop design work canvas. PSD file is a kind of file format that preserve the layers and
other filters and styles together with the other object used to create the design thus; it is a
Photoshop editable file.
.PNG Format
PNG format and other file format like .JPEG and .BMP file that will transform the editable
Photoshop output object into a single raster object output.
.JPEG Format
JPEG format is a commonly used method of lossy compression for digital images,
particularly for those images produced by digital photography. The degree of compression
can be adjusted, allowing a selectable tradeoff between storage size and image quality.
.BMP Format
BMP format, also known as bitmap image file or device independent bitmap file format or
simply a bitmap, is a raster graphics image file format used to store bitmap digital images,
independently of the display device. The BMP file format is capable of storing two-
dimensional digital images both monochrome and color, in various color depths, and
optionally with data compression, alpha channels, and color profiles.
.ai Format
.ai: Short for Adobe Illustrator, this file is commonly used in print media and digital
graphics, such as logos.
.eps Format
.eps: Encapsulated PostScript is an older type of vector graphics file. .eps files don’t
support transparency in the way more modern file formats like .ai do.
.pdf Format
.pdf: The Portable Document Format is built for the exchange of documents across
platforms and it is editable in Adobe Acrobat.
.svg Format
.svg: The Scalable Vector Graphics format is based in XML (a markup language used widely
across the Internet that's readable by both machines and humans). It’s useful for the web,
where it can be indexed, searched, and scripted.
ADOBE ILLUSTRATOR
Illustrator —part of the Adobe Creative Suite—remains the kingpin of graphic design
software and for good reason. It packs a punch with a host of features that give you control
over every aspect of your logo design.
ADOBE PHOTOSHOP
Adobe Photoshop is a software application for image editing and photo retouching for use
on Windows or MacOS computers. Photoshop offers users the ability to create, enhance, or
otherwise edit images, artwork, and illustrations, creating image compositions, website
mock-ups, and adding affects. Digital or scanned images can be edited for use online or in-
print. Website layouts can be created within Photoshop; their designs can be finalized before
developers move on to the coding stage.
CORELDRAW
CorelDRAW is vector-based designing software that is used for creating logos, flexes,
brochures, invitation cards and any kind of vector designing based on the lining.
CorelDRAW® Graphics Suite provides everything you need to create an array of logos for
every type of client — from a distinguished corporate logo to a clever word mark or custom
t-shirt logo. CorelDRAW brings innovative logo design tools to users of all levels.
Adobe Photoshop
Adobe Photoshop is software that is extensively used for raster image editing, vector creation, graphic
design and digital art. It makes use of layering to allow for depth and flexibility in the design and editing
process, as well as provide powerful editing tools.
The shape tools - allow you to add graphic shapes in the form of a filled layer with a vector
mask, a solid fill, or as a path outline. Using the shape tools you can draw rectangular,
rounded rectangular, elliptical, polygon, line or custom shapes.
Shape Layer - When you draw a shape with this mode, a new layer will be created (shape
layer). You can move and manipulate this layer independently. By double clicking on the
color thumbnail in the layer you can change the color of the object/shape.
Path - With path mode, a vector path is created on the selected layer. A path cannot be
printed unless its properties are changed. You can apply fill and stroke to the path. By
pressing Ctrl+Enter the path can be converted to a selection.
The pen tool is a path creator. You can create smooth paths that you can stroke with a brush
or turn to a selection. This tool is effective for designing, selecting smooth surfaces, or
layout. The paths can also be used in Adobe illustrator when the document is edited in
Adobe illustrator or adobe photoshop if edited with adobe photoshop. The paths themselves
are not raster based.
The Type Tool creates and edits vector-based text in a separate layer.
Smart Objects - are layers that contain image data from raster or vector images, such as
Photoshop or Illustrator files. Smart Objects preserve an image's source content with all its
original characteristics, enabling you to perform non-destructive editing to the layer.
PHILTECH INSTITUTE OF ARTS AND TECHNOLOGY INC.
SUBJECT: MULTIMEDIA PUBLISHING
MIDTERM
Learning Outcomes:
At the end of this session, you will be able to:
Familiar on different types of print media and their different purposes.
Familiar on different types of printing methods
Familiar on the different elements of design brief and understand client’s need and expectations.
LET’S START:
A medium that disseminates printed matter. Any written or pictorial form of communication produced
mechanically or electronically using printing, photocopying, or digital methods.
Print Media include such form as:
Newspapers
Magazines
Books
Newsletter
Brochures
Memos
Business form, etc.
Print Media are traditional mass media published on paper. It represents the oldest and the most
widespread type of mass media because as opposed to electronic media, it does not require an elaborate
technical infrastructure on the part of the user.
DISADVANTAGES
• Not for a global audience
Print media is not the best method to get the word out about your business if you are targeting a
global audience as it's very rare to find print publications that read globally.
• Requires a lot of planning
Getting published on print media is quite a process. You will have to plan your ad, write an ad
copy, hire someone to design it for you and submit the ad copy to the publication and process the
payment. The process can be time-consuming and complex.
• Hard to target a specific audience
With print media, it's hard to target specific audiences. For example, targeting people who want
to buy a camera is not possible with print media like weekly newspapers.
• Might not stand out
There's always a chance that your ad to get disappear among other ads as print media publish a
lot of advisement per edition even if you pay for a full-page advertisement.
• Higher cost
Getting published on print media can be highly expensive.
2. Brochures
It is handy to have print brochures to physically hand out to customers. Customers want to know the
types of products and services your business sells. You can include
specific details such as price, varieties, and hours available. The beauty
of having brochures is that they essentially self-market your company.
You don’t need to be physically present explaining your products or
services. Your clients can read about them at their leisure.
Print media, like brochures, encourage customers to read or
interact with the material almost immediately. For a business owner,
this is preferable. Digital marketing media such as website links or
emails can be easily ignored or sent directly to the spam folder. The
more times your customer interacts with your brand, the more likely
they are to buy from you.
3. Flyers
One of the most versatile and affordable ways to pass messages to
your customers are flyers. Flyers have numerous outlets to reach
customers, including in-person distribution, direct mail, and in-store
distribution. They are easy to read and simple to distribute. You can
easily get high-quality prints at a low price.
You can share information about upcoming sales, events,
promotional offers, or announcements. Depending on whether you have a
business-to-business (B2B) company or business-to-consumer (B2C), you
might consider different information you would put on your flyers.
4. Postcards
Postcards are a great marketing investment. Postcards are extremely versatile and cost-effective, plus
they can be used to target a specific area. Like flyers, responses and returns
can be measured.
Postcards are attention grabbers since people can read them without
having to open an envelope. Postcards immediately offer an impression since
they aren’t hidden inside an envelope. Since they are small, compared to
other types of mail, it’s likely they will be placed at the top of the stack,
leading to a higher probability that it will be viewed amongst the first few
pieces of mail.
5. Posters
Posters are a timeless print marketing tool to cover wall or window
space while simultaneously advertising to a large audience. Everyone who
passes a poster or mini poster has the potential to see it. While a flyer or
brochure may be read once and possibly discarded, posters provide continuous and repetitive exposure until
they are taken down. The longer the posters are up, the greater the chances are that the poster will drive the
message home.
Posters can promote events, advertise products, or feature your company’s values and vision for the
future. They can be hung almost anywhere (check with your city or local ordinances before hanging posters out
in public). Posters are size and shape flexible -you can print mini posters for bulletin board announcements or
full-size posters for gaining exposure in the community. While both sizes of posters have high visibility, for
times when you need a greater visual impact, a larger poster would be more suited.
6. Banners
Banners are another inexpensive and effective print marketing
tool that every business should have in their collection. They are easily
reusable and durable. They can be used both indoors and outdoors, thus,
reaching a wider audience than posters might.
Companies sponsoring local events, participating in community
activities, or appearing at trade shows will get a lot of use from banners.
They are light-weight and flexible, making them easy to transport. With
just a small amount of string, banners can easily hang from trees, posts,
or poles. When not in use, banners can be rolled up to save space. Just like with posters, banners can
repetitively reach the same customers over and over again.
Printing Methods
There are many different types of printing methods available and they're continuing to evolve. Each
type is suited to a different need, meaning that businesses can choose a printing technique that best highlights
their products or service. So what are the different types of printing and how do they vary from each other?
Printing is something that's been around since before 220AD. The oldest known printing technique is
known as woodcut and involves carving an image onto a wooden surface.
Printing has evolved a lot since then - instead of manual wood carving, you can choose from a wide
range of technologically advanced methods.
Offset Lithography
Often used for:
Rough-surfaced media e.g. wood, canvas and cloth
Versatile method so can also be used for books, paper, stationery and
more.
Also known as offset printing or litho, offset lithography is a very popular
method of mass-production printing. It involves printing plates, usually made
from aluminium which each hold an image of the content that needs to be
printed.
These plates are then transferred (offset) onto rollers or rubber blankets
before going onto the print media, which can be any type of paper you want. The
print media doesn't come into contact with the metal plates, which extends the life of the plates. As well as this,
the flexible material of the rollers or rubber blankets means offset lithography can be used on any media with
rough surfaces.
Flexography
Often used for:
Packaging and labels, anything with continuous patterns e.g. wallpaper and gift wrap
Digital Printing
Often used for:
Posters and signage, labels, newsletters, menus and letters
Large Format
Often used for:
Large signage e.g. billboards, posters, vinyl banners Wallpaper and murals, Floor graphics, Laminating
As the name might suggest, large format printing exists to produce maximum print roll width. Perfect
for traditional advertising mediums and businesses who are looking to make a huge impact on their customers,
this printing method gifts you with a much bigger area to work on, as opposed to the other methods such as
digital printing.
Rather than printing onto individual sheets, large format printing uses rolls of prints that are fed
incrementally to produce one large sheet.
For large print media such as building wraps, billboards, banners and murals, large format printing is
the best option. The other printing methods will not be able to produce as large a material. Most businesses
choose large format media to produce flat items which can be hung on a wall, but they can also be folded or
made to stand freely.
Screen Printing
Often used for:
Printing logos and graphics onto clothes, fabric banners, posters
Screen printing is a printing technique where fine material or mesh is used to transfer an image onto
another material. The mesh is stretched out so it creates a screen and ink is pressed against it in order to
successfully print the image. Popularly used to print graphics onto
clothes and other pieces of fabric, screen printing can also be used
for paper and metal.
There's a lot of setting up required with screen printing, so
it's best used for printing repeat items in bulk. It's not very cost-
effective for small number orders. But if you need a lot of the same
image, it's a highly cost-effective method of printing.
3D Printing
Often used for:
Promotion and marketing freebies, novelty items, display items, toy figurines
LED UV
Often used for:
Newsletters, posters and leaflets, magazines, catalogues, brochures and prospectuses, stationery