Share
Astăzi vă aducem prima postare în ceea ce va fi o serie de postări focalizate pe focuri de artificii pentru designeri web. Vom arunca o privire profundă asupra a ceea ce Fireworks are de oferit designerilor web și de ce, atunci când este folosit în mod corespunzător, este partenerul perfect pentru Photoshop. Pregătiți-vă să înțelegeți focurile de artificii la nivelul următor!
Tom Green este profesor de multimedia interactiv prin Institutul de Tehnologie Humber și Școala de Studii Avansate de Studii Avansate. La fel ca toată facultatea în program, Tom crede că elevii săi merită să fie învățați de instructori care sunt considerați experți în domeniul lor și a căror cunoaștere a subiectului este actuală cu cele mai bune practici din domeniu. El este un expert al comunității Adobe, Adobe Education Leader (Post Secondary), partener comunitar MX și a fost listat în cei mai buni 10 designeri Flash Adobe.
Tom a scris mai multe cărți (9 din toate!) Și tutoriale extinse pe tema Focuri de artificii și designul web în ultimii 7 ani, așa că este potrivit să ne călăuzească prin acest program incredibil. După această introducere, Tom ne va conduce prin lumea minunată a focurilor de artificii cu mai multe tutoriale video. Bine, acum că știi puțin despre Tom, hai să intrăm!
"Photoshop este un ciocan, iar focurile de artificii sunt un șofer ..."
Să începem această serie prin a fi direct unul cu altul: nu sunt aici pentru a vă convinge că Fireworks este mai bună decât Photoshop pentru designul web. Dacă sunteți un utilizator confirmat de Photoshop și îl folosiți pentru a proiecta site-uri web, atunci nu vă așteptați să încerc să scot Photoshop de pe degete. Tot ce mă aștept de la dvs. este că comentariile de mai jos nu sunt populate cu "Photoshop face asta mai bine pentru că ...". Am avut deja acea discuție.
Am fost întrebat de Brandon pentru a face o serie de articole în jurul valorii de unde Fireworks se încadrează în schema generală a lucrurilor atunci când vine vorba de fluxul digital de lucru. Pentru a fi sincer, aștept cu nerăbdare această oportunitate pentru o vreme, deoarece există un adevărat pericol în această afacere prostească de a vă prinde un instrument și nu-l renunțați. Pentru mine, Photoshop este un ciocan, iar focurile de artificii sunt un șurub. Astfel, puteți înțelege când vă spun că sunt obosit să vă uit că oamenii își pierd timpul în șuruburi cu ciocanul sau înșurubând cuie.
Am folosit focuri de artificii de când a intrat prima dată pe piață și vă pot spune că Macromedia nu avea nici o idee la acel moment cât de mare va fi webul. Încerca să vină cu un editor grafic ușor de utilizat, care ar putea fi folosit în Flash sau Dreamweaver. M-am prins pentru că eram un director care a găsit că a creat butoane în Photoshop - CHOPS anyone - a fost obositor și consumator de timp. Când am descoperit că pot face același buton în focuri de artificii în cinci minute, mi-a luat 10 minute pentru a crea în Photoshop asta și nu m-am uitat de atunci. Rețineți că încă mai folosesc Photoshop când trebuie să fac ceva ce Fireworks nu poate face, cum ar fi "conștient de conținut" și mai multe filtre.
Celălalt aspect al acestei serii este acela Adobe a făcut o treabă destul de proastă în poziționarea focurilor de artificii pe piață. Abia după lansarea CS4, ei au dat seama că un număr destul de puțini oameni știau deja: Fireworks este un instrument rapid de prototipare.
Acesta este unul din lucrurile pe care intenționez să le subliniez în această serie. Ca instrument de prototipare, Fireworks vă oferă posibilitatea de a:
Problema este ca oamenii să vadă aceste patru aspecte și să se oprească acolo pentru că își pierd atenția înainte de cuvântul "prototip". Ei nu merg mai departe și descoperă că fiecare dintre aceste utilizări necesită un "pas următor" care implică, de obicei, înmânarea unui profesionist însărcinat cu sarcina de a pune împreună chestia aia.
Cuvântul "rapid" este acolo pentru că, sincer, clienții întreabă întrebări precum: "Cum arată acest proiect / lucru pe care îl sugerați?" În acest stadiu, nu doriți să cheltuiți mult timp și bani pentru a răspunde Întrebarea: Fireworks vă oferă o soluție destul de eficientă pentru a răspunde la această întrebare.
Deși am de gând să săd mai profund în aceste patru aspecte ale aplicației în articolele ulterioare, să mergem înapoi și să avem o vedere largă asupra artificiilor înainte de a ne specifica. Zonele pe care le evidențiază nu sunt o listă "preferată". Ei fie distrug "miturile" despre focuri de artificii sau evidențiază o caracteristică importantă de productivitate pe care o puteți ... sau nu ... să găsiți folositoare. În nici o ordine particulară nu sunt:
Nu, nu.
Fireworks exportă machete HTML și / sau CSS care vor necesita o mulțime de lucruri suplimentare de către cineva cu design web sau design CSS și coduri de cod. Scopul exportului de HTML sau CSS este de a oferi clientului o privire asupra a ceea ce sugerați și de a da echipajului web un punct de plecare pentru proiect. Am inca intalnit vreun proiect de focuri de artificii care a mers direct pe web din aplicatie.
De fapt, oricine folosește Fireworks pentru a crea site-uri web de versiune finală, ar trebui să se întoarcă în licența lor Fireworks CS5.
De mai mulți ani, Fireworks conține un panou de optimizare care vă permite să comparați diferitele setări de optimizare pentru imaginile jpg și gif și să faceți o comparație a calității 4-Up cu originalul. Acest lucru nu este aici pentru a atrage o bătaie în dezbaterea Fireworks / Photoshop, ci pentru a evidenția o caracteristică de productivitate a aplicației destul de frecvent ignorată. De fapt, jpg-ul dat de Fireworks este de fapt mai mic și mai bun decât cel dat de Photoshop. Nu luați cuvântul meu pentru asta. Greg Rewis, evanghelistul Adobe la nivel mondial, a descoperit acest lucru și a făcut blog-uri despre el.
De fapt, aceasta este cunoscută în mod formal ca Biblioteca comună. Acest panou este ambalat cu jam-uri cu simboluri utile care pot fi folosite în prototipurile dvs. și aceste simboluri pot fi adăugate în pagini, iar în cazul simbolurilor Flex acestea pot fi schimbate pentru tranzacția reală la o dată ulterioară. Rețineți că aceste simboluri nu sunt altceva decât icoane, dar sigur vă fac viața ușoară când trebuie să adăugați o cutie închisă unor cromuri.
În același timp, artificiile Fireworks conțin abilitatea de a crea simboluri interactive pentru butoane, meniuri pop-up, rollovers și o serie de caracteristici și efecte interactive pe care le-am obișnuit de-a lungul anilor. Aceste siboli sunt păstrate într-o bibliotecă de simboluri și pot fi refolosite după cum este necesar.
Introdus în Fireworks CS4, formatul FXG este ceea ce face ca Fireworks să devină o forță de design de interfață atunci când vine vorba de crearea prototipurilor Rich Application Application. De fapt, puteți exporta un design multistrat din mai multe straturi din Fireworks ca fișier FXG și îl puteți deschide ... complet cu pagini și straturi intacte ... în Flash Catalyst CS5. Un fapt puțin cunoscut despre acest format este că puteți salva un document Fireworks ca fișier FXG și îl puteți deschide în Illustrator CS5. De asemenea, să nu uităm că "rotunjirea" a fost o caracteristică a aplicațiilor de ani de zile, ceea ce înseamnă că poți plasa, de exemplu, o imagine Fireworks într-un document Dreamweaver și chiar să editezi și să schimbi documentul Fireworks din cadrul Dreamweaver.
Fireworks CS5 poate să deschidă documente Illustrator și Photoshop și să salveze documente în formatele native ale celor două aplicații ... Fireworks acceptă straturi, stiluri de straturi, straturi compuse, straturi vectoriale și moduri de blending comune pentru Fireworks și Photoshop. Excepțiile sunt straturile de ajustare și grupurile de tăiere. Dacă aveți nevoie de acestea, acestea pot fi fie aplatizate, fie ignorate.
Este posibil să observați în Figura că puteți salva numai fișiere în Illustrator 8. Dacă sunteți un nucleu dur, este cel mai probabil să vă scuzați să oferiți Fireworks o trecere. Ar fi o mare greșeală.
În punctul anterior am subliniat formatul FXG. Dacă faceți că efectele de umplere vectoriale acceptate sunt păstrate ca vectori, ceea ce înseamnă că desenele Fireworks, deschise în Illustrator, pot fi ușor convertite în imagini de înaltă definiție pentru lucrări de imprimare bazate pe CMYK sau pur și simplu deschise în Illustrator pentru manipulare ulterioară.
Introducerea colecției de produse CS5 a marcat de asemenea debutul focurilor de artificii în Device Central.
Alegeți dispozitivul dvs. și faceți clic pe Creați pentru a deschide focuri de artificii. Când Fireworks se deschide, panza este dimensionată la dimensiunea ecranului dispozitivului. De acolo creați-vă designul și selectați File> Preview în Device Central pentru a vedea pagina dvs. în dispozitiv. Voi recunoaște că implementarea este destul de labilă în comparație cu ceea ce puteți face cu alte aplicații. În acest moment, puteți vedea cum arată în pagină dispozitivul. Dacă doriți să creați un design pe mai multe pagini și să parcurgeți paginile, nu vă deranjați. Puteți vedea numai vizionările unei singure pagini.
Creați un buton cu mai multe stări în Fireworks, trageți simbolul din pânza Fireworks în stadiul Flash și un simbol al butonului Flash pe deplin funcțional va apărea în biblioteca Flash. De asemenea, am folosit Fireworks pentru a crea practic orice element de interfață pe care l-am folosit vreodată în cărțile, tutorialele și clasele mele de ani de zile. De fapt, am folosit o peliculă Flash video pe deplin funcțională, care a fost creată în totalitate în Fireworks într-una din cărțile mele Flash Video doar pentru a dovedi că artificii ar trebui să fie invitați la petrecere.
Ceea ce designerii au tendința de a trece cu vederea este că Fireworks creează animații GIF și aceste animații pot fi trimise ca fișiere .swf pentru a fi utilizate în Flash sau pentru a fi setate pentru ... After Effects CS5.
Acesta este un domeniu în care Focuri de artificii este un monstru de economisire a timpului peste Photoshop. Deși puteți crea acțiuni Photoshop pentru redimensionarea, redenumirea și reformarea dosarelor pline de imagini ... trebuie să creați acea acțiune. Focurile de artificii au procesare lotată localizată la File> Process Batch. De acolo, pur și simplu, identificați fișierele care urmează să fie procesate, ceea ce doriți să le faceți și unde merg. Am procesat dosare care conțin câteva imagini duzinute pe Nikon D200 pentru încărcarea ulterioară pe Flickr. De la început până la sfârșit procesul rar durează mai mult de trei sau patru minute.
Așa cum am spus la început, intenția piesei nu este de a fanii dezbaterea non-dezbatere "Fireworks vs Photoshop", care a avut loc de când aplicația a intrat pe strada înapoi în zilele Macromedia. Atunci când Adobe a achiziționat Macromedia, au existat niște bani serioși pe faptul că focurile de artificii urmau să fie aruncate pe aceeași grămadă de praf ca Freehand. Acest lucru nu sa întâmplat și o mare parte din raționamentul din spatele acestei situații sa datorat faptului că Adobe nu a văzut Fireworks ca fiind o competiție pentru Photoshop. În schimb, de-a lungul anilor, Fireworks a atras atenția designerilor web, designerilor RIA și designerilor mobili ca o modalitate de a-și aduce rapid ideile la viață pentru clienții lor. În anumite privințe, evoluția artificiilor de focuri de artificii într-un instrument rapid de prototipuri a fost determinată mai mult de ceea ce făceau utilizatorii cu aplicația și le-a spus Adobe despre aceasta decât invers.
În următoarele săptămâni, intenționez să fac acest lucru - să vă spun ce utilizatori Fireworks o fac cu aplicația - și să vă arăt cum se potrivește aplicația în fluxul de zi cu zi. Indiferent dacă alegeți să oferiți focuri de artificii, vă stau la dispoziție, dar când vă deplasăm în mediul multiscreen care a sufocat brusc Fireworks și photoshop-ul va deveni produse mai complementare produselor competitive.
Accentsconagua