digital imaging tutorial
DESCRIPTION
Got an image problem? Start with better digital images. There’s no better—or worse—way to convey your company’s message than with an image. It is your image. It is true that professionals must be involved creating your corporate identity or advertising campaigns, but you can take the task of preparing images to include in your interactive stuff. Joe Smith, art & code guy with Art Dude™ Creative, will guide us through the basics of pixels, resolutions and color. We will crack open some images, learn their structures, manipulate their attributes, observe their aesthetics, determine their thousand words (in every picture), optimize their algorithms (not as geeky as it sounds), and avoid internet image pitfalls. Time and interests allowing, we can delve into more advanced topics like masking, using text in an image, special effects, or color correction.TRANSCRIPT
Joe Smithdesigner, developer
Saturday, March 3, 12
1px by 1px1 pixel24 bit colorRGB
Saturday, March 3, 12
2px by 2px4 pixels24 bit color
Saturday, March 3, 12
14px by 14px196 pixels24 bit color
Saturday, March 3, 12
40px by 40px1,600 pixels24 bit color
Saturday, March 3, 12
110px by 110px12,100 pixels24 bit color
Saturday, March 3, 12
230px by 230px52,900 pixels24 bit color
Saturday, March 3, 12
630px by 630px396,900 pixels24 bit color
Saturday, March 3, 12
2,636px by 3,923px10,341,028 pixels24 bit color
Saturday, March 3, 12
24 bit color
110px by 110px12,100 pixels
8 bit color1 bit color
Saturday, March 3, 12
1 Bit Colordigital color is binary
one’s and zeros 010101
21 = 2 colors
8 Bit Color28 = 256 colors
24 Bit Color224 = 16,777,216
Saturday, March 3, 12
1 bit color2 colorsblack and white
Saturday, March 3, 12
RGBRed (256 variants)
256x 256x 256
16,777,216
Blue (256 variants)Green (256 variants)
Saturday, March 3, 12
CyanMagentaYellowBlack
Saturday, March 3, 12
Printing on paper with a limited number of colors
Saturday, March 3, 12
Digital Prints are confined to Dots Per InchDPI
Saturday, March 3, 12
DPILPIPPI
Saturday, March 3, 12
630px by 630px396,900 pixels24 bit color
Saturday, March 3, 12
Macbook Pro 15 inch (diagonal) 13 inches wide 1440 pixels wide ~110 ppi
Saturday, March 3, 12
iPad 2 1024 by 768 132 ppi
Saturday, March 3, 12
iPhone 3gs480 by 320163 ppi
Saturday, March 3, 12
iPhone 4gs 960 by 640326 ppi
Saturday, March 3, 12
Adobe Photoshopfor resampling images
Target Size800 by 800 pixels
@72 ppi
Saturday, March 3, 12