SlideShare uma empresa Scribd logo
1 de 40
Baixar para ler offline
Working with  Images
 
What is a digital image? 1 inch 72 pixels 3 inches 216 pixels 1 pixel = 0.3mm
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
560 seconds 3000 x 2000 pixels 3.5MB
250x180 5 seconds
Image size - rule of thumb ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Image types ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Image types ,[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
j pg gif
Which format should these be in?
 
Saving images ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],What’s wrong with these? ,[object Object],canary-palm.jpg carnations-crysanths.jpg balance-logo.gif ,[object Object]
Renaming images  ,[object Object],[object Object],[object Object],[object Object]
 
Images properties ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Renaming images ,[object Object],[object Object],[object Object]
Rule of thumb – saving  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
How do we get images onto our PC? ,[object Object],[object Object],[object Object]
From the internet ,[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
 
How do you change an image? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Cropping ,[object Object],[object Object],[object Object]
I mage shapes
Cropping for effect
 
 
Crop in picnik.com ,[object Object],[object Object],[object Object],[object Object],[object Object]
Re-sizing ,[object Object],[object Object],[object Object]
Resize in Picnik.com ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Saving a jpeg ,[object Object],[object Object],[object Object],[object Object]
 
 
Create in picnik.com ,[object Object],[object Object],[object Object],[object Object],[object Object]
Questions?

Mais conteúdo relacionado

Semelhante a Working with Images

Digital Imaging
Digital ImagingDigital Imaging
Digital Imagingwang wangt
 
File types pro forma power point
File types pro forma power pointFile types pro forma power point
File types pro forma power pointbobtrelfa
 
File types pro forma power point
File types pro forma power pointFile types pro forma power point
File types pro forma power pointbobtrelfa
 
File Types Pro Forma
File Types Pro Forma File Types Pro Forma
File Types Pro Forma james-ellis1
 
File types pro forma(1)
File types pro forma(1)File types pro forma(1)
File types pro forma(1)joe cole
 
Digital graphics technology
Digital graphics technologyDigital graphics technology
Digital graphics technologyhaverstockmedia
 
Raster vs. Vector Graphics, a mini-lesson
Raster vs. Vector Graphics, a mini-lessonRaster vs. Vector Graphics, a mini-lesson
Raster vs. Vector Graphics, a mini-lessonToddTibbetts3
 
File types pro forma
File types pro formaFile types pro forma
File types pro formaalisrose1
 
File types pro forma(1) (1)
File types pro forma(1) (1)File types pro forma(1) (1)
File types pro forma(1) (1)willydavisj
 
Optimizing jpgs with MS Office Picture Manager
Optimizing jpgs with MS Office Picture ManagerOptimizing jpgs with MS Office Picture Manager
Optimizing jpgs with MS Office Picture Managernewgraham
 
File types pro forma
File types pro formaFile types pro forma
File types pro formaRoss Hardman
 
What is Image Optimization and How Does it Make Websites Load Faster?
What is Image Optimization and How Does it Make Websites Load Faster?What is Image Optimization and How Does it Make Websites Load Faster?
What is Image Optimization and How Does it Make Websites Load Faster?Medianova
 
Digital graphics file formats
Digital graphics file formatsDigital graphics file formats
Digital graphics file formatsEthanPayne
 
Pro formula digital graphics
Pro formula digital graphicsPro formula digital graphics
Pro formula digital graphicsEllieDawson
 
BMSC 1103- Webquest
BMSC 1103- WebquestBMSC 1103- Webquest
BMSC 1103- Webquestguestf3fd29
 

Semelhante a Working with Images (20)

Digital Imaging
Digital ImagingDigital Imaging
Digital Imaging
 
File types pro forma power point
File types pro forma power pointFile types pro forma power point
File types pro forma power point
 
File types pro forma power point
File types pro forma power pointFile types pro forma power point
File types pro forma power point
 
File Types Pro Forma
File Types Pro Forma File Types Pro Forma
File Types Pro Forma
 
Unit 13
Unit 13Unit 13
Unit 13
 
File types pro forma(1)
File types pro forma(1)File types pro forma(1)
File types pro forma(1)
 
Unit 13
Unit 13Unit 13
Unit 13
 
Digital graphics technology
Digital graphics technologyDigital graphics technology
Digital graphics technology
 
Raster vs. Vector Graphics, a mini-lesson
Raster vs. Vector Graphics, a mini-lessonRaster vs. Vector Graphics, a mini-lesson
Raster vs. Vector Graphics, a mini-lesson
 
File types pro forma
File types pro formaFile types pro forma
File types pro forma
 
File types pro forma(1) (1)
File types pro forma(1) (1)File types pro forma(1) (1)
File types pro forma(1) (1)
 
Optimizing jpgs with MS Office Picture Manager
Optimizing jpgs with MS Office Picture ManagerOptimizing jpgs with MS Office Picture Manager
Optimizing jpgs with MS Office Picture Manager
 
File types pro forma
File types pro formaFile types pro forma
File types pro forma
 
What is Image Optimization and How Does it Make Websites Load Faster?
What is Image Optimization and How Does it Make Websites Load Faster?What is Image Optimization and How Does it Make Websites Load Faster?
What is Image Optimization and How Does it Make Websites Load Faster?
 
Digital graphics file formats
Digital graphics file formatsDigital graphics file formats
Digital graphics file formats
 
Lunch and Learn - Images
Lunch and Learn - ImagesLunch and Learn - Images
Lunch and Learn - Images
 
Pro formula digital graphics
Pro formula digital graphicsPro formula digital graphics
Pro formula digital graphics
 
Beginning Digital Photography
Beginning Digital PhotographyBeginning Digital Photography
Beginning Digital Photography
 
BMSC 1103- Webquest
BMSC 1103- WebquestBMSC 1103- Webquest
BMSC 1103- Webquest
 
1. file types pro forma
1. file types pro forma1. file types pro forma
1. file types pro forma
 

Working with Images

Notas do Editor

  1. Taking pictures – dos and don’ts Cropping Re-sizing Uploading Wondered why images look blocky or fuzzy What I am going to give you is rules of thumb. Digital images sometimes can be a bit tricky, so in order not to confuse you, I’m not going to mention a few things. However, if you do come across these things in the future, just let me know and I’ll help you out
  2. A picture says a million words – we all know that. What we’ll run through today is about understanding what an image is, what the sizes mean
  3. First let’s look at the basics. An image is made up of millions of tiny squares, pixels. A pixel – smallest part of an image the more pixels packed into an image the better the quality. On most digital images, a pixel is around 3mm each
  4. How do they relate to sizes? We measure images by the number of pixels When working with images on the internet, we’re usually safe in assuming that there are 72 pixels in an inch So ..
  5. This image is 2560x1960 Would take 560 seconds to look at on a dial up internet connection 3.5MB
  6. Now it is 250x180 Would take 5 seconds 66kb
  7. So what about types of images, images can be saved as various types – these are the 4 main ones For internet use, we like the first 2 PNG - Portable Network Graphics format is a completely loss-less compression. Gradients come out much smoother and do not have the distortions that may appear in a JPG. JPG - JPG's support over 16 million colors, but slightly "distort" the image to compress the file size. For photos, the human eye cannot tell the subtle changes in color, but along straight edges and in pictures with large solid colors, distortion becomes very apparent. PSD - PhotoShop Document supports millions of colors. This file format also has exceptional image quality, but it does not compress your file so file sizes will be large and uploading times will be long. TIFF - Tag Image File Format is similar to a PSD file but the layers are flattened. Uploading times will be long. BMP - MS Windows Bitmap Format - Saves your file pixel for pixel, Supports Millions of colors, the drawback is extremely large file sizes, which translates into extremely long upload times. AI - Adobe Illustrator Not Acceptable EPS - Encapsulated PostScript - Supports Millions of color and must be saved in Bitmap Form. Vector form is not acceptable.
  8. What are they used for? GIF - Graphic Interchange Format. One of the oldest formats, it’s also one of the most popular and versatile.  It’s ideal for logos, cartoons and similar material.  GIFs contain up to 8 bit colour – that’s 256 colours. A benefit is that the background of a GIF can be made transparent, so you see the background colour of the browser window you're in. GIFs can also be animated. JPEG – Joint Photographic Experts Group. (pronounced JAY-peg ) This format uses a lossy compression system, meaning that some
  9. Now I’ll show you how we can upload images, but first about saving
  10. What is wrong with these?
  11. So let’s have a go at re-naming images – but first, let’s look at image properties in my pictures. You can find out a lot about your images from this folder
  12. Let’s now have a go – choose my pictures > image workshop > saving exercise Have a look – select thumbnails Now rollover the images Now right click and select rename Now rename these – see what you think School of thought about including keywords in your image titles
  13. Exercise – rename the images I have put on called saving exercise To re-name an image, click once and retype Don’t forget to click THUMBNAILS to view the iamges Also notice… roll over the image and see the pixel sizes
  14. So how do we get images onto our computers Is everyone happy with getting an image from a digital camera onto their computer? – If not show…
  15. Pay for images - download them on to your pc. Good quality and well shot Look at these
  16. Free images It is important to remember that all images are the copyright of the photographer and therefore permission should be sought before using. Let’s now go onto these sites and have a look for ourselves
  17. Photoshop £400
  18. Cropping is Cutting Go to flauntr and show or use IRfan view
  19. Shrinking – we can’t really increase the size of images – look blocky or fuzzy Get your shape right first May need crop and re-size a few times to get an iamge to the right size Show on flauntr
  20. At 100% pixel size 3072 x 2304 3 MB – take someone 346 seconds on a dial up to get the picture
  21. But if you reduce it too much you get a pixellated look compressed to 10%