Zymic

Webmaster resources

Follow us on Twitter!

Hosting status updates - Click here

Adobe Fireworks

Free Tutorials » Adobe Fireworks » Techish Navigation in Fireworks

A nice tech like navigation that you can make and slice in fireworks!

Step 1

First create a new document, 130x103 in pixels.
Then set the Canvas to #306178 (Click on the gray surrounding then click on the Canvas color box to type it in)

Step 1 diagram

Step 2

Create a box 1 pixel from the corner, and with the demensions 17x16, Give it a linear gradient from #FFFFFF to #CCCCCC, now make the gradient go vertically, not horizontally, and go from the White (#FFFFFF) to the gray (#cccccc).

Look at the step image for more guidance.

Step 2 diagram

Step 3

Now make a circle in the center of the box you created in step 2 with the demensions of 9x9. Give it a linear gradient from #CCCCCC to #FFFFFF With the #CCCCCC in the top left corner, and the #FFFFFF in the bottom right corner.

Look to thestep image for more guidance.

Step 3 diagram

Step 4

Now repeat step 2 & 3 for the right side, look to the step image to see what it should look like as of now.

Step 4 diagram

Step 5

Make a rectangle in between your two squares that is 94x16. It shouldnt overlap the two squares, it should be right in between them. Give it a linear gradient from #71AAC6 to #006699 which is close to the first color, then one on the end that is #71AAC6. This may be confusing, look at the image to get a better explaination, its hard to explain. The gradient should be verticle.

Step 5 diagram

Step 6

You now have a completed button, select all of that button and hit Ctrl+C on your keyboard And then hit Ctrl+V and move it down until they are 1 pixel apart. Repeat that until you fill up your space or until you have enough navigation buttons. The final result should like like the picture below with text added:

Step 6 diagram

Tutorial comments

11.06.2016 -

rboutlet1 says …

http://www.kedsshoesforwomen.com/ Keds Shoes for Women
http://www.ray-banoutlet.com/ Ray Ban Outlet
http://www.cheapoakley2016.com/ Cheap Oakley
http://www.nikeoutlet.org.uk/ Nike UK
http://www.nikehuarache.us/ Nike Air Huarache
http://www.raybansunglassesdiscount.com/ Discount Ray Ban Sunglasses
http://www.nikeoutletfactorystore.com/ Nike Factory Outlet
http://www.longchamp--outlet.com/ Longchamp Outlet
http://www.nikeflyknit.org/ Nike Flyknit Air Max
http://www.oakleysunglassesoutlet.name/ Oakley Sunglasses
http://www.tomsoutletstore.org/ Toms Shoes Outlet Online
http://www.yeezyboost350.us.com/ Adidas Yeezy
http://www.officialraybanoutlet.us/ Ray Bans Outlet
http://www.ralphlaurenoutletstoreonline.com/ Polo Ralph Lauren Outlet
http://www.air-max2015.org/ Nike Air Max 2015
http://www.underarmouroutlet.us.com/ Under Armour Outlet
http://www.adidasoutletstore.org/ Adidas Outlet
http://www.yeezyboost350.us.com/ Yeezy Boost 350
http://www.nikeoutletsstore.com/ Nike Outlet
http://www.yeezyboost.org/ Yeezy Boost
http://www.katespade-outlet.org/ kate spade outlet
http://www.airmax2016.us.com/ Air Max
http://www.ray-banoutlet.us/ Ray Ban Outlet
http://www.timberland-boots.me.uk/ Timberland UK
http://www.adidasyeezyboost350.org/ Yeezy Boost 350
http://www.yeezy-shoes.us.com/ Yeezy Shoes
http://www.nfljerseys.us/ NFL Jerseys
http://www.poloralphlaurenoutlets.us.com/ Polo Ralph Lauren Outlet

18.12.2015 -

crx123 says …

http://www.poloralphlaurenoutlet.net.co/ http://www.babyliss.us.org/ http://www.handbagsoutlet.com.co/ http://www.hollister-abercrombie.com.se/ Family http://www.timberlandbootsoutlet.us.com/ of http://www.marcjacobs.us.com/ young http://www.uggbootsclearance.com.co/ adults http://www.rayban-sunglasses.org.uk/ Yindao http://www.raybanwayfarer.in.net/ rattling, http://www.uggs.co.nl/ being http://www.true-religion.com.co/ cut http://www.longchamp-handbags.us.com/ monster, http://www.pradahandbags.net.co/ sonorous http://www.guccishoes.us.org/ sound http://www.ralphlaurenonlineshop.de/ issued http://www.swarovskicrystal.com.co/ from http://www.christianlouboutinshoesoutlet.org/ time http://www.omegarelojes.es/ to http://www.adidas.com.se/ time, http://www.mcmhandbags.com.co/ Mars http://www.toryburchoutletsale.in.net/ scattered, http://www.cheap-uggboots.in.net/ monster http://www.michael--kors.us.com/ hard http://www.rayban.org.es/ bones http://www.p90xworkout.in.net/ amazing.


http://www.ray-ban-outlet.us.com/ http://www.chanelhandbags.net.in/ http://www.toms--outlet.com.co/ http://www.cheapoakleysunglasses.ar.com/ It http://www.guccishoes.in.net/ was http://www.thenorth-face.me.uk/ already http://www.michaelkorsoutlets-online.us.com/ prepared http://www.cheaprayban.com.co/ large http://www.ferragamoshoes.net/ earthen http://www.nike-roshe-run.de/ jar, http://www.tommy-hilfiger.com.de/ then http://www.oakleysunglassescheap.in.net/ take http://www.nikeair-max.es/ that http://www.maccosmetics.gr.com/ remain http://www.louis-vuitton-australia.com.au/ in http://www.nikeshoesoutlet.org.uk/ the http://www.michaelkors.so/ animal http://www.outletonline-michaelkors.com/ body http://www.louisvuitton.so/ special http://www.thenorthfacejackets.net.co/ parts http://www.celine-bags.org/ of http://www.nike-schoenen.co.nl/ blood, http://www.nike-free-run.de/ sperm, http://www.coach-handbags.com.co/ this http://www.moncler-outlet.us.org/ is http://www.michael-kors-handbags.us.com/ an http://www.toryburchsandals.in.net/ excellent http://www.tommy-hilfiger.co.nl/ complement http://www.wedding--dresses.ca/ large http://www.newoutletonlinemall.com/ blood http://www.coachoutletstore-online.com.co/ drug http://www.ralphlaurenoutletonline.us.org/ is http://www.cheap-oakleys.us.com/ very http://www.cheap-nike-shoes.net/ rare http://www.rayban.com.de/ treasure.


http://www.nike-air-max.us/ http://www.ralphlaurenoutletonline.in.net/ http://www.beats-headphone.in.net/ http://www.juicycoutureoutlet.net.co/ This http://www.nike-roshe-run.com.es/ beast http://www.jordan-release-dates.com/ corpse http://www.hermesbirkin-bag.net/ heap http://www.michaelkors.co.nl/ again http://www.airmax-2015.org/ brave http://www.thejoreseproject.com/ the http://www.ugg-boots.us.org/ most http://www.tiffanyandco-canada.ca/ treasure, http://www.newbalance-outlet.org/ although http://www.uptocoachoutlet.com/ only http://www.adidas-schuhe-online.de/ a http://www.truereligionjeans.net.co/ descendant, http://www.tnfjackets.us.com/ far http://www.oakleysunglasses.mex.com/ less http://www.christianlouboutinoutlet.net.co/ than http://www.nike-air-max.com.au/ the http://www.burberryoutlet-sale.in.net/ brave http://www.louis--vuitton.org.uk/ royal http://www.omegawatches.us.com/ blood http://www.nike-rosherun.nl/ pure, http://www.hollisteronlineshop.com.de/ but http://www.guccihandbags.net.co/ contains http://www.christian-louboutin-shoes.ca/ some http://www.rolex-watches.me.uk/ of http://www.the-north-face.ca/ the http://www.salvatoreferragamo.in.net/ same http://www.nikestore.com.de/ True http://www.hilfigeroutlet.in.net/ Blood, http://www.adidas--canada.ca/ amazing http://www.swarovskijewelry.com.co/ value.


http://www.basketballshoes.com.co/ http://www.burberry-outletstore.net/ http://www.new-balance.ca/ http://www.tiffany-und-co.de/ From http://www.michael-kors.com.es/ the http://www.bcbgdresses.in.net/ last http://www.uggsonsale.com.co/ captured http://www.instylers.us.com/ this http://www.jordanretro.org/ brave http://www.iphone-cases.com.co/ beasts http://www.longchampoutlet.com.co/ have http://www.thomas-sabo.com.de/ passed http://www.converse-shoes.net/ more http://www.airmax-90.org/ than http://www.toms-shoes-outlet.org/ two http://www.rolexwatchesforsale.us.com/ years, http://www.harrods-london.co.uk/ they http://www.rolex-watches.us.com/ are http://www.louisvuittons.com.co/ too http://www.oakley--sunglasses.com.au/ brutal http://www.michael-kors.net.co/ and http://www.louisvuittons.com.co/ powerful, http://www.cheap-jordans.net/ a http://www.hollister-clothing.in.net/ paw http://www.ralphlaurenoutlet-online.us.com/ down http://www.nike.org.es/ a http://www.nfl-jersey.us.com/ strong http://www.tiffanyandco.net.co/ life http://www.coachoutlet-online.com.co/ can http://www.burberryhandbags-outlet.in.net/ be http://www.gucci-taschen-outlet.de/ broken, http://www.new-balance-schuhe.de/ it http://www.toryburchsale.com.co/ is http://www.eyeglassframes.in.net/ difficult http://www.burberryoutletonline.gb.net/ to http://www.cheap-baseballbats.net/ deal http://www.nike-skor.com.se/ with, http://www.yoga-pants.com.co/ fierce http://www.eyeglassesonline.us.com/ and http://www.newbalance-shoes.org/ brutal http://www.hollistercanada.ca/ amazing.


http://www.coco-chanelbags.us.com/ http://www.michael-kors-outlet.us.org/ http://www.fashionclothing.mex.com/ http://www.louisvuitton.jp.net/ It http://www.coachfactory-outlet-online.in.net/ can http://www.mizuno-running.net/ be http://www.rayban.co.nl/ said http://www.airjordans.us/ that http://www.polo-outlets.com.co/ this http://www.michaelkors.com.se/ staggering http://www.adidas-superstar.nl/ abundance http://www.gucci--uk.co.uk/ of http://www.northfaceoutlet.com.co/ harvest.


http://www.uggs-outletboots.in.net/ http://www.replica-watches.us.com/ http://www.oakleysunglass.top/ http://www.rosheruns.us/ "Well, http://www.gucci-outletsale.in.net/ this http://www.barbour-jacketsoutlet.com/ two-headed http://www.michael-kors-australia.com.au/ fire http://www.yoga-pants.ca/ rhino http://www.truereligion-outlet.com.co/ horns http://www.truereligion-outlet.us.org/ retained http://www.tommy-hilfiger-canada.ca/ True http://www.bcbg-max-azria.ca/ Blood http://www.uggboots.net.co/ also http://www.cheapjerseys.com.co/ extremely http://www.uggsoutlet.com.co/ alarming http://www.uhren-shop.com.de/ ah, http://www.uggscanada.ca/ better http://www.the-tnfjackets.us.com/ than http://www.burberry-outlet.mex.com/ the http://www.nike-air-force.de/ poor http://www.horloges-rolex.nl/ bird http://www.tommy-hilfiger-online-shop.de/ brave!" http://www.louboutin.jp.net/ Father http://www.converse.net.co/ himself http://www.beatsbydrdre.co.com/ a http://www.jordan-shoes.com.co/ surgeon, http://www.nikefactory.org/ solved http://www.chiflatiron.net.co/ the http://www.pumaonline-shop.de/ flesh http://www.softball-bats.us/ hard http://www.katespadeoutlet.gb.net/ as http://www.nikefree-run.org.uk/ stone http://www.zxcoachoutlet.com/ under http://www.chanel-bags.com.co/ the http://www.levisjeans.com.co/ horns, http://www.bottega.us/ crimson http://www.beatsbydre.com.co/ as http://www.adidasshoes.top/ an http://www.pradashoes.com.co/ Tangchu http://www.michael-kors-outlet-online.us.org/ fire http://www.lululemon-australia.com.au/ like http://www.longchamp.us.org/ real http://www.air-max.com.de/ blood.


http://www.lululemoncanada.ca/ http://www.abercrombiefitch.us.com/ http://www.abercrombie-and-fitch.us.com/ http://www.nike-huarache.nl/ Suddenly, http://www.insanity-workout.us/ they http://www.pandora.com.de/ even http://www.tomsoutletonline.in.net/ turned http://www.nike-schuhe.com.de/ it http://www.newbalance.com.es/ into http://www.airjordanshoes2015.com/ a http://www.nike-air-max.ca/ mass http://www.louisvuitton-outlet.com.co/ of http://www.katespade.gb.net/ blood http://www.ghdhairstraightener.com.co/ Hongmang, http://www.louisvuitton-outlets.us/ a http://www.christianlouboutin.org.uk/ slap-long http://www.nikefree-run.net/ rhinoceros http://www.montblanc--pens.in.net/ appeared http://www.toryburch-outlet.com/ headed http://www.nike-air-max.com.se/ fire, http://www.mcm-bags.in.net/ covered http://www.pandorajewelry.top/ with http://www.nikestore.us/ blood-red, http://www.guccishoes.com.co/ vivid, http://www.ugg-australia.in.net/ angry http://www.ferragamo.com.co/ roar.


http://www.ralph-laurenoutlet.co.uk/ http://www.longchamp.com.de/ http://www.coachoutletstore.net.co/ http://www.burberryonlineshop.de/ "Good http://www.michaelkorsoutletonline-sale.us.com/ stuff, http://www.thetnfjackets.us.com/ it http://www.supra-shoes.org/ really http://www.oakley.com.de/ blood http://www.ralphslauren.org.uk/ herbs http://www.ugg-australia.com.de/ is http://www.swarovski-australia.com.au/ very http://www.vans-shoes.co.uk/ strong, http://www.christian--louboutin.in.net/ brave http://www.hermesoutlet.in.net/ difference http://www.pulseras-pandora.com.es/ than http://www.converse.com.de/ that!" http://www.vans-schuhe.com.de/ Laughed http://www.christianlouboutinshoes.jp.net/ Father http://www.woolrich-clearance.com/ surgeon http://www.cheapjerseys.us.org/ quickly http://www.abercrombie-hollister.nl/ with http://www.hermesbags.jp.net/ pottery http://www.hollisterclothingstore.org/ rhino http://www.michaelkorsoutlet-online.ar.com/ blood http://www.ralphlaurenoutlet.us.com/ collected http://www.abercrombie-kids.us.com/ will http://www.michael-kors.com.co/ be http://www.juicycouture.com.co/ that http://www.rayban-sunglasses.us.org/ into http://www.swarovski--uk.me.uk/ it, http://www.cheap-oakleysunglasses.in.net/ firmly http://www.pandora-charms-canada.ca/ sealed http://www.tiffany-jewelry.in.net/ Guankou.

http://www.raybans.us.org/ http://www.christianlouboutinshoes.ar.com/ http://www.michael-kors-taschen.com.de/ http://www.louis-vuittonoutletcanada.ca/ http://www.pradaoutlet.com.co/ http://www.hogan.com.de/ http://www.coach-factoryoutlet.net.co/ http://www.jimmychoo.net.co/ http://www.calvin-klein.us.com/ http://www.the-northface.com.co/ http://www.pandora-charms.org.uk/ http://www.nike-air-max.com.de/ http://www.michaelkorsoutlet.ar.com/ http://www.thomassabo.uk/ http://www.thenorthface.com.de/ http://www.cheapmichaelkors.us.org/ http://www.reebok.com.de/ http://www.nikerosherun.us/ http://www.gucci-outletstore.com/ http://www.coco-chanel.com.de/ http://www.retro-jordans.com/ http://www.replicahandbags.in.net/ http://www.nike-shoes-canada.ca/ http://www.burberryoutletonlinesale.in.net/ http://www.bebeclothing.in.net/ http://www.longchamp.com.co/ http://www.kate-spade.in.net/ http://www.rosherun.org.uk/ http://www.beats-by-dre.com.co/ http://www.barbour-factory.com/ http://www.adidas-superstar.de/ http://www.michaelkors-outlet-online.com.co/ http://www.michael-kors-canada-outlet.ca/ http://www.ray--ban.ca/ http://www.michaelkorsbags.us.org/ http://www.ralphlaurenepolo.com/ http://www.swarovskicanada.ca/ http://www.michaelkorshandbags.org.uk/ http://www.soccer-shoes.net/ http://www.ralphlaurenpolos.in.net/ http://www.pradahandbags.com.co/ http://www.timberlandshoes.com.co/ http://www.nikemercurial.in.net/ http://www.lululemonoutlet.gb.net/ http://www.swarovski-online-shop.de/ http://www.uggboots.com.de/ http://www.louis-vuittonblackfriday.com/ http://www.edhardy.us.org/ http://www.rolex-watches-canada.ca/ http://www.designerhandbagsoutlet.com.co/ http://www.pandorajewellery.com.au/ http://www.giuseppe-zanotti.net/ http://www.air-huarache.co.uk/ http://www.giuseppezanotti.com.co/ http://www.salomon-schuhe.com.de/ http://www.tommyhilfiger.net.co/ http://www.burberry-outlets.co.uk/ http://www.tiffany-andco.com.au/ http://www.michaelkors-uk.org.uk/ http://www.nikeskos.dk/ http://www.prada.com.de/ http://www.ralph-lauren.ca/ http://www.abercrombie-and-fitch.ca/ http://www.michaeljordan.com.de/ http://www.vans-shoes.net/ http://www.asics-gel.de/ http://www.oakley-outletstore.us.com/ http://www.adidas.org.es/ http://www.louis-vuitton-taschen.com.de/ http://www.oakley-sunglasses-canada.ca/ http://www.oakley.org.es/ http://www.polo-ralph-lauren.de/ http://www.abercrombie-fitch.in.net/ http://www.ralph-lauren.com.au/ http://www.cheapshoes.com.co/ http://www.hollister.us.org/ http://www.toms-shoes.net.co/ http://www.weddingdressesuk.org.uk/ http://www.tommy-hilfigeroutlet.com/ http://www.nikefree5.net/ http://www.ray-ban-sunglasses-outlet.in.net/ http://www.mmoncler-outlet.com/ http://www.ugg-boots-australia.com.au/ http://www.maccosmetics.net.co/ http://www.burberryoutlet-canada.ca/

16.09.2014 -

polo2014 says …

http://www.shopbestgoods.com/
http://www.nike-jordanshoes.com/
http://www.beatsbydreoutlet.net/
http://www.michaelkorsus.com/
http://www.polo-tshirts.com/
http://www.northsclearance.com/
http://www.ralph-laurensale.com/
http://www.gucci-shoesuk2014.com/
http://www.michael-korsusa.com/
http://www.polo-outlets.com/
http://www.ralph-laurenhome.com/
http://www.marcjacobsonsale.com/
http://www.mcmworldwides.com/
http://www.salongchamppairs.com/
http://www.canada-gooser.com/
http://www.burberryoutlet2014.com/
http://www.michaelkors.so/
http://www.hermes-outletonline.com/
http://www.oakley-sunglassfactory.com/
http://www.north-faceoutlets.net/
http://www.moncler-clearance.com/
http://www.woolrich-clearance.com/
http://www.barbour-jacketsoutlet.com/
http://www.moncler-jacketsoutletonline.com/
http://www.monsterbeatsbydres.net/
http://www.louis-vuittonblackfriday.com/
http://www.lv-guccishoesfactory.com/
http://www.mcmoutlet-jp.com/
http://www.cheapdiscountoutlet.com/
http://coachoutlet.iwopop.com/
http://www.coachsfactoryoutlet.com/
http://www.coach-blackfriday2014.com/
http://www.coach-storeoutletonline.com/
http://www.coach-factorysoutletonline.com/
http://www.coachccoachoutlet.com/
http://www.coach-factories.net/
http://www.coach-pursesoutletonline.com/
http://www.llouisvuitton-factory.net/
http://www.coach-outletsusa.com/
http://www.mksfactoryoutlet.com/
http://www.zxcoachoutlet.com/
http://www.mischristmas.com/
http://www.misblackfriday.com/
http://www.bestcustomsonline.com/
http://www.newoutletonlinemall.com/
http://www.clickmichaelkors.com/
http://www.cmichaelkorsoutlet.com/
http://www.ralphlaurenepolo.com/
http://michaelkorsoutlet.mischristmas.com/
http://mcmbackpack.mischristmas.com/
http://monsterbeats.mischristmas.com/
http://northfaceoutlet.mischristmas.com/
http://mk.misblackfriday.com/
http://coachoutlet.misblackfriday.com/
http://coachfactory.misblackfriday.com/
http://uggaustralia.misblackfriday.com/
http://coachpurses.misblackfriday.com/
http://coachusa.misblackfriday.com/
http://coach.misblackfriday.com/
http://michaelkorss.misblackfriday.com/
http://michaelkors.misblackfriday.com/
http://airmax.misblackfriday.com/
http://michael-kors.misblackfriday.com/
https://www.facebook.com/pages/Coach-Factory-Outlet-Online-Store-Michael-Kors-Outlet-Online-Sale-75-Off/712060898859091
https://www.facebook.com/pages/Ralph-Lauren-Polo-Outlet-Online-Sale/1404100279810690

26.06.2014 -

NidalNejadi007 says …

asdfad

21.04.2012 -

happy2get says …

Online Store:
( http://www.happy2get.com )
you can find many cheap and fashion stuff
Nike air max shox rift $30--39;
Ed Hardy AF JUICY POLO Bikini $20;
Handbags (Coach lv fendi d&g) $30
T shirts (Polo ,edhardy,lacoste) $15
Jean(True Religion,edhardy,coogi) $30
Sunglasses (Oakey,coach,gucci,Armaini) $15
New era cap $15
Bikini (Ed hardy,polo) $20
((( http://www.happy2get.com )))
=====((( http://www.happy2get.com )))=====
ACCEPT PYAPAL and CREDIT CARD and CASH
DELIVERY TO YOU DOOR TO DOOR
FREE SHIPPING,accept paypal
BEST QUALITY GUARANTEE!!
SAFTY & HONESTY GUARANTEE!!
FAST & PROMPT DELIVERY GUARANTEE!!
===(http://www.happy2get.com )
===( http://www.happy2get.com )===
===( http://www.happy2get.com);===
===( http://www.happy2get.com )===
===( http://www.happy2get.com);===
===( http://www.happy2get.com )===

View all user comments for this tutorial.

Tutorial statistics

Date added:
29.05.2005
Author:
Jeyrad
User rating:
4/5
Rate tutorial:
Total views:
31099
Total comments:
57

Advertisements