Submitted in partial fulfillment of the requirements

for the award of the degree of

BACHELOR OF ARTS
(JOURNALISM AND MASS COMMUNICATION)
to

Guru Gobind Singh Indraprastha University, Delhi

Under the Guidance of Submitted by

Faculty : Mr. Rinku Sethi Garima Gupta
BJMC-I Semester
Enrollment No.
09217002422

Session :

TECNIA INSTITUTE OF ADVANCED STUDIES

NAAC Accredited Grade ‘A’ Institute
Approved by AICTE, Ministry of HRD, Govt. of India Affiliated To GGSIP University, Recognized under Sec 2(f)ofUGC ACT 1956
INSTITUTIONAL AREA, MADHUBAN CHOWK, ROHINI, DELHI- 110085
Tel: 91-11-27555121-24, Fax No: 91-11-27555120,
E-Mail: directortias@tecnia.in; Website: www.tecnia.in

1
Sl. Topics Page No.
No.

1. Design & Graphics Lab – I Syllabus as per GGSIP University 3-4

Lab Module – 1
2. Adobe Photoshop 5-6

Lab Module – 2
3. Poster 7
Lab Module – 3
4. Flash Cards 8
Lab Module – 4
5. Web Banner 9
Lab Module – 5
6. Add Effects to Photographs (Minimum-5) 10-14
Lab Module – 6
7. QuarkXPress 15
Lab Module – 7
8. Brochure 16
Lab Module – 8
9. Newspaper: Broadsheet / Tabloid 17-18

10. Annexure-1: Format for Design & Graphics Lab-I Report 19

11. Annexure-2: Format for Cover Page 20

12. Annexure-3: Format for Table of Contents 21

13. Annexure-4: Format for Body 22

14. Suggested Readings & E-resources 23

TABLE OF CONTENTS

2
Objective

3
This is a document to record your learning and training experiences during the
tenure of the course. It reflects on your inputs and outputs. This document can
partially fulfill the objective evaluation of your training and will be useful as a
record for future career reference.

The aim of this workbook is to help you understand how to use page layout &
designing softwares effectively. You’ll be taught how to use Adobe Photoshop,
and QuarkXPress to develop various print media material – Poster, Flash Card,
Web Banner, Photoshop Effects, Brochure and Tabloid/Newspaper.

4
LAB MODULE – 1

PHOTOSHOP

SUMMARY OF KEY CONCEPTS

Photoshop is a graphics based program created with images known as raster graphics. Other
graphic applications, i.e. Illustrator, Corel Draw, Freehand and create vector graphics.

Vector graphics are composed of solid lines, curves and other geometric shapes that are
defined by a set of mathematical instructions. Vector images work best for type and other
shapes that require clear crisp boundaries.

Raster images work best with photographs. Raster graphics are comprised of a raster (a
grid) of small squares called pixels. Objects in Photoshop are groups of many pixels – each of
which can be a different color. Raster images require more memory and storage than vector
images. Photoshop is a memory-hungry program.

METHOD AND APPROACH

The following aspects must be kept in mind while designing in Photoshop.

1. Get to know Layers & Tools

2. Combine images using layer masks
3. Image editing
4. Retouching
5. Creating image compositions
6. Add text and effects
7. Website mockups
8. Include Raster & Vector graphics
9. Non-Destructive Editing in Photoshop
10. Discover Adjustment Layers
11. Instant Automatic Photo Fixes
12. Make Your Photos Pop With Levels
13. Clean Up Shots With the Spot Healing Brush
14. Remove Unwanted Objects From Your Photos
15. Make Your Shots Black and White
16. Crop Your Photos
17. Blend Modes
18. Customize the workspace
19. Drag selections between tabs
20. Export and save the design

5
SAMPLE 1:

LAB EXERCISE/ASSIGNMENT 1: DESIGN & EVALUATE OF WEB ADVERTISEMENT

List some important tools to design web Advertisement in Adobe Photoshop.

6
LAB MODULE – 2

POSTER
SUMMARY OF KEY CONCEPTS
A visual presentation serving as a - Source of information - Conversation starter -
Advertisement of your work - Summary of your work

An effective poster -Delivers a clear message -Is highly visual - Is read easily from 1-2 meters
away.

Creating your poster - Carefully plan, draft, edit, and construct your poster - What size is
your poster - How much money can you spend - Who is your audience.

METHOD AND APPROACH

Formatting your poster:-
Title - Title of the project, the people involved in the work and their affiliation
Introduction - The problem you are trying to solve, project aims and objectives
Results - Illustrative examples of the main results of the work
Further work - Recommendations about future research
Summary What you have set out to do, how you did it, the key findings and the main results
Methodology - Basics of the techniques that you are using
Conclusion - Main findings

Sizes of poster: 11” X 17”, 12” X 18”, 16” X 20”, 18” X 24” (Inches)

SAMPLE: 2

LAB EXERCISE / ASSIGNMENT2: TO MAKE AN EFFECTIVE POSTER

Design a poster in Photoshop and paste the print screen.

7
LAB MODULE –3
FLASH CARD

SUMMARY OF KEY CONCEPTS

A flashcard or flash card is any of a set of cards bearing information, as words or numbers,
on either or both sides, used in classroom drills or in private study. One writes a question on
a card and an answer overleaf. Flashcards can bear vocabulary, historical dates, formulas or
any subject matter that can be learned via a question and answer format.

METHOD AND APPROACH

Flashcards are widely used as a learning drill to aid memorization by way of spaced
repetition. Now day’s flash cards are commonly used in the Quiz shows, Game Shows.
Example: It can be seen in the any reality show.
Size: A6 (105MM X 148MM)

SAMPLES 3:

LAB EXERCISE / ASSIGNMENT3: HOW TO MAKE FLASH CARD

Design a series of Flash Card in Photoshop and past the print screen.

8
LAB MODULE –4
WEB BANNER

SUMMARY OF KEY CONCEPTS

A web banner is a typically rectangular advertising placed on a website either above, below
or on the sides of the websites main content and is linked to the advertisers own website. It
includes text, graphics images, flash and animated text/graphics.

METHOD AND APPROACH

In a common way we can say that web banner is a basic unit of electronic advertising.

Sizes: Standard Web Banners:

Size Style Gif Weight
468 X 60 Full Banner 20 KB
728 X 90 Leaderboard 25 KB
336 X 280 Square 25 KB
300 X 250 Square 25 KB
120 X 600 Skyscraper 25 KB
160 X 600 Skyscraper 25 KB
120 X 240 Small Skyscraper 20 KB
240 X 400 Fat Skyscraper 25 KB
234 X 60 Half Banner 15 KB
180 X 150 Rectangle 15 KB
125 X 125 Square Button 15 KB
120 X 90 Button 10KB
120 X 60 Button 10 KB
88 X 31 Button 10 KB
500 X 350 Pop-up 30 KB
550 X 480 Pop-up 30 KB
300 X 600 Half Page Banner 35 KB
94 X 15 Blog Button 10 KB
SAMPLE: 4

LAB EXERCISE / ASSIGNMENT4: TO MAKE WEB BANNER

Design a Web Banner for any website in Photoshop and past the print screen.

9
LAB MODULE –5
VARIOUS EFFECTS

SUMMARY OF KEY CONCEPTS

Photoshop effects & Color Correction: You can use Photoshop to adjust colors in your
image. You can change someones hair from blond to red or you can adjust the tone of an
image to correct for age or imperfections in the scanning process. You can lighten an image,
make it darker, or add a sparkle to that special someones eyes!

You can affect the whole image, or just one part.

METHOD AND APPROACH

Correcting for Scanner Imperfections: A scanner is basically a color copy machine hooked
up to your computer. It bounces light off of a photo and receptors read the color information
returned to the scanner. Most photos are covered with a reflective coating, which makes the
photo look better to our eyes. The same coating that makes a photograph look better to you
and me, makes the photograph harder to see for a scanner. The reflective coating bounces
some light back to the scanner before the light hits any color information in the photo.

Most every time you scan an image in, till need color correction. Color photographs will
always need color correction. PhotoShop does a good job of correcting for scanner
deficiencies, and often it can do the whole job in just one step!

When you correct for scanning deficiencies, mostly you’ll adjust the PhotoShops Levels,
which refer to color levels. Color Levels range from 100% white, to 100% black. Usually
when there are scanning problems, there is too much white, but sometimes there are other
problems caused by the scanner itself.

If you can give the effects in photographs than always use Image - adjustment - Color
Adjustment, Photoshop tools & filters. Images do not always come exactly as you wish to use
them.

You may need to do some cropping, adjust their colors or luminosity (brightness), change
their size (resolution), or modify their content.

10
SAMPLE: 5 Various Effects to the Photographs

Before

After

11
SAMPLE: 6 Various Effects to the Photographs

Before

After

SAMPLE: 7 Various Effects to the Photographs

12
 Before

After

SAMPLE: 8 Various Effects to the Photographs

13
 Before After

LAB EXERCISE / ASSIGNMENT 5: HOW TO GIVE VARIOUS EFFECTS

Give various effects to the photographs at least 4 and past the print screen.

LAB MODULE –6

14
 QUARK XPRESS

SUMMARY OF KEY CONCEPTS

Quark Xpress is a desktop publishing program. It is a page layout application. A page layout
application is a central gathering place for text, pictures, lines, and tables, all of which
together compose a page or series of pages.

METHOD AND APPROACH

QuarkXPress Interface QuarkXPress document handling

tools bar
palettes
measurements bar
QuarkXPress colour palette
colour palette, adding colours, editing
colours, applying colours, gradients / fills /
strokes
QuarkXPress type handling
character styles / paragraph styles
style sheets, advanced type layout /
tracking, kerning, optical margin alignment
etc
QuarkXPress print output
spot / process printing, collect for output
for .pdf
creating / editing / saving documents
insert / edit / manipulate / delete pages
identify normal and master pages
grids including baseline grid, guides, rulers
QuarkXpress text
entering text, text formatting, importing
and positioning text, linking / unlinking text
boxes, text to box, text on a path
QuarkXPress text meets graphics
inserting images, roundtrip editing using
basic photoshop techniques, runaround
graphics formats ie. eps, png etc,
transparency, clipping paths

SAMPLE: 9

LAB EXERCISE/ASSIGNMENT 6: DESIGN & ANALYSIS OF NEWSPAPER

List some important tools to design newspaper in QuarkXPress.

15
LAB MODULE –7
BROCHURE

SUMMARY OF KEY CONCEPTS

Brochures are made of multiple sheets most often saddle stitched (stapled on the creased
edge) or "perfect bound" like a paperback book, and result in eight panels or more.

METHOD AND APPROACH

The three different sizes that are considered standard by brochure printing companies are
8-1/2” x 11” (standard page size), 8-1/2” x 14” (legal page size), and 11” x 17”.

A brochure acts as communication between you and the reader, letting the reader know
what you can do for them. The brochure also represents you when you are not there, and
should do that in the best possible way.

SAMPLE: 10

LAB EXERCISE/ASSIGNMENT 7: HOW TO DESIGN BROCHURE

Design two and three fold brochure and paste the print screen.

16
LAB MODULE –8
NEWSPAPER

SUMMARY OF KEY CONCEPTS

A newspaper is a regularly scheduled publication containing news, information, and

advertising. General-interest newspapers typically publish stories on local, national and
International political events and personalities, crime, business, entertainment, society and
sports. Most traditional papers also feature an editorial page containing editorials written by
an editor and columns that express the personal opinions of writers. Other features include
display and classified advertising, comics, and inserts from local merchants.

Broadsheet papers tend to employ a traditional approach to news that emphasizes in-depth
coverage and a sober tone in articles and editorials. Broadsheet readers often tend to be
fairly affluent and educated.

Newspapers typically meet four criteria:

Publicity : Its contents are reasonably accessible to the public.
Periodicity : It is published at regular intervals.
Currency : Its information is up to date.
Universality : It covers a range of topics.

METHOD AND APPROACH

Broadsheet refers to the most common newspaper format. While measurements vary,
broadsheets are typically 14 inches wide and 22 inches long, as opposed to a tabloid, which
is usually 11 X 17 inches.

Tabloid: It is a newspaper of small format giving the news in condensed form, usually with
illustrated, often sensational material.

The tabloid paper size is 11 × 17 inches & tabloid extra paper size is 12 x 18 inches.

The language of Layout and Design:

 Measurements; the basic elements
 Laying Out Pages
 Working in Modules
 Using Photographs
 Understanding Information Graphics
 Understanding Type
 Communicating with Color
 The Process of Redesign
 Designing Sections & Designing

17
SAMPLE: 11

LAB EXERCISE/ASSIGNMENT 8: HOW TO DESIGN NEWSPAPER

Design Broadsheet/Tabloid newspaper at least 4 pages and paste the print

screen.

18