Training

"Winners make choices,
losers make excuses."
Decide to be a Winner!!!!

±Arrows Getting Started

± Phase 1
Planning

± Website Tools

± Phase 3
Conceptual Design

± Helpful Information

± Phase 4
Physical Design

± Phase 5
Testing

± Phase 6
Implement and Market Website

± Other Web Development Items

± Multimedia

± Useful Utilities

± Programming

± Advanced Programming

± Microsoft Office Products

± Computer Maintenance

± Other

Web Design

NOTE: This is a collection of information and links collected over the years that might provide useful information. A Safer Company LLC does not guarantee, endorse or approve any of these links or their scripts. Use these links to other websites at your own risk.

  1. Make a point
  2. Click-and-hold at where you think the top of the curve should be, then hold the shift key and drag out to the side of the point to create curve handles. Holding shift constrains the curve handles so that they are horizontal.
  3. Click-and-hold at where you think the bottom part of the curve should be
  4. Hold the shift key and drag.

    Making Curves 2

    5. Click to end the curve.

    6. To create the shape that we’ll later fill in, hold the Shift key (to constrain the movement to vertical/horizontal/45 degree angles) and click to create the bottom right corner of the shape.

    7. Holding shift still, click to create the bottom left corner of the shape.

    8. Finally, bring your cursor back to the beginning point and click to close the shape.

    Making Curves 3

    9. In the Paths palette, Ctrl-click the path layer (Command-click for Macs) to make a selection from the path. (Skip this step in Illustrator.)

    Making Curves 4

    10. Use the gradient tool to fill the shape.

    Making Curves 5

    Here’s a one-minute “web page layout” that I made using this technique:

Photoshop - Creating a Curve

Curves can be used to create interesting images that can be used in logos, web page headers or button backgrounds.

1.jpg

Creating a Curves with the Freeform Pen Tool

  1. Open Adobe Photoshop and make a new image Ctrl+n.
  2. Hold down on the Pen tool , and select Freeform Penhttp://www.pegaweb.com/i/t/freef.gif.
  3. Make sure you have the "Paths" option at the top left of the screen selected
  4. Draw a small line.
  5. Hold down Ctrl:
    1. drag the right point to the right side of the canvas
    2. drag the arms to make the line into a curve
      2.jpg
    3. Drag the arms away from the points to make the curves more gradual.
    4. To see outside the canvas, you may need to maximize the window you're working in
    5. Zoom out (Ctrl -).
      3.jpg
      3 – Extending the Path
  6. Create a complete shape or encloser with the Freeform Pen tool.
    1. Without pressing Ctrl, click on the line just next to the leftmost point. This will create a new point.
    2. Drag the leftmost point up above the top of the image as shown.
      4.jpg
      4 – Creating a full circuit
    3. Repeat the process, by clicking just below your highest point, to make a new point and then moving your highest point way over to the right.
      5.gif
  7. Creating a selection and filling it with the Paint Bucket
      1. Right click a part of the line that's inside your image.
      2. Click Make Selection.
      3. This connects the last point on your line to the first point. (In Adobe Photoshop 5.0, you may have to right-click again and click Turn off Path, to make the line go away. In Adobe Photoshop 6.0 and Adobe Photoshop 7.0, it's automatic.)
  8. Make a new layer, select a color, click on the Paint Bucket tool, and fill the selected area.
    6.jpg
  9. 6 – Creating a shadow and bevel
    1. Right click on your layer, and select effects (Adobe Photoshop 5.0) or Blending Options (Adobe Photoshop 6.0 and Adobe Photoshop 7.0). Give the layer a Shadow and an Inner Bevel.

top of page

Page last updated: June 01, 2012 12:56 PM

It is all about:
Content and Navigation...

Web Site by: A Safer Company LLC