Sådan anvender du gennemsigtighed på SVGer
Lær, hvordan du anvender gennemsigtighed på SVG-grafik i Illustrator. Udforsk, hvordan du udsender SVG'er med gennemsigtige baggrunde og anvender gennemsigtighedseffekter.
Dreamweaver-tekstpanelet indeholder en samling af muligheder, der styrer visningen af teksten på dine sider. Du kan få adgang til indstillingerne i tekstpanelet ved at rulle ned i panelet Egenskab, indtil du kommer under layoutindstillingerne, eller ved at klikke på T-ikonet øverst i panelet.
Tekstpanelet indeholder følgende formateringsmuligheder:
Farve: Indstil tekstfarven. Du kan klikke på farvebrønden og vælge en farve, bruge pipetten til at prøve en hvilken som helst farve på skærmen eller indtaste en hexadecimal farvekode i farvefeltet. Hvis du indtaster en hexadecimal farvekode, skal du inkludere det begyndende pundtegnet (#).
Skrifttypefamilie: Definer en skrifttypefamilie eller en række familier. Du kan tilføje skrifttyper fra din lokale harddisk eller fra Adobe TypeKit ved at vælge Administrer skrifttyper i bunden af rullelisten og åbne dialogboksen Administrer skrifttyper.
Skrifttype: Indtast Normal, Kursiv eller Skrå. Kursiv og skrå er dog sjældent forskellige i en webbrowser, så hold dig til kursiv, medmindre du har en specifik grund til at lade være.
Skrifttypevariant: Skift tekst til små bogstaver. Test dine designs omhyggeligt, fordi denne egenskab ikke understøttes af alle browsere.
Skrifttypevægt: Få tekst til at fremstå fed ved at vælge Fed eller Fed på rullelisten. Du kan også indtaste et tal mellem 100 og 900 for mere præcist at kontrollere, hvor fed teksten vises. For at fjerne fed formatering skal du vælge Normal eller Lysere.
Skriftstørrelse: Definer størrelsen på teksten. Du kan vælge en specifik numerisk størrelse eller en relativ størrelse. Størrelsesmuligheder er pixel (px), punkt (pt), pica (pc), procent (%), em, rem, ex og ch. Pixels, ems og procenter er de mest almindeligt anvendte muligheder for tekststørrelser.
Linjehøjde: Angiv højden på linjen, hvorpå teksten er placeret. Ligesom tekststørrelse kan du angive linjehøjde på en række forskellige måder, herunder pixels, ems og procenter. Det er god praksis på nettet at tilføje linjehøjde, fordi øget plads omkring din tekst gør det lettere at læse på en computerskærm.
Tekstjustering: Venstrejuster, højrejuster, centrer eller juster din tekst ved at klikke på det tilsvarende ikon. Det første ikon, for Inherit, er standard. Du kan f.eks. centrere teksten i sidefoden på din webside ved at inkludere Text-Align sat til Center i definitionen af en typografi, du anvender på
tag nederst på siden.
Tekst-dekoration: Angiv, om tekst er understreget, overstreget, vist med gennemstregning eller vist med blinkeffekt. Du kan også vælge Ingen, som ofte bruges til at fjerne understregningen fra linket tekst.
Tekstindrykning: Angiv, hvor meget teksten skal indrykkes fra venstre side af siden ved at indtaste et tal i en af størrelsesindstillingerne, såsom pixels, ems eller procenter.
Du har måske hørt, at du nu kan bruge enhver skrifttype, du ønsker på dine websider, takket være den seneste version af Cascading Style Sheets, CSS3. Denne erklæring er sand, men med nogle begrænsninger: Du skal have den juridiske ret til at udgive skrifttypen, og skrifttypen skal være hostet på en webserver.
For at sikre, at din tekst vises, som du har til hensigt, inkluderer Dreamweaver samlinger af de mest almindelige skrifttyper på Windows- og Macintosh-computere. Disse skrifttyper er grupperet i familier, som f.eks
Gotham, Helvetica Nue, Helvetica, Arial, sans serif
Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, Times og serif
Du kan oprette dine egne skrifttyper ved at bruge dialogboksen Administrer skrifttyper, som er tilgængelig ved at vælge indstillingen Administrer skrifttyper nederst på rullelisten Skrifttypefamilie i tekstpanelet i panelet CSS Designer.
Tekst-Shadow-sektionen i Tekst-panelet indeholder værktøjer til at tilføje tekstskygger, en af de nyeste CSS-egenskaber inkluderet i CSS3-definitionen. De mest populære muligheder er følgende:
H-skygge: Tilføj en skygge til din tekst på den vandrette akse. Vælg først en størrelsesmulighed, og indtast derefter et tal i feltet. Indtast f.eks. 2px for at tilføje en vandret skygge, der er 2 pixels bred.
V-skygge: Tilføj en skygge til din tekst på den lodrette akse. Vælg først en størrelsesmulighed, og indtast derefter et tal i feltet.
Sløring: Styr mængden af sløring i skyggen. Jo større tal, jo mere er skyggen spredt ud eller sløret.
Farve: Indtast en hexadecimal farvekode for at angive farven på skyggen, eller brug pipetten til at prøve en hvilken som helst farve på skærmen.
Funktionerne i bunden af tekstpanelet, som ikke er så almindelige som de andre tekstpanelindstillinger, er som følger:
Tekst-transformer: Skift store og små bogstaver i din tekst. Indstillingerne er store bogstaver, store bogstaver og små bogstaver. Klik på det tilsvarende ikon for at indstille denne egenskab.
Letter-Spacing: Definerer mængden af hvidt mellemrum, der er indsat mellem bogstaver. Størrelsesmuligheder er pixel (px), punkt (pt), pica (pc), procent (%), em, rem, ex og ch.
Ord-mellemrum: Definerer mængden af mellemrum, der er indsat mellem ordene. Størrelsesmuligheder er pixel (px), punkt (pt), pica (pc), procent (%), em, rem, ex og ch. (Se den foregående sidebjælke "Sammenligning af CSS-størrelsesindstillinger.")
White-Space: Fortæl browseren, hvordan den skal håndtere linjeskift og mellemrum i en tekstblok. Dine muligheder er Inherit, Normal, Nowrap, Pre, Pre-line eller Pre-wrap. Nowrap er især nyttigt, fordi det forhindrer elementer i at blive adskilt, hvis de skal ombrydes for at passe ind i et browservindue eller en anden beholder.
Lodret-justering: Juster inline-elementer, såsom tekst og billeder, i forhold til de elementer, der omgiver dem. Du kan indstille en numerisk værdi eller vælge Baseline, Sub, Super, Top, Text-Top, Middle, Bottom og Text-Bottom.
Lær, hvordan du anvender gennemsigtighed på SVG-grafik i Illustrator. Udforsk, hvordan du udsender SVG'er med gennemsigtige baggrunde og anvender gennemsigtighedseffekter.
Når du har importeret dine billeder til Adobe XD, har du ikke megen redigeringskontrol, men du kan ændre størrelse og rotere billeder, ligesom du ville have en hvilken som helst anden form. Du kan også nemt runde hjørnerne af et importeret billede ved hjælp af hjørne-widgets. Maskering af dine billeder Ved at definere en lukket form […]
Når du har tekst i dit Adobe XD-projekt, kan du begynde at ændre tekstegenskaberne. Disse egenskaber omfatter skrifttypefamilie, skriftstørrelse, skrifttypevægt, justering, tegnafstand (kjerning og sporing), linjeafstand (førende), udfyldning, kant (streg), skygge (slæbeskygge) og baggrundssløring. Så lad os gennemgå, hvordan disse egenskaber anvendes. Om læsbarhed og skrifttype […]
Ligesom i Adobe Illustrator giver Photoshop tegnebrætter mulighed for at bygge separate sider eller skærmbilleder i ét dokument. Dette kan især være nyttigt, hvis du bygger skærme til en mobilapplikation eller en lille brochure. Du kan tænke på et tegnebræt som en speciel type laggruppe, der er oprettet ved hjælp af panelet Lag. Dens […]
Mange af de værktøjer, du finder i panelet InDesign Tools, bruges til at tegne linjer og former på en side, så du har flere forskellige måder at skabe interessante tegninger til dine publikationer. Du kan skabe alt fra grundlæggende former til indviklede tegninger inde i InDesign, i stedet for at skulle bruge et tegneprogram såsom […]
Indpakning af tekst i Adobe Illustrator CC er ikke helt det samme som at pakke en gave ind – det er nemmere! En tekstombrydning tvinger tekst til at ombryde en grafik, som vist i denne figur. Denne funktion kan tilføje en smule kreativitet til ethvert stykke. Grafikken tvinger teksten til at ombryde den. Først skal du oprette […]
Når du designer i Adobe Illustrator CC, skal du ofte have en form, der har en nøjagtig størrelse (f.eks. 2 x 3 tommer). Når du har oprettet en form, er den bedste måde at ændre størrelsen på den til nøjagtige mål ved at bruge Transform-panelet, vist i denne figur. Få objektet valgt, og vælg derefter Vindue→ Transformer til […]
Du kan bruge InDesign til at oprette og ændre QR-kodegrafik. QR-koder er en form for stregkode, der kan gemme information såsom ord, tal, URL'er eller andre former for data. Brugeren scanner QR-koden ved hjælp af sit kamera og software på en enhed, såsom en smartphone, og softwaren gør brug af […]
Der kan være et tidspunkt, hvor du har brug for et nyt billede for at se gammelt ud. Photoshop CS6 har dig dækket. Sort-hvid fotografering er et nyere fænomen, end du måske tror. Daguerreotypier og andre tidlige fotografier havde ofte en brunlig eller blålig tone. Du kan skabe dine egne sepia-tonede mesterværker. Tonede billeder kan skabe […]
Ved at bruge funktionen Live Paint i Adobe Creative Suite 5 (Adobe CS5) Illustrator kan du oprette det billede, du ønsker, og udfylde områder med farve. Live Paint-spanden registrerer automatisk områder sammensat af uafhængige krydsende stier og fylder dem i overensstemmelse hermed. Malingen inden for en given region forbliver levende og flyder automatisk, hvis nogen […]