Transcript: Slide 52 and Slide 53 - Pete Slide 11 Slide 26 Slide 3 images Slide 13 Slide 18 Slide 23 Slide 7 Slide 9 Slide 2 images Slide 20 Slide 10 Slide 6 Slide 9 Slide 37 Slide 28 Slide 34 Slide 4 Slide 7 Slide 6 Slide 16 Slide 3 Slide 10 Slide 36 Chris's Images Slide 17 Slide 27 Slide 5 Slide 2 Slide 15 Slide 24 Slide 32 Slide 8 Slide 35 Hakan's Slides Slide 25 Slide 33 Slide 4 Slide 33 30 Year Anniversary Slide 8 DaveWelling Slide 5
Transcript: Tables * Contains list of sizes used as template for easy generation of different sizes in a Fit. * Once added, fit type may now be used as reference for Fit Size Card Template Production Masterfile.SizeTemplate Masterfile.SizeTemplateDetail
Transcript: Why we use the Image Size Command ? Boral, Minard Changing the value for the width of your image will automatically change the value for the height along with it. The Document Size Section describes the printer resolution of the photo. It is used to make sure that the resolution is appropriate for print Step 1 You can also resize your image by a percentage of the original image size rather than typing in a specific pixel value. If you click on either the word "pixels" or the arrow to the right of the word, a drop-down menu will appear which lets you change the measurement type to percent To change the Width and Height values, simply double-click inside one of the two boxes (either Width or Height), which will highlight the number currently showing in the box, and then type a new value. When you’re done, click the OK button and Photoshop will resize your image to the new dimensions you’ve specified. Current file size of the image Step 2 Pixel Dimension measure the total number of pixels along an image 's width and height. It describes the monitor resolution of the photo. Constrain Proportions controls whether the width and height are linked. By default, the option is selected but if you need to change the width and height separately, simply uncheck this option. Pixel Dimension Two Main Sections of Image Size Command Dialog Box Document Size Group 3: Generose Generation Reported by: The Document Size Section Result THE IMAGE SIZE COMMAND Constrain Proportions Current Width and Height of the image A linked icon lets us know that the width and height values of the image are currently linked together. Change the file size. Make sure the resolution is appropriate for print. Adjust the dimensions so that they're just right for viewing onscreen. Change the width, height, and/or resolution of your image for printing or some other kind of output. The Pixel Dimension Section
Transcript: A digital image is a numeric representation (normally binary) of a two-dimensional image. Depending on whether the image resolution is fixed, it may be of vector or raster type. By itself, the term "digital image" usually refers to raster images or bitmapped images Example~ Design principles are the guiding light for any software application. They define and communicate the key characteristics of the product to a wide variety of stakeholders including clients, colleagues, and team members Example~ Image size and Resolution Image resolution is not to be confused with monitor resolution or printer resolution. Image resolution is the pixel density of an image, measured in pixels per inch (ppi) of an image. Image resolution is closely related to image file size, measured in kilobytes (KB) or megabytes (MB). The more pixels per inch, the larger the image file size. 2.0 IDENTIFYING DESIGN ELEMENTS WHEN PREPARING IMAGES Design principles example~ Digital imagery
Transcript: huddle Mrs. Rossi huddle to crowd together crowd huddle separate
Transcript: After the movie we went to Eshan's house and played video games Friends Have come and we cut the cake Talked with my friends while eating We watched The Amazing Spiderman in 3D Went to movie theater ESHAN'S BIRTHDAY PARTY Sigh... Friends go home Autobiography event with Images - ESHAN Went to eat at Johnny Moo
Transcript: Game Changing Devices Vector: Image mathematically configured with points and curves. Bitmap: Constructed with small squares of colors. Each square is called a pixel. Designing for Platforms http://www.lancaster.ac.uk/ Media queries: CSS allows for page styling based on characteristics of the device the site is being displayed on. Page styling is most-commonly based on the width of the browser. The fluid grid: when page elements are sized in relative (%) units and the number of grid columns change depending on the width limits. The most popular technique is based on the fluid grid MacBook Pro (Retina, 13-inch) displays have a 2560-by-1600 native resolution at 227 pixels per inch with support for millions of colors. Things to consider: When creating a website that is fit for all monitor screens, the most common approach is designing within the standard screen width and height. Currently, the standard size of a monitor screen is 1024 pixels by 760 pixels. How do you take your design to the web? Image Resolution & Size for Web Responsive Web Design tablet ` Standard Resolution Screens - 72 ppi Print - 300 dpi According to Apple: the comfortable minimum size of tappable UI elements is 44 x 44 px. This limit is often broken and the real estimate limit is around 25 px. The screen standard is changing with the retina display technology. Take into account your users and platform. Decoding Screen Size website As you can see, there are a variety of dimensions as well as resolutions (defined as pixel per inch). The resolution (PPI) is an important factor — for example, the size of an icon on the iPhone 5 will be 4 times bigger when displayed on a desktop monitor. mobile Keep it readable Keep it browsable (avoid scrolling) Keep it tappable Vector vs. Bitmap https://99designs.com/designer-blog/2012/12/03/responsive-web-design-key-tips-and-approaches/ Resolution: What are pixels? Approaches
Transcript: Creative presentation tool available online Select corner to change size Arrows Select boxes to change shape and length Shapes Change color theme Insert Double click anywhere > Insert text Select color box in edit to change color A new slide will be created Prezi Tutorial Select Image, From files or PowerPoint and choose file Images, files & Powerpoint Template Select Show Only Reusable Prezis Click and drag to create Find a presentation > select Make a copy Editing text boxes Select Template > Choose a theme Drag any corner of box to change size Select Draw Brackets, Rectangle, Circles Frames & Arrows Explore Symbols & Shapes Select New prezi Select one and click Choose Youtube video Have link copied > Paste > Click Insert Sign up or Log in Choose a template Select ">" in edit for more options
Description: Storytelling is at the heart of great service. Use this stunning, customizable business presentation template to highlight employees who do exceptional work or position your customers as the heroes of your business.
Description: The sky’s the limit. Boost your new sales initiative into orbit with an engaging and compelling SKO presentation. This template features a effective sales kickoff theme that makes it easy to be engaging. Like all Prezi SKO templates, it’s fully customizable with your own information.
Description: Add some color to your quarterly business review with this vibrant business presentation template. The bold visuals in this business template will make your next QBR a memorable one.
Description: Catch the eye and engage the imagination with this cool-looking Prezi proposal template. The bold, bright design and highly dynamic theme all but guarantee success for your next sales or marketing proposal. All Prezi presentation templates are easily customized.
Now you can make any subject more engaging and memorable