# Illustrator gradient: lineær, radial og freeform [Canonical HTML page](https://gradiently.design/da/guide/illustrator-gradient) Illustrators gradienter bor i ét lille panel, men de fleste bruger kun halvdelen af det. Her er hele panelet, freeform-typen og det, der sker med dine overgange, når du eksporterer. ## The short version - Illustrator har tre gradienttyper i Gradient-panelet: Linear, Radial og Freeform. - Gradient-panelet åbnes fra Window › Gradient, og Gradient-værktøjet (G) lader dig trække, rotere og redigere en gradient direkte på tegningen. - En gradient på en streg kan løbe inde i stregen, langs dens bane eller på tværs af dens bredde. - Hvis du vil lægge en gradient på live tekst og beholde den redigerbar, tilføjer du en ny udfyldning i Appearance-panelet og giver den gradienten. - Lineære og radiale gradienter eksporteres til SVG som egentlige gradientelementer, mens freeform- og mesh-gradienter ikke har nogen SVG-pendant. En **Illustrator gradient** indstilles i Gradient-panelet (Window › Gradient) og formes på tegningen med Gradient-værktøjet (G). Markér et objekt, vælg Linear, Radial eller Freeform i panelet, og klik på stopene under skyderen for at sætte farver. Lineære og radiale overgange er dem, du bør bruge til logoer, ikoner og alt, der skal på nettet, fordi de forbliver små og skarpe overalt. Freeform er til blød, malerisk farve, og den ældre Gradient Mesh er til fotografisk skygge. ## Gradient-panelet, kontrol for kontrol Alt starter med, at objektet er markeret, og at det rigtige mål er aktivt: Panelet viser en udfyldnings- og en stregfirkant, og gradienten går til den, der ligger forrest. Et klik på gradientens miniature bruger den sidste gradient, du brugte, hvilket er praktisk, når du stiler en række former. | Kontrol | Hvad den gør | | --- | --- | | Type | Linear, Radial eller Freeform | | Angle | Drejer en lineær eller radial gradient | | Aspect ratio | Trykker en radial gradient sammen til en ellipse | | Reverse | Vender rækkefølgen af stopene | | Farvestop | Klik under skyderen for at tilføje, træk væk for at fjerne | | Opacity og Location | Gennemsigtighed pr. stop og præcis placering i procent | | Midtpunktsruder | Flytter det sted, hvor to nabostop blandes fifty-fifty | | Stroke-indstillinger | Inde i, langs eller på tværs af en streg | Hvad hver del af Illustrators Gradient-panel styrer. Ved at skrive Location-værdier får du en række gradienter til at passe sammen. Hvis du vil gemme en gradient, trækker du miniaturen fra panelet ind i Swatches-panelet. Gemte gradienter er måden, du holder et brands overgange ens fra fil til fil; [gradientstop](https://gradiently.design/da/guide/gradient-stops) gennemgår, hvordan du vælger placeringer, der ser jævne ud. ## Lineære og radiale gradienter Når Gradient-værktøjet er valgt, dukker en bjælke, der kaldes annotatoren, op hen over objektet. Træk i den runde ende for at flytte starten, i den firkantede ende for at ændre længde og vinkel, og i stopene langs den for at sætte farver uden at åbne panelet. Er annotatoren skjult, henter View › Show Gradient Annotator den tilbage. Hold Shift nede, mens du trækker, for at holde vinklen på trin af 45 grader. - Lineær, tre stop: `linear-gradient(120deg, #064e3b 0%, #10b981 55%, #d9f99d 100%)` - Radial, aspect 100 %: `radial-gradient(circle at 50% 50%, #fef3c7 0%, #f59e0b 45%, #78350f 100%)` - Radial, aspect trykket sammen: `radial-gradient(ellipse 70% 40% at 50% 50%, #e0e7ff 0%, #6366f1 50%, #1e1b4b 100%)` En lineær overgang, en rund radial og en radial med lavere aspect ratio, skrevet i CSS, så du kan matche dem på en hjemmeside. Gradienter i Illustrator følger formen, ikke tegnebrættet. Markerer du flere objekter og trækker hen over dem alle med Gradient-værktøjet, spænder én gradient dog over hele gruppen, og sådan deler en række bogstaver eller ikoner ét samlet farveskift. ## Freeform-gradienter Freeform-gradienter dropper bjælken helt. Du placerer farvepunkter, hvor som helst inde i en form, og Illustrator blander mellem dem, hvilket giver den bløde, organiske farve, som en [mesh-gradient](https://gradiently.design/da/guide/mesh-gradients) giver, med langt mindre besvær end Mesh-værktøjet. 1. **Skift type** Markér formen, og klik på Freeform i Gradient-panelet. Illustrator placerer nogle startpunkter for dig. 2. **Vælg Points eller Lines** Points-tilstand placerer enkelte farvepunkter. I Lines-tilstand klikker du en bane af punkter, og farven flyder langs linjen. 3. **Sæt hver farve** Dobbeltklik på et punkt for at vælge dets farve, eller markér det og vælg en farveprøve. 4. **Justér udbredelsen** I Points-tilstand trækker du i den stiplede cirkel omkring et punkt eller ændrer Spread i panelet for at bestemme, hvor langt dets farve rækker. 5. **Fjern det, du ikke har brug for** Træk et punkt ud af formen, eller tryk på Delete. Færre, velplacerede punkter ser roligere ud end mange. > **Freeform eller Gradient Mesh** Brug freeform til flad illustration og baggrunde. Mesh-værktøjet (U) giver stadig mest kontrol til realistisk skygge, men hvert mesh-punkt er noget, du selv skal styre i hånden. ## Gradienter på streger Vælg stregfirkanten i Gradient-panelet, læg en gradient på, og tre knapper dukker op. De ændrer resultatet mere end noget farvevalg. | Stregindstilling | Resultat | Godt til | | --- | --- | --- | | Within stroke | Gradienten udfylder stregen, som var den en form | Tykke konturer og rammer | | Along stroke | Farven bevæger sig fra banens start til dens slutning | Linjer, ringe, fremdriftsbuer | | Across stroke | Farven løber fra den ene kant af stregen til den anden | Rør, linjer i neonstil, bånd | De tre måder, Illustrator lægger en gradient på en streg. ## Gradienttekst, der kan redigeres Live tekst kan ikke altid tage en gradient direkte på tegnudfyldningen, og hvis du omdanner teksten til konturer for at gennemtvinge det, kan du aldrig rette en tastefejl. Den sikre vej går gennem Appearance-panelet: Markér tekstobjektet, vælg Add New Fill i panelmenuen, træk den nye udfyldning ned under Characters-posten, hvis det er nødvendigt, og læg din gradient på den. Ordene kan stadig redigeres, og gradienten spænder over hele linjen. Til logoarbejde gennemgår [gradientlogoer](https://gradiently.design/da/guide/gradient-logo), hvornår en overgang hjælper et mærke, og hvornår der skal bruges en flad udgave. En A4-plakat i stående format med en stor overskrift over en blød gradientbaggrund En A4-plakat på 2480×3508. Hold baggrunden blød og teksten flad eller blot blandet, så ordene stadig kan læses fra den anden side af rummet. ## Eksport af Illustrator-gradienter til SVG og tryk Når du eksporterer SVG, bliver lineære og radiale gradienter til egentlige gradientelementer, så de forbliver bittesmå og skarpe i enhver størrelse. Freeform- og mesh-gradienter har ingen SVG-pendant, så regn med, at de bliver rastreret eller tilnærmet: Tjek filen, før du giver den til en udvikler. [SVG-gradienter](https://gradiently.design/da/guide/svg-gradients) forklarer formatet. ```html ``` Cirka sådan ser en lineær gradient med tre stop ud efter SVG-eksport: Stop og offsets kommer direkte fra Gradient-panelet. Ved tryk er gradienter det sted, hvor banding og farveskift viser sig først. Konvertér tidligt til trykkeriets farvetilstand, undgå lange overgange mellem to meget nære toner, og bed om et korrektur. [Tryk af gradienter](https://gradiently.design/da/guide/print-gradients) lister kontrollerne. ## Sådan lægger du din tegning på en baggrund Illustrator er det rette hjem for et logo. Baggrunden, det sidder på i opslag, stories og slides, er et andet problem, fordi den skal tegnes om til hvert format. En Gradiently Mark er en færdig baggrund, der gengives i enhver størrelse og holder ordene læselige, og når du sikrer dig en, kan intet andet brand eksportere med den. ## FAQ ### Hvor er Gradient-panelet i Illustrator? Åbn det fra Window › Gradient. Selve Gradient-værktøjet ligger i værktøjslinjen, genvej G. ### Hvordan laver jeg en freeform gradient i Illustrator? Markér en form, vælg Freeform i Gradient-panelet, og tilføj derefter farvepunkter i Points-tilstand eller tegn en linje af punkter i Lines-tilstand. ### Hvordan lægger jeg en gradient på tekst i Illustrator uden at omdanne den til konturer? Tilføj en ny udfyldning til tekstobjektet i Appearance-panelet, og læg gradienten på den udfyldning. Teksten forbliver redigerbar. ### Kan jeg lægge en gradient på en streg i Illustrator? Ja. Markér stregen i Gradient-panelet, og vælg, om gradienten skal løbe inde i, langs eller på tværs af stregen. ### Virker Illustrator-gradienter i SVG? Lineære og radiale gradienter eksporteres som egentlige SVG-gradienter. Freeform- og mesh-gradienter har ingen SVG-pendant.