Share
I dag tar vi deg med det første innlegget i hva som vil være en serie innlegg fokusert på Fyrverkeri for Webdesignere. Vi tar en dyp titt på hva fyrverkeri har å tilby til webdesignere, og hvorfor, når det brukes riktig, er det den perfekte følgesvennen til Photoshop. Gjør deg klar til å forstå forståelsen av fyrverkeri til neste nivå!
Tom Green er professor i interaktiv multimedia gjennom Humber Institute of Technology og Advanced Learning's School of Media Studies. Som alle fakultetene i programmet mener Tom at elevene fortjener å bli undervist av instruktører som regnes som eksperter på sitt felt og hvis kunnskap om emnet er aktuelt med beste praksis i bransjen. Han er en Adobe Community Expert, Adobe Education Leader (Post Secondary), Community MX-partner og ble oppført i Adobes topp ti mest innflytelsesrike Flash-designere.
Tom har skrevet flere bøker (9 i det hele tatt!) Og utvidede opplæringsprogrammer om temaet Fyrverkeri og webdesign de siste 7 årene, så han er en naturlig passform for å veilede oss gjennom dette utrolige programmet. Etter denne introduksjonen vil Tom veilede oss gjennom den fantastiske verden av fyrverkeri med flere videoopplæringsprogrammer. Ok, nå som du vet litt om Tom, la oss grave inn!
"Photoshop er en hammer og fyrverkeri er en skrutrekker ..."
La oss starte denne serien ved å være rett sammen med hverandre: Jeg er ikke her for å overbevise deg om at fyrverkeri er bedre enn Photoshop for webdesign. Hvis du er en bekreftet Photoshop-bruker, og du bruker den til å designe nettsteder, så forvent ikke at jeg forsøker å pryde Photoshop fra fingrene dine. Alt jeg forventer av deg er at kommentarene nedenfor ikke blir fylt med "Photoshop gjør dette bedre fordi ...." Vi har allerede hatt denne diskusjonen.
Jeg har blitt spurt av Brandon om å lage en serie artikler rundt der fyrverkeri passer inn i den generelle ordningen med ting når det gjelder digital arbeidsflyt. For å være ærlig har jeg glede meg til denne muligheten for en stund fordi det er en reell fare i denne dumme virksomheten å låse på et verktøy og ikke gi det opp. For meg er Photoshop en hammer og fyrverkeri er en skrutrekker. Dermed kan du forstå når jeg forteller deg at jeg er lei av å se folk sløse sin tid kjører i skruer med en hammer eller skrue i negler.
Jeg har brukt fyrverkeri siden det først slo markedet, og jeg kan fortelle deg at Macromedia ikke hadde en anelse på den tiden hvor stor nettet skulle bli. Det prøvde å komme ut med et brukervennlig grafikkredigeringsprogram som kan brukes i Flash eller Dreamweaver. Jeg ble hekta på det fordi jeg var en direktørbruker som fant å lage knapper i Photoshop - CHOPS anyone - var kjedelig og tidkrevende. Da jeg oppdaget kunne jeg gjøre samme knapp i fyrverkeri på fem minutter som tok meg 10 minutter å lage i Photoshop som var det, og jeg har ikke sett tilbake siden. Bare vær oppmerksom på at jeg fremdeles bruker Photoshop når jeg trenger å gjøre noe som fyrverkeri ikke kan gjøre som "innholdsbevisst" og flere filtre.
Det andre aspektet av denne serien er det Adobe har gjort en ganske elendig jobb i posisjonering fyrverkeri i markedet. Det var ikke før om CS4-utgivelsen at de fant ut noe ganske mange folk allerede visste: Fyrverkeri er et raskt prototypingsverktøy.
Det er en av de tingene jeg planlegger å stresse i denne serien. Som et prototypingsverktøy gir fyrverkeri deg muligheten til å:
Problemet er at folk ser de fire aspektene og stopper der fordi de mister oppmerksomheten før ordet "prototype". De går ikke videre og oppdager at hver av disse bruksområdene krever et "neste skritt" som vanligvis involverer hånden til en pro som er oppført med oppgaven med å faktisk sette darnet sammen.
Ordet "raske" er der fordi det ganske ærlig er at klienter stiller spørsmål som: "Hva ser dette prosjektet / saken du ser ut?" På det tidspunktet vil du ikke bruke mye tid og penger på å svare spørsmålet. Fyrverkeri gir deg en ganske effektiv løsning for å svare på det spørsmålet.
Selv om jeg planlegger å grave dypere inn i disse fire aspektene av søknaden i senere artikler, la oss gå tilbake og ta en bred oversikt over fyrverkeri før vi blir konkrete. De områdene jeg markerer er ikke en "favoritt" liste. De fjerner enten "myter" om fyrverkeri eller markerer en stor produktivitetsfunksjon du kanskje ... eller kanskje ikke ... finner nyttig. I ingen bestemt rekkefølge er de:
Nei det gjør det ikke.
Fyrverkeri eksporterer HTML- og / eller CSS-oppsett som krever mye ekstra arbeid av noen med webdesign eller CSS-design og kodekoteletter. Hensikten med å kunne eksportere HTML eller CSS er å gi klienten en titt på hva du foreslår og å gi webansvarlig et utgangspunkt for prosjektet. Jeg har ennå ikke møtt noe fyrverkeriprosjekt som gikk rett til web fra appen.
Faktisk alle som bruker fyrverkeri for å lage endelige versjon nettsteder, bør slå inn deres Fireworks CS5 lisens.
I flere år har Fireworks inneholdt et optimaliseringspanel som lar deg sammenligne ulike optimaliseringsinnstillinger for jpg- og gif-bilder, og gjør en 4-opp kvalitets sammenligning med originalen. Dette er ikke her for å poke en pinne i Fireworks / Photoshop debatten, men å faktisk markere en ganske ofte oversett produktivitet funksjonen av programmet. Faktisk er jpgen sparket ut av fyrverkeri faktisk mindre og bedre enn den som sparket ut fra Photoshop. Ikke ta mitt ord for det. Greg Rewis, Adobes verdensomspennende evangelist, har også oppdaget dette og blogget om det.
Faktisk er det formelt kjent som Common Library. Dette panelet kommer jam-pakket med nyttige symboler som kan brukes i prototyper, og disse symbolene kan legges til sider, og i tilfelle av Flex-symbolene kan de byttes ut for den virkelige avtalen på et senere tidspunkt. Bare vær oppmerksom på at disse symbolene ikke er noe mer enn ikoner, men de sørger for at livet blir enkelt når du må legge til en tett boks til noen krom.
Samtidig inneholder fyrverkeri muligheten til å lage interaktive buttionsymboler, pop-down menyer, rollovers og en rekke interaktive funksjoner og effekter vi har blitt vant til gjennom årene. Disse sybolene holdes i et Symbol-bibliotek og kan gjenbrukes etter behov.
Introdusert i Fireworks CS4, er FXG-formatet det som gjør Fireworks til et grensesnittdesign-kraftverk når det gjelder å lage raske Internett-applikasjonsprototyper. Faktisk kan du eksportere en flersidig, flersidig design ut av Fireworks som en FXG-fil og åpne den ... komplett med intakte sider og lag ... i Flash Catalyst CS5. Et lite kjent faktum om dette formatet er at du kan lagre et fyrverkeri dokument som en FXG-fil og åpne den i Illustrator CS5. La oss heller ikke glemme at "roundtripping" har vært en funksjon i appene i årevis, noe som betyr at du for eksempel kan plassere et fyrverkeribilde i et Dreamweaver-dokument og faktisk redigere og endre Fireworks-dokumentet fra Dreamweaver.
Fyrverkeri CS5 kan åpne Illustrator- og Photoshop-dokumenter og lagre dokumenter i disse to programmens innfødte formater ... Fyrverkeri støtter Photoshop-lag, lagstiler, lagkomposisjoner, vektorlag og blandingsmodus som er felles for fyrverkeri og Photoshop. Unntak er justeringslag og klipping grupper. Hvis du trenger disse kan de enten bli flatt eller ignorert.
Du kan merke i figuren at du bare kan lagre filer til Illustrator 8. Hvis du er hard kjerne, er dette sannsynligvis din unnskyldning for å gi fyrverkeri et pass. Det ville være en stor feil.
I det forrige punktet markerte jeg FXG-formatet. Hvis du gjør det, blir de støttede vektorfyllingseffektene beholdt som vektorer, hvilket betyr at fyrverkeri design, åpnet i Illustrator, enkelt kan konverteres til hei på bilder for CMYK-baserte utskriftsjobber eller bare åpnes i Illustrator for videre manipulering.
Innføringen av CS5-samlingen av produkter markerte også debuten til fyrverkeri i Device Central.
Velg enheten og klikk på Opprett for å åpne Fyrverkeri. Når fyrverkeri åpnes, er lerretet dimensjonert til skjermstørrelsen på enheten. Derfra lager du designen din og velger Fil> Forhåndsvisning i Device Central for å se siden din i enheten. Jeg vil innrømme at implementeringen er ganske lame sammenlignet med hva du kan gjøre med andre applikasjoner. På dette tidspunktet får du bare se hvordan siden ser ut i enheten. Hvis du vil lage en flersidig design og bla gjennom sidene, ikke bry deg. Du får bare se enkle sidevisninger.
Opprett en multi-state-knapp i Fireworks, dra symbolet fra fyrverkeri-lerretet til Flash-scenen, og et fullt fungerende Flash-knappsymbol vises i Flash-biblioteket. Jeg har også brukt fyrverkeri for å lage nesten alle grensesnittelementer jeg noensinne har brukt i mine bøker, opplæringsprogrammer og klasser i årevis. Faktisk brukte jeg en gang en fullt fungerende Flash-videohud som ble helt opprettet i fyrverkeri i en av mine Flash Video-bøker for å bevise at fyrverkeri skal inviteres til festen.
Hvilke designere har også en tendens til å overse, er at fyrverkeri oppretter GIF-animasjoner, og disse animasjonene kan sendes ut som .swf-filer for bruk i Flash eller, sett inn for det ... Etter effekter CS5.
Dette er et område hvor fyrverkeri er en tidsbesparende bevegelse over Photoshop. Selv om du kan opprette Photoshop-handlinger for å endre størrelse, endre navn på og reformatere mapper fulle av bilder ... må du opprette den handlingen. Fyrverkeri har Batch-bearbeiding som ligger i Fil> Batchprosess. Derfra identifiserer du bare filene som skal behandles, hva du vil gjøre til dem og hvor de går. Jeg har behandlet mapper med et par dusin bilder tatt på min Nikon D200 for senere opplasting til Flickr. Fra start til slutt tar prosessen sjelden mer enn tre eller fire minutter.
Som jeg sa i starten, er meningen med stykket ikke å vifte "Fireworks vs Photoshop" debatten om debatt som har skjedd siden appen traff gaten tilbake i Macromedia-dagene. Da Adobe kjøpte Macromedia, var det noen seriøse penger å ri på at fyrverkeri var på vei til å bli kastet på samme støvhakk som Freehand. Det skjedde ikke, og mye av begrunnelsen bak det var fordi Adobe aldri så fyrverkeri som konkurranse om Photoshop. I stedet har fyrverkeri fanget oppmerksomheten til webdesignere, RIA-designere og mobile designere som en måte å raskt bringe sine ideer til liv for sine kunder. I visse henseender ble utviklingen av fyrverkeri i et hurtig prototypingsverktøy drevet mer av hva brukerne gjorde med appen og fortalte Adobe om det enn omvendt.
I løpet av de kommende ukene planlegger jeg å gjøre akkurat det - fortelle deg hva fyrverkeri brukerne gjør med appen - og å vise deg hvordan appen kan passe inn i din daglige arbeidsflyt. Enten du velger å gi fyrverkeri en virvel, er det opp til deg, men når vi flytter inn i multiscreen-miljøet som plutselig har kuttet opp fyrverkeri, blir photoshop enda flere gratis produkter som konkurrerende produkter.
Accentsconagua