Jeg heter Russell McGovern, og jeg bruker fyrverkeri til å designe nettsteder. Der sa jeg det. Jeg kunne gå galt, men det føles som om jeg er i en liten minoritet; blant webdesignere, synes valg av applikasjon å være Photoshop.

Byråer sender meg PSD-filer på jobb og ber om dem i retur; designblogger er fulle av Photoshop-tips, opplæringsprogrammer og maler; Andre designere ber om de Photoshop-filene de antar. Jeg må ha brukt til å bygge elementer.

Det er nesten som å være en førsteklasses statsborger. Det er som det eneste verktøyet en virkelig profesjonell designer ville drømme om å bruke er Photoshop-programvaren tilsvarer å velge en Mac over en PC.

Men Photoshop er ikke det eneste alternativet. Jeg har brukt fyrverkeri i mange år nå og synes det er langt den enkleste og raskeste måten å få ideer ut av hodet mitt og inn i piksler på skjermen.

La meg være klar: Jeg på ingen måte avviser Photoshop eller de som velger å bruke den. Jeg bruker den til mange oppgaver. Personlig preferanse er den viktigste faktoren når du velger verktøyene dine, og hvis du foretrekker å være Photoshop, så er det det du bør bruke.

Photoshop er et fantastisk program, men dets verktøy sett er stort. Det brukes til et stort spekter av applikasjoner, fra foto manipulasjon og illustrasjon til 3-D modellering.

For de fleste webdesignoppgaver, ville du ikke ha behov for flertallet av Photoshops funksjoner - faktisk kan du aldri vite at de eksisterer. Fyrverkeri, derimot, ble designet fra grunnen til å håndtere den visuelle siden av webdesign, og alle dets verktøy og arbeidsflyt ble bygget med dette i tankene.

Følgende er noen av mine favoritt ting og grunner til at fyrverkeri er mitt primære designverktøy:

1. Pixel-Perfect Control

Pixel perfekt kontroll

Så vidt jeg er opptatt av, er dette fyrverkeriens killer-funksjon. Vil du ha et 300 x 100 piksel rektangel? Bare skriv inn verdiene, og der er det-ingen rote med linjaler, guider eller måleverktøy. Vil du flytte den? Bare klikk og dra, uavhengig av laget du har valgt - ingen jakt gjennom nestede lag og grupper for å finne den rette.

Best ennå, for å gi et rektangel avrundet hjørner, bare hold en annen verdi i en boks, og boom: sortert! Dette kan høres ut som en ubetydelig funksjon, og jeg vet at Photoshop også har runde rektangler, men i Fireworks kan du angi nøyaktig radius av hjørnene i piksler eller en prosentandel, og endre disse verdiene når som helst. Hvis du endrer størrelsen på rektangelet, holder hjørnene sine proporsjoner i stedet for å strekke eller komprimere.

Fyrverkeri er i hovedsak objektbasert, noe som gjør det enkelt å manipulere elementene i et design. Du kan se pikselmålene til et objekt eller en gruppe objekter bare ved å velge dem. Alt kan endres i fly med absolutt nøyaktighet, så hvis noe ikke er helt riktig, kan du finjustere det til det er. Dette er så ulikt det guessworkneeded av Photoshop ("La oss prøve dette ... Nei, det er ikke riktig ... Angre og prøv igjen.").

I webdesign, hvor en enkelt pikselfeil kan ødelegge en oppsett, gir fyrverkeri et presisjonsnivå som gjør det mulig å sette opp et design i visse dimensjoner og bevegelige elementer i det rundt.

2. Weblaget

Nettlaget

Nettlaget kombinerer bildeskjæring, utskrift av filtype og optimalisering på en sammenhengende og intuitiv måte. Faktisk kan det være den eneste kontakten som mange designere har med fyrverkeri; Det er et alternativ til Photoshops skivings- og eksportalternativer, eller fra pre-CS3-dagene-ImageReady.

Det er mer enn det å skli, skjønt. Du kan også sette opp koblinger og roll-overs, og deretter utføre funksjonell HTML rett fra Fireworks; Det er ikke den reneste koden i verden, og du vil sannsynligvis ikke bruke den i et ferdig prosjekt, men for rask prototyping eller å sette opp en fungerende mock-up, er det en drøm. Ved å bruke weblaget i kombinasjon med panelet Sider, kan du opprette en arbeidsoppdagelse av et helt nettsted uten å bruke andre programmer.

3. Gradienter

gradienter

Alle elsker en fin gradient. Selv for de sterke viljene, er dette noe av en fiende i Photoshop, men de er utrolig enkle å bruke og redigere i fyrverkeri.

Med kontrollhåndtak kan du trekke en gradient rundt i et objekt, og du kan manipulere gradienter på flere måter enn Photoshop tillater. Dette er et godt eksempel på noe som Photoshop kan gjøre, men at fyrverkeri gjøres raskere, enklere og mer intuitivt.

4. Læringskurven

Læringskurven

For en nykommer til online design, må Photoshop være en av de mer skremmende programmene de vil møte.

Å finne veien rundt og finne ut hvordan du gjør noe relativt enkelt, kan være vanskelig. Mens fyrverkeri er på ingen måte en doddle, er det mye lettere å forstå.

Dets verktøysett fokuserer på oppgaver som er spesifikke for webdesign, og nye brukere vil finne seg å lage brukbart arbeid mye raskere enn de ville i Photoshop.

5. Vector Tools

Vectorverktøy

Fyrverkeri har et omfattende sett med verktøy for redigering av vektorgrafikk, noe som gjør at du kan gjøre det ganske bra sammen med bitmap-bilder. For de fleste oppgaver er det ikke nødvendig å skyte opp Illustrator eller hvilken vektorredigerer du bruker, og dermed spare tid og krefter.

Fyrverkeri tilbyr også et utvalg av vektorbaserte smarte objekter for vanlige former, polygoner og stjerner, samt ting som kuber, tannhjul, flytdiagrammer og talebobler - hver med forskjellige kontrollhåndtak som lar deg fla på hjerteinnholdet ditt.

Fyrverkeri er i utgangspunktet et webdesignverktøy, men alt er gjengitt i 72 DPI, inkludert vektorer (som normalt ignorerer oppløsning). Det du ser på dokumentets lerret er akkurat det som eksporteres, så du har absolutt kontroll over det endelige utseendet til webgrafikk produsert fra vektorkilder - helt ned til anti-aliasing på kanter.

6. Sider, symboler og stiler

Sider, symboler og stiler

Fyrverkeri-sider lar deg sette opp flere oppsett i samme dokument på en langt mer effektiv måte enn Photoshops lag. Ett fyrverkeri dokument kan inneholde flere sider, som hver inneholder sitt eget sett med lag. Dette gir deg mulighet til å spotte ulike sidelayouter i bare ett dokument og holde alle relaterte eiendeler sammen (i stedet for å spre seg over en haug med PSDer).

Symboler lar deg bygge et bibliotek med ofte brukte eiendeler som kan slippes inn i et dokument når det er nødvendig: firmalogoer, knapper-et hvilket som helst designelement som du bruker gjentatte ganger og trenger lett tilgang til. Rediger et symbol, og endringene gjenspeiles hvor dette symbolet vises i designet - i likhet med symboler i Flash.

Stiler lar deg gjøre universelle endringer på tvers av sider i et dokument. Det er i utgangspunktet CSS for Fireworks: gjør en endring i en stil, og alle elementer med den stilen vil oppdatere tilsvarende (slag og fyll farger, skrifter, effekter, uansett). Det er flott å prøve ut forskjellige fargepaletter eller implementere de uunngåelige endringer i et øyeblikk på et design.

Når de kombineres, strømmer disse tre funksjonene massivt og forenkler designprosessen.

7. Pris

Pris

Det er langt billigere enn Photoshop!

Konklusjon

Jeg sier ikke at fyrverkeri gjør alt; Det er mange oppgaver som du bedre kan bruke Photoshop eller en dedikert vektoredigerer. På samme måte er jeg sikker på at jeg kunne bli bedre ved å bruke Photoshop som et webdesignverktøy; så kan jeg ikke finne det ganske så irriterende.

Jeg bruker ikke fyrverkeri utelukkende. Jeg bytter frem og tilbake etter behov - men det er definitivt mitt hovedverktøy.

Til slutt er det ingenting som fyrverkeri kan gjøre som Photoshop ikke kan, men det kan gjøre mye mer effektivt, og det gjør at jeg kan designe nettsteder raskere og lettere.

Som sagt sa det alt sammen til personlig preferanse, men hvis det lille gule "Fw" -ikonet sitter i Start-menyen eller docken, unclicked og unloved, oppfordrer jeg deg til å prøve det og eksperimentere litt. Du kan finne ut at du liker det.


Skrevet av Russell McGovern, en webdesigner fra London. Du kan følg ham på Twitter .

Er noen andre der ute en fyrverkeri hengivne? Er det noen Photoshop-brukere som kanskje vil gi sin lillebror en tur? Eller skal jeg bare pakke det opp og sette i mer treningstid med Photoshop?