Friday, August 22, 2008

Mini Book for Halloween Scrapbooking

Mini Scrapbooks make great weekend projects and are perfect gifts. You can even make them with your children as a family project. The only paper needed for this mini book is one sheet of 12"x12" scrapbook paper!






Supplies Needed:

1 sheet 12"x12" Halloween Tiles paper from Design Originals
12" piece of black ribbon or ric-rac sewing trim
Halloween stickers from Design Originals

Tools Needed:
12" Trimmer
Craft Knife
Cutting mat or piece of chipboard
Photo Tape or Tape Runner

View Complete step project
Read More......

Design Concept & Texture

Varying paper surfaces can dramatically or subtly alter the mood you want your designs to convey. An exercise from Using Design Basics To Get Creative Results by Bryan L. Peterson uses the example of a piece of jewelry placed against two totally different surfaces — a shiny tile of black Formica vs. a piece of cement.


Translate this same concept to paper and imagine a photograph of a well-preserved vintage automobile printed on extremely smooth, glossy paper or printed on a rough, pepply surface. Neither one is necessarily better or worse. It depends on the mood you want to convey. Increased contrast between the image (and it's visual texture) and the actual surface of the paper can create interest in your design.

When selecting paper, choose a texture that is related to the concept of your design and doesn't overwhelm or get in the way of the message. While you can make a bold statement with texture, sometimes a subtle texture that stays 'in the background' is most appropriate. Make sure that your texture works with your choice of type and images so that text does not become unreadable or images unrecognizable. It may be necessary to use a bolder typeface if your paper is rough or strongly patterned.

Here is an example of paper texture:

Unexpected contrast: In a brochure promoting a computer-related service: "The gray color also evokes a high-tech, sterile mood, although I might expect a glossier surface to go along with that, rather than the sensual feel of the textured stock." — Student ID S011203
My comments: "...the softer texture may indeed have been meant to soften and humanize the high-tech image."

Hands-On Exercise
Look at brochures, books, ads, business cards, and other print projects and find five paper samples that range from the very smooth to the very rough. For each sample, look at the purpose and focus of the piece and decide if, in your opinion, the paper texture
1) is insignicant/incidental to the piece;
2) is appropriate for the mood and purpose of the piece; or,
3) is inappropriate for the mood and purpose of the piece.

If possible, find a paper store or warehouse near you. Stroll the aisles and discover the variety of papers there, especially with an eye on textures and finishes. Don't just look at the paper. Pick it up, touch it. Some paper stores will provide you with paper sample books — ask for them. These sample books are provided by various paper manufacturers to showcase the variety of papers they carry. Some sample books are beautifully designed as well and would make good samples for your Class Samples collection.

Source:
http://desktoppub.about.com/od/elements/l/aa_texture1.htm
Read More......

The Principles of Design

The principles of design help to determine how to use the design elements. There are four principles of design: balance, emphasis, rhythm, and unity. These principles of design help you to combine the various design elements into a good layout.


Balance

Balance is an equal distribution of weight. In terms of graphics, this applies to visual weight. Each element on a layout has visual weight that is determined by its size, darkness or lightness, and thickness of lines. There are two basic approaches to balance. The first is symmetrical balance which is an arrangement of elements so that they are evenly distributed to the left and to the right of center. The second is asymmetrical balance which is an arrangement of unlike objects of equal weight on each side of the page. Color, value, size, shape, and texture can be used as balancing elements.

Symmetrical balance can communicate strength and stability and is appropriate for traditional and conservative publications, presentations, and web sites. Asymmetrical balance can imply contrast, variety, movement, surprise, and informality. It is appropriate for modern and entertaining publications, presentations, and web sites.

To create balance:

  • Repeat a specific shape at regular intervals, either horizontally or vertically.
  • Center elements on a page.
  • Put several small visuals in one area to balance a single large image or block of text.
  • Use one or two odd shapes and make the rest regular shapes.
  • Lighten a text-heavy piece with a bright, colorful visual.
  • Leave plenty of white space around large blocks of text or dark photographs.
  • Offset a large, dark photograph or illustration with several small pieces of text, each surrounded by a lot of white space

Rhythm

Rhythm is a pattern created by repeating elements that are varied. Repetition (repeating similar elements in a consistent manner) and variation (a change in the form, size, or position of the elements) are the keys to visual rhythm. Placing elements in a layout at regular intervals creates a smooth, even rhythm and a calm, relaxing mood. Sudden changes in the size and spacing of elements creates a fast, lively rhythm and an exciting mood.

To create rhythm:

  • Repeat a series of similarly shaped elements, with even white spaces between each, to create a regular rhythm.
  • Repeat a series of progressively larger elements with larger white spaces between each for a progressive rhythm.
  • Alternate dark, bold type and light, thin type.
  • Alternate dark pages (with lots of type or dark graphics) with light pages (with less type and light-colored graphics).
  • Repeat a similar shape in various areas of a layout.
  • Repeat the same element in the same position on every page of a printed publication such as a newsletter.

Emphasis

Emphasis is what stands out or gets noticed first. Every layout needs a focal point to draw the readers eye to the important part of the layout. Too many focal points defeat the purpose. Generally, a focal point is created when one element is different from the rest.

To create emphasis:

  • Use a series of evenly spaced, square photographs next to an outlined photograph with an unusual shape.
  • Put an important piece of text on a curve or an angle while keeping all of the other type in straight columns.
  • Use bold, black type for headings and subheads and much lighter text for all other text.
  • Place a large picture next to a small bit of text.
  • Reverse (use white type) a headline out of a black or colored box.
  • Use colored type or an unusual font for the most important information.
  • Put lists you want to highlight in a sidebar in a shaded box.

Unity

Unity helps all the elements look like they belong together. Readers need visual cues to let them know the piece is one unit-the text, headline, photographs, graphic images, and captions all go together.

Unify elements by grouping elements that are close together so that they look like they belong together. Repeat color, shape, and texture. Use a grid (the underlying structure of a page) to establish a framework for margins, columns, spacing, and proportions.

To create unity:

  • Use only one or two typestyles and vary size or weight for contrast throughout the publication, presentation, or web site.
  • Be consistent with the type font, sizes, and styles for headings, subheads, captions, headers, footers, etc. throughout the publication, presentation, or web site.
  • Use the same color palette throughout.
  • Repeat a color, shape, or texture in different areas throughout.
  • Choose visuals that share a similar color, theme, or shape.
  • Line up photographs and text with the same grid lines.


Source:
http://www.online.tusc.k12.al.us/tutorials/grdesign/grdesign.htm#princdes

Read More......

Creating Effective Layouts

Layout Guidelines

A layout is the arrangement of type and graphics on a printed publication, presentation, or web site. A good layout should serve the purpose intended by the designer, organize the information and graphics in order to create a visual path for readers to follow, and attract the attention of readers. There's no one right way to create a good layout.


General Guidelines for Layouts:

  • Determine the purpose of your publication, presentation, or web site before you begin your layout.
  • Establish the primary message you want to present and plan your layout around it.
  • Choose an appropriate type of media (web page, presentation, printed book, newsletter, or brochure, etc.) and a size.
  • Identify the target audience, then write and design the publication, presentation, or web site keeping this audience in mind.
  • Consider their interests, reading levels, background, etc.


Organizing Layouts

Good layouts are easy to follow and provide clear reader cues to help readers easily find their way through a publication, presentation, or web page. If readers have to work at finding their way through a publication, they probably won't read it. Arrange and emphasize your information to make your message as clear as possible. Decide what you want the reader to see or read first and position it accordingly, then decide what you want the reader to read or see next. Continue arranging and emphasizing the information until you have included everything. The quality of your layout determines how quickly your readers will be directed through the publication and how fast they will be able to read it.

Guidelines for Organizing Layouts:

  • Use different sizes of type for different elements.
  • Establish a hierarchy of type sizes for headlines, subheads, text, etc. and be consistent with formatting. (All headlines should be formatted alike, all subheads should be formatted alike, all text should be formatted alike, etc.
  • Make the most important element you want your readers to see the largest and the least important element the smallest.
  • Use rules (lines) to separate information into groups.
  • Use different weights of type.
  • Use white space for design purposes in your publication.
  • Position important information in the upper left corner. The upper left corner is usually read first. Place a box around important information.
  • Call attention to lists of items by placing bullets in front of them.
  • Use colored or reversed type (white type on a dark background) to separate or emphasize.


Capturing the Readers' Attention

Information must be noticed before communication takes place. It has to stand out from the crowd by being different from what is around it. Before you decide how to grab your readers' attention, you should consider who will read it and where it will be seen. Your design should be suitable for your audience and appropriate for its environment.

Guidelines for Capturing the Readers' Attention:

  • Enlarge a graphic or photo of something small, so it will cover a large area.
  • Tilt an image or a block of type at an angle.
  • Surround a small element, such as a block of type or a graphic, with lots of white space.
  • Use bright colors for publications, presentations, or web sites that will be viewed in dark or gray environments.
  • Use a solid black area or a large white area in your design.
  • Crop an image in an unusual way.
  • Set important information in an atypical way, such as in a distinctive font.


Source:
http://www.online.tusc.k12.al.us/tutorials/grdesign/grdesign.htm#layouts
Read More......

Wednesday, August 13, 2008

Blur Effect in Flash 8.0

Learn how to blur images in Flash 8.0 using the in-built blur filter. The download .fla is included at the end of the tutorial. Please note: 1. You need to have Flash Player 8.0 installed to view the Flash animation. 2. You need Flash 8.0 to get the in-built blur filter

Steps to Follow :Step 1: Import an image and create a movie clip
  • Open Flash 8.0. Select New/Flash Document.
  • Import the image you would like to blur by clicking on File/Import to Stage and select the image.
  • Select the image on the stage and choose Modify/Convert To Symbol. Name the symbol blur and choose Movie Clip as Type.


Step 2: Create the blur effect

  • Select the blur symbol on the stage.
  • In the Properties Inspector, choose the Filters tab
  • Click on the '+' icon and choose Blur.
  • Choose 100 for Blur X and Blur Y and Quality as Medium.



Step 3: Create the animation

  • In the timeline window right click on the 50th frame choose insert keyframe. Select the movie clip and change the blur filter X and Y values to 0 to remove the blur effect.
  • Select any frame between Frames 1 and 50 and select Motion from the tween pop-up menu in the Property inspector.
  • Press Ctrl+S to save your changes.


Press Ctrl+Enter to view your animation.

You can also blur only the X coordinates by removing the lock icon in the filters inspector and changing Blur X to 100 and Blur Y to 0. The effect can be seen below. You can try different blur effects by simply adjusting the blur X and blur Y values.

Download the .fla file

Resources: http://www.entheosweb.com/Flash/blur_effect.asp
Read More......

Photo Slideshow Gallery in Flash 8.0

Learn how to create a Photo slideshow in Flash 8.0 using the in-built Flash Photo Slideshow template. Click here for the demo. Please note: 1. You need to have Flash Player 8.0 installed to view the Flash animation. 2. You need Flash 8.0 to use the in-built Photo Slideshow template

Steps to Follow :

Step 1: Create and export your images
  • Each image should have a size of 640 x 480 pixels.
  • Export the images in a numbered sequence. For example, for three files, the names could be photo1.jpg, photo2.jpg, and photo3.jpg. We recommend .jpg format for photograhs.


Step 2: Create the photo slideshow file and import the images

  • Open Flash 8.0. Click on File/New. Chose the Templates tab. Select Photo Slideshows. Click on OK. You will see a ready-made Flash photo slideshow created. Press Cntrl+Enter to view the file. Press the auto play button to view the slideshow.
  • To replace the images with your own, select the bottom layer called picture layer and click on the trash can icon to delete it.
  • Create a new layer by clicking the Insert Layer button, and name this new layer My Photos. Make sure that this new layer is the bottom layer.
  • Select the first blank keyframe in the My Photos layer, select File > Import > Import to Stage, and locate your photo sequence. Select the first image in the series, click Add, and click Import. Flash recognizes that your image is part of a series and asks you to import all files in the series. Click Yes to complete the import process. Flash places each image on separate keyframes. You can move the images so they are centered in the stage or you can choose the images on the stage and make the X and Y coordinates 0 so they are centered in the stage.
  • Your images appear in the Library panel and can be replaced later if needed by double clicking on the image in the laibrary window and clicking on the import button tos elect the new image file.
  • You can safely delete the old images that were included in this document from the library if you wish, they are saved in the photos folder.
  • If you have more than four images, make sure that all the other layers have an equal number of frames. Select the frame and click on F5 to add new frames.
  • Change the captions for the images, by replacing the text in the Captions layer and adding new keyframes with text for the new images. You do not have to worry about the photo number field. The template automatically determines how many images are in your document and indicates which photo you are currently using.
  • Change the title in the Title, Date layer.


Press Ctrl+Enter to view the completed Flash Photo Slidshow. Congratulations! You have successfully created a Flash photo slideshow in a few simple steps using the in-built Flash 8.0 Photo slideshow template.

The Photo Slideshow template also has a built-in autoplay mode that automatically changes the photo after a set delay. The template is set to a default delay time of 4seconds, but you can change this setting easily.

View Complete Tutorial

Resources: http://www.entheosweb.com/Flash/photo_slideshow.asp
Read More......

Attractive and advanced fashion presentation

Using this thoroughly explained, detailed lesson, you will see how to create very attractive and modern fashion presentation using some special flash tips and tricks. You can use this presentation as any banner, flash header, for any fashion web site... To create this presentation, you don't have to use action script code

All you need is just a little patience! You will also learn:

1. How to import any picture into a flash library,
2. How to apply flash 8 filters on any picture,
3. How to convert any layer into a mask layer,
4. How to use Brush Tool (B) and much more!

Click Demo

Step 1

First of all, save my pictures below, which we have to use for this example.





Step 2

Create a new flash document. Press Ctrl+J key on the keyboard (Document Properties) and set the width of your document to 430 pixels and the height to 300 pixels (as the dimensions of picture). Select any color as background color. Set your Flash movie's frame rate to 32 and click ok. See the picture below.



Step 3

Choose File > Import > Import to Library. In the file explorer window that appears, find a two pictures (picture1 and picture2) and Shift-click to select them all.Then click open. If you now open your flash library (Ctrl+L key) you will see a two pictures that you just imported. See the picture below.



Step 4

Double click on layer 1 to rename its name into a picture 1. After that, take the Selection Tool (V) and using the drag and drop technique, move the first picture from the Library on the stage.

Step 5

While the picture is still selected, go to the Align Panel (Ctrl+K) and do the following:

1. Make sure that the Align/Distribute to Stage button is turned on,
2. Click on the Align horizontal center button and
3. Click the Align vertical center button.



View Complete Tutorial

Resources: http://www.tutorialized.com/view/tutorial/Attractive-and-advanced-fashion-presentation/36862
Read More......