Edit picture with free software PhotoCap. Edit picture  Free software:  PhotoCap 6.0  wthread.php?tid=43781&extra=page%3D.

Slides:



Advertisements
Similar presentations
2.01 Investigate graphic image design. Image Resolution.
Advertisements

Create a Web Site with Publisher 2000 for Marilyn Seguins Class.
Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Computer Information Technology Section 7-2
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
1 認識數位影像 什麼是數位影像 數位影像依其處存方式可分為兩大類 : 1. 向量影像( vector-based image ):影像圖案由一個 個物件所組成,每個物件可由一數學式表達 2. 點陣式影像( bit-mapped image ):影像圖案由像素 一個個排列而成.
Managing and Editing Your Photos
Scanning Documents Lunch and Learn: April 20, 2005.
Information Technology Services North Dakota State University Lorna Olsen Get the Best Digital Images Possible What’s it all about anyway?
Optimizing picture file size. Three things you can do to lower file size  Lower the resolution  Crop the picture  Save with a file format that uses.
File Formats The most common image file formats, the most important for cameras, printing, scanning, and internet use, are JPG, TIF, PNG, and GIF.
Task 2 Create Your Competition Entry Guidance Notes.
BY XAI LAO Photoshop: How to Image Size a Photo for Web – Beginner’s Guide ICT 710 | Learning Technologies | November 2011 by Xai Lao.
ICT for IGCSE – Syllabus Cambridge IGCSE ® Information and Communication Technology0417 Other web pages In own website New window Same page.
Understanding Web Graphics Web Design Section 5-4 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Computer Image Dr Jimmy Lam CAD for Fashion and Textiles.
Tutorial 3: Working with Images. Objectives Session 3.1 – Identify the differences among image file types – Evaluate the purpose of alternative text –
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
Poster Title XXXXXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXXXXX Name Department of East Carolina University Learning Objectives This is a basic.
1 Perception, Illusion and VR HNRS 299, Spring 2008 Lecture 14 Introduction to Computer Graphics.
 Scaling an image is resizing the image in a graphic editing software so it is the proper size before adding it to a site.  Important NOTE: If you insert.
8 Using Web Graphics Section 8.1 Identify types of graphics Identify and compare graphic formats Describe compression schemes Section 8.2 Identify image.
2.01D Investigate graphic image design. Image Resolution.
1 Ethics of Computing MONT 113G, Spring 2012 Session 10 HTML Tables Graphics on the Web.
Digital Darkroom I Theresa L. Ford. Objectives Basic Digital Image Terminology Screen Display of Pictures –Why are pictures too big for the screen? –Why.
Web Design (7) Images (1). Images and the Image Element Images can be placed in the flow of text..jpg,.png and.gif image files work in web pages The img.
Resizing Images CS 268. Where to start? Pictures (of course)  Need to down size them for the web.  Pictures taken with a 10 mega pixel camera are usually.
Graphics in HTML. Graphics  Question: How does a web page include graphics?  Are the graphics included in the HTML file or separate files?
Raster Graphics. An image is considered to be made up of small picture elements (pixels). Constructing a raster image requires setting the color of each.
***Adding items to your Etudes Homepage*** Log into Etudes
Microsoft Expression Web-Illustrated Unit E: Working with Pictures.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
Graphic Format Factors
部落格 _ 版面控制 ( 一 ) Building 更改首頁圖片.
Lesson 5.  To locate free resources that you can use for image editing  Determine the optimum image file size  Decide on the best image file format.
Adobe Photoshop CS5 – Illustrated Unit A: Getting Started with Photoshop CS5.
PowerPoint Bloat How to avoid it. 1 PowerPoint technique, 4 image techniques PowerPoint 1.Split long PowerPoint files into several smaller files Image.
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.
OV Copyright © 2012 Logical Operations, Inc. All rights reserved. Beginning with Image Basics  Manage Image Elements and Formats  Work with Digital.
Images Size & The Web. When putting your photos on the Web or sending them by , the smaller you can get them, the better. One simple thing you can.
Editing Images for the Web. Optimization/Compression Graphics optimization is important for fast web page display.
PART 2 – Size, Display, Color Modes. Image Size Courtesy of Digital images are made up of pixels (picture elements),
Information Technology Images: Types, Resolution and Techniques.
Glencoe Introduction to Web Design Chapter 8 Web Graphics 1 A bitmap file format that is used by scanners and graphics programs for use in print.
GIF vs. JPEG GIF and JPEG (JPG) image formats are different. You should know which to use when. Here are some examples.
WEB GRAPHICS EXPLORING COMPUTER SCIENCE - LESSON 3-4.
Information Systems Design and Development Media Types Computing Science.
13 June – Session : Graphics Different types of Graphics for the web Features of image editing software Good practice for image editing.
 Many people like the flexibility of digital images. For example:  They can be shared by attaching to /uploading to Internet  Sent via mobiles.
“Rightsizing” Images for
2.01 Investigate graphic image design.
Understanding Web Graphics
Exploring Computer Science - Lesson 3-4
Poster Abstract Title Presenter Name(s)
Exploring Computer Science - Lesson 3-4
Screen and Image Resolution
1.01 Investigate graphic types and file formats.
Exploring Computer Science - Lesson 3-4
Digital Images.
Poster Title XXXXXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXXXXX
Screen and Image Resolution
Tips for inserting graphs or images
Resizing and adding borders in PSE
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
Photoshop: Image size and resolution
2.01 Investigate graphic image design.
Screen and Image Resolution
Poster Title Authors’ Names Institution/Organization/Company
Presentation transcript:

Edit picture with free software PhotoCap

Edit picture  Free software:  PhotoCap 6.0  wthread.php?tid=43781&extra=page%3D 1 wthread.php?tid=43781&extra=page%3D 1

Resize an Image!  The images must be small enough to display well on a computer monitor, and you want them to download quickly to a user's computer.  The smaller the image is, the faster it will download.

 reducing the resolution of an image, which changes the number of pixels in the image, but won't alter the size the image appears on a computer screen  reduce the resolution to 72 pixels per inch

Steps to reduce the size of an imange and lower the resolution 1. Choose 影像 => 影像大小. (If you don‘t want your original image to lose quality, make a copy of it by choosing 檔案 => 另存影像 and giving the copy a new name. Then resize the copy for your Web site

2) highlight the number in the 解析度 field and replace it by typing in the number 72. ( Why Only 72 ppi? Most computer monitors display no more than 72 ppi, so any number higher than that is wasted on the Web. 3) Change the width of the image to 500 pixels. The height will automatically adjusts to maintain the proportions.

4) To reduce the size of a JPEG image, use the slider to alter the 壓縮品質 or enter a number, up to 100. Compression is measured as a percentage: The lower the number, the higher the compression and the smaller the file size. (Suggestion: set the 壓縮品質 to 60~70, If you reduce the quality too far, you degrade the image's appearance noticeably. )

Combining Photos and Text in a New Image 1. 檔案 => 新的編輯 2. 解析度 72ppi 3. Open any images that you want to add to the new file by choosing 新增圖層 => 影 像檔案的新圖層