If you want to take a photo that you took off your 8 mega pixel camera and place it on a website you will need to do the following. First you will need to transfer the image from your camera into your computer. Then open an image editing program such as PhotoShop Elements and import the image into the program. The actual size of the photo will depend on what camera settings were used. The finest settings will produce the largest photos. Before you do anything to the photo, save this as a PSD "source" file so that you will have the photo without any changes. Make a copy of the photo. It is best to turn off the original photo by clicking the eye on the left side of the original photo in the layering pallet. To resize the photo, go to image, and resize. Constrain proportions and resample image boxes should be checked so the resized photo is not distorted. Resolution should be set at 72 dpi for web, 300 for print. Duplicate layer, take the crop tool, drag and crop out the tourists in the photo by selecting only the area that you want in your photo. If you need to make any further adjustments, make a new adjustment layer and apply techniques such as sharpening, brightening etc. Re-save this photo in the PSD format named with changes. Next we want to "save it for the web" as a jpeg using medium compression. This is so the image is the appropriate size for the screen as well as loading time. Image size can also depend on on where it is uploaded, as there can be maximum pixel and file size. If making changes to size, be sure to check "constrain proportions" so there is no distortion. At this point the jpg file is ready to be uploaded into your web program. The goal of all web graphics/photo is to have reasonable quality, at the smallest file size, and that loads quickly.
Typography--Readability vs legibility?
First, I love typography. I have books solely devoted to the art of typography. Unfortunately, I remember little since I switched my focus from design to Organizational Behavior. At one time though, I had to upgrade my home computer to accommodate my font collection!
Bad typography can ruin the best print/web material. Sometimes people can get caught up with fun and fancy fonts, placement, and size without realizing that the words are not legible and/or readable. Typography is a true "art" all on its own!
- Readability is about how a lot of text is viewed and considers factors such as size, contrast, bolding, italics, and avoiding long lines of text. In print, a simple serif face is best.
- Legibility refers to shorter areas of text such as headlines, button text etc which are generally best with sans serif font. These are fonts without the little tails on the end. Short "bursts" of text should not be in all caps. While serif fonts are nice for print, sans serif are actually clearer to read.
It is important to understand that not every font on the computer is good for the web. There are in fact a number of web safe fonts that are generally on all computers. If you make a web page with a special font, you risk others not being able to view the page as you view it. If a computer does not have the font specified, it will substitute and the results can be dramatic, and usually poor. Likewise, monitor resolutions will effect the how big or small text appears.The best way to achieve consistency is to use Cascading Style Sheets (CSS). CSS will allow you to name, and define all of the formatting which can be applied or changed easily to text selections. While not all browsers support the standardized css code, basic typographic controls in css are generally recognized. In the end, designing for web or print, the ultimate goal is that what you have created is easy to read and understand.
No comments:
Post a Comment