Roger L. Runquist Western Illinois University Roger L. Runquist Western Illinois University Photoshop Basics.

Slides:



Advertisements
Similar presentations
Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Advertisements

Integrating FreeHand with Other Macromedia Web Applications– Lesson 61 Integrating FreeHand with Other Macromedia Web Applications Lesson 6.
Working with Graphics – Lesson 21 Working with Graphics Lesson 2.
Web Design Vocab 3 PNG, JPG, GIF, MP3, MPEG.
Copywrite Digital Printers
Poster Template for a 841mm x 594mm poster presentation Your name and the names of the people who have contributed to this presentation go here. The names.
Chapter 17 Creating Images for the Web. Chapter Lessons Learn about Web features Optimize images for Web use Create a button for a Web page Create slices.
IMD 205 MULTIMEDIA FOR INFORMATION PROFESSIONAL Topic 5: Adobe Photoshop: Introduction.
Graphic Fun with Photoshop and Dreamweaver Presented by Roger L. Runquist, WIU.
Adobe Photoshop Elements 2.0 Creating A Button For Your Website.
Create a new document and import files Learn about the Macromedia Fireworks window Work with bitmap and vector images Create and modify text Unit Lessons.
Image Processing, Illustration (Drawing), Paint Programs, and Scanning Dr. Warren C. Weber Cal Poly Pomona.
Adobe Photoshop Elements 2.0 Creating Buttons For Websites.
Adobe Photoshop 6 Advanced Level Course. Easy Fixes Photoshop is the best tool to fix old, torn and faded photographs, and can fix almost all flaws in.
Scanning and Graphics Workshop I Graphics for the Web, Scanning and Introduction to Photoshop.
Photoshop Backgrounds, Buttons, Banners & Animation In PowerPoint Presentations.
File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.
Getting the Basics Graphics for the Web McIntyre, Period 2 Kellogg, Period 5.
Foundations of Web Design I Photoshop CS5 Michael Daniel
Photoshop & Fireworks Helps & Hints Visual Design for the Web March 2007.
Processing and Exporting Images Ivan Zhekov Telerik Web Design Course html5course.telerik.com Front-end Developer
CIS 205—Web Design & Development Fireworks Chapter 1.
Graphics and Images Communicating Information : Documents and Publications.
Working with Graphics – Lesson 21 Working with Graphics Lesson 2.
Web Graphics By Chris Harding. Contents  Software  Vector Graphics and Pixel Based  Transparent Images  Compression  GIF vs. JPEG  Animated GIF.
10 | Graphics COM 366 Web Design & Production. Native file format –Format native to software program –psd > PhotoShop default Preserves layers –Use “Save.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Introduction to Photoshop Altering photos 1 pixel at a time.
Graphic Format Factors
Task 3 Store and Present Your Digital Entry Guidance Notes.
Adobe Photoshop CS3 Revealed – Chapter 16 FOR THE WEB CREATING IMAGES.
Things to Remember When working with digital images.
Chapter 3 - Photoshop® Elements Outline 3.1 Introduction 3.2 Image Basics 3.3 Vector and Raster Graphics 3.4 Toolbox Selection Tools Painting.
Using the Sony DSC-P52 Camera Sunday, December 06, 2015.
Web Graphics. Web graphics Bandwidth is king Graphics must load quickly Graphics must be optimized All other components except for text, gif and jpg are.
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
So far  Reviewed CSS  Added a table  3 rows  Copy/paste from course syllabus Anchorsandlists.pptx 01/22/2016.
Photoshop Basics: Extended Instructor: Vicki Weidler Assistant: Joaquin Obieta.
ITEC2110, Digital Media Chapter 3 Digital Image Processing 1 GGC -- ITEC Digital Media.
Efficient Game Graphics From Flash MX 2004 Game Design Demystified.
Photoshop Review What we need to know. Image>Image size A panel in Photoshop where you can see the size and resolution of your image.
Digital painting flower. Find a line drawing of a flower Save it to your computer Make sure it is a large, clear image!!!
Basic Web Design Week 3 - Graphics UVICELL. Web Graphics Concepts for Week 3 Selecting the right format for your image Creating a name banner for your.
Online & Offline Publishing - Bitmaps & Vector Graphics Keywords: Paths, Points, Resize, Transparency, Resolution, Print Quality Web Image File Formats:
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
The poster title goes here and here
Web Graphics By Chris Harding.
Introduction to raster graphics
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
JPG vs GIF vs PNG What is the difference?
The poster title goes here and here
Poster title Author(s) Institution(s) Corresponding author’s Name
Poster title Author(s) Institution(s) Corresponding author’s Name
Adobe Photoshop Elements 2.0 Creating Buttons For Websites
Adobe Visual Design 5.00 Apply procedures to publish digital images using Adobe Photoshop (2%) Apply procedures to publish illustrations using Adobe.
Photoshop: Creating and Preparing Images for the Web
Creating Images for the Web
Adobe Photoshop Elements 2.0
The poster title goes here and here
The poster title goes here and here
Title of a Poster Paper for IW-FCV2019
Adobe Photoshop Elements 2.0 Creating Buttons For Websites
Optimizing Images for the Web
timo. fi (59003) www. biocenter
The poster title goes here and here
The poster title goes here and here
The poster title goes here and here
The poster title goes here and here
Presentation transcript:

Roger L. Runquist Western Illinois University Roger L. Runquist Western Illinois University Photoshop Basics

Different techniques for making selections Adding text to graphics Saving graphics and optimizing for web use An introduction to layers Specific Topics

Selections Lots of time is spent making selections Once a selection is made, changes to the image only take place inside of the selection Selections can be done based on: Regular shapes Tones and colors “Edges” Freehand

Formats for the WWW  JPEG  Supports “millions of colors”  Supports various levels of compression GIF - Supports 256 colors (only 216 for the Web) - Supports animations - Supports transparent areas

Formats for the WWW Ensure your color mode Image->Mode->RGB Color Ensure your dpi Image->Image Size and ensure dpi is set for 72 Ensure your scale Look at the title bar and zoom until it reads 100%-> This is the size of your web image

Formats for the WWW Choose File-Save for Web Use the “Optimize” tab to see how the original will actually look. Try various compression settings. Remember, “Save for Web” saves a COPY of the original