Training

• Home
• Training Classes

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

± 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

---

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.

Creating a Search Button

1. A search area usually has a input field and a search button.
2. Start by setting the guides at:
   1. Vertical: 0px and 300 px
   2. Horizonal: 0px and 100 px
3. Create a rectangle for the input button using the Rectangle Tool and a rectangle for the search button.
   
4. Slant the sides of each rectangle:
   1. Select the layer for the first rectangle
   2. Ctrl click the area or Ctrl T to Free Transform the selection and Right Click the stage and select Distort
   3. Drag the point of the first triangle to look like the image below and then select the second triange.
      
5. Add an Inner Shadow
   
6. Add a gradient overlay
   
7. The search button
   1. Add the same inner shadow as above
   2. Add a gradient overlay
      
   3. Your buttons look like:
      
   4. Use the Text Tool to add words to each box
      

top of page

Page last updated: May 31, 2012 11:12 AM