Scribd
Upload
64 views2 pages

Tutoral For Einglis Comp 111

1. Create a 700x300 pixel canvas with a background color of #660000. 2. Draw a 500x40 pixel rectangle with a 2 pixel gray stroke and add a light gray glow filter. 3. Add evenly spaced horizontal lines to divide the rectangle into sections and add text labeling each section with words like "home" and "about us". 4. The final nav bar contains shaped elements and text organized onto separate layers.

Uploaded by

Paul A Richie
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as RTF, PDF, TXT or read online on Scribd
64 views2 pages

Tutoral For Einglis Comp 111

1. Create a 700x300 pixel canvas with a background color of #660000. 2. Draw a 500x40 pixel rectangle with a 2 pixel gray stroke and add a light gray glow filter. 3. Add evenly spaced horizontal lines to divide the rectangle into sections and add text labeling each section with words like "home" and "about us". 4. The final nav bar contains shaped elements and text organized onto separate layers.

Uploaded by

Paul A Richie
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as RTF, PDF, TXT or read online on Scribd
You are on page 1/ 2

MAKING A NAV BAR FOR YOUR WEBSIGHT

1. First you will need to open adobe vary top there is a place that you fireworks. can type the numeric value of the color that we will be using. In this When you first open fireworks there box type as follows [ #660000 ] will be a selection box under and press the enter key on your [ new ] click [ fireworks document keyboard. Your objects color (.png) ] should now be dark red. A box will appear to select you canvas size you will want to select 700 wide by now move over one more sections in the 300 tall. For your pixels per square inch propertys panel to the third section. In the vary bottom of the section there is chose 720. last of all make your a controller for the roundness of the background transparent. edges of your object. Set this to 30, and 2. now we make the basic shape 1. note that after you clickclick back on your rectangle to see the off of your rectangle youchange. will have to use the blackNow go back to the top of the panel and pointer tool in the selectclick on the color box with the red line panel at the top left of thethrough it. Enter the the number screen ,and click you[ #3300FF ] you have just added a stroke rectangle to re-select itto your object. Click on it and see the before you can make anyblue line that has appeared around your more modifications to it. rectangle, but it is to small. Right next to to the far left there is a divedthe color box you just used there is a pox selection panel with your tools.to add the pixel with of the stroke change The third one down is [ vector ] init to two. this panel you will want to selectOK move over one more space to the forth panel in the propertys panel. And the rectangle tool. On your canvas you will want to draw a click the plus sine next to the filters. This will open up a drop down menu with long tin rectangle. Now move to the vary bottom panel on different selections. You will want to hold your screen and find the property panel your mouse over shadow and glow to the far left. In this pane you can see option, and from within this drop down the with and height of your rectangle as menu select glow. Now your rectangle has a red glow but we don't want that well as it's x and y coordinates. color. Set your x an y to 33 If you notice the is a little panel open set you height to 40 where you clicked on the plus sine that set your width to 500 has a color box in it the same as the one 3. Making it look good next to the panel with the x and ywe used to change the color of the object. there is a panel with a small box inClick the color box hear and change your the upper right corner that controlscolor's number to [ #666666 ], and press the color of your objectenter. Now you have a light gray glow. (rectangle). Click on it and a color4. Adding spacers and text selection panel will open at the OK go back to the vector panel and

MAKING A NAV BAR FOR YOUR WEBSIGHT


select the line tool rectangle should be in there some-where unless you have moved it it will be at the vary bottom. You will now draw a line from the top of your object to the bottom going from the blue see an eye in a little box next to it, and then a blank part to the blue part. You should have a box next to the eye click in the blank box to lock the line that connects to the stroke making a layer. A little lock should appear in the blank box when you click in it. division of spaces. With this new line selected, and you will Next we are going to space are parts know it is selected because it will have a evenly, but first we need to select little square at the top and bottom of it. everything. In the to of your screen there are drop down menus, [ file, edit, view, Right click it, at the top of this pop out select, ect... ] click on [ select ] Then menu select edit, then click on copy. click [ select all ]. After doing this go mack in to the edit menu and click past you want to do this Now move up to the next panel on your work screen. The tabs on this one will be fore times. You will have fore lines [ optimize, history, align ] and click the stacked on top of one one another to space the lines click the first one and [ aline ] to open that menu in it's work panel. Under [ space: ] click the button to drag it over some do this with all your the right [ space evenly horizontally, will lines till you have them spaced someappear when you hold your mouse over what evenly along the length of your it. ] now under [ Distribute: ] click the object. next we need to make some words to link bution in the center [ Distribute vertical center will appear when you hold your us to the different pages on our web mouse over this one. ] sight. Again in the vector tool panel there is the text tool, and it 's symbol is the letter T. we will be adding six words you should be finished if you flowed these for the six spaces or bunions that we steps to the letter. have placed inside our object. So select the text tool and place it inside the rectangle and click to open a text box, now wright the first word [ home ] then open a new text box before each word so that they will be septet. The rest of the words are [ about us, products, contact, groups, help ] space each word as even as possible between the lines, but dont worry about making it perfect now on the fare right of your screen are more work panels. Around the center of the page there should be a panel that has three selection tabs at the top of it [ pages, states, and layers ] layers should be highlighted and the rest should be a darker gray. If not click on it to select it. Now in this panel you can see all the pieces that you have made. Your

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy