Becoming An Event Design Guru

Slides:

Advertisements

Similar presentations

TouchTunes Music Corporation Quick Specs Home Page – Leaderboard Banner Leaderboard Specs Size (pixel): 655 x 81 Color: RGB Resolution:72 dpi File:jpg.

Advertisements

Slice and Dice: From PSD Image to XHTML+CSS Svetlin Nakov Telerik Corporation

With CSS, a color is most often specified by: a HEX value - like "#ff0000" an RGB value - like "rgb(255,0,0)" a color name - like "red“ Example h1.

CSS normally control the html elements. Three Ways to Insert CSS There are three ways of inserting a style sheet: External style sheet Internal style.

Droddy.  “Pixel” is short for two words: Picture and Element. Pixels (tiny squares) combine to form the image the human eye perceives Too small for the.

Raster graphics. Colour depth 01 1 bit pr pixel = 2 combinations (2 1 ): 2 bits pr pixel = 4 combinations (2 2 ): bits pr pixel = 16 combinations(2.

Introduction Replace the text in these columns with your own text. You can copy/paste text from Word or other PowerPoint files. Body text of 28 point Times.

Photo Editing: The Basics Created By: Bill Vincent and Jason Chwirut Created By: Bill Vincent and Jason Chwirut.

ETT 429 Spring 2007 Digital Photography/Scanners.

Designing for Web stuff you need to know before you start.

Graphics in the web Digital Media: Communication and Design

The University of Adelaide Picture Perfect: Image Formats and Resolution Peter Murdoch March 2014 PREPARING GOOD LOOKING DOCUMENTS.

File Types, Sizes & Dots Per Inch (dpi) Best practices applied to Photoshop file formats when creating media-specific documents. Bit Depth is the number.

COMP Bitmapped and Vector Graphics Pages Using Qwizdom.

BFTAW BDPA Workshop Introduction to GIMP Chris

BFTAW BDPA Workshop Introduction to GIMP Chris

1 Pertemuan 12 Linking and Embedding, Saving and Exporting Matakuliah: U0344 / DESKTOP 1 Tahun: 2006.

Getting the Basics Graphics for the Web McIntyre, Period 2 Kellogg, Period 5.

Foundations of Web Design I Photoshop CS5 Michael Daniel

Module Code: CU0001NI Technical Information on Digital Images Week – 2 - Extra.

Digital Cameras And Digital Information. How a Camera works Light passes through the lens Shutter opens for an instant Film is exposed to light Film is.

Graphics in HTML. Graphics  Question: How does a web page include graphics?  Are the graphics included in the HTML file or separate files?

PHOTO EDITING MAKING IMAGES WORK FOR YOU Dan Rude, Pam Akins, Dan Kaplan.

PowerPoint: Images Randy Graff UF HSC IT Center

Adobe Photoshop Setting Up An A3 Poster. A3 You are required to produce a poster This poster needs to be A3 in size – twice the size of a normal (A4)

Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.

Things to Remember When working with digital images.

Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.

Mirjana Devetakovic, M.Sc. CAAD - Images Beograd, 2011.

Task 3 Store and Present Your Digital Entry Guidance Notes.

PART 2 – Size, Display, Color Modes. Image Size Courtesy of Digital images are made up of pixels (picture elements),

The Web. Web Servers and File Transfer Protocol (FTP)

Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.

SRAM LOGO resize instructions To facilitate the use of SRAM logo for different size, i have designed the logo in *.png format (which is a format employed.

Vocabulary Worksheet Answers

WEB DESIGN PRINCIPLES Dale Blasingame School of Journalism & Mass Communication Texas State University.

Photoshop Basics: Extended Instructor: Vicki Weidler Assistant: Joaquin Obieta.

Digital Basics Quiz Preparation. Basic Digital Image Concepts Aliasing & Anti‐aliasing Resolution Compression Raster & Vector Color mode & Image mode.

APAN Branding Guideline 18 June Title Slide 01 APAN Version.

Unit 2.6 Data Representation Lesson 3 ‒ Images

Tips for Inserting Graphs or Images Tips for Title/Headers Bar Color

TITLE OF Abstract as Originally Submitted Author Affiliation/Company

Tips for Inserting Graphs or Images Tips for Title/Headers Bar Color

This new logo and profile set is built in part on the old design,

Technical Specifications Premium Fireplace

Pixel, Resolution, Image Size

Photo Editing for PowerPoint & the Web

Introduction To Photo Editing SHIELA MAE A. AQUINO SRNHS.

Web Design M. Jacie Yang Assistant Professor

Choosing the right image format

"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.

Photo Editing for PowerPoint & the Web

Image File Size and File Compression

Tips for Inserting Graphs or Images Tips for Title/Headers Bar Color

GBA Branding Guide and Logos

MED 2001 Advanced Media Production

Tips for inserting graphs or images Tips for Title/Headers Bar Color

People Who Did the Study Organizations and Affiliations

PLACE YOUR TITLE HERE **Poster Author(s) Go Here

Nuts and Bolts of Digital Imaging

TITLE OF THE PRESENTATION

Tips for inserting graphs or images Tips for Title/Headers Bar Color

Basic Concepts of Digital Imaging

timo. fi (59003) www. biocenter

Tips for inserting graphs or images Tips for Title/Headers Bar Color

Summer 31: Web Authoring A trainee has started to create a single stylesheet to be used with the website. The stylesheet was not finished and contains.

Tips for inserting graphs or images Tips for Title/Headers Bar Color

Comp 20 - Training & Instructional Design

Tips for inserting graphs or images Tips for Title/Headers Bar Color

Presentation transcript:

Becoming An Event Design Guru Jan Altmann

Agenda Technical Design Intro Design Your Event Q&A

Technical Design Intro Colour Mode Screen Design RGB; 255|255|255 HEX; FF|FF||FF Print Design CMYK & Grayscale

Technical Design Intro Resolution 72dpi 150dpi 300dpi

Technical Design Intro File Format JPG PNG GIF TIFF

Technical Design Intro Resizing of Pictures Proportional vs Squeezing File Size (KB vs MB vs GB)

Technical Design Intro What the MMX system does for you anyways Colour : RGB Resolution: optimized File Format: JPG or PNG Resizing: proportional File Size: max 1MB

Design Your Event Main Components Event Background Picture Event Header Primary Colour Secondary Components Vertical Banner

Design Your Event Main Components Background Recommendations RGB JPG 1280px by 720px Center of picture mostly hidden

Design Your Event Main Components Recommendations RGB JPG or PNG (if transparent) 811px by 94px Ensure font is not too small

Design Your Event Main Components Primary Colour Default Colour Turquoise (#2790b0) Hex code required Change to anything that aligns with your header/branding

Questions?

Namaste