Tuesday, October 26, 2010

Understanding Pixels

Hello Students, here are some notes on my recent lesson on understanding pixels.

Alias vs Anti-Alias:
In Photoshop and other bitmap/pixel based programs, Anti-Aliasing is used to give objects a smooth appearance when viewed on screen, it averages the pixel colors to create a smooth transition.

Aliasing is when graphics lack that smoothing, and we can see jagged edges to the object, or "Jaggies".



Contiguous vs Non-Contiguous:
It is important to understand the difference between contiguous and non-contiguous imagery, because different image compression formats are best used for certain types of images.

Contiguous images have subtle color changes from one pixel to another, such as photograph's, paintings, hand drawn sketches or any graphics with a lot of gradients. The JPEG compression codec is best for these kinds of images, that is why most digital camera's save images in the .JPG format.

Non-Contiguous Images have large areas of flat color, shapes and lines. These can be photo's that have been converted to 8-bits, or graphics drawn without anti-aliasing.

Smiley Icon Tutorial

Hello Students,

Today we will take our new knowledge about icons and pixels and create a smiley face icon by following this tutorial. Follow the instruction for the tutorial very carefully... when you are finished email me the original sized icon you have created, plus a version at 32X32 Pixels.

Smiley Face Icon Tutorial

Deliverables:
JPG 300X300 Pixels
JPG 32X32 Pixels

Thursday, October 21, 2010

Indesign Toolkit - Links to handy tips, resources and inspiration for Indesign

Hello Students! As we move forward in the semester, Indesign will be used to compose many of the elements of our personal Portfolio's. Indesign is incredibly powerful for layout. If you come across a challenge while using it, look over these links below. There is information from the basics of opening and saving and doing set up for documents, as well as intermediate and advanced information and tutorials and a link to get inspired on layout ideas for your portfolio and a website that lets you search for pictures based on color.

Indesign Basics - Opening, saving and closing documents
Setting up and using the Library - Indesign contains a palette called the library, for saving and reusing repeated elements.
Setting Margins, Columns and Guides - Margins are important to have control over. Consider printing a book, the crease of the book center eats up page space, and you should make sure you text and images don't become unreadable because they are to tightly centered.
How To Create Paragraph Styles - Creating these "styles" in Indesign can simplify the task of formatting multiple pieces of text.
Insert Automatically Generated Page Numbers - If you have a multiple page document, you can edit the master page (to apply a global look) and add a page number generator that works automatically.

Image Search Based on Color - This great website lets you search based on the color you need. If you want a red picture, click on the red box in the palette. All the images are from Flickr and are released under the Creative Commons license (that means its ok for you to use it in your assignment).



20 Magazine Layouts for Inspiration - Check these out, notice the use of color, the emphasis on certain areas and the way contrast is used when placing text over a photo, as well as the differences between the typefaces used for headlines and the ones used for subtext.


Wednesday, October 20, 2010

Indesign Tutorial - Magazine Layout

Hello Students, here is a tutorial for you to work on today. This tutorial is for laying out a magazine cover in Indesign, with a graphic (masthead, or title) that you must create in Illustrator or Photoshop.

You will need to read and follow the directions very carefully, don't skip a step. If you don't understand what the tutorial is asking you to do, just ask me.

Indesign Tutorial - Magazine Cover


Plus: Here is a tutorial that shows you how to add bullet points to a list, some asked me yesterday how to do that.

Indesign Tutorial - How to bullet-point a list

Tuesday, October 19, 2010

Today's Lesson - Introduction to the Rules of Typography






THE 19 RULES OF TYPOGRAPHY
(From the book: Digital Color and Type, Rob Carter. Rotovision 2002)

Remember, rules must first be understood before they can be broken. Once you have a good foundation of these rules, you can freely journey into unconventional terrain.


Rule 1:  For optimum legibility, choose classical, time-tested typefaces. These typefaces should be drawn and crafted with consistency among characters,  and exhibit highly legible proportions. Examples include: Baskerville,  Bembo, Bodoni, Caslon, Centaur, Franklin Gothic, Frutiger, Futura,  Garamond, Gill Sans, Goudy Old Style, Helvetica, News Gothic, Palatino,  Perpetua, Sabon, Times New Roman, and Univers.


Rule 2:  Be mindful not to use too many different typefaces at any one time. The main reason for using more than one typeface is to create emphasis or to separate one part of the text from another. When too many different typefaces are used, the reader is unable to determine what is and what is not important.  


Rule 3:  Avoid combining typefaces that are too similar in appearance. If the reason for combining typefaces is to create emphasis, it is important to avoid the ambiguity caused by combining types that are too similar in appearance.


Rule 4:  Text set in all capital letters severely retards reading. Use upper and lower case letter for optimum readability. Ascender and descenders provide the necessary visual cues to make text more readable. Text set entirely in upper-case letters form monotonous, rectangular shapes. Upper-case letters can successfully be used in display type (headlines; type above 16 points).



Rule 5:  For text type, use sizes that, according to legibility studies, prove most readable. These sizes generally range from 8 to 12 points for text that is read from an average distance of 12 to 14 inches. Be sure to remember that sizes (based on the x-height of letters) appear different from one typeface to another.   



Rule 6:  Avoid using too many different type sizes and weights at the same time. Some experts recommend using no more than two sizes, one for display titles and one for text type.   



Rule 7:  Use text types of book weight.  Avoid typefaces appearing too heavy or too light. Text typefaces that are too light cannot easily be distinguished from their backgrounds. In typefaces that are too heavy, counter forms diminish in size, making them less legible.   



Rule 8:  Use typefaces of medium width.  Avoid typefaces that appear extremely wide or narrow in width. Rather than distorting text by stretching or squeezing the text width, use type families that include condensed and extended faces that fall within accepted proportional norms.   



Rule 9:  For text type, use consistent letter and word spacing to produce an even, uninterrupted texture. Letters should flow gracefully and naturally into words, and words into lines. This means that word spacing should increase proportionally as letter spacing increases.



Rule 10:  Use appropriate line lengths.  Lines that are too short or too long disrupt the reading process. As the eye travels along overly long lines, negotiating the next line becomes difficult. Reading overly short lines creates choppy eye movements that tire and annoy the reader. When working with text type, a maximum of about 70 charters (10 to 12 words) per line is thought to be most acceptable.   



Rule 11:  For text type, use line spacing that easily carries the eye from one line to the next. Lines of type with too little space between them slow the reading process; the eye is forced to take in several lines at one. By adding one to four points of space between lines of type (depending on the specific typeface), readability can be improved.



Rule 12:  For optimum readability, use a flush left, ragged right type alignment. Although in special situations, other type alignments (flush right, ragged left; centered, and justified) are acceptable, the tradeoff is always a loss, however slight, in readability.   



Rule 13:  Strive for consistent, rhythmic rags (the rag is the right edge of your left-justified paragraph). The purpose of effective rags is not only to achieve aesthetic beauty, but to enable readers to move gently and effortlessly down a text column. Effective rags consist of lines establishing an informal but consistent pattern of line endings.   



Rule 14:  Clearly indicate paragraphs, but be careful not to upset the integrity and visual consistency of the text. The two most common ways of indicating paragraphs are by indenting and inserting additional space between paragraphs. 



Rule 15:  Avoid widows and orphans whenever possible. A widow is a word or very short line at either the beginning or end of a paragraph. An orphan is a single syllable at the end of a paragraph.   



Rule 16:  Emphasize elements within the text with discretion and without disturbing the flow of reading. You can use italics, underlined type, color type, different typeface, small capitals, capitals, bold type within light type, light type within bold type, larger type, and outline type to emphasize elements but never overdo it. Use minimum means for maximum results.   


Rule 17:  Always maintain the integrity of type. Avoid arbitrarily stretching letters. Well designed typefaces exhibit visual qualities that make them readable. Arbitrarily distorting them compromises their integrity.



Rule 18:  Always align letters and words on the baseline. Letters are designed to coexist side-by-side on an invisible baseline. 



Rule 19:  When working with type and color, ensure that sufficient contrast exists between type and its background. Too little contrast in hue, value or saturation, or a combination of these factors, can result in type that is difficult, if not impossible, to read. Be careful when using photos or texture behind text.



Monday, October 18, 2010

Friday, October 15, 2010

Quiz #2 - Photoshop Tools

Hello Students. Below is your Quiz #2, download this image and open it in Photoshop. Use the type tool to fill in and identify each tool listed. When finished email the file to me at swilson@santacruz.k12.ca.us

Tuesday, October 12, 2010

Today's Lesson - Basics of 3D Tools in Photoshop

Hello Students, today we will explore the tools that photoshop provides to create simple 3D objects, import complex 3D objects, and how to position and use them in a composition. See below for some source files and links. Your goal for today is to send me two JPG's to show your experimentation with the 3D tools. One should have an example of PS's 3D primitives, the other will be a file you import from an external source.

Look over this tutorial if there is a specific 3D tool you want to use.. it covers most of the basics.
Photoshop Tutorial - Basics of Photoshop 3D

Photoshop can read and import some common 3D file formats. The formats are 3DS, DAE, KMZ, U3D and OBJ files. Its important to use a compatible file.

This website contains many free 3D models for you to download and use in PS. Enter "3DS" or "OBJ" into the search field to find 3D models that are PS compatible.
3D Model Archive

Here is a link to some models that are provided by NASA for our 3D Space scene.
NASA 3D Models

Here are some links to images of the earth and moon for our space scene.
Earth and Moon Images

Monday, October 11, 2010

Happy Monday!

Hello Students,

We have two quick tutorials to get through today. The first I will walk through with everyone and the second tutorial everyone can tackle on their own.

Photoshop Tutorial - Abstract Color Bars Background/Logo

Photoshop Tutorial - Advanced Glow Effects

Wednesday, October 6, 2010

Selection Tools in Photoshop

Students, if you are having trouble using Photoshop's Selection Tools to complete your Juxtaposition assignment, check out this link below... It shows you how some simple steps to use 3 different Selection Tools available in Photoshop.

Photoshop Tutorial : Selection Tools

 - SW

Tuesday, October 5, 2010

New Assignment - Juxtaposition Themed Digital Collage

A collage is a work of art created by combining different imagery for different sources. Your assignment challenge is to create a collage from different photographic sources to convey the concept of Juxtaposition. Use the selection tools in photoshop to combine different images, you can use other tools like the eraser tool to blend two photo's together.

Details:

 - Your image must be created in Photoshop at a size of 10"X8" with a resolution of 72 DPI.
 - You must have a minimum of 3 objects you have cut out and composed.
 - Your design must adhere to the concept of Juxtaposition, the arrangement of conflicting elements, ideas or concepts. Such as a car driving on water, or football players in the antarctic, or penguins in outer space.

This assignment is due on thursday. When you are finished post your results to your blog.


Have fun!

- SW

Monday, October 4, 2010

Hands on Intro to Photoshop

Hello class, today we covered an introduction to photoshop. We discussed:

 - Selecting an object in Illustrator vs Photoshop. Photoshop has two ways to select an object, you can select a boundary with the Marquee tool or select an object from the layer palette and move it with the move too.

- Using the Layers Palette is important, a new layer is like a new sheet of invisible paper on top of your photo or document.

- Never edit your original image, always make a copy in the Layers Palette first.

- Tools:
            • Move Tool, select a layer and use this tool to move an object
            • Marquee Tool, click and hold for Rectangle, Elliptical tools
            • Color, learn the difference between the foreground and background color on the color chip. Practice making an object and adding color.
            • Layers, remember to make a new layer for new objects, use the trashcan icon to delete a layer, you can also change transparency and color mode here.
            • Layer Styles, experiment with using different styles such as drop shadow and bevel
            • Text Tool, click once to make a new text layer and begin typing. Change size with the Character Palette.

- Photo Manipulation
            • How to apply a filter, we experimented with the artistic filters.
            • How to use the Erase Tool to edit our layer
            • History Palette, how to use this palette to step back through our actions to help us experiment.

Here is a quick guide to commonly used tools:

Student Work Samples- Sugar Skulls

Just in time for halloween. These are samples created from our last tutorial in Adobe Illustrator. Great work everyone!