Media Design

Adobe Illustrator® is a vector graphic editor. With this app we create for example: logos, icons, info graphics and illustrations for print, web, video and mobile.

working with Adobe Illustrator®

Adobe Illustrator® CC

Students will learn the design principles and how to use Adobe Illustrator® to create high-quality illustrations.

Typical subjects (basics)

• Using the workspace (e.g. Using artboards, zooming and scrolling, using tools and panels, …)
• Learning essential skills (e.g. Using the shape tool, transform panel, introducing layers, …)
• Adding color (e.g. Exploring the Appearance panel, changing colors, adding effects, …)
• Using the draw tools (e.g. Understanding the Pen tool, straight and curved lines, editing paths, …)
• Additional color options (e.g. Adding tonal values with gradients, creating pattern, using the color guide, …)
• Adding and formatting text (e.g. Using paragraph / character styles, editing styles, text on path, …)

Typical design work

• Logos, Icons
• Location maps
• Letterhead, Business Cards, ...
• Web graphics and animations
• Visualization of data for information graphics and presentations
• Illustrations

Adobe Photoshop® is a raster graphics editor that has become the de facto industry standard in raster graphics editing. In addition to raster graphics, it has limited abilities to edit or render text, vector graphics (especially through clipping path), 3D graphics and video.

working with Adobe Photoshop®

Adobe Photoshop® CC

Students will learn the design principles and how to properly use Photoshop® tools to retouch and color-correct images and produce complex selections and paths. They discover creative uses for filters, learn how to take advantage of adjustment layers and create Images for Web, Video and Interactive Use.

Typical subjects (basics)

• Workspace, Tools, and Panels
• Selective Changes (e.g. Marquee tools, Magic Wand tool, adding to and subtracting from selections, …)
• Painting and Retouching (e.g. Using color panel and brush tool, retouching images, …)
• Color Correcting (e.g. Curve adjustment, highlight and shadow, sharpening, …)
• Layers (e.g. Selecting and Moving Layers, layer mask, creating a composition, …)
• Create Layered Compositions (e.g. Combining images, transforming / editing combined images, …)
• Using Layer Styles and Adjustment Layers

Typical design work

• Logos, Icons
• Customize, crop, retouch and restore photos
• Creation of images for advertisements, posters, brochures etc.
• Creation of images for websites, web banners and other website elements
• Creating animated GIF

Adobe InDesign® is a desktop publishing software application to create works such as posters, flyers, brochures, magazines, newspapers, presentations, books and ebooks.

working with Adobe InDesign®

Adobe InDesign® CC

Students will learn the design principles and how to use InDesign® to create master pages, work with text and type, create styles and use graphics.

Typical subjects (basics)

• Workspace and tools (e.g. document window, guides, viewing modes, …)
• Master pages (e.g. Formatting master pages, Using text variables, adding layout pages, …)
• Text and type (e.g. Creating a text frame, character and paragraph attributes, Glyphs panel, …)
• Graphics (e.g. Link panel, creating a graphic frame, adding and fitting graphics, …)
• Tables (e.g. Creating a table, adding text, using and merging cells, …)
• Using effects (e.g. Applying opacity to objects, applying effects to strokes or fills, …)
• Pre-flight, printing and pdfs (e.g. Preflight checks, creating a pdf, export options, …)
• Digital documents (e.g. Interactive design considerations, hyperlinks and buttons, page transitions and animations, …)

Typical design work

• Letterheads, business cards, ...
• Flyers, Posters, Brochures
• Magazines, Books
• digital magazines and online documents with interactive content (audio, video, slide shows or animations)

Adobe XD® CC is a UX/UI design software that supports vector design and wireframing and creates interactive click-through prototypes.

working with Adobe® XD

Adobe® XD CC

Students will learn the principles of UX/UI design and how to create interactive applications and website designs for testing and prototyping.

Typical subjects (basics)

• Workspace (e.g. Tools and menu items, Home screen, Preview, …)
• Artboards (e.g. Artboard properties, alignment and distribution, Grids, …)
• Shapes (e.g. Line, Rectangle and Ellipse Tools, Appearance settings, color control and swatches, …)
• Adding and editing text (e.g. Line and Area type, Leading, drag and drop text files, …)
• Images (e.g. Importing images and image properties, images into shapes, mask with shape, …)
• Compositions and design elements (e.g. Grouping and editing elements, repeat grid feature, adjusting padding, symbols, …)
• Prototype (e.g. Setting up links and transitions, preview prototype, record interactions, …)
• Fine tuning and project settings (e.g. UI Kits, exporting elements, PDF export, …)

Typical design work

• Wireframe
• Mockup
• Prototyp for websites and mobile apps

Adobe Muse® is a website builder that allows designers to create fixed, fluid, and adaptive websites without having to write any code.

working with Adobe® Muse

Adobe® Muse™ CC

Students will learn the web-design principles and how to use Adobe Muse® to create websites that adapt from desktop and notebook browsers to mobile devices and tablets.

Typical subjects (basics)

• Introduction to the workspace (e.g. view modes, selection indicator, site options, sitemap,…)
• Master Pages (e.g. Using Master Pages, page properties, headers and footers, …)
• Text and Images (e.g. Placing and formatting text and Images on pages)
• Links, Menus and Navigation (e.g. Inserting links, creating basic menu, inserting buttons, …)
• Formatting Objects, Layers (e.g. Transforming objects, aligning and distributing, using effects, …)
• Widgets (e.g. Tab and accordion widget, Button widgets, thumbnail and lightbox slideshow, …)
• Interactive Content (e.g. Adding video files and audio files)

Typical design work

• Creating and publishing responsive websites

Adobe Animate® is a multimedia authoring and computer animation program to design animations for television programs, online video, websites, web applications and video games.

working with Adobe® Animate

Adobe® Animate CC

Students will learn the basics of this web animation and multimedia publishing software. They learn how to bring graphics to life on the stage through motion and shape tweens while incorporating images, video and audio to create total interactive experiences.

Typical subjects (basics)

• Workspace and workflow (e.g. Stage, Tools panel, Grids, guides and rules, timeline, …)
• Drawing and color (e.g. Vector and bitmap graphics, paths, direction lines and points, …)
• Symbols and libraries (e.g. Symbols and instances, Graphic and button symbols, creating and converting, …)
• Basic animation (e.g. Motion tweens, classic tweens, inverse kinematics, shape tweens, …)
• Basic interactivity (e.g. Code snippets, adding code snippet to an object/to a frame, …)
• Scenes and masks (e.g. Scene panel, adding and deleting scenes, creating mask layers, …)
• Effects, filters, transforms (e.g. Color effects, animated filters, transforming objects, …)

Typical design work

• Interactive vector graphics for games, apps and the web
• Animated web banners (banner ads)
• Animated tutorials and info graphics

working with Adobe® Animate