Working with Media / Other Graphics
Subtitles of the Movie
Let's talk about graphics a little bit. We've an image on the left here, and that image is not transparent, because it has a white background. You can use Photoshop Elements or Photoshop to gain transparency with an image. You could see it has a white background. Here on the right, this image is transparent. You can see through the eyes, see through the mouth and nose down to the slide background. This is a transparent image, and you can use Photoshop Elements or Photoshop to create one. You have vector graphics and bitmap graphics. Vector graphics are lines, points and fills. Bitmaps graphics are a grid of colors, and they have one dot in the grid as a pixel. And bitmap graphics are higher in file size. OK, we have a pixel and pixel is one dot of color on your monitor, and we are using RGB colors, which are for web presentation. And your graphic should be 72 pixels per inch - that's a web resolution. If you are doing it for print, your pixels per inch should be higher, much higher than 72. The colors we use for the web or on screen is RGB: Red, Green and Blue. The computer mixes these 3 colors to produce other colors. Now, if you are dealing with print and you are going to be exporting a PDF - Cyan, Magenta, Yellow and Black. It uses 4 colors to produce any color in the spectrum. So this is recommended for printing if you are going to output to a PDF: Cyan Magenta, Yellow and Black. It mixes these in a percentage from zero to 100%. And you have HSB: Hue, Saturation and Brightness. A hue is a one color in the rainbow that's extremely pure. Pure Green, pure Yellow. And then you have the saturation which is the strength of the color, and then you the black and white, which is the brightness. They add the brightness. Choose a hue, thus creating the color, and these are all hues here. There's a bunch of hues actually. And they are all pure colors. They don't have brightness or values added to them. It's just pure. The colors you see in a rainbow are hues. 216 web safe colors - why 216? Well 216 colors are shared by Mac and PC. Now, here is a red. This is the Hexadecimal color code for that red. And down here we could see that, this little chart we have red. You have values of red, but you don't have values of green or blue. So your monitor needs values of all three in order to mix colors for the web and for on screen. Let's see how these interpret. Starting at the top here, we have white, as you can see, and the value of white is all F's. And you have zeros, which is equal to black. Now you also have the strength, the decimals, the Hexadecimal and the percentage. Zeros are dark as you can see, and you have medium and finally you have light. So RGB numbers are converted to Hexadecimal. See 255 is translated as two F's. Hexadecimal. See 255 is translated as two F's.
Tutorial Information
| Course: | Keynote |
| Author: | Mario Leone |
| SKU: | 33421 |
| ISBN: | 193207225X |
| Release Date: | 2003-05-15 |
| Duration: | 6 hrs / 103 lessons |
| Work Files: |
Yes |
| Captions: | For Online University members only |
| Compatibility: |
Vista/XP/2000, OS X, Linux QuickTime 7, Flash 8 |
VTC Sign up & Benefits
- Unlimited Access
- 98,729 Video Tutorials (23,265 free)
- Video Available as Flash or QuickTime
- Over 1026 Courses
- $30 for One Month Access
- Multi-User Discounts Available
United States 