Slik bruker du åpenhet på SVG-er
Lær hvordan du bruker åpenhet på SVG-grafikk i Illustrator. Utforsk hvordan du sender ut SVG-er med gjennomsiktig bakgrunn og bruker gjennomsiktighetseffekter.
Adobe Edge Animate CC fungerer i alle moderne nettlesere – inkludert de nyeste versjonene av Chrome, Firefox, Opera, Safari og Internet Explorer 9. Det fungerer også på alle nettbrett og smarttelefoner som har moderne nettlesere installert. For publikum som ikke bruker moderne nettlesere, tilbyr Edge Animate et reservealternativ som du kan bruke slik at animasjonen din ikke ser ødelagt ut.
Kompatibilitet er viktig for nettinnhold; hvis en nettleser ikke støtter koden din, vil ikke animasjonen din fungere. Ikke rart Adobe Edge Animate CC lager kode som fungerer i alle moderne nettlesere.
Mange nettutviklere er bekymret for at ikke alle deler av HTML5 er kompatible med alle nettlesere. Dette gjelder spesielt med Internet Explorer. Der mange funksjoner i HTML5 vil fungere i nettlesere som Chrome og Firefox, vil de ikke alltid fungere i Internet Explorer.
Dette får mange nettutviklere til å stille spørsmål ved hvor mye de bør begynne å bruke HTML5. Det er ikke i en webutviklers beste interesse å lage nettsider som ikke fungerer i alle nettlesere - men fremtiden er fortsatt litt uklar, og mange mennesker er fornøyd med å bruke gamle nettlesere.
Adobe har løst disse problemene med Edge Animate. Du kan føle deg trygg og sikker ved å vite at Edge Animate-nettkomposisjonene dine vil fungere i alle moderne nettlesere, inkludert de nåværende versjonene av Firefox, Chrome, Safari og Internet Explorer 9.
Du trenger ikke å kunne HTML5, eller til og med HTML, for å bruke Edge Animate. Men jo mer du vet, jo bedre har du det hvis du trenger å bruke koden for å implementere den for visning. Edge Animate-programvaren lager koden for deg mens du bygger nettanimasjonen.
Når du lagrer Edge Animate-filen, lager programvaren flere forskjellige filer. En av disse filene har filtypen .html. HTML5-koden er i HTML-filen. Du kan se denne filen med et hvilket som helst vanlig tekstredigeringsprogram, for eksempel Notisblokk. Etter at du er ferdig med å lage komposisjonen din, kan du se animasjonen i en nettleser – enten fra programvaren eller ved å dobbeltklikke på .html-filen, som åpner og spiller av animasjonen i standardnettleseren.
Kompatibilitet med nettleseren Microsoft Internet Explorer er et problem som nettutviklere må slite med når de utvikler nettsteder. Microsoft har vært trege med å oppdatere Internet Explorer for å være kompatibel med HTML5 – og kode som fungerer utmerket i Chrome, Safari og Firefox oppfører seg ikke bra i tidligere versjoner av Internet Explorer.
Hvis du for eksempel koder en kant til å ha avrundede kanter, vil hjørnene dine se avrundet ut i Chrome og Firefox; men se det samme nettstedet i IE og plutselig vises de avrundede kantene dine firkantede. Problemer som dette kan ødelegge et nettsteds design.
Nettlesere som Firefox, Chrome, Safari og Opera støtter allerede mange aspekter av HTML5. Det er ingen bekymringer med at Adobe Edge Animate CC-komposisjoner fungerer perfekt i disse nettleserne. Disse nettleserne har også innebygde automatiske oppdateringer for sine brukere. På grunn av det kan nettdesignere og utviklere føle seg sikre på at brukerne deres mest sannsynlig bruker den nyeste versjonen av nettleseren.
I en ideell verden ville alle oppgradere nettleserne sine regelmessig. Dessverre kan ikke alle gjøre det, uansett grunn. Selv om Internet Explorer 9 har åpnet døren for HTML5-kompatibilitet, noe som betyr at Edge Animate fungerer i den versjonen av nettleseren, har ikke alle IE-brukere oppgradert nettleserne sine.
Det er fortsatt ikke uvanlig for mange IE-brukere å bruke versjon 7 og 8 - og (til mange designeres skrekk og forferdelse) er IE 6 fortsatt i bruk av mange mennesker.
Adobe Edge Animate CC-komposisjoner vil ikke fungere i Internet Explorer 8 og eldre versjoner, akkurat som HTML5 ikke fungerer i IE6.
Den gode nyheten er imidlertid at flere og flere nettbrukere oppgraderer nettleserne sine, og bruken av IE6 avtar sakte. Med det sagt, fungerer Edge Animate i alle moderne bærbare nettlesere. Hvis hovedmålet ditt er å lage animerte applikasjoner for bruk på smarttelefoner og nettbrett, så er du veldig heldig.
Hvis du lager nettanimasjoner for et publikum som fortsatt bruker IE8 og eldre nettlesere, kan den lurende foreldelsen være et problem når du bruker Adobe Edge Animate CC. Si at du bruker utallige timer på å utvikle den perfekte nettanimasjonen og deretter legge den på nettet. Du testet den i Firefox og IE 9, og den fungerer perfekt.
Så går du over gangen for å vise det til sjefen din - og til din skrekk fungerer det ikke fordi sjefen din bruker IE 6. Vel, i den virkelige verden er det en god sjanse for at mange av dine klienter og kunder også er det bruker en tidligere versjon av IE som ikke er kompatibel med Edge Animate.
Heldigvis har Edge Animate deg dekket med minst to alternativer: Du kan (a) bruke støtte for Google Chrome Frame eller (b) bruke nettleserstøtte på et lavere nivå – en funksjon som lar deg lage en plakat (et statisk bilde), eller å bruke statisk HTML, for å erstatte animasjonen - som hindrer nettstedet ditt fra å se "ødelagt". Publikum ser et bilde som ser ut som det skal se ut, selv om det ikke er animert.
Støtte for Google Chrome Frame
Edge Animate har en funksjon som lar deg bruke Google Chrome Frame-støtte for nettlesere som ikke støtter animasjon. Som et neste trinn til nettleserstøtte på et lavere nivå, kan du publisere Edge Animate-innhold slik at publikum kan se det på IE 6, 7 eller 8 ved hjelp av Google Chrome Frame. For brukeren som ikke allerede har Google Chrome Frame, kan du også kontrollere opplevelsen av å installere den.
Edge Animate har stadier på nedre nivå
De lavere nivå Stages i Edge Animate er versjoner av Stage som du kan bruke til å opprette og publisere en down-level versjon av sammensetning som vil være kompatibel med nettlesere som ikke støtter HTML5 animasjon. Stadiene på nedre nivå tilbyr bare minimalt med opprettelsesverktøy, men du kan
Importer grafikk og lag tekstelementer.
Importer en plakat fra hovedkomposisjonen.
I utgangspunktet kan animasjonene du lager og plasserer på nettet, oppdage nettleserne publikum bruker. Hvis koden oppdager at noen bruker en ikke-kompatibel nettleser for animasjonen din, går den tilbake til å vise et plakatbilde i stedet for animasjonen. Dette forhindrer at nettstedet ditt ser ødelagt ut. I stedet for å se en animasjon som ikke fungerer, ser publikum en plakat – en stillbilde – som du lager fra animasjonen.
Igjen, du trenger ikke å kunne kode for at Stage-støtten på nedre nivå skal fungere. Selv om koding for nettleserdeteksjon kan være vanskelig, har Edge Animate den funksjonen innebygd – og det er et alternativ du kan velge når du er klar til å publisere.
Der Adobe Flash feiler, fungerer Adobe Edge Animate CC. Det er velkjent at Apple ikke tillater Adobe Flash-animasjon å fungere i sine bærbare enheter – og det inkluderer iPhone, iPod touch og iPad. Steve Jobs uttalte før hans bortgang at Flash hadde for mange sikkerhetssårbarheter og andre negative aspekter til at Apple kunne la Flash fungere med iOS.
Edge Animate, på den annen side, lider ikke av disse problemene. Edge Animate-komposisjonene dine vil fungere helt fint på Apple-produkter – og på Android-enheter – enten det er nettbrett av alle typer, smarttelefoner og andre enheter som bruker moderne mobilnettlesere.
Lær hvordan du bruker åpenhet på SVG-grafikk i Illustrator. Utforsk hvordan du sender ut SVG-er med gjennomsiktig bakgrunn og bruker gjennomsiktighetseffekter.
Etter at du har importert bildene dine til Adobe XD, har du ikke mye redigeringskontroll, men du kan endre størrelse og rotere bilder på samme måte som du ville gjort med en hvilken som helst annen form. Du kan også enkelt runde hjørnene på et importert bilde ved å bruke hjørnemodulene. Maskering av bildene dine Ved å definere en lukket form […]
Når du har tekst i Adobe XD-prosjektet ditt, kan du begynne å endre tekstegenskapene. Disse egenskapene inkluderer skriftfamilie, skriftstørrelse, skriftvekt, justering, tegnavstand (kjerning og sporing), linjeavstand (ledende), fyll, kantlinje (strek), skygge (slippskygge) og bakgrunnsuskarphet. Så la oss se gjennom hvordan disse egenskapene brukes. Om lesbarhet og font […]
Akkurat som i Adobe Illustrator, gir Photoshop-tegnebrett muligheten til å bygge separate sider eller skjermer i ett dokument. Dette kan være spesielt nyttig hvis du bygger skjermer for en mobilapplikasjon eller liten brosjyre. Du kan tenke på en tegnebrett som en spesiell type laggruppe opprettet ved hjelp av lagpanelet. Det er […]
Mange av verktøyene du finner i InDesign Tools-panelet brukes til å tegne linjer og former på en side, så du har flere forskjellige måter å lage interessante tegninger for publikasjonene dine på. Du kan lage alt fra grunnleggende former til intrikate tegninger inne i InDesign, i stedet for å bruke et tegneprogram som […]
Å pakke inn tekst i Adobe Illustrator CC er ikke helt det samme som å pakke inn en gave – det er enklere! En tekstbryting tvinger tekst til å brytes rundt en grafikk, som vist i denne figuren. Denne funksjonen kan legge til litt kreativitet til ethvert stykke. Grafikken tvinger teksten til å vikle seg rundt den. Først lager du […]
Når du designer i Adobe Illustrator CC, trenger du ofte at en form har en nøyaktig størrelse (for eksempel 2 x 3 tommer). Etter at du har laget en form, er den beste måten å endre størrelsen på den til nøyaktige mål å bruke Transform-panelet, vist i denne figuren. Velg objektet og velg deretter Vindu→ Transformer til […]
Du kan bruke InDesign til å lage og endre QR-kodegrafikk. QR-koder er en form for strekkode som kan lagre informasjon som ord, tall, URL-er eller andre former for data. Brukeren skanner QR-koden ved hjelp av kameraet og programvaren på en enhet, for eksempel en smarttelefon, og programvaren bruker […]
Det kan være en tid når du trenger et nytt bilde for å se gammelt ut. Photoshop CS6 har du dekket. Svart-hvitt-fotografering er et nyere fenomen enn du kanskje tror. Daguerreotypier og andre tidlige fotografier hadde ofte en brunaktig eller blåaktig tone. Du kan lage dine egne sepiatonede mesterverk. Tonede bilder kan skape […]
Ved å bruke Live Paint-funksjonen i Adobe Creative Suite 5 (Adobe CS5) Illustrator kan du lage bildet du ønsker og fylle ut områder med farger. Live Paint-bøtten oppdager automatisk områder som består av uavhengige kryssende stier og fyller dem deretter. Malingen innenfor et gitt område forblir levende og flyter automatisk hvis noen […]