CREATIVE MEDIA LECTURER

BCM110 INTRO TO DIGITAL IMAGING

BCM130 WEB TECHNOLOGIES s.tantawy@sae.edu | I am here Tuesdays to Fridays

S H E R I TA N TAW Y

BCM110 Introduction to Digital Imaging A Unit Overview

What is Digital Imaging?

 Digital Imaging is the creation of digital images, typically from a physical scene.

 It is a composition of images, produced in Photo rendering programs such as Adobe

Illustrator, Photoshop, Painter or Corel.

 Physical scenes can be acquired via photography through a Digital SLR, or

developed photos that have been scanned

 The integration of other resources known as texture and stock photography are then

applied to achieve a fantastical effect

 Digital Imaging produces every piece of image we see advertised/displayed in our modern

world

Why is this relevant to me?  You are all here today because you have a

desire and an aspiration to become a part of the entertainment industry

 As an artist (musician/producer/actor/film maker) you have to sell yourself/work to get noticed and make a living

 Graphic Design is not cheap! CD Art and Website designs will cost anywhere between 1200 – 5000 Australian Dollars for a professional package!

 $1200 is the base cost of an album designed by a junior artis

Focus of this unit is…  The focus of this unit is to orient film makers &

audio producers (recording artists) to the potentials of digital imaging for your practice as creative producers in your respective fields.

 The aim is to explore the potentials opened up with 2D imaging for integration and promotion of your film and audio products.

 You will gain some basic skills in software & design over the trimester and in the next two weeks I will be getting you to focus on conceptualization & the placing of your designs in the art historical context of ideas

 This unit aims to critically examine the role of two dimensional (2D) digital imaging within contemporary culture, media industries and the arts.

 Students will explore the context and scope of both bitmap and vector imaging products as they relate to the production process of graphical imaging, whilst developing practical skills in the creation, manipulation and preparation of 2D digital images for integration into a range of media.

 The software applications and associated theoretical framework studied, will form a foundation for the successful implementation of graphical designs for works across the spectrum of creative media including CD, DVD, web and print media.

Learning Outcomes 1.  Describe the principles of visual communication & design

theory in relation to two dimensional (2D) digital imaging.

2.  Critically examine digital two dimensional (2D) images as a communication medium.

3.  Critically examine digital image production.

4.  Describe the role of digital imaging within the creative media industry.

5.  Differentiate between digital image formats and their application.

6.  Explain theoretical concepts of colour application.

7.  Apply colour correction techniques to scanned/digital images.

Learning Outcomes 8.  Design and optimise graphics for cross-media

delivery.

9.  Create images for internet and CD/DVD delivery.

10.  Create paths-based vector graphics with Bezier illustration tools.

11.  Manipulate, edit and compile bitmap and vector graphics.

12.  Apply the principals of typography, page layout and typesetting.

Basic Expectations  Monitors off when Lecturer is addressing the

classroom

 You will not be allowed to join the classroom if you are over 15 minutes late, without prior notification

 You are not to leave the tutorial without advising the Lecturer prior to class commencement; this is a safety issue.

 Leave after break – I wasn’t born yesterday!

 Extensions are offered for those with mitigating circumstances

 Communication is vital!

Attendance; Assessment Guidelines; Submission  Attendance is required for all classes. If you miss

a class you will fall behind, this is a 13 week unit and you only have 11 weeks of tutorial/development time.

 If you do not READ YOUR UNIT GUIDE and submit work according to the Criteria, and SAE Guidelines you may risk failing

 Submission guidelines are on the source drive. Make them your best friend

 Read your bloody UNIT GUIDE!!

Attendance; Assessment Guidelines; Submission  Further more, all writing is academic, no foul

language will be accepted.

 Bad grammar can be overcome

 If you’re not the best speller on earth, utilise spell check or pick up a dictionary (you have a virtual dictionary on all macs)

 If your vocabulary is limited, pick up a thesaurus!

 This is the real world folks, you are not in KANSAS anymore!

Contacts  Andrew Broadhead, Academic Co-Ord for SAE

abroady@sae.edu

 Sheri Tantawy, Unit Co-Ord and Lecturer s.tantawy@sae.edu

Unit Overview  Unit Overview

 Assignment Overview 1.  Essay– 30% (week 7)

2.  Practical Assignment – 50% (week 14)

3.  Synopsis – 10% (week 14)

4.  Class Exercises – 10%

  Definition of Digital Imaging

  Desktop publishing

A few things to remember   The major assignments (essay, practical assignment and synopsis) must be

handed in in HARD COPY FORMAT ONLY. These assignments are not permitted to be submitted via the student server or via email. They require a printed assessment coversheet that is to be stamped and signed upon submission. Late submissions that do not have a prior arranged extension due to special circumstances will have marks deducted at a rate of 10% per day for a total of 5 days, after this they will be accepted up to 10 days late and marked at a pass or fail basis only.

  Exercises are to be submitted via the student server in the bcm110 dropbox. Under special circumstances with prior arrangement I will accept them via email.

  They are marked as pass or fail only, so you will receive 5% (each) for a submission and a 0% for a non submission or late submission.

  If you are experiencing illness or personal difficulties that may be affecting your studies and you require an extension for any assessment task please email and arrange a time to speak with me prior to the submission date. Extensions are not granted on the due date.

BCM110.1 Design Analysis Essay   Essay– 30% (week 7) 1000 words

 Choose a piece of art/poster/album/dvd and write an essay displaying critical thought in terms of:

 Considering elements of the composition

 use of colour and metaphors (symbols) that are used in the design

 Discuss how particular design elements have been used and provide your opinion and what is being communicated about the subject (film or artist).

Assessment Criteria •  Clear and concise introduction

•  Insightful overview of key problems and issues

•  Appropriate level of critical and conceptual analysis

•  Clear and insightful conclusions

•  Effective use of quotes and other materials

•  Appropriate formatting / use of language

•  Appropriate bibliography / references

BCM110.2 Practical Assignment

CD ALBUM  An A3 promotional poster  A logo for the artist  A Booklet, 2 pages, front

and back (optional is the inside of the booklet)

 Disc Label  Disc Trays; Outer & Inner

DVD WRAP  An A3 promotional poster  A logo for the film  A DVD Wrap including

spine, 2 pages  Disc Label  Disc Trays; Outer & Inner

Practical Assignment – 50% (week 14) Either Print or as PDF on CD

BCM110.2 Practical Assignment continued…

Remember to include   Vertical spines, must include album

name and title horizontally typed   Catalogue Number: 3 letters, 3 digits   “All Rights Reserved” and copyright

statements (you can find these on any of the cd’s you own) on the back tray

  Barcode 4cm’s x 2cms

  Record Label/Distributor logo

  Compact Disc logo either on disc, tray or both

  Tracklist & credits   Copyright information on disc

  Album name and title to be prominent

  Classification “Parental Advisory” if needed

  Vertical spine

 Catalogue Number: 3 letters, 3 digits

  Barcode 4cm x 2cm   Production company/

Distributor logo   DVD logo  Copyright  Classification   Inclusion of Special Features   Running Time   Pitch & Quotes

Examples

BCM110.3 Synopsis Requirements

  Overview and analysis of the production

  500 words (+/- 10%, not including quoted materials)

  The synopsis must include a brief outline of the target market for your designs; include an overview of the sources that you have used for inspiration and an explanation of how they have influenced your designs

  Ensure that all sources are clearly referenced in accordance with SAE referencing guidelines

  Ensure the work is appropriately formatted and labelled

   

Assessment Criteria   All requirements must be

fulfilled  Clear and concise

introduction   Descriptive overview of

design process (NOT TECHNICAL)

 Overview of the ideas intended to be communicated through designs

  Detailed conclusions   Effective use of quotes /

supporting materials   Appropriate Bibliography /

References   Appropriate formatting / use

of language

BCM110.3 Synopsis   Due week 14 10%

 Write a short synopsis for the BCM110.2 Practical Assignment

  Provide a brief production overview and analysis of the process for the creation of the designs including techniques that were used. It is important that the message you are trying to communicate to your target audience is highlighted and explained.

  Include supporting references such as illustrations, samples, quotes and other materials to enhance the synopsis.

 Conclusions should consider the technical and aesthetic areas of the project and the overall outcome.

Core text! Read it! BCM110 Reading 1

  Lev Manovich, Digital Revolution?, “The paradoxes of digital photography”, in Photography After Photography, Exhibition Catalogue, Germany, 1995. http://www.manovich.net/TEXT/digital_photo.html

BCM110 Reading 2

  Grau, O., 2004, “Introduction”, Virtual Art: From Illusion to Immersion, Leonardo Books, The MIT Press, pp. 2-23.

BCM110 Reading 3

  Explore: The History of Graphic Design http://www.designhistory.org/

  Professor Christopher L. C. E. Witcombe, ART & ARTISTS: the Roots of Modernism http://www.arthistory.sbc.edu/artartists/modernism.html

Week 1 Topics  Definition of Design

 The Emergence of Printing

 Desktop Publishing (DTP)

Recap - Digital Imaging?  Digital image is samples and

mapped as a grid of “pixels”

 Pixels are represented in a binary code made up of 0’s & 1’s.

 These “bits” can be compressed and read by the computer to render a visual interpretation on screen or print

Digital Input Devices - digital cameras, scanners

and tablets.

Software – Photoshop, Illustrator etc.

Output Devices – printers, monitors, televisions etc.

Inputs and Outputs of a Digital Image

Graphics Tablets

There is a grid of wires in the face of the tablet that oscillate between sending and receiving information once every 20 micro seconds.

“In the transmit mode (1), the tablet's signal stimulates oscillation in the coil-and-capacitor resonant circuit in the pen. In receive mode (2), the energy of the resonant circuit oscillations in the pen is detected by the tablet's antenna grid. This is then analyzed to determine position and other information including pressure. Since the grid provides the power to the pen through resonant coupling, no batteries are required..”

(William Johnson, 2000 [online ] )

Inputs and Outputs of a Digital Image

Scanners Flatbed scanners consist of a light

source or lamp, and a scan head. The scan head consists of the lens, mirrors and the CCD.

You place your document on the bed of the scanner, the lamp runs across the flatbed, an image of the document is reflected to a couple of mirrors and then onto a lens – the lens focuses the image through a red, green or blue filter on to the CCD array.

Inputs and Outputs of a Digital Image

Bayer Filter

To collect colour information in most consumer electronics we use a Bayer filter. In one square there will be one red, one blue and two green – as our eye is more sensitive to green.

So the luminance information is collected at every pixel but the colour resolution is lower than the luminance resolution.

More info:

(prophotohome.com [online])

(digital camera sensors [online])

Inputs and Outputs of a Digital Image

What is Digital Imaging?  Digital images can be

created from real world objects by photographing or scanning in.

Word Analysis - Design   In English, the word design is both a noun and

a verb   As a noun, amongst other things, can mean:

intention, plan, intent, aim, scheme, plot, motif. The basic structure, all these (and other meanings) can be connected with cunning and deception.

  As a verb (design), to create, fashion, execute, or construct according to plan.

  Meriam Websters online Dictionary: http://www.m-w.com/dictionary.htm

What  is  Design?   Simply looking for a definition may not help

you grasp what it is.

  Broad definitions or specific ones - both have disadvantages.

  Either they are too broad to portray meaning or they exclude too much.

What is Design?

  Design impacts on nearly every part of your lives, be it the environments you study in, the way your timetable is structured, the way a software package functions, or the way you go about opening a can of drink.

Cross Discipline Design   Physical: An object

  Examples: architecture, fashion, industrial design

Cross Discipline Design   Temporal: An event

  Examples: display marketing, concert set-up, exhibition, fashion shows

Cross  Discipline  Design   Conceptual: An idea

  Examples: Religious theory and belief

  Role playing and games

  Environment development

  the concept of cybernetics.

•  Residents as of October 14 2008: 15,462,800 •  Second Life currency is the ‘Linden Dollar’ •  Approx $5.99 USD buys $1500.00 LD •  The world has an economy of $5,247,931,608 LD or $19,878,528.81 USD

Cross Discipline Design   Relational: The

interaction between entities

  Examples:   The procedure for

operating computers, a PlayStation hand controller, a computer keyboard, the computer mouse.

The Digital Revolution

This unit critically examines the role of two dimensional (2D) digital imaging within

contemporary culture, the media industries and the arts.

http://en.wikipedia.org/wiki/Image:Shibuya_crossing.jpg  [Accessed  9  April  2008]  

Digital Media Examples  Mobiles

Digital  Revolution?  Computerized design systems that flawlessly combine real

photographed objects and objects synthesized by the computer. Satellites that can photograph the license plate of your car and read the time on your watch. "Smart" weapons that recognize and follow their targets in effortless pursuit -- the kind of new, post-modern, post-industrial dance to which we were all exposed during the televised Gulf war. New medical imaging technologies that map every organ and function of the body. On-line electronic libraries that enable any designer to acquire not only millions of photographs digitally stored but also dozens of styles which can be automatically applied by a computer to any image.

Lev Manovich, “The paradoxes of digital photography”, Photography After Photography, Exhibition Catalog, Germany, 1995. http://www.manovich.net/TEXT/digital_photo.html [Accessed 7 April 2008]

Digital Media Examples  Computer Interface

A  police  spinner  flying  beside  huge  advertising-­‐laden  skyscrapers.    

These  special  effects  are  benchmarks  that  have  influenced  many  subsequent  science-­‐fiction  films.  

http://en.wikipedia.org/wiki/Blade_Runner  [Accessed  7  April  2008]  

http://www.youtube.com/watch?v=E_YLap5qHvw

Katsushika  Hokusai,  (葛飾北斎),  (1760—1849)  The  Great  Wave  off  Kanagawa  from  the  Thirty-­‐six  Views  of  Mount  Fuji  by  Katsushika  Hokusai.  Color  woodcut,  10  ×  15  

inches;  Metropolitan  Museum  of  Art,  New  York  Image  source  http://www.artsology.com/gfx/motion_in_art/hokusai_wave.jpg    

[Accessed  4  April  2008]  

•  http://www.allinsongallery.com/ukiold.html  

  The  ability  to  mass  produce  images  was  prefigured  by  ancient  Chinese  and  East  

Asian  woodblock  processes.    

“Lithography is a method for printing on a smooth surface. Invented by Bavarian author Alois Senefelder in 1796,[1][2] it can be used to print text or artwork onto paper or another suitable material. It can also refer to photolithography, a microfabrication technique used to make integrated circuits and microelectromechanical systems.” http://en.wikipedia.org/wiki/Lithography [Accessed 4 April 2008]

Johan Gutenberg’s printing press http://en.wikipedia.org/wiki/

Image:Handtiegelpresse_von_1811.jpg

[Accessed 4 April 2008]

Cast metal lettering for the printing press

Above: Casing for letters for the printing press Right: A Page from the Gutenberg Bible

http://portico.bl.uk/collections/westeuropean/frenchexhibitions.html

A PC + A WYSIWYG EDITOR = DTP!

A Personal Computer combined with a ‘What You See Is What You Get’ Editor is the basis of Desktop Publishing

To conclude So Digital Imaging is anything that uses

inputs, either from cameras and scanners or generated by you on your

computer or from a graphics tablet - which can then be manipulated in

software applications like Photoshop and Illustrator to produce an image for

personal, artistic or commercial endeavours.

 Matte Painter - Dylan Cole  Matte Painting   Frederic St-Arnaud - Matte

Painting

Matte Paintings

Concept Art

Andrew Jones - Digital Artist Concept Art Concept Art for Games

Jason Brooks Imaginary Friends Studio Imagine FX Marta Dahlig Stanley Lau

Digital Art / Illustration

Graphic Novel / Manga

Gig Posters Gig Posters 2

Graphic Design / Branding

Your  To-­‐Dos •  Read  this  subject’s  outline,  including  assessment  criteria,  due  dates  etc.  

•  Commence  the  first  exercise  &  reading.  •  Start  thinking  about  your  essay  topic!