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.
I Adobe Flash Creative Suite 5 er nøye forberedelse av designet i Photoshop eller Illustrator nøkkelen til å få gode resultater i Catalyst – og ikke rive håret ut av frustrasjon! Du må kanskje jobbe litt annerledes enn du er vant til, slik at Catalyst forstår designfilen.
For at Catalyst skal gjenkjenne knapper og andre objekter, må alt kunstverket som skal bli en knapp eller annen komponent være et unikt objekt som kan velges. (Selvfølgelig kan du bruke flere objekter, for eksempel et rektangel og tekst.)
Dette er viktig i Photoshop eller Illustrator, hvor det er lett å ignorere dette prinsippet. Hvis du oppretter en serie knapper, for eksempel ved å legge til litt tekst og noen skillelinjer over en bakgrunn, har du ingen unike objekter å velge når du tar filen inn i Flash Catalyst. Så pass på at hver knapp kan velges individuelt eller som en gruppe objekter som utgjør den knappen.
Hvis du lager lagene dine i Photoshop eller Illustrator på samme måte som du planlegger å jobbe med dem i Catalyst, vil du ha mye lettere for å lage prosjektet ditt. Tanken er å kunne slå på synligheten til lagene for å avsløre hver side på nettstedet. Figuren viser et sett med lag i Photoshop som illustrerer dette prinsippet. Vi anbefaler følgende:
Lag en mappe for hver side på nettstedet ditt; og i hver mappe, plasser lag med det unike designet for hver side.
Lag en mappe som topplaget ditt, som inneholder navigasjonsknappene og alt som ikke endres fra side til side, for eksempel logoen din. Det kan være lurt å kalle denne mappen noe beskrivende, for eksempel Navigasjon.
Tilordne bakgrunnslaget en farge som vises hvis du toner ut eller toner inn en side. (Noe av det kan også vises hvis sidene dine ikke dekker bakgrunnen helt.)
Merk alltid hvert lag så beskrivende som mulig, spesielt hvis du planlegger å jobbe med en utvikler som bruker Flash Builder. Utvikleren må kanskje bruke navnene på lagene i koden.
Du kan lage forskjellige utseende for knappetilstandene dine (eller tilstandene til andre komponenter) på flere måter:
Stable knappene dine på individuelle lag i Photoshop eller Illustrator og merk lagene nøye for å forklare hva de er. Deretter kan du slå av synligheten til lagene for å definere de forskjellige tilstandene i Catalyst.
Legg til knappetilstander i Catalyst (i stedet for å legge til utseende i Photoshop eller Illustrator), ved å bruke gløder, skygger, endre størrelse eller mer i Catalyst.
Eksporter en knappstatus fra Photoshop eller Illustrator som en PNG-, JPG- eller GIF-fil, og importer den til den nye tilstanden i Catalyst.
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 […]