17
WHAT IS BFA NEW MEDIA? VISUAL DESIGN & TYPE WEB & INTERACTIVE DESIGN MOTION GRAPHICS DESIGN DIGITAL IMAGING DIGITAL PHOTO VIDEO DESIGN AUDIO DESIGN VECTOR DRAWING To learn more and see three years of our best student work, please visit: webdesignnewmedia.com

WHAT IS BFA NEW MEDIA? - robertrigel.com · DIGITAL IMAGING DIGITAL PHOTO VIDEO DESIGN AUDIO ... typeface design for specific purposes of communication. ... KEYING FILE FORMATS GREEN

  • Upload
    hadien

  • View
    212

  • Download
    0

Embed Size (px)

Citation preview

Page 1: WHAT IS BFA NEW MEDIA? - robertrigel.com · DIGITAL IMAGING DIGITAL PHOTO VIDEO DESIGN AUDIO ... typeface design for specific purposes of communication. ... KEYING FILE FORMATS GREEN

WHAT IS BFA NEW MEDIA?

VISUALDESIGN &

TYPE

WEB &INTERACTIVE

DESIGN

MOTIONGRAPHICS

DESIGN

DIGITALIMAGING

DIGITALPHOTO

VIDEODESIGN

AUDIODESIGN

VECTORDRAWING

To learn more and see three years of our best student work, please visit: webdesignnewmedia.com

Page 2: WHAT IS BFA NEW MEDIA? - robertrigel.com · DIGITAL IMAGING DIGITAL PHOTO VIDEO DESIGN AUDIO ... typeface design for specific purposes of communication. ... KEYING FILE FORMATS GREEN

WHAT IS BFA NEW MEDIA?

VISUALDESIGN &

TYPOGRAPHY

VISUALDESIGN

FONTDESIGN

TYPE

DIGITALPUBLISHING

CLASSIC

FONTLAB

VECTORDESIGN

STYLING

GRIDSYSTEMS

HIERARCHY

CMYK

PANTONE

CHARACTERSTYLES

NESTED STYLES

MEASURE

GRIDSYSTEMS

FONTCHOICES

CLASSIF-ICATIONS

METADATA

OPENTYPE

POST-SCRIPT

GLYPHMETRICS

KERNINGPAIRS

MESSAGEHISTORY

RULES

LAYOUT

MASTERPAGES

PARAGRAPHSTYLES

STORY

GLYPHS

H & J’SRULE OFTHIRDS

APPS

DIGITALZINES

PDFSEPS

PREPRESS

INTER-ACTIVE

GOLDENSECTION LIGATURES

TAP ON MAIN TOPIC TO LEARN MORE!

Page 3: WHAT IS BFA NEW MEDIA? - robertrigel.com · DIGITAL IMAGING DIGITAL PHOTO VIDEO DESIGN AUDIO ... typeface design for specific purposes of communication. ... KEYING FILE FORMATS GREEN

WHAT IS BFA NEW MEDIA?

NATIVETO iPAD

LUA

CORONASDK

jQTOUCH

PROGRAMMING

CONCEPTS

INTERACTIVE

BOOKS

ANIMATED

PAGES

ON DEVICECODING

EVENTS &FUNCTIONS

HANDLERS

STABILITY

ARRAYS

LOGIC

SPEED

WEB &INTERACTIVE

DESIGN

WEBDESIGN MOBILE

DESIGN

WEB APPS

NATIVE APPS

EXPERIENCEDESIGN

INTERFACEDESIGN

HTML5

DESKTOP

CSS3

MEDIAQUERYJAVA-

SCRIPT

SMARTPHONES

iPADS

MOBILE

BROWSERS

MEDIASUPPORT

TAP ON MAIN TOPIC TO LEARN MORE!

Page 4: WHAT IS BFA NEW MEDIA? - robertrigel.com · DIGITAL IMAGING DIGITAL PHOTO VIDEO DESIGN AUDIO ... typeface design for specific purposes of communication. ... KEYING FILE FORMATS GREEN

WHAT IS BFA NEW MEDIA?

MOTIONGRAPHICS

DESIGN

ANIMATION

POLYGONMODELS

VIDEO

RENDERING

PARTICLESAFTER

EFFECTS

MASKING

3-DCINEMA

4-D

LIGHTING

NURBSDYNAMICS

SHADERS

TEXTURING

ROTO-SCOPING

RENDERING

ANIMATION

TAP ON MAIN TOPIC TO LEARN MORE!

Page 5: WHAT IS BFA NEW MEDIA? - robertrigel.com · DIGITAL IMAGING DIGITAL PHOTO VIDEO DESIGN AUDIO ... typeface design for specific purposes of communication. ... KEYING FILE FORMATS GREEN

WHAT IS BFA NEW MEDIA?

IMAGING

ADVANCEDSELECTION

TECHNIQUES

ADVANCEDCOMPOSITING

CHANNELOPERATIONS

NON-DESTRUCTIVE

EDITING

LAYER COMPS

COLORCORRECTION

LAYERSTYLES

WEB COMPS

CONCEPTUALIMAGING

BLENDMODES

LAYERMASKS

ADJST.LAYERS

SMARTOBJECTS

TAP ON MAIN TOPIC TO LEARN MORE!

Page 6: WHAT IS BFA NEW MEDIA? - robertrigel.com · DIGITAL IMAGING DIGITAL PHOTO VIDEO DESIGN AUDIO ... typeface design for specific purposes of communication. ... KEYING FILE FORMATS GREEN

WHAT IS BFA NEW MEDIA?

VIDEODESIGN

STOPANIMATION

FINAL CUT

HD VIDEO

EDITING

MOTIONTRACKING

THEORY

BATCHCAPTURE

COLORCORRECTION

COMPOS-ITING

ADDINGTYPE

ALPHAS& KEYING

FILEFORMATS

GREENSCREEN

TAP ON MAIN TOPIC TO LEARN MORE!

Page 7: WHAT IS BFA NEW MEDIA? - robertrigel.com · DIGITAL IMAGING DIGITAL PHOTO VIDEO DESIGN AUDIO ... typeface design for specific purposes of communication. ... KEYING FILE FORMATS GREEN

WHAT IS BFA NEW MEDIA?

DIGITALPHOTO

VISUALCOMMUN-

ICATION

ARTDIRECTION

STUDIOLIGHTING

COMPO- SITION

NATURALLIGHTING

CAMERARAW

SOFTBOX

TETHEREDSHOOTING

STROBELIGHTING

STAGING

RULE OFTHIRDS

GOLDENSECTION

CROPPING

TAP ON MAIN TOPIC TO LEARN MORE!

Page 8: WHAT IS BFA NEW MEDIA? - robertrigel.com · DIGITAL IMAGING DIGITAL PHOTO VIDEO DESIGN AUDIO ... typeface design for specific purposes of communication. ... KEYING FILE FORMATS GREEN

WHAT IS BFA NEW MEDIA?

BEZIERCURVES

VECTORDRAWING

LOGODESIGN

WEB ICONS& BUTTONS

DRAWING

SCALING

PRECISION

TAP ON MAIN TOPIC TO LEARN MORE!

Page 9: WHAT IS BFA NEW MEDIA? - robertrigel.com · DIGITAL IMAGING DIGITAL PHOTO VIDEO DESIGN AUDIO ... typeface design for specific purposes of communication. ... KEYING FILE FORMATS GREEN

WHAT IS BFA NEW MEDIA?

AUDIODESIGN

STREAMING

SOUNDDESIGN

MIXING &EFFECTS

SAMPLES& LOOPS

BASICTHEORY

SOUNDSYNTHESIS

AUDIO FOR

VIDEO

TAP ON MAIN TOPIC TO LEARN MORE!

Page 10: WHAT IS BFA NEW MEDIA? - robertrigel.com · DIGITAL IMAGING DIGITAL PHOTO VIDEO DESIGN AUDIO ... typeface design for specific purposes of communication. ... KEYING FILE FORMATS GREEN

WHAT IS BFA NEW MEDIA?

VISUALDESIGN &

TYPOGRAPHY

VISUALDESIGN

FONTDESIGN

TYPE

DIGITALPUBLISHING

CLASSIC

FONTLAB

VECTORDESIGN

STYLING

GRIDSYSTEMS

HIERARCHY

CMYK

PANTONE

CHARACTERSTYLES

NESTED STYLES

MEASURE

GRIDSYSTEMS

FONTCHOICES

CLASSIF-ICATIONS

METADATA

OPENTYPE

POST-SCRIPT

GLYPHMETRICS

KERNINGPAIRS

MESSAGEHISTORY

RULES

LAYOUT

MASTERPAGES

PARAGRAPHSTYLES

STORY

GLYPHS

H & J’SRULE OFTHIRDS

APPS

DIGITALZINES

PDFSEPS

PREPRESS

INTER-ACTIVE

GOLDENSECTION LIGATURES

VISUAL DESIGN & TYPOGRAPHY:Program Learning Outcomes...

Make design and typographical choices appropriate for the presentation medium whether it be for print, web, interactive or mobile deployment.

Create original type-specific solutions to design prob-lems and challenges.

Analyze, prioritize and present information to an audi-ence in a manner designed to maximize comprehension and communication.

DESIGN & TYPOGRAPHIC EXPERIENCES:Summary of Course Learning Outcomes...

Demonstrate comprehension and application of design and typographic aesthetics.

Apply typographic history, typeface classifications and typeface design for specific purposes of communication.

Use InDesign for page layout, composition and typeset-ting at beginning, intermediate and advanced levels.

Learn design industry terminology and best practices.

Create and produce interactive publications for mobile devices including the iPad.

Design and produce simple and complex documents for digital & traditional publishing purposes.

Design, create and produce an original OpenType font using FontLab & industry standard software.

Design advanced page layout incorporating type as the dominant design element.

Demonstrate a mature ability to participate in discus-sions, accept and act upon critiques.

VISUAL DESIGN & TYPOGRAPHY COURSES:Courses are integrated within our curriculum to meet industry standards...

WNM110 Visual Design Principles, WNM210 Visual Design & Typography 1, WNM310 Visual Design & Typography 2, WNM315 Visual Design & Typography 3, WNM270 Digital Typography, and our WNM498 Collaborative Project.

TAP ON MAIN TEXT TO VIEW MAP! TAP TITLE FOR HOME PAGE!

Page 11: WHAT IS BFA NEW MEDIA? - robertrigel.com · DIGITAL IMAGING DIGITAL PHOTO VIDEO DESIGN AUDIO ... typeface design for specific purposes of communication. ... KEYING FILE FORMATS GREEN

WHAT IS BFA NEW MEDIA?

NATIVETO iPAD

LUA

CORONASDK

jQTOUCH

PROGRAMMING

CONCEPTS

INTERACTIVE

BOOKS

ANIMATED

PAGES

ON DEVICECODING

EVENTS &FUNCTIONS

HANDLERS

STABILITY

ARRAYS

LOGIC

SPEED

WEB &INTERACTIVE

DESIGN

WEBDESIGN MOBILE

DESIGN

WEB APPS

NATIVE APPS

EXPERIENCEDESIGN

INTERFACEDESIGN

HTML5

DESKTOP

CSS3

MEDIAQUERYJAVA-

SCRIPT

SMARTPHONES

iPADS

MOBILE

BROWSERS

MEDIASUPPORT

WEB & INTERACTIVE DESIGN:Program Learning Outcomes...

Apply the web standard coding skills necessary to imple-ment design ideas.

Implement adaptive designs for web, mobile and emerg-ing platforms.

Design user interfaces for optimal user experience.

WEB & INTERACTIVE EXPERIENCES:Summary of Course Learning Outcomes...

Design and produce multiple page, functional web sites using HTML5, CSS3 and web standards.

Design and produce functional interactive layouts and navigation systems stressing structural integrity, infor-mation hierarchy, unity and usability.

Produce interactive projects using HTML5.

Prototype and test web sites, web applications and na-tive applications.

Apply web site structure, architecture, navigation, plan-ning, terminology and aesthetic design principles to web sites based on WordPress.

Add video and audio elements to HTML5 web designs for browser and mobile based designs.

Apply AJAX to designs that load data without refreshing.

Apply the basics of JQTouch to designs for mobile.

Apply animated navigation and transitions to designs for mobile devices.

Plan and design apps for mobile and tablet computers.

Creating mobile apps with Corona SDK.

Working with and programming in the Lua language.

Creating interactive books, games and productivity applications.

WEB & INTERACTIVE DESIGN COURSES:Courses are integrated within our curriculum to meet industry standards...

WNM120 User Experience Design 1. WNM249 Web Design 1, WNM250 Mobile Applications 1, WNM290 User Experi-ence Design 2, WNM300 Mobile Applications 2, WNM349 Web Design 2, and WNM369 Web Design 3.

TAP ON MAIN TEXT TO VIEW MAP! TAP TITLE FOR HOME PAGE!

Page 12: WHAT IS BFA NEW MEDIA? - robertrigel.com · DIGITAL IMAGING DIGITAL PHOTO VIDEO DESIGN AUDIO ... typeface design for specific purposes of communication. ... KEYING FILE FORMATS GREEN

WHAT IS BFA NEW MEDIA?

MOTIONGRAPHICS

DESIGN

ANIMATION

POLYGONMODELS

VIDEO

RENDERING

PARTICLESAFTER

EFFECTS

MASKING

3-DCINEMA

4-D

LIGHTING

NURBSDYNAMICS

SHADERS

TEXTURING

ROTO-SCOPING

RENDERING

ANIMATION

MOTION GRAPHICS DESIGN:Program Learning Outcomes...

Create professional quality animations for broadcast, mobile and web.

Produce original media rich content using advanced compositing, rendering and visual effects.

MOTION GRAPHICS EXPERIENCES:Summary of Course Learning Outcomes...

Develop and produce advanced motion graphics using After Effects.

Composite multiple source video.

Use industry-standard software at an intermediate level for editing video based motion graphics.

Incorporate 3-D techniques into original motion projects.

Apply advanced motion graphics concepts, design and production methodologies and the design and produc-tion of original motion graphics.

Apply the principles of video editing.

Edit video footage, file formats, compression and stan-dard output.

Integrate Cinema 4D and After Effects.

Develop advanced motion graphics projects utilizing 3-D visual elements.

Apply advanced motion graphics concepts, design, and production methodologies.

Apply the principles of digital 3-D content development.

Design and deliver motion graphics according to broad-cast standards.

Learn and apply particle systems as needed for the com-munication of a design message.

MOTION GRAPHICS DESIGN COURSES:Courses are integrated within our curriculum to meet industry standards...

WNM305 Motion Graphics and WNM355 Motion Graphics 3-D.

TAP ON MAIN TEXT TO VIEW MAP! TAP TITLE FOR HOME PAGE!

Page 13: WHAT IS BFA NEW MEDIA? - robertrigel.com · DIGITAL IMAGING DIGITAL PHOTO VIDEO DESIGN AUDIO ... typeface design for specific purposes of communication. ... KEYING FILE FORMATS GREEN

WHAT IS BFA NEW MEDIA?

IMAGING

ADVANCEDSELECTION

TECHNIQUES

ADVANCEDCOMPOSITING

CHANNELOPERATIONS

NON-DESTRUCTIVE

EDITING

LAYER COMPS

COLORCORRECTION

LAYERSTYLES

WEB COMPS

CONCEPTUALIMAGING

BLENDMODES

LAYERMASKS

ADJST.LAYERS

SMARTOBJECTS

DIGITAL IMAGING:Program Learning Outcomes...

Use imaging software and techniques to create original images for specific design solutions.

DIGITAL IMAGING EXPERIENCES:Summary of Course Learning Outcomes...

Use and apply fundamental to intermediate tools and techniques with Photoshop.

Perform accurate selections, color correction, tonal range correction and compositing techniques.

Photoshop basic, intermediate and advanced tools and techniques for bitmap image editing.

Apply fundamental capabilities, options and principles relevant to digital imaging procedures.

Apply digital color spaces, manipulations, blending

modes, procedures and file formats as required by the application of the image.

Implement complex selection processes and composit-ing procedures.

Apply beginning, intermediate and advanced digital imaging techniques and procedures to achieve complex imaging results.

Apply techniques for highly accurate and efficient digital imaging and manipulation.

Combine photographic skills with advanced Photoshop imaging skills to reinforce strategic visual design con-cepts and art direction.

Use Photoshop at an advanced level in conjunction with original photography in service of conveying commercial messages.

Demonstrate approaches to achieving unified, consistent visual design in campaigns.

DIGITAL IMAGING COURSES:Courses are integrated within our curriculum to meet industry standards...

WNM230 Digital Imaging 1, WNM330 Digital Imaging 2 and WNM335 Digital Imaging 3.

TAP ON MAIN TEXT TO VIEW MAP! TAP TITLE FOR HOME PAGE!

Page 14: WHAT IS BFA NEW MEDIA? - robertrigel.com · DIGITAL IMAGING DIGITAL PHOTO VIDEO DESIGN AUDIO ... typeface design for specific purposes of communication. ... KEYING FILE FORMATS GREEN

WHAT IS BFA NEW MEDIA?

VIDEODESIGN

STOPANIMATION

FINAL CUT

HD VIDEO

EDITING

MOTIONTRACKING

THEORY

BATCHCAPTURE

COLORCORRECTION

COMPOS-ITING

ADDINGTYPE

ALPHAS& KEYING

FILEFORMATS

GREENSCREEN

VIDEO DESIGN:Program Learning Outcomes...

Create professional quality video for broadcast, mobile and web.

Produce original media rich content using advanced compositing and visual effects.

VIDEO DESIGN EXPERIENCES:Summary of Course Learning Outcomes...

Use Final Cut Pro at an intermediate level for editing, se-quencing and output of digital video in various formats.

Use compression software appropriate to various digital media delivery methods.

Shoot original digital video.

Use green screen techniques combined with After Effects to produce compelling short form video graphics.

Editing digital video for communication of concept.

Green screen compositing procedures and techniques.

Creating original stop-animations using industry stan-dard techniques.

Apply dedication and practice of all software tools to achieve professional results.

Storyboard, shoot and edit compelling video projects meeting all deadlines.

Participate and contribute to critiques and discussions.

Demonstrate a mature ability to accept and act upon critiques.

Retain, apply and further develop skills and knowledge accrued in prerequisite and concurrent courses.

VIDEO DESIGN COURSES:Courses are integrated within our curriculum to meet industry standards...

WNM358 Digital Video 1.

TAP ON MAIN TEXT TO VIEW MAP! TAP TITLE FOR HOME PAGE!

Page 15: WHAT IS BFA NEW MEDIA? - robertrigel.com · DIGITAL IMAGING DIGITAL PHOTO VIDEO DESIGN AUDIO ... typeface design for specific purposes of communication. ... KEYING FILE FORMATS GREEN

WHAT IS BFA NEW MEDIA?

DIGITALPHOTO

VISUALCOMMUN-

ICATION

ARTDIRECTION

STUDIOLIGHTING

COMPO- SITION

NATURALLIGHTING

CAMERARAW

SOFTBOX

TETHEREDSHOOTING

STROBELIGHTING

STAGING

RULE OFTHIRDS

GOLDENSECTION

CROPPING

DIGITAL PHOTOGRAPHY:Program Learning Outcomes...

Utilize appropriate lighting styles, techniques and equip-ment to create original photographic content.

Use photo management software and techniques to pro-cess and organize original photography.

DIGITAL PHOTOGRAPHY EXPERIENCES:Summary of Course Learning Outcomes...

This course covers the general principles of photogra-phy used by digital artists, including the basic concepts and terminology of traditional and digital photography, composition, color theory, lighting methods and equip-ment. Students learn to compose and manipulate image captures destined for digital media and print projects.

Shoot a variety of subjects in support of a range of visual communication objectives.

Light a scene with available or artificial lighting.

Use digital cameras and highly specialized lighting equipment at an intermediate level.

Establish a focal point, balance and tone appropriate to convey a concept and design objective.

Apply dedication and practice of all software tools to achieve professional results.

Participate and contribute to critiques and discussions.

Demonstrate a mature ability to accept and act upon critiques.

Retain, apply and further develop skills and knowledge accrued in prerequisite and concurrent courses.

DIGITAL PHOTOGRAPHY COURSE:Courses are integrated within our curriculum to meet industry standards...

WNM236 Digital Photography.

TAP ON MAIN TEXT TO VIEW MAP! TAP TITLE FOR HOME PAGE!

Page 16: WHAT IS BFA NEW MEDIA? - robertrigel.com · DIGITAL IMAGING DIGITAL PHOTO VIDEO DESIGN AUDIO ... typeface design for specific purposes of communication. ... KEYING FILE FORMATS GREEN

WHAT IS BFA NEW MEDIA?

BEZIERCURVES

VECTORDRAWING

LOGODESIGN

WEB ICONS& BUTTONS

DRAWING

SCALING

PRECISION

VECTOR ILLUSTRATION:Program Learning Outcomes...

An essential part of our overall program outcomes, vec-tor illustration is a vital part of any New Media designer’s tool set. Unlike bitmap images, vector images are scal-able. Additionally, Illustrator’s vector file sizes are small compared to the larger bitmap images from Photoshop. Finally, vector files are the heart of every logo design and the raw material of many motion graphics projects.

VECTOR ILLUSTRATION EXPERIENCES:Summary of Course Learning Outcomes...

This course covers a wide range of fundamental tech-nologies involved in professional digital design and production. Professional industry standards are covered in depth. Topics include: digital color, vector graphics, typography for new media, fundamentals of bitmap imaging, scanning, font technologies, the Mac OS,

production efficiencies, presentation & output methods.

This first semester class allows students to perform fundamental Macintosh OS operations while learning an essential, industry tool in depth.

Illustrator software will be used at beginning, intermedi-ate and advanced levels to create vector drawings.

Illustrator will be used as an introduction to setting and manipulating type for purposes of communicating specific concepts.

Illustrator will be used to produce basic to complex vec-tor illustrations including those with gradient mesh.

Logo design will be introduced using vector drawing

Button and icon design will be introduced using vector drawing tools.

Exporting to industry standard formats and printing essentials are also presented during this course.

DIGITAL PHOTOGRAPHY COURSE:Courses are integrated within our curriculum to meet industry standards...

WNM105 Design Technology.

TAP ON MAIN TEXT TO VIEW MAP! TAP TITLE FOR HOME PAGE!

Page 17: WHAT IS BFA NEW MEDIA? - robertrigel.com · DIGITAL IMAGING DIGITAL PHOTO VIDEO DESIGN AUDIO ... typeface design for specific purposes of communication. ... KEYING FILE FORMATS GREEN

WHAT IS BFA NEW MEDIA?

AUDIODESIGN

STREAMING

SOUNDDESIGN

MIXING &EFFECTS

SAMPLES& LOOPS

BASICTHEORY

SOUNDSYNTHESIS

AUDIO FOR

VIDEO

AUDIO DESIGN:Program Learning Outcomes...

Create, select, edit and apply sound design to support vi-sual designs for broadcast and interactive environments.

AUDIO DESIGN EXPERIENCES:Summary of Course Learning Outcomes...

This is an introduction to the fundamental concepts of digital audio. Students learn the principles of digital audio editing, timing, mixing, sequencing, midi and compression technologies. Emphasis is placed on rein-forcing visual communications with appropriate sound and music, audio concepts and terminology, establishing mood, file formats and optimizing file sizes.

Familiarize students with the fundamental principles and concepts of audio for New Media, including definitions and terminology, acquiring sound, recording, editing

and manipulating digital audio for specific incorporation, application and delivery in New Media projects.

Apply the use of audio software tools and techniques to create, mix, synthesize, sequence and output digital audio files.

Design and develop original audio content for interactive and sound track use.

Students will learn and apply fundamental music theory to their digital audio projects.

Students will learn and apply terminology and proce-dures in the creation and digital manipulation of audio.

Timing, formats and file types utilized in the multimedia and web environments will be covered.

DIGITAL AUDIO COURSE:Courses are integrated within our curriculum to meet industry standards...

WNM253 Digital Audio.

TAP ON MAIN TEXT TO VIEW MAP! TAP TITLE FOR HOME PAGE!